html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
  margin:0;
  padding:0
}
* {
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
html,
body {
  background-color:#fff
}
html {
  overflow-x:hidden;
  overflow-y:auto
}
@font-face {
  font-family:'DIN Alternate';
  font-style:normal;
  font-weight:normal;
  src:local('DIN Alternate'),
  url('DINAlternate-Bold.woff') format('woff')
}
body {
  font-family:'PingFang SC',Helvetica,'Helvetica Neue',Tahoma,Arial,sans-serif;
  width:100vw
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight:normal
}
ul,
ol {
  padding:0;
  margin:0;
  list-style:none
}
input {
  -webkit-appearance:none
}
img {
  border:none;
  vertical-align:middle
}
a {
  text-decoration:none;
  color:#abadb1;
  -webkit-tap-highlight-color:transparent;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}
table {
  border-collapse:collapse;
  table-layout:fixed
}
input,
textarea,
button {
  outline:none;
  border:none
}
textarea {
  resize:none;
  overflow:auto
}
.clearfix {
  zoom:1
}
.clearfix:after {
  content:'.';
  width:0;
  height:0;
  visibility:hidden;
  display:block;
  clear:both;
  overflow:hidden
}
.fl {
  float:left
}
.fr {
  float:right
}
.tl {
  text-align:left
}
.tc {
  text-align:center
}
.tr {
  text-align:right
}
.ellipse {
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap
}
.inline {
  display:inline-block;
  *display:inline;
  *zoom:1
}
/*.container {
  width:1152px;
  margin:0 auto
}*/
.mustWrite {
  color:red
}
.icon {
  fill:currentColor;
  overflow:hidden
}
.animated {
  -webkit-animation-duration:1.6s;
  animation-duration:1.6s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}
#newBridge {
  display:none
}
.c-sb-c {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.c-sb-sb {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-line-pack:justify;
  align-content:space-between
}
.c-fs-c {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.ccc {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.r-c-c {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.r-sb-c {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.r-sb-sb {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-line-pack:justify;
  align-content:space-between
}
.r-c-c {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.r-fs-c {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.r-fe-c {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
@media (max-width:750px) {
  body {
    max-width:750px
  }
  .pc-show {
    display:none !important
  }
}
@media (min-width:750px) {
  .mob-show {
    display:none !important
  }
}
#aff-im-root .embed-icon {
  display:none
}
#aff-im-root .embed-icon-default {
  display:none
}

@media (min-width:750px) {
  .contact-us {
    width:100%;
    height:600px;
    background-image:-webkit-linear-gradient(27deg, #6a81ff 18%, #7ab2ff 82%);
    background-image:-o-linear-gradient(27deg, #6a81ff 18%, #7ab2ff 82%);
    background-image:linear-gradient(63deg, #6a81ff 18%, #7ab2ff 82%);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  .contact-us .contact-container {
    max-width:1680px;
    width:100%;
    height:600px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
  }
  .contact-us .contact-container img:nth-of-type(1) {
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    height:600px
  }
  .contact-us .contact-container img:nth-of-type(2) {
    position:absolute;
    z-index:1;
    right:0;
    top:0;
    height:600px
  }
  .contact-us .contact-container>div {
    z-index:2;
    max-width:1680px;
    width:100%;
    height:600px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
  }
  .contact-us h2 {
    color:#ffffff;
    font-size:24px;
    font-weight:400;
    line-height:22px;
    margin-bottom:20px
  }
  .contact-us .tip {
    max-width:714px;
    color:#ffffff;
    font-size:14px;
    font-weight:400;
    line-height:22px;
    margin-bottom:70px;
    text-align:center
  }
  .contact-us .input-wrapper {
    width:714px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:50px
  }
  .contact-us .input-wrapper .ipt-item {
    height:50px;
    width:282px;
    border-bottom:1px solid #ffffff;
    font-size:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  .contact-us .input-wrapper .ipt-item>span {
    color:#ffffff;
    height:30px;
    line-height:30px
  }
  .contact-us .input-wrapper .ipt-item .ipt-inner {
    position:relative
  }
  .contact-us .input-wrapper .ipt-item .ipt-inner>span {
    display:none;
    width:115px;
    left:10px;
    position:absolute;
    color:#fff906;
    top:45px
  }
  .contact-us .input-wrapper .ipt-item .ipt-inner input {
    height:30px;
    outline:none;
    border:none;
    line-height:14px;
    background-color:transparent;
    background-image:none;
    color:#ffffff;
    padding-left:14px
  }
  .contact-us .input-wrapper .ipt-item .ipt-inner input:focus {
    border:none;
    background-color:transparent
  }
  .contact-us .input-wrapper .ipt-item .ipt-inner input:-webkit-autofill {
    -webkit-box-shadow:0 0 0px 1000px transparent inset !important
  }
  .contact-us .text {
    position:relative;
    margin-bottom:45px
  }
  .contact-us .text ::-webkit-input-placeholder {
    color:#ffffff;
    opacity:.8
  }
  .contact-us .text :-moz-placeholder {
    color:#ffffff;
    opacity:.8
  }
  .contact-us .text ::-moz-placeholder {
    color:#ffffff;
    opacity:.8
  }
  .contact-us .text :-ms-input-placeholder {
    color:#ffffff;
    opacity:.8
  }
  .contact-us .text textarea {
    resize:none;
    padding:18px 21px;
    width:713px;
    height:125px;
    border:1px solid #ffffff;
    background-color:transparent;
    background-image:none;
    color:#ffffff;
    font-size:14px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  .contact-us .text span {
    display:none;
    position:absolute;
    color:#fff906;
    right:0;
    bottom:-20px
  }
  .contact-us .sub-btn {
    width:160px;
    height:44px;
    border-radius:2px;
    background-color:#ffffff;
    line-height:44px;
    color:#44486c;
    font-size:14px;
    font-weight:500;
    text-align:center;
    cursor:pointer;
    -webkit-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s
  }
  .contact-us .sub-btn:hover,
  .contact-us .sub-btn:focus {
    color:#577bff
  }
}
#home {
  width:100%;
  overflow:hidden
}
#home .module_wrap {
  width:100%;
  position:relative
}
#home .module_wrap .module_title {
  font-size:44px;
  font-weight:bold;
  color:rgba(0,0,0,0.8)
}
#home .module_wrap .pc {
  display:block
}
#home .module_wrap .mobile {
  display:none
}
#home .module_wrap .icon_list {
  margin-top:40px;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .module_wrap .icon_list .icon_item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .module_wrap .icon_list .icon_item .icon {
  width:35px;
  height:35px;
  font-size:35px;
  color:inherit
}
#home .module_wrap .icon_list .icon_item .icon_title {
  margin-top:15px;
  font-size:16px;
  color:inherit
}
#home .module_wrap .icon_list .icon_item+.icon_item {
  margin-left:87px
}
#home .module_wrap .to_detail_btn {
  margin:0 auto;
  width:200px;
  height:36px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:2px;
  border:1px solid #ffffff;
  text-align:center;
  line-height:36px;
  color:#ffffff;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .banner_contrainer {
  width:100%;
  height:800px
}
#home .banner_contrainer .swiper-contrainer {
  width:100%;
  height:100%;
  overflow:hidden
}
#home .banner_contrainer .swiper-wrapper {
  width:100%;
  height:100%
}
#home .banner_contrainer .swiper-slide {
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
@-webkit-keyframes roundBorder {
  0% {
    -webkit-transform:translate(-50%, -50%) rotate(0);
    transform:translate(-50%, -50%) rotate(0)
  }
  100% {
    -webkit-transform:translate(-50%, -50%) rotate(360deg);
    transform:translate(-50%, -50%) rotate(360deg)
  }
}
@keyframes roundBorder {
  0% {
    -webkit-transform:translate(-50%, -50%) rotate(0);
    transform:translate(-50%, -50%) rotate(0)
  }
  100% {
    -webkit-transform:translate(-50%, -50%) rotate(360deg);
    transform:translate(-50%, -50%) rotate(360deg)
  }
}
@-webkit-keyframes suspension {
  0% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  25% {
    -webkit-transform:translate(0, -10%);
    transform:translate(0, -10%)
  }
  50% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  75% {
    -webkit-transform:translate(0, 10%);
    transform:translate(0, 10%)
  }
  100% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
}
@keyframes suspension {
  0% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  25% {
    -webkit-transform:translate(0, -10%);
    transform:translate(0, -10%)
  }
  50% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  75% {
    -webkit-transform:translate(0, 10%);
    transform:translate(0, 10%)
  }
  100% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
}
#home .banner_contrainer .swiper-slide.swiper-slide-active.animate .banner_service_item.live .service_border {
  -webkit-animation:roundBorder 3s linear infinite;
  animation:roundBorder 3s linear infinite
}
#home .banner_contrainer .swiper-slide.swiper-slide-active.animate .banner_service_item.photo .service_border {
  animation:roundBorder 2s linear infinite reverse
}
#home .banner_contrainer .swiper-slide.swiper-slide-active.animate .banner_service_item.video .service_border {
  -webkit-animation:roundBorder 5s linear infinite;
  animation:roundBorder 5s linear infinite
}
#home .banner_contrainer .swiper-slide.swiper-slide-active.animate .banner_service_item.vr .service_border {
  animation:roundBorder 6s linear infinite reverse
}
#home .banner_contrainer .swiper-slide.swiper-slide-active.animate .banner_service_item.audio .service_border {
  -webkit-animation:roundBorder 3s linear infinite;
  animation:roundBorder 3s linear infinite
}
#home .banner_contrainer .swiper-slide.swiper-slide-active.animate .banner_service_item.shortvideo .service_border {
  animation:roundBorder 2s linear infinite reverse
}
#home .banner_contrainer .swiper-slide.swiper-slide-active.animate .banner_second_bg_wrap .center_player {
  -webkit-animation:suspension 3s linear infinite;
  animation:suspension 3s linear infinite
}
#home .banner_contrainer .swiper-slide.swiper-slide-active.animate .banner_second_bg_wrap .spring_border.border-1 {
  -webkit-animation:border1fraem 2s linear infinite alternate;
  animation:border1fraem 2s linear infinite alternate
}
@-webkit-keyframes 'border1fraem' {
  0% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  100% {
    -webkit-transform:translate(0, 5px);
    transform:translate(0, 5px)
  }
}
@keyframes 'border1fraem' {
  0% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  100% {
    -webkit-transform:translate(0, 5px);
    transform:translate(0, 5px)
  }
}
#home .banner_contrainer .swiper-slide.swiper-slide-active.animate .banner_second_bg_wrap .spring_border.border-2 {
  -webkit-animation:border2fraem 2s linear infinite alternate;
  animation:border2fraem 2s linear infinite alternate
}
@-webkit-keyframes 'border2fraem' {
  0% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  100% {
    -webkit-transform:translate(0, 10px);
    transform:translate(0, 10px)
  }
}
@keyframes 'border2fraem' {
  0% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  100% {
    -webkit-transform:translate(0, 10px);
    transform:translate(0, 10px)
  }
}
#home .banner_contrainer .swiper-slide.swiper-slide-active.animate .banner_second_bg_wrap .spring_border.border-3 {
  -webkit-animation:border3fraem 2s linear infinite alternate;
  animation:border3fraem 2s linear infinite alternate
}
@-webkit-keyframes 'border3fraem' {
  0% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  100% {
    -webkit-transform:translate(0, 15px);
    transform:translate(0, 15px)
  }
}
@keyframes 'border3fraem' {
  0% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  100% {
    -webkit-transform:translate(0, 15px);
    transform:translate(0, 15px)
  }
}
#home .banner_contrainer .swiper-slide.swiper-slide-active.animate .banner_second_bg_wrap .spring_content {
  -webkit-animation:border3fraem 2s linear infinite alternate;
  animation:border3fraem 2s linear infinite alternate
}
@keyframes 'border3fraem' {
  0% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  100% {
    -webkit-transform:translate(0, 20px);
    transform:translate(0, 20px)
  }
}
#home .banner_contrainer .banner_content {
  margin:0 auto;
  width:1180px;
  height:100%;
  position:relative;
  z-index:2
}
#home .banner_contrainer .banner_bg_wrap {
  position:absolute;
  z-index:1;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:1180px;
  height:100%
}
#home .banner_contrainer .banner_bg_wrap .banner_bg_img {
  position:absolute;
  bottom:0;
  right:44px;
  width:760px;
  -webkit-transform:scale(.9);
  -ms-transform:scale(.9);
  transform:scale(.9);
  -webkit-transform-origin:bottom right;
  -ms-transform-origin:bottom right;
  transform-origin:bottom right
}
#home .banner_contrainer .banner_bg_wrap .banner_bg_img .img {
  width:100%
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item {
  position:absolute;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-align:center
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item .service_border_img {
  width:100%;
  height:100%;
  vertical-align:top
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item .service_border {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:100%;
  height:100%;
  z-index:1;
  vertical-align:top
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item .service_border.pc_border {
  display:block
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item .service_border.mob_border {
  display:none
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item .service_text {
  color:#ffffff
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.live {
  bottom:80px;
  left:-120px;
  width:135px;
  height:135px
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.live .service_text {
  font-size:30px
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.photo {
  bottom:340px;
  left:100px;
  width:92px;
  height:92px
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.photo .service_text {
  font-size:20px
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.video {
  bottom:510px;
  left:200px;
  width:116px;
  height:116px
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.video .service_text {
  font-size:24px
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.vr {
  bottom:540px;
  left:400px;
  width:154px;
  height:154px
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.vr .service_text {
  font-size:27px;
  white-space:pre-line
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.audio {
  bottom:365px;
  left:600px;
  width:116px;
  height:116px
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.audio .service_text {
  font-size:22px
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.shortvideo {
  left:700px;
  bottom:57px;
  width:110px;
  height:110px
}
#home .banner_contrainer .banner_bg_wrap .banner_service_item.shortvideo .service_text {
  font-size:18px
}
#home .banner_contrainer .banner-zero {
  position:relative;
  width:100%;
  height:100%;
  background-image:url(../images/newSite/home/annual_banner_back.png);
  background-size:100%, 100%
}
#home .banner_contrainer .banner-zero .banner_door {
  position:absolute;
  width:100%;
  height:800px;
  z-index:1
}
#home .banner_contrainer .banner-zero .banner_door img {
  width:100%;
  height:100%
}
#home .banner_contrainer .banner-zero .banner_title {
  position:absolute;
  width:970px;
  height:100px;
  top:330px;
  z-index:10
}
#home .banner_contrainer .banner-zero .banner_title img {
  width:100%;
  height:100%
}
#home .banner_contrainer .banner-zero .banner_subtitle {
  position:absolute;
  width:650px;
  height:22px;
  top:450px;
  z-index:10
}
#home .banner_contrainer .banner-zero .banner_subtitle img {
  width:100%;
  height:100%
}
#home .banner_contrainer .banner-zero .inter_bg {
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
#home .banner_contrainer .banner-zero .inter_bg.dNone {
  display:none
}
#home .banner_contrainer .banner-zero .banner_consul {
  z-index:10;
  width:245px;
  height:80px;
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  bottom:110px;
  cursor:pointer
}
#home .banner_contrainer .banner-zero .banner_consul.inter_float_btn {
  width:274px;
  height:105px;
  bottom:87px
}
#home .banner_contrainer .banner-first {
  width:100%;
  height:100%;
  background:#191a24
}
#home .banner_contrainer .banner-first .banner_title {
  padding-top:214px;
  font-size:45px;
  color:#ffffff
}
#home .banner_contrainer .banner-first .banner_sub_text {
  margin-top:54px;
  width:100%
}
#home .banner_contrainer .banner-first .banner_sub_text .text {
  font-size:20px;
  color:#ffffff
}
#home .banner_contrainer .banner-first .banner_sub_text .text+.text {
  margin-top:15px
}
#home .banner_contrainer .banner-first .banner_btn {
  margin-top:98px;
  width:138px;
  height:46px;
  background-image:-webkit-linear-gradient(316deg, #ff9b82 0%, #ff619f 100%);
  background-image:-o-linear-gradient(316deg, #ff9b82 0%, #ff619f 100%);
  background-image:linear-gradient(134deg, #ff9b82 0%, #ff619f 100%);
  border-radius:2px;
  color:#ffffff;
  font-size:16px;
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .banner_contrainer .banner-second {
  width:100%;
  height:100%;
  background:#191a24
}
#home .banner_contrainer .banner-second .banner_title {
  padding-top:214px;
  font-size:45px;
  color:#ffffff
}
#home .banner_contrainer .banner-second .banner_title .line {
  position:relative
}
#home .banner_contrainer .banner-second .banner_title .line::after {
  content:'';
  position:absolute;
  bottom:5px;
  left:0;
  width:100%;
  height:2px;
  background-color:#fe6d98
}
#home .banner_contrainer .banner-second .banner_sub_text {
  margin-top:40px;
  width:100%
}
#home .banner_contrainer .banner-second .banner_sub_text .text {
  font-size:20px;
  color:#a2a2ce
}
#home .banner_contrainer .banner-second .btn_wrap {
  width:100%;
  margin-top:98px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .banner_contrainer .banner-second .banner_btn {
  width:138px;
  height:46px;
  border-radius:2px;
  font-size:16px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  cursor:pointer
}
#home .banner_contrainer .banner-second .banner_btn.order {
  background-image:-webkit-linear-gradient(316deg, #ff9b82 0%, #ff619f 100%);
  background-image:-o-linear-gradient(316deg, #ff9b82 0%, #ff619f 100%);
  background-image:linear-gradient(134deg, #ff9b82 0%, #ff619f 100%);
  color:#ffffff
}
#home .banner_contrainer .banner-second .banner_btn.case {
  border:1px solid #a2a2ce;
  color:#a2a2ce
}
#home .banner_contrainer .banner-second .banner_btn+.banner_btn {
  margin-left:40px
}
#home .banner_contrainer .annual_banner .custombutton {
  display:block;
  height:58px;
  width:220px;
  background:url(../images/banner/banner4_button.png) no-repeat center / contain;
  position:absolute;
  left:50%;
  bottom:13%;
  margin-left:-110px;
  border-radius:29px;
  overflow:hidden;
  cursor:pointer;
  -webkit-animation:shakebutton 1.8s ease-in-out infinite;
  animation:shakebutton 1.8s ease-in-out infinite
}
#home .banner_contrainer .annual_banner .custombutton::after {
  content:'';
  display:block;
  background:url(../images/banner/light.png) no-repeat center / contain;
  width:40%;
  height:100%;
  position:absolute;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  left:0;
  top:0;
  -webkit-animation:sweep 1.5s ease-in-out infinite;
  animation:sweep 1.5s ease-in-out infinite
}
@-webkit-keyframes shakebutton {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  8% {
    -webkit-transform:scale(.85);
    transform:scale(.85)
  }
  25% {
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
  }
  40% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@keyframes shakebutton {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  8% {
    -webkit-transform:scale(.85);
    transform:scale(.85)
  }
  25% {
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
  }
  40% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@-webkit-keyframes sweep {
  0% {
    left:-100px;
    opacity:.2
  }
  10% {
    opacity:1
  }
  100% {
    left:100%
  }
}
@keyframes sweep {
  0% {
    left:-100px;
    opacity:.2
  }
  10% {
    opacity:1
  }
  100% {
    left:100%
  }
}
#home .banner_contrainer .banner-third {
  position:relative;
  width:100%;
  height:100%;
  background:#e1edff;
  overflow:hidden
}
#home .banner_contrainer .banner-third .banner_huipai_content {
  width:100%;
  max-width:1180px;
  margin:0 auto;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  z-index:10
}
#home .banner_contrainer .banner-third .banner_huipai_content .banner_content_text {
  width:400px
}
#home .banner_contrainer .banner-third .banner_huipai_content .banner_content_text img {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover
}
#home .banner_contrainer .banner-third .banner_huipai_content .banner_content_code {
  margin-top:3vw;
  width:180px
}
#home .banner_contrainer .banner-third .banner_huipai_content .banner_content_code img {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover
}
#home .banner_contrainer .banner-third .banner_huipai_content.banner_pc {
  display:block
}
#home .banner_contrainer .banner-third .banner_huipai_content.banner_mb {
  display:none
}
#home .banner_contrainer .banner_huipai_bg {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
#home .banner_contrainer .banner_huipai_bg .banner_bg_img {
  width:100%;
  height:100%
}
#home .banner_contrainer .banner_huipai_bg .banner_bg_img img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
#home .banner_contrainer .banner_huipai_bg .banner_bg_img.banner_pc {
  display:block
}
#home .banner_contrainer .banner_huipai_bg .banner_bg_img.banner_mb {
  display:none
}
#home .banner_contrainer .banner-four {
  position:relative;
  width:100%;
  height:100%;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#FFC7C7), to(#FFE6D9));
  background-image:-webkit-linear-gradient(#FFC7C7, #FFE6D9);
  background-image:-o-linear-gradient(#FFC7C7, #FFE6D9);
  background-image:linear-gradient(#FFC7C7, #FFE6D9);
  overflow:hidden
}
#home .banner_contrainer .banner-four .banner_hunli_content {
  width:1180px;
  margin:0 auto;
  position:absolute;
  top:40%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  z-index:10
}
#home .banner_contrainer .banner-four .banner_hunli_content .banner_content_text {
  width:440px
}
#home .banner_contrainer .banner-four .banner_hunli_content .banner_content_text img {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover
}
#home .banner_contrainer .banner-four .banner_hunli_content .banner_content_btn {
  width:138px;
  height:46px;
  background-color:#ff8585;
  border-radius:6px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-size:18px;
  font-weight:400;
  margin-top:30px;
  color:#fff;
  cursor:pointer
}
#home .banner_contrainer .banner-four .banner_hunli_content.banner_pc {
  display:block
}
#home .banner_contrainer .banner-four .banner_hunli_content.banner_mb {
  display:none
}
#home .banner_contrainer .banner-four .banner_hunli_bg {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
#home .banner_contrainer .banner-four .banner_hunli_bg .banner_bg_img {
  width:100%;
  height:100%
}
#home .banner_contrainer .banner-four .banner_hunli_bg .banner_bg_img img {
  width:auto;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
#home .banner_contrainer .banner-four .banner_hunli_bg .banner_bg_img.banner_pc {
  display:block
}
#home .banner_contrainer .banner-four .banner_hunli_bg .banner_bg_img.banner_mb {
  display:none
}
#home .banner_contrainer .banner_second_bg_wrap {
  position:absolute;
  z-index:1;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:1180px;
  height:100%
}
#home .banner_contrainer .banner_second_bg_wrap .banner_pc {
  display:block
}
#home .banner_contrainer .banner_second_bg_wrap .banner_mob {
  display:none
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img {
  position:absolute;
  bottom:0;
  right:0;
  width:700px
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .banner_bg {
  width:100%;
  vertical-align:top;
  position:relative;
  z-index:3
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .center_player {
  position:absolute;
  top:200px;
  left:300px;
  width:160px;
  z-index:4
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box {
  position:absolute;
  width:0;
  height:0;
  z-index:1
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_bottom {
  position:absolute;
  bottom:-10px;
  left:0
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_bottom .img {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:88px;
  vertical-align:top
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_light {
  position:absolute;
  bottom:10px;
  left:0;
  z-index:2
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_light .img {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:70px
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border {
  position:absolute;
  bottom:0;
  left:0;
  z-index:3
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border .img {
  position:absolute;
  top:50%;
  left:50%;
  width:80px;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border.border-1 {
  bottom:5px
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border.border-2 {
  bottom:20px
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border.border-3 {
  bottom:35px
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_content {
  position:absolute;
  bottom:40px;
  left:0;
  z-index:2
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_content .img {
  position:absolute;
  top:50%;
  left:50%;
  width:54px;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_content .text {
  position:absolute;
  top:30px;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  white-space:nowrap;
  font-size:13px;
  color:#81e9ff
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.photography {
  bottom:140px;
  left:345px
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.revision {
  bottom:160px;
  left:485px
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.sign {
  bottom:235px;
  left:590px
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.meeting {
  bottom:345px;
  left:610px
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.clip {
  bottom:470px;
  left:270px
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.push-flow {
  bottom:430px;
  left:175px
}
#home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.camera {
  bottom:345px;
  left:120px
}
#home .banner_contrainer .banner_pagination {
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  bottom:136px;
  z-index:2;
  width:1180px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .banner_contrainer .banner_pagination .swiper-pagination-bullet {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:40px;
  height:4px;
  border-radius:2px;
  background-color:rgba(255,255,255,0.3);
  opacity:1
}
#home .banner_contrainer .banner_pagination .swiper-pagination-bullet::before {
  content:'';
  width:0;
  height:100%;
  border-radius:2px;
  background-color:#ffffff
}
#home .banner_contrainer .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color:rgba(255,255,255,0.3)
}
#home .banner_contrainer .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  -webkit-transition:width 5s linear;
  -o-transition:width 5s linear;
  transition:width 5s linear;
  width:100%
}
#home .banner_contrainer .banner_pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left:10px
}
#home .func_bar_contrainer {
  position:relative;
  z-index:2;
  margin-top:-96px;
  width:100%;
  height:96px;
  background:rgba(255,255,255,0.5);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px)
}
#home .func_bar_contrainer .func_bar_wrap {
  margin:0 auto;
  width:1180px;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .func_bar_contrainer .func_item {
  width:25%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .func_bar_contrainer .func_item .func_icon {
  -ms-flex-negative:0;
  flex-shrink:0;
  width:48px;
  height:48px;
  background-repeat:no-repeat;
  background-size:100% 100%
}
#home .func_bar_contrainer .func_item .func_info {
  margin-left:20px
}
#home .func_bar_contrainer .func_item .func_title {
  font-size:16px;
  color:rgba(0,0,0,0.8);
  line-height:22px
}
#home .func_bar_contrainer .func_item .func_tip {
  margin-top:6px;
  font-size:14px;
  color:rgba(0,0,0,0.6);
  line-height:20px
}
#home .service_contrainer {
  width:100%;
  height:985px;
  background-image:-webkit-gradient(linear, left bottom, left top, from(#F8F8F8), to(#FFFFFF));
  background-image:-webkit-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 100%);
  background-image:-o-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 100%);
  background-image:linear-gradient(360deg, #F8F8F8 0%, #FFFFFF 100%);
  position:relative
}
#home .service_contrainer .service_bg_point {
  position:absolute;
  bottom:0;
  left:0;
  width:519px;
  height:425px;
  background-repeat:no-repeat;
  background-size:100% 100%;
  z-index:1
}
#home .service_contrainer::before {
  content:'';
  position:absolute;
  right:0;
  top:0;
  width:753px;
  height:761px;
  background:-webkit-gradient(linear, left top, left bottom, from(#FF6100), to(rgba(255,97,0,0)));
  background:-webkit-linear-gradient(top, #FF6100 0%, rgba(255,97,0,0) 100%);
  background:-o-linear-gradient(top, #FF6100 0%, rgba(255,97,0,0) 100%);
  background:linear-gradient(180deg, #FF6100 0%, rgba(255,97,0,0) 100%);
  opacity:.1;
  -webkit-filter:blur(50px);
  filter:blur(50px);
  z-index:1
}
#home .service_contrainer .service_wrap {
  position:relative;
  z-index:2;
  margin:0 auto;
  width:1180px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:100px 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .service_contrainer .service_content {
  margin-top:80px;
  width:100%;
  position:relative
}
#home .service_contrainer .service_type_list {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .service_contrainer .service_type_list .service_type {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .service_contrainer .service_type_list .service_type .service_arrow {
  display:none
}
#home .service_contrainer .service_type_list .service_type .service_type_icon {
  position:relative;
  width:96px;
  height:96px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:10px;
  cursor:pointer
}
#home .service_contrainer .service_type_list .service_type .service_type_icon .icon_img {
  width:100%;
  height:100%;
  display:block
}
#home .service_contrainer .service_type_list .service_type .service_type_icon::after {
  content:'';
  position:absolute;
  left:50%;
  top:140px;
  width:0;
  height:4px;
  border-radius:2px;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  background-image:-webkit-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
  background-image:-o-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
  background-image:linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
  -webkit-transition:width .3s linear;
  -o-transition:width .3s linear;
  transition:width .3s linear
}
#home .service_contrainer .service_type_list .service_type .service_title {
  position:absolute;
  top:100%;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  white-space:nowrap;
  font-size:20px;
  line-height:28px;
  color:rgba(0,0,0,0.7)
}
#home .service_contrainer .service_type_list .service_type.active .service_type_item {
  opacity:1
}
#home .service_contrainer .service_type_list .service_type.active .service_title {
  color:#ff6100
}
#home .service_contrainer .service_type_list .service_type.active .service_type_icon::after {
  width:24px
}
@supports (background-clip: text) {
  #home .service_contrainer .service_type_list .service_type.active .service_title {
    background-image:-webkit-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
    background-image:-o-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
    background-image:linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
    background-clip:text;
    color:transparent
  }
}
@supports (-webkit-background-clip: text) {
  #home .service_contrainer .service_type_list .service_type.active .service_title {
    background-image:-webkit-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
    background-image:-o-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
    background-image:linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
    -webkit-background-clip:text;
    color:transparent
  }
}
#home .service_contrainer .service_type_list .service_type+.service_type {
  margin-left:144px
}
#home .service_contrainer .service_type_content {
  margin-top:108px;
  width:100%
}
#home .service_contrainer .service_type_item {
  position:absolute;
  top:204px;
  left:0;
  width:100%;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  grid-gap:20px;
  -ms-grid-row-align:20px;
  -ms-grid-column-align:20px;
  opacity:0;
  -webkit-transition:opacity .3s linear;
  -o-transition:opacity .3s linear;
  transition:opacity .3s linear;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d
}
#home .service_contrainer .service_type_item .item_content {
  width:100%;
  height:200px;
  border-radius:8px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:16px 20px;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center center;
  position:relative
}
#home .service_contrainer .service_type_item .item_content .item_type_content {
  position:relative;
  z-index:2;
  width:100%
}
#home .service_contrainer .service_type_item .item_content .item_type_image {
  position:absolute;
  left:50%;
  width:100%;
  bottom:0;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  display:block;
  z-index:1
}
#home .service_contrainer .service_type_item .item_content.service_big {
  height:420px;
  padding:48px 32px;
  grid-row-start:1;
  grid-row-end:3;
  border-radius:16px
}
#home .service_contrainer .service_type_item .item_content.service_big .type_item_title_text {
  font-size:28px
}
#home .service_contrainer .service_type_item .item_content.service_big .type_item_text {
  margin-top:16px;
  font-size:14px
}
#home .service_contrainer .service_type_item .item_content .mode_bg {
  position:absolute;
  bottom:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:100%;
  z-index:0
}
#home .service_contrainer .service_type_item .item_content .mode_bg_top {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  z-index:0
}
#home .service_contrainer .service_type_item .item_content.purple_vert {
  background-color:rgba(148,128,243,0.3)
}
#home .service_contrainer .service_type_item .item_content.yellow {
  background-color:rgba(255,176,0,0.2)
}
#home .service_contrainer .service_type_item .item_content.blue {
  background-color:rgba(0,150,250,0.2)
}
#home .service_contrainer .service_type_item .item_content.pink {
  background-color:rgba(255,87,101,0.12)
}
#home .service_contrainer .service_type_item .item_content.orange {
  background-color:rgba(255,97,0,0.2)
}
#home .service_contrainer .service_type_item .item_content.green {
  background-color:rgba(0,194,130,0.2)
}
#home .service_contrainer .service_type_item .item_content.purple {
  background-color:rgba(148,128,243,0.3)
}
#home .service_contrainer .service_type_item .type_item_title {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .service_contrainer .service_type_item .type_item_title .type_item_icon {
  margin-right:12px;
  -ms-flex-negative:0;
  flex-shrink:0;
  width:24px;
  height:24px;
  fill:currentColor;
  font-size:24px;
  color:#FFFFFF;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center center
}
#home .service_contrainer .service_type_item .type_item_title .type_item_title_text {
  font-size:20px;
  color:rgba(0,0,0,0.8);
  line-height:28px;
  font-weight:500
}
#home .service_contrainer .service_type_item .type_item_text {
  margin-top:10px;
  font-size:12px;
  color:rgba(0,0,0,0.4)
}
#home .solution_contrainer {
  width:100%;
  background-color:#ffffff
}
#home .solution_contrainer .solution_wrap {
  width:1180px;
  margin:0 auto;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:100px 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  z-index:2
}
#home .solution_contrainer .solution_content {
  margin-top:80px;
  width:100%
}
#home .solution_contrainer .solution_content.content_pc {
  display:block
}
#home .solution_contrainer .solution_content.content_mob {
  display:none
}
#home .solution_contrainer .content_type_list {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .solution_contrainer .content_item {
  -ms-flex-negative:1;
  flex-shrink:1;
  width:180px;
  height:411px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:32px 24px;
  border-radius:8px;
  overflow:hidden;
  background-position:top center;
  background-repeat:no-repeat;
  background-size:100% 100%;
  -webkit-transition:width .3s linear;
  -o-transition:width .3s linear;
  transition:width .3s linear;
  position:relative;
  z-index:2
}
#home .solution_contrainer .content_item .content_item_card {
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  opacity:1
}
#home .solution_contrainer .content_item .content_type_title {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
#home .solution_contrainer .content_item .type_icon {
  margin-right:12px;
  width:25px;
  height:25px;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  padding-bottom:8px;
  background-repeat:no-repeat;
  background-size:25px 25px;
  background-position:top center
}
#home .solution_contrainer .content_item+.content_item {
  margin-left:20px
}
#home .solution_contrainer .content_item .title_content {
  width:100%;
  font-size:20px;
  color:rgba(0,0,0,0.8);
  line-height:28px;
  padding-bottom:8px;
  font-weight:500
}
#home .solution_contrainer .content_item .content_type_tip_list {
  margin-top:20px;
  width:100%
}
#home .solution_contrainer .content_item .content_type_tip_list .type_tip_item {
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  padding-left:12px;
  font-size:14px;
  color:rgba(0,0,0,0.6)
}
#home .solution_contrainer .content_item .content_type_tip_list .type_tip_item+.type_tip_item {
  margin-top:12px
}
#home .solution_contrainer .content_item .content_type_tip_list .type_tip_item::before {
  content:'';
  position:absolute;
  left:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  width:4px;
  height:4px;
  background-color:rgba(0,0,0,0.6);
  border-radius:2px
}
#home .solution_contrainer .content_item .type_content_detail {
  position:absolute;
  top:0;
  left:0;
  min-width:335px;
  width:100%;
  height:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:32px 24px;
  opacity:0;
  -webkit-transition:width .3s linear;
  -o-transition:width .3s linear;
  transition:width .3s linear;
  background-color:#fff;
  z-index:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .solution_contrainer .content_item .type_content_detail .title_content {
  width:auto
}
#home .solution_contrainer .content_item .type_content_detail .type_sub_title_tip {
  width:100%;
  font-size:12px;
  color:rgba(0,0,0,0.4)
}
#home .solution_contrainer .content_item .type_content_detail .type_merit_list {
  margin-top:20px;
  width:100%
}
#home .solution_contrainer .content_item .type_content_detail .merit_list_item {
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding-left:20px;
  position:relative;
  font-size:14px;
  color:rgba(0,0,0,0.8);
  line-height:20px
}
#home .solution_contrainer .content_item .type_content_detail .merit_list_item .merit_item_icon {
  position:absolute;
  left:0;
  top:0;
  width:14px;
  height:20px;
  font-size:14px
}
#home .solution_contrainer .content_item .type_content_detail .merit_list_item+.merit_list_item {
  margin-top:8px
}
#home .solution_contrainer .content_item .type_content_detail .content_product {
  width:100%;
  margin-top:24px
}
#home .solution_contrainer .content_item .type_content_detail .product_title {
  width:100%;
  font-size:16px;
  color:rgba(0,0,0,0.8);
  line-height:22px;
  font-weight:500
}
#home .solution_contrainer .content_item .type_content_detail .product_list {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
#home .solution_contrainer .content_item .type_content_detail .product_list_item {
  margin-top:16px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .solution_contrainer .content_item .type_content_detail .product_list_item .product_item_icon {
  margin-right:4px;
  width:16px;
  height:16px;
  font-size:16px;
  color:rgba(0,0,0,0.6)
}
#home .solution_contrainer .content_item .type_content_detail .product_list_item .product_item_text {
  font-size:12px;
  color:rgba(0,0,0,0.6);
  line-height:17px
}
#home .solution_contrainer .content_item .type_content_detail .content_detail_btn_wrap {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .solution_contrainer .content_item .type_content_detail .content_detail_btn_wrap .detail_btn {
  padding:8px 47px;
  border-radius:40px;
  cursor:pointer;
  font-size:14px;
  line-height:20px;
  color:#fff;
  font-weight:500
}
#home .solution_contrainer .content_item .type_content_detail .content_detail_btn_wrap .more_btn {
  margin-left:24px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:14px;
  color:rgba(0,0,0,0.8);
  text-decoration:none
}
#home .solution_contrainer .content_item .type_content_detail .content_detail_btn_wrap .more_icon {
  margin-left:7px;
  width:18px;
  height:18px;
  background-repeat:no-repeat;
  background-size:100% 100%
}
#home .solution_contrainer .content_item .type_content_detail.activity .product_list .product_list_item,
#home .solution_contrainer .content_item .type_content_detail.health .product_list .product_list_item,
#home .solution_contrainer .content_item .type_content_detail.anuual .product_list .product_list_item {
  margin-top:12px
}
#home .solution_contrainer .content_item.active {
  width:335px;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  -ms-flex-negative:0;
  flex-shrink:0;
  border-radius:12px;
  -webkit-box-shadow:0 12px 60px 4px rgba(25,16,64,0.06);
  box-shadow:0 12px 60px 4px rgba(25,16,64,0.06)
}
#home .solution_contrainer .content_item.active .content_item_card {
  -webkit-transition:opacity .1s linear;
  -o-transition:opacity .1s linear;
  transition:opacity .1s linear;
  opacity:0
}
#home .solution_contrainer .content_item.active .type_content_detail {
  -webkit-transition:opacity .1s linear;
  -o-transition:opacity .1s linear;
  transition:opacity .1s linear;
  opacity:1;
  z-index:3
}
#home .solution_contrainer .solution_type_list {
  margin-top:39px;
  width:100%;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  grid-gap:20px;
  -ms-grid-row-align:20px;
  -ms-grid-column-align:20px
}
#home .solution_contrainer .solution_type_item {
  width:100%;
  height:124px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:22px 15px 10px 32px;
  -webkit-box-shadow:0 4px 30px 0 rgba(25,16,64,0.06);
  box-shadow:0 4px 30px 0 rgba(25,16,64,0.06);
  border-radius:8px
}
#home .solution_contrainer .solution_type_title {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .solution_contrainer .solution_type_title .title_text {
  font-size:20px;
  line-height:28px;
  color:rgba(0,0,0,0.8);
  font-weight:500
}
#home .solution_contrainer .solution_type_title .solution_type_icon {
  margin-right:12px;
  width:32px;
  height:32px;
  display:block
}
#home .solution_contrainer .solution_type_tip {
  margin-top:9px;
  width:100%;
  font-size:14px;
  color:rgba(0,0,0,0.4);
  line-height:20px;
  display:grid;
  grid-template-columns:repeat(3, 1fr)
}
#home .solution_contrainer .type_tip_text {
  position:relative
}
#home .solution_contrainer .type_tip_text::before {
  content:'';
  position:absolute;
  left:-12px;
  top:50%;
  width:1px;
  height:14px;
  background-color:rgba(0,0,0,0.4);
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)
}
#home .solution_contrainer .type_tip_text:nth-of-type(3n + 1)::before {
  display:none
}
#home .company_contrainer {
  width:100%;
  background-color:#0f0f28;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  position:relative
}
#home .company_contrainer .company_bg_line {
  position:absolute;
  right:0;
  top:0;
  width:564px;
  height:680px;
  background-repeat:no-repeat;
  background-size:100% 100%;
  z-index:1
}
#home .company_contrainer .company_bg_point {
  position:absolute;
  left:0;
  bottom:0;
  width:413px;
  height:401px;
  background-repeat:no-repeat;
  background-size:100% 100%;
  z-index:1
}
#home .company_contrainer .company_wrap {
  position:relative;
  z-index:2;
  width:1180px;
  margin:0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:100px 0
}
#home .company_contrainer .module_title {
  color:#FFFFFF
}
#home .company_contrainer .company_list {
  margin-top:80px;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .company_contrainer .company_item {
  width:280px;
  height:388px;
  background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.1)));
  background-image:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);
  background-image:-o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);
  background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);
  border-radius:16px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:30px 10px 0;
  border:1px solid rgba(255,255,255,0.1);
  position:relative
}
#home .company_contrainer .company_item .item_border {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
  opacity:0;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center center;
  -webkit-transition:opacity .3s linear;
  -o-transition:opacity .3s linear;
  transition:opacity .3s linear
}
#home .company_contrainer .company_item+.company_item {
  margin-left:20px
}
#home .company_contrainer .company_item .item_icon_image {
  -ms-flex-negative:0;
  flex-shrink:0;
  width:125px;
  height:171px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%
}
#home .company_contrainer .company_item .item_content {
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:9px 10px 0 20px;
  -ms-flex-item-align:start;
  align-self:flex-start
}
#home .company_contrainer .company_item .item_title {
  font-size:24px;
  color:#fff;
  font-weight:600;
  line-height:33px;
  -webkit-transition:color .3s linear;
  -o-transition:color .3s linear;
  transition:color .3s linear
}
#home .company_contrainer .company_item .item_tip {
  margin-top:16px;
  width:100%;
  font-size:14px;
  color:rgba(255,255,255,0.8);
  line-height:20px;
  -webkit-transition:color .3s linear;
  -o-transition:color .3s linear;
  transition:color .3s linear
}
#home .company_contrainer .company_item:hover:nth-of-type(1) .item_title {
  color:#e4ca78
}
#home .company_contrainer .company_item:hover:nth-of-type(2) .item_title {
  color:#fca256
}
#home .company_contrainer .company_item:hover:nth-of-type(3) .item_title {
  color:#d080d4
}
#home .company_contrainer .company_item:hover:nth-of-type(4) .item_title {
  color:#ff7b93
}
#home .company_contrainer .company_item:hover .item_border {
  opacity:1
}
#home .company_contrainer .company_item:hover .item_tip {
  color:#fff
}
#home .customer_contrainer {
  width:100%;
  position:relative
}
#home .customer_contrainer .customer_wrap {
  width:1180px;
  margin:0 auto;
  position:relative;
  z-index:2;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:100px 0
}
#home .customer_contrainer .custom_list {
  margin-top:80px;
  width:100%
}
#home .customer_contrainer .custom_type_item {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .customer_contrainer .custom_type_item+.custom_type_item {
  margin-top:20px
}
#home .customer_contrainer .custom_type_item .customer_card {
  width:152px;
  height:64px;
  -webkit-box-shadow:0 4px 16px 0 rgba(15,15,40,0.05);
  box-shadow:0 4px 16px 0 rgba(15,15,40,0.05);
  border-radius:8px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border:2px solid #fff
}
#home .customer_contrainer .custom_type_item .customer_card+.customer_card {
  margin-left:19px
}
#home .customer_contrainer .custom_type_item .type_icon {
  margin-right:12px;
  font-size:22px;
  fill:currentColor
}
#home .customer_contrainer .custom_type_item .type_name {
  font-size:16px;
  line-height:22px;
  color:rgba(0,0,0,0.8);
  font-weight:500
}
#home .customer_contrainer .custom_type_item .card_img {
  width:100%;
  height:100%;
  display:block;
  -o-object-fit:contain;
  object-fit:contain
}
#home .count_contrainer {
  width:100%;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-color:#0f0f28
}
#home .count_contrainer .count_wrap {
  margin:0 auto;
  width:1180px;
  height:362px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .count_contrainer .count_item {
  width:25%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .count_contrainer .item_icon {
  width:48px;
  height:48px;
  display:block
}
#home .count_contrainer .count_number {
  margin-top:27px;
  color:#fff;
  font-size:32px;
  line-height:40px;
  font-weight:bold
}
#home .count_contrainer .count_title {
  margin-top:13px;
  font-size:16px;
  line-height:22px;
  white-space:nowrap;
  color:rgba(255,255,255,0.6)
}
#home .news_contrainer {
  width:100%;
  background:-webkit-gradient(linear, left bottom, left top, from(#F8F8F8), to(#FFFFFF));
  background:-webkit-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 100%);
  background:-o-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 100%);
  background:linear-gradient(360deg, #F8F8F8 0%, #FFFFFF 100%);
  position:relative
}
#home .news_contrainer::before {
  content:'';
  position:absolute;
  top:0;
  right:0;
  width:633px;
  height:771px;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#FF6100), to(rgba(255,97,0,0)));
  background-image:-webkit-linear-gradient(top, #FF6100 0%, rgba(255,97,0,0) 100%);
  background-image:-o-linear-gradient(top, #FF6100 0%, rgba(255,97,0,0) 100%);
  background-image:linear-gradient(180deg, #FF6100 0%, rgba(255,97,0,0) 100%);
  opacity:.08;
  -webkit-filter:blur(50px);
  filter:blur(50px);
  z-index:1
}
#home .news_contrainer .news_bg_bottom {
  position:absolute;
  bottom:0;
  left:0;
  width:599px;
  height:521px;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#FB3F69), to(rgba(251,63,105,0)));
  background-image:-webkit-linear-gradient(top, #FB3F69 0%, rgba(251,63,105,0) 100%);
  background-image:-o-linear-gradient(top, #FB3F69 0%, rgba(251,63,105,0) 100%);
  background-image:linear-gradient(180deg, #FB3F69 0%, rgba(251,63,105,0) 100%);
  opacity:.1;
  -webkit-filter:blur(50px);
  filter:blur(50px)
}
#home .news_contrainer .new_bg_point {
  position:absolute;
  bottom:0;
  left:0;
  background-repeat:no-repeat;
  background-size:100% 100%;
  width:385px;
  height:389px
}
#home .news_contrainer .news_wrap {
  margin:0 auto;
  width:1180px;
  padding:100px 0 75px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  z-index:2
}
#home .news_contrainer .news_wrap .news_content {
  margin-top:60px;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .news_contrainer .news_wrap .news_img_wrap {
  -ms-flex-negative:0;
  flex-shrink:0;
  width:380px;
  height:244px;
  overflow:hidden;
  border-radius:8px;
  background-color:#d8d8d8
}
#home .news_contrainer .news_wrap .news_img_wrap .news {
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative
}
#home .news_contrainer .news_wrap .news_img_wrap .img {
  width:100%;
  height:100%;
  vertical-align:top
}
#home .news_contrainer .news_wrap .news_img_wrap .news_bar {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:48px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:14px 16px;
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.8)));
  background-image:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  background-image:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  background-image:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  color:#ffffff;
  font-size:14px;
  line-height:20px
}
#home .news_contrainer .news_wrap .news_type {
  margin-left:40px;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  height:244px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .news_contrainer .news_wrap .type_content {
  width:361px;
  height:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
#home .news_contrainer .news_wrap .type_title {
  width:100%;
  -ms-flex-negative:0;
  flex-shrink:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .news_contrainer .news_wrap .type_title .title_content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .news_contrainer .news_wrap .type_title .icon_img {
  margin-right:12px;
  width:20px;
  height:20px;
  display:block
}
#home .news_contrainer .news_wrap .type_title .text {
  font-size:20px;
  color:rgba(0,0,0,0.8);
  font-weight:bold;
  line-height:28px
}
#home .news_contrainer .news_wrap .type_list_wrap {
  margin-top:12px;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  height:calc(100% - 40px);
  overflow:hidden
}
#home .news_contrainer .news_wrap .type_list_wrap .swiper-wrapper {
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .news_contrainer .news_wrap .type_item {
  width:100%;
  height:100%;
  -webkit-transition:color .3s linear;
  -o-transition:color .3s linear;
  transition:color .3s linear;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .news_contrainer .news_wrap .type_item .item_title {
  color:inherit;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  color:rgba(0,0,0,0.8)
}
#home .news_contrainer .news_wrap .type_item .item_time {
  font-size:14px;
  color:inherit;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  color:rgba(0,0,0,0.4)
}
#home .news_contrainer .news_wrap .type_item:hover .item_title {
  color:#ff6100
}
#home .news_contrainer .news_wrap .type_line {
  margin-top:-1px;
  width:100%;
  height:1px;
  background-color:rgba(0,0,0,0.1);
  -ms-flex-negative:0;
  flex-shrink:0
}
#home .news_contrainer .flair_wrap {
  margin:0 auto;
  width:1180px;
  padding:25px 0 75px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .news_contrainer .flair_wrap .flair_title {
  color:rgba(0,0,0,0.8);
  font-size:16px;
  line-height:22px;
  position:relative;
  font-weight:600
}
#home .news_contrainer .flair_wrap .flair_title::before {
  content:'';
  position:absolute;
  top:50%;
  right:calc(100% + 17px);
  width:670px;
  height:1px;
  background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.8)));
  background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.8));
  background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.8));
  background-image:linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.8));
  opacity:.4;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)
}
#home .news_contrainer .flair_wrap .flair_title::after {
  content:'';
  position:absolute;
  top:50%;
  left:calc(100% + 17px);
  width:670px;
  height:1px;
  background-image:-webkit-linear-gradient(135deg, rgba(0,0,0,0), rgba(0,0,0,0.8));
  background-image:-o-linear-gradient(135deg, rgba(0,0,0,0), rgba(0,0,0,0.8));
  background-image:linear-gradient(315deg, rgba(0,0,0,0), rgba(0,0,0,0.8));
  opacity:.4;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)
}
#home .news_contrainer .flair_wrap .flair_list {
  margin-top:60px;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  grid-gap:20px;
  -ms-grid-row-align:20px;
  -ms-grid-column-align:20px
}
#home .news_contrainer .flair_wrap .list_item {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#home .news_contrainer .flair_wrap .item_image {
  width:141px;
  height:56px;
  display:block;
  -o-object-fit:contain;
  object-fit:contain
}
#home .news_contrainer .flair_wrap .item_title {
  margin-top:8px;
  width:100%;
  text-align:center;
  font-size:12px;
  line-height:17px;
  color:rgba(0,0,0,0.6)
}
@media screen and (min-width:751px) and (max-width:1280px) {
  #home .module_wrap .module_title {
    font-size:3.4375vw
  }
  #home .module_wrap .icon_list {
    margin-top:2.578125vw
  }
  #home .module_wrap .icon_list .icon_item .icon {
    width:2.734375vw;
    height:2.734375vw;
    font-size:2.734375vw
  }
  #home .module_wrap .icon_list .icon_item .icon_title {
    margin-top:1.171875vw;
    font-size:1.25vw
  }
  #home .module_wrap .icon_list .icon_item+.icon_item {
    margin-left:6.796875vw
  }
  #home .module_wrap .to_detail_btn {
    width:15.625vw;
    height:2.8125vw;
    border-radius:.15625vw;
    line-height:2.8125vw;
    font-size:1.09375vw
  }
  #home .banner_contrainer {
    height:50.859375vw
  }
  #home .banner_contrainer.swiper-slide-active .banner_second_bg_wrap .spring_border.border-1 {
    -webkit-animation:border1mpcfraem 2s linear infinite alternate;
    animation:border1mpcfraem 2s linear infinite alternate
  }
  @-webkit-keyframes 'border1mpcfraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, .234375vw);
      transform:translate(0, .234375vw)
    }
  }
  @keyframes 'border1mpcfraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, .234375vw);
      transform:translate(0, .234375vw)
    }
  }
  #home .banner_contrainer.swiper-slide-active .banner_second_bg_wrap .spring_border.border-2 {
    -webkit-animation:border2mpcfraem 2s linear infinite alternate;
    animation:border2mpcfraem 2s linear infinite alternate
  }
  @-webkit-keyframes 'border2mpcfraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, .46875vw);
      transform:translate(0, .46875vw)
    }
  }
  @keyframes 'border2mpcfraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, .46875vw);
      transform:translate(0, .46875vw)
    }
  }
  #home .banner_contrainer.swiper-slide-active .banner_second_bg_wrap .spring_border.border-3 {
    -webkit-animation:border3mpcfraem 2s linear infinite alternate;
    animation:border3mpcfraem 2s linear infinite alternate
  }
  @-webkit-keyframes 'border3mpcfraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, .703125vw);
      transform:translate(0, .703125vw)
    }
  }
  @keyframes 'border3mpcfraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, .703125vw);
      transform:translate(0, .703125vw)
    }
  }
  #home .banner_contrainer.swiper-slide-active .banner_second_bg_wrap .spring_content {
    -webkit-animation:border3mpcfraem 2s linear infinite alternate;
    animation:border3mpcfraem 2s linear infinite alternate
  }
  @keyframes 'border3mpcfraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, 1.25vw);
      transform:translate(0, 1.25vw)
    }
  }
  #home .banner_contrainer .banner_content {
    max-width:960px;
    width:calc(100% - 100px)
  }
  #home .banner_contrainer .banner_bg_wrap {
    max-width:960px;
    width:calc(100% - 100px)
  }
  #home .banner_contrainer .banner_bg_wrap .banner_bg_img {
    width:59.375vw;
    right:3.4375vw;
    -webkit-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7)
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.live {
    bottom:6.25vw;
    left:-9.375vw;
    width:10.546875vw;
    height:10.546875vw
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.live .service_text {
    font-size:2.34375vw
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.photo {
    bottom:26.5625vw;
    left:7.8125vw;
    width:7.1875vw;
    height:7.1875vw
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.photo .service_text {
    font-size:1.5625vw
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.video {
    bottom:39.84375vw;
    left:15.625vw;
    width:9.0625vw;
    height:9.0625vw
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.video .service_text {
    font-size:1.875vw
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.vr {
    bottom:42.1875vw;
    left:31.25vw;
    width:12.03125vw;
    height:12.03125vw
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.vr .service_text {
    font-size:2.109375vw;
    white-space:pre-line
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.audio {
    bottom:28.515625vw;
    left:46.875vw;
    width:9.0625vw;
    height:9.0625vw
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.audio .service_text {
    font-size:1.71875vw
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.shortvideo {
    left:54.6875vw;
    bottom:4.453125vw;
    width:8.59375vw;
    height:8.59375vw
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.shortvideo .service_text {
    font-size:1.40625vw
  }
  #home .banner_contrainer .banner-zero .banner_door {
    height:50.859375vw
  }
  #home .banner_contrainer .banner-zero .banner_title {
    width:70.3125vw;
    height:7.8125vw;
    top:20.3125vw
  }
  #home .banner_contrainer .banner-zero .banner_subtitle {
    width:50.78125vw;
    height:1.71875vw;
    top:28.90625vw
  }
  #home .banner_contrainer .banner-zero .banner_consul {
    width:17.578125vw;
    height:5.46875vw;
    bottom:8.59375vw
  }
  #home .banner_contrainer .banner-zero .banner_consul.inter_float_btn {
    width:19.140625vw;
    height:7.03125vw;
    bottom:7.03125vw
  }
  #home .banner_contrainer .banner-first .banner_title {
    padding-top:10.15625vw;
    font-size:3.515625vw
  }
  #home .banner_contrainer .banner-first .banner_sub_text {
    margin-top:4.21875vw
  }
  #home .banner_contrainer .banner-first .banner_sub_text .text {
    font-size:1.5625vw
  }
  #home .banner_contrainer .banner-first .banner_sub_text .text+.text {
    margin-top:1.171875vw
  }
  #home .banner_contrainer .banner-first .banner_btn {
    margin-top:7.65625vw;
    width:10.78125vw;
    height:3.59375vw;
    border-radius:.15625vw;
    font-size:1.25vw
  }
  #home .banner_contrainer .banner-second .banner_title {
    padding-top:10.15625vw;
    font-size:3.515625vw
  }
  #home .banner_contrainer .banner-second .banner_sub_text {
    margin-top:3.125vw
  }
  #home .banner_contrainer .banner-second .banner_sub_text .text {
    font-size:1.5625vw
  }
  #home .banner_contrainer .banner-second .btn_wrap {
    margin-top:7.65625vw
  }
  #home .banner_contrainer .banner-second .banner_btn {
    width:10.78125vw;
    height:3.59375vw;
    font-size:1.25vw
  }
  #home .banner_contrainer .banner-second .banner_btn+.banner_btn {
    margin-left:3.125vw
  }
  #home .banner_contrainer .annual_banner .custombutton {
    width:17.1875vw;
    height:4.53125vw;
    margin-left:-8.59375vw
  }
  #home .banner_contrainer .banner-third .banner_huipai_content {
    max-width:960px
  }
  #home .banner_contrainer .banner-third .banner_huipai_content .banner_content_text {
    width:380px
  }
  #home .banner_contrainer .banner-third .banner_huipai_content .banner_content_code {
    width:120px
  }
  #home .banner_contrainer .banner-four .banner_hunli_content {
    max-width:960px
  }
  #home .banner_contrainer .banner-four .banner_hunli_content .banner_content_text {
    width:280px
  }
  #home .banner_contrainer .banner-four .banner_hunli_content .banner_content_btn {
    width:120px;
    height:40px;
    font-size:14px;
    margin-top:20px
  }
  #home .banner_contrainer .banner_second_bg_wrap {
    max-width:960px;
    width:calc(100% - 100px)
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img {
    width:42.1875vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .center_player {
    position:absolute;
    top:9.375vw;
    left:18.359375vw;
    width:10.9375vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_bottom {
    bottom:-0.78125vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_bottom .img {
    width:5.859375vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_light {
    bottom:.78125vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_light .img {
    width:4.6875vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border .img {
    width:5.078125vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border.border-1 {
    bottom:.390625vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border.border-2 {
    bottom:1.015625vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border.border-3 {
    bottom:1.5625vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_content {
    bottom:2.1875vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_content .img {
    width:3.515625vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_content .text {
    top:1.5625vw;
    font-size:.9375vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.photography {
    bottom:8.984375vw;
    left:21.09375vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.revision {
    bottom:10.15625vw;
    left:29.6875vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.sign {
    bottom:14.84375vw;
    left:35.546875vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.meeting {
    bottom:21.09375vw;
    left:36.71875vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.clip {
    bottom:29.6875vw;
    left:16.40625vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.push-flow {
    bottom:26.5625vw;
    left:10.546875vw
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.camera {
    bottom:21.09375vw;
    left:7.421875vw
  }
  #home .banner_contrainer .banner_pagination {
    bottom:6.25vw;
    max-width:960px;
    width:calc(100% - 100px)
  }
  #home .func_bar_contrainer {
    margin-top:-6.09375vw;
    height:6.09375vw
  }
  #home .func_bar_contrainer .func_bar_wrap {
    width:75vw
  }
  #home .func_bar_contrainer .func_item .func_icon {
    -ms-flex-negative:0;
    flex-shrink:0;
    width:3.046875vw;
    height:3.046875vw;
    background-repeat:no-repeat;
    background-size:100% 100%
  }
  #home .func_bar_contrainer .func_item .func_info {
    margin-left:1.25vw
  }
  #home .func_bar_contrainer .func_item .func_title {
    font-size:1.09375vw;
    line-height:1.5625vw
  }
  #home .func_bar_contrainer .func_item .func_tip {
    margin-top:.3125vw;
    font-size:.9375vw;
    line-height:1.40625vw
  }
  #home .service_contrainer {
    height:62.5vw
  }
  #home .service_contrainer .service_bg_point {
    width:32.8125vw;
    height:26.875vw
  }
  #home .service_contrainer::before {
    width:47.65625vw;
    height:48.203125vw
  }
  #home .service_contrainer .service_wrap {
    width:75vw;
    padding:6.25vw 0
  }
  #home .service_contrainer .service_content {
    margin-top:5.078125vw
  }
  #home .service_contrainer .service_type_list .service_type .service_type_icon {
    width:6.09375vw;
    height:6.09375vw;
    padding:.625vw
  }
  #home .service_contrainer .service_type_list .service_type .service_type_icon::after {
    top:10.46875vw;
    height:.234375vw;
    border-radius:.3125vw
  }
  #home .service_contrainer .service_type_list .service_type .service_title {
    font-size:1.25vw;
    line-height:1.875vw
  }
  #home .service_contrainer .service_type_list .service_type.active .service_type_icon::after {
    width:1.5625vw
  }
  #home .service_contrainer .service_type_list .service_type+.service_type {
    margin-left:9.140625vw
  }
  #home .service_contrainer .service_type_content {
    margin-top:6.875vw;
    width:100%
  }
  #home .service_contrainer .service_type_item {
    top:12.96875vw;
    grid-gap:1.25vw;
    -ms-grid-row-align:1.25vw;
    -ms-grid-column-align:1.25vw
  }
  #home .service_contrainer .service_type_item .item_content {
    height:13.28125vw;
    border-radius:.5vw;
    padding:1.09375vw 1.25vw
  }
  #home .service_contrainer .service_type_item .item_content.service_big {
    height:27.8125vw;
    padding:2.421875vw 2.03125vw;
    border-radius:1.5625vw
  }
  #home .service_contrainer .service_type_item .item_content.service_big .type_item_title_text {
    font-size:1.71875vw
  }
  #home .service_contrainer .service_type_item .item_content.service_big .type_item_text {
    margin-top:1.09375vw;
    font-size:.9375vw
  }
  #home .service_contrainer .service_type_item .type_item_title .type_item_icon {
    margin-right:.78125vw;
    width:1.5625vw;
    height:1.5625vw;
    font-size:1.5625vw
  }
  #home .service_contrainer .service_type_item .type_item_title .type_item_title_text {
    font-size:1.25vw;
    line-height:1.875vw
  }
  #home .service_contrainer .service_type_item .type_item_text {
    margin-top:.625vw;
    font-size:.78125vw
  }
  #home .solution_contrainer .solution_wrap {
    width:75vw;
    padding:6.25vw 0
  }
  #home .solution_contrainer .solution_content {
    margin-top:5.078125vw
  }
  #home .solution_contrainer .content_item {
    width:10.15625vw;
    height:30.078125vw;
    padding:2.03125vw 1.5625vw;
    border-radius:.625vw
  }
  #home .solution_contrainer .content_item .type_icon {
    margin-right:.78125vw;
    width:1.5625vw;
    height:1.5625vw;
    padding-bottom:.5078125vw;
    background-size:1.5625vw 1.5625vw
  }
  #home .solution_contrainer .content_item+.content_item {
    margin-left:1.25vw
  }
  #home .solution_contrainer .content_item .title_content {
    font-size:1.25vw;
    line-height:1.71875vw;
    padding-bottom:.5078125vw
  }
  #home .solution_contrainer .content_item .content_type_tip_list {
    margin-top:1.25vw
  }
  #home .solution_contrainer .content_item .content_type_tip_list .type_tip_item {
    padding-left:.78125vw;
    font-size:.9375vw
  }
  #home .solution_contrainer .content_item .content_type_tip_list .type_tip_item+.type_tip_item {
    margin-top:.78125vw
  }
  #home .solution_contrainer .content_item .content_type_tip_list .type_tip_item::before {
    width:.3125vw;
    height:.3125vw;
    border-radius:.15625vw
  }
  #home .solution_contrainer .content_item .type_content_detail {
    min-width:29.375vw;
    padding:2.03125vw 1.5625vw
  }
  #home .solution_contrainer .content_item .type_content_detail .type_sub_title_tip {
    font-size:.9375vw
  }
  #home .solution_contrainer .content_item .type_content_detail .type_merit_list {
    margin-top:1.25vw
  }
  #home .solution_contrainer .content_item .type_content_detail .merit_list_item {
    padding-left:1.5625vw;
    font-size:1.09375vw;
    line-height:1.5625vw
  }
  #home .solution_contrainer .content_item .type_content_detail .merit_list_item .merit_item_icon {
    width:1.09375vw;
    height:1.5625vw;
    font-size:1.09375vw
  }
  #home .solution_contrainer .content_item .type_content_detail .merit_list_item+.merit_list_item {
    margin-top:.46875vw
  }
  #home .solution_contrainer .content_item .type_content_detail .content_product {
    margin-top:1.5625vw
  }
  #home .solution_contrainer .content_item .type_content_detail .product_title {
    font-size:1.25vw;
    line-height:1.71875vw
  }
  #home .solution_contrainer .content_item .type_content_detail .product_list_item {
    margin-top:1.09375vw
  }
  #home .solution_contrainer .content_item .type_content_detail .product_list_item .product_item_icon {
    margin-right:.3125vw;
    width:1.25vw;
    height:1.25vw;
    font-size:16 / pcVw
  }
  #home .solution_contrainer .content_item .type_content_detail .product_list_item .product_item_text {
    font-size:.9375vw;
    line-height:1.25vw
  }
  #home .solution_contrainer .content_item .type_content_detail .content_detail_btn_wrap .detail_btn {
    padding:.625vw 3.59375vw;
    border-radius:3.125vw;
    cursor:pointer;
    font-size:1.09375vw;
    line-height:1.5625vw
  }
  #home .solution_contrainer .content_item .type_content_detail .content_detail_btn_wrap .more_btn {
    margin-left:1.71875vw;
    font-size:1.09375vw
  }
  #home .solution_contrainer .content_item .type_content_detail .content_detail_btn_wrap .more_icon {
    margin-left:.390625vw;
    width:1.40625vw;
    height:1.40625vw
  }
  #home .solution_contrainer .content_item .type_content_detail.activity .product_list .product_list_item,
  #home .solution_contrainer .content_item .type_content_detail.health .product_list .product_list_item,
  #home .solution_contrainer .content_item .type_content_detail.anuual .product_list .product_list_item {
    margin-top:.703125vw
  }
  #home .solution_contrainer .content_item.active {
    width:29.375vw;
    border-radius:.9375vw
  }
  #home .solution_contrainer .solution_type_list {
    margin-top:2.5vw;
    grid-gap:1.25vw;
    -ms-grid-row-align:1.25vw;
    -ms-grid-column-align:1.25vw
  }
  #home .solution_contrainer .solution_type_item {
    height:8.59375vw;
    padding:1.25vw .9375vw .625vw 2.03125vw;
    border-radius:.625vw
  }
  #home .solution_contrainer .solution_type_title .title_text {
    font-size:1.25vw;
    line-height:1.71875vw
  }
  #home .solution_contrainer .solution_type_title .solution_type_icon {
    margin-right:.78125vw;
    width:2.03125vw;
    height:2.03125vw
  }
  #home .solution_contrainer .solution_type_tip {
    margin-top:.546875vw;
    font-size:.9375vw;
    line-height:1.40625vw
  }
  #home .solution_contrainer .type_tip_text::before {
    left:-0.625vw;
    height:.9375vw
  }
  #home .company_contrainer .company_bg_line {
    position:absolute;
    right:0;
    top:0;
    width:35.703125vw;
    height:42.96875vw
  }
  #home .company_contrainer .company_bg_point {
    width:26.09375vw;
    height:25.3125vw
  }
  #home .company_contrainer .company_wrap {
    width:75vw;
    padding:6.25vw 0
  }
  #home .company_contrainer .company_list {
    margin-top:5.078125vw
  }
  #home .company_contrainer .company_item {
    width:17.734375vw;
    height:24.609375vw;
    border-radius:1.09375vw;
    padding:1.953125vw .625vw 0
  }
  #home .company_contrainer .company_item+.company_item {
    margin-left:1.25vw
  }
  #home .company_contrainer .company_item .item_icon_image {
    -ms-flex-negative:0;
    flex-shrink:0;
    width:7.96875vw;
    height:10.859375vw
  }
  #home .company_contrainer .company_item .item_content {
    padding:.546875vw .625vw 0 1.25vw
  }
  #home .company_contrainer .company_item .item_title {
    font-size:1.5625vw;
    line-height:2.1875vw
  }
  #home .company_contrainer .company_item .item_tip {
    margin-top:1.015625vw;
    font-size:.9375vw;
    line-height:1.40625vw
  }
  #home .customer_contrainer .customer_wrap {
    width:75vw;
    padding:6.25vw 0
  }
  #home .customer_contrainer .custom_list {
    margin-top:5.078125vw
  }
  #home .customer_contrainer .custom_type_item+.custom_type_item {
    margin-top:1.25vw
  }
  #home .customer_contrainer .custom_type_item .customer_card {
    width:9.609375vw;
    height:4.0625vw;
    border-radius:.625vw
  }
  #home .customer_contrainer .custom_type_item .customer_card+.customer_card {
    margin-left:1.171875vw
  }
  #home .customer_contrainer .custom_type_item .type_icon {
    margin-right:.78125vw;
    font-size:1.40625vw;
    fill:currentColor
  }
  #home .customer_contrainer .custom_type_item .type_name {
    font-size:1.09375vw;
    line-height:1.5625vw
  }
  #home .count_contrainer .count_wrap {
    width:75vw;
    height:22.96875vw
  }
  #home .count_contrainer .item_icon {
    width:3.046875vw;
    height:3.046875vw
  }
  #home .count_contrainer .count_number {
    margin-top:1.71875vw;
    font-size:2.03125vw;
    line-height:2.8125vw
  }
  #home .count_contrainer .count_title {
    margin-top:.78125vw;
    font-size:1.09375vw;
    line-height:1.5625vw
  }
  #home .news_contrainer::before {
    width:40.078125vw;
    height:48.828125vw
  }
  #home .news_contrainer .news_bg_bottom {
    width:38.28125vw;
    height:32.96875vw
  }
  #home .news_contrainer .new_bg_point {
    width:24.375vw;
    height:24.609375vw
  }
  #home .news_contrainer .news_wrap {
    width:75vw;
    padding:6.25vw 0 4.6875vw
  }
  #home .news_contrainer .news_wrap .news_content {
    margin-top:3.90625vw
  }
  #home .news_contrainer .news_wrap .news_img_wrap {
    width:24.0625vw;
    height:15.46875vw;
    border-radius:.625vw
  }
  #home .news_contrainer .news_wrap .news_img_wrap .news_bar {
    height:3.046875vw;
    padding:.859375vw 1.015625vw;
    font-size:.9375vw;
    line-height:1.25vw
  }
  #home .news_contrainer .news_wrap .news_type {
    margin-left:2.65625vw;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    height:15.46875vw
  }
  #home .news_contrainer .news_wrap .type_content {
    width:22.890625vw
  }
  #home .news_contrainer .news_wrap .type_title .icon_img {
    margin-right:.78125vw;
    width:1.25vw;
    height:1.25vw
  }
  #home .news_contrainer .news_wrap .type_title .text {
    font-size:1.25vw;
    line-height:1.875vw
  }
  #home .news_contrainer .news_wrap .type_list_wrap {
    margin-top:.78125vw;
    height:calc(100% - 2.8125vw)
  }
  #home .news_contrainer .news_wrap .type_item .item_title {
    font-size:.9375vw
  }
  #home .news_contrainer .news_wrap .type_item .item_time {
    font-size:.9375vw
  }
  #home .news_contrainer .flair_wrap {
    width:75vw;
    padding:1.5625vw 0 4.6875vw
  }
  #home .news_contrainer .flair_wrap .flair_title {
    font-size:1.09375vw;
    line-height:1.5625vw
  }
  #home .news_contrainer .flair_wrap .flair_title::before {
    right:calc(100% + 1.09375vw);
    width:42.421875vw
  }
  #home .news_contrainer .flair_wrap .flair_title::after {
    left:calc(100% + 1.09375vw);
    width:42.421875vw
  }
  #home .news_contrainer .flair_wrap .flair_list {
    margin-top:3.90625vw;
    grid-gap:1.25vw;
    -ms-grid-row-align:1.25vw;
    -ms-grid-column-align:1.25vw
  }
  #home .news_contrainer .flair_wrap .item_image {
    width:8.984375vw;
    height:3.59375vw
  }
  #home .news_contrainer .flair_wrap .item_title {
    margin-top:.46875vw;
    font-size:.9375vw;
    line-height:1.40625vw
  }
}
@media screen and (max-width:750px) {
  #home .module_wrap .module_title {
    font-size:.53333333rem;
    line-height:.74666667rem
  }
  #home .module_wrap .pc {
    display:none
  }
  #home .module_wrap .mobile {
    display:block
  }
  #home .module_wrap .icon_list {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #home .module_wrap .icon_list .icon_item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #home .module_wrap .icon_list .icon_item .icon {
    width:.4rem;
    height:.4rem;
    font-size:.4rem;
    color:inherit
  }
  #home .module_wrap .icon_list .icon_item .icon_title {
    margin-top:.16rem;
    font-size:.21333333rem;
    color:inherit
  }
  #home .module_wrap .icon_list .icon_item+.icon_item {
    margin-left:.8rem
  }
  #home .module_wrap .to_detail_btn {
    display:none
  }
  #home .banner_contrainer {
    height:9.33333333rem
  }
  #home .banner_contrainer .swiper-slide.swiper-slide-active .banner_second_bg_wrap .spring_border.border-1 {
    -webkit-animation:border1fraem 2s linear infinite alternate;
    animation:border1fraem 2s linear infinite alternate
  }
  @-webkit-keyframes 'border1fraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, 5px);
      transform:translate(0, 5px)
    }
  }
  @keyframes 'border1fraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, 5px);
      transform:translate(0, 5px)
    }
  }
  #home .banner_contrainer .swiper-slide.swiper-slide-active .banner_second_bg_wrap .spring_border.border-2 {
    -webkit-animation:border2fraem 2s linear infinite alternate;
    animation:border2fraem 2s linear infinite alternate
  }
  @-webkit-keyframes 'border2fraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, 10px);
      transform:translate(0, 10px)
    }
  }
  @keyframes 'border2fraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, 10px);
      transform:translate(0, 10px)
    }
  }
  #home .banner_contrainer .swiper-slide.swiper-slide-active .banner_second_bg_wrap .spring_border.border-3 {
    -webkit-animation:border3fraem 2s linear infinite alternate;
    animation:border3fraem 2s linear infinite alternate
  }
  @-webkit-keyframes 'border3fraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, 15px);
      transform:translate(0, 15px)
    }
  }
  @keyframes 'border3fraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, 15px);
      transform:translate(0, 15px)
    }
  }
  #home .banner_contrainer .swiper-slide.swiper-slide-active .banner_second_bg_wrap .spring_content {
    -webkit-animation:border3fraem 2s linear infinite alternate;
    animation:border3fraem 2s linear infinite alternate
  }
  @keyframes 'border3fraem' {
    0% {
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0)
    }
    100% {
      -webkit-transform:translate(0, 20px);
      transform:translate(0, 20px)
    }
  }
  #home .banner_contrainer .banner_content {
    z-index:4;
    width:100%
  }
  #home .banner_contrainer .banner_bg_wrap {
    width:100%;
    z-index:3
  }
  #home .banner_contrainer .banner_bg_wrap .banner_bg_img {
    bottom:0;
    right:auto;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:4.92rem
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item .service_border.pc_border {
    display:none
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item .service_border.mob_border {
    display:block
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item .service_text {
    white-space:nowrap
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.live {
    bottom:.8rem;
    left:-0.66666667rem;
    width:32px;
    height:32px
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.live .service_text {
    font-size:.18666667rem
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.photo {
    bottom:2.26666667rem;
    left:1.06666667rem;
    width:22px;
    height:22px
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.photo .service_text {
    font-size:.12rem
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.video {
    bottom:3.06666667rem;
    left:1.46666667rem;
    width:26px;
    height:26px
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.video .service_text {
    font-size:.16rem
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.vr {
    bottom:3.33333333rem;
    left:2.8rem;
    width:36px;
    height:36px
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.vr .service_text {
    font-size:.17333333rem;
    white-space:pre-line
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.audio {
    bottom:2.33333333rem;
    left:3.86666667rem;
    width:26px;
    height:26px
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.audio .service_text {
    font-size:.16rem
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.shortvideo {
    left:4.8rem;
    bottom:.37333333rem;
    width:26px;
    height:26px
  }
  #home .banner_contrainer .banner_bg_wrap .banner_service_item.shortvideo .service_text {
    font-size:.12rem
  }
  #home .banner_contrainer .banner-zero {
    background-image:url(../images/newSite/home/annual_mb_banner_bg.png)
  }
  #home .banner_contrainer .banner-zero .banner_door {
    display:none
  }
  #home .banner_contrainer .banner-zero .banner_consul {
    width:3.26666667rem;
    height:1.06666667rem;
    bottom:2.4rem
  }
  #home .banner_contrainer .banner-zero .banner_consul .inter_pc_btn {
    display:none
  }
  #home .banner_contrainer .banner-zero .banner_consul .inter_float_btn {
    display:none
  }
  #home .banner_contrainer .banner-zero .banner_consul .inter_mb_btn {
    width:100%;
    height:100%
  }
  #home .banner_contrainer .banner-zero .banner_consul.inter_float_btn {
    width:3.26666667rem;
    height:1.06666667rem;
    bottom:2.4rem
  }
  #home .banner_contrainer .banner-first {
    text-align:center
  }
  #home .banner_contrainer .banner-first .banner_title {
    padding-top:2.02666667rem;
    font-size:.48rem
  }
  #home .banner_contrainer .banner-first .banner_sub_text {
    margin-top:.21333333rem
  }
  #home .banner_contrainer .banner-first .banner_sub_text .text {
    font-size:.26666667rem
  }
  #home .banner_contrainer .banner-first .banner_sub_text .text+.text {
    margin-top:.16rem
  }
  #home .banner_contrainer .banner-first .banner_btn {
    display:none
  }
  #home .banner_contrainer .banner-second {
    text-align:center
  }
  #home .banner_contrainer .banner-second .banner_title {
    padding-top:1.92rem;
    font-size:.48rem;
    font-weight:normal
  }
  #home .banner_contrainer .banner-second .banner_title .line {
    position:relative;
    font-weight:bold
  }
  #home .banner_contrainer .banner-second .banner_title .line::after {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background-color:#fe6d98
  }
  #home .banner_contrainer .banner-second .banner_sub_text {
    margin-top:.26666667rem
  }
  #home .banner_contrainer .banner-second .banner_sub_text .text {
    font-size:.26666667rem;
    color:#a2a4cf
  }
  #home .banner_contrainer .banner-second .btn_wrap {
    display:none
  }
  #home .banner_contrainer .banner-second .banner_btn {
    width:138px;
    height:46px;
    border-radius:2px;
    font-size:16px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #home .banner_contrainer .banner-second .banner_btn.order {
    background-image:-webkit-linear-gradient(316deg, #ff9b82 0%, #ff619f 100%);
    background-image:-o-linear-gradient(316deg, #ff9b82 0%, #ff619f 100%);
    background-image:linear-gradient(134deg, #ff9b82 0%, #ff619f 100%);
    color:#ffffff
  }
  #home .banner_contrainer .banner-second .banner_btn.case {
    border:1px solid #a2a2ce;
    color:#a2a2ce
  }
  #home .banner_contrainer .banner-second .banner_btn+.banner_btn {
    margin-left:40px
  }
  #home .banner_contrainer .annual_banner .custombutton {
    width:2.93333333rem;
    height:.77333333rem;
    margin-left:-1.46666667rem;
    -webkit-animation:none;
    animation:none
  }
  #home .banner_contrainer .banner-third .banner_huipai_content {
    width:100%;
    top:2.02666667rem;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
  }
  #home .banner_contrainer .banner-third .banner_huipai_content .banner_content_text {
    width:5.33333333rem
  }
  #home .banner_contrainer .banner-third .banner_huipai_content .banner_content_code {
    display:none
  }
  #home .banner_contrainer .banner-third .banner_huipai_content.banner_pc {
    display:none
  }
  #home .banner_contrainer .banner-third .banner_huipai_content.banner_mb {
    display:block
  }
  #home .banner_contrainer .banner_huipai_bg .banner_bg_img.banner_pc {
    display:none
  }
  #home .banner_contrainer .banner_huipai_bg .banner_bg_img.banner_mb {
    display:block
  }
  #home .banner_contrainer .banner-four .banner_hunli_content {
    width:auto;
    top:.44rem;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
  }
  #home .banner_contrainer .banner-four .banner_hunli_content .banner_content_text {
    width:3.46666667rem
  }
  #home .banner_contrainer .banner-four .banner_hunli_content .banner_content_code {
    display:none
  }
  #home .banner_contrainer .banner-four .banner_hunli_content.banner_pc {
    display:none
  }
  #home .banner_contrainer .banner-four .banner_hunli_content.banner_mb {
    display:block
  }
  #home .banner_contrainer .banner-four .banner_hunli_bg .banner_bg_img.banner_pc {
    display:none
  }
  #home .banner_contrainer .banner-four .banner_hunli_bg .banner_bg_img.banner_mb {
    display:block
  }
  #home .banner_contrainer .banner_second_bg_wrap {
    width:100%
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_pc {
    display:none
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_mob {
    display:block
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img {
    width:100%
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .banner_mob_bg {
    width:100%;
    vertical-align:top
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .banner_bg {
    width:100%;
    vertical-align:top;
    position:relative;
    z-index:3;
    width:4.86666667rem
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .center_player {
    position:absolute;
    top:200px;
    left:300px;
    width:160px;
    z-index:4
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box {
    position:absolute;
    width:0;
    height:0;
    z-index:1
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_bottom {
    position:absolute;
    bottom:-10px;
    left:0
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_bottom .img {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:88px;
    vertical-align:top
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_light {
    position:absolute;
    bottom:10px;
    left:0;
    z-index:2
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_light .img {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:70px
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border {
    position:absolute;
    bottom:0;
    left:0;
    z-index:3
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border .img {
    position:absolute;
    top:50%;
    left:50%;
    width:80px;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border.border-1 {
    bottom:5px
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border.border-2 {
    bottom:20px
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_border.border-3 {
    bottom:35px
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_content {
    position:absolute;
    bottom:40px;
    left:0;
    z-index:2
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_content .img {
    position:absolute;
    top:50%;
    left:50%;
    width:54px;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box .spring_content .text {
    position:absolute;
    top:30px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    white-space:nowrap;
    font-size:13px;
    color:#81e9ff
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.photography {
    bottom:140px;
    left:345px
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.revision {
    bottom:160px;
    left:485px
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.sign {
    bottom:235px;
    left:590px
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.meeting {
    bottom:345px;
    left:610px
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.clip {
    bottom:470px;
    left:270px
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.push-flow {
    bottom:430px;
    left:175px
  }
  #home .banner_contrainer .banner_second_bg_wrap .banner_bg_img .spring_box.camera {
    bottom:345px;
    left:120px
  }
  #home .banner_contrainer .banner_pagination {
    bottom:.26666667rem;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #home .banner_contrainer .banner_pagination .swiper-pagination-bullet {
    width:.42666667rem;
    height:.10666667rem;
    border-radius:.05333333rem;
    background-color:rgba(255,255,255,0.5);
    opacity:1
  }
  #home .banner_contrainer .banner_pagination .swiper-pagination-bullet::before {
    border-radius:.05333333rem
  }
  #home .banner_contrainer .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color:rgba(255,255,255,0.5)
  }
  #home .banner_contrainer .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    -webkit-transition:width 0s linear;
    -o-transition:width 0s linear;
    transition:width 0s linear;
    width:100%
  }
  #home .banner_contrainer .banner_pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left:.2rem
  }
  #home .func_bar_contrainer {
    margin-top:-2.16rem;
    height:2.16rem;
    background:rgba(255,255,255,0.5);
    -webkit-backdrop-filter:blur(1px);
    backdrop-filter:blur(1px)
  }
  #home .func_bar_contrainer .func_bar_wrap {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #home .func_bar_contrainer .func_item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #home .func_bar_contrainer .func_item .func_icon {
    width:.69333333rem;
    height:.69333333rem
  }
  #home .func_bar_contrainer .func_item .func_info {
    margin-top:.13333333rem;
    margin-left:0
  }
  #home .func_bar_contrainer .func_item .func_title {
    font-size:.32rem;
    line-height:.45333333rem
  }
  #home .func_bar_contrainer .func_item .func_tip {
    display:none
  }
  #home .service_contrainer {
    width:100%;
    height:auto;
    background-image:none;
    position:relative
  }
  #home .service_contrainer::before {
    display:none
  }
  #home .service_contrainer .service_bg_point {
    display:none
  }
  #home .service_contrainer .service_wrap {
    width:100%;
    padding:1.6rem 0 0
  }
  #home .service_contrainer .service_content {
    margin-top:.53333333rem
  }
  #home .service_contrainer .service_type_list {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #home .service_contrainer .service_type_list .service_type {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #home .service_contrainer .service_type_list .service_type .service_arrow {
    display:inline;
    font-size:.32rem;
    color:rgba(0,0,0,0.8);
    -webkit-transition:-webkit-transform .3s linear;
    transition:-webkit-transform .3s linear;
    -o-transition:transform .3s linear;
    transition:transform .3s linear;
    transition:transform .3s linear, -webkit-transform .3s linear
  }
  #home .service_contrainer .service_type_list .service_type .line_group {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
  }
  #home .service_contrainer .service_type_list .service_type .service_type_icon {
    position:relative;
    width:100%;
    height:1.6rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #home .service_contrainer .service_type_list .service_type .service_type_icon .icon_img {
    width:.85333333rem;
    height:.85333333rem
  }
  #home .service_contrainer .service_type_list .service_type .service_type_icon::after {
    display:none
  }
  #home .service_contrainer .service_type_list .service_type .service_title {
    margin-left:.32rem;
    position:relative;
    top:0;
    left:0;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    white-space:nowrap;
    font-size:.42666667rem;
    line-height:.58666667rem;
    color:rgba(0,0,0,0.8)
  }
  #home .service_contrainer .service_type_list .service_type.active .service_type_item {
    padding:.26666667rem .32rem;
    height:13.28rem
  }
  #home .service_contrainer .service_type_list .service_type.active[data-type="mode"] .service_type_item,
  #home .service_contrainer .service_type_list .service_type.active[data-type="custom"] .service_type_item {
    height:12.10666667rem
  }
  #home .service_contrainer .service_type_list .service_type.active .service_arrow {
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
  }
  #home .service_contrainer .service_type_list .service_type.active .service_title {
    color:rgba(0,0,0,0.8)
  }
  @supports (background-clip: text) {
    #home .service_contrainer .service_type_list .service_type.active .service_title {
      background-image:-webkit-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
      background-image:-o-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
      background-image:linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
      background-clip:text;
      color:transparent
    }
  }
  @supports (-webkit-background-clip: text) {
    #home .service_contrainer .service_type_list .service_type.active .service_title {
      background-image:-webkit-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
      background-image:-o-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
      background-image:linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
      -webkit-background-clip:text;
      color:transparent
    }
  }
  #home .service_contrainer .service_type_list .service_type+.service_type {
    margin-left:0
  }
  #home .service_contrainer .service_type_item {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:0;
    overflow:hidden;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap:.26666667rem;
    -ms-grid-row-align:.26666667rem;
    -ms-grid-column-align:.26666667rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:height .3s linear,opacity .3s linear,padding .3s linear;
    -o-transition:height .3s linear,opacity .3s linear,padding .3s linear;
    transition:height .3s linear,opacity .3s linear,padding .3s linear;
    padding:0 .32rem
  }
  #home .service_contrainer .service_type_item .item_content {
    width:100%;
    height:4.05333333rem;
    border-radius:.10666667rem;
    padding:.26666667rem;
    overflow:hidden
  }
  #home .service_contrainer .service_type_item .item_content .item_type_content {
    position:relative;
    z-index:2;
    width:100%
  }
  #home .service_contrainer .service_type_item .item_content .item_type_image {
    position:absolute;
    left:50%;
    width:100%;
    bottom:0;
    -webkit-transform-origin:center bottom;
    -ms-transform-origin:center bottom;
    transform-origin:center bottom;
    -webkit-transform:translateX(-50%) scale(1.16);
    -ms-transform:translateX(-50%) scale(1.16);
    transform:translateX(-50%) scale(1.16);
    display:block;
    z-index:1
  }
  #home .service_contrainer .service_type_item .item_content.service_big {
    height:2.93333333rem;
    padding:.53333333rem .42666667rem;
    grid-column-start:1;
    grid-column-end:3;
    grid-row-start:1;
    grid-row-end:2;
    border-radius:.16rem
  }
  #home .service_contrainer .service_type_item .item_content.service_big .type_item_icon {
    display:block;
    width:.37333333rem;
    height:.37333333rem;
    fill:currentColor;
    font-size:.37333333rem
  }
  #home .service_contrainer .service_type_item .item_content.service_big .type_item_title_text {
    font-size:.37333333rem;
    line-height:.56rem
  }
  #home .service_contrainer .service_type_item .item_content.service_big .type_item_text {
    width:5.6rem;
    margin-top:.16rem;
    font-size:.29333333rem;
    line-height:.50666667rem
  }
  #home .service_contrainer .service_type_item .item_content.service_big .item_type_image {
    top:auto;
    left:auto;
    right:0;
    bottom:0;
    width:3.73333333rem;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
  }
  #home .service_contrainer .service_type_item .item_content .mode_bg {
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:100%;
    z-index:0
  }
  #home .service_contrainer .service_type_item .item_content .mode_bg_top {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    z-index:0
  }
  #home .service_contrainer .service_type_item .type_item_title .type_item_icon {
    margin-right:.10666667rem;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:.37333333rem;
    height:.37333333rem;
    fill:currentColor;
    font-size:.37333333rem;
    color:#FFFFFF
  }
  #home .service_contrainer .service_type_item .type_item_title .type_item_title_text {
    font-size:.37333333rem;
    line-height:.56rem;
    font-weight:500
  }
  #home .service_contrainer .service_type_item .type_item_text {
    width:100%;
    margin-top:.10666667rem;
    font-size:.29333333rem;
    line-height:.45333333rem
  }
  #home .solution_contrainer {
    width:100%;
    background-image:-webkit-gradient(linear, left bottom, left top, from(#F8F8F8), to(#FFFFFF));
    background-image:-webkit-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 100%);
    background-image:-o-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 100%);
    background-image:linear-gradient(360deg, #F8F8F8 0%, #FFFFFF 100%);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    position:relative
  }
  #home .solution_contrainer::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:8rem;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#FF6100), to(rgba(255,97,0,0)));
    background-image:-webkit-linear-gradient(top, #FF6100 0%, rgba(255,97,0,0) 100%);
    background-image:-o-linear-gradient(top, #FF6100 0%, rgba(255,97,0,0) 100%);
    background-image:linear-gradient(180deg, #FF6100 0%, rgba(255,97,0,0) 100%);
    opacity:.08;
    z-index:1
  }
  #home .solution_contrainer::after {
    content:'';
    top:0;
    bottom:0;
    width:100%;
    height:5.92rem;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#FB3F69), to(rgba(251,63,105,0)));
    background-image:-webkit-linear-gradient(top, #FB3F69 0%, rgba(251,63,105,0) 100%);
    background-image:-o-linear-gradient(top, #FB3F69 0%, rgba(251,63,105,0) 100%);
    background-image:linear-gradient(180deg, #FB3F69 0%, rgba(251,63,105,0) 100%);
    opacity:.08;
    z-index:1
  }
  #home .solution_contrainer .solution_wrap {
    width:100%;
    padding:1.6rem .32rem;
    z-index:2
  }
  #home .solution_contrainer .solution_content {
    margin-top:1.06666667rem;
    width:100%
  }
  #home .solution_contrainer .solution_content.content_pc {
    display:none
  }
  #home .solution_contrainer .solution_content.content_mob {
    display:block
  }
  #home .solution_contrainer .solution_top_list_wrap {
    width:100%;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap:.26666667rem;
    -ms-grid-row-align:.26666667rem;
    -ms-grid-column-align:.26666667rem
  }
  #home .solution_contrainer .solution_top_list_item {
    width:100%;
    height:5.86666667rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:.53333333rem .42666667rem;
    border-radius:.26666667rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-repeat:no-repeat;
    background-size:100% 100%
  }
  #home .solution_contrainer .solution_top_list_item .content_type_tip_list {
    margin-top:.32rem;
    width:100%
  }
  #home .solution_contrainer .solution_top_list_item .content_type_tip_list .type_tip_item {
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    padding-left:.21333333rem;
    font-size:.32rem;
    color:rgba(0,0,0,0.6)
  }
  #home .solution_contrainer .solution_top_list_item .content_type_tip_list .type_tip_item+.type_tip_item {
    margin-top:.10666667rem
  }
  #home .solution_contrainer .solution_top_list_item .content_type_tip_list .type_tip_item::before {
    content:'';
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:4px;
    height:4px;
    background-color:rgba(0,0,0,0.6);
    border-radius:2px
  }
  #home .solution_contrainer .solution_top_list_item:nth-of-type(1) {
    padding:.53333333rem;
    height:4.16rem;
    grid-column-start:1;
    grid-column-end:3
  }
  #home .solution_contrainer .solution_top_list_item:nth-of-type(1) .content_type_tip_list {
    -ms-flex-item-align:start;
    align-self:flex-start;
    margin-top:.21333333rem;
    width:6.4rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #home .solution_contrainer .solution_top_list_item:nth-of-type(1) .content_type_tip_list .type_tip_item {
    margin-right:.42666667rem;
    margin-top:.10666667rem;
    width:auto;
    display:inline-block
  }
  #home .solution_contrainer .solution_top_list_item .line_bar {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
  }
  #home .solution_contrainer .top_item_title {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #home .solution_contrainer .top_item_title .top_icon {
    margin-right:.21333333rem;
    width:.58666667rem;
    height:.58666667rem;
    background-position:top center;
    background-repeat:no-repeat;
    background-size:100% 100%
  }
  #home .solution_contrainer .top_item_title .title_text {
    font-size:.42666667rem;
    color:rgba(0,0,0,0.8);
    font-weight:500
  }
  #home .solution_contrainer .item_btn {
    -ms-flex-item-align:start;
    align-self:flex-start;
    display:inline-block;
    padding:.13333333rem .42666667rem;
    border-radius:1.06666667rem;
    -webkit-box-shadow:0 12px 80px 0 rgba(0,0,0,0.05);
    box-shadow:0 12px 80px 0 rgba(0,0,0,0.05);
    font-size:.34666667rem;
    line-height:.48rem;
    color:#FFFFFF
  }
  #home .solution_contrainer .solution_type_list {
    margin-top:.53333333rem;
    grid-template-columns:repeat(2, 1fr);
    grid-gap:.26666667rem;
    -ms-grid-row-align:.26666667rem;
    -ms-grid-column-align:.26666667rem
  }
  #home .solution_contrainer .solution_type_item {
    height:3.14666667rem;
    padding:.42666667rem;
    -webkit-box-shadow:0 4px 16px 0 rgba(25,16,64,0.06);
    box-shadow:0 4px 16px 0 rgba(25,16,64,0.06);
    border-radius:.21333333rem
  }
  #home .solution_contrainer .solution_type_title .title_text {
    font-size:.42666667rem;
    line-height:.58666667rem
  }
  #home .solution_contrainer .solution_type_title .solution_type_icon {
    margin-right:.21333333rem;
    width:.64rem;
    height:.64rem
  }
  #home .solution_contrainer .solution_type_tip {
    margin-top:.18666667rem;
    font-size:.34666667rem;
    line-height:.48rem;
    grid-template-columns:repeat(2, 1fr);
    grid-column-gap:.26666667rem
  }
  #home .solution_contrainer .type_tip_text {
    white-space:nowrap
  }
  #home .solution_contrainer .type_tip_text::before {
    left:-0.29333333rem;
    height:.32rem
  }
  #home .solution_contrainer .type_tip_text:nth-of-type(3n + 1)::before {
    display:block
  }
  #home .solution_contrainer .type_tip_text:nth-of-type(2n + 1)::before {
    display:none
  }
  #home .company_contrainer {
    width:100%
  }
  #home .company_contrainer .company_bg_line {
    width:8.53333333rem;
    height:10.4rem
  }
  #home .company_contrainer .company_bg_point {
    width:5.33333333rem;
    height:5.33333333rem
  }
  #home .company_contrainer .company_wrap {
    width:100%;
    padding:1.6rem .32rem 1.86666667rem
  }
  #home .company_contrainer .company_list {
    margin-top:.53333333rem;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #home .company_contrainer .company_item {
    margin-top:.53333333rem;
    width:4.56rem;
    height:7.73333333rem;
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.1)));
    background-image:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);
    background-image:-o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);
    background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);
    border-radius:.21333333rem;
    padding:.4rem .4rem 0;
    border:1px solid rgba(255,255,255,0.1);
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    color:#fff
  }
  #home .company_contrainer .company_item+.company_item {
    margin-left:0
  }
  #home .company_contrainer .company_item .item_icon_image {
    -ms-flex-negative:0;
    flex-shrink:0;
    width:1.90666667rem;
    height:2.61333333rem;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% 100%
  }
  #home .company_contrainer .company_item .item_content {
    margin-top:.05333333rem;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
    -ms-flex-item-align:start;
    align-self:flex-start
  }
  #home .company_contrainer .company_item .item_title {
    font-size:.37333333rem;
    color:inherit;
    font-weight:500;
    line-height:.53333333rem
  }
  #home .company_contrainer .company_item .item_tip {
    margin-top:.21333333rem;
    font-size:.32rem;
    color:#fff;
    line-height:.58666667rem
  }
  #home .company_contrainer .company_item:nth-of-type(1) {
    color:#e4ca78
  }
  #home .company_contrainer .company_item:nth-of-type(2) {
    color:#fca256
  }
  #home .company_contrainer .company_item:nth-of-type(3) {
    color:#d080d4
  }
  #home .company_contrainer .company_item:nth-of-type(4) {
    color:#ff7b93
  }
  #home .company_contrainer .company_item:hover .item_border {
    opacity:0
  }
  #home .company_contrainer .company_item:hover .item_title {
    color:inherit
  }
  #home .company_contrainer .company_item:hover .item_tip {
    color:#fff
  }
  #home .customer_contrainer .customer_wrap {
    width:100%;
    padding:1.6rem 0 1.33333333rem
  }
  #home .customer_contrainer .custom_list {
    margin-top:.26666667rem;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:.26666667rem 0;
    overflow-y:hidden;
    overflow-x:auto
  }
  #home .customer_contrainer .custom_list::-webkit-scrollbar {
    display:none
  }
  #home .customer_contrainer .custom_type_item {
    width:auto;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 .32rem
  }
  #home .customer_contrainer .custom_type_item+.custom_type_item {
    margin-top:.21333333rem
  }
  #home .customer_contrainer .custom_type_item .customer_card {
    -ms-flex-negative:0;
    flex-shrink:0;
    width:2.77333333rem;
    height:1.28rem;
    -webkit-box-shadow:0 2px 8px 0 rgba(15,15,40,0.05);
    box-shadow:0 2px 8px 0 rgba(15,15,40,0.05);
    border-radius:.10666667rem
  }
  #home .customer_contrainer .custom_type_item .customer_card+.customer_card {
    margin-left:.21333333rem
  }
  #home .customer_contrainer .custom_type_item .type_icon {
    margin-right:.32rem;
    font-size:.48rem;
    fill:currentColor
  }
  #home .customer_contrainer .custom_type_item .type_name {
    font-size:.37333333rem;
    line-height:.53333333rem
  }
  #home .count_contrainer {
    background-size:1440px 100%;
    background-position:center center
  }
  #home .count_contrainer .count_wrap {
    width:100%;
    height:10.13333333rem;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:.8rem 0
  }
  #home .count_contrainer .count_item {
    width:50%;
    height:auto
  }
  #home .count_contrainer .item_icon {
    width:1.06666667rem;
    height:1.06666667rem
  }
  #home .count_contrainer .count_number {
    margin-top:.42666667rem;
    font-size:.64rem;
    line-height:.77333333rem
  }
  #home .count_contrainer .count_title {
    margin-top:.21333333rem;
    font-size:.32rem;
    line-height:.45333333rem
  }
  #home .news_contrainer {
    background-image:-webkit-gradient(linear, left bottom, left top, from(#F8F8F8), to(#FFFFFF));
    background-image:-webkit-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 100%);
    background-image:-o-linear-gradient(bottom, #F8F8F8 0%, #FFFFFF 100%);
    background-image:linear-gradient(360deg, #F8F8F8 0%, #FFFFFF 100%);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px)
  }
  #home .news_contrainer::before {
    width:100%;
    height:8rem;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#FF6100), to(rgba(255,97,0,0)));
    background-image:-webkit-linear-gradient(top, #FF6100 0%, rgba(255,97,0,0) 100%);
    background-image:-o-linear-gradient(top, #FF6100 0%, rgba(255,97,0,0) 100%);
    background-image:linear-gradient(180deg, #FF6100 0%, rgba(255,97,0,0) 100%);
    opacity:.12;
    -webkit-filter:blur(0);
    filter:blur(0)
  }
  #home .news_contrainer .news_bg_bottom {
    width:16rem;
    height:16rem;
    left:auto;
    right:0;
    bottom:-8rem;
    background-image:-webkit-radial-gradient(50% 50%, #fb3f69 0%, rgba(251,63,105,0) 100%);
    background-image:-o-radial-gradient(50% 50%, #fb3f69 0%, rgba(251,63,105,0) 100%);
    background-image:radial-gradient(50% 50%, #fb3f69 0%, rgba(251,63,105,0) 100%);
    opacity:.12;
    -webkit-filter:blur(0);
    filter:blur(0)
  }
  #home .news_contrainer .new_bg_point {
    width:5.33333333rem;
    height:5.33333333rem
  }
  #home .news_contrainer .news_wrap {
    width:100%;
    padding:1.6rem .32rem 0
  }
  #home .news_contrainer .news_wrap .news_content {
    margin-top:1.06666667rem;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #home .news_contrainer .news_wrap .news_img_wrap {
    width:100%;
    height:6.50666667rem
  }
  #home .news_contrainer .news_wrap .news_img_wrap .news_bar {
    display:none
  }
  #home .news_contrainer .news_wrap .news_type {
    margin-left:0;
    width:100%;
    height:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #home .news_contrainer .news_wrap .type_content {
    margin-top:.8rem;
    width:100%;
    height:auto;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 .10666667rem
  }
  #home .news_contrainer .news_wrap .type_list_wrap {
    margin-top:.4rem;
    height:6.13333333rem
  }
  #home .news_contrainer .news_wrap .type_title .icon_img {
    margin-right:.32rem;
    width:.48rem;
    height:.48rem;
    vertical-align:top
  }
  #home .news_contrainer .news_wrap .type_title .text {
    font-size:.42666667rem
  }
  #home .news_contrainer .news_wrap .type_item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
  }
  #home .news_contrainer .news_wrap .type_item .item_title {
    font-size:.37333333rem
  }
  #home .news_contrainer .news_wrap .type_item .item_time {
    font-size:.34666667rem
  }
  #home .news_contrainer .flair_wrap {
    width:100%;
    padding:1.06666667rem .42666667rem 1.6rem
  }
  #home .news_contrainer .flair_wrap .flair_title {
    font-size:.42666667rem;
    line-height:.58666667rem
  }
  #home .news_contrainer .flair_wrap .flair_title::before {
    width:3.73333333rem
  }
  #home .news_contrainer .flair_wrap .flair_title::after {
    width:3.73333333rem
  }
  #home .news_contrainer .flair_wrap .flair_list {
    margin-top:1.06666667rem;
    grid-template-columns:repeat(2, 1fr);
    grid-gap:.42666667rem;
    -ms-grid-row-align:.42666667rem;
    -ms-grid-column-align:.42666667rem
  }
  #home .news_contrainer .flair_wrap .item_image {
    width:3.73333333rem;
    height:1.49333333rem
  }
  #home .news_contrainer .flair_wrap .item_title {
    width:100%;
    height:.90666667rem;
    word-break:break-word;
    margin-top:.21333333rem;
    font-size:12px;
    line-height:17px;
    color:rgba(0,0,0,0.6)
  }
}
@media (min-width:750px) {
  .pc-hide {
    display:none !important
  }
  .common-head {
    width:100%;
    min-width:1200px;
    height:200px;
    background-image:-webkit-linear-gradient(9deg, #5d9ffa 18%, #59c4fc 82%);
    background-image:-o-linear-gradient(9deg, #5d9ffa 18%, #59c4fc 82%);
    background-image:linear-gradient(81deg, #5d9ffa 18%, #59c4fc 82%);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
  }
  .common-head .icon-r {
    font-size:110px;
    color:#ffffff;
    opacity:.2;
    position:relative;
    top:-45px;
    margin-right:10vw
  }
  .common-head .icon-l {
    font-size:110px;
    color:#ffffff;
    opacity:.2;
    position:relative;
    bottom:-45px;
    margin-left:10vw
  }
  .common-head span {
    font-size:20px;
    font-weight:normal;
    font-stretch:normal;
    line-height:30px;
    letter-spacing:0px;
    color:#ffffff;
    text-align:center
  }
  .popout {
    z-index:999;
    display:none;
    padding:15px 30px;
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translateY(-50%) translateX(-50%);
    -ms-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);
    background-color:rgba(0,0,0,0.5);
    border-radius:3px;
    color:#ffffff;
    font-size:20px;
    text-align:center
  }
}
@media (min-width:769px) and (max-width:1366px) {
  .home-case-head {
    width:1090px !important
  }
}
@media (min-width:1366px) {
  .home-case-head {
    width:1200px !important
  }
}
.loadEffect {
  width:100px;
  height:100px;
  display:inline-block
}

@media (max-width:750px) {
  #app_download_tips {
    position:fixed;
    top:0;
    left:0;
    z-index:999999;
    width:100%;
    height:100vh;
    display:none;
    background-color:rgba(0,0,0,0.7)
  }
  #app_download_tips .tips_title {
    width:100%;
    padding-top:1.06666667rem;
    text-align:center;
    line-height:20vw;
    font-size:10.66666667vw;
    color:#ffffff
  }

}
#product {
  /*overflow:hidden;
  position:relative*/
}
@-webkit-keyframes fadeInLeftBanner {
  from {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
  }
}
@keyframes fadeInLeftBanner {
  from {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
  }
}
#product .fadeInLeftBanner {
  -webkit-animation-name:fadeInLeftBanner;
  animation-name:fadeInLeftBanner
}
#product .container {
  margin:0 auto;
  width:1180px;
  height:100%;
  position:relative;
  z-index:1
}
#product .product-banner {
  height:600px;
  background-size:cover;
  overflow:hidden;
  position:relative;
  z-index:1
}
#product .product-banner .img_bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
  vertical-align:top;
  -o-object-fit:cover;
  object-fit:cover
}
#product .product-banner .img_bg.pc {
  display:block
}
#product .product-banner .img_bg.mob {
  display:none
}
#product .product-banner .product-banner-left {
  position:absolute;
  top:90px;
  left:60px;
  width:591px;
  height:591px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:61px 0 0 59px;
  border-radius:50%;
  background-color:#fb6e59;
  -webkit-box-shadow:2px 2px 4px 0 rgba(213,62,61,0.26);
  box-shadow:2px 2px 4px 0 rgba(213,62,61,0.26)
}
#product .product-banner .product-banner-left .product-banner-h1 {
  font-family:Helvetica Neue;
  font-size:36px;
  font-weight:normal;
  font-stretch:normal;
  line-height:54px;
  letter-spacing:0px;
  color:#ffffff;
  font-weight:500
}
#product .product-banner .product-banner-left .product-banner-p {
  font-family:Helvetica Neue;
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  line-height:26px;
  letter-spacing:0px;
  color:#ffffff;
  width:444px;
  margin-top:10px
}
#product .product-banner .product-banner-left .product-banner-button {
  margin-top:30px;
  font-family:Helvetica Neue;
  font-size:16px;
  font-weight:normal;
  font-stretch:normal;
  letter-spacing:0px;
  color:#3a475e;
  background-color:#ffffff;
  border-radius:2px;
  padding:12px 54px;
  display:inline-block;
  cursor:pointer
}
#product .product-banner .product-banner-left .product-banner-button:hover {
  color:#ffffff;
  background-color:#24284b;
  -webkit-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s
}
#product .product-banner .product-banner-right {
  position:absolute;
  right:0;
  bottom:0
}
#product .product-banner .product-banner-right .product-banner-right-image {
  width:654px
}
#product .showcase .showcase-title {
  padding:160px 0 73px;
  text-align:center;
  font-family:Helvetica Neue;
  font-size:54px;
  font-weight:bold;
  font-stretch:normal;
  line-height:1;
  letter-spacing:0px;
  color:#3a475e
}
#product .showcase .showcase_wrap {
  width:100%;
  height:740px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .showcase .showcase-phone-wrap {
  margin-left:55px;
  width:294px;
  height:619px;
  position:relative;
  -webkit-box-shadow:0 6px 36px 0 rgba(0,0,0,0.1);
  box-shadow:0 6px 36px 0 rgba(0,0,0,0.1);
  border-radius:40px;
  z-index:1
}
#product .showcase .showcase-phone-wrap .showcase-phone {
  position:relative;
  width:100%;
  height:100%;
  z-index:2;
  padding-top:3px;
  overflow:hidden;
  border-radius:34px;
  background-color:#ffffff
}
#product .showcase .showcase-phone-wrap .showcase-phone .showcase-phone-border {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  vertical-align:top;
  z-index:1
}
#product .showcase .showcase-phone-wrap .showcase-phone .showcase-content {
  width:100%;
  height:100%
}
#product .showcase .showcase-phone-wrap .showcase-phone .showcase-content .img {
  width:100%;
  height:100%;
  vertical-align:top
}
#product .showcase .showcase-phone-wrap .phone_bg {
  position:absolute;
  z-index:0;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:300px;
  height:300px;
  border-radius:50%;
  background-color:#fdefee;
  -webkit-box-shadow:0 0 40px 21px #fff0ef;
  box-shadow:0 0 40px 21px #fff0ef
}
#product .showcase .showcase-phone-wrap .phone_bg .round {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:50%
}
#product .showcase .showcase-phone-wrap .phone_bg .round1 {
  width:370px;
  height:370px;
  border:1px solid #FFD3CF
}
#product .showcase .showcase-phone-wrap .phone_bg .round2 {
  width:469px;
  height:469px;
  border:1px solid rgba(255,223,221,0.7)
}
#product .showcase .showcase-phone-wrap .phone_bg .round3 {
  width:616px;
  height:616px;
  border:1px solid rgba(255,234,233,0.5)
}
#product .showcase .showcase-phone-wrap .phone_bg .round4 {
  width:740px;
  height:740px;
  border:1px solid rgba(253,239,238,0.35)
}
#product .showcase .showcase-playlist {
  width:588px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .showcase .showcase-playlist .type_item {
  width:132px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .showcase .showcase-playlist .type_title {
  font-size:18px;
  color:#000000
}
#product .showcase .showcase-playlist .type_list_wrap {
  margin-top:24px;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .showcase .showcase-playlist .type_list_wrap .list_item {
  width:132px;
  height:52px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:4px;
  border:1px solid #fbe7e6;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  cursor:pointer;
  -webkit-transition:-webkit-transform .3s linear;
  transition:-webkit-transform .3s linear;
  -o-transition:transform .3s linear;
  transition:transform .3s linear;
  transition:transform .3s linear, -webkit-transform .3s linear
}
#product .showcase .showcase-playlist .type_list_wrap .list_item:hover .list_content,
#product .showcase .showcase-playlist .type_list_wrap .list_item.active .list_content {
  background-color:#fb6e59;
  color:#ffffff
}
#product .showcase .showcase-playlist .type_list_wrap .list_item:hover {
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1)
}
#product .showcase .showcase-playlist .type_list_wrap .list_item+.list_item {
  margin-top:50px
}
#product .showcase .showcase-playlist .type_list_wrap .list_content {
  width:120px;
  height:40px;
  background-color:rgba(251,110,89,0.08);
  color:#fb6e59;
  border-radius:4px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-align:center;
  line-height:40px;
  font-size:16px;
  white-space:nowrap;
  -webkit-transition:all .3s linear;
  -o-transition:all .3s linear;
  transition:all .3s linear
}
#product .product-video-wrapper .showcase-title {
  padding:87px 0 100px
}
#product .product-video-wrapper .showcase_video_swiper {
  width:100%;
  height:502px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end
}
#product .product-video-wrapper .showcase_video_swiper .swiper_controller {
  width:321px
}
#product .product-video-wrapper .showcase_video_swiper .swiper_control_item {
  width:100%;
  height:111px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:18px 30px 0;
  cursor:pointer;
  border-radius:4px;
  -webkit-transition:all .3s linear;
  -o-transition:all .3s linear;
  transition:all .3s linear
}
#product .product-video-wrapper .showcase_video_swiper .swiper_control_item+.swiper_control_item {
  margin-top:37px
}
#product .product-video-wrapper .showcase_video_swiper .swiper_control_item.active,
#product .product-video-wrapper .showcase_video_swiper .swiper_control_item:hover {
  background-color:#f5f7fa;
  -webkit-box-shadow:0 0 8px 2px rgba(217,232,255,0.1);
  box-shadow:0 0 8px 2px rgba(217,232,255,0.1)
}
#product .product-video-wrapper .showcase_video_swiper .swiper_control_item.active .control_item_title .default_icon,
#product .product-video-wrapper .showcase_video_swiper .swiper_control_item:hover .control_item_title .default_icon {
  display:none
}
#product .product-video-wrapper .showcase_video_swiper .swiper_control_item.active .control_item_title .active_icon,
#product .product-video-wrapper .showcase_video_swiper .swiper_control_item:hover .control_item_title .active_icon {
  display:block
}
#product .product-video-wrapper .showcase_video_swiper .control_item_title {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .product-video-wrapper .showcase_video_swiper .control_item_title .icon {
  -ms-flex-negative:0;
  flex-shrink:0;
  margin-right:5px;
  width:16px;
  height:16px;
  fill:#3a475e;
  color:#3a475e
}
#product .product-video-wrapper .showcase_video_swiper .control_item_title .text_content {
  font-size:18px;
  color:#3a475e;
  font-weight:500;
  white-space:nowrap
}
#product .product-video-wrapper .showcase_video_swiper .control_item_title .active_icon {
  display:none
}
#product .product-video-wrapper .showcase_video_swiper .control_item_text {
  margin-top:10px;
  font-size:14px;
  color:#3a475e
}
#product .product-video-wrapper .showcase_video_swiper .video_img_wrap {
  width:859px;
  height:100%;
  position:relative
}
#product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-contrainer {
  width:100%;
  height:100%;
  overflow:hidden
}
#product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-wrapper {
  width:100%;
  height:100%
}
#product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-slide {
  width:100%;
  height:100%;
  position:relative;
  z-index:1
}
#product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-slide .swiper_content {
  width:100%;
  height:100%
}
#product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-slide .img_bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
  vertical-align:top;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-fit:contain;
  object-fit:contain
}
#product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-pagination {
  display:none
}
#product .interaction_wrapper .showcase-title {
  padding:114px 0 145px
}
#product .interaction_wrapper .interaction_content {
  margin:0 auto;
  width:725px;
  height:726px;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:1
}
#product .interaction_wrapper .interaction_content .img_bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
  vertical-align:top;
  -o-object-fit:cover;
  object-fit:cover
}
@-webkit-keyframes roundView {
  0% {
    -webkit-transform:rotateZ(0);
    transform:rotateZ(0)
  }
  25% {
    -webkit-transform:rotateZ(90deg);
    transform:rotateZ(90deg)
  }
  50% {
    -webkit-transform:rotateZ(180deg);
    transform:rotateZ(180deg)
  }
  75% {
    -webkit-transform:rotateZ(270deg);
    transform:rotateZ(270deg)
  }
  100% {
    -webkit-transform:rotateZ(360deg);
    transform:rotateZ(360deg)
  }
}
@keyframes roundView {
  0% {
    -webkit-transform:rotateZ(0);
    transform:rotateZ(0)
  }
  25% {
    -webkit-transform:rotateZ(90deg);
    transform:rotateZ(90deg)
  }
  50% {
    -webkit-transform:rotateZ(180deg);
    transform:rotateZ(180deg)
  }
  75% {
    -webkit-transform:rotateZ(270deg);
    transform:rotateZ(270deg)
  }
  100% {
    -webkit-transform:rotateZ(360deg);
    transform:rotateZ(360deg)
  }
}
@-webkit-keyframes bounceUpDown {
  0% {
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0)
  }
  25% {
    -webkit-transform:translate3d(-50%, -100%, 0);
    transform:translate3d(-50%, -100%, 0)
  }
  50% {
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0)
  }
  75% {
    -webkit-transform:translate3d(-50%, 0, 0);
    transform:translate3d(-50%, 0, 0)
  }
  100% {
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0)
  }
}
@keyframes bounceUpDown {
  0% {
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0)
  }
  25% {
    -webkit-transform:translate3d(-50%, -100%, 0);
    transform:translate3d(-50%, -100%, 0)
  }
  50% {
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0)
  }
  75% {
    -webkit-transform:translate3d(-50%, 0, 0);
    transform:translate3d(-50%, 0, 0)
  }
  100% {
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0)
  }
}
#product .interaction_wrapper .interaction_content.animate .big_round_center {
  -webkit-animation:roundView 20s linear infinite;
  animation:roundView 20s linear infinite
}
#product .interaction_wrapper .interaction_content.animate .big_round_item:nth-of-type(1) .item_content {
  -webkit-animation:roundItem1 20s linear infinite;
  animation:roundItem1 20s linear infinite
}
@-webkit-keyframes roundItem1 {
  0% {
    -webkit-transform:rotateZ(0deg) translate(-50%, -50%);
    -ms-transform:rotateZ(0deg) translate(-50%, -50%);
    transform:rotateZ(0deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-360deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-360deg) translate(-50%, -50%);
    transform:rotateZ(-360deg) translate(-50%, -50%)
  }
}
@keyframes roundItem1 {
  0% {
    -webkit-transform:rotateZ(0deg) translate(-50%, -50%);
    -ms-transform:rotateZ(0deg) translate(-50%, -50%);
    transform:rotateZ(0deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-360deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-360deg) translate(-50%, -50%);
    transform:rotateZ(-360deg) translate(-50%, -50%)
  }
}
#product .interaction_wrapper .interaction_content.animate .big_round_item:nth-of-type(2) .item_content {
  -webkit-animation:roundItem2 20s linear infinite;
  animation:roundItem2 20s linear infinite
}
@-webkit-keyframes roundItem2 {
  0% {
    -webkit-transform:rotateZ(-60deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-60deg) translate(-50%, -50%);
    transform:rotateZ(-60deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-420deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-420deg) translate(-50%, -50%);
    transform:rotateZ(-420deg) translate(-50%, -50%)
  }
}
@keyframes roundItem2 {
  0% {
    -webkit-transform:rotateZ(-60deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-60deg) translate(-50%, -50%);
    transform:rotateZ(-60deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-420deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-420deg) translate(-50%, -50%);
    transform:rotateZ(-420deg) translate(-50%, -50%)
  }
}
#product .interaction_wrapper .interaction_content.animate .big_round_item:nth-of-type(3) .item_content {
  -webkit-animation:roundItem3 20s linear infinite;
  animation:roundItem3 20s linear infinite
}
@-webkit-keyframes roundItem3 {
  0% {
    -webkit-transform:rotateZ(-120deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-120deg) translate(-50%, -50%);
    transform:rotateZ(-120deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-480deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-480deg) translate(-50%, -50%);
    transform:rotateZ(-480deg) translate(-50%, -50%)
  }
}
@keyframes roundItem3 {
  0% {
    -webkit-transform:rotateZ(-120deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-120deg) translate(-50%, -50%);
    transform:rotateZ(-120deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-480deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-480deg) translate(-50%, -50%);
    transform:rotateZ(-480deg) translate(-50%, -50%)
  }
}
#product .interaction_wrapper .interaction_content.animate .big_round_item:nth-of-type(4) .item_content {
  -webkit-animation:roundItem4 20s linear infinite;
  animation:roundItem4 20s linear infinite
}
@-webkit-keyframes roundItem4 {
  0% {
    -webkit-transform:rotateZ(-180deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-180deg) translate(-50%, -50%);
    transform:rotateZ(-180deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-540deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-540deg) translate(-50%, -50%);
    transform:rotateZ(-540deg) translate(-50%, -50%)
  }
}
@keyframes roundItem4 {
  0% {
    -webkit-transform:rotateZ(-180deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-180deg) translate(-50%, -50%);
    transform:rotateZ(-180deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-540deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-540deg) translate(-50%, -50%);
    transform:rotateZ(-540deg) translate(-50%, -50%)
  }
}
#product .interaction_wrapper .interaction_content.animate .big_round_item:nth-of-type(5) .item_content {
  -webkit-animation:roundItem5 20s linear infinite;
  animation:roundItem5 20s linear infinite
}
@-webkit-keyframes roundItem5 {
  0% {
    -webkit-transform:rotateZ(-240deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-240deg) translate(-50%, -50%);
    transform:rotateZ(-240deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-600deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-600deg) translate(-50%, -50%);
    transform:rotateZ(-600deg) translate(-50%, -50%)
  }
}
@keyframes roundItem5 {
  0% {
    -webkit-transform:rotateZ(-240deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-240deg) translate(-50%, -50%);
    transform:rotateZ(-240deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-600deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-600deg) translate(-50%, -50%);
    transform:rotateZ(-600deg) translate(-50%, -50%)
  }
}
#product .interaction_wrapper .interaction_content.animate .big_round_item:nth-of-type(6) .item_content {
  -webkit-animation:roundItem6 20s linear infinite;
  animation:roundItem6 20s linear infinite
}
@-webkit-keyframes roundItem6 {
  0% {
    -webkit-transform:rotateZ(-300deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-300deg) translate(-50%, -50%);
    transform:rotateZ(-300deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-660deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-660deg) translate(-50%, -50%);
    transform:rotateZ(-660deg) translate(-50%, -50%)
  }
}
@keyframes roundItem6 {
  0% {
    -webkit-transform:rotateZ(-300deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-300deg) translate(-50%, -50%);
    transform:rotateZ(-300deg) translate(-50%, -50%)
  }
  100% {
    -webkit-transform:rotateZ(-660deg) translate(-50%, -50%);
    -ms-transform:rotateZ(-660deg) translate(-50%, -50%);
    transform:rotateZ(-660deg) translate(-50%, -50%)
  }
}
#product .interaction_wrapper .interaction_content.animate .left_img .item_content {
  -webkit-animation:bounceUpDown 5s linear infinite;
  animation:bounceUpDown 5s linear infinite
}
#product .interaction_wrapper .interaction_content.animate .right_img .item_content {
  animation:bounceUpDown 5s linear infinite reverse
}
#product .interaction_wrapper .interaction_content .content_center {
  color:#ffffff;
  font-size:24px;
  position:relative;
  z-index:4;
  white-space:pre-line;
  text-align:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .interaction_wrapper .interaction_content .big_round_center {
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transform:rotateZ(0) translate(-50%, -50%);
  -ms-transform:rotate(0) translate(-50%, -50%);
  transform:rotateZ(0) translate(-50%, -50%)
}
#product .interaction_wrapper .interaction_content .big_round_item {
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  width:0;
  height:0;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transform:translateY(363px);
  -ms-transform:translateY(363px);
  transform:translateY(363px)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(1) {
  -webkit-transform:rotateZ(0deg) translateY(363px);
  -ms-transform:rotate(0deg) translateY(363px);
  transform:rotateZ(0deg) translateY(363px)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(1) .item_content {
  -webkit-transform:rotateZ(0deg) translate(-50%, -50%);
  -ms-transform:rotate(0deg) translate(-50%, -50%);
  transform:rotateZ(0deg) translate(-50%, -50%)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(2) {
  -webkit-transform:rotateZ(60deg) translateY(363px);
  -ms-transform:rotate(60deg) translateY(363px);
  transform:rotateZ(60deg) translateY(363px)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(2) .item_content {
  -webkit-transform:rotateZ(-60deg) translate(-50%, -50%);
  -ms-transform:rotate(-60deg) translate(-50%, -50%);
  transform:rotateZ(-60deg) translate(-50%, -50%)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(3) {
  -webkit-transform:rotateZ(120deg) translateY(363px);
  -ms-transform:rotate(120deg) translateY(363px);
  transform:rotateZ(120deg) translateY(363px)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(3) .item_content {
  -webkit-transform:rotateZ(-120deg) translate(-50%, -50%);
  -ms-transform:rotate(-120deg) translate(-50%, -50%);
  transform:rotateZ(-120deg) translate(-50%, -50%)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(4) {
  -webkit-transform:rotateZ(180deg) translateY(363px);
  -ms-transform:rotate(180deg) translateY(363px);
  transform:rotateZ(180deg) translateY(363px)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(4) .item_content {
  -webkit-transform:rotateZ(-180deg) translate(-50%, -50%);
  -ms-transform:rotate(-180deg) translate(-50%, -50%);
  transform:rotateZ(-180deg) translate(-50%, -50%)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(5) {
  -webkit-transform:rotateZ(240deg) translateY(363px);
  -ms-transform:rotate(240deg) translateY(363px);
  transform:rotateZ(240deg) translateY(363px)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(5) .item_content {
  -webkit-transform:rotateZ(-240deg) translate(-50%, -50%);
  -ms-transform:rotate(-240deg) translate(-50%, -50%);
  transform:rotateZ(-240deg) translate(-50%, -50%)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(6) {
  -webkit-transform:rotateZ(300deg) translateY(363px);
  -ms-transform:rotate(300deg) translateY(363px);
  transform:rotateZ(300deg) translateY(363px)
}
#product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(6) .item_content {
  -webkit-transform:rotateZ(-300deg) translate(-50%, -50%);
  -ms-transform:rotate(-300deg) translate(-50%, -50%);
  transform:rotateZ(-300deg) translate(-50%, -50%)
}
#product .interaction_wrapper .interaction_content .content_box {
  width:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .interaction_wrapper .interaction_content .item_content {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform-origin:left top;
  -ms-transform-origin:left top;
  transform-origin:left top;
  -webkit-transform:rotateZ(0) translate(-50%, -50%);
  -ms-transform:rotate(0) translate(-50%, -50%);
  transform:rotateZ(0) translate(-50%, -50%);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .interaction_wrapper .interaction_content .item_content .item_img {
  width:86px;
  height:86px;
  vertical-align:top
}
#product .interaction_wrapper .interaction_content .item_content .item_text {
  position:absolute;
  top:81px;
  white-space:nowrap;
  color:#5d6574;
  font-size:16px
}
#product .interaction_wrapper .interaction_content .small_round_center {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  z-index:3
}
#product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(1) {
  -webkit-transform:rotateZ(0deg) translateY(168px);
  -ms-transform:rotate(0deg) translateY(168px);
  transform:rotateZ(0deg) translateY(168px)
}
#product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(1) .item_content {
  -webkit-transform:rotateZ(0deg) translate(-50%, -50%);
  -ms-transform:rotate(0deg) translate(-50%, -50%);
  transform:rotateZ(0deg) translate(-50%, -50%)
}
#product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(2) {
  -webkit-transform:rotateZ(120deg) translateY(168px);
  -ms-transform:rotate(120deg) translateY(168px);
  transform:rotateZ(120deg) translateY(168px)
}
#product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(2) .item_content {
  -webkit-transform:rotateZ(-120deg) translate(-50%, -50%);
  -ms-transform:rotate(-120deg) translate(-50%, -50%);
  transform:rotateZ(-120deg) translate(-50%, -50%)
}
#product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(3) {
  -webkit-transform:rotateZ(240deg) translateY(168px);
  -ms-transform:rotate(240deg) translateY(168px);
  transform:rotateZ(240deg) translateY(168px)
}
#product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(3) .item_content {
  -webkit-transform:rotateZ(-240deg) translate(-50%, -50%);
  -ms-transform:rotate(-240deg) translate(-50%, -50%);
  transform:rotateZ(-240deg) translate(-50%, -50%)
}
#product .interaction_wrapper .interaction_content .small_round_item {
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  width:0;
  height:0;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transform:translateY(168px);
  -ms-transform:translateY(168px);
  transform:translateY(168px)
}
#product .interaction_wrapper .interaction_content .left_img {
  position:absolute;
  left:-234px;
  top:50%;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transform:translate3d(0, -50%, 0);
  transform:translate3d(0, -50%, 0);
  z-index:3
}
#product .interaction_wrapper .interaction_content .left_img .item_content {
  -webkit-animation:bounceUpDown 5s linear infinite;
  animation:bounceUpDown 5s linear infinite
}
#product .interaction_wrapper .interaction_content .right_img {
  position:absolute;
  top:50%;
  right:-234px;
  -webkit-transform:translate(0, -50%, 0);
  -ms-transform:translate(0, -50%, 0);
  transform:translate(0, -50%, 0);
  z-index:3
}
#product .interaction_wrapper .interaction_content .right_img .item_content {
  animation:bounceUpDown 5s linear infinite reverse
}
#product .plan_wrapper {
  width:100%
}
#product .plan_wrapper .showcase-title {
  padding:227px 0 90px
}
#product .plan_wrapper .plan_list_wrap {
  width:100%;
  height:450px
}
#product .plan_wrapper .plan_list_wrap .plan_list {
  width:100%;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .plan_wrapper .plan_list_wrap .arrow_icon {
  display:none
}
#product .plan_wrapper .plan_list_wrap .plan_item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  cursor:pointer
}
#product .plan_wrapper .plan_list_wrap .plan_item .plan_content_wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative
}
#product .plan_wrapper .plan_list_wrap .plan_item .plan_content_wrap::after {
  content:'';
  position:absolute;
  left:50%;
  top:calc(100% + 13px);
  -webkit-transform:translateX(-50%) rotate(45deg);
  -ms-transform:translateX(-50%) rotate(45deg);
  transform:translateX(-50%) rotate(45deg);
  width:20px;
  height:20px;
  background-color:#3a475e;
  display:none
}
#product .plan_wrapper .plan_list_wrap .plan_item .plan_content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .plan_wrapper .plan_list_wrap .plan_item .plan_content .icon_wrap {
  width:40px;
  height:40px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .plan_wrapper .plan_list_wrap .plan_item .plan_content .icon_wrap .icon {
  overflow:visible
}
#product .plan_wrapper .plan_list_wrap .plan_item .icon {
  font-size:40px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#747d8e
}
#product .plan_wrapper .plan_list_wrap .plan_item .plan_text {
  margin-top:9px;
  font-size:16px;
  color:#3a475e
}
#product .plan_wrapper .plan_list_wrap .plan_item+.plan_item {
  margin-left:94px
}
#product .plan_wrapper .plan_list_wrap .plan_item.active .icon {
  color:#fb6e59
}
#product .plan_wrapper .plan_list_wrap .plan_item.active .plan_text {
  color:#fb6e59
}
#product .plan_wrapper .plan_list_wrap .plan_item.active .plan_item_list {
  display:block
}
#product .plan_wrapper .plan_list_wrap .plan_item.active .plan_content_wrap::after {
  display:block
}
#product .plan_wrapper .plan_list_wrap .plan_item.picture .icon {
  font-size:36px
}
#product .plan_wrapper .plan_list_wrap .plan_item_list {
  position:absolute;
  display:none;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  top:93px;
  width:100vw;
  cursor:auto;
  background-image:-webkit-linear-gradient(318deg, #3a475e 0%, rgba(58,71,94,0.99) 64%, rgba(58,71,94,0.96) 100%);
  background-image:-o-linear-gradient(318deg, #3a475e 0%, rgba(58,71,94,0.99) 64%, rgba(58,71,94,0.96) 100%);
  background-image:linear-gradient(132deg, #3a475e 0%, rgba(58,71,94,0.99) 64%, rgba(58,71,94,0.96) 100%)
}
#product .plan_wrapper .plan_list_wrap .plan_item_list .list_content {
  margin:0 auto;
  width:1180px;
  position:relative;
  height:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  grid-row-gap:60px;
  padding:3.38541667vw 0
}
#product .plan_wrapper .plan_list_wrap .plan_item_list .list_item {
  width:220px;
  height:74px;
  -ms-flex-negative:0;
  flex-shrink:0
}
#product .plan_wrapper .plan_list_wrap .plan_item_list .list_item .item_title {
  color:#fb6e59;
  font-size:16px
}
#product .plan_wrapper .plan_list_wrap .plan_item_list .list_item .item_text {
  margin-top:10px;
  font-size:14px;
  color:#ffffff
}
#product .service_wrapper .showcase-title {
  padding:160px 0 102px
}
#product .service_wrapper .service_list {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:0 0 196px
}
#product .service_wrapper .service_list .service_item {
  position:relative
}
#product .service_wrapper .service_list .service_item+.service_item {
  margin-left:140px
}
#product .service_wrapper .service_list .service_icon {
  width:80px;
  height:80px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#product .service_wrapper .service_list .service_text {
  position:absolute;
  top:105px;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  color:#000000;
  font-size:16px;
  white-space:nowrap
}
@media screen and (min-width:751px) and (max-width:1280px) {
  #product .container {
    max-width:960px;
    width:calc(100% - 100px)
  }
  #product .product-banner {
    height:46.875vw
  }
  #product .product-banner .product-banner-left {
    top:7.03125vw;
    left:0;
    width:46.171875vw;
    height:46.171875vw;
    padding:4.765625vw 0 0 4.609375vw;
    -webkit-box-shadow:.15625vw .15625vw .3125vw 0 rgba(213,62,61,0.26);
    box-shadow:.15625vw .15625vw .3125vw 0 rgba(213,62,61,0.26)
  }
  #product .product-banner .product-banner-left .product-banner-h1 {
    font-size:2.8125vw;
    line-height:4.21875vw;
    letter-spacing:0
  }
  #product .product-banner .product-banner-left .product-banner-p {
    font-size:1.25vw;
    line-height:2.03125vw;
    letter-spacing:0;
    width:29.6875vw;
    margin-top:.78125vw
  }
  #product .product-banner .product-banner-left .product-banner-button {
    margin-top:2.34375vw;
    font-size:1.25vw;
    letter-spacing:0;
    border-radius:.15625vw;
    padding:.9375vw 4.21875vw
  }
  #product .product-banner .product-banner-right {
    right:2.34375vw
  }
  #product .product-banner .product-banner-right .product-banner-right-image {
    width:51.09375vw;
    max-width:575px
  }
  #product .showcase .showcase-title {
    padding:12.5vw 0 5.703125vw;
    font-size:4.21875vw;
    letter-spacing:0
  }
  #product .showcase .showcase_wrap {
    height:57.8125vw
  }
  #product .showcase .showcase-phone-wrap {
    margin-left:0;
    width:22.96875vw;
    height:48.359375vw;
    -webkit-box-shadow:0 .46875vw 2.8125vw 0 rgba(0,0,0,0.1);
    box-shadow:0 .46875vw 2.8125vw 0 rgba(0,0,0,0.1);
    border-radius:3.125vw
  }
  #product .showcase .showcase-phone-wrap .showcase-phone {
    padding-top:.234375vw;
    border-radius:2.65625vw
  }
  #product .showcase .showcase-phone-wrap .phone_bg {
    width:23.4375vw;
    height:23.4375vw;
    -webkit-box-shadow:0 0 3.125vw 1.640625vw #fff0ef;
    box-shadow:0 0 3.125vw 1.640625vw #fff0ef
  }
  #product .showcase .showcase-phone-wrap .phone_bg .round1 {
    width:28.90625vw;
    height:28.90625vw;
    border:1px solid #FFD3CF
  }
  #product .showcase .showcase-phone-wrap .phone_bg .round2 {
    width:36.640625vw;
    height:36.640625vw;
    border:1px solid rgba(255,223,221,0.7)
  }
  #product .showcase .showcase-phone-wrap .phone_bg .round3 {
    width:48.125vw;
    height:48.125vw;
    border:1px solid rgba(255,234,233,0.5)
  }
  #product .showcase .showcase-phone-wrap .phone_bg .round4 {
    width:57.8125vw;
    height:57.8125vw;
    border:1px solid rgba(253,239,238,0.35)
  }
  #product .showcase .showcase-playlist {
    width:45.9375vw;
    position:relative;
    z-index:2
  }
  #product .showcase .showcase-playlist .type_item {
    width:10.3125vw
  }
  #product .showcase .showcase-playlist .type_title {
    font-size:1.40625vw
  }
  #product .showcase .showcase-playlist .type_list_wrap {
    margin-top:1.875vw
  }
  #product .showcase .showcase-playlist .type_list_wrap .list_item {
    width:10.3125vw;
    height:4.0625vw;
    border-radius:.3125vw
  }
  #product .showcase .showcase-playlist .type_list_wrap .list_item+.list_item {
    margin-top:3.90625vw
  }
  #product .showcase .showcase-playlist .type_list_wrap .list_content {
    width:9.375vw;
    height:3.125vw;
    border-radius:.3125vw;
    line-height:3.125vw;
    font-size:1.25vw
  }
  #product .product-video-wrapper .showcase-title {
    padding:6.796875vw 0 7.8125vw
  }
  #product .product-video-wrapper .showcase_video_swiper {
    height:31.953125vw
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_controller {
    width:25.078125vw;
    -ms-flex-negative:0;
    flex-shrink:0
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_control_item {
    height:8.671875vw;
    padding:1.40625vw 2.34375vw 0;
    border-radius:.3125vw
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_control_item+.swiper_control_item {
    margin-top:2.890625vw
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_control_item.active,
  #product .product-video-wrapper .showcase_video_swiper .swiper_control_item:hover {
    -webkit-box-shadow:0 0 .625vw .15625vw rgba(217,232,255,0.1);
    box-shadow:0 0 .625vw .15625vw rgba(217,232,255,0.1)
  }
  #product .product-video-wrapper .showcase_video_swiper .control_item_title .icon {
    margin-right:.390625vw;
    width:1.25vw;
    height:1.25vw
  }
  #product .product-video-wrapper .showcase_video_swiper .control_item_title .text_content {
    font-size:1.40625vw
  }
  #product .product-video-wrapper .showcase_video_swiper .control_item_text {
    margin-top:.78125vw;
    font-size:1.09375vw
  }
  #product .product-video-wrapper .showcase_video_swiper .video_img_wrap {
    width:49.921875vw
  }
  #product .interaction_wrapper .showcase-title {
    padding:7.65625vw 0 9.21875vw
  }
  #product .interaction_wrapper .interaction_content {
    width:46.09375vw;
    height:46.09375vw
  }
  #product .interaction_wrapper .interaction_content .content_center {
    font-size:1.40625vw
  }
  #product .interaction_wrapper .interaction_content .big_round_item {
    -webkit-transform:translateY(23.046875vw);
    -ms-transform:translateY(23.046875vw);
    transform:translateY(23.046875vw)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(1) {
    -webkit-transform:rotateZ(0deg) translateY(23.046875vw);
    -ms-transform:rotate(0deg) translateY(23.046875vw);
    transform:rotateZ(0deg) translateY(23.046875vw)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(2) {
    -webkit-transform:rotateZ(60deg) translateY(23.046875vw);
    -ms-transform:rotate(60deg) translateY(23.046875vw);
    transform:rotateZ(60deg) translateY(23.046875vw)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(3) {
    -webkit-transform:rotateZ(120deg) translateY(23.046875vw);
    -ms-transform:rotate(120deg) translateY(23.046875vw);
    transform:rotateZ(120deg) translateY(23.046875vw)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(4) {
    -webkit-transform:rotateZ(180deg) translateY(23.046875vw);
    -ms-transform:rotate(180deg) translateY(23.046875vw);
    transform:rotateZ(180deg) translateY(23.046875vw)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(5) {
    -webkit-transform:rotateZ(240deg) translateY(23.046875vw);
    -ms-transform:rotate(240deg) translateY(23.046875vw);
    transform:rotateZ(240deg) translateY(23.046875vw)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(6) {
    -webkit-transform:rotateZ(300deg) translateY(23.046875vw);
    -ms-transform:rotate(300deg) translateY(23.046875vw);
    transform:rotateZ(300deg) translateY(23.046875vw)
  }
  #product .interaction_wrapper .interaction_content .item_content .item_img {
    width:5.46875vw;
    height:5.46875vw
  }
  #product .interaction_wrapper .interaction_content .item_content .item_text {
    top:5.46875vw;
    font-size:1.25vw
  }
  #product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(1) {
    -webkit-transform:rotateZ(0deg) translateY(10.703125vw);
    -ms-transform:rotate(0deg) translateY(10.703125vw);
    transform:rotateZ(0deg) translateY(10.703125vw)
  }
  #product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(2) {
    -webkit-transform:rotateZ(120deg) translateY(10.703125vw);
    -ms-transform:rotate(120deg) translateY(10.703125vw);
    transform:rotateZ(120deg) translateY(10.703125vw)
  }
  #product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(3) {
    -webkit-transform:rotateZ(240deg) translateY(10.703125vw);
    -ms-transform:rotate(240deg) translateY(10.703125vw);
    transform:rotateZ(240deg) translateY(10.703125vw)
  }
  #product .interaction_wrapper .interaction_content .small_round_item {
    -webkit-transform:translateY(10.703125vw);
    -ms-transform:translateY(10.703125vw);
    transform:translateY(10.703125vw)
  }
  #product .interaction_wrapper .interaction_content .left_img {
    left:-14.921875vw
  }
  #product .interaction_wrapper .interaction_content .right_img {
    right:-14.921875vw
  }
  #product .plan_wrapper .showcase-title {
    padding:17.734375vw 0 7.03125vw
  }
  #product .plan_wrapper .plan_list_wrap {
    height:35.15625vw
  }
  #product .plan_wrapper .plan_list_wrap .plan_item .icon {
    font-size:3.125vw
  }
  #product .plan_wrapper .plan_list_wrap .plan_item .plan_text {
    margin-top:.703125vw;
    font-size:1.25vw
  }
  #product .plan_wrapper .plan_list_wrap .plan_item .plan_content_wrap::after {
    top:calc(100% + (10 / 12.8vw))
  }
  #product .plan_wrapper .plan_list_wrap .plan_item .plan_content .icon_wrap {
    width:3.125vw;
    height:3.125vw
  }
  #product .plan_wrapper .plan_list_wrap .plan_item+.plan_item {
    margin-left:7.34375vw
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.picture .icon {
    font-size:2.8125vw
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list {
    top:7.265625vw;
    width:100vw
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list .list_content {
    margin:0 auto;
    max-width:960px;
    width:calc(100% - 100px);
    grid-row-gap:4.6875vw;
    padding:5.078125vw 0
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list .list_item {
    width:17.1875vw;
    height:5.78125vw
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list .list_item .item_title {
    font-size:1.25vw
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list .list_item .item_text {
    margin-top:.78125vw;
    font-size:1.09375vw
  }
  #product .service_wrapper .showcase-title {
    padding:12.5vw 0 7.96875vw
  }
  #product .service_wrapper .service_list {
    padding:0 0 15.3125vw;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #product .service_wrapper .service_list .service_item+.service_item {
    margin-left:0
  }
  #product .service_wrapper .service_list .service_icon {
    width:6.25vw;
    height:6.25vw
  }
  #product .service_wrapper .service_list .service_text {
    top:8.203125vw;
    font-size:1.25vw
  }
}
@media (max-width:750px) {
  #product .container {
    width:100%;
    display:inline-block
  }
  #product .product-banner {
    height:11.46666667rem
  }
  #product .product-banner .img_bg.pc {
    display:none
  }
  #product .product-banner .img_bg.mob {
    display:block
  }
  #product .product-banner .container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #product .product-banner .product-banner-left {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0
  }
  #product .product-banner .product-banner-left .product-banner-h1 {
    font-size:4.8vw;
    padding-top:2.4rem;
    text-align:center;
    line-height:4vw
  }
  #product .product-banner .product-banner-left .product-banner-h1 .product-banner-h1-item {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
  }
  #product .product-banner .product-banner-left .product-banner-button {
    margin-top:.46666667rem;
    font-size:.26666667rem;
    line-height:.74666667rem;
    padding:0;
    width:3.62666667rem;
    height:.74666667rem;
    text-align:center;
    -webkit-tap-highlight-color:transparent
  }
  #product .product-banner .product-banner-left .product-banner-p {
    text-align:center;
    line-height:.4rem;
    font-size:.26666667rem;
    margin-top:.45333333rem;
    width:7.46666667rem
  }
  #product .product-banner .product-banner-right {
    position:relative;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #product .product-banner .product-banner-right .product-banner-right-image {
    width:7.22666667rem;
    height:5.33333333rem
  }
  #product .showcase {
    margin-top:0;
    height:auto
  }
  #product .showcase .showcase-title {
    padding:1.06666667rem 0 1.06666667rem;
    font-size:.42666667rem;
    line-height:1;
    font-weight:400
  }
  #product .showcase .showcase_wrap {
    height:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #product .showcase .showcase_wrap .showcase-playlist {
    margin-top:1.29333333rem;
    width:7.84rem
  }
  #product .showcase .showcase_wrap .showcase-playlist .type_item .type_title {
    font-size:.29333333rem
  }
  #product .showcase .showcase_wrap .showcase-playlist .type_list_wrap {
    margin-top:.30666667rem
  }
  #product .showcase .showcase_wrap .showcase-playlist .list_item {
    border:none;
    width:1.76rem;
    height:.69333333rem;
    -webkit-tap-highlight-color:transparent
  }
  #product .showcase .showcase_wrap .showcase-playlist .list_item .list_content {
    width:100%;
    height:100%;
    font-size:.24rem;
    white-space:nowrap;
    line-height:.69333333rem
  }
  #product .showcase .showcase_wrap .showcase-playlist .list_item.active:hover .list_content {
    background-color:#fb6e59;
    color:#ffffff
  }
  #product .showcase .showcase_wrap .showcase-playlist .list_item+.list_item {
    margin-top:.66666667rem
  }
  #product .showcase .showcase_wrap .showcase-playlist .list_item:hover {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
  }
  #product .showcase .showcase_wrap .showcase-playlist .list_item:hover .list_content {
    background-color:rgba(251,110,89,0.08);
    color:#fb6e59
  }
  #product .showcase .showcase-phone-wrap {
    margin-left:0;
    margin-top:.48rem;
    width:3.13333333rem;
    height:6.6rem
  }
  #product .showcase .showcase-phone-wrap .showcase-phone {
    padding-top:.04rem;
    border-radius:.4rem
  }
  #product .showcase .showcase-phone-wrap .phone_bg {
    width:3.06666667rem;
    height:3.06666667rem;
    background-color:#fdefee;
    -webkit-box-shadow:0 0 .4rem .22666667rem #fff0ef;
    box-shadow:0 0 .4rem .22666667rem #fff0ef
  }
  #product .showcase .showcase-phone-wrap .phone_bg .round1 {
    width:3.94666667rem;
    height:3.94666667rem;
    border:1px solid #FFD3CF
  }
  #product .showcase .showcase-phone-wrap .phone_bg .round2 {
    width:5rem;
    height:5rem;
    border:1px solid rgba(255,223,221,0.7)
  }
  #product .showcase .showcase-phone-wrap .phone_bg .round3 {
    width:6.57333333rem;
    height:6.57333333rem;
    border:1px solid rgba(255,234,233,0.5)
  }
  #product .showcase .showcase-phone-wrap .phone_bg .round4 {
    width:7.89333333rem;
    height:7.89333333rem;
    border:1px solid rgba(253,239,238,0.35)
  }
  #product .showcase .showcase-phone-wrap .showcase-phone-video,
  #product .showcase .showcase-phone-wrap .showcase-phone-image {
    top:.46666667rem;
    left:.26666667rem;
    width:2.66666667rem;
    height:5.73333333rem
  }
  #product .product-video-wrapper .showcase-title {
    padding:1.33333333rem 0 .53333333rem
  }
  #product .product-video-wrapper .showcase_video_swiper {
    height:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_controller {
    margin-top:1.12rem;
    width:100%
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_control_item {
    height:auto;
    padding:.53333333rem .45333333rem .53333333rem .66666667rem;
    -webkit-tap-highlight-color:transparent
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_control_item+.swiper_control_item {
    margin-top:0
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_control_item:hover {
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_control_item.active {
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_control_item.active .control_item_title .text_content {
    color:#fb6e59
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_control_item.active .control_item_title .default_icon {
    display:none
  }
  #product .product-video-wrapper .showcase_video_swiper .swiper_control_item.active .control_item_title .active_icon {
    display:block
  }
  #product .product-video-wrapper .showcase_video_swiper .control_item_title .icon {
    margin-right:.21333333rem;
    width:.32rem;
    height:.32rem
  }
  #product .product-video-wrapper .showcase_video_swiper .control_item_title .text_content {
    font-size:.4rem
  }
  #product .product-video-wrapper .showcase_video_swiper .control_item_title .default_icon {
    display:none
  }
  #product .product-video-wrapper .showcase_video_swiper .control_item_title .active_icon {
    display:block
  }
  #product .product-video-wrapper .showcase_video_swiper .control_item_text {
    padding-left:.50666667rem;
    margin-top:.10666667rem;
    font-size:.32rem;
    line-height:.44rem;
    color:#61676d
  }
  #product .product-video-wrapper .showcase_video_swiper .video_img_wrap {
    width:8.26666667rem;
    height:5.46666667rem
  }
  #product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-slide {
    width:100%;
    height:100%
  }
  #product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-slide .swiper_content {
    width:100%;
    height:100%
  }
  #product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-pagination {
    display:block;
    position:absolute;
    bottom:-0.66666667rem;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:2
  }
  #product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-pagination .swiper-pagination-bullet {
    width:.10666667rem;
    height:.10666667rem;
    background:#fd6f58;
    border-radius:.05333333rem;
    opacity:.2;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
  }
  #product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity:1;
    width:.37333333rem
  }
  #product .product-video-wrapper .showcase_video_swiper .video_img_wrap .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left:.10666667rem
  }
  #product .interaction_wrapper {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 .53333333rem
  }
  #product .interaction_wrapper .showcase-title {
    padding:1.33333333rem 0 1.01333333rem
  }
  #product .interaction_wrapper .interaction_content {
    width:5.8rem;
    height:5.8rem
  }
  #product .interaction_wrapper .interaction_content .content_center {
    font-size:.26666667rem
  }
  #product .interaction_wrapper .interaction_content .big_round_item {
    -webkit-transform:translateY(2.90666667rem);
    -ms-transform:translateY(2.90666667rem);
    transform:translateY(2.90666667rem)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(1) {
    -webkit-transform:rotateZ(0deg) translateY(2.90666667rem);
    -ms-transform:rotate(0deg) translateY(2.90666667rem);
    transform:rotateZ(0deg) translateY(2.90666667rem)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(2) {
    -webkit-transform:rotateZ(60deg) translateY(2.90666667rem);
    -ms-transform:rotate(60deg) translateY(2.90666667rem);
    transform:rotateZ(60deg) translateY(2.90666667rem)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(3) {
    -webkit-transform:rotateZ(120deg) translateY(2.90666667rem);
    -ms-transform:rotate(120deg) translateY(2.90666667rem);
    transform:rotateZ(120deg) translateY(2.90666667rem)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(4) {
    -webkit-transform:rotateZ(180deg) translateY(2.90666667rem);
    -ms-transform:rotate(180deg) translateY(2.90666667rem);
    transform:rotateZ(180deg) translateY(2.90666667rem)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(5) {
    -webkit-transform:rotateZ(240deg) translateY(2.90666667rem);
    -ms-transform:rotate(240deg) translateY(2.90666667rem);
    transform:rotateZ(240deg) translateY(2.90666667rem)
  }
  #product .interaction_wrapper .interaction_content .big_round_item:nth-of-type(6) {
    -webkit-transform:rotateZ(300deg) translateY(2.90666667rem);
    -ms-transform:rotate(300deg) translateY(2.90666667rem);
    transform:rotateZ(300deg) translateY(2.90666667rem)
  }
  #product .interaction_wrapper .interaction_content .item_content .item_img {
    width:.97333333rem;
    height:.97333333rem
  }
  #product .interaction_wrapper .interaction_content .item_content .item_text {
    top:.93333333rem;
    font-size:.21333333rem
  }
  #product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(1) {
    -webkit-transform:rotateZ(0deg) translateY(1.34666667rem);
    -ms-transform:rotate(0deg) translateY(1.34666667rem);
    transform:rotateZ(0deg) translateY(1.34666667rem)
  }
  #product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(2) {
    -webkit-transform:rotateZ(120deg) translateY(1.34666667rem);
    -ms-transform:rotate(120deg) translateY(1.34666667rem);
    transform:rotateZ(120deg) translateY(1.34666667rem)
  }
  #product .interaction_wrapper .interaction_content .small_round_item:nth-of-type(3) {
    -webkit-transform:rotateZ(240deg) translateY(1.34666667rem);
    -ms-transform:rotate(240deg) translateY(1.34666667rem);
    transform:rotateZ(240deg) translateY(1.34666667rem)
  }
  #product .interaction_wrapper .interaction_content .small_round_item {
    -webkit-transform:translateY(1.34666667rem);
    -ms-transform:translateY(1.34666667rem);
    transform:translateY(1.34666667rem)
  }
  #product .interaction_wrapper .interaction_content .left_img {
    left:-1.13333333rem
  }
  #product .interaction_wrapper .interaction_content .right_img {
    right:-1.13333333rem
  }
  #product .plan_wrapper {
    width:100%
  }
  #product .plan_wrapper .showcase-title {
    padding:2.13333333rem 0 .53333333rem
  }
  #product .plan_wrapper .plan_list_wrap {
    width:100%;
    height:auto
  }
  #product .plan_wrapper .plan_list_wrap .plan_list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #product .plan_wrapper .plan_list_wrap .plan_item {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-tap-highlight-color:transparent
  }
  #product .plan_wrapper .plan_list_wrap .plan_item:first-child .plan_content_wrap {
    border-top:.02666667rem solid #edeef1
  }
  #product .plan_wrapper .plan_list_wrap .plan_item .plan_content_wrap {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#ffffff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:.44rem .53333333rem;
    border-bottom:.02666667rem solid #edeef1
  }
  #product .plan_wrapper .plan_list_wrap .plan_item .plan_content_wrap::after {
    display:none
  }
  #product .plan_wrapper .plan_list_wrap .plan_item .plan_content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #product .plan_wrapper .plan_list_wrap .plan_item .plan_content .icon_wrap {
    width:.58666667rem;
    height:.58666667rem
  }
  #product .plan_wrapper .plan_list_wrap .plan_item .arrow_icon {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:.26666667rem;
    color:#b9bdc6;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
  }
  #product .plan_wrapper .plan_list_wrap .plan_item .icon {
    width:.58666667rem;
    height:.58666667rem;
    overflow:hidden;
    font-size:.58666667rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #product .plan_wrapper .plan_list_wrap .plan_item .plan_text {
    margin-top:0;
    margin-left:.53333333rem;
    font-size:.37333333rem;
    color:#747d8e
  }
  #product .plan_wrapper .plan_list_wrap .plan_item+.plan_item {
    margin-left:0
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.active .arrow_icon {
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    color:#fb6e59
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.active .icon {
    color:#fb6e59
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.active .plan_text {
    color:#fb6e59
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.active .plan_item_list {
    display:block;
    height:auto
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.active .plan_content_wrap::after {
    display:none
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.panorama.active .plan_item_list {
    height:13.41333333rem
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.video .icon {
    font-size:.50666667rem
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.video.active .plan_item_list {
    height:18.62666667rem
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.picture .icon {
    font-size:.45333333rem
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.picture.active .plan_item_list {
    height:13.53333333rem
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.market.active .plan_item_list {
    height:13.53333333rem
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.brand.active .plan_item_list {
    height:18.62666667rem
  }
  #product .plan_wrapper .plan_list_wrap .plan_item.statistics.active .plan_item_list {
    height:10.98666667rem
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list {
    position:relative;
    left:0;
    top:0;
    width:100%;
    height:0;
    display:block;
    overflow:hidden;
    -webkit-transition:height .3s linear;
    -o-transition:height .3s linear;
    transition:height .3s linear;
    -webkit-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list .list_content {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:.8rem .53333333rem;
    grid-row-gap:0
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list .list_content::before {
    display:none
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list .list_item {
    margin-left:0;
    margin-top:0;
    width:100%;
    height:auto
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list .list_item .item_title {
    font-size:.34666667rem
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list .list_item .item_text {
    margin-top:.22666667rem;
    font-size:.26666667rem;
    min-height:1.04rem
  }
  #product .plan_wrapper .plan_list_wrap .plan_item_list .list_item+.list_item {
    margin-top:.8rem
  }
  #product .service_wrapper .showcase-title {
    padding:1.33333333rem 0 .53333333rem
  }
  #product .service_wrapper .service_list {
    width:100%;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    justify-items:center;
    grid-row-gap:1.50666667rem;
    padding:0 .66666667rem 1.50666667rem
  }
  #product .service_wrapper .service_list .service_item+.service_item {
    margin-left:0
  }
  #product .service_wrapper .service_list .service_icon {
    width:1.28rem;
    height:1.28rem
  }
  #product .service_wrapper .service_list .service_text {
    top:1.4rem;
    font-size:.32rem
  }
}
@media (min-width:750px) {
  #recruit {
    width:100%
  }
  #recruit .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #recruit .img_bg.pc {
    display:block
  }
  #recruit .img_bg.mob {
    display:none
  }
  #recruit .case-head {
    width:100%;
    height:400px;
    position:relative;
    z-index:1
  }
  #recruit .case-head .banner_bg {
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    -webkit-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
  }
  #recruit .case-head .banner_texts {
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    z-index:2
  }
  #recruit .case-head span {
    width:100%;
    display:block;
    text-align:center;
    font-size:36px;
    line-height:48px;
    color:#ffffff
  }
  #recruit .case-head span:nth-of-type(1) {
    font-weight:500;
    font-size:54px;
    line-height:75px
  }
  #recruit .case-head span:nth-of-type(2) {
    font-size:20px;
    line-height:28px;
    padding-top:27px
  }
  #recruit .recruit_content {
    width:100%;
    background:rgba(169,173,215,0.06)
  }
  #recruit .recruit_intro {
    width:1180px;
    height:140px;
    margin:0 auto
  }
  #recruit .recruit_intro .recruit_intro_box {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  #recruit .recruit_intro .recruit_intro_box li {
    padding-top:29px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #recruit .recruit_intro .recruit_intro_box li img {
    width:35px;
    height:35px
  }
  #recruit .recruit_intro .recruit_intro_box .icon {
    width:38px;
    height:38px;
    margin:0 auto
  }
  #recruit .recruit_intro .recruit_intro_box span {
    margin-top:16px;
    font-size:18px;
    line-height:25px;
    color:#5d6574
  }
  #recruit .recruit-container {
    width:100%;
    padding:95px 0 128px;
    background-color:#ffffff
  }
  #recruit .recruit-container .recruit-column {
    width:1180px;
    margin:0 auto;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #recruit .recruit-container .recruit-column .recruit_img {
    width:450px;
    height:300px
  }
  #recruit .recruit-container .recruit-column .recruit_img img {
    width:450px;
    height:300px
  }
  #recruit .recruit-container .recruit-column .pc_show {
    display:block
  }
  #recruit .recruit-container .recruit-column .web_hidden {
    display:none
  }
  #recruit .recruit-container .recruit-column .recruit_present {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap;
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  #recruit .recruit-container .recruit-column .recruit_present h3 {
    font-size:28px;
    line-height:37px;
    color:#2b313c
  }
  #recruit .recruit-container .recruit-column .recruit_present p {
    width:533px;
    font-size:16px;
    font-weight:normal;
    font-stretch:normal;
    line-height:24px;
    color:#5d6574;
    margin-top:21px
  }
  #recruit .recruit-container .recruit-column .recruit_present .p2 {
    margin-top:11px
  }
  #recruit .recruit-container .recruit-column .recruit_present button {
    background-color:#ffffff;
    margin-top:21px;
    padding:10px 20px;
    border-radius:2px;
    border:solid 1px #ec6e5a;
    font-size:14px;
    display:block;
    line-height:20px;
    max-width:145px;
    color:#ec6e5a;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    cursor:pointer
  }
  #recruit .recruit-container .recruit-column .recruit_present button:hover {
    background-color:#ec6e5a;
    color:#fff
  }
  #recruit .recruit-container .recruit-column:nth-of-type(1) {
    padding:0 76px 0 56px;
    margin-bottom:190px
  }
  #recruit .recruit-container .recruit-column:nth-of-type(1) .recruit_present {
    margin-top:57px
  }
  #recruit .recruit-container .recruit-column:nth-of-type(2) {
    padding:0 84px 0 67px;
    margin-bottom:184px
  }
  #recruit .recruit-container .recruit-column:nth-of-type(2) .recruit_present {
    margin-top:37px
  }
  #recruit .recruit-container .recruit-column:nth-of-type(3) {
    padding:0 76px 0 30px
  }
  #recruit .recruit-container .recruit-column:nth-of-type(3) .recruit_present {
    margin-top:20px
  }
  #recruit .recruit_process {
    position:relative;
    z-index:1;
    width:100%;
    height:562px
  }
  #recruit .recruit_process h4 {
    font-size:40px;
    line-height:56px;
    color:#fff;
    text-align:center;
    padding:87px 0 67px;
    position:relative;
    z-index:1
  }
  #recruit .recruit_process .process_box {
    width:1180px;
    margin:0 auto;
    position:relative;
    z-index:1
  }
  #recruit .recruit_process .process_box ul {
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 160px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  #recruit .recruit_process .process_box ul .process_item {
    width:140px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap
  }
  #recruit .recruit_process .process_box ul .process_item img {
    width:45px;
    height:60px;
    margin:0 auto
  }
  #recruit .recruit_process .process_box ul .process_item .icon {
    margin:0 auto;
    margin-top:20px;
    width:86px;
    height:86px
  }
  #recruit .recruit_process .process_box ul .process_item span {
    margin-top:30px;
    font-size:20px;
    line-height:28px;
    color:#fff;
    text-align:center;
    display:block
  }
  #recruit .recruit_process .process_box ul .sym {
    font-size:21px;
    line-height:190px
  }
  #recruit .recruit_process .process_box ul .sym .iconfont {
    font-size:21px;
    line-height:190px;
    color:#fff;
    fill:rgba(68,72,108,0.3)
  }
  #recruit .recruit_process .process_box .process_item:nth-of-type(5) .icon {
    margin-top:3px
  }
  #recruit .recruit_process .process_box .process_item:nth-of-type(7) .icon {
    padding-top:3px
  }
}
.recruit-dialog {
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
  position:fixed;
  left:0;
  top:0;
  z-index:1000;
  display:none
}
.recruit-dialog .recruit-dialog-container {
  z-index:1001;
  width:660px;
  height:530px;
  background-color:#fff;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)
}
.recruit-dialog .recruit-dialog-header {
  height:62px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  border-bottom:1px solid #ecedf0;
  padding:0 30px
}
.recruit-dialog .recruit-dialog-header span {
  font-size:18px;
  font-weight:normal;
  font-stretch:normal;
  line-height:30px;
  letter-spacing:0px;
  color:#5d6574
}
.recruit-dialog .recruit-dialog-header i {
  font-size:16px;
  color:#9098a8;
  cursor:pointer
}
.recruit-dialog .recruit-dialog-header i:hover {
  color:#5d6574
}
.recruit-dialog .recruit-dialog-body {
  padding:35px 0 0 0
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-row {
  margin:0 auto;
  padding:15px 0;
  width:420px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:relative
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-row label {
  width:100px;
  font-size:14px;
  font-weight:normal;
  font-stretch:normal;
  line-height:24px;
  letter-spacing:0px;
  color:#5d6574
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-row label span {
  font-size:20px;
  font-weight:normal;
  font-stretch:normal;
  letter-spacing:0px;
  color:#f35850;
  vertical-align:bottom;
  padding-left:3px
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-row>span {
  position:absolute;
  left:0;
  bottom:-8px;
  margin-left:118px;
  font-size:14px;
  color:#f35850;
  display:none
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-row input {
  width:100%;
  height:40px;
  display:block;
  border:1px solid #d8dbe0;
  padding-top:0;
  line-height:40px;
  color:#2b313c;
  opacity:.8;
  padding-left:25px
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-row:nth-of-type(1) .recruit-dialog-job {
  width:100%;
  padding-bottom:0;
  text-align:left
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-row:nth-of-type(1) .recruit-dialog-job .job-select {
  width:100%;
  padding-left:25px;
  height:40px;
  line-height:40px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  font-size:14px;
  background-color:#fff;
  border:1px solid #d8dbe0
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-row:nth-of-type(1) .recruit-dialog-job .job-select:focus {
  border-color:#d8dbe0;
  outline:0
}
.recruit-dialog .recruit-dialog-body .three label {
  line-height:40px;
  white-space:nowrap
}
.recruit-dialog .recruit-dialog-body .three label span {
  vertical-align:-17%
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-city {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-city .city-select {
  cursor:pointer;
  width:147px;
  padding:0 4px;
  height:40px;
  line-height:40px;
  font-size:14px;
  color:#2b313c;
  background-color:#fff;
  border:solid 1px #d8dbe0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-city .city-select+.city-select {
  margin-left:25px
}
.recruit-dialog .recruit-dialog-body .recruit-dialog-city .city-select:focus {
  border-color:#d8dbe0;
  outline:0
}
.recruit-dialog .recruit-dialog-footer {
  text-align:center;
  margin-top:25px
}
.recruit-dialog .recruit-dialog-footer button {
  width:160px;
  height:44px;
  background-color:#44486c;
  border-radius:2px;
  border:none;
  font-size:14px;
  font-weight:normal;
  font-stretch:normal;
  letter-spacing:0px;
  color:#ffffff;
  cursor:pointer
}
.recruit-dialog .recruit-dialog-footer button:hover {
  background-color:#24284b
}
.recruit-dialog .recruit-dialog-footer .agreement {
  margin-top:16px;
  font-size:14px;
  line-height:22px;
  color:#9098a8;
  text-align:center
}
.recruit-dialog .recruit-dialog-footer .agreement .showAgree {
  cursor:pointer;
  color:#5d6574
}
.recruit-dialog .recruit-dialog-footer .agreement .showAgree:hover {
  color:#2c7dfa
}
.pane {
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-50px;
  margin-top:-85px;
  background-color:rgba(0,0,0,0.3);
  font-size:20px;
  line-height:80px;
  padding:20px;
  z-index:3000;
  border-radius:4px;
  color:#fff;
  display:none
}
.agreePanes {
  width:100%;
  height:100%;
  background-color:transparent;
  position:fixed;
  left:0;
  top:0;
  z-index:1010;
  display:none
}
#TermsOfService {
  position:absolute;
  background-color:#ffffff;
  top:50%;
  left:50%;
  width:70vw;
  max-width:1012px;
  -webkit-box-shadow:0 2px 10px 1px rgba(44,125,250,0.1);
  box-shadow:0 2px 10px 1px rgba(44,125,250,0.1);
  border-radius:2px;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)
}
/*#TermsOfService .header {
  padding:20px;
  overflow:hidden;
  height:70px;
  background-color:transparent
}
#TermsOfService .header span {
  font-size:16px;
  color:#1f2d3d;
  font-weight:700;
  line-height:1
}
#TermsOfService .header i {
  float:right;
  color:#000000;
  font-weight:bold;
  cursor:pointer
}
*/#TermsOfService .body {
  padding:20px 50px 0;
  height:calc(75vh - 160px);
  overflow-x:hidden;
  overflow-y:auto;
  color:#48576a;
  font-size:14px;
  margin:1px
}
#TermsOfService .body .container {
  width:100%;
  height:100%;
  line-height:24px;
  font-size:14px
}
#TermsOfService .body .container h5 {
  font-weight:600;
  font-size:16px;
  line-height:22px;
  -webkit-columns:#333;
  -moz-columns:#333;
  columns:#333;
  margin-bottom:20px
}
#TermsOfService .body .container em {
  font-style:normal
}
#TermsOfService .body .container u {
  text-decoration:none
}
#TermsOfService .body .container p {
  text-indent:20px
}
#TermsOfService .body .container strong {
  color:#333
}

#TermsOfService .footer .closeDialog {
  color:#ffffff;
  background-color:#44486c;
  border-radius:2px;
  padding:10px 15px;
  line-height:1;
  cursor:pointer;
  border:none
}
#TermsOfService .footer .closeDialog:hover {
  background-color:#24284b
}
@media screen and (min-width:760px) and (max-width:1280px) {
  #recruit .recruit_intro {
    width:960px
  }
  #recruit .recruit-container {
    width:100%;
    padding:93px 0 136px;
    background-color:#ffffff
  }
  #recruit .recruit-container .recruit-column {
    padding:0 !important;
    width:960px
  }
  #recruit .recruit-container .recruit-column .recruit_img {
    width:402px;
    height:268px
  }
  #recruit .recruit-container .recruit-column .recruit_img img {
    width:402px;
    height:268px
  }
  #recruit .recruit-container .recruit-column .recruit_present p {
    width:482px
  }
  #recruit .recruit-container .recruit-column:nth-of-type(1) {
    margin-bottom:141px
  }
  #recruit .recruit-container .recruit-column:nth-of-type(1) .recruit_present {
    margin-top:39px
  }
  #recruit .recruit-container .recruit-column:nth-of-type(2) {
    margin-bottom:159px
  }
  #recruit .recruit-container .recruit-column:nth-of-type(2) .recruit_present {
    margin-top:29px
  }
  #recruit .recruit-container .recruit-column:nth-of-type(3) .recruit_present {
    margin-top:15px
  }
  #recruit .recruit_process .process_box {
    width:960px
  }
  #recruit .recruit_process .process_box ul {
    padding:0 50px
  }
}
@media (max-width:750px) {
  #recruit {
    width:10rem;
    overflow-x:hidden
  }
  #recruit .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #recruit .img_bg.pc {
    display:none
  }
  #recruit .img_bg.mob {
    display:block
  }
  #recruit .case-head {
    width:100%;
    height:3.97333333rem;
    position:relative;
    z-index:1
  }
  #recruit .case-head .banner_bg {
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    -webkit-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
  }
  #recruit .case-head .banner_texts {
    position:relative;
    z-index:2
  }
  #recruit .case-head span {
    width:100%;
    display:block;
    text-align:center;
    font-size:.37333333rem;
    line-height:.49333333rem;
    color:#ffffff
  }
  #recruit .case-head span:nth-of-type(1) {
    padding-top:1.74666667rem;
    font-weight:600
  }
  #recruit .case-head span:nth-of-type(2) {
    font-size:.26666667rem;
    line-height:.36rem;
    padding-top:.29333333rem
  }
  #recruit .recruit_content {
    width:100%;
    background:rgba(169,173,215,0.06)
  }
  #recruit .recruit_intro {
    width:100%;
    height:4.73333333rem
  }
  #recruit .recruit_intro .recruit_intro_box {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    padding:.53333333rem 0 .65333333rem
  }
  #recruit .recruit_intro .recruit_intro_box li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:calc(100% / 4);
    -ms-flex:calc(100% / 4);
    flex:calc(100% / 4);
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:.97333333rem
  }
  #recruit .recruit_intro .recruit_intro_box li img {
    width:.56rem;
    height:.56rem
  }
  #recruit .recruit_intro .recruit_intro_box li:nth-child(4n + 4) {
    margin-bottom:0
  }
  #recruit .recruit_intro .recruit_intro_box .icon {
    width:.61333333rem;
    height:.66666667rem;
    margin:0 auto
  }
  #recruit .recruit_intro .recruit_intro_box span {
    padding-left:.08rem;
    font-size:.29333333rem;
    line-height:.4rem;
    color:#5d6574;
    width:1.33333333rem;
    display:block;
    margin:.24rem auto 0;
    white-space:nowrap
  }
  #recruit .recruit-container {
    width:100%;
    padding:1.42666667rem 0 1.49333333rem;
    background-color:#ffffff
  }
  #recruit .recruit-container .recruit-column {
    width:100%;
    margin:0 auto 1.88rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #recruit .recruit-container .recruit-column .recruit_img {
    width:6rem;
    height:4rem;
    margin:.48rem auto 0
  }
  #recruit .recruit-container .recruit-column .recruit_img img {
    width:6rem;
    height:4rem
  }
  #recruit .recruit-container .recruit-column .pc_show {
    display:none
  }
  #recruit .recruit-container .recruit-column .web_hidden {
    display:block
  }
  #recruit .recruit-container .recruit-column .recruit_present {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 1.10666667rem
  }
  #recruit .recruit-container .recruit-column .recruit_present h3 {
    font-size:.48rem;
    line-height:.64rem;
    color:#2b313c;
    text-align:center;
    font-weight:600
  }
  #recruit .recruit-container .recruit-column .recruit_present p {
    width:7.85333333rem;
    display:block;
    font-size:.29333333rem;
    line-height:.50666667rem;
    color:#5d6574;
    margin-top:.46666667rem;
    opacity:.9
  }
  #recruit .recruit-container .recruit-column .recruit_present .p2 {
    margin-top:.22666667rem
  }
  #recruit .recruit-container .recruit-column .recruit_present button {
    background-color:#ffffff;
    margin:.58666667rem auto 0;
    width:4.13333333rem;
    height:1.12rem;
    border-radius:2px;
    border:solid 1px #ec6e5a;
    font-size:.34666667rem;
    line-height:1.12rem;
    color:#ec6e5a;
    cursor:pointer
  }
  #recruit .recruit-container .recruit-column .recruit_present button:hover {
    background-color:#ec6e5a;
    color:#fff
  }
  #recruit .recruit-container .recruit-column:nth-of-type(3) {
    margin-bottom:0
  }
  #recruit .recruit_process {
    width:100%;
    height:6.08rem;
    position:relative;
    z-index:1
  }
  #recruit .recruit_process h4 {
    font-size:.45333333rem;
    line-height:.61333333rem;
    color:#2b313c;
    text-align:center;
    font-weight:600;
    padding:.82666667rem 0 .64rem;
    position:relative;
    z-index:1
  }
  #recruit .recruit_process .process_box {
    width:100%;
    margin:0 auto;
    position:relative;
    z-index:1
  }
  #recruit .recruit_process .process_box ul {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    padding:0 4px
  }
  #recruit .recruit_process .process_box ul .process_item {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap
  }
  #recruit .recruit_process .process_box ul .process_item img {
    width:.62666667rem;
    height:.69333333rem;
    margin:0 auto .25333333rem
  }
  #recruit .recruit_process .process_box ul .process_item .icon {
    margin:0 auto;
    width:1.28rem;
    height:1.28rem
  }
  #recruit .recruit_process .process_box ul .process_item span {
    margin-top:.38666667rem;
    font-size:.26666667rem;
    line-height:.36rem;
    color:#2b313c;
    text-align:center
  }
  #recruit .recruit_process .process_box ul .sym {
    width:.26666667rem
  }
  #recruit .recruit_process .process_box ul .sym .iconfont {
    font-size:.28rem;
    line-height:2.96rem;
    opacity:.3;
    fill:#44486c
  }
  #recruit .recruit-dialog {
    display:none
  }
  #recruit .recruit-dialog .recruit-dialog-container {
    width:8.54666667rem;
    height:auto;
    padding-bottom:.4rem
  }
  #recruit .recruit-dialog .recruit-dialog-header {
    height:1.09333333rem;
    padding:0 .4rem
  }
  #recruit .recruit-dialog .recruit-dialog-header span {
    font-size:.4rem;
    line-height:.56rem
  }
  #recruit .recruit-dialog .recruit-dialog-header i {
    font-size:.32rem
  }
  #recruit .recruit-dialog .recruit-dialog-body {
    padding:.58666667rem 0 0 0
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-row {
    margin:0 auto;
    padding:0px 0;
    width:6.66666667rem
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-row label {
    width:2.13333333rem;
    font-size:.34666667rem;
    line-height:.56rem
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-row label span {
    font-size:.32rem;
    padding-left:.10666667rem
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-row .error {
    display:none !important
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-row input {
    width:4.53333333rem;
    height:.93333333rem;
    border-bottom:1px solid #ebedef;
    font-size:.4rem;
    line-height:.93333333rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-left:.48rem
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-row:nth-of-type(1) {
    margin-bottom:.62666667rem
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-row:nth-of-type(1) label {
    font-size:.34666667rem;
    line-height:.93333333rem
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-row:nth-of-type(1) .recruit-dialog-job {
    width:4.53333333rem;
    height:.8rem;
    padding-bottom:0;
    vertical-align:top
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-row:nth-of-type(1) .recruit-dialog-job .job-select {
    width:4.53333333rem;
    padding-left:.48rem;
    height:.93333333rem;
    line-height:.8rem;
    font-size:.32rem;
    border:1px solid #d8dbe0
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-row:nth-of-type(2) {
    margin-bottom:.50666667rem
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-row:nth-of-type(3) {
    margin-bottom:.77333333rem
  }
  #recruit .recruit-dialog .recruit-dialog-body .three label {
    line-height:.49333333rem;
    white-space:nowrap
  }
  #recruit .recruit-dialog .recruit-dialog-body .three label span {
    vertical-align:-17%
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-city {
    width:4.53333333rem;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-city .city-select {
    margin:0;
    width:4.53333333rem;
    padding:0 .21333333rem 0 .48rem;
    height:.93333333rem;
    line-height:.8rem;
    font-size:.32rem
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-city .city-select+.city-select {
    margin-left:0;
    margin-top:.2rem
  }
  #recruit .recruit-dialog .recruit-dialog-body .recruit-dialog-city .city-select:nth-of-type(3) {
    margin-bottom:0
  }
  #recruit .recruit-dialog .recruit-dialog-footer {
    text-align:center;
    margin-top:.86666667rem
  }
  #recruit .recruit-dialog .recruit-dialog-footer button {
    width:4.13333333rem;
    height:1.12rem;
    font-size:.34666667rem;
    line-height:1.12rem
  }
  #recruit .recruit-dialog .recruit-dialog-footer .agreement {
    margin-top:16px;
    font-size:.18666667rem;
    line-height:.29333333rem
  }
  #recruit .pane {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-63px;
    margin-top:-60px;
    background-color:rgba(0,0,0,0.3);
    font-size:.4rem;
    line-height:.53333333rem;
    padding:1rem .4rem .4rem;
    width:4rem;
    height:2.66666667rem;
    white-space:wrap;
    text-align:center;
    word-break:break-all;
    z-index:3000;
    border-radius:4px;
    color:#fff;
    display:none
  }
  #recruit #TermsOfService {
    width:88vw;
    max-width:9.86666667rem;
    z-index:1010
  }
 /* #recruit #TermsOfService .header {
    padding:.26666667rem;
    height:.93333333rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  #recruit #TermsOfService .header span {
    float:left;
    font-size:.21333333rem
  }
  #recruit #TermsOfService .header i {
    font-size:.26666667rem
  }*/
  #recruit #TermsOfService .body {
    padding:.26666667rem .66666667rem 0;
    height:58vh;
    overflow-x:hidden;
    overflow-y:auto;
    color:#48576a;
    font-size:.18666667rem
  }
  #recruit #TermsOfService .body .container {
    line-height:.32rem;
    font-size:.18666667rem
  }
  #recruit #TermsOfService .body .container h5 {
    font-size:.21333333rem;
    line-height:.29333333rem;
    margin-bottom:.26666667rem
  }
  #recruit #TermsOfService .body .container p {
    text-indent:.26666667rem
  }
  #recruit #TermsOfService .footer {
    padding:.13333333rem .73333333rem .2rem;
    text-align:right;
    margin:1px
  }
  #recruit #TermsOfService .footer .closeDialog {
    color:#ffffff;
    background-color:#2c7dfa;
    border-radius:2px;
    padding:.13333333rem .2rem;
    line-height:1;
    cursor:pointer;
    border:none
  }
}
#help {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:39px 0 35px 0;
  padding-top:90px;
  min-height:1444px
}
#help a {
  color:#3393ff;
  text-decoration:underline
}
#help .left {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:350px;
  border-right:1px solid #e9ecf2;
  padding:0 50px
}
#help .left .listType {
  display:none
}
#help .left .searchBox {
  position:relative
}
#help .left .searchBox .search {
  width:250px;
  height:41px;
  border-radius:2px;
  border:solid 1px #b8bcc4;
  opacity:.42;
  padding-left:44px
}
#help .left .searchBox .icon1 {
  position:absolute;
  top:50%;
  left:12px;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  width:16px;
  height:16px
}
#help .left .nav {
  margin-top:34px
}
#help .left .nav .nav_li {
  color:#5d6574;
  font-size:16px
}
#help .left .nav .nav_li span {
  padding-left:15px;
  height:37px;
  width:100%;
  line-height:37px;
  display:block;
  cursor:pointer;
  position:relative
}
#help .left .nav .nav_li span i {
  position:absolute;
  top:50%;
  left:0px;
  margin-top:-3px;
  border:6px solid #fff;
  border-left:6px solid #b8bcc4;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
  -webkit-transition:all .6s;
  -o-transition:all .6s;
  transition:all .6s
}
#help .left .nav .nav_li .navPart a {
  height:37px;
  width:100%;
  padding-left:67px;
  display:block;
  color:#5d6574;
  cursor:pointer
}
#help .left .nav .nav_li .navPart a:hover {
  background-color:#f4f7fa
}
#help .left .nav .nav_li .navPart a:nth-child(1) {
  margin-top:8px
}
#help .left .nav .nav_li .navPart li {
  height:37px;
  display:inline-block;
  line-height:37px;
  white-space:nowrap;
  overflow:hidden;
  width:100%;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis
}
#help .left .nav .nav_li .navPart li.current {
  color:#fa7f64
}
#help .right {
  width:calc(100% - 350px);
  padding:0 90px 0 50px
}
#help .right.markdown .content h1:first-child,
#help .right.markdown .content h2:first-child,
#help .right.markdown .content h3:first-child,
#help .right.markdown .content h4:first-child,
#help .right.markdown .content h5:first-child,
#help .right.markdown .content h6:first-child,
#help .right.markdown .content p:first-child {
  padding-top:0
}
#help .right.markdown .content img {
  max-width:100%
}
#help .right.markdown .content p {
  font-size:inherit;
  color:#5d6574;
  line-height:30px
}
#help .right.markdown .content p code {
  padding:2px 4px;
  font-size:90%;
  color:#c7254e;
  background-color:#f9f2f4;
  border-radius:4px
}
#help .right.markdown .content pre {
  padding:10px;
  margin-bottom:10px;
  background-color:#eeeeee;
  border:1px solid #ccc;
  color:#2b213c
}
#help .right.markdown .content pre code {
  padding:0;
  font-size:inherit;
  color:inherit;
  white-space:pre-wrap;
  background-color:transparent;
  border-radius:0;
  word-break:break-all
}
#help .right.markdown .content blockquote {
  padding:10px 20px;
  margin:0 0 20px;
  font-size:14px;
  border-left:5px solid #eee
}
#help .right.markdown .content blockquote p {
  line-height:26px
}
#help .right.markdown .content ol,
#help .right.markdown .content ul {
  color:#5d6574
}
#help .right.markdown .content ol li,
#help .right.markdown .content ul li {
  margin-left:30px;
  color:inherit
}
#help .right.markdown .content ol li::marker,
#help .right.markdown .content ul li::marker {
  font-family:'DIN Alternate'
}
#help .right.markdown .content ol {
  list-style-type:decimal
}
#help .right.markdown .content ul {
  list-style-type:disc
}
#help .right.markdown .content h1,
#help .right.markdown .content h2,
#help .right.markdown .content h3,
#help .right.markdown .content h4,
#help .right.markdown .content h5,
#help .right.markdown .content h6 {
  color:#2b213c;
  font-weight:bold;
  padding:20px 0
}
#help .right.markdown .content table th,
#help .right.markdown .content table td {
  border:1px solid #ddd;
  padding:5px;
  color:#5d6574
}
#help .right.markdown .content table tr th {
  color:#688a7e
}
#help .right.markdown .content table code {
  padding:2px 4px;
  font-size:90%;
  color:#c7254e;
  background-color:#f9f2f4;
  border-radius:4px
}
#help .right .content {
  padding-bottom:27px;
  border-bottom:1px solid #e9ecf2;
  font-size:14px
}
#help .right h1 {
  font-size:30px
}
#help .right h2 {
  font-size:26px;
  font-weight:bold;
  color:#2b313c
}
#help .right .hint {
  height:48px;
  line-height:48px;
  width:100%;
  background-color:#f4f7fa;
  font-size:16px;
  color:#9098a8;
  padding-left:12px;
  margin-top:52px
}
#help .right h3 {
  font-size:22px;
  font-weight:normal;
  letter-spacing:0px;
  color:#2b313c
}
#help .right h3 i {
  display:inline-block;
  -webkit-transform:translateY(3px);
  -ms-transform:translateY(3px);
  transform:translateY(3px);
  margin-right:10px;
  width:4px;
  height:20px;
  background-image:-webkit-gradient(linear, left bottom, left top, from(#fe9874), to(#f67373));
  background-image:-webkit-linear-gradient(bottom, #fe9874 0%, #f67373 100%);
  background-image:-o-linear-gradient(bottom, #fe9874 0%, #f67373 100%);
  background-image:linear-gradient(0deg, #fe9874 0%, #f67373 100%);
  border-radius:2px
}
#help .right h4 {
  margin:28px 0 25px 0;
  color:#2b313c;
  font-size:18px
}
#help .right .haveHelp {
  padding:100px 0 0 70px;
  color:#9098a8
}
#help .right .haveHelp span {
  margin-left:10px
}
#help .right .paging {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:30px 70px 0
}
#help .right .paging span {
  color:#9098a8
}
#help .right .question {
  height:100%
}
#help .right .question .emptyHint {
  text-align:center;
  padding-top:235px;
  font-size:16px;
  color:#5d6574
}
#help .right .question .emptyHint a {
  text-decoration:none
}
#help .right .question .questionItem {
  width:100%;
  border-bottom:1px solid #e9ecf2;
  padding-top:20px
}
#help .right .question .questionItem:nth-child(1) {
  padding-top:0
}
#help .right .question .questionItem .title {
  color:#2b313c;
  margin-bottom:20px;
  font-size:18px
}
#help .right .question .questionItem .intro {
  line-height:24px;
  color:#5d6574;
  margin-bottom:32px
}
@media screen and (min-width:751px) and (max-width:1280px) {
  #help .left {
    width:280px;
    padding:0 10px
  }
  #help .left .searchBox .search {
    width:100%
  }
  #help .left .nav .nav_li {
    font-size:14px
  }
  #help .left .nav .nav_li span {
    height:30px;
    line-height:30px
  }
  #help .left .nav .nav_li .navPart a {
    height:30px;
    line-height:30px;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
  }
  #help .left .nav .nav_li .navPart li {
    width:100%;
    height:30px;
    line-height:30px;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
  }
}
@media (max-width:750px) {
  #help {
    padding:0 0 1.17333333rem 0;
    margin-top:1.33333333rem;
    display:block;
    min-height:100%
  }
  #help .left {
    width:10rem;
    -webkit-box-shadow:0 .02666667rem .02666667rem #e9ecf2;
    box-shadow:0 .02666667rem .02666667rem #e9ecf2;
    background-color:rgba(255,255,255,0.9);
    padding:.29333333rem .53333333rem;
    position:relative
  }
  #help .left .searchBox {
    float:right
  }
  #help .left .searchBox .search {
    width:4.72rem;
    height:.77333333rem;
    border-radius:.02666667rem;
    border:.02666667rem solid rgba(184,188,196,0.3);
    padding-left:.74666667rem;
    color:#b8bcc4;
    opacity:1
  }
  #help .left .searchBox .icon1 {
    left:9px;
    top:63%;
    width:.34666667rem;
    height:.34666667rem;
    fill:#9098a8
  }
  #help .left .list {
    float:left
  }
  #help .left .list .listType {
    display:block;
    position:relative;
    padding-top:.05333333rem
  }
  #help .left .list .listType span {
    font-size:.37333333rem;
    line-height:.58666667rem;
    margin:0 .50666667rem 0 0
  }
  #help .left .list .listType i {
    position:absolute;
    top:53%;
    right:0px;
    margin-top:1px;
    border:6px solid #fff;
    border-left:6px solid #b8bcc4;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
  }
  #help .left .nav {
    position:absolute;
    top:1.33333333rem;
    left:0;
    width:100%;
    margin-top:0rem;
    padding:0 0 0 .53333333rem;
    background-color:#fff;
    z-index:100;
    display:none
  }
  #help .left .nav .nav_li {
    font-size:.32rem
  }
  #help .left .nav .nav_li span {
    padding:0 0 0 .58666667rem;
    height:.85333333rem;
    width:100%;
    line-height:.85333333rem;
    position:relative
  }
  #help .left .nav .nav_li span i {
    position:absolute;
    top:50%
  }
  #help .left .nav .nav_li .navPart a {
    height:.85333333rem;
    font-size:.32rem;
    padding:0 0 0 1.2rem;
    line-height:.85333333rem
  }
  #help .left .nav .nav_li .navPart a:nth-child(1) {
    margin-top:0
  }
  #help .left .nav .nav_li .navPart li {
    height:.85333333rem;
    display:inline-block;
    line-height:.85333333rem
  }
  #help .left .nav .nav_li .navPart li.current {
    color:#fa7f64
  }
  #help .right {
    width:100%;
    position:relative;
    padding:.8rem .53333333rem 0 .53333333rem
  }
  #help .right .content {
    padding-bottom:0
  }
  #help .right .mark {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.3);
    display:none
  }
  #help .right h2 {
    font-size:.4rem;
    line-height:.58666667rem
  }
  #help .right .changeContent {
    font-size:.37333333rem;
    line-height:.53333333rem
  }
  #help .right .changeContent img {
    width:100% !important
  }
  #help .right .MsoNormal span {
    width:8.93333333rem !important;
    height:.98666667rem !important;
    font-size:.37333333rem !important;
    line-height:1.8 !important;
    font-family:'PingFang SC',Helvetica,'Helvetica Neue',Tahoma,Arial,sans-serif !important;
    color:#5d6574 !important
  }
  #help .right .MsoNormal img {
    width:100% !important;
    height:unset !important
  }
  #help .right .hint {
    width:8.93333333rem;
    font-size:.32rem;
    height:.98666667rem;
    width:100%;
    background-color:#f4f7fa;
    padding-left:.26666667rem;
    margin-top:.66666667rem
  }
  #help .right h3 {
    font-size:20px;
    font-weight:normal;
    letter-spacing:0px;
    color:#2b313c
  }
  #help .right h3 i {
    display:inline-block;
    -webkit-transform:translateY(3px);
    -ms-transform:translateY(3px);
    transform:translateY(3px);
    margin-right:10px;
    width:4px;
    height:20px;
    background-image:-webkit-gradient(linear, left bottom, left top, from(#fe9874), to(#f67373));
    background-image:-webkit-linear-gradient(bottom, #fe9874 0%, #f67373 100%);
    background-image:-o-linear-gradient(bottom, #fe9874 0%, #f67373 100%);
    background-image:linear-gradient(0deg, #fe9874 0%, #f67373 100%);
    border-radius:2px
  }
  #help .right h4 {
    margin:28px 0 25px 0;
    color:#2b313c
  }
  #help .right .haveHelp {
    padding:100px 0 0 70px;
    color:#9098a8
  }
  #help .right .haveHelp span {
    margin-left:10px
  }
  #help .right .paging {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:.34666667rem 0 0 0;
    font-size:.21333333rem
  }
  #help .right .paging span {
    color:#9098a8
  }
  #help .right .paging span a {
    color:#9098a8 !important;
    text-decoration:none
  }
  #help .right .question {
    height:100%
  }
  #help .right .question .emptyHint {
    width:4.8rem;
    margin:0 auto;
    font-size:.32rem;
    font-weight:400;
    line-height:.48rem;
    padding:2.08rem 0 2.37333333rem 0
  }
  #help .right .question .questionItem {
    width:100%;
    border-bottom:1px solid #e9ecf2;
    padding-top:20px
  }
  #help .right .question .questionItem:nth-child(1) {
    padding-top:0
  }
  #help .right .question .questionItem .title {
    color:#2b313c;
    margin-bottom:20px;
    font-size:18px
  }
  #help .right .question .questionItem .intro {
    line-height:24px;
    color:#5d6574;
    margin-bottom:32px
  }
}
@media (min-width:750px) {
  #case {
    width:100%
  }
  #case .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #case .img_bg.pc {
    display:block
  }
  #case .img_bg.mob {
    display:none
  }
  #case .case-head {
    width:100%;
    height:400px;
    cursor:pointer;
    overflow:hidden;
    position:relative
  }
  #case .case-head .banner_bg {
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    -webkit-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
  }
  #case .case-head .banner_texts {
    position:absolute;
    top:144px;
    left:0%;
    z-index:5;
    width:100%;
    height:100%
  }
  #case .case-head span {
    width:100%;
    display:block;
    text-align:center;
    font-size:54px;
    line-height:75px;
    color:#ffffff
  }
  #case .case-head span:nth-of-type(1) {
    font-weight:500
  }
  #case .case-head span:nth-of-type(2) {
    font-size:20px;
    line-height:28px;
    margin-top:22px;
    width:100%
  }
  #case .container {
    width:1180px;
    margin:0 auto;
    padding:63px 0
  }
  #case .container .top {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:53px
  }
  #case .container .top .title {
    width:336px
  }
  #case .container .top .title h3 {
    font-size:26px;
    line-height:35px;
    font-weight:normal;
    color:#2b313c;
    margin-bottom:22px
  }
  #case .container .top .title .intro {
    font-size:14px;
    line-height:19px;
    color:#5d6574
  }
  #case .container .top .nav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-top:37px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #case .container .top .nav a {
    display:block;
    margin:0 26px 10px 0
  }
  #case .container .top .nav li {
    width:110px;
    height:40px;
    border-radius:25px;
    border:solid 1px #d8dbe0;
    font-size:14px;
    color:#5d6574;
    line-height:38px;
    text-align:center;
    cursor:pointer;
    position:relative
  }
  #case .container .top .nav li .yearIco {
    width:35px;
    position:absolute;
    top:-6px;
    right:10px;
    display:none
  }
  #case .container .top .nav li.current {
    border:solid 1px #fa9d5f;
    color:#fa9d5f
  }
  #case .container .top .nav li:hover {
    border:solid 1px #fa9d5f;
    color:#fa9d5f
  }
  #case .container .bottom {
    width:100%
  }
  #case .container .bottom .content {
    display:none
  }
  #case .container .bottom .content.current {
    display:block
  }
  #case .container .bottom .content .pages {
    width:100%;
    margin-top:55px
  }
  #case .container .bottom .content .pages .pagesNum {
    margin:0 auto;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:1180px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  #case .container .bottom .content .pages .pagesNum a {
    width:30px;
    height:30px;
    background-color:#f9fcfe;
    border-radius:4px;
    margin-right:8px;
    font-size:14px;
    line-height:27px;
    text-align:center;
    color:#494f55;
    cursor:pointer;
    border:solid 1px #f9fcfe
  }
  #case .container .bottom .content .pages .pagesNum a:hover {
    border:solid 1px #fa9d5f;
    color:#fa9d5f
  }
  #case .container .bottom .content .pages .pagesNum a i {
    margin-left:2px;
    font-size:12px
  }
  #case .container .bottom .content .pages .pagesNum a .active {
    display:inline-block;
    width:100%;
    height:100%;
    color:#fff;
    background-color:#fa9d5f
  }
  #case .container .bottom .content .pages .pagesNum .lefts i {
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
  }
  #case .container .bottom .content .pages .pagesNum .noClick {
    color:#c1c3c5
  }
  #case .container .bottom .content .pages .pagesNum .sym {
    color:#494f55
  }
  #case .container .bottom .content .pages .pagesNum .sym i {
    margin-left:1px
  }
}
@media screen and (min-width:760px) and (max-width:1280px) {
  #case .container {
    width:960px;
    padding:63px 0 80px
  }
  #case .container .top {
    margin-bottom:40px
  }
  #case .container .top .title h3 {
    margin-bottom:13px
  }
  #case .container .top .title .intro {
    width:215px;
    display:block;
    font-size:12px;
    line-height:22px
  }
  #case .container .top .nav {
    padding-top:39px
  }
  #case .container .top .nav li {
    width:99px;
    height:37px;
    font-size:12px;
    line-height:36px;
    cursor:pointer;
    position:relative
  }
  #case .container .bottom {
    width:960px;
    margin:0 auto
  }
  #case .container .bottom .content .pages .pagesNum {
    width:960px
  }
}
@media (max-width:750px) {
  #case {

    width:10rem
  }
  #case .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #case .img_bg.pc {
    display:none
  }
  #case .img_bg.mob {
    display:block
  }
  #case .case-head {
    width:100%;
    height:3.97333333rem;
    position:relative
  }
  #case .case-head .banner_bg {
    width:100%;
    height:3.97333333rem;
    position:absolute;
    left:0;
    top:0;
    z-index:0
  }
  #case .case-head .banner_texts {
    position:relative;
    z-index:2
  }
  #case .case-head span {
    position:absolute;
    left:0;
    top:1.74666667rem;
    z-index:5;
    width:100%;
    display:block;
    text-align:center;
    font-size:.37333333rem;
    line-height:.49333333rem;
    color:#ffffff
  }
  #case .case-head span:nth-of-type(1) {
    font-weight:600
  }
  #case .case-head span:nth-of-type(2) {
    font-size:.26666667rem;
    line-height:.36rem;
    position:absolute;
    left:0;
    top:2.53333333rem;
    z-index:5;
    width:100%
  }
  #case .container {
    width:100%;
    margin:0 auto
  }
  #case .container .top .title {
    padding-top:.56rem;
    margin-bottom:.66666667rem
  }
  #case .container .top .title h3 {
    font-size:.4rem;
    line-height:.53333333rem;
    font-weight:normal;
    color:#2b313c;
    margin-bottom:.28rem;
    text-align:center;
    font-weight:600
  }
  #case .container .top .title .intro {
    font-size:.26666667rem;
    line-height:.36rem;
    color:#5d6574;
    display:block;
    text-align:center
  }
  #case .container .top .nav {
    width:8.96rem;
    padding:0 0 .34666667rem .53333333rem;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-column-gap:.4rem;
    grid-row-gap:.53333333rem
  }
  #case .container .top .nav li {
    width:1.33333333rem;
    font-size:.29333333rem;
    color:#5d6574;
    line-height:.4rem;
    text-align:center;
    cursor:pointer;
    position:relative;
    white-space:nowrap
  }
  #case .container .top .nav li .yearIco {
    width:35px;
    position:absolute;
    top:-6px;
    right:10px;
    display:none
  }
  #case .container .top .nav li:hover {
    color:#fa9d5f
  }
  #case .container .top .nav .current {
    color:#fa9d5f
  }
  #case .container .top .nav .current::after {
    content:'';
    position:absolute;
    left:0;
    bottom:-0.16rem;
    width:100%;
    height:.05333333rem;
    z-index:10;
    background-color:#fa9d5f;
    color:#fa9d5f
  }
  #case .container .bottom {
    width:100%
  }
  #case .container .bottom .content {
    padding:.2rem 0 1.14666667rem
  }
  #case .container .bottom .content .pages {
    display:none
  }
}
@media (min-width:750px) {
  .caseModule {
    width:1180px;
    margin:0 auto
  }
  .caseModule ul {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  .caseModule ul a {
    margin-right:22px
  }
  .caseModule ul a:nth-of-type(4n) {
    margin-right:0px
  }
  .caseModule ul .caseItem {
    width:278px;
    height:270px;
    -webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,0.1);
    box-shadow:0 3px 6px 0 rgba(0,0,0,0.1);
    margin-bottom:20px
  }
  .caseModule ul .caseItem .img {
    width:100%;
    height:154px;
    overflow:hidden;
    margin-bottom:16px
  }
  .caseModule ul .caseItem .img:hover img {
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
  }
  .caseModule ul .caseItem .img img {
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s;
    width:100%;
    height:100%
  }
  .caseModule ul .caseItem .info {
    padding:0 20px
  }
  .caseModule ul .caseItem .info .title {
    font-size:16px;
    height:44px;
    line-height:22px;
    color:#2b313c;
    overflow:hidden;
    font-weight:500;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-bottom:12px
  }
  .caseModule ul .caseItem .info .data_icon {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  .caseModule ul .caseItem .info .data_icon .data {
    font-size:14px;
    line-height:16px;
    color:#5d6574
  }
  .caseModule ul .caseItem .info .data_icon .iconfont {
    color:#fa9d5f;
    font-size:15px;
    display:none;
    margin-top:2px
  }
  .caseModule ul .caseItem:hover .data_icon .iconfont {
    display:block
  }
}
@media screen and (min-width:760px) and (max-width:1280px) {
  .caseModule {
    width:100%
  }
  .caseModule ul {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  .caseModule ul a {
    margin-right:17px
  }
  .caseModule ul .caseItem {
    width:226px;
    height:218px;
    margin-bottom:17px
  }
  .caseModule ul .caseItem .img {
    height:124px;
    margin-bottom:13px
  }
  .caseModule ul .caseItem .info {
    padding:0 16px
  }
  .caseModule ul .caseItem .info .title {
    font-size:16px;
    height:46px;
    line-height:22px;
    margin-bottom:5px
  }
  .caseModule ul .caseItem .info .data_icon .iconfont {
    font-size:13px
  }
  .caseModule ul a:nth-child(4n) {
    margin-right:0
  }
}
@media screen and (max-width:750px) {
  .caseModule {
    width:10rem;
    margin:0 auto;
    padding:0 .53333333rem
  }
  .caseModule ul {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  .caseModule ul .caseItem {
    width:4.26666667rem;
    height:4.48rem;
    -webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,0.1);
    box-shadow:0 3px 6px 0 rgba(0,0,0,0.1);
    margin-top:.4rem
  }
  .caseModule ul .caseItem .img {
    width:100%;
    height:2.34666667rem;
    overflow:hidden;
    margin-bottom:.28rem
  }
  .caseModule ul .caseItem .img:hover img {
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
  }
  .caseModule ul .caseItem .img img {
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s;
    width:100%;
    height:100%
  }
  .caseModule ul .caseItem .info {
    padding:0 .30666667rem
  }
  .caseModule ul .caseItem .info .title {
    font-size:.29333333rem;
    height:.86666667rem;
    line-height:.42666667rem;
    color:#2b313c;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-bottom:.17333333rem
  }
  .caseModule ul .caseItem .info .data_icon {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  .caseModule ul .caseItem .info .data_icon .data {
    font-size:.26666667rem;
    line-height:.29333333rem;
    color:#5d6574
  }
  .caseModule ul .caseItem .info .data_icon .iconfont {
    color:#fa9d5f;
    font-size:15px;
    display:none;
    margin-top:2px
  }
  .caseModule ul .caseItem:hover .data_icon .iconfont {
    display:block
  }
}
@media (min-width:750px) {
  #buy {
    width:100%;
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/buy_bg.png');
    background-size:100% 100%
  }
  #buy .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #buy .img_bg.pc {
    display:block
  }
  #buy .img_bg.mob {
    display:none
  }
  #buy .case-head {
    width:100%;
    position:relative;
    z-index:1
  }
  #buy .case-head .banner_bg {
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    -webkit-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
  }
  #buy .case-head .banner_texts {
    width:100%;
    height:100%;
    position:relative;
    z-index:2
  }
  #buy .case-head .mob-show {
    display:none
  }
  #buy .case-head span {
    width:100%;
    display:block;
    text-align:center;
    font-size:40px;
    line-height:48px;
    color:#000
  }
  #buy .case-head span.text {
    color:rgba(0,0,0,0.8)
  }
  #buy .case-head span:nth-of-type(1) {
    padding-top:114px;
    font-weight:500
  }
  #buy .case-head span:nth-of-type(2) {
    font-size:16px;
    line-height:21px;
    padding-top:27px
  }
  #buy .buy_content {
    width:100%;
    padding:80px 0 11px
  }
  #buy .buy_content .buy_box {
    width:1180px;
    margin:0 auto;
    position:relative
  }
  #buy .buy_content .buy_box .pc_hidden {
    display:none
  }
  #buy .buy_content .more_text {
    width:1180px;
    margin:0 auto;
    padding:70px 0 60px;
    font-family:'Helvetica Neue';
    line-height:16px;
    font-size:14px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    color:#5d6574;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative
  }
  #buy .buy_content .more_text .line {
    width:510px;
    height:1px;
    margin-top:7px;
    border:1px solid;
    border-bottom:none;
    -webkit-border-image:-webkit-linear-gradient(45deg, rgba(0,0,0,0), rgba(0,0,0,0.2)) 1 1;
    -o-border-image:-o-linear-gradient(45deg, rgba(0,0,0,0), rgba(0,0,0,0.2)) 1 1;
    border-image:linear-gradient(45deg, rgba(0,0,0,0), rgba(0,0,0,0.2)) 1 1
  }
  #buy .buy_content .more_text .line.right {
    border:1px solid;
    border-bottom:none;
    -webkit-border-image:-webkit-linear-gradient(45deg, rgba(0,0,0,0.2), rgba(0,0,0,0)) 1 1;
    -o-border-image:-o-linear-gradient(45deg, rgba(0,0,0,0.2), rgba(0,0,0,0)) 1 1;
    border-image:linear-gradient(45deg, rgba(0,0,0,0.2), rgba(0,0,0,0)) 1 1
  }
  #buy .buy_content .more_text .texts {
    width:537px;
    color:#636367;
    font-size:14px;
    line-height:28px;
    font-weight:40
  }
  #buy .buy_content .more_text .downloadList {
    position:absolute;
    bottom:8px;
    right:0;
    width:90px;
    height:36px;
    line-height:36px;
    color:#2b313c;
    text-align:center
  }
  #buy .buy_content .more_text .downloadList:hover {
    color:#fa9d5f;
    border-color:#fa9d5f
  }
  #buy .buy_content .contentItem.phone {
    display:none
  }
  #buy .buy_content .contentItem {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  #buy .buy_content .contentItem .item {
    width:280px;
    height:585px;
    background:#FFFFFF;
    -webkit-box-shadow:0 8px 24px 0 rgba(0,0,0,0.08);
    box-shadow:0 8px 24px 0 rgba(0,0,0,0.08);
    border-radius:8px
  }
  #buy .buy_content .contentItem .item .item_banner {
    position:relative;
    width:280px;
    height:165px;
    background-image:url('../images/freeBg.png');
    background-position:center;
    background-size:cover;
    padding-top:24px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  #buy .buy_content .contentItem .item .item_banner .recommend {
    position:absolute;
    right:12px;
    top:-6px;
    height:49px
  }
  #buy .buy_content .contentItem .item .item_banner .recommend img {
    display:block;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
  }
  #buy .buy_content .contentItem .item .item_banner .introduce {
    width:64px;
    height:25px;
    background:#98B1D9;
    border-radius:0px 100px 100px 0px;
    font-size:12px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#FFFFFF;
    line-height:25px;
    text-align:center
  }
  #buy .buy_content .contentItem .item .item_banner .versions {
    margin:12px 0 0 20px;
    font-size:20px;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:#FFFFFF;
    line-height:28px
  }
  #buy .buy_content .contentItem .item .item_banner .text {
    margin:12px 20px 0;
    font-size:13px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#FFFFFF;
    line-height:18px
  }
  #buy .buy_content .contentItem .item .type {
    font-size:14px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.45);
    line-height:20px;
    margin:33px 0 0 20px;
    position:relative
  }
  #buy .buy_content .contentItem .item .type::after {
    content:' ';
    position:absolute;
    width:103px;
    border:1px solid rgba(0,0,0,0.45);
    left:0;
    top:47%
  }
  #buy .buy_content .contentItem .item .optionBox {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border:1px solid yellow;
    width:126px;
    height:26px;
    border-radius:4px;
    margin:30px 20px 0;
    font-size:13px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#E5BA73;
    line-height:18px
  }
  #buy .buy_content .contentItem .item .optionBox .option {
    width:33.3%;
    text-align:center;
    line-height:26px;
    cursor:pointer
  }
  #buy .buy_content .contentItem .item .optionBox .activate {
    font-size:13px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#8D663D;
    line-height:26px;
    background:-webkit-linear-gradient(315deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%);
    background:-o-linear-gradient(315deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%);
    background:linear-gradient(135deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%);
    border-radius:0px 2px 2px 0px
  }
  #buy .buy_content .contentItem .item .priceBox {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:19px 20px 0;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    align-items:baseline
  }
  #buy .buy_content .contentItem .item .priceBox .prefix {
    font-size:14px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.9);
    line-height:20px
  }
  #buy .buy_content .contentItem .item .priceBox .price {
    font-size:28px;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(0,0,0,0.9);
    line-height:40px
  }
  #buy .buy_content .contentItem .item .flowBox {
    width:142px;
    height:30px;
    background:rgba(155,181,221,0.1);
    border-radius:4px;
    margin:12px 20px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #buy .buy_content .contentItem .item .flowBox .gift {
    width:14px;
    height:16px;
    margin-left:9px
  }
  #buy .buy_content .contentItem .item .flowBox .gift img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    display:block
  }
  #buy .buy_content .contentItem .item .flowBox .copyWriter {
    font-size:13px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#7C96BF;
    line-height:18px;
    margin-left:9px
  }
  #buy .buy_content .contentItem .item .payBtn {
    height:40px;
    background:-webkit-linear-gradient(315deg, #B8C9E6 0%, #98B1D9 100%);
    background:-o-linear-gradient(315deg, #B8C9E6 0%, #98B1D9 100%);
    background:linear-gradient(135deg, #B8C9E6 0%, #98B1D9 100%);
    border-radius:4px;
    font-size:14px;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:#FFFFFF;
    line-height:40px;
    text-align:center;
    margin:16px 16px 0;
    cursor:pointer
  }
  #buy .buy_content .contentItem .item .function {
    margin:30px 0 16px 20px;
    font-size:14px;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(0,0,0,0.9);
    line-height:20px
  }
  #buy .buy_content .contentItem .item .content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 20px 12px
  }
  #buy .buy_content .contentItem .item .content .icons {
    width:12px;
    height:12px
  }
  #buy .buy_content .contentItem .item .content .icons .icon {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    display:block
  }
  #buy .buy_content .contentItem .item .content .content_text {
    margin-left:12px;
    font-size:12px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.75);
    line-height:17px
  }
  #buy .buy_content .contentItem .item:nth-child(2) .item_banner {
    background-image:url('../images/flagshipBg.png');
    background-position:center;
    background-size:cover
  }
  #buy .buy_content .contentItem .item:nth-child(2) .item_banner .introduce {
    width:112px;
    height:25px;
    background:rgba(229,186,115,0.4);
    color:rgba(141,102,61,0.8)
  }
  #buy .buy_content .contentItem .item:nth-child(2) .item_banner .versions {
    color:#8D663D
  }
  #buy .buy_content .contentItem .item:nth-child(2) .item_banner .text {
    color:#8D663D
  }
  #buy .buy_content .contentItem .item:nth-child(2) .optionBox {
    border:1px solid #E5BA73
  }
  #buy .buy_content .contentItem .item:nth-child(2) .optionBox .option {
    width:42px
  }
  #buy .buy_content .contentItem .item:nth-child(2) .optionBox .option:nth-child(2) {
    border-left:1px solid #E5BA73;
    border-right:1px solid #E5BA73
  }
  #buy .buy_content .contentItem .item:nth-child(2) .flowBox {
    background:rgba(229,186,115,0.1)
  }
  #buy .buy_content .contentItem .item:nth-child(2) .flowBox .gift .icon {
    color:#B38350
  }
  #buy .buy_content .contentItem .item:nth-child(2) .flowBox .copyWriter {
    color:#B38350
  }
  #buy .buy_content .contentItem .item:nth-child(2) .payBtn {
    color:#8D663D;
    background:-webkit-linear-gradient(315deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%);
    background:-o-linear-gradient(315deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%);
    background:linear-gradient(135deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%)
  }
  #buy .buy_content .contentItem .item:nth-child(3) .item_banner {
    background-image:url('../images/enjoymentBg.png');
    background-position:center;
    background-size:cover
  }
  #buy .buy_content .contentItem .item:nth-child(3) .item_banner .introduce {
    width:124px;
    height:25px;
    background:rgba(145,146,212,0.6);
    color:#FFFFFF
  }
  #buy .buy_content .contentItem .item:nth-child(3) .item_banner .versions {
    color:#FFFFFF
  }
  #buy .buy_content .contentItem .item:nth-child(3) .item_banner .text {
    color:#FFFFFF
  }
  #buy .buy_content .contentItem .item:nth-child(3) .optionBox {
    border:1px solid #9192d4;
    color:#9192d4
  }
  #buy .buy_content .contentItem .item:nth-child(3) .optionBox .option {
    width:42px;
    text-align:center;
    line-height:26px;
    cursor:pointer
  }
  #buy .buy_content .contentItem .item:nth-child(3) .optionBox .option:nth-child(2) {
    border-left:1px solid #9192D4;
    border-right:1px solid #9192D4
  }
  #buy .buy_content .contentItem .item:nth-child(3) .optionBox .activate {
    color:#FFFFFF;
    background:-webkit-linear-gradient(315deg, #BBC7FE 0%, #9192D4 100%);
    background:-o-linear-gradient(315deg, #BBC7FE 0%, #9192D4 100%);
    background:linear-gradient(135deg, #BBC7FE 0%, #9192D4 100%)
  }
  #buy .buy_content .contentItem .item:nth-child(3) .flowBox {
    background:rgba(187,199,254,0.1)
  }
  #buy .buy_content .contentItem .item:nth-child(3) .flowBox .gift .icon {
    color:#7C7DBF
  }
  #buy .buy_content .contentItem .item:nth-child(3) .flowBox .copyWriter {
    color:#7C7DBF
  }
  #buy .buy_content .contentItem .item:nth-child(3) .payBtn {
    color:#FFFFFF;
    background:-webkit-linear-gradient(315deg, #BBC7FE 0%, #9192D4 100%);
    background:-o-linear-gradient(315deg, #BBC7FE 0%, #9192D4 100%);
    background:linear-gradient(135deg, #BBC7FE 0%, #9192D4 100%)
  }
  #buy .buy_content .contentItem .item:nth-child(4) .item_banner {
    background-image:url('../images/enterpriseBg.png');
    background-position:center;
    background-size:cover
  }
  #buy .buy_content .contentItem .item:nth-child(4) .item_banner .introduce {
    width:124px;
    height:25px;
    background:rgba(255,255,255,0.12);
    color:#FAD4A9
  }
  #buy .buy_content .contentItem .item:nth-child(4) .item_banner .optionBox {
    width:84px !important
  }
  #buy .buy_content .contentItem .item:nth-child(4) .item_banner .optionBox .option:nth-child(2) {
    border-left:1px solid #282525;
    border-right:1px solid #282525
  }
  #buy .buy_content .contentItem .item:nth-child(4) .item_banner .versions {
    color:#FAD4A9
  }
  #buy .buy_content .contentItem .item:nth-child(4) .item_banner .text {
    color:#FAD4A9
  }
  #buy .buy_content .contentItem .item:nth-child(4) .optionBox {
    width:84px;
    border:1px solid #282525;
    color:#383737
  }
  #buy .buy_content .contentItem .item:nth-child(4) .optionBox .option {
    width:50%;
    text-align:center;
    line-height:26px;
    cursor:pointer
  }
  #buy .buy_content .contentItem .item:nth-child(4) .optionBox .activate {
    color:#FAD4A9;
    background:-webkit-linear-gradient(305deg, #383737 0%, #282525 100%);
    background:-o-linear-gradient(305deg, #383737 0%, #282525 100%);
    background:linear-gradient(145deg, #383737 0%, #282525 100%)
  }
  #buy .buy_content .contentItem .item:nth-child(4) .flowBox {
    background:rgba(229,186,115,0.1)
  }
  #buy .buy_content .contentItem .item:nth-child(4) .flowBox .gift .icon {
    color:#B38350
  }
  #buy .buy_content .contentItem .item:nth-child(4) .flowBox .copyWriter {
    color:#B38350
  }
  #buy .buy_content .contentItem .item:nth-child(4) .payBtn {
    color:#FAD4A9;
    background:-webkit-linear-gradient(305deg, #383737 0%, #282525 100%);
    background:-o-linear-gradient(305deg, #383737 0%, #282525 100%);
    background:linear-gradient(145deg, #383737 0%, #282525 100%)
  }
  #buy .buy_content .contrast {
    position:relative;
    width:1178px;
    border:solid 1px #eaecf0;
    border-right:none;
    border-bottom:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  #buy .buy_content .contrast .contrast_item {
    width:271px;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  #buy .buy_content .contrast .contrast_item li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:22px 15px;
    height:70px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-right:1px solid #e9ecf0;
    border-bottom:solid 1px #eaecf0;
    font-size:14px;
    line-height:22px;
    color:#2b313c
  }
  #buy .buy_content .contrast .contrast_item li .iconfont {
    font-size:14px
  }
  #buy .buy_content .contrast .contrast_item li .icon1 {
    font-size:20px
  }
  #buy .buy_content .contrast .contrast_item li.normal {
    text-align:left;
    padding-left:16px !important;
    background-color:#f4f5f7
  }
  #buy .buy_content .contrast .contrast_item li.normal:not(.title) {
    border-right:none
  }
  #buy .buy_content .contrast .contrast_item .module-left {
    font-size:16px;
    font-weight:bold;
    background-color:#f4f5f7;
    border-bottom:solid 1px #eaecf0
  }
  #buy .buy_content .contrast .contrast_item .playback {
    height:80px
  }
  #buy .buy_content .contrast .contrast_item .playback-item {
    font-size:14px
  }
  #buy .buy_content .contrast .contrast_item .dots {
    width:10px;
    height:10px;
    display:block;
    margin:5px auto 0;
    border-radius:50%;
    background-color:#4ea1ff
  }
  #buy .buy_content .contrast .contrast_item .icon-color {
    color:#41e673
  }
  #buy .buy_content .contrast .contrast_item .bar {
    position:relative
  }
  #buy .buy_content .contrast .contrast_item .bar::before {
    content:'';
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:12px;
    height:1px;
    background-color:#d0d0d0
  }
  #buy .buy_content .contrast .contrast_item .title {
    font-size:16px;
    line-height:22px;
    font-weight:bold;
    background-color:#f4f5f7;
    padding:22px 0 22px 0px !important;
    border-bottom:solid 1px #eaecf0
  }
  #buy .buy_content .contrast .contrast_item .views {
    cursor:pointer;
    height:105px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:20px 0 20px 15px;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  #buy .buy_content .contrast .contrast_item .views .viewtexts {
    width:100%;
    text-align:left;
    color:#2b313c;
    position:relative;
    font-size:14px
  }
  #buy .buy_content .contrast .contrast_item .views .viewtexts i {
    margin-left:4px;
    font-size:14px
  }
  #buy .buy_content .contrast .contrast_item .views .hoverDialog {
    display:none;
    position:absolute;
    left:47px;
    top:31px;
    line-height:28px;
    color:#fff;
    padding:0 11px;
    font-size:12px;
    border-radius:2px;
    background-color:rgba(43,49,60,0.8)
  }
  #buy .buy_content .contrast .contrast_item .views .hoverDialog::before {
    position:absolute;
    left:53px;
    top:-18px;
    content:'';
    border-top:10px solid transparent;
    border-bottom:8px solid rgba(43,49,60,0.8);
    border-left:8px solid transparent;
    border-right:8px solid transparent
  }
  #buy .buy_content .contrast .contrast_item .views:hover .hoverDialog {
    display:none
  }
  #buy .buy_content .contrast .contrast_item .line {
    font-size:23px
  }
  #buy .buy_content .contrast .contrast_item .goodness {
    height:105px
  }
  #buy .buy_content .contrast .contrast_item .concurrency {
    border-top:solid 1px #eaecf0
  }
  #buy .buy_content .contrast .contrast_item li.lastHidden {
    display:none
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(1) {
    width:238px;
    text-align:left
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(1) li {
    padding-left:21px
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(1) .title {
    background-color:#f4f5f7;
    padding-left:25px !important
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(2) {
    width:231px
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(4) .hoverDialog {
    position:absolute;
    left:83px
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(4) .hoverDialog::before {
    position:absolute;
    left:40px;
    top:-18px
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(5) .hoverDialog {
    left:57px
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(5) .hoverDialog::before {
    position:absolute;
    left:46px;
    top:-18px
  }
  #buy .buy_content .addMargin {
    margin-bottom:89px
  }
  #buy .buy_content .expandAll {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:299px;
    background-image:-webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(54%, rgba(255,255,255,0.97)), to(rgba(255,255,255,0.58)));
    background-image:-webkit-linear-gradient(bottom, #ffffff 0%, rgba(255,255,255,0.97) 54%, rgba(255,255,255,0.58) 100%);
    background-image:-o-linear-gradient(bottom, #ffffff 0%, rgba(255,255,255,0.97) 54%, rgba(255,255,255,0.58) 100%);
    background-image:linear-gradient(0deg, #ffffff 0%, rgba(255,255,255,0.97) 54%, rgba(255,255,255,0.58) 100%)
  }
  #buy .buy_content .expandAll span {
    width:160px;
    height:44px;
    font-size:16px;
    line-height:22px;
    cursor:pointer;
    color:#000;
    display:block;
    text-align:center;
    margin:149px auto;
    border-radius:2px
  }
  #buy .buy_content .expandAll span:hover {
    color:#fa9d5f
  }
  #buy .buy_content .tilbage {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:160px;
    height:44px;
    font-size:14px;
    line-height:22px;
    cursor:pointer;
    color:#000;
    text-align:center;
    margin:19px auto;
    border-radius:2px;
    display:none
  }
  #buy .buy_content .tilbage i {
    display:inline-block;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
  }
  #buy .buy_content .tilbage:hover {
    color:#fa9d5f
  }
  #buy .buy_content .time_detail {
    color:#8d663d
  }
}
@media screen and (min-width:760px) and (max-width:1280px) {
  .pc_hidden #buy .buy_content .buy_box {
    width:960px
  }
  .pc_hidden #buy .buy_content .more_text {
    width:960px
  }
  .pc_hidden #buy .buy_content .more_text .line {
    width:275px
  }
  .pc_hidden #buy .buy_content .contentItem .item_li {
    width:210px
  }
  .pc_hidden #buy .buy_content .contentItem .item_li .top .top_title {
    height:64px;
    font-size:20px;
    line-height:27px
  }
  .pc_hidden #buy .buy_content .contentItem .item_li .top .top_title .tabs {
    width:132px;
    margin:18px auto 0
  }
  .pc_hidden #buy .buy_content .contentItem .item_li .top .price_item {
    padding:0 12px 70px
  }
  .pc_hidden #buy .buy_content .contentItem .item_li .top .details em {
    margin:0 2px !important
  }
  .pc_hidden #buy .buy_content .contentItem.phone {
    display:none
  }
  .pc_hidden #buy .buy_content .contrast {
    width:960px
  }
  .pc_hidden #buy .buy_content .contrast .contrast_item {
    width:184px
  }
  .pc_hidden #buy .buy_content .contrast .contrast_item .line {
    font-size:23px
  }
  .pc_hidden #buy .buy_content .contrast .contrast_item:nth-of-type(1) {
    width:223px;
    text-align:left;
    border-right:solid 1px #eaecf0
  }
  .pc_hidden #buy .buy_content .contrast .contrast_item:nth-of-type(1) li {
    padding-left:21px
  }
  .pc_hidden #buy .buy_content .contrast .contrast_item:nth-of-type(1) .title {
    background-color:#f4f5f7;
    padding-left:25px !important
  }
  .pc_hidden #buy .buy_content .contrast .contrast_item:nth-of-type(4) .hoverDialog {
    position:absolute;
    left:83px
  }
  .pc_hidden #buy .buy_content .contrast .contrast_item:nth-of-type(4) .hoverDialog::before {
    position:absolute;
    left:40px;
    top:-18px
  }
}
@media screen and (max-width:750px) {
  #buy {
    width:10rem;
    overflow:hidden;
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/buy_bg.png');
    background-size:cover
  }
  #buy li {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  #buy .case-head {
    width:100%;
    height:3.97333333rem;
    position:relative;
    z-index:1
  }
  #buy .case-head .banner_bg {
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    -webkit-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
  }
  #buy .case-head .banner_texts {
    position:relative;
    z-index:2
  }
  #buy .case-head span {
    width:100%;
    display:block;
    text-align:center;
    font-size:.37333333rem;
    line-height:.49333333rem;
    color:#000
  }
  #buy .case-head span.text {
    color:rgba(0,0,0,0.8)
  }
  #buy .case-head span:nth-of-type(1) {
    font-size:.53333333rem;
    padding-top:2.66666667rem;
    font-weight:600
  }
  #buy .case-head span:nth-of-type(2) {
    font-size:.34666667rem;
    line-height:.36rem;
    padding:.32rem .53333333rem 1.6rem .53333333rem
  }
  #buy .buy-nav {
    width:8.96rem;
    height:.76rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    display:none;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-bottom:1px solid #eff0f4;
    margin:.85333333rem auto .66666667rem;
    position:relative
  }
  #buy .buy-nav .b-nav-item {
    padding:0 4px;
    position:relative;
    font-size:.32rem;
    line-height:.42666667rem;
    text-align:center;
    color:#5d6574
  }
  #buy .buy-nav .b-nav-item::after {
    -webkit-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out
  }
  #buy .buy-nav .b-nav-item.buy-nav-active {
    color:#fa9d5f;
    font-weight:600
  }
  #buy .buy-nav #across {
    width:2.24rem;
    position:absolute;
    bottom:-1px;
    left:0;
    height:2px;
    background-color:#fa9d5f;
    z-index:1;
    -webkit-transition:-webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    transition:-webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition:transform .3s cubic-bezier(.645, .045, .355, 1);
    transition:transform .3s cubic-bezier(.645, .045, .355, 1);
    transition:transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    list-style:none
  }
  #buy .buy_content {
    width:100%;
    padding:.53333333rem 0 .53333333rem .53333333rem;
    margin-top:.32rem
  }
  #buy .buy_content .buy_box {
    width:100%;
    margin:0 auto;
    position:relative
  }
  #buy .buy_content .buy_box .web_hidden {
    display:none
  }
  #buy .buy_content .buy_box .pc_hidden {
    display:block
  }
  #buy .buy_content .more_text {
    width:100%;
    margin:0 auto;
    padding:.92rem 0;
    font-family:'Helvetica Neue';
    line-height:.36rem;
    font-size:.26666667rem;
    color:#5d6574;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #buy .buy_content .more_text .texts {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    line-height:.53333333rem;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -ms-flex-item-align:center;
    align-self:center
  }
  #buy .buy_content .more_text .texts span {
    font-size:.34666667rem;
    -ms-flex-item-align:center;
    align-self:center
  }
  #buy .buy_content .more_text .xuqiu_number {
    color:#ff8200
  }
  #buy .buy_content .contentItem {
    display:none
  }
  #buy .buy_content .contentItem.phone {
    display:block;
    width:100%;
    height:17.33333333rem;
    padding-right:.53333333rem
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    padding-bottom:1.2rem;
    border-radius:8px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item {
    padding:0 0px;
    width:280px;
    height:585px;
    -webkit-box-shadow:0 8px 24px 0 rgba(0,0,0,0.08);
    box-shadow:0 8px 24px 0 rgba(0,0,0,0.08);
    border-radius:8px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .item_banner {
    position:relative;
    height:165px;
    background-image:url('../images/freeBg.png');
    background-position:center;
    background-size:cover;
    padding-top:24px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:8px 8px 0 0
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .item_banner .recommend {
    position:absolute;
    right:12px;
    top:-0.13333333rem;
    height:49px;
    width:76px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .item_banner .recommend img {
    display:block;
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .item_banner .introduce {
    width:64px;
    height:25px;
    background:#98B1D9;
    border-radius:0px 100px 100px 0px;
    font-size:12px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#FFFFFF;
    line-height:25px;
    text-align:center
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .item_banner .versions {
    margin:12px 0 0 20px;
    font-size:20px;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:#FFFFFF;
    line-height:28px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .item_banner .text {
    margin:12px 20px 0;
    font-size:13px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#FFFFFF;
    line-height:18px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .type {
    font-size:14px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.45);
    line-height:20px;
    margin:33px 0 0 20px;
    position:relative
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .type::after {
    content:' ';
    position:absolute;
    width:103px;
    border:1px solid rgba(0,0,0,0.45);
    left:0;
    top:47%
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .optionBox {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border:1px solid yellow;
    width:126px;
    height:26px;
    border-radius:4px;
    margin:30px 20px 0;
    font-size:13px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#E5BA73;
    line-height:18px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .optionBox .option {
    width:33.3%;
    text-align:center;
    line-height:26px;
    cursor:pointer
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .optionBox .activate {
    font-size:13px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#8D663D;
    line-height:26px;
    background:-webkit-linear-gradient(315deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%);
    background:-o-linear-gradient(315deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%);
    background:linear-gradient(135deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%);
    border-radius:0px 2px 2px 0px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .priceBox {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:19px 20px 0;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    align-items:baseline
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .priceBox .prefix {
    font-size:14px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.9);
    line-height:20px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .priceBox .price {
    font-size:28px;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(0,0,0,0.9);
    line-height:40px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .priceBox .unit {
    font-size:12px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .flowBox {
    width:142px;
    height:30px;
    background:rgba(155,181,221,0.1);
    border-radius:4px;
    margin:12px 20px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .flowBox .gift {
    width:14px;
    height:16px;
    margin-left:9px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .flowBox .gift img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    display:block
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .flowBox .copyWriter {
    font-size:13px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#7C96BF;
    line-height:18px;
    margin-left:9px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .payBtn {
    height:40px;
    background:-webkit-linear-gradient(315deg, #B8C9E6 0%, #98B1D9 100%);
    background:-o-linear-gradient(315deg, #B8C9E6 0%, #98B1D9 100%);
    background:linear-gradient(135deg, #B8C9E6 0%, #98B1D9 100%);
    border-radius:4px;
    font-size:14px;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:#FFFFFF;
    line-height:40px;
    text-align:center;
    margin:16px 16px 0;
    cursor:pointer
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .function {
    margin:30px 0 16px 20px;
    font-size:14px;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(0,0,0,0.9);
    line-height:20px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 20px 12px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .content .icons {
    width:12px;
    height:12px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .content .icons .icon {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    display:block
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item .content .content_text {
    margin-left:12px;
    font-size:12px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.75);
    line-height:17px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(2) .item_banner {
    background-image:url('../images/flagshipBg.png');
    background-position:center;
    background-size:cover
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(2) .item_banner .introduce {
    width:112px;
    height:25px;
    background:rgba(229,186,115,0.4);
    color:rgba(141,102,61,0.8)
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(2) .item_banner .versions {
    color:#8D663D
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(2) .item_banner .text {
    color:#8D663D
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(2) .optionBox {
    border:1px solid #E5BA73
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(2) .optionBox .option {
    width:42px
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(2) .optionBox .option:nth-child(2) {
    border-left:1px solid #E5BA73;
    border-right:1px solid #E5BA73
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(2) .flowBox {
    background:rgba(229,186,115,0.1)
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(2) .flowBox .gift .icon {
    color:#B38350
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(2) .flowBox .copyWriter {
    color:#B38350
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(2) .payBtn {
    color:#8D663D;
    background:-webkit-linear-gradient(315deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%);
    background:-o-linear-gradient(315deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%);
    background:linear-gradient(135deg, #FFEDC9 0%, #E5BA73 100%, #E3B970 100%)
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .item_banner {
    background-image:url('../images/enjoymentBg.png');
    background-position:center;
    background-size:cover
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .item_banner .introduce {
    width:124px;
    height:25px;
    background:rgba(145,146,212,0.6);
    color:#FFFFFF
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .item_banner .versions {
    color:#FFFFFF
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .item_banner .text {
    color:#FFFFFF
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .optionBox {
    border:1px solid #9192d4;
    color:#9192d4
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .optionBox .option {
    width:42px;
    text-align:center;
    line-height:26px;
    cursor:pointer
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .optionBox .option:nth-child(2) {
    border-left:1px solid #9192D4;
    border-right:1px solid #9192D4
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .optionBox .activate {
    color:#FFFFFF;
    background:-webkit-linear-gradient(315deg, #BBC7FE 0%, #9192D4 100%);
    background:-o-linear-gradient(315deg, #BBC7FE 0%, #9192D4 100%);
    background:linear-gradient(135deg, #BBC7FE 0%, #9192D4 100%)
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .flowBox {
    background:rgba(187,199,254,0.1)
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .flowBox .gift .icon {
    color:#7C7DBF
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .flowBox .copyWriter {
    color:#7C7DBF
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(3) .payBtn {
    color:#FFFFFF;
    background:-webkit-linear-gradient(315deg, #BBC7FE 0%, #9192D4 100%);
    background:-o-linear-gradient(315deg, #BBC7FE 0%, #9192D4 100%);
    background:linear-gradient(135deg, #BBC7FE 0%, #9192D4 100%)
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .item_banner {
    background-image:url('../images/enterpriseBg.png');
    background-position:center;
    background-size:cover
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .item_banner .introduce {
    width:124px;
    height:25px;
    background:rgba(255,255,255,0.12);
    color:#FAD4A9
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .item_banner .versions {
    color:#FAD4A9
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .item_banner .text {
    color:#FAD4A9
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .optionBox {
    width:84px !important;
    border:1px solid #282525;
    color:#383737
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .optionBox .option {
    width:50%;
    text-align:center;
    line-height:26px;
    cursor:pointer
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .optionBox .option:nth-child(2) {
    border-left:1px solid #282525;
    border-right:1px solid #282525
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .optionBox .activate {
    color:#FAD4A9;
    background:-webkit-linear-gradient(305deg, #383737 0%, #282525 100%);
    background:-o-linear-gradient(305deg, #383737 0%, #282525 100%);
    background:linear-gradient(145deg, #383737 0%, #282525 100%)
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .flowBox {
    background:rgba(229,186,115,0.1)
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .flowBox .gift .icon {
    color:#B38350
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .flowBox .copyWriter {
    color:#B38350
  }
  #buy .buy_content .contentItem.phone .swiper-wrapper .item:nth-child(4) .payBtn {
    color:#FAD4A9;
    background:-webkit-linear-gradient(305deg, #383737 0%, #282525 100%);
    background:-o-linear-gradient(305deg, #383737 0%, #282525 100%);
    background:linear-gradient(145deg, #383737 0%, #282525 100%)
  }
  #buy .buy_content .contrast {
    width:100%;
    border:solid 1px #eaecf0;
    border-right:none;
    border-bottom:none;
    margin-top:.85333333rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:scroll
  }
  #buy .buy_content .contrast .contrast_item {
    width:227px;
    text-align:center;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  #buy .buy_content .contrast .contrast_item li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-right:1px solid #e9ecf0;
    padding:.42666667rem .4rem;
    height:1.86666667rem;
    line-height:1.86666667rem;
    text-align:center;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom:solid 1px #eaecf0;
    font-size:.37333333rem;
    line-height:.53333333rem;
    color:#2b313c
  }
  #buy .buy_content .contrast .contrast_item li .iconfont {
    font-size:.34666667rem
  }
  #buy .buy_content .contrast .contrast_item li.normal {
    padding:.69333333rem 0 .69333333rem .66666667rem;
    text-align:left;
    background-color:#f4f5f7
  }
  #buy .buy_content .contrast .contrast_item li.normal:not(.title) {
    border-right:none
  }
  #buy .buy_content .contrast .contrast_item li.bar {
    padding:.69333333rem 0 .69333333rem 0
  }
  #buy .buy_content .contrast .contrast_item .module-left {
    font-weight:bold;
    background-color:#f4f5f7;
    border-bottom:solid 1px #eaecf0
  }
  #buy .buy_content .contrast .contrast_item .playback-item {
    font-size:.37333333rem
  }
  #buy .buy_content .contrast .contrast_item .dots {
    width:10px;
    height:10px;
    display:block;
    margin:5px auto 0;
    border-radius:50%;
    background-color:#4ea1ff
  }
  #buy .buy_content .contrast .contrast_item .bar {
    position:relative
  }
  #buy .buy_content .contrast .contrast_item .bar::before {
    content:'';
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:12px;
    height:1px;
    background-color:#d0d0d0
  }
  #buy .buy_content .contrast .contrast_item .title {
    font-size:.37333333rem;
    line-height:22px;
    font-weight:bold;
    text-align:left;
    background-color:#f4f5f7;
    padding:.42666667rem 0 .42666667rem .4rem !important;
    border-bottom:solid 1px #eaecf0
  }
  #buy .buy_content .contrast .contrast_item .views {
    cursor:pointer;
    height:3.62666667rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:20px 0 20px 15px;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  #buy .buy_content .contrast .contrast_item .views .viewtexts {
    width:100%;
    text-align:left;
    color:#2b313c;
    position:relative;
    font-size:.37333333rem
  }
  #buy .buy_content .contrast .contrast_item .views .viewtexts i {
    margin-left:4px;
    font-size:.37333333rem
  }
  #buy .buy_content .contrast .contrast_item .views .hoverDialog {
    display:none;
    position:absolute;
    left:47px;
    top:31px;
    line-height:28px;
    color:#fff;
    padding:0 11px;
    font-size:.37333333rem;
    border-radius:2px;
    background-color:rgba(43,49,60,0.8)
  }
  #buy .buy_content .contrast .contrast_item .views .hoverDialog::before {
    position:absolute;
    left:53px;
    top:-18px;
    content:'';
    border-top:10px solid transparent;
    border-bottom:8px solid rgba(43,49,60,0.8);
    border-left:8px solid transparent;
    border-right:8px solid transparent
  }
  #buy .buy_content .contrast .contrast_item .views:hover .hoverDialog {
    display:none
  }
  #buy .buy_content .contrast .contrast_item .goodness {
    height:3.62666667rem
  }
  #buy .buy_content .contrast .contrast_item .concurrency {
    border-top:solid 1px #eaecf0
  }
  #buy .buy_content .contrast .contrast_item li.line_two {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:.13333333rem .4rem
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(1) li {
    padding-left:.4rem;
    text-align:left
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(2) .views {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(3) .views {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(4) .views {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #buy .buy_content .contrast .contrast_item:nth-of-type(5) .views {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #buy .buy_content .addMargin {
    margin-bottom:89px
  }
  #buy .buy_content .expandAll,
  #buy .buy_content .tilbage {
    display:none
  }
}
@media (min-width:750px) {
  #pay {
    display:none
  }
  #pay .icon {
    width:1em;
    height:1em;
    vertical-align:-0.15em;
    fill:currentColor;
    overflow:hidden
  }
  #pay .mark {
    min-height:100%;
    width:100%;
    background:rgba(0,0,0,0.2);
    z-index:999;
    bottom:0;
    left:0;
    margin:0;
    overflow:auto;
    position:fixed;
    right:0;
    top:0
  }
  #pay .mark .container {
    height:670px;
    background-color:#fff;
    width:860px;
    border-radius:2px;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
    box-shadow:0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:15vh auto 50px;
    position:relative
  }
  #pay .mark .container h2 {
    border-bottom:1px solid #d8dbe0;
    line-height:76px;
    font-size:18px;
    color:#5d6574;
    padding-left:29px;
    position:relative
  }
  #pay .mark .container h2 .icon1 {
    position:absolute;
    cursor:pointer;
    top:50%;
    right:30px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
  }
  #pay .mark .container .content {
    padding:35px 60px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  #pay .mark .container .content .left {
    width:585px
  }
  #pay .mark .container .content .left .goBack {
    font-size:14px;
    color:#9098a8;
    cursor:pointer
  }
  #pay .mark .container .content .left .goBack:hover {
    color:#2b313c
  }
  #pay .mark .container .content .left .selectPage .formItem {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:35px
  }
  #pay .mark .container .content .left .selectPage .formItem .title {
    font-size:16px;
    color:#5d6574
  }
  #pay .mark .container .content .left .selectPage .formItem .info {
    position:relative
  }
  #pay .mark .container .content .left .selectPage .formItem .info .icon1 {
    width:86px;
    height:40px
  }
  #pay .mark .container .content .left .selectPage .formItem .info .icon2 {
    position:absolute;
    top:0;
    right:0;
    color:#2c7dfa;
    width:26px;
    height:26px
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul {
    display:none
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul.cur {
    display:inline-block
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li {
    width:130px;
    height:156px;
    border-radius:2px;
    border:solid 1px #d8dbe0;
    float:left;
    margin-right:20px;
    padding:0 17px;
    position:relative
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .icon2 {
    position:absolute;
    top:0;
    right:0;
    color:#2c7dfa;
    width:26px;
    height:26px;
    display:none
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .hint {
    position:absolute;
    right:-15px;
    top:-13px;
    height:24px;
    padding:0 10px;
    line-height:24px;
    background-color:#f5dfb6;
    border-radius:12px 12px 12px 0px;
    font-size:12px;
    color:#b78a41
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li.year {
    position:relative
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li.year::after {
    content:'不限场次';
    width:68px;
    height:24px;
    background-color:#f5dfb6;
    border-radius:12px 12px 12px 0px;
    position:absolute;
    top:-12px;
    right:-34px;
    font-size:12px;
    color:#b78a41;
    text-align:center;
    line-height:24px
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li:hover {
    border:solid 1px #2c7dfa
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li.active {
    border:solid 1px #2c7dfa
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li.active .icon2 {
    display:block
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .type_info {
    width:100%;
    border-bottom:2px dashed #d8dbe0;
    padding-top:24px
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .type_info p {
    text-align:center;
    margin-bottom:8px
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .type_info p:nth-child(1) {
    font-size:12px;
    color:#2b313c;
    font-weight:bold
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .type_info p:nth-child(2) {
    color:#ff4b40
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .type_info p:nth-child(2) span {
    font-size:30px;
    line-height:30px
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .type_info p:nth-child(3) {
    font-size:12px;
    color:#9098a8;
    text-decoration:line-through
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .buttonBox {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-top:10px
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .buttonBox .btn {
    width:22px;
    height:22px;
    background-color:#f4f7fa;
    border-radius:2px;
    color:#b8bcc4;
    text-align:center;
    line-height:22px;
    font-size:20px;
    cursor:pointer
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .buttonBox .btn:hover {
    background-color:#e9ecf2;
    color:#9098a8
  }
  #pay .mark .container .content .left .selectPage .formItem.type ul li .buttonBox .num {
    line-height:22px;
    font-size:18px;
    color:#2b313c
  }
  #pay .mark .container .content .left .selectPage .formItem.payWay .info {
    width:130px;
    height:42px;
    text-align:center;
    line-height:42px;
    border-radius:2px;
    border:solid 1px #d8dbe0;
    display:inline-block;
    cursor:pointer;
    margin-right:22px
  }
  #pay .mark .container .content .left .selectPage .formItem.payWay .info .zhifubao {
    width:120px
  }
  #pay .mark .container .content .left .selectPage .formItem.payWay .info .icon2 {
    display:none
  }
  #pay .mark .container .content .left .selectPage .formItem.payWay .info.cur {
    border:solid 1px #2c7dfa
  }
  #pay .mark .container .content .left .selectPage .formItem.payWay .info.cur .icon2 {
    display:inline-block
  }
  #pay .mark .container .content .left .selectPage .formItem.payWay .info:hover {
    border:solid 1px #2c7dfa
  }
  #pay .mark .container .content .left .selectPage .formItem.buy_type .info {
    margin-right:22px
  }
  #pay .mark .container .content .left .selectPage .formItem.buy_type .info .icon {
    display:none
  }
  #pay .mark .container .content .left .selectPage .formItem.buy_type .info.cur span {
    border:solid 1px #2c7dfa
  }
  #pay .mark .container .content .left .selectPage .formItem.buy_type .info.cur .icon {
    display:inline-block
  }
  #pay .mark .container .content .left .selectPage .formItem.buy_type .info span {
    width:130px;
    height:42px;
    text-align:center;
    line-height:42px;
    border-radius:2px;
    border:solid 1px #d8dbe0;
    display:inline-block;
    cursor:pointer
  }
  #pay .mark .container .content .left .selectPage .formItem.buy_type .info span:hover {
    border:solid 1px #2c7dfa
  }
  #pay .mark .container .content .left .selectPage button.submit {
    width:140px;
    height:50px;
    background-color:#ffab18;
    border-radius:2px;
    border:0px;
    color:#fff;
    font-weight:bold;
    font-size:16px;
    margin-left:80px;
    cursor:pointer
  }
  #pay .mark .container .content .left .qrcodePage {
    display:none
  }
  #pay .mark .container .content .left .qrcodePage .goBack {
    margin-bottom:71px
  }
  #pay .mark .container .content .left .qrcodePage .body {
    margin-left:159px;
    width:229px
  }
  #pay .mark .container .content .left .qrcodePage .body .center {
    width:147px;
    margin:0 auto
  }
  #pay .mark .container .content .left .qrcodePage .body p {
    margin-bottom:22px;
    font-size:14px;
    line-height:14px;
    color:#5d6574;
    white-space:nowrap
  }
  #pay .mark .container .content .left .qrcodePage .body .qrcode {
    display:block;
    width:147px;
    height:147px
  }
  #pay .mark .container .content .left .qrcodePage .body .icon1 {
    display:block;
    width:85px;
    height:40px;
    margin:11px auto 16px
  }
  #pay .mark .container .content .left .qrcodePage .body .price {
    font-size:22px;
    color:#ff4b40
  }
  #pay .mark .container .content .left .qrcodePage .body .hint {
    color:#b8bcc4
  }
  #pay .mark .container .content .left .resultPage_true .center,
  #pay .mark .container .content .left .resultPage_false .center {
    margin-left:200px;
    width:148px;
    padding-top:49px
  }
  #pay .mark .container .content .left .resultPage_true .center p,
  #pay .mark .container .content .left .resultPage_false .center p {
    white-space:nowrap;
    font-size:14px;
    line-height:14px;
    color:#5d6574;
    margin-bottom:19px
  }
  #pay .mark .container .content .left .resultPage_true .center p.payStatus,
  #pay .mark .container .content .left .resultPage_false .center p.payStatus {
    padding-top:28px;
    text-align:center;
    font-size:24px;
    line-height:24px;
    color:#2b313c;
    margin-bottom:54px
  }
  #pay .mark .container .content .left .resultPage_true .center .icon1,
  #pay .mark .container .content .left .resultPage_false .center .icon1 {
    display:block;
    margin:0 auto;
    width:100px;
    height:100px;
    color:#2c7dfa
  }
  #pay .mark .container .content .left .resultPage_true .btn,
  #pay .mark .container .content .left .resultPage_false .btn {
    padding-left:143px;
    padding-top:27px
  }
  #pay .mark .container .content .left .resultPage_true .btn span,
  #pay .mark .container .content .left .resultPage_false .btn span {
    display:inline-block;
    width:110px;
    height:40px;
    line-height:40px;
    text-align:center;
    background-color:#ffffff;
    border-radius:2px;
    color:#2b313c;
    border:solid 1px #c9ccd1;
    margin-right:18px;
    cursor:pointer
  }
  #pay .mark .container .content .left .resultPage_true .btn .create,
  #pay .mark .container .content .left .resultPage_false .btn .create {
    background-color:#2c7dfa;
    border:0
  }
  #pay .mark .container .content .left .resultPage_true .btn .create a,
  #pay .mark .container .content .left .resultPage_false .btn .create a {
    color:#fff;
    display:block;
    width:100%;
    height:100%;
    line-height:40px;
    text-align:center
  }
  #pay .mark .container .content .left .resultPage_true {
    display:none
  }
  #pay .mark .container .content .left .resultPage_false {
    display:none
  }
  #pay .mark .container .content .left .resultPage_false .goBack {
    margin-bottom:131px
  }
  #pay .mark .container .content .left .resultPage_false .center {
    padding-top:0
  }
  #pay .mark .container .content .left .resultPage_false .center .icon1 {
    color:#ff4b40
  }
  #pay .mark .container .content .right {
    width:168px;
    border-left:1px solid #e9ecf2;
    padding-left:49px;
    text-align:center
  }
  #pay .mark .container .content .right h3 {
    font-size:18px;
    color:#2b313c
  }
  #pay .mark .container .content .right li {
    margin-top:40px
  }
  #pay .mark .container .content .right li span {
    font-size:14px;
    line-height:14px;
    color:#9098a8;
    display:inline-block;
    margin-top:19px
  }
  #pay .mark .container .content .right .icon {
    width:44px;
    height:40px;
    display:block;
    margin:0 auto
  }
  #pay .mark .container .content .right .button {
    width:119px;
    height:31px;
    border:solid 1px #2c7dfa;
    margin:0 auto;
    line-height:31px;
    font-size:12px;
    color:#2c7dfa;
    cursor:pointer;
    margin-top:38px
  }
  #pay .mark .container .content .right .button:hover {
    background:#2c7dfa;
    color:#fff
  }
  #pay #price_sum {
    font-size:26px;
    color:#b8bcc4
  }
}
@media (min-width:750px) {
  #activity_slider_box {
    position:fixed;
    right:0;
    bottom:500px;
    z-index:50
  }
  #activity_slider_box .pc_slider {
    display:block
  }
  #activity_slider_box .pc_slider .activity_icon,
  #activity_slider_box .pc_slider .link_icon {
    position:relative;
    display:block;
    width:100px;
    height:auto;
    background-color:transparent;
    cursor:pointer
  }
  #activity_slider_box .pc_slider .activity_icon img,
  #activity_slider_box .pc_slider .link_icon img {
    width:100%;
    height:auto
  }
  #activity_slider_box .mob_slider {
    display:none
  }
}
@media (max-width:750px) {
  .pc_slider {
    display:none
  }
  .mob_slider {
    position:fixed;
    bottom:7.6rem;
    right:0;
    z-index:1000;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
  }
  .mob_slider .activity_icon,
  .mob_slider .link_icon {
    width:2.66666667rem;
    height:auto;
    position:relative;
    display:block;
    margin-right:-0.13333333rem;
    margin-bottom:20px;
    cursor:pointer;
    list-style:none
  }
  .mob_slider .activity_icon .icon_close,
  .mob_slider .link_icon .icon_close {
    position:absolute;
    top:-0.42666667rem;
    right:.06666667rem;
    width:.42666667rem;
    height:.42666667rem;
    border-radius:50%;
    background-color:rgba(0,0,0,0.1);
    z-index:99
  }
  .mob_slider .activity_icon img,
  .mob_slider .link_icon img {
    display:block;
    width:100%;
    height:auto
  }
}
@media (min-width:750px) {
  #caseDetail {
    width:100%;
    position:relative;
    z-index:1
  }
  #caseDetail .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #caseDetail .caseDetail_box {
    width:1180px;
    margin:0 auto;
    padding-top:80px;
    position:relative
  }
  #caseDetail .banner {
    width:900px;
    height:500px;
    margin-left:33px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative
  }
  #caseDetail .banner .swiper-slide {
    position:relative;
    z-index:1;
    width:100%;
    height:100%
  }
  #caseDetail .banner .swiper-slide a {
    position:relative;
    z-index:2;
    display:block;
    width:100%;
    height:100%
  }
  #caseDetail .banner .header {
    position:absolute;
    left:0;
    bottom:0px;
    z-index:2;
    color:#fff;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:14px 0 14px 46px;
    background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-image:linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-position:center;
    background-size:cover
  }
  #caseDetail .banner .header h2 {
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:800px;
    font-size:28px;
    line-height:37px;
    margin-bottom:13px
  }
  #caseDetail .banner .header .digital {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:260px
  }
  #caseDetail .banner .header .digital i {
    font-size:17px;
    line-height:21px;
    color:#fff
  }
  #caseDetail .banner .header .digital span {
    margin-left:5px;
    line-height:21px;
    font-size:16px;
    color:#fff
  }
  #caseDetail .banner .header .digital .digitalItem:nth-of-type(2) i {
    vertical-align:-8%;
    font-size:17.5px
  }
  #caseDetail .banner .header .digital .digitalItem:nth-of-type(3) i {
    vertical-align:-8%;
    font-size:17.5px
  }
  #caseDetail .casebox {
    width:900px;
    margin-left:33px;
    background-color:#fff;
    padding-bottom:75px;
    min-height:500px
  }
  #caseDetail .casebox .caseContents {
    width:100%
  }
  #caseDetail .casebox .caseContents .views h2 {
    font-size:26px;
    line-height:35px;
    color:#000;
    font-weight:500
  }
  #caseDetail .casebox .caseContents .views .hide {
    display:none
  }
  #caseDetail .casebox .caseContents code {
    white-space:pre-wrap;
    font-size:16px
  }
  #caseDetail .casebox .caseContents h1,
  #caseDetail .casebox .caseContents h2,
  #caseDetail .casebox .caseContents h3 {
    margin-top:30px
  }
  #caseDetail .casebox .caseContents p {
    font-size:16px;
    line-height:34px;
    color:#5d6574;
    margin-top:20px
  }
  #caseDetail .casebox .caseContents img {
    max-width:100%;
    border-radius:2px;
    margin-bottom:30px
  }
  #caseDetail .codebox {
    position:absolute;
    right:calc((100% - 1180px)/2);
    top:80px;
    z-index:100
  }
  #caseDetail .codebox .wxCode {
    -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
    width:230px;
    padding:33px 0
  }
  #caseDetail .codebox .wxCode h3 {
    font-size:16px;
    line-height:21px;
    color:#5d6574;
    text-align:center
  }
  #caseDetail .codebox .wxCode img {
    margin:11px auto 9px;
    width:152px;
    height:152px;
    display:block
  }
  #caseDetail .codebox .wxCode .texts {
    width:152px;
    height:36px;
    background-color:#fa9d5f;
    border-radius:2px;
    color:#fff;
    font-size:14px;
    line-height:36px;
    display:block;
    margin:0 auto;
    text-align:center
  }
  #caseDetail .codebox .wxCode .texts a {
    color:#fff
  }
  #caseDetail .codebox .wxCode .texts:hover {
    background-color:#fa7f64
  }
  #caseDetail .codebox .shareCase {
    margin-top:23px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  #caseDetail .codebox .shareCase span {
    font-size:16px;
    line-height:24px;
    color:#5d6574
  }
  #caseDetail .codebox .shareCase .big {
    display:block
  }
  #caseDetail .codebox .shareCase .small {
    display:none
  }
  #caseDetail .codebox .shareCase i {
    font-size:24px;
    color:#9098a8;
    cursor:pointer;
    margin-left:40px
  }
  #caseDetail .codebox .shareCase i:hover {
    color:#5d6574
  }
  #caseDetail .codebox .shareCase i:nth-of-type(1) {
    margin-left:11px
  }
  #caseDetail .codebox .hoverImg {
    display:none
  }
  #caseDetail .codebox .hoverImg img {
    -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
    margin:5px auto 9px;
    width:152px;
    height:152px;
    display:block
  }
  #caseDetail .recommendBox {
    position:absolute;
    right:calc((100% - 1180px)/2);
    background-color:#fff;
    top:440px;
    z-index:99;
    width:230px;
    padding:20px 15px;
    -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow:0 1px 4px 0 rgba(0,0,0,0.1)
  }
  #caseDetail .recommendBox h1 {
    font-size:16px;
    font-weight:500;
    color:#000000;
    padding-left:10px;
    border-left:3px solid #fa9d5f;
    margin-bottom:27px
  }
  #caseDetail .recommendBox .caseItemBox {
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    height:65px;
    padding-bottom:15px;
    border-bottom:1px dotted #d8dbe0;
    cursor:pointer;
    margin-bottom:15px
  }
  #caseDetail .recommendBox .caseItemBox .index,
  #caseDetail .recommendBox .caseItemBox .indexHover {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:20px;
    height:20px;
    line-height:20px;
    background:#fa9d5f;
    border-radius:2px 0px 0px 0px;
    font-size:12px;
    color:#ffffff;
    text-align:center
  }
  #caseDetail .recommendBox .caseItemBox .indexHover {
    display:none
  }
  #caseDetail .recommendBox .caseItemBox>a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #caseDetail .recommendBox .caseItemBox>a img {
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    width:80px;
    height:50px;
    border-radius:2px
  }
  #caseDetail .recommendBox .caseItemBox>a p {
    padding-left:10px;
    color:#2b313c;
    font-size:14px;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    max-height:40px
  }
  #caseDetail .recommendBox .caseItemBox .info {
    display:none
  }
  #caseDetail .recommendBox .caseItemBox:last-of-type {
    border:none
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type {
    height:195px
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type .index {
    display:none
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type .indexHover {
    display:inline-block;
    width:54px;
    height:25px;
    line-height:25px
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type>a {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type>a img {
    width:100%;
    height:110px;
    border-radius:2px;
    margin-bottom:15px
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type>a p {
    width:100%;
    padding:0;
    margin-bottom:10px;
    white-space:nowrap
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type .info {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:25px;
    font-size:12px;
    color:#5d6574
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type .info p {
    display:none
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type .info .caseItemLabel {
    display:inline-block;
    height:25px;
    line-height:25px;
    margin-left:10px;
    border-radius:13px;
    border:1px solid #d8dbe0;
    padding:0 10px;
    text-align:center;
    color:#5d6574
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type .info .caseItemLabel:hover {
    border:1px solid #fa9d5f;
    color:#fa9d5f
  }
  #caseDetail .recommendBox .checkMore {
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    background:#f9fcfe;
    border-radius:6px;
    font-size:14px;
    color:#494f55;
    display:block;
    cursor:pointer
  }
  #caseDetail .recommendBox .checkMore:hover {
    background:#fa9d5f;
    color:#ffffff
  }
  #caseDetail .linkeCase {
    display:none
  }
}
@media screen and (min-width:760px) and (max-width:1280px) {
  #caseDetail {
    width:100%
  }
  #caseDetail .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #caseDetail .caseDetail_box {
    width:960px
  }
  #caseDetail .banner {
    width:750px;
    height:417px;
    margin-left:0
  }
  #caseDetail .banner .header {
    color:#fff;
    padding:14px 0 14px 38px
  }
  #caseDetail .banner .header h2 {
    font-size:21px;
    line-height:28px;
    margin-bottom:15px;
    width:650px
  }
  #caseDetail .banner .header .digital {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    width:240px
  }
  #caseDetail .banner .header .digital i {
    font-size:16px;
    line-height:16px;
    color:#fff;
    vertical-align:-5%
  }
  #caseDetail .banner .header .digital span {
    margin-left:5px;
    line-height:16px;
    font-size:14px;
    color:#fff
  }
  #caseDetail .banner .header .digital .digitalItem:nth-of-type(2) i {
    vertical-align:-8%;
    font-size:16px
  }
  #caseDetail .banner .header .digital .digitalItem:nth-of-type(3) i {
    vertical-align:-8%;
    font-size:16px
  }
  #caseDetail .casebox {
    width:750px;
    background-color:#fff;
    padding-bottom:80px;
    margin-left:0;
    min-height:530px
  }
  #caseDetail .casebox .caseContents {
    width:100%
  }
  #caseDetail .casebox .caseContents h1,
  #caseDetail .casebox .caseContents h3 {
    margin-top:25px
  }
  #caseDetail .casebox .caseContents h2 {
    margin-top:30px;
    font-size:24px;
    line-height:32px
  }
  #caseDetail .casebox .caseContents p {
    font-size:18px;
    line-height:34px;
    color:#5d6574;
    margin-top:16px
  }
  #caseDetail .casebox .caseContents img {
    max-width:100%;
    border-radius:2px;
    margin-bottom:25px
  }
  #caseDetail .codebox {
    position:absolute;
    right:calc((100% - 960px)/2);
    top:120px;
    z-index:100
  }
  #caseDetail .codebox .wxCode {
    -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
    width:191px;
    padding:28px 0
  }
  #caseDetail .codebox .wxCode h3 {
    font-size:12px;
    line-height:15px;
    color:#5d6574;
    text-align:center
  }
  #caseDetail .codebox .wxCode img {
    margin:10px auto 6px;
    width:130px;
    height:130px;
    display:block
  }
  #caseDetail .codebox .wxCode .texts {
    width:126px;
    height:30px;
    background-color:#fa9d5f;
    border-radius:2px;
    color:#fff;
    font-size:12px;
    line-height:30px;
    display:block;
    margin:0 auto;
    text-align:center
  }
  #caseDetail .codebox .shareCase {
    margin-top:23px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  #caseDetail .codebox .shareCase .big {
    display:none
  }
  #caseDetail .codebox .shareCase .small {
    width:60px;
    display:block
  }
  #caseDetail .codebox .shareCase span {
    font-size:16px;
    line-height:24px;
    color:#5d6574
  }
  #caseDetail .codebox .shareCase i {
    font-size:18px;
    color:#9098a8;
    cursor:pointer;
    margin-left:29px
  }
  #caseDetail .codebox .shareCase i:nth-of-type(1) {
    margin-left:9px
  }
  #caseDetail .codebox .hoverImg {
    display:none
  }
  #caseDetail .codebox .hoverImg img {
    -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
    margin:0px auto 6px;
    width:130px;
    height:130px;
    display:block
  }
  #caseDetail .recommendBox {
    position:absolute;
    right:calc((100% - 960px)/2);
    top:427px;
    width:191px
  }
  #caseDetail .recommendBox h1 {
    font-size:14px;
    font-weight:400
  }
  #caseDetail .recommendBox .caseItemBox>a img {
    width:80px;
    height:50px
  }
  #caseDetail .recommendBox .caseItemBox>a p {
    font-size:12px;
    max-height:34px
  }
  #caseDetail .recommendBox .caseItemBox .index,
  #caseDetail .recommendBox .caseItemBox .indexHover {
    width:15px;
    height:15px;
    line-height:15px;
    font-size:12px
  }
  #caseDetail .recommendBox .caseItemBox .indexHover {
    display:none
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type {
    height:165px
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type>a img {
    width:100%;
    height:85px
  }
  #caseDetail .recommendBox .caseItemBox:first-of-type .indexHover {
    width:44px;
    height:20px;
    line-height:20px
  }
  #caseDetail .recommendBox .checkMore {
    height:30px;
    line-height:30px;
    font-size:12px
  }
}
@media (max-width:750px) {
  #caseDetail {
    width:10rem;
    padding-top:1.33333333rem
  }
  #caseDetail .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #caseDetail .caseDetail_box {

    width:100%;
    margin:0 auto;
    position:relative
  }
  #caseDetail .banner {
    width:10rem;
    height:5.54666667rem;
    position:relative
  }
  #caseDetail .banner .swiper-slide {
    position:relative;
    width:100%;
    height:100%;
    z-index:1
  }
  #caseDetail .banner .swiper-slide a {
    position:relative;
    z-index:2;
    display:block;
    width:100%;
    height:100%
  }
  #caseDetail .banner .header {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    color:#fff;
    background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-image:linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-position:center;
    background-size:cover;
    padding:.26666667rem 0 .26666667rem .61333333rem;
    z-index:2
  }
  #caseDetail .banner .header h2 {
    font-size:.4rem;
    line-height:.53333333rem;
    margin-bottom:.17333333rem;
    width:8.66666667rem;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:600
  }
  #caseDetail .banner .header .digital {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:4.66666667rem;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  #caseDetail .banner .header .digital .digitalItem {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    height:.4rem
  }
  #caseDetail .banner .header .digital i {
    font-size:.26666667rem;
    line-height:.4rem;
    color:#fff
  }
  #caseDetail .banner .header .digital span {
    margin-left:.12rem;
    line-height:.4rem;
    font-size:.29333333rem;
    color:#fff
  }
  #caseDetail .casebox {
    width:100%;
    padding:0 .49333333rem;
    background-color:#fff;
    padding-bottom:.04rem
  }
  #caseDetail .casebox .caseContents {
    width:100%
  }
  #caseDetail .casebox .caseContents .views {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    margin-top:.65333333rem
  }
  #caseDetail .casebox .caseContents .views h2 {
    font-size:.48rem;
    line-height:.64rem;
    padding-top:.10666667rem;
    color:#000000;
    font-weight:600
  }
  #caseDetail .casebox .caseContents .views a {
    width:2.36rem;
    height:.78666667rem;
    background-color:#fa9d5f;
    border-radius:.4rem;
    line-height:.78666667rem;
    color:#fff;
    font-size:.32rem;
    text-align:center
  }
  #caseDetail .casebox .caseContents code {
    white-space:pre-wrap;
    font-size:16px
  }
  #caseDetail .casebox .caseContents h1,
  #caseDetail .casebox .caseContents h2,
  #caseDetail .casebox .caseContents h3 {
    margin-top:.8rem;
    font-size:.4rem;
    line-height:.45333333rem
  }
  #caseDetail .casebox .caseContents p {
    font-size:.32rem;
    line-height:.45333333rem;
    color:#5d6574;
    margin-top:.53333333rem
  }
  #caseDetail .casebox .caseContents img {
    max-width:100%;
    border-radius:.02666667rem;
    margin-bottom:.4rem
  }
  #caseDetail .codebox {
    display:none
  }
  #caseDetail .recommendBox {
    position:relative;
    width:100%;
    padding:.53333333rem .49333333rem;
    background-color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  #caseDetail .recommendBox h1 {
    font-size:.42666667rem;
    font-weight:500;
    padding-left:.26666667rem;
    border-left:.08rem solid #fa9d5f;
    margin-bottom:.53333333rem
  }
  #caseDetail .recommendBox .caseItemBox {
    position:relative;
    height:2.53333333rem;
    padding-bottom:0;
    cursor:pointer;
    margin-bottom:.4rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  #caseDetail .recommendBox .caseItemBox .indexHover {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:1.44rem;
    height:.66666667rem;
    line-height:.66666667rem;
    background:#fa9d5f;
    font-size:.32rem;
    color:#ffffff;
    text-align:center
  }
  #caseDetail .recommendBox .caseItemBox .index {
    display:none
  }
  #caseDetail .recommendBox .caseItemBox>a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start
  }
  #caseDetail .recommendBox .caseItemBox>a img {
    width:3.73333333rem;
    height:2.13333333p;
    border-radius:.05333333rem
  }
  #caseDetail .recommendBox .caseItemBox>a p {
    display:none
  }
  #caseDetail .recommendBox .caseItemBox .info {
    padding-left:.26666667rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
  #caseDetail .recommendBox .caseItemBox .info .moblieTitle {
    display:block;
    font-size:.37333333rem;
    font-weight:400;
    color:#2b313c;
    white-space:nowrap;
    max-width:5.06666667rem;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    margin-bottom:.13333333rem
  }
  #caseDetail .recommendBox .caseItemBox .info span {
    display:block;
    font-size:.32rem;
    color:#5d6574;
    margin-bottom:.34666667rem
  }
  #caseDetail .recommendBox .caseItemBox .info .caseItemLabel {
    display:inline-block;
    border:.02666667rem solid #fa9d5f;
    border-radius:.34666667rem;
    font-size:.32rem;
    height:.66666667rem;
    width:1.81333333rem;
    padding:0;
    line-height:.66666667rem;
    text-align:center;
    color:#fa9d5f;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
  }
  #caseDetail .recommendBox .checkMore {
    width:100%;
    height:40px;
    line-height:1.06666667rem;
    text-align:center;
    background:#fa9d5f;
    border-radius:.16rem;
    font-size:.37333333rem;
    color:#fff;
    display:block;
    cursor:pointer
  }
  #caseDetail .linkeCase {
    display:none;
    background-color:#f4f4f8;
    text-align:center;
    font-size:.34666667rem;
    line-height:.46666667rem;
    padding:.56rem 0;
    color:#fa9d5f;
    cursor:pointer;
    font-weight:600
  }
  #caseDetail .linkeCase i {
    font-size:.29333333rem
  }
  #caseDetail .linkeCase a {
    cursor:pointer;
    color:#fa9d5f
  }
}
@media (max-width:750px) {
  .contact-us {
    width:100%;
    height:5.15rem;
    background-image:-webkit-linear-gradient(27deg, #6a81ff 18%, #7ab2ff 82%);
    background-image:-o-linear-gradient(27deg, #6a81ff 18%, #7ab2ff 82%);
    background-image:linear-gradient(63deg, #6a81ff 18%, #7ab2ff 82%);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  .contact-us .contact-container {
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
  }
  .contact-us .contact-container img:nth-of-type(1) {
    position:absolute;
    z-index:1;
    left:0;
    bottom:0;
    height:3.03rem
  }
  .contact-us .contact-container img:nth-of-type(2) {
    position:absolute;
    z-index:1;
    right:0;
    top:0;
    height:3.03rem
  }
  .contact-us .contact-container>div {
    margin-top:.4rem;
    z-index:2;
    width:100%;
    height:4.36rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
  }
  .contact-us h2 {
    color:#ffffff;
    font-size:.15rem;
    font-weight:400;
    margin-bottom:.1rem
  }
  .contact-us .tip {
    width:3.36rem;
    color:#ffffff;
    font-size:.12rem;
    line-height:.19rem;
    font-weight:400;
    margin-bottom:.2rem;
    text-align:center
  }
  .contact-us .input-wrapper {
    width:2.56rem;
    height:.8rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:block;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:.45rem
  }
  .contact-us .input-wrapper .ipt-item {
    height:.44rem;
    width:2.56rem;
    border-bottom:1px solid rgba(255,255,255,0.6);
    font-size:.12rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  .contact-us .input-wrapper .ipt-item>span {
    color:#ffffff;
    height:30px;
    line-height:30px;
    margin:.07rem 0
  }
  .contact-us .input-wrapper .ipt-item .ipt-inner {
    position:relative
  }
  .contact-us .input-wrapper .ipt-item .ipt-inner>span {
    display:none;
    width:1.15rem;
    left:.1rem;
    position:absolute;
    color:#fff906;
    bottom:-0.2rem
  }
  .contact-us .input-wrapper .ipt-item .ipt-inner input {
    height:.4rem;
    outline:none;
    border:none;
    line-height:1.5;
    background-color:transparent;
    background-image:none;
    color:#ffffff;
    padding-left:.14rem
  }
  .contact-us .input-wrapper .ipt-item .ipt-inner input:focus {
    border:none;
    background-color:transparent
  }
  .contact-us .input-wrapper .ipt-item .ipt-inner input:-webkit-autofill {
    -webkit-box-shadow:0 0 0px 1000px transparent inset !important
  }
  .contact-us .text {
    position:relative
  }
  .contact-us .text ::-webkit-input-placeholder {
    color:#ffffff;
    opacity:.8
  }
  .contact-us .text :-moz-placeholder {
    color:#ffffff;
    opacity:.8
  }
  .contact-us .text ::-moz-placeholder {
    color:#ffffff;
    opacity:.8
  }
  .contact-us .text :-ms-input-placeholder {
    color:#ffffff;
    opacity:.8
  }
  .contact-us .text textarea {
    resize:none;
    padding:.12rem .13rem;
    width:2.49rem;
    height:1.78rem;
    border:1px solid rgba(255,255,255,0.6);
    background-color:transparent;
    background-image:none;
    color:#ffffff;
    font-size:.12rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  .contact-us .text span {
    display:none;
    position:absolute;
    color:#fff906;
    right:0;
    bottom:.05rem
  }
  .contact-us .sub-btn {
    margin-top:.2rem;
    width:.91rem;
    height:.25rem;
    border-radius:.01rem;
    background-color:#ffffff;
    line-height:.25rem;
    color:#44486c;
    font-size:.1rem;
    font-weight:900;
    text-align:center;
    cursor:pointer;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
  }
  .contact-us .sub-btn:hover,
  .contact-us .sub-btn:focus {
    opacity:.8
  }
}
@media (max-width:750px) {
  .mob-hide {
    display:none !important
  }
  .common-head {
    width:3.75rem;
    height:1rem;
    background-image:-webkit-linear-gradient(9deg, #5d9ffa 18%, #59c4fc 82%);
    background-image:-o-linear-gradient(9deg, #5d9ffa 18%, #59c4fc 82%);
    background-image:linear-gradient(81deg, #5d9ffa 18%, #59c4fc 82%);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
  }
  .common-head .icon-r {
    color:#ffffff;
    opacity:.2;
    position:absolute;
    right:.3rem;
    top:-0.35rem;
    font-size:.8rem
  }
  .common-head .icon-l {
    color:#ffffff;
    opacity:.2;
    position:absolute;
    left:.3rem;
    bottom:-0.35rem;
    font-size:.8rem
  }
  .common-head span {
    font-size:.11rem;
    font-weight:normal;
    font-stretch:normal;
    line-height:1.5;
    letter-spacing:0px;
    color:#ffffff;
    text-align:center;
    width:3.2rem
  }
  .common-head h4 {
    font-size:24px;
    font-weight:normal;
    font-stretch:normal;
    line-height:30px;
    letter-spacing:0px;
    color:#ffffff;
    margin-bottom:18px
  }
  .common-head p {
    text-align:center;
    font-size:14px;
    font-weight:normal;
    font-stretch:normal;
    line-height:22px;
    letter-spacing:0px;
    color:#ffffff
  }
  .popout {
    z-index:999;
    display:none;
    padding:15px 30px;
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translateY(-50%) translateX(-50%);
    -ms-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);
    background-color:rgba(0,0,0,0.5);
    border-radius:3px;
    color:#ffffff;
    font-size:.14rem;
    text-align:center
  }
}
@media (max-width:750px) {
  #pay_mob {
    background-color:#ffffff;
    position:absolute;
    width:100%;
    z-index:99;
    top:.5rem;
    left:0;
    display:none
  }
  #pay_mob .buy_type {
    margin-bottom:.15rem
  }
  #pay_mob .buy_type .info {
    width:1.06rem;
    height:.34rem;
    background-color:#fff;
    border-radius:.03rem;
    border:solid 1px #d8dbe0;
    display:inline-block;
    font-size:.14rem;
    line-height:.34rem;
    text-align:center;
    color:#2b313c;
    margin-right:.08rem
  }
  #pay_mob .buy_type .info.cur {
    border:solid 1px #cf890f;
    background-color:rgba(207,137,15,0.1)
  }
  #pay_mob .icon {
    width:1em;
    height:1em;
    vertical-align:-0.15em;
    fill:currentColor;
    overflow:hidden
  }
  #pay_mob .selectPage {
    display:none;
    background-color:#f4f7fa;
    width:100%;
    position:relative
  }
  #pay_mob .selectPage .part-1 {
    height:3.58rem;
    padding:.2rem;
    margin-bottom:.11rem;
    background-color:#ffffff
  }
  #pay_mob .selectPage .part-1 .back-link {
    width:100%;
    height:.2rem;
    color:#9098a8;
    font-size:.14rem;
    font-weight:400;
    line-height:.2rem;
    margin-bottom:.2rem
  }
  #pay_mob .selectPage .part-1 .back-link .icon {
    margin-right:.05rem
  }
  #pay_mob .selectPage .part-1 .iconfont {
    width:.08rem;
    height:.14rem;
    font-size:.14rem;
    color:#9098a8
  }
  #pay_mob .selectPage .part-1 .title {
    height:.23rem;
    color:#2b313c;
    font-size:.16rem;
    font-weight:500;
    line-height:.23rem;
    margin-bottom:.15rem
  }
  #pay_mob .selectPage .part-1 .type-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    width:3.34rem;
    height:1.42rem;
    display:none;
    position:relative
  }
  #pay_mob .selectPage .part-1 .type-wrapper.cur {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  #pay_mob .selectPage .part-1 .type-wrapper .hint {
    position:absolute;
    right:-0.075rem;
    top:-0.135rem;
    height:.21rem;
    padding:0 .1rem;
    background-color:#f5dfb6;
    border-radius:.135rem .135rem .135rem .01rem;
    text-align:center;
    line-height:.21rem;
    border:solid 1px #f19149;
    font-size:.11rem;
    color:#ff4b40
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item {
    width:1.06rem;
    height:1.42rem;
    border-radius:.03rem;
    border:.01rem solid #d8dbe0;
    background-color:#ffffff;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .type_info {
    height:1.1rem;
    width:1.06rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .type_info p:nth-of-type(1) {
    height:.2rem;
    line-height:.2rem;
    color:#2b313c;
    font-size:.14rem;
    font-weight:500;
    text-align:center;
    margin-bottom:.1rem;
    margin-top:.3rem
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .type_info p:nth-of-type(2) {
    display:inline-block;
    height:.2rem;
    line-height:.2rem;
    color:#f35850;
    font-size:.13rem;
    text-align:center;
    margin-bottom:.07rem
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .type_info p:nth-of-type(2) span {
    text-align:center;
    height:.37rem;
    color:#f35850;
    font-family:"Ping Fang SC";
    font-size:.26rem;
    letter-spacing:-0.005rem;
    line-height:.26rem
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .type_info p:nth-of-type(3) {
    width:.28rem;
    height:.26rem;
    color:#b8bcc4;
    font-size:.12rem;
    font-weight:400;
    letter-spacing:-0.002rem;
    line-height:.26rem;
    text-decoration:line-through
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .buttonBox {
    display:none;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    width:100%;
    background-color:#ffffff
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .buttonBox span {
    width:33.33%;
    display:inline-block;
    text-align:center;
    height:.32rem;
    line-height:.32rem
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .buttonBox .num {
    font-size:.15rem;
    color:#2b313c
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .buttonBox .minBtn {
    display:inline-block;
    font-size:.18rem;
    color:rgba(207,137,15,0.3);
    position:relative
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .buttonBox .minBtn:after {
    content:' ';
    width:.11rem;
    height:.02rem;
    background-color:rgba(207,137,15,0.3);
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .buttonBox .minBtn.can-click:after {
    background-color:#cf890f !important
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item .buttonBox .addBtn {
    font-size:.28rem;
    color:#cf890f
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item.active {
    width:1.06rem;
    height:1.42rem;
    border-radius:.03rem;
    border:.01rem solid #cf890f;
    background-color:rgba(207,137,15,0.1)
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item.active .buttonBox {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  #pay_mob .selectPage .part-1 .type-wrapper .type-item.active .type_info {
    border-bottom:.01rem solid #cf890f
  }
  #pay_mob .selectPage .part-1 .type-wrapper .year::before {
    content:'不限场次';
    width:.72rem;
    height:.23rem;
    background-color:#f0e0ba;
    border-radius:.14rem .14rem .14rem .01rem;
    position:absolute;
    top:-0.12rem;
    right:-0.14rem;
    font-size:.12rem;
    color:#cf890f;
    text-align:center;
    line-height:.23rem
  }
  #pay_mob .selectPage .payWay {
    height:.6rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:.11rem;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    background-color:#ffffff;
    padding:0 .2rem
  }
  #pay_mob .selectPage .payWay .info {
    width:.9rem;
    font-size:.2rem
  }
  #pay_mob .selectPage .payWay .info .icon1 {
    width:.89rem;
    height:.4rem;
    color:#00b700;
    font-size:.2rem
  }
  #pay_mob .selectPage .payWay .info span {
    height:.2rem;
    line-height:.2rem;
    color:#5d6574;
    font-family:"Ping Fang SC";
    font-size:.15rem;
    font-weight:500
  }
  #pay_mob .selectPage .payWay .checked {
    width:.18rem;
    height:.18rem;
    font-size:.2rem
  }
  #pay_mob .selectPage .payWay .checked span {
    border-radius:50%  ;
    display:inline-block;
    width:.18rem;
    height:.18rem;
    border:.05rem solid rgba(207,137,15,0.6);
    background-color:#ffffff
  }
  #pay_mob .selectPage .vip-power {
    height:2.85rem;
    padding:.17rem .2rem .3rem .2rem;
    font-size:.12rem;
    background-color:#ffffff
  }
  #pay_mob .selectPage .vip-power .vip-title {
    color:#2b313c;
    font-size:.16rem;
    font-weight:500;
    margin-bottom:.3rem
  }
  #pay_mob .selectPage .feature-wrapper {
    width:3.26rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:.4rem
  }
  #pay_mob .selectPage .feature-wrapper .feature {
    height:.75rem;
    width:.55rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #pay_mob .selectPage .feature-wrapper .feature span {
    color:#9098a8;
    font-size:.13rem
  }
  #pay_mob .selectPage .feature-wrapper:nth-of-type(1) .feature:nth-of-type(1) img {
    width:.44rem;
    height:.44rem
  }
  #pay_mob .selectPage .feature-wrapper:nth-of-type(1) .feature:nth-of-type(2) img {
    width:.48rem;
    height:.42rem
  }
  #pay_mob .selectPage .feature-wrapper:nth-of-type(1) .feature:nth-of-type(3) img {
    width:.46rem;
    height:.39rem
  }
  #pay_mob .selectPage .feature-wrapper:nth-of-type(1) .feature:nth-of-type(4) img {
    width:.37rem;
    height:.41rem
  }
  #pay_mob .selectPage .feature-wrapper:nth-of-type(2) .feature:nth-of-type(1) img {
    width:.46rem;
    height:.36rem
  }
  #pay_mob .selectPage .feature-wrapper:nth-of-type(2) .feature:nth-of-type(2) img {
    width:.48rem;
    height:.34rem
  }
  #pay_mob .selectPage .feature-wrapper:nth-of-type(2) .feature:nth-of-type(3) img {
    width:.42rem;
    height:.4rem
  }
  #pay_mob .selectPage .feature-wrapper:nth-of-type(2) .feature:nth-of-type(4) img {
    width:.45rem;
    height:.34rem
  }
  #pay_mob .selectPage .vip-tip {
    height:.35rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    margin-bottom:.58rem
  }
  #pay_mob .selectPage .vip-tip span {
    color:#b8bcc4;
    font-size:.12rem;
    height:.26rem;
    line-height:.26rem
  }
  #pay_mob .selectPage .vip-tip a {
    color:#cf890f;
    height:.26rem;
    font-size:.12rem;
    line-height:.26rem
  }
  #pay_mob .selectPage .bottom-wrapper {
    height:.58rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:.12rem;
    background-color:#ffffff;
    position:fixed;
    bottom:0;
    width:100%
  }
  #pay_mob .selectPage .bottom-wrapper .info {
    padding:.12rem 0 .04rem .2rem
  }
  #pay_mob .selectPage .bottom-wrapper .info .price-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    height:.25rem;
    line-height:.25rem
  }
  #pay_mob .selectPage .bottom-wrapper .info .price-wrapper span:nth-of-type(1) {
    color:#5d6574;
    font-size:.15rem;
    font-weight:500
  }
  #pay_mob .selectPage .bottom-wrapper .info .price-wrapper span:nth-of-type(1) i {
    font-style:normal;
    color:#f35850;
    font-family:"Ping Fang SC";
    font-size:.11rem
  }
  #pay_mob .selectPage .bottom-wrapper .info .price-wrapper span:nth-of-type(2) {
    color:#f35850;
    font-size:.22rem;
    font-weight:600
  }
  #pay_mob .selectPage .bottom-wrapper .info .price-wrapper span:nth-of-type(3) {
    color:#b8bcc4;
    font-size:.12rem;
    font-weight:400
  }
  #pay_mob .selectPage .bottom-wrapper .info .intro {
    height:.16rem;
    color:#9098a8;
    line-height:.16rem;
    font-size:.11rem
  }
  #pay_mob .selectPage .bottom-wrapper .submit {
    width:1.22rem;
    height:.58rem;
    background-color:rgba(207,137,15,0.24);
    font-size:.15rem;
    color:#cf890f;
    text-align:center;
    line-height:.58rem;
    font-weight:500
  }
  #pay_mob .selectPage .pay-foot {
    height:.23rem;
    width:100%;
    background-color:#f4f7fa
  }
  #pay_mob .qrcodePage {
    padding-bottom:.5rem;
    display:none
  }
  #pay_mob .qrcodePage .goBack {
    margin:.2rem;
    margin-bottom:.5rem;
    color:#9098a8;
    font-size:.14rem
  }
  #pay_mob .qrcodePage .goBack .icon {
    height:.14rem
  }
  #pay_mob .qrcodePage .body {
    margin:0 auto;
    width:2.7rem;
    height:3.56rem;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #pay_mob .qrcodePage .body .center {
    width:1.47rem
  }
  #pay_mob .qrcodePage .body .center .user-order {
    position:relative;
    left:.1rem
  }
  #pay_mob .qrcodePage .body p {
    height:.2rem;
    font-size:.14rem;
    line-height:.14rem;
    color:#5d6574;
    white-space:nowrap;
    text-align:left;
    margin-bottom:.1rem
  }
  #pay_mob .qrcodePage .body .qrcode {
    display:block;
    margin:.1rem auto
  }
  #pay_mob .qrcodePage .body #qrcode #qrcode_mob img {
    display:block !important
  }
  #pay_mob .qrcodePage .body .wx {
    text-align:center;
    margin-bottom:.2rem
  }
  #pay_mob .qrcodePage .body .icon1 {
    width:.85rem;
    height:.4rem
  }
  #pay_mob .qrcodePage .body .price {
    font-size:.22rem;
    color:#ff4b40
  }
  #pay_mob .qrcodePage .body .code-intro {
    color:#2b313c;
    font-family:"Ping Fang SC";
    font-size:.16rem;
    font-weight:500;
    line-height:.15rem;
    height:.23rem;
    margin-bottom:.1rem;
    font-weight:bold
  }
  #pay_mob .qrcodePage .body .hint {
    color:#b8bcc4
  }
  #pay_mob .resultPage_true .center,
  #pay_mob .resultPage_false .center {
    width:3.75rem;
    height:2.33rem;
    margin-top:.65rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #pay_mob .resultPage_true .center p,
  #pay_mob .resultPage_false .center p {
    white-space:nowrap;
    font-size:.14rem;
    line-height:.14rem;
    color:#5d6574;
    margin-bottom:.1rem
  }
  #pay_mob .resultPage_true .center p.payStatus,
  #pay_mob .resultPage_false .center p.payStatus {
    margin-top:.16rem;
    text-align:center;
    font-size:.24rem;
    line-height:.24rem;
    color:#2b313c;
    margin-bottom:.36rem
  }
  #pay_mob .resultPage_true .center .icon1,
  #pay_mob .resultPage_false .center .icon1 {
    display:block;
    margin:0 auto;
    width:.66rem;
    height:.66rem;
    color:#2c7dfa
  }
  #pay_mob .resultPage_true .btn,
  #pay_mob .resultPage_false .btn {
    margin-top:.54rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #pay_mob .resultPage_true .btn span,
  #pay_mob .resultPage_false .btn span {
    margin:0 auto;
    display:inline-block;
    width:1.1rem;
    height:.4rem;
    border-radius:.01rem;
    border:.01rem solid #c9ccd1;
    background-color:#ffffff;
    line-height:.4rem;
    text-align:center;
    color:#2b313c;
    cursor:pointer
  }
  #pay_mob .resultPage_true .btn .create,
  #pay_mob .resultPage_false .btn .create {
    background-color:#2c7dfa;
    border:0
  }
  #pay_mob .resultPage_true .btn .create a,
  #pay_mob .resultPage_false .btn .create a {
    color:#fff;
    display:block;
    width:100%;
    height:100%;
    line-height:40px;
    text-align:center
  }
  #pay_mob #result_name {
    padding-left:.22rem
  }
  #pay_mob .resultPage_true {
    display:none;
    margin-top:1.2rem;
    padding-bottom:1rem
  }
  #pay_mob .resultPage_false {
    display:none
  }
  #pay_mob .resultPage_false .goBack {
    padding-left:.2rem;
    margin-top:.2rem;
    margin-bottom:1.3rem
  }
  #pay_mob .resultPage_false .center {
    padding-top:0
  }
  #pay_mob .resultPage_false .center .icon1 {
    color:#ff4b40
  }
}
#active_box {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(0,0,0,0.4);
  display:none;
  z-index:1000
}
#active_box .pc {
  display:block
}
#active_box .mob {
  display:none
}
#active_box .img {
  width:100%;
  display:block
}
#active_box .link {
  display:block;
  text-decoration:none;
  color:inherit
}
#active_box .active_box_content {
  position:absolute;
  top:50%;
  left:50%;
  width:600px;
  -webkit-transform:translate(-50%, -55%);
  -ms-transform:translate(-50%, -55%);
  transform:translate(-50%, -55%)
}
#active_box .active_box_content .banner_bg {
  width:100%
}
#active_box .active_box_content .banner_btn {
  position:absolute;
  left:50%;
  bottom:140px;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:320px
}
#active_box .active_box_content .draw_link {
  position:absolute;
  left:50%;
  bottom:0;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:350px;
  height:100px
}
#active_box .active_box_content .close_icon {
  position:absolute;
  right:18px;
  top:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  color:white;
  z-index:99;
  cursor:pointer
}
#active_box .active_box_content .close_icon .icon {
  -ms-flex-item-align:center;
  align-self:center
}
@media (max-width:750px) {
  #active_box .pc {
    display:none
  }
  #active_box .mob {
    display:block
  }
  #active_box .active_box_content {
    width:100%
  }
  #active_box .active_box_content .close_icon {
    right:50%;
    top:calc(100% + 15px);
    -webkit-transform:translateX(50%);
    -ms-transform:translateX(50%);
    transform:translateX(50%)
  }
  #active_box .active_box_content .banner_btn {
    position:absolute;
    left:50%;
    bottom:3.2rem;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:7.33333333rem
  }
  #active_box .active_box_content .draw_link {
    position:absolute;
    left:50%;
    bottom:0;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:8rem;
    height:2.21333333rem
  }
}
@media screen and (min-width:750px) {
  #feedback {
    width:100%
  }
  #feedback .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #feedback .img_bg.pc {
    display:block
  }
  #feedback .img_bg.mob {
    display:none
  }
  #feedback .feed-banner {
    width:100%;
    height:400px;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    z-index:1
  }
  #feedback .feed-banner .feed-title {
    width:100%;
    text-align:center;
    font-size:54px;
    line-height:75px;
    color:white;
    position:relative;
    z-index:2
  }
  #feedback .feed-banner .feed-tips {
    margin-top:28px;
    width:100%;
    text-align:center;
    font-size:20px;
    color:white;
    position:relative;
    z-index:2
  }
  #feedback .feed-content {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    margin-top:80px;
    padding-bottom:120px
  }
  #feedback .feed-content::after {
    content:'';
    display:block;
    clear:both
  }
  #feedback .feed-content .feed-question {
    width:100%;
    margin-top:60px;
    font-size:20px;
    line-height:28px;
    text-align:left
  }
  #feedback .feed-content .feed-question:nth-of-type(1) {
    margin-top:0
  }
  #feedback .feed-content .feed-question .question-title {
    position:relative;
    color:#303030;
    font-weight:500
  }
  #feedback .feed-content .feed-question .question-title span {
    position:absolute;
    left:-13px;
    color:#ff4b40;
    line-height:28px;
    margin-right:10px;
    font-size:20px
  }
  #feedback .feed-content .feed-question .question-tips {
    margin-top:11px;
    font-size:16px;
    color:#5d6574
  }
  #feedback .feed-content .feed-question .question-content {
    margin-top:25px;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  #feedback .feed-content .feed-question .question-content .errors {
    border:1px solid red
  }
  #feedback .feed-content .feed-question .select-item {
    margin-left:30px;
    font-size:16px;
    color:#5d6574;
    position:relative
  }
  #feedback .feed-content .feed-question .select-item input[type='radio'] {
    width:16px;
    height:16px;
    opacity:0
  }
  #feedback .feed-content .feed-question .select-item .radio {
    position:absolute;
    left:5px;
    top:3px;
    width:14px;
    height:14px;
    border-radius:50%;
    border:1px solid #ffc7c3;
    cursor:pointer
  }
  #feedback .feed-content .feed-question .select-item input[type='radio']:checked+.radio {
    background-color:#fa9d5f;
    border:1px solid #fa9d5f
  }
  #feedback .feed-content .feed-question .select-item input[type='radio']:checked+.radio::after {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:6px;
    height:6px;
    border-radius:50%;
    background-color:white;
    z-index:100
  }
  #feedback .feed-content .feed-question .select-item:first-child {
    margin-left:0
  }
  #feedback .feed-content .feed-question .select-item span {
    margin-left:10px
  }
  #feedback .feed-content .feed-question .feed-text {
    width:100%;
    height:150px;
    resize:vertical;
    padding:20px 15px;
    font-size:16px;
    line-height:1.5;
    border:1px solid #d8dbe0
  }
  #feedback .feed-content .feed-question .feed-text::-webkit-input-placeholder {
    color:#e4e4e4;
    font-size:16px;
    list-style:22px
  }
  #feedback .feed-content .feed-question .feed-text::-moz-placeholder {
    color:#e4e4e4;
    font-size:16px;
    list-style:22px
  }
  #feedback .feed-content .feed-question .feed-text::-ms-input-placeholder {
    color:#e4e4e4;
    font-size:16px;
    list-style:22px
  }
  #feedback .feed-content .feed-question .feed-text::placeholder {
    color:#e4e4e4;
    font-size:16px;
    list-style:22px
  }
  #feedback .feed-content .feed-question .input-file {
    display:none
  }
  #feedback .feed-content .feed-question .feed-img-btn {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:198px;
    height:198px;
    text-align:center;
    color:#5d6574;
    font-size:16px;
    border:solid 1px #d8dbe0;
    border-radius:2px;
    cursor:pointer
  }
  #feedback .feed-content .feed-question .feed-img-btn .icon {
    font-size:38px
  }
  #feedback .feed-content .feed-question .upload-img-wrap {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap
  }
  #feedback .feed-content .feed-question .upload-img {
    width:120px;
    height:120px;
    margin-right:15px;
    position:relative
  }
  #feedback .feed-content .feed-question .upload-img .delete-btn {
    position:absolute;
    top:0;
    right:0;
    -webkit-transform:translate(50%, -50%);
    -ms-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    opacity:0;
    -webkit-transition:opacity .6s linear;
    -o-transition:opacity .6s linear;
    transition:opacity .6s linear;
    width:14px;
    height:14px;
    border-radius:50%;
    background-color:rgba(0,0,0,0.4);
    z-index:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    cursor:pointer
  }
  #feedback .feed-content .feed-question .upload-img .delete-btn .icon {
    width:6px;
    height:6px;
    font-size:6px;
    color:white;
    -ms-flex-item-align:center;
    align-self:center
  }
  #feedback .feed-content .feed-question .upload-img img {
    width:100%;
    height:100%
  }
  #feedback .feed-content .feed-question .upload-img:nth-child(9n) {
    margin-right:0;
    margin-bottom:15px
  }
  #feedback .feed-content .feed-question .upload-img:hover .delete-btn {
    opacity:1
  }
  #feedback .feed-content .feed-question .contact {
    width:100%;
    color:#5d6574;
    outline:none;
    font-size:16px;
    padding:15px 20px;
    border:1px solid #d8dbe0
  }
  #feedback .feed-content .submit {
    margin-top:80px;
    width:100%;
    height:54px;
    background-color:#ff6441;
    text-align:center;
    font-size:20px;
    color:white;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:600;
    cursor:pointer
  }
}
@media screen and (max-width:750px) {
  #feedback {
    width:100%
  }
  #feedback .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #feedback .img_bg.pc {
    display:none
  }
  #feedback .img_bg.mob {
    display:block
  }
  #feedback .feed-banner {
    width:100%;
    height:38.53333333vw;
    position:relative;
    padding-top:11.6vw;
    z-index:1
  }
  #feedback .feed-banner .feed-title {
    width:100%;
    text-align:center;
    font-size:4.26666667vw;
    color:white;
    position:relative;
    z-index:2
  }
  #feedback .feed-banner .feed-tips {
    margin-top:2.93333333vw;
    width:100%;
    text-align:center;
    font-size:2.93333333vw;
    color:white;
    position:relative;
    z-index:2
  }
  #feedback .feed-content {
    width:89.33333333vw;
    margin:0 auto;
    padding-bottom:12vw
  }
  #feedback .feed-content .feed-question {
    width:100%;
    margin-top:8.26666667vw;
    font-size:3.73333333vw;
    text-align:left
  }
  #feedback .feed-content .feed-question .question-title {
    color:#2b313c;
    font-weight:500
  }
  #feedback .feed-content .feed-question .question-title span {
    color:#ff4b40
  }
  #feedback .feed-content .feed-question .question-tips {
    margin-top:2.53333333vw;
    font-size:3.2vw;
    color:#5d6574
  }
  #feedback .feed-content .feed-question .question-content {
    margin-top:4vw;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #feedback .feed-content .feed-question .question-content .errors {
    border:.13333333vw solid red
  }
  #feedback .feed-content .feed-question .select-item {
    font-size:3.2vw;
    color:#5d6574;
    position:relative
  }
  #feedback .feed-content .feed-question .select-item input[type='radio'] {
    width:3.2vw;
    height:3.2vw;
    opacity:0
  }
  #feedback .feed-content .feed-question .select-item .radio {
    position:absolute;
    left:.66666667vw;
    top:.66666667vw;
    width:3.2vw;
    height:3.2vw;
    border-radius:50%;
    border:1px solid #999;
    cursor:pointer
  }
  #feedback .feed-content .feed-question .select-item input[type='radio']:checked+.radio {
    background-color:#fa9d5f;
    border:1px solid #fa9d5f
  }
  #feedback .feed-content .feed-question .select-item input[type='radio']:checked+.radio::after {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:.8vw;
    height:.8vw;
    border-radius:50%;
    background-color:white;
    z-index:100
  }
  #feedback .feed-content .feed-question .select-item:first-child {
    margin-left:0
  }
  #feedback .feed-content .feed-question .select-item span {
    margin-left:1.6vw
  }
  #feedback .feed-content .feed-question .feed-text {
    width:100%;
    height:20vw;
    resize:vertical;
    padding:2.66666667vw 2vw;
    font-size:3.2vw;
    line-height:1.5;
    border:1px solid #d8dbe0
  }
  #feedback .feed-content .feed-question .input-file {
    display:none
  }
  #feedback .feed-content .feed-question .feed-img-btn {
    width:19.2vw;
    height:19.2vw;
    text-align:center;
    color:#5d6574;
    font-size:3.2vw;
    border:solid 1px #d8dbe0;
    border-radius:2px;
    cursor:pointer
  }
  #feedback .feed-content .feed-question .feed-img-btn .icon {
    margin:4vw auto 0;
    font-size:5.06666667vw
  }
  #feedback .feed-content .feed-question .upload-img-wrap {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap
  }
  #feedback .feed-content .feed-question .upload-img {
    width:19.2vw;
    height:19.2vw;
    margin-right:4vw;
    position:relative
  }
  #feedback .feed-content .feed-question .upload-img .delete-btn {
    position:absolute;
    top:0;
    right:0;
    -webkit-transform:translate(50%, -50%);
    -ms-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    width:3.73333333vw;
    height:3.73333333vw;
    border-radius:50%;
    background-color:rgba(0,0,0,0.4);
    z-index:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    cursor:pointer
  }
  #feedback .feed-content .feed-question .upload-img .delete-btn .icon {
    width:1.6vw;
    height:1.6vw;
    font-size:1.6vw;
    color:white;
    -ms-flex-item-align:center;
    align-self:center
  }
  #feedback .feed-content .feed-question .upload-img img {
    width:100%;
    height:100%
  }
  #feedback .feed-content .feed-question .upload-img:nth-child(4n) {
    margin-bottom:4vw;
    margin-right:0
  }
  #feedback .feed-content .feed-question .contact {
    width:100%;
    color:#5d6574;
    outline:none;
    font-size:3.2vw;
    padding:3.2vw 2.66666667vw;
    border:1px solid #d8dbe0
  }
  #feedback .feed-content .submit {
    margin-top:12vw;
    width:100%;
    height:12vw;
    background-color:#fa9d5f;
    text-align:center;
    font-size:3.73333333vw;
    color:white;
    line-height:12vw;
    cursor:pointer
  }
}
@media (min-width:750px) {
  #solution {
    width:100%
  }
  #solution .case-head {
    width:100%;
    height:400px;
    position:relative;
    z-index:1
  }
  #solution .case-head .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #solution .case-head .banner_texts {
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    z-index:1
  }
  #solution .case-head span {
    width:100%;
    display:block;
    text-align:center;
    font-size:36px;
    line-height:50px;
    color:#ffffff
  }
  #solution .case-head span:nth-of-type(1) {
    font-weight:500
  }
  #solution .case-head span:nth-of-type(2) {
      font-size:16px;
    line-height:22px;
    margin:28px 0 30px 0
  }
  #solution .case-head .toTalk {
    display:block;
    width:200px;
    height:36px;
    font-size:16px;
    line-height:36px;
    color:#fff;
    background:transparent;
    border-radius:2px;
    border:1px solid #fbfafa;
    text-align:center;
    margin:0 auto;
    cursor:pointer;
    font-size:14px
  }
  #solution .solution_content {
    width:100%
  }
  #solution .solution_title {
    text-align:center;
    font-size:54px;
    line-height:75px;
    color:#fff;
    position:relative;
    z-index:1
  }
  #solution .solution_title.black {
    color:#000
  }
  #solution .solution_intro {
    width:1180px;
    margin:0 auto;
    padding-top:90px
  }
  #solution .solution_intro .solution_intro_box {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    margin-top:85px;
    padding-bottom:134px
  }
  #solution .solution_intro .solution_intro_box li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
  }
  #solution .solution_intro .solution_intro_box li img {
    width:86px;
    height:86px
  }
  #solution .solution_intro .solution_intro_box li div {
    font-size:18px;
    line-height:25px;
    margin-top:25px;
    color:#2b313c;
    text-align:center
  }
  #solution .solution_intro .solution_intro_box li .introSolution {
    max-width:200px
  }
  #solution .solution_intro_two {
    padding-top:0;
    width:100%;
    height:323px;
    margin:0 auto;
    margin-bottom:100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:-webkit-linear-gradient(308deg, #ff9b82 0%, #ff6170 100%);
    background:-o-linear-gradient(308deg, #ff9b82 0%, #ff6170 100%);
    background:linear-gradient(142deg, #ff9b82 0%, #ff6170 100%)
  }
  #solution .solution_intro_two .solution_intro_box {
    width:1572px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    margin-top:85px;
    padding-bottom:134px
  }
  #solution .solution_intro_two .solution_intro_box li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
  }
  #solution .solution_intro_two .solution_intro_box li img {
    width:86px;
    height:86px
  }
  #solution .solution_intro_two .solution_intro_box li div {
    font-size:18px;
    line-height:25px;
    margin-top:25px;
    color:#fff;
    text-align:center
  }
  #solution .solution_intro_two .solution_intro_box li .introSolution {
    max-width:200px;
    color:#fff
  }
  #solution .solution-container {
    width:100%;
    padding:95px 0 128px;
    background-color:#ffffff
  }
  #solution .solution-container .fa_list {
    width:1180px;
    margin:50px auto 0
  }
  #solution .solution-container .fa_list li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #solution .solution-container .fa_list li:nth-of-type(2n) {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
  }
  #solution .solution-container .fa_list li:nth-of-type(2n) .title {
    text-align:right
  }
  #solution .solution-container .fa_list li .texts {
    width:46%
  }
  #solution .solution-container .fa_list li .texts .title {
    font-size:26px;
    line-height:37px;
    color:#2b313c
  }
  #solution .solution-container .fa_list li .texts p {
    margin-top:30px;
    font-size:16px;
    color:#5d6574;
    line-height:30px
  }
  #solution .solution-container .fa_list li img {
    width:30%;
    min-height:354px;
    -o-object-fit:contain;
    object-fit:contain
  }
  #solution .solution-item {
    width:100%;
    background-color:rgba(42, 55, 78);
    padding:80px 0 152px
  }
  #solution .solution-item .solution-item-img-wraper {
    position:relative;
    z-index:1;
    width:1179px;
    margin:134px auto 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #solution .solution-item .solution-item-img-wraper .img-box {
    width:393px;
    height:248px;
    position:relative;
    overflow:hidden;
    z-index:1
  }
  #solution .solution-item .solution-item-img-wraper .img-box .title {
    font-size:30px;
    line-height:42px;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    color:#fff;
    z-index:999
  }
  #solution .solution-item .solution-item-img-wraper .img-box img {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:100%;
    margin:0;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    cursor:pointer
  }
  #solution .solution-item .solution-item-img-wraper .img-box img:hover {
    -webkit-transform:translate(-50%, -50%) scale(1.1);
    -ms-transform:translate(-50%, -50%) scale(1.1);
    transform:translate(-50%, -50%) scale(1.1)
  }
  #solution .solution-item img {
    width:999px;
    display:block;
    margin:62px auto 0;
    opacity:.5
  }
  #solution .solution-item .img_bg {
    display:none
  }
  #solution .solution-case {
    padding:80px 0 95px
  }
  #solution .solution-case .caseModule {
    margin-top:75px
  }
  #solution .solution-case .caseModule.swiper-container {
    display:none
  }
  #solution .pages {
    width:100%;
    margin-top:55px
  }
  #solution .pages .pagesNum {
    margin:0 auto;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:1180px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  #solution .pages .pagesNum a {
    width:30px;
    height:30px;
    background-color:#f9fcfe;
    border-radius:4px;
    margin-right:8px;
    font-size:14px;
    line-height:27px;
    text-align:center;
    color:#494f55;
    cursor:pointer;
    border:solid 1px #f9fcfe
  }
  #solution .pages .pagesNum a:hover {
    border:solid 1px #fa9d5f;
    color:#fa9d5f
  }
  #solution .pages .pagesNum a i {
    margin-left:2px;
    font-size:12px
  }
  #solution .pages .pagesNum a .active {
    display:inline-block;
    width:100%;
    height:100%;
    color:#fff;
    background-color:#fa9d5f
  }
  #solution .pages .pagesNum .lefts i {
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
  }
  #solution .pages .pagesNum .noClick {
    color:#c1c3c5
  }
  #solution .pages .pagesNum .sym {
    color:#494f55
  }
  #solution .pages .pagesNum .sym i {
    margin-left:1px
  }
}
@media screen and (min-width:760px) and (max-width:1280px) {
  #solution .solution_intro {
    width:960px
  }
  #solution .solution-container {
    width:100%;
    padding:93px 0 136px;
    background-color:#ffffff
  }
  #solution .solution-container .fa_list {
    width:960px;
    margin:50px auto 0
  }
  #solution .solution-container .fa_list li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #solution .solution-container .fa_list li:nth-of-type(2n) {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
  }
  #solution .solution-container .fa_list li:nth-of-type(2n) .title {
    text-align:right
  }
  #solution .solution-container .fa_list li .texts {
    width:46%
  }
  #solution .solution-container .fa_list li .texts .title {
    font-size:26px;
    line-height:37px;
    color:#2b313c
  }
  #solution .solution-container .fa_list li .texts p {
    margin-top:30px;
    font-size:16px;
    color:#5d6574;
    line-height:30px
  }
  #solution .solution-container .fa_list li img {
    width:30%
  }
  #solution .solution-case .caseModule {
    width:960px
  }
  #solution .solution-item {
    padding:80px 0 152px;
    position:relative;
    z-index:1
  }
  #solution .solution-item img {
    width:68%;
    display:block;
    margin:62px auto 0
  }
  #solution .solution-item .img_bg {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover;
    opacity:1
  }
  #solution .solution-item .img_bg .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover;
    height:auto
  }
  #solution .solution-item .img_bg .img_bg.bg_left {
    width:400px;
    left:0
  }
  #solution .solution-item .img_bg .img_bg.bg_right {
    width:400px;
    left:auto;
    right:0
  }
  #solution .pages {
    width:100%;
    margin-top:55px
  }
  #solution .pages .pagesNum {
    margin:0 auto;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:1180px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  #solution .pages .pagesNum a {
    width:30px;
    height:30px;
    background-color:#f9fcfe;
    border-radius:4px;
    margin-right:8px;
    font-size:14px;
    line-height:27px;
    text-align:center;
    color:#494f55;
    cursor:pointer;
    border:solid 1px #f9fcfe
  }
  #solution .pages .pagesNum a:hover {
    border:solid 1px #fa9d5f;
    color:#fa9d5f
  }
  #solution .pages .pagesNum a i {
    margin-left:2px;
    font-size:12px
  }
  #solution .pages .pagesNum a .active {
    display:inline-block;
    width:100%;
    height:100%;
    color:#fff;
    background-color:#fa9d5f
  }
  #solution .pages .pagesNum .lefts i {
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
  }
  #solution .pages .pagesNum .noClick {
    color:#c1c3c5
  }
  #solution .pages .pagesNum .sym {
    color:#494f55
  }
  #solution .pages .pagesNum .sym i {
    margin-left:1px
  }
}
@media (max-width:750px) {
  #solution {
    width:100%;
    overflow-x:hidden
  }
  #solution .case-head {
    width:100%;
    position:relative;
    z-index:1
  }
  #solution .case-head .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #solution .case-head .banner_texts {
    width:100%; height:auto;
    height:2.7rem;
    position:relative;
    z-index:1
  }
  #solution .case-head span {
     width:100%;
    display:block;
    text-align:center;
    font-size: 30px;
    line-height: 40px;
    color:#ffffff
  }
  #solution .case-head span:nth-of-type(1) {
  padding-top:.1rem;
    font-weight:600
  }
  #solution .case-head span:nth-of-type(2) {
   font-size: 16px;
    line-height: 24px;
    padding-top: 0.26666667rem;
    width: 90%;
    margin: 0 auto;
  }
  #solution .case-head .toTalk {
    display:block;
    width:1.73333333rem;
    height:45px;
    font-size:18px;
    line-height:45px;
    color:#fff;
    background:#285fff;
    border-radius:.02666667rem;
    text-align:center;
    margin:0 auto;
    cursor:pointer;
    margin-top:.4rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center; padding-bottom:10px;
  }
  #solution .solution_title {
    text-align:center;
    font-size:.45333333rem;
    line-height:.64rem;
    color:#333333;
    position:relative;
    z-index:1
  }
  #solution .solution_content {
    width:100%;
    background-color:#f4f7fa
  }
  #solution .solution_intro {
    height:6.66666667rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,247,245,0)), to(rgba(251,153,96,0.06)));
    background:-webkit-linear-gradient(top, rgba(255,247,245,0) 0%, rgba(251,153,96,0.06) 100%);
    background:-o-linear-gradient(top, rgba(255,247,245,0) 0%, rgba(251,153,96,0.06) 100%);
    background:linear-gradient(180deg, rgba(255,247,245,0) 0%, rgba(251,153,96,0.06) 100%);
    width:100%;
    padding-top:.66666667rem
  }
  #solution .solution_intro .solution_intro_box {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    padding:.53333333rem 0 .65333333rem
  }
  #solution .solution_intro .solution_intro_box li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-flex:calc(100% / 3);
    -ms-flex:calc(100% / 3);
    flex:calc(100% / 3);
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    padding:0 .13333333rem
  }
  #solution .solution_intro .solution_intro_box li:nth-of-type(1) {
    margin-bottom:.66666667rem
  }
  #solution .solution_intro .solution_intro_box li img {
    width:1.14666667rem;
    height:1.14666667rem
  }
  #solution .solution_intro .solution_intro_box li div {
    font-size:.24rem;
    line-height:.33333333rem;
    margin-top:.33333333rem;
    color:#2b313c
  }
  #solution .solution_intro_two {
    width:100%;
    padding-top:0;
    background:#fff
  }
  #solution .solution_intro_two .solution_title {
    font-size:.45333333rem;
    line-height:.61333333rem;
    font-weight:600;
    color:#2b313c
  }
  #solution .solution_intro_two .solution_intro_box {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    padding:.77333333rem .64rem
  }
  #solution .solution_intro_two .solution_intro_box li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    width:3.73333333rem;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    margin-bottom:.58666667rem
  }
  #solution .solution_intro_two .solution_intro_box li:nth-of-type(2) {
    width:4.26666667rem;
    margin-left:.33333333rem
  }
  #solution .solution_intro_two .solution_intro_box li:nth-of-type(4) {
    width:4.26666667rem;
    margin-left:.33333333rem
  }
  #solution .solution_intro_two .solution_intro_box li img {
    width:1.14666667rem;
    height:1.14666667rem
  }
  #solution .solution_intro_two .solution_intro_box li div {
    font-size:.34666667rem;
    line-height:.46666667rem;
    margin-top:.44rem;
    color:#2b313c
  }
  #solution .solution_intro_two .solution_intro_box li .introSolution {
    font-size:.29333333rem;
    line-height:.44rem;
    margin-top:.21333333rem;
    color:#5d6574
  }
  #solution .solution-container {
    width:100%;
    padding:1.42666667rem 0 1.88rem;
    background-color:#ffffff
  }
  #solution .solution-container .fa_list {
    margin:.66666667rem auto 0;
    padding:0 1rem
  }
  #solution .solution-container .fa_list li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 auto 1.88rem
  }
  #solution .solution-container .fa_list li:nth-last-of-type(1) {
    margin-bottom:0
  }
  #solution .solution-container .fa_list li .texts .title {
    font-size:.48rem;
    line-height:.66666667rem;
    color:#2b313c;
    font-weight:600;
    text-align:center
  }
  #solution .solution-container .fa_list li .texts p {
    margin-top:.53333333rem;
    font-size:.21333333rem;
    color:#5d6574;
    line-height:.4rem
  }
  #solution .solution-container .fa_list li img {
    width:6rem;
    margin:.4rem 0
  }
  #solution .solution-container.ehelp {
    padding:.86666667rem 0 .93333333rem
  }
  #solution .solution-container.ehelp .solution_title {
    color:#2b313c;
    font-weight:600;
    font-size:.45333333rem;
    line-height:.61333333rem
  }
  #solution .solution-container.ehelp .fa_list {
    margin:.66666667rem auto 0;
    padding:0 .53333333rem
  }
  #solution .solution-container.ehelp .fa_list li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 auto .8rem
  }
  #solution .solution-container.ehelp .fa_list li:nth-last-of-type(1) {
    margin-bottom:0
  }
  #solution .solution-container.ehelp .fa_list li .texts .title {
    font-size:.4rem;
    line-height:.53333333rem;
    color:#2b313c;
    font-weight:600;
    text-align:center
  }
  #solution .solution-container.ehelp .fa_list li .texts p {
    margin-top:.4rem;
    font-size:.37333333rem;
    color:#5d6574;
    line-height:.56rem
  }
  #solution .solution-container.ehelp .fa_list li img {
    width:6rem;
    margin:.4rem 0
  }
  #solution .solution-item {
    padding:.8rem 0 1.33333333rem;
    background-color:#fff
  }
  #solution .solution-item .img_bg {
    display:none
  }
  #solution .solution-item .solution-item-img-wraper {
    position:relative;
    z-index:2;
    width:8.66666667rem;
    margin:.8rem auto 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #solution .solution-item .solution-item-img-wraper .img-box {
     width:4.13333333rem;
    height:4.13333333rem;
    position:relative;
    border-radius:.13333333rem;
    background-color:#285fff;
    overflow:hidden;
    margin-bottom:.4rem;
    z-index:1
  }
  #solution .solution-item .solution-item-img-wraper .img-box .title {
    font-size:.34666667rem;
    line-height:.49333333rem;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    color:#fff;
    z-index:999
  }
  #solution .solution-item .solution-item-img-wraper .img-box img {
    opacity:.7;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    margin:0;
    width:100%;
    height:100%;
    cursor:pointer
  }
  #solution .solution-item .solution-item-img-wraper .img-box img:hover {
    -webkit-transform:translate(-50%, -50%) scale(1.1);
    -ms-transform:translate(-50%, -50%) scale(1.1);
    transform:translate(-50%, -50%) scale(1.1)
  }
  #solution .solution-item img {
    width:96%;
    display:block;
    margin:.82666667rem auto 0
  }
  #solution .solution-item.item-ehelp {
    padding:.78666667rem 0 .93333333rem;
    background-color:#fffcfa;
    background-size:auto 5.49333333rem,auto 5.49333333rem;
    background-position:-72%,170%
  }
  #solution .solution-item.item-ehelp .solution_title {
    color:#2b313c;
    font-weight:600;
    font-size:.45333333rem;
    line-height:.61333333rem
  }
  #solution .solution-item.item-ehelp img {
    width:8.92rem;
    margin:.45333333rem auto 0
  }
  #solution .solution-case {
    padding:0 0 1rem;
    background-color:#fff
  }
  #solution .solution-case .mobileHiden {
    display:none
  }
  #solution .solution-case .caseModule {
    height:7.52rem
  }
  #solution .solution-case .caseModule.swiper-container {
    height:7.57333333rem;
    margin-top:.76rem;
    overflow:visible
  }
  #solution .solution-case .caseModule.swiper-container .swiper-pagination {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    bottom:-0.53333333rem
  }
  #solution .solution-case .caseModule.swiper-container .swiper-pagination .swiper-pagination-bullet {
    width:.10666667rem;
    height:.10666667rem;
    background-color:#fd6f58;
    opacity:.2
  }
  #solution .solution-case .caseModule.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    width:.37333333rem;
    height:.10666667rem;
    border-radius:.16rem;
    background-color:#fd6f58;
    opacity:1
  }
  #solution .solution-case .caseModule .solution-ident {
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    margin-bottom:2px
  }
  #solution .solution-case .caseModule .solution-ident .swiper-slide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #solution .solution-case .caseModule .solution-ident .swiper-slide .swiper-slid-li {
    width:7.41333333rem;
    height:7.49333333rem;
    -webkit-box-shadow:0 .04rem .14666667rem .01333333rem rgba(0,0,0,0.08);
    box-shadow:0 .04rem .14666667rem .01333333rem rgba(0,0,0,0.08)
  }
  #solution .solution-case .caseModule .solution-ident .swiper-slide .swiper-slid-li .img {
    border-radius:.10666667rem;
    width:100%;
    height:4.64rem;
    overflow:hidden
  }
  #solution .solution-case .caseModule .solution-ident .swiper-slide .swiper-slid-li .img img {
    width:100%
  }
  #solution .solution-case .caseModule .solution-ident .swiper-slide .swiper-slid-li .info .title {
    font-size:.53333333rem;
    line-height:.74666667rem;
    color:#000;
    font-weight:500;
    margin-bottom:.26666667rem;
    padding:0 .50666667rem 0 .53333333rem;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
  }
  #solution .solution-case .caseModule .solution-ident .swiper-slide .swiper-slid-li .info .data {
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:.37333333rem;
    line-height:.53333333rem;
    color:#303030;
    padding:0 .50666667rem 0 .53333333rem
  }
  #solution .solution-case.case-ehelp {
    background-color:#fff;
    padding:.93333333rem 0
  }
  #solution .solution-case.case-ehelp .solution_title {
    color:#2b313c;
    font-weight:600;
    font-size:.45333333rem;
    line-height:.61333333rem;
    padding-bottom:.32rem
  }
  #solution .pages {
    display:none
  }
}
@media (min-width:750px) {
  #fullview {
    width:100%
  }
  #fullview .container {
    width:1180px;
    margin-left:auto;
    margin-right:auto;
    height:100%;
    position:relative
  }
  #fullview .full-banner {
    height:600px;
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/product_banner.png');
    background-size:cover
  }
  #fullview .full-banner .full-banner-left {
    display:inline-block;
    position:absolute;
    top:250px;
    left:60px
  }
  #fullview .full-banner .full-banner-left .full-banner-h1 {
    font-family:Helvetica Neue;
    font-size:36px;
    font-weight:normal;
    font-stretch:normal;
    line-height:54px;
    letter-spacing:0px;
    color:#ffffff;
    font-weight:500
  }
  #fullview .full-banner .full-banner-left .full-banner-p {
    font-family:Helvetica Neue;
    font-size:16px;
    font-weight:normal;
    font-stretch:normal;
    line-height:26px;
    letter-spacing:0px;
    color:#ffffff;
    margin-top:18px
  }
  #fullview .full-banner .full-banner-left .full-banner-button {
    display:block;
    width:130px;
    height:46px;
    font-size:16px;
    line-height:46px;
    color:#fff;
    background:#44486c;
    border-radius:2px;
    text-align:center;
    cursor:pointer;
    margin-top:40px
  }
  #fullview .full-banner .full-banner-right {
    position:absolute;
    right:0;
    bottom:0
  }
  #fullview .full-banner .full-banner-right .full-banner-right-image {
    width:564px
  }
  #fullview .full-banner .full-banner-right .full-banner-right-image-mobile {
    display:none
  }
  #fullview .full_title {
    text-align:center;
    font-size:28px;
    line-height:48px;
    color:#2b313c
  }
  #fullview .full-we {
    width:1180px;
    margin:0 auto;
    padding-top:80px
  }
  #fullview .full-we .full-we-ul {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    margin-top:78px;
    padding-bottom:120px
  }
  #fullview .full-we .full-we-ul li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
  }
  #fullview .full-we .full-we-ul li img {
    width:90px;
    height:90px
  }
  #fullview .full-we .full-we-ul li div {
    font-size:20px;
    line-height:48px;
    margin-top:23px;
    font-weight:700;
    color:#2b313c;
    text-align:center
  }
  #fullview .full-we .full-we-ul li p {
    width:221px;
    font-size:14px;
    line-height:21px;
    margin-top:20px;
    color:#9098a8;
    text-align:center
  }
  #fullview .full-live-container {
    width:100%;
    padding:64px 0 126px;
    background-color:#f4f7fa
  }
  #fullview .full-live-container .full-live {
    width:1180px;
    margin:70px auto 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #fullview .full-live-container .full-live .full-live-text {
    width:521px;
    font-size:16px;
    line-height:30px;
    font-weight:normal;
    color:#2b313c
  }
  #fullview .full-live-container .full-live .full-live-img {
    width:434px
  }
  #fullview .full-height {
    width:1180px;
    margin:0 auto;
    padding-top:103px
  }
  #fullview .full-height .full-height-ul {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    margin-top:75px;
    padding-bottom:184px
  }
  #fullview .full-height .full-height-ul li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
  }
  #fullview .full-height .full-height-ul li div {
    font-size:16px;
    margin-top:22px;
    color:#2b313c;
    text-align:center
  }
  #fullview .full-height .full-height-ul li .full-height-img {
    width:112px;
    height:112px
  }
  #fullview .full-height .full-height-ul li .full-height-img-line {
    width:380px;
    height:0px;
    border-top:2px dotted #f5995d;
    position:relative;
    top:25%
  }
  #fullview .full-height .full-height-ul li .full-height-img-line::before {
    content:'';
    display:block;
    height:0px;
    width:0px;
    border-left:20px solid #f5995d;
    border-top:9px solid transparent;
    border-bottom:9px solid transparent;
    position:absolute;
    right:0px;
    top:-10px
  }
  #fullview .full-good-container {
    width:100%;
    padding:90px 0 0px;
    background-color:#333655;
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/full_six_bg.png');
    background-size:cover
  }
  #fullview .full-good-container .white {
    color:#fff
  }
  #fullview .full-good-container .full-good {
    width:1180px;
    margin:74px auto 0
  }
  #fullview .full-good-container .full-good .full-good-ul {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    padding-bottom:116px
  }
  #fullview .full-good-container .full-good .full-good-ul li {
    width:180px;
    height:180px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:rgba(164,171,197,0.3)
  }
  #fullview .full-good-container .full-good .full-good-ul li img {
    width:90px;
    height:90px
  }
  #fullview .full-good-container .full-good .full-good-ul li div {
    font-size:16px;
    color:#fff;
    margin-top:10px
  }
  #fullview .full-scene-container {
    width:100%;
    padding:84px 0 100px;
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/full_sence_bg.png');
    background-size:100% 100%;
    background-color:#f4f7fa
  }
  #fullview .full-scene-container .full-scene-img {
    width:999px;
    display:block;
    margin:65px auto 0
  }
  #fullview .full-scene-container .full-scene-img-mob {
    display:none
  }
  #fullview .full-case {
    padding:80px 0 63px
  }
  #fullview .full-case .caseModule {
    margin-top:54px
  }
  #fullview .pages {
    width:100%;
    margin-top:77px
  }
  #fullview .pages .pagesNum {
    margin:0 auto;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:1180px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
  }
  #fullview .pages .pagesNum a {
    width:30px;
    height:30px;
    background-color:#f9fcfe;
    border-radius:4px;
    margin-right:8px;
    font-size:14px;
    line-height:27px;
    text-align:center;
    color:#494f55;
    cursor:pointer;
    border:solid 1px #f9fcfe
  }
  #fullview .pages .pagesNum a:hover {
    border:solid 1px #fa9d5f;
    color:#fa9d5f
  }
  #fullview .pages .pagesNum a i {
    margin-left:2px;
    font-size:12px
  }
  #fullview .pages .pagesNum a .active {
    display:inline-block;
    width:100%;
    height:100%;
    color:#fff;
    background-color:#fa9d5f
  }
  #fullview .pages .pagesNum .lefts i {
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
  }
  #fullview .pages .pagesNum .noClick {
    color:#c1c3c5
  }
  #fullview .pages .pagesNum .sym {
    color:#494f55
  }
  #fullview .pages .pagesNum .sym i {
    margin-left:1px
  }
}
@media screen and (min-width:760px) and (max-width:1280px) {
  #fullview .container {
    max-width:960px
  }
  #fullview .full-banner .full-banner-left {
    left:0
  }
  #fullview .full-banner .full-banner-left .full-banner-p {
    max-width:380px
  }
  #fullview .full-banner .full-banner-right .full-banner-right-image {
    width:540px
  }
  #fullview .full-case .caseModule {
    width:960px
  }
  #fullview .full-we {
    width:960px
  }
  #fullview .full-we .full-we-ul li p {
    width:200px
  }
  #fullview .full-live-container .full-live {
    width:960px
  }
  #fullview .full-live-container .full-live .full-live-text {
    width:480px
  }
  #fullview .full-live-container .full-live .full-live-img {
    width:394px
  }
  #fullview .full-height {
    width:960px
  }
  #fullview .full-height .full-height-ul li .full-height-img-line {
    width:260px
  }
  #fullview .full-good-container .full-good {
    width:960px
  }
  #fullview .full-good-container .full-good .full-good-ul {
    width:100%
  }
  #fullview .full-good-container .full-good .full-good-ul li {
    width:143px;
    height:143px
  }
  #fullview .full-good-container .full-good .full-good-ul li img {
    width:80px;
    height:80px
  }
  #fullview .full-scene-container img {
    width:950px
  }
}
@media (max-width:750px) {
  #fullview {
    width:100%
  }
  #fullview .container {
    width:8.93333333rem;
    margin-left:auto;
    margin-right:auto;
    height:100%;
    position:relative
  }
  #fullview .full-banner {
    height:5.86666667rem;
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/product_banner_mobile.jpg');
    background-size:cover
  }
  #fullview .full-banner .full-banner-left {
    display:inline-block;
    position:absolute;
    top:2.13333333rem;
    left:0
  }
  #fullview .full-banner .full-banner-left .full-banner-h1 {
    font-family:Helvetica Neue;
    font-size:.42666667rem;
    font-weight:normal;
    font-stretch:normal;
    line-height:.4rem;
    letter-spacing:0;
    color:#ffffff;
    font-weight:700
  }
  #fullview .full-banner .full-banner-left .full-banner-p {
    font-family:Helvetica Neue;
    font-size:.26666667rem;
    font-weight:normal;
    font-stretch:normal;
    line-height:.4rem;
    letter-spacing:0;
    color:#ffffff;
    width:4.2rem;
    margin-top:.21333333rem
  }
  #fullview .full-banner .full-banner-left .full-banner-button {
    display:block;
    width:1.86666667rem;
    height:.74666667rem;
    font-size:.26666667rem;
    line-height:.74666667rem;
    color:#fff;
    background:#44486c;
    border-radius:.02666667rem;
    text-align:center;
    cursor:pointer;
    margin-top:.32rem
  }
  #fullview .full-banner .full-banner-right {
    position:absolute;
    right:0;
    top:1.58666667rem
  }
  #fullview .full-banner .full-banner-right .full-banner-right-image {
    width:4.74666667rem
  }
  #fullview .full-banner .full-banner-right .full-banner-right-image-mobile {
    display:none
  }
  #fullview .full_title {
    text-align:center;
    font-size:.45333333rem;
    line-height:.52rem;
    font-weight:600;
    color:#2b313c
  }
  #fullview .full-we {
    width:8.93333333rem;
    margin:0 auto;
    padding-top:.90666667rem
  }
  #fullview .full-we .full-we-ul {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    margin-top:.72rem;
    padding-bottom:.26666667rem
  }
  #fullview .full-we .full-we-ul li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-bottom:.66666667rem
  }
  #fullview .full-we .full-we-ul li img {
    width:1.33333333rem;
    height:1.33333333rem
  }
  #fullview .full-we .full-we-ul li div {
    font-size:.34666667rem;
    line-height:.41333333rem;
    margin-top:.4rem;
    font-weight:500;
    color:#2b313c;
    text-align:center
  }
  #fullview .full-we .full-we-ul li p {
    width:4.13333333rem;
    font-size:.29333333rem;
    line-height:.44rem;
    margin-top:.21333333rem;
    color:#9098a8;
    text-align:center
  }
  #fullview .full-live-container {
    width:100%;
    padding:.90666667rem 0 1.18666667rem;
    background-color:#f4f7fa
  }
  #fullview .full-live-container .full-live {
    width:8.93333333rem;
    margin:.72rem auto 0
  }
  #fullview .full-live-container .full-live .full-live-text {
    width:8.93333333rem;
    font-size:.37333333rem;
    line-height:.56rem;
    font-weight:normal;
    color:#2b313c;
    text-align:center;
    margin-bottom:.66666667rem
  }
  #fullview .full-live-container .full-live .full-live-img {
    width:6.16rem;
    display:block;
    margin:0 auto
  }
  #fullview .full-height {
    width:8.93333333rem;
    margin:0 auto;
    padding-top:.90666667rem
  }
  #fullview .full-height .full-height-ul {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    margin-top:.72rem;
    padding-bottom:1.46666667rem
  }
  #fullview .full-height .full-height-ul li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
  }
  #fullview .full-height .full-height-ul li div {
    font-size:.37333333rem;
    margin-top:.26666667rem;
    color:#2b313c;
    text-align:center
  }
  #fullview .full-height .full-height-ul li .full-height-img {
    width:1.49333333rem;
    height:1.49333333rem
  }
  #fullview .full-height .full-height-ul li .full-height-img-line {
    width:1.94666667rem;
    height:0px;
    border-top:2px dotted #f5995d;
    position:relative;
    top:25%
  }
  #fullview .full-height .full-height-ul li .full-height-img-line::before {
    content:'';
    display:block;
    height:0px;
    width:0px;
    border-left:.26666667rem solid #f5995d;
    border-top:.13333333rem solid transparent;
    border-bottom:.13333333rem solid transparent;
    position:absolute;
    right:0px;
    top:-0.17333333rem;
    right:-2px
  }
  #fullview .full-good-container {
    width:100%;
    padding:.90666667rem 0 .66666667rem;
    background-color:#333655;
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/full_six_bg_mob.png');
    background-size:100% 100%
  }
  #fullview .full-good-container .white {
    color:#fff
  }
  #fullview .full-good-container .full-good {
    width:7.73333333rem;
    margin:.72rem auto 0
  }
  #fullview .full-good-container .full-good .full-good-ul {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #fullview .full-good-container .full-good .full-good-ul li {
    width:2.13333333rem;
    height:2.13333333rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:.66666667rem;
    background:rgba(164,171,197,0.3)
  }
  #fullview .full-good-container .full-good .full-good-ul li img {
    width:1.2rem;
    height:1.2rem
  }
  #fullview .full-good-container .full-good .full-good-ul li div {
    font-size:.26666667rem;
    line-height:.64rem;
    color:#fff
  }
  #fullview .full-scene-container {
    width:100%;
    padding:.90666667rem 0 1.33333333rem;
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/full_sence_bg.png');
    background-size:100% 100%;
    background-color:#f4f7fa
  }
  #fullview .full-scene-container .full-scene-img {
    display:none
  }
  #fullview .full-scene-container .full-scene-img-mob {
    width:7.81333333rem;
    display:block;
    margin:.86666667rem auto 0
  }
  #fullview .full-case {
    padding:.90666667rem 0 1.26666667rem
  }
  #fullview .full-case .caseModule {
    margin-top:.72rem
  }
  #fullview .pages {
    display:none
  }
}
@media (min-width:750px) {
  #exhibition {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    background:#f1f1f1;
    position:absolute;
    font-family:'PingFang SC',Helvetica,'Helvetica Neue',Tahoma,Arial,sans-serif
  }
  #exhibition .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #exhibition .popout {
    padding:15px 20px 15px 30px
  }
  #exhibition .show {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:415px;
    height:100%;
    margin:0 auto;
    border-radius:4px;
    -webkit-box-shadow:2px 3px 10px #999;
    box-shadow:2px 3px 10px #999
  }
  #exhibition .codeBox {
    position:absolute;
    top:117px;
    left:437px;
    width:220px;
    height:240px;
    background:#fff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  #exhibition .codeBox #code {
    width:200px;
    height:200px;
    margin:10px
  }
  #exhibition .codeBox p {
    width:100%;
    font-size:12px;
    color:#999999;
    text-align:center;
    bottom:5px;
    position:absolute
  }
  #exhibition .expo-box {
    width:100%;
    height:100%;
    background-color:#fff;
    overflow-y:scroll
  }
  #exhibition .expo-box .expo-bannner {
    display:block;
    width:100%;
    height:230px;
    margin-bottom:27px
  }
  #exhibition .expo-box .expo-title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
  }
  #exhibition .expo-box .expo-title span {
    font-size:18px;
    line-height:25px;
    padding:0 16px
  }
  #exhibition .expo-box .expo-title img {
    width:44px;
    height:4px
  }
  #exhibition .expo-box .expo-title .title-right {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
  }
  #exhibition .expo-box .expo-serve {
    width:100%;
    padding:13px 0 34px;
    font-size:16px;
    line-height:20px
  }
  #exhibition .expo-box .expo-serve p {
    text-align:center;
    margin-bottom:22px
  }
  #exhibition .expo-box .expo-serve .expo-img {
    width:187px;
    height:119px;
    margin:0 auto
  }
  #exhibition .expo-box .expo-serve .expo-img img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
  }
  #exhibition .expo-box .expo-serve .expo-serve-intro {
    text-align:center;
    padding-top:17px
  }
  #exhibition .expo-box .expo-serve .expo-serve-intro .serve-right {
    padding-right:11px
  }
  #exhibition .expo-box .expo-design {
    width:100%;
    padding:21px 15px 17px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #exhibition .expo-box .expo-design .design-intro {
    width:177px;
    height:147px
  }
  #exhibition .expo-box .expo-design .design-intro img {
    display:block;
    width:177px;
    height:97px;
    margin-bottom:11px
  }
  #exhibition .expo-box .expo-design .design-intro p {
    font-size:16px;
    line-height:20px;
    text-align:center
  }
  #exhibition .expo-box .expo-live {
    width:100%;
    padding:16px 29px 0 29px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #exhibition .expo-box .expo-live .live-intro {
    width:144px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap
  }
  #exhibition .expo-box .expo-live .live-intro img {
    width:54px;
    height:54px;
    margin-bottom:10px
  }
  #exhibition .expo-box .expo-live .live-intro p {
    font-size:16px;
    line-height:20px;
    margin-bottom:34px
  }
  #exhibition .expo-box .expo-after {
    width:100%;
    padding:21px 16px 17px 16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #exhibition .expo-box .expo-after .after-intro {
    width:177px
  }
  #exhibition .expo-box .expo-after .after-intro img {
    display:block;
    width:177px;
    height:98px;
    margin-bottom:11px
  }
  #exhibition .expo-box .expo-after .after-intro p {
    font-size:16px;
    line-height:20px;
    margin-bottom:18px;
    text-align:center
  }
  #exhibition .expo-box .expo-phone {
    width:100%;
    padding:33px 22px 28px;
    position:relative;
    z-index:1
  }
  #exhibition .expo-box .expo-phone .phone_content {
    position:relative;
    z-index:2;
    width:100%;
    height:100%
  }
  #exhibition .expo-box .expo-phone .phone-title {
    color:#fff;
    text-align:center;
    font-size:19px;
    line-height:25px;
    margin-bottom:22px
  }
  #exhibition .expo-box .expo-phone .phone-input-name,
  #exhibition .expo-box .expo-phone .phone-input-phone {
    width:100%;
    height:43px;
    color:#fff;
    border:1px solid #fff;
    padding-left:22px;
    font-size:15px;
    line-height:43px;
    background-color:transparent;
    margin-bottom:15px;
    border-radius:0px
  }
  #exhibition .expo-box .expo-phone input::-webkit-input-placeholder {
    color:#b8bcc4
  }
  #exhibition .expo-box .expo-phone input:-moz-placeholder {
    color:#b8bcc4
  }
  #exhibition .expo-box .expo-phone input:-ms-input-placeholder {
    color:#b8bcc4
  }
  #exhibition .expo-box .expo-phone .expoPhoneErros {
    position:absolute;
    font-size:12px;
    color:red;
    line-height:15px;
    top:181px
  }
  #exhibition .expo-box .expo-phone .phone-submit {
    width:100%;
    height:44px;
    background-color:#4a70ec;
    color:#fff;
    text-align:center;
    cursor:pointer;
    font-size:15px;
    line-height:44px;
    margin-bottom:28px
  }
  #exhibition .expo-box .expo-phone .phone-bottom {
    width:293px;
    margin:0 auto;
    font-size:11px;
    line-height:17px;
    color:rgba(255,255,255,0.7);
    text-align:center
  }
}
@media (max-width:750px) {
  #exhibition {
    width:100%;
    font-family:'PingFang SC',Helvetica,'Helvetica Neue',Tahoma,Arial,sans-serif
  }
  #exhibition .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #exhibition .popout {
    font-size:16px;
    padding:3.33333333vw 5.06666667vw 3.33333333vw 6.66666667vw
  }
  #exhibition .show {
    width:100%
  }
  #exhibition .codeBox {
    display:none
  }
  #exhibition .expo-box {
    width:100%;
    height:100%;
    background-color:#fff
  }
  #exhibition .expo-box .expo-bannner {
    display:block;
    width:100%;
    height:55.46666667vw;
    margin-bottom:6.66666667vw
  }
  #exhibition .expo-box .expo-title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:row nowrap;
    flex-wrap:row nowrap
  }
  #exhibition .expo-box .expo-title span {
    font-size:4.53333333vw;
    line-height:6.13333333vw;
    padding:0 4vw
  }
  #exhibition .expo-box .expo-title img {
    width:10.66666667vw;
    height:.53333333vw
  }
  #exhibition .expo-box .expo-title .title-right {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
  }
  #exhibition .expo-box .expo-serve {
    width:100%;
    padding:3.06666667vw 0 8.26666667vw;
    font-size:3.73333333vw;
    line-height:4.93333333vw
  }
  #exhibition .expo-box .expo-serve p {
    text-align:center;
    margin-bottom:5.33333333vw
  }
  #exhibition .expo-box .expo-serve .expo-img {
    width:49.73333333vw;
    height:31.46666667vw;
    margin:0 auto
  }
  #exhibition .expo-box .expo-serve .expo-img img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
  }
  #exhibition .expo-box .expo-serve .expo-serve-intro {
    text-align:center;
    padding-top:4vw
  }
  #exhibition .expo-box .expo-serve .expo-serve-intro .serve-right {
    padding-right:2.66666667vw
  }
  #exhibition .expo-box .expo-design {
    width:100%;
    padding:5.2vw 5.33333333vw 4vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #exhibition .expo-box .expo-design .design-intro {
    width:42.66666667vw;
    height:35.33333333vw
  }
  #exhibition .expo-box .expo-design .design-intro img {
    display:block;
    width:42.66666667vw;
    height:23.46666667vw;
    margin-bottom:2.66666667vw
  }
  #exhibition .expo-box .expo-design .design-intro p {
    font-size:3.73333333vw;
    line-height:4.93333333vw;
    text-align:center
  }
  #exhibition .expo-box .expo-live {
    width:100%;
    padding:3.86666667vw 7.06666667vw 0 7.06666667vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #exhibition .expo-box .expo-live .live-intro {
    width:34.66666667vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap
  }
  #exhibition .expo-box .expo-live .live-intro img {
    width:13.06666667vw;
    height:13.06666667vw;
    margin-bottom:2.4vw
  }
  #exhibition .expo-box .expo-live .live-intro p {
    font-size:3.73333333vw;
    line-height:4.93333333vw;
    margin-bottom:8.13333333vw
  }
  #exhibition .expo-box .expo-after {
    width:100%;
    padding:5.2vw 4.66666667vw 4vw 4.66666667vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #exhibition .expo-box .expo-after .after-intro {
    width:42.66666667vw
  }
  #exhibition .expo-box .expo-after .after-intro img {
    display:block;
    width:42.66666667vw;
    height:23.6vw;
    margin-bottom:2.66666667vw
  }
  #exhibition .expo-box .expo-after .after-intro p {
    font-size:3.73333333vw;
    line-height:4.93333333vw;
    margin-bottom:4.4vw;
    text-align:center
  }
  #exhibition .expo-box .expo-phone {
    width:100%;
    padding:7.86666667vw 5.33333333vw 6.8vw;
    position:relative;
    z-index:1
  }
  #exhibition .expo-box .expo-phone .phone_content {
    position:relative;
    z-index:2;
    width:100%;
    height:100%
  }
  #exhibition .expo-box .expo-phone .phone-title {
    color:#fff;
    text-align:center;
    font-size:4.53333333vw;
    line-height:6.13333333vw;
    margin-bottom:5.2vw
  }
  #exhibition .expo-box .expo-phone .phone-input-name,
  #exhibition .expo-box .expo-phone .phone-input-phone {
    width:100%;
    height:10.4vw;
    color:#fff;
    border:1px solid #fff;
    padding-left:5.33333333vw;
    font-size:3.73333333vw;
    line-height:10.4vw;
    background-color:transparent;
    margin-bottom:3.73333333vw;
    border-radius:0px !important
  }
  #exhibition .expo-box .expo-phone input::-webkit-input-placeholder {
    color:#b8bcc4
  }
  #exhibition .expo-box .expo-phone input:-moz-placeholder {
    color:#b8bcc4
  }
  #exhibition .expo-box .expo-phone input:-ms-input-placeholder {
    color:#b8bcc4
  }
  #exhibition .expo-box .expo-phone .expoPhoneErros {
    position:absolute;
    font-size:3.2vw;
    color:red;
    line-height:3.73333333vw;
    top:43.73333333vw
  }
  #exhibition .expo-box .expo-phone .phone-submit {
    width:100%;
    height:10.66666667vw;
    background-color:#4a70ec;
    color:#fff;
    text-align:center;
    cursor:pointer;
    font-size:3.73333333vw;
    line-height:10.66666667vw;
    margin-bottom:6.8vw
  }
  #exhibition .expo-box .expo-phone .phone-bottom {
    width:70.53333333vw;
    margin:0 auto;
    font-size:2.66666667vw;
    line-height:4vw;
    color:rgba(255,255,255,0.7);
    text-align:center
  }
}
@media (min-width:750px) {
  #innovative {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    background:#f1f1f1;
    position:absolute;
    font-family:'PingFang SC',Helvetica,'Helvetica Neue',Tahoma,Arial,sans-serif
  }
  #innovative .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #innovative .popout {
    padding:15px 20px 15px 30px
  }
  #innovative .show {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:415px;
    height:100%;
    margin:0 auto;
    border-radius:4px;
    -webkit-box-shadow:2px 3px 10px #999;
    box-shadow:2px 3px 10px #999
  }
  #innovative .codeBox {
    position:absolute;
    top:117px;
    left:437px;
    width:220px;
    height:240px;
    background:#fff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  #innovative .codeBox #code {
    width:200px;
    height:200px;
    margin:10px
  }
  #innovative .codeBox p {
    width:100%;
    font-size:12px;
    color:#999999;
    text-align:center;
    bottom:5px;
    position:absolute
  }
  #innovative .expo-box {
    width:100%;
    height:100%;
    background-color:#fff;
    overflow-y:scroll;
    position:relative;
    z-index:1
  }
  #innovative .expo-box .expo-ground {
    width:100%;
    height:1685px;
    position:relative;
    overflow:hidden;
    z-index:2
  }
  #innovative .expo-box .expo-banner {
    display:block;
    width:100%;
    height:241px;
    margin-bottom:46px
  }
  #innovative .expo-box .expo-title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
  }
  #innovative .expo-box .expo-title .expo-title-center {
    font-size:21px;
    line-height:37px;
    margin:0 20px;
    font-weight:bold;
    position:relative;
    z-index:10
  }
  #innovative .expo-box .expo-title .expo-title-center::after {
    content:'';
    display:block;
    position:absolute;
    top:21px;
    left:1px;
    width:80px;
    height:12px;
    background:-webkit-gradient(linear, left top, right top, from(#4e01e9), to(#05a3fe));
    background:-webkit-linear-gradient(left, #4e01e9, #05a3fe);
    background:-o-linear-gradient(left, #4e01e9, #05a3fe);
    background:linear-gradient(to right, #4e01e9, #05a3fe);
    opacity:.6
  }
  #innovative .expo-box .expo-title img {
    width:47px;
    height:21px
  }
  #innovative .expo-box .expo-title .title-right {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
  }
  #innovative .expo-box .expo-intro {
    width:345px;
    margin:25px auto 44px;
    font-size:16px;
    line-height:22px;
    color:#2b313c
  }
  #innovative .expo-box .expo-design {
    width:100%;
    margin-top:23px;
    margin-bottom:17px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #innovative .expo-box .expo-design .design-intro {
    width:162px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:26px;
    margin-right:30px
  }
  #innovative .expo-box .expo-design .design-intro:nth-child(2n) {
    margin-right:0
  }
  #innovative .expo-box .expo-design .design-intro img {
    display:block;
    width:58px;
    height:58px;
    margin-bottom:13px
  }
  #innovative .expo-box .expo-design .design-intro p {
    font-size:17px;
    line-height:23px;
    text-align:center
  }
  #innovative .expo-box .expo-live {
    width:100%;
    margin-top:23px;
    padding-bottom:11px
  }
  #innovative .expo-box .expo-live p {
    font-size:17px;
    line-height:23px;
    margin-bottom:11px;
    padding-left:30px
  }
  #innovative .expo-box .expo-live .live-intro {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:22px
  }
  #innovative .expo-box .expo-live .live-intro img {
    display:block;
    width:166px;
    height:92px;
    margin-right:16px
  }
  #innovative .expo-box .expo-live .live-intro .live-right {
    margin-right:0
  }
  #innovative .expo-box .expo-phone {
    width:376px;
    height:340px;
    margin:0 auto;
    padding:0 22px;
    background-color:#f4f7fa;
    position:relative
  }
  #innovative .expo-box .expo-phone .phone-title {
    color:#2b313c;
    text-align:center;
    font-size:20px;
    line-height:26px;
    padding-top:33px;
    margin-bottom:17px
  }
  #innovative .expo-box .expo-phone .phone-input-name,
  #innovative .expo-box .expo-phone .phone-input-phone {
    width:100%;
    height:44px;
    color:#2b313c;
    border:1px solid #2b313c;
    padding-left:22px;
    font-size:16px;
    line-height:44px;
    background-color:transparent;
    margin:0 auto 14px;
    border-radius:0px
  }
  #innovative .expo-box .expo-phone input::-webkit-input-placeholder {
    color:#5d6574
  }
  #innovative .expo-box .expo-phone input:-moz-placeholder {
    color:#5d6574
  }
  #innovative .expo-box .expo-phone input:-ms-input-placeholder {
    color:#5d6574
  }
  #innovative .expo-box .expo-phone .expoPhoneErros {
    position:absolute;
    font-size:12px;
    color:red;
    line-height:15px;
    top:179px
  }
  #innovative .expo-box .expo-phone .phone-submit {
    width:100%;
    height:44px;
    background-color:#2750fe;
    color:#fff;
    text-align:center;
    cursor:pointer;
    font-weight:bold;
    font-size:16px;
    line-height:44px;
    margin-bottom:15px
  }
  #innovative .expo-box .expo-phone .notclick {
    pointer-events:none
  }
  #innovative .expo-box .expo-phone .phone-bottom {
    width:322px;
    margin:0 auto;
    font-size:13px;
    line-height:20px;
    color:#2b313c;
    text-align:center
  }
  #innovative .expo-box .expo-triangle {
    position:absolute;
    bottom:-25px;
    right:0;
    width:0;
    height:0;
    border-right:68px solid #39f5a2;
    border-top:62px solid transparent;
    border-bottom:62px solid transparent;
    border-left:0 solid transparent
  }
}
@media (max-width:750px) {
  #innovative {
    width:100%;
    font-family:'PingFang SC',Helvetica,'Helvetica Neue',Tahoma,Arial,sans-serif
  }
  #innovative .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    vertical-align:top;
    -o-object-fit:cover;
    object-fit:cover
  }
  #innovative .popout {
    font-size:16px;
    padding:3.33333333vw 5.06666667vw 3.33333333vw 6.66666667vw
  }
  #innovative .show {
    width:100%
  }
  #innovative .codeBox {
    display:none
  }
  #innovative .expo-box {
    width:100%;
    height:100%;
    background-color:#fff;
    position:relative;
    z-index:1
  }
  #innovative .expo-box .expo-ground {
    width:100%;
    height:405.86666667vw;
    position:relative;
    overflow:hidden;
    z-index:2
  }
  #innovative .expo-box .expo-banner {
    display:block;
    width:100%;
    height:58.26666667vw;
    margin-bottom:11.06666667vw
  }
  #innovative .expo-box .expo-title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
  }
  #innovative .expo-box .expo-title .expo-title-center {
    font-size:4.8vw;
    line-height:6.4vw;
    margin:0 4.8vw;
    font-weight:bold;
    position:relative;
    z-index:10
  }
  #innovative .expo-box .expo-title .expo-title-center::after {
    content:'';
    display:block;
    position:absolute;
    top:3.2vw;
    left:1px;
    width:18vw;
    height:2.93333333vw;
    background:-webkit-gradient(linear, left top, right top, from(#4e01e9), to(#05a3fe));
    background:-webkit-linear-gradient(left, #4e01e9, #05a3fe);
    background:-o-linear-gradient(left, #4e01e9, #05a3fe);
    background:linear-gradient(to right, #4e01e9, #05a3fe);
    opacity:.6
  }
  #innovative .expo-box .expo-title img {
    width:11.46666667vw;
    height:4.8vw
  }
  #innovative .expo-box .expo-title .title-right {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
  }
  #innovative .expo-box .expo-intro {
    width:84vw;
    margin:6vw auto 10.53333333vw;
    font-size:4vw;
    line-height:5.33333333vw;
    color:#2b313c
  }
  #innovative .expo-box .expo-design {
    width:100%;
    margin-top:5.6vw;
    margin-bottom:4.13333333vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #innovative .expo-box .expo-design .design-intro {
    width:35.33333333vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:6.4vw;
    margin-right:9.6vw
  }
  #innovative .expo-box .expo-design .design-intro:nth-child(2n) {
    margin-right:0
  }
  #innovative .expo-box .expo-design .design-intro img {
    display:block;
    width:14.13333333vw;
    height:14.13333333vw;
    margin-bottom:3.2vw
  }
  #innovative .expo-box .expo-design .design-intro p {
    font-size:4.26666667vw;
    line-height:5.73333333vw;
    text-align:center
  }
  #innovative .expo-box .expo-live {
    width:100%;
    margin-top:5.6vw;
    padding-bottom:2.66666667vw
  }
  #innovative .expo-box .expo-live p {
    font-size:4.26666667vw;
    line-height:5.6vw;
    margin-bottom:2.66666667vw;
    padding-left:8vw
  }
  #innovative .expo-box .expo-live .live-intro {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:5.33333333vw
  }
  #innovative .expo-box .expo-live .live-intro img {
    display:block;
    width:40vw;
    height:22.13333333vw;
    margin-right:4vw
  }
  #innovative .expo-box .expo-live .live-intro .live-right {
    margin-right:0
  }
  #innovative .expo-box .expo-phone {
    width:94.66666667vw;
    height:81.73333333vw;
    margin:0 auto;
    padding:0 5.33333333vw;
    background-color:#f4f7fa;
    position:relative
  }
  #innovative .expo-box .expo-phone .phone-title {
    color:#2b313c;
    text-align:center;
    font-size:4.8vw;
    line-height:6.4vw;
    padding-top:8vw;
    margin-bottom:4.26666667vw
  }
  #innovative .expo-box .expo-phone .phone-input-name,
  #innovative .expo-box .expo-phone .phone-input-phone {
    width:100%;
    height:10.66666667vw;
    color:#2b313c;
    border:1px solid #2b313c;
    padding-left:4vw;
    font-size:4vw;
    line-height:10.66666667vw;
    background-color:transparent;
    margin:0 auto 4vw;
    border-radius:0px
  }
  #innovative .expo-box .expo-phone input::-webkit-input-placeholder {
    color:#5d6574
  }
  #innovative .expo-box .expo-phone input:-moz-placeholder {
    color:#5d6574
  }
  #innovative .expo-box .expo-phone input:-ms-input-placeholder {
    color:#5d6574
  }
  #innovative .expo-box .expo-phone .expoPhoneErros {
    position:absolute;
    font-size:3.2vw;
    color:red;
    line-height:3.73333333vw;
    top:44vw
  }
  #innovative .expo-box .expo-phone .phone-submit {
    width:100%;
    height:10.66666667vw;
    background-color:#2750fe;
    color:#fff;
    text-align:center;
    cursor:pointer;
    font-weight:bold;
    font-size:3.73333333vw;
    line-height:10.66666667vw;
    margin-bottom:3.73333333vw
  }
  #innovative .expo-box .expo-phone .notclick {
    pointer-events:none
  }
  #innovative .expo-box .expo-phone .phone-bottom {
    width:77.6vw;
    margin:0 auto;
    font-size:3.2vw;
    line-height:4.8vw;
    color:#2b313c;
    text-align:center
  }
  #innovative .expo-box .expo-triangle {
    position:absolute;
    bottom:-5.33333333vw;
    right:0;
    width:0;
    height:0;
    border-right:16.4vw solid #39f5a2;
    border-top:14.93333333vw solid transparent;
    border-bottom:14.93333333vw solid transparent;
    border-left:0 solid transparent
  }
}
#apply-EE {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(0,0,0,0.5);
  display:none;
  z-index:9999999
}
@media (min-width:750px) {
  #apply-EE .apply-wrap {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:800px;
    background-color:#fff;
    padding:34px 45px 40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
  #apply-EE .apply-wrap .header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-bottom:16px
  }
  #apply-EE .apply-wrap .header span {
    color:#2b313c;
    font-size:22px
  }
  #apply-EE .apply-wrap .header .iconguanbi {
    font-size:16px;
    color:#9098a8;
    cursor:pointer
  }
  #apply-EE .apply-wrap .header-text {
    font-size:14px;
    line-height:26px;
    color:#5d6574;
    padding-bottom:35px
  }
  #apply-EE .apply-wrap .from {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
  #apply-EE .apply-wrap .from .from-wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-bottom:30px;
    position:relative
  }
  #apply-EE .apply-wrap .from .from-wrap .label {
    -ms-flex-negative:0;
    flex-shrink:0;
    width:87px;
    padding-right:22px;
    text-align:right;
    color:#5d6574;
    font-size:16px;
    white-space:nowrap
  }
  #apply-EE .apply-wrap .from .from-wrap input {
    height:46px;
    border-radius:2px;
    border:1px solid #e2e5e7;
    color:#5d6574;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding-left:12px;
    font-size:16px
  }
  #apply-EE .apply-wrap .from .from-wrap input::-webkit-input-placeholder {
    color:#b8bcc4
  }
  #apply-EE .apply-wrap .from .from-wrap input:-moz-placeholder {
    color:#b8bcc4
  }
  #apply-EE .apply-wrap .from .from-wrap input::-moz-placeholder {
    color:#b8bcc4
  }
  #apply-EE .apply-wrap .from .from-wrap input:-ms-input-placeholder {
    color:#b8bcc4
  }
  #apply-EE .apply-wrap .from .from-wrap .Error {
    position:absolute;
    top:46px;
    left:98px;
    font-size:14px;
    line-height:30px;
    color:red
  }
  #apply-EE .apply-wrap .from .button-wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    padding-top:10px
  }
  #apply-EE .apply-wrap .from .button-wrap .submit-button {
    width:120px;
    height:40px;
    background-color:#2c7dfa;
    border-radius:2px;
    color:#fff;
    font-size:16px;
    line-height:40px;
    text-align:center;
    cursor:pointer
  }
  #apply-EE .apply-wrap .from .button-wrap .notclick {
    pointer-events:none
  }
  #apply-EE .apply-wrap .success-wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    display:none
  }
  #apply-EE .apply-wrap .success-wrap .prompt {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-bottom:45px
  }
  #apply-EE .apply-wrap .success-wrap .prompt img {
    width:60px;
    height:60px
  }
  #apply-EE .apply-wrap .success-wrap .prompt span {
    padding-left:30px;
    color:#2c7dfa;
    font-size:30px
  }
  #apply-EE .apply-wrap .success-wrap .message-wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-bottom:36px
  }
  #apply-EE .apply-wrap .success-wrap .message-wrap .label {
    -ms-flex-negative:0;
    flex-shrink:0;
    width:87px;
    padding-right:22px;
    text-align:right;
    color:#5d6574;
    font-size:16px;
    white-space:nowrap
  }
  #apply-EE .apply-wrap .success-wrap .message-wrap span:nth-child(2) {
    color:#5d6574;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    font-size:16px
  }
}
@media (max-width:750px) {
  #apply-EE .apply-wrap {
    position:absolute;
    top:45%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:8.93333333rem;
    background-color:#fff;
    border-radius:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:.52rem .4rem .66666667rem
  }
  #apply-EE .apply-wrap .header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-bottom:.30666667rem
  }
  #apply-EE .apply-wrap .header span {
    color:#2b313c;
    font-size:.42666667rem;
    line-height:.48rem
  }
  #apply-EE .apply-wrap .header .iconguanbi {
    font-size:.29333333rem;
    color:#9098a8
  }
  #apply-EE .apply-wrap .header-text {
    font-size:.29333333rem;
    line-height:.42666667rem;
    color:#5d6574;
    padding-bottom:.8rem
  }
  #apply-EE .apply-wrap .from {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
  #apply-EE .apply-wrap .from .from-wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-bottom:.53333333rem;
    position:relative
  }
  #apply-EE .apply-wrap .from .from-wrap .label {
    -ms-flex-negative:0;
    flex-shrink:0;
    width:2rem;
    padding-right:.30666667rem;
    text-align:right;
    color:#2b313c;
    font-size:.4rem;
    white-space:nowrap
  }
  #apply-EE .apply-wrap .from .from-wrap input {
    height:.96rem;
    border-radius:.02666667rem;
    border:1px solid #e2e5e7;
    color:#5d6574;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding-left:.26666667rem;
    font-size:.4rem
  }
  #apply-EE .apply-wrap .from .from-wrap input::-webkit-input-placeholder {
    color:#b8bcc4
  }
  #apply-EE .apply-wrap .from .from-wrap input:-moz-placeholder {
    color:#b8bcc4
  }
  #apply-EE .apply-wrap .from .from-wrap input::-moz-placeholder {
    color:#b8bcc4
  }
  #apply-EE .apply-wrap .from .from-wrap input:-ms-input-placeholder {
    color:#b8bcc4
  }
  #apply-EE .apply-wrap .from .from-wrap .Error {
    position:absolute;
    top:.96rem;
    left:2.24rem;
    font-size:.37333333rem;
    line-height:.53333333rem;
    color:red
  }
  #apply-EE .apply-wrap .from .button-wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-top:.53333333rem
  }
  #apply-EE .apply-wrap .from .button-wrap .submit-button {
    width:8.13333333rem;
    height:1.2rem;
    background-color:#2c7dfa;
    border-radius:.08rem;
    color:#fff;
    font-size:.4rem;
    line-height:1.2rem;
    text-align:center;
    cursor:pointer
  }
  #apply-EE .apply-wrap .from .button-wrap .notclick {
    pointer-events:none
  }
  #apply-EE .apply-wrap .success-wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    display:none
  }
  #apply-EE .apply-wrap .success-wrap .prompt {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-bottom:.89333333rem
  }
  #apply-EE .apply-wrap .success-wrap .prompt img {
    width:1.33333333rem;
    height:1.33333333rem
  }
  #apply-EE .apply-wrap .success-wrap .prompt span {
    padding-left:.61333333rem;
    color:#2c7dfa;
    font-size:.48rem
  }
  #apply-EE .apply-wrap .success-wrap .message-wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-bottom:.82666667rem
  }
  #apply-EE .apply-wrap .success-wrap .message-wrap .label {
    -ms-flex-negative:0;
    flex-shrink:0;
    width:1.93333333rem;
    padding-right:.30666667rem;
    text-align:right;
    color:#5d6574;
    font-size:.4rem;
    white-space:nowrap
  }
  #apply-EE .apply-wrap .success-wrap .message-wrap span:nth-child(2) {
    color:#5d6574;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    font-size:.4rem
  }
}
.link_wrap {
  position:relative
}
.link_wrap a {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0
}
@media (max-width:768px) {
  .dialog_box {
    display:none;
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.5)
  }
  .dialog_box .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    vertical-align:top;
    z-index:0
  }
  .dialog_box .img_bg.pc {
    display:none
  }
  .dialog_box .img_bg.mob {
    display:block
  }
  .dialog_box .link {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2
  }
  .dialog_box .dialog_content {
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
  }
  .dialog_box .close.style1 {
    width:.57333333rem;
    height:.57333333rem;
    border:solid 1px #ffffff;
    border-radius:50%;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    cursor:pointer
  }
  .dialog_box .close.style1 .iconfont {
    font-size:10px
  }
  .dialog_box .close.style2 {
    width:.37333333rem;
    height:.37333333rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    cursor:pointer
  }
  .dialog_box .close.style2 .iconfont {
    font-size:.29333333rem;
    color:#864506;
    opacity:.5;
    -webkit-transition:.3s ease-out;
    -o-transition:.3s ease-out;
    transition:.3s ease-out
  }
  .dialog_box #before_new {
    width:5.61333333rem;
    height:4.93333333rem;
    z-index:1
  }
  .dialog_box #before_new .link_wrap {
    display:block;
    width:2.84rem;
    height:.76rem;
    margin-top:2.93333333rem;
    margin-left:1.09333333rem;
    cursor:pointer;
    position:relative;
    z-index:2
  }
  .dialog_box #before_new .close {
    margin:.66666667rem 0 0 2.26666667rem;
    position:relative;
    z-index:2
  }
  .dialog_box #after_new {
    width:8.38666667rem;
    height:9.2rem;
    z-index:1
  }
  .dialog_box #after_new .link_wrap {
    width:4.18666667rem;
    height:.74666667rem;
    margin:5.6rem auto 0;
    cursor:pointer;
    font-size:.34666667rem;
    line-height:.74666667rem;
    color:#bf3b03;
    text-align:center;
    font-weight:bold;
    position:relative;
    z-index:2
  }
  .dialog_box #after_new .link_wrap span {
    position:relative;
    z-index:2
  }
  .dialog_box #after_new .look {
    font-size:.32rem;
    line-height:.44rem;
    color:#bf3b03;
    text-decoration:underline;
    display:block;
    width:1.73333333rem;
    margin:.28rem auto 0;
    text-align:center;
    position:relative;
    z-index:2
  }
  .dialog_box #after_new .tips {
    width:7.32rem;
    font-size:.32rem;
    color:#864306;
    margin:.32rem auto 0;
    text-align:center;
    position:relative;
    z-index:2
  }
  .dialog_box #after_new .close {
    position:absolute;
    top:.4rem;
    right:.4rem;
    position:relative;
    z-index:2
  }
  .dialog_box #before_buy {
    width:4.73333333rem;
    height:6.22666667rem;
    z-index:1
  }
  .dialog_box #before_buy .link_wrap {
    display:block;
    width:2.57333333rem;
    height:.70666667rem;
    margin:4.78666667rem 0 0 1rem;
    cursor:pointer;
    position:relative;
    z-index:2
  }
  .dialog_box #before_buy .close {
    margin:.16rem 0 0 2.05333333rem;
    position:relative;
    z-index:2
  }
  .dialog_box #after_buy {
    width:8.38666667rem;
    height:9.2rem;
    z-index:1
  }
  .dialog_box #after_buy .link_wrap {
    width:4.18666667rem;
    height:.74666667rem;
    margin:5.6rem auto 0;
    cursor:pointer;
    font-size:.34666667rem;
    line-height:.74666667rem;
    color:#bf3b03;
    text-align:center;
    font-weight:bold;
    position:relative;
    z-index:2
  }
  .dialog_box #after_buy .link_wrap span {
    position:relative;
    z-index:2
  }
  .dialog_box #after_buy .look {
    font-size:.32rem;
    line-height:.44rem;
    color:#bf3b03;
    text-decoration:underline;
    display:block;
    width:1.73333333rem;
    margin:.28rem auto 0;
    text-align:center;
    position:relative;
    z-index:2
  }
  .dialog_box #after_buy .tips {
    width:7.32rem;
    font-size:.32rem;
    color:#864306;
    margin:.32rem auto 0;
    text-align:center;
    position:relative;
    z-index:2
  }
  .dialog_box #after_buy .close {
    position:absolute;
    top:.4rem;
    right:.4rem;
    position:relative;
    z-index:2
  }
  .dialog_box #old {
    width:7.62666667rem;
    height:4.38666667rem;
    z-index:1
  }
  .dialog_box #old .close {
    position:absolute;
    top:.4rem;
    right:.4rem;
    z-index:2
  }
  .dialog_box #old .close .iconfont {
    color:#ffffff;
    opacity:.9
  }
}
@media (min-width:768px) {
  .dialog_box {
    display:none;
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.5);
    -webkit-transition:background-color .3s ease-out;
    -o-transition:background-color .3s ease-out;
    transition:background-color .3s ease-out
  }
  .dialog_box .img_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    vertical-align:top;
    z-index:0
  }
  .dialog_box .img_bg.pc {
    display:block
  }
  .dialog_box .img_bg.mob {
    display:none
  }
  .dialog_box .dialog_content {
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    -webkit-transition:top .1s ease;
    -o-transition:top .1s ease;
    transition:top .1s ease
  }
  .dialog_box .close.style1 {
    width:36px;
    height:36px;
    border:solid 1px #ffffff;
    border-radius:50%;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    cursor:pointer
  }
  .dialog_box .close.style2 {
    width:24px;
    height:24px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    cursor:pointer
  }
  .dialog_box .close.style2 .iconfont {
    font-size:18px;
    color:#864506;
    opacity:.5;
    -webkit-transition:.3s ease-out;
    -o-transition:.3s ease-out;
    transition:.3s ease-out
  }
  .dialog_box .close.style2:hover .iconfont {
    opacity:1
  }
  .dialog_box #before_new {
    width:352px;
    z-index:1
  }
  .dialog_box #before_new .link_wrap {
    display:block;
    width:179px;
    height:49px;
    margin:180px 0 0 68px;
    cursor:pointer;
    position:relative;
    z-index:2
  }
  .dialog_box #before_new .close {
    margin:41px 0 0 141px;
    position:relative;
    z-index:2
  }
  .dialog_box #after_new {
    width:464px;
    height:450px;
    z-index:1
  }
  .dialog_box #after_new .link_wrap {
    width:218px;
    height:40px;
    margin:289px auto 0;
    cursor:pointer;
    font-size:16px;
    line-height:40px;
    color:#bf3b03;
    text-align:center;
    font-weight:bold;
    position:relative;
    z-index:2
  }
  .dialog_box #after_new .link_wrap span {
    position:relative;
    z-index:2
  }
  .dialog_box #after_new .look {
    font-size:12px;
    line-height:17px;
    color:#bf3b03;
    text-decoration:underline;
    display:block;
    width:60px;
    margin:12px auto 0;
    position:relative;
    z-index:2
  }
  .dialog_box #after_new .tips {
    width:290px;
    font-size:12px;
    color:#864306;
    margin:20px auto 0;
    position:relative;
    z-index:2
  }
  .dialog_box #after_new .close {
    position:absolute;
    top:24px;
    right:24px;
    position:relative;
    z-index:2
  }
  .dialog_box #before_buy {
    width:355px;
    z-index:1
  }
  .dialog_box #before_buy .link_wrap {
    display:block;
    width:193px;
    height:53px;
    margin:359px 0 0 75px;
    cursor:pointer;
    position:relative;
    z-index:2
  }
  .dialog_box #before_buy .close {
    margin:12px 0 0 154px;
    position:relative;
    z-index:2
  }
  .dialog_box #after_buy {
    width:464px;
    height:450px;
    z-index:1
  }
  .dialog_box #after_buy .link_wrap {
    width:218px;
    height:40px;
    margin:289px auto 0;
    cursor:pointer;
    font-size:16px;
    line-height:40px;
    color:#bf3b03;
    text-align:center;
    font-weight:bold;
    position:relative;
    z-index:2
  }
  .dialog_box #after_buy .link_wrap span {
    position:relative;
    z-index:2
  }
  .dialog_box #after_buy .look {
    font-size:12px;
    line-height:17px;
    color:#bf3b03;
    text-decoration:underline;
    display:block;
    width:60px;
    margin:12px auto 0;
    position:relative;
    z-index:2
  }
  .dialog_box #after_buy .tips {
    width:317px;
    font-size:12px;
    color:#864306;
    margin:20px auto 0;
    position:relative;
    z-index:2
  }
  .dialog_box #after_buy .close {
    position:absolute;
    top:24px;
    right:24px;
    position:relative;
    z-index:2
  }
  .dialog_box #old {
    width:457px;
    height:263px;
    z-index:1
  }
  .dialog_box #old .close {
    position:absolute;
    top:24px;
    right:24px;
    z-index:2
  }
  .dialog_box #old .close .iconfont {
    color:#ffffff;
    opacity:.9
  }
}
#website_logo_wrap {
  position:fixed;
  top:-75px;
  left:0;
  width:121px;
  height:75px;
  z-index:1
}
#website_logo_wrap .logo {
  width:121px;
  height:75px;
  vertical-align:top
}
#match_online_wrap {
  width:100%;
  padding:0 0 80px
}
#match_online_wrap .img_bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
  vertical-align:top;
  -o-object-fit:cover;
  object-fit:cover
}
#match_online_wrap .img_bg.pc {
  display:block
}
#match_online_wrap .img_bg.mob {
  display:none
}
#match_online_wrap .module_wrap {
  width:100%
}
#match_online_wrap .module_wrap .module_title {
  font-size:54px;
  color:#3a475e;
  text-align:center
}
#match_online_wrap .module_wrap .module_content {
  margin:0 auto;
  width:1200px
}
#match_online_wrap .module_banner {
  position:relative;
  z-index:1;
  width:100%;
  height:400px;
  background-image:-webkit-linear-gradient(328deg, #3a475e 0%, rgba(58,71,94,0.58) 62%, rgba(58,71,94,0) 100%);
  background-image:-o-linear-gradient(328deg, #3a475e 0%, rgba(58,71,94,0.58) 62%, rgba(58,71,94,0) 100%);
  background-image:linear-gradient(122deg, #3a475e 0%, rgba(58,71,94,0.58) 62%, rgba(58,71,94,0) 100%);
  overflow:hidden
}
#match_online_wrap .module_banner .banner_img {
  position:relative;
  z-index:0;
  margin:0 auto;
  width:1920px
}
#match_online_wrap .module_banner .banner_img.pc {
  display:block
}
#match_online_wrap .module_banner .banner_img.mob {
  display:none
}
#match_online_wrap .module_banner .banner_content_wrap {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1
}
#match_online_wrap .module_banner .banner_content {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#match_online_wrap .module_banner .banner_title {
  font-size:40px;
  color:#ffffff;
  text-align:center;
  font-weight:500
}
#match_online_wrap .module_banner .banner_sub_title {
  margin-top:27px;
  font-size:24px;
  color:#ffffff;
  text-align:center
}
#match_online_wrap .module_banner .banner_btn {
  margin-top:53px;
  padding:15px 30px;
  font-size:18px;
  color:#fafafa;
  font-weight:500;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:2px;
  background-image:-webkit-linear-gradient(316deg, #ff9b82 0%, #ff6170 100%);
  background-image:-o-linear-gradient(316deg, #ff9b82 0%, #ff6170 100%);
  background-image:linear-gradient(134deg, #ff9b82 0%, #ff6170 100%);
  cursor:pointer
}
#match_online_wrap .plan_bar {
  position:relative;
  z-index:2;
  margin:-30px auto 0;
  width:1200px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:25px 60px;
  -webkit-box-shadow:0 12px 30px 0 rgba(174,185,194,0.12);
  box-shadow:0 12px 30px 0 rgba(174,185,194,0.12);
  border-radius:4px;
  background-color:#ffffff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#match_online_wrap .plan_bar .plan_content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#match_online_wrap .plan_bar .plan_title {
  color:#3a475e;
  font-size:20px;
  font-weight:500
}
#match_online_wrap .plan_bar .plan_link {
  margin-left:20px;
  padding-left:20px;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  color:#3a475e;
  font-size:26px;
  position:relative;
  z-index:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#match_online_wrap .plan_bar .plan_link .icon {
  font-size:26px
}
#match_online_wrap .plan_bar .plan_link .num {
  margin-left:10px;
  font-family:'DIN Alternate'
}
#match_online_wrap .plan_bar .plan_link::before {
  content:'';
  position:absolute;
  top:50%;
  left:0;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:2px;
  height:28px;
  background-color:#d5dae3
}
#match_online_wrap .plan_bar .plan_btn {
  padding:11px 24px;
  font-size:18px;
  font-weight:500;
  color:#fafafa;
  background-image:-webkit-linear-gradient(316deg, #ff9b82 0%, #ff6170 100%);
  background-image:-o-linear-gradient(316deg, #ff9b82 0%, #ff6170 100%);
  background-image:linear-gradient(134deg, #ff9b82 0%, #ff6170 100%);
  border-radius:2px;
  cursor:pointer
}
#match_online_wrap .scene {
  padding:141px 0 0
}
#match_online_wrap .scene .module_content {
  margin:85px auto 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#match_online_wrap .scene .module_content .scene_item {
  width:280px;
  height:420px;
  position:relative;
  z-index:1
}
#match_online_wrap .scene .module_content .scene_item .img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  vertical-align:top
}
#match_online_wrap .scene .module_content .scene_tag {
  position:absolute;
  bottom:0;
  left:0;
  padding:8px 25px;
  border-radius:2px 25px 2px 2px;
  font-size:20px;
  color:#ffffff;
  font-weight:500;
  background-image:-webkit-linear-gradient(316deg, #ff9b82 0%, #ff6170 100%);
  background-image:-o-linear-gradient(316deg, #ff9b82 0%, #ff6170 100%);
  background-image:linear-gradient(134deg, #ff9b82 0%, #ff6170 100%)
}
#match_online_wrap .scene_case {
  padding-top:161px
}
#match_online_wrap .scene_case .module_content {
  margin:100px auto 0
}
#match_online_wrap .scene_case .scene_case_item {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#match_online_wrap .scene_case .scene_case_item+.scene_case_item {
  margin-top:100px
}
#match_online_wrap .scene_case .scene_case_item:nth-of-type(2n) {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse
}
#match_online_wrap .scene_case .scene_case_item .item_content {
  width:556px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}
#match_online_wrap .scene_case .scene_case_item .item_title {
  color:#3a475e;
  font-size:30px;
  font-weight:500
}
#match_online_wrap .scene_case .scene_case_item .item_text {
  margin-top:20px;
  white-space:pre-line;
  font-size:20px;
  color:#5d6574;
  line-height:36px;
  min-height:200px
}
#match_online_wrap .scene_case .scene_case_item .item_img {
  width:511px
}
#match_online_wrap .scene_case .scene_case_item .item_img .img {
  width:100%
}
#match_online_wrap .function {
  padding:180px 0 0
}
#match_online_wrap .function .module_content {
  margin:115px auto 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
#match_online_wrap .function .function_item {
  width:328px;
  height:262px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:34px 28px;
  position:relative;
  z-index:1;
  border-radius:2px;
  -webkit-transition:all .3s linear;
  -o-transition:all .3s linear;
  transition:all .3s linear
}
#match_online_wrap .function .function_item::before {
  content:'';
  position:absolute;
  top:0;
  left:50%;
  width:0;
  height:4px;
  background-color:#ff7275;
  -webkit-transform:translate(-50%);
  -ms-transform:translate(-50%);
  transform:translate(-50%);
  -webkit-transition:all .3s linear;
  -o-transition:all .3s linear;
  transition:all .3s linear
}
#match_online_wrap .function .function_item:hover {
  -webkit-box-shadow:0 12px 30px 0 rgba(191,120,124,0.12);
  box-shadow:0 12px 30px 0 rgba(191,120,124,0.12)
}
#match_online_wrap .function .function_item:hover::before {
  width:100%
}
#match_online_wrap .function .item_icon {
  width:67px;
  height:67px;
  background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,147,134,0)), to(rgba(255,233,231,0.17)));
  background-image:-webkit-linear-gradient(top, rgba(255,147,134,0) 0%, rgba(255,233,231,0.17) 100%);
  background-image:-o-linear-gradient(top, rgba(255,147,134,0) 0%, rgba(255,233,231,0.17) 100%);
  background-image:linear-gradient(180deg, rgba(255,147,134,0) 0%, rgba(255,233,231,0.17) 100%);
  position:relative;
  z-index:1;
  overflow:hidden;
  background-color:#fff0ef
}
#match_online_wrap .function .item_icon .icon_img {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%) scale(.5);
  -ms-transform:translate(-50%, -50%) scale(.5);
  transform:translate(-50%, -50%) scale(.5)
}
#match_online_wrap .function .item_title {
  margin-top:24px;
  font-size:20px;
  color:#3a475e;
  font-weight:500
}
#match_online_wrap .function .item_text {
  margin-top:8px;
  word-break:break-all;
  font-size:16px;
  line-height:22px;
  color:#7b8494
}
#match_online_wrap .fine_case {
  padding:160px 0 0
}
#match_online_wrap .fine_case .module_content {
  margin:86px auto 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#match_online_wrap .fine_case .img_wrap {
  width:540px;
  height:300px;
  -ms-flex-negative:0;
  flex-shrink:0
}
#match_online_wrap .fine_case .img_wrap .img {
  width:100%;
  height:100%;
  vertical-align:top;
  -o-object-fit:cover;
  object-fit:cover
}
#match_online_wrap .fine_case .fine_content {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  height:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:0 55px 0 30px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}
#match_online_wrap .fine_case .fine_title {
  font-size:20px;
  color:#3a475e;
  font-weight:500
}
#match_online_wrap .fine_case .fine_text {
  margin-top:12px;
  font-size:16px;
  color:#3a475e;
  line-height:24px
}
#match_online_wrap .fine_case .icon_list_wrap {
  margin-top:16px;
  -ms-flex-item-align:start;
  align-self:flex-start;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#match_online_wrap .fine_case .icon_item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#match_online_wrap .fine_case .icon_item .icon_img {
  width:33px;
  height:33px;
  position:relative;
  z-index:1
}
#match_online_wrap .fine_case .icon_item .icon_img .img {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:100%
}
#match_online_wrap .fine_case .icon_item .item_title {
  margin-top:10px;
  color:#3a475e;
  font-size:14px;
  white-space:nowrap
}
#match_online_wrap .fine_case .icon_item:nth-of-type(2) .icon_img {
  width:31px
}
#match_online_wrap .fine_case .icon_item+.icon_item {
  margin-left:60px
}
#match_online_wrap .fine_case .fine_btn {
  margin-top:30px;
  padding:10px 23px;
  background-image:-webkit-linear-gradient(316deg, #ff9b82 0%, #ff6170 100%);
  background-image:-o-linear-gradient(316deg, #ff9b82 0%, #ff6170 100%);
  background-image:linear-gradient(134deg, #ff9b82 0%, #ff6170 100%);
  border-radius:2px;
  font-size:16px;
  color:#fafafa;
  cursor:pointer
}
#match_online_wrap .match_online_case {
  padding:160px 0 0
}
#match_online_wrap .match_online_case .module_content {
  margin:86px auto 0
}
#match_online_wrap .match_online_case .case_list_wrap {
  width:100%;
  height:400px;
  overflow:hidden
}
#match_online_wrap .match_online_case .case_list_wrap .case-item {
  width:387px;
  height:388px;
  border-radius:2px;
  overflow:hidden;
  background-color:#ffffff;
  -webkit-transition:-webkit-box-shadow .3s linear;
  transition:-webkit-box-shadow .3s linear;
  -o-transition:box-shadow .3s linear;
  transition:box-shadow .3s linear;
  transition:box-shadow .3s linear, -webkit-box-shadow .3s linear
}
#match_online_wrap .match_online_case .case_list_wrap .case-item .img {
  width:100%;
  height:212px;
  overflow:hidden;
  position:relative;
  z-index:1
}
#match_online_wrap .match_online_case .case_list_wrap .case-item .img img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  vertical-align:top;
  -webkit-transition:-webkit-transform .3s linear;
  transition:-webkit-transform .3s linear;
  -o-transition:transform .3s linear;
  transition:transform .3s linear;
  transition:transform .3s linear, -webkit-transform .3s linear
}
#match_online_wrap .match_online_case .case_list_wrap .case-item .info {
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:22px 33px 0 19px
}
#match_online_wrap .match_online_case .case_list_wrap .case-item .info .title {
  font-size:20px;
  color:#3a475e;
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis
}
#match_online_wrap .match_online_case .case_list_wrap .case-item .info .info_text {
  font-size:16px;
  line-height:21px;
  color:#5d6574;
  max-height:84px;
  word-break:break-all;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical
}
#match_online_wrap .match_online_case .case_list_wrap .case-item:hover {
  -webkit-box-shadow:0 12px 30px 0 rgba(174,185,194,0.12);
  box-shadow:0 12px 30px 0 rgba(174,185,194,0.12)
}
#match_online_wrap .match_online_case .case_list_wrap .case-item:hover .img img {
  -webkit-transform:scale(1.2);
  -ms-transform:scale(1.2);
  transform:scale(1.2)
}
#match_online_wrap .match_online_case .swiper_pagination {
  display:none
}
#match_online_wrap .friend {
  padding:148px 0 0
}
#match_online_wrap .friend .customer_img_wrap {
  margin:86px auto 0;
  width:100%;
  height:27.5vw;
  max-height:528px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#match_online_wrap .friend .customer_img_wrap .customer_img {
  width:100%;
  max-width:1920px
}
@media screen and (min-width:751px) and (max-width:1280px) {
  #match_online_wrap {
    width:100%;
    padding:0 0 4.375vw
  }
  #match_online_wrap .module_wrap .module_title {
    font-size:3.4375vw;
    color:#3a475e;
    text-align:center
  }
  #match_online_wrap .module_wrap .module_content {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    max-width:960px;
    width:calc(100% - 100px)
  }
  #match_online_wrap .module_banner {
    height:25vw
  }
  #match_online_wrap .module_banner .banner_img {
    width:120vw
  }
  #match_online_wrap .module_banner .banner_title {
    font-size:2.5vw
  }
  #match_online_wrap .module_banner .banner_sub_title {
    margin-top:1.71875vw;
    font-size:1.5625vw
  }
  #match_online_wrap .module_banner .banner_btn {
    margin-top:3.359375vw;
    padding:.9375vw 1.875vw;
    font-size:1.171875vw
  }
  #match_online_wrap .plan_bar {
    margin-top:-1.875vw;
    max-width:960px;
    width:calc(100% - 100px);
    padding:1.5625vw 3.75vw
  }
  #match_online_wrap .plan_bar .plan_link {
    margin-left:1.25vw;
    padding-left:1.25vw;
    font-size:1.5625vw
  }
  #match_online_wrap .plan_bar .plan_link .icon {
    font-size:1.5625vw
  }
  #match_online_wrap .plan_bar .plan_link .num {
    margin-left:.625vw
  }
  #match_online_wrap .plan_bar .plan_link::before {
    width:.15625vw;
    height:1.71875vw
  }
  #match_online_wrap .plan_bar .plan_btn {
    padding:.703125vw 1.5625vw;
    font-size:1.171875vw
  }
  #match_online_wrap .scene {
    padding:8.828125vw 0 0
  }
  #match_online_wrap .scene .module_content {
    margin-top:5.3125vw
  }
  #match_online_wrap .scene .module_content .scene_item {
    width:17.5vw;
    height:26.25vw
  }
  #match_online_wrap .scene .module_content .scene_tag {
    padding:.46875vw 1.5625vw;
    border-radius:.15625vw 1.5625vw .15625vw .15625vw;
    font-size:1.25vw
  }
  #match_online_wrap .scene_case {
    padding-top:10vw
  }
  #match_online_wrap .scene_case .module_content {
    margin:6.25vw auto 0
  }
  #match_online_wrap .scene_case .scene_case_item+.scene_case_item {
    margin-top:6.25vw
  }
  #match_online_wrap .scene_case .scene_case_item .item_content {
    width:34.765625vw
  }
  #match_online_wrap .scene_case .scene_case_item .item_title {
    font-size:1.875vw
  }
  #match_online_wrap .scene_case .scene_case_item .item_text {
    margin-top:1.25vw;
    font-size:1.25vw;
    line-height:2.265625vw;
    min-height:11.71875vw
  }
  #match_online_wrap .scene_case .scene_case_item .item_img {
    width:31.953125vw
  }
  #match_online_wrap .function {
    padding:11.25vw 0 0
  }
  #match_online_wrap .function .module_content {
    margin:7.1875vw auto 0
  }
  #match_online_wrap .function .function_item {
    width:20.46875vw;
    height:16.40625vw;
    padding:2.109375vw 1.71875vw
  }
  #match_online_wrap .function .function_item::before {
    height:.234375vw
  }
  #match_online_wrap .function .function_item:hover {
    -webkit-box-shadow:0 .9375vw 2.34375vw 0 rgba(191,120,124,0.12);
    box-shadow:0 .9375vw 2.34375vw 0 rgba(191,120,124,0.12)
  }
  #match_online_wrap .function .item_icon {
    width:4.140625vw;
    height:4.140625vw
  }
  #match_online_wrap .function .item_icon .icon_img {
    -webkit-transform:translate(-50%, -50%) scale(.45);
    -ms-transform:translate(-50%, -50%) scale(.45);
    transform:translate(-50%, -50%) scale(.45)
  }
  #match_online_wrap .function .item_title {
    margin-top:1.5625vw;
    font-size:1.25vw
  }
  #match_online_wrap .function .item_text {
    margin-top:.46875vw;
    font-size:1.015625vw;
    line-height:1.40625vw
  }
  #match_online_wrap .fine_case {
    padding:10vw 0 0
  }
  #match_online_wrap .fine_case .module_content {
    margin:5.390625vw auto 0
  }
  #match_online_wrap .fine_case .img_wrap {
    width:33.59375vw;
    height:18.75vw
  }
  #match_online_wrap .fine_case .fine_content {
    padding:0 3.4375vw 0 1.875vw
  }
  #match_online_wrap .fine_case .fine_title {
    font-size:1.25vw
  }
  #match_online_wrap .fine_case .fine_text {
    margin-top:.78125vw;
    font-size:1.015625vw;
    line-height:1.5625vw
  }
  #match_online_wrap .fine_case .icon_list_wrap {
    margin-top:1.015625vw
  }
  #match_online_wrap .fine_case .icon_item .icon_img {
    width:2.03125vw;
    height:2.03125vw
  }
  #match_online_wrap .fine_case .icon_item .item_title {
    margin-top:.625vw;
    font-size:.9375vw
  }
  #match_online_wrap .fine_case .icon_item+.icon_item {
    margin-left:3.75vw
  }
  #match_online_wrap .fine_case .icon_item:nth-of-type(2) .icon_img {
    width:1.875vw
  }
  #match_online_wrap .fine_case .fine_btn {
    margin-top:1.875vw;
    padding:.625vw 1.40625vw;
    font-size:1.015625vw
  }
  #match_online_wrap .match_online_case {
    padding:10vw 0 0
  }
  #match_online_wrap .match_online_case .module_content {
    margin:5.390625vw auto 0
  }
  #match_online_wrap .match_online_case .case_list_wrap {
    width:100%;
    height:25vw
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item {
    width:24.21875vw;
    height:24.21875vw
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item .img {
    height:13.203125vw
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item .info {
    padding:1.40625vw 2.03125vw 0 1.25vw
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item .info .title {
    font-size:1.25vw
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item .info .info_text {
    font-size:1.015625vw;
    line-height:1.328125vw;
    max-height:5.3125vw
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item:hover {
    -webkit-box-shadow:0 .9375vw 2.34375vw 0 rgba(174,185,194,0.12);
    box-shadow:0 .9375vw 2.34375vw 0 rgba(174,185,194,0.12)
  }
  #match_online_wrap .friend {
    padding:9.21875vw 0 0
  }
  #match_online_wrap .friend .customer_img_wrap {
    margin:5.390625vw auto 0;
    max-height:27.5vw;
    height:27.5vw
  }
  #match_online_wrap .friend .customer_img_wrap .customer_img {
    width:100%
  }
}
@media screen and (max-width:750px) {
  #match_online_wrap {
    width:100vw;
    overflow:hidden;
    padding:0 0 .53333333rem
  }
  #match_online_wrap .img_bg.pc {
    display:none
  }
  #match_online_wrap .img_bg.mob {
    display:block
  }
  #match_online_wrap .module_wrap .module_title {
    font-size:.58666667rem
  }
  #match_online_wrap .module_wrap .module_content {
    margin:0 auto;
    width:100%
  }
  #match_online_wrap .module_banner {
    height:4.26666667rem
  }
  #match_online_wrap .module_banner .banner_img {
    width:100%
  }
  #match_online_wrap .module_banner .banner_img.pc {
    display:none
  }
  #match_online_wrap .module_banner .banner_img.mob {
    display:block
  }
  #match_online_wrap .module_banner .banner_title {
    font-size:.4rem;
    white-space:nowrap
  }
  #match_online_wrap .module_banner .banner_sub_title {
    margin-top:.26666667rem;
    font-size:.26666667rem;
    white-space:nowrap
  }
  #match_online_wrap .module_banner .banner_btn {
    margin-top:.4rem;
    padding:.16rem .32rem;
    font-size:.21333333rem
  }
  #match_online_wrap .plan_bar {
    margin:0 auto;
    width:100%;
    padding:.28rem .53333333rem;
    -webkit-box-shadow:0 .16rem .4rem 0 rgba(174,185,194,0.12);
    box-shadow:0 .16rem .4rem 0 rgba(174,185,194,0.12);
    border-radius:.05333333rem
  }
  #match_online_wrap .plan_bar .plan_content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #match_online_wrap .plan_bar .plan_title {
    font-size:.32rem;
    font-weight:400
  }
  #match_online_wrap .plan_bar .plan_link {
    margin-left:.2rem;
    padding-left:.2rem;
    font-size:.34666667rem
  }
  #match_online_wrap .plan_bar .plan_link .icon {
    font-size:.34666667rem
  }
  #match_online_wrap .plan_bar .plan_link .num {
    margin-left:.12rem
  }
  #match_online_wrap .plan_bar .plan_link::before {
    width:.02666667rem;
    height:.37333333rem
  }
  #match_online_wrap .plan_bar .plan_btn {
    padding:.17333333rem .34666667rem;
    font-size:.29333333rem;
    font-weight:400;
    border-radius:2px
  }
  #match_online_wrap .scene {
    padding:1.33333333rem 0 0
  }
  #match_online_wrap .scene .module_content {
    margin:.50666667rem auto 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 .53333333rem
  }
  #match_online_wrap .scene .module_content .scene_item {
    width:2.08rem;
    height:3.12rem
  }
  #match_online_wrap .scene .module_content .scene_tag {
    padding:1px .08rem;
    border-radius:.02666667rem .26666667rem .02666667rem .02666667rem;
    font-size:.26666667rem;
    color:#ffffff;
    font-weight:400
  }
  #match_online_wrap .scene_case {
    padding-top:1.33333333rem
  }
  #match_online_wrap .scene_case .module_content {
    margin:.53333333rem auto 0
  }
  #match_online_wrap .scene_case .scene_case_item {
    width:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:.64rem .53333333rem 1.33333333rem;
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(193,255,252,0.17)), to(#fcfeff));
    background-image:-webkit-linear-gradient(top, rgba(193,255,252,0.17) 0%, #fcfeff 100%);
    background-image:-o-linear-gradient(top, rgba(193,255,252,0.17) 0%, #fcfeff 100%);
    background-image:linear-gradient(180deg, rgba(193,255,252,0.17) 0%, #fcfeff 100%)
  }
  #match_online_wrap .scene_case .scene_case_item+.scene_case_item {
    margin-top:0
  }
  #match_online_wrap .scene_case .scene_case_item:nth-of-type(2n) {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
  #match_online_wrap .scene_case .scene_case_item .item_content {
    width:100%
  }
  #match_online_wrap .scene_case .scene_case_item .item_title {
    font-size:.48rem;
    font-weight:400
  }
  #match_online_wrap .scene_case .scene_case_item .item_text {
    margin-top:.26666667rem;
    white-space:pre-line;
    font-size:.32rem;
    line-height:.56rem;
    min-height:.26666667rem
  }
  #match_online_wrap .scene_case .scene_case_item .item_img {
    margin-top:.53333333rem;
    width:100%
  }
  #match_online_wrap .function {
    padding:.64rem 0 0
  }
  #match_online_wrap .function .module_content {
    margin:.10666667rem auto 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 1.06666667rem
  }
  #match_online_wrap .function .function_item {
    margin-top:.8rem;
    width:3.50666667rem;
    height:auto;
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #match_online_wrap .function .function_item::before {
    display:none
  }
  #match_online_wrap .function .function_item:hover {
    -webkit-box-shadow:none;
    box-shadow:none
  }
  #match_online_wrap .function .item_icon {
    width:1.06666667rem;
    height:1.06666667rem;
    -ms-flex-negative:0;
    flex-shrink:0
  }
  #match_online_wrap .function .item_icon .icon_img {
    -webkit-transform:translate(-50%, -50%) scale(.4);
    -ms-transform:translate(-50%, -50%) scale(.4);
    transform:translate(-50%, -50%) scale(.4)
  }
  #match_online_wrap .function .item_title {
    margin-top:.21333333rem;
    font-size:.32rem
  }
  #match_online_wrap .function .item_text {
    margin-top:.10666667rem;
    font-size:.26666667rem;
    line-height:.37333333rem
  }
  #match_online_wrap .fine_case {
    padding:2.13333333rem 0 0
  }
  #match_online_wrap .fine_case .module_content {
    margin:.53333333rem auto 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 .53333333rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #match_online_wrap .fine_case .img_wrap {
    width:100%;
    height:4.96rem;
    -ms-flex-negative:0;
    flex-shrink:0
  }
  #match_online_wrap .fine_case .fine_content {
    height:auto;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:.32rem 0 0;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #match_online_wrap .fine_case .fine_title {
    font-size:.37333333rem;
    text-align:center
  }
  #match_online_wrap .fine_case .fine_text {
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 .66666667rem;
    margin-top:.16rem;
    font-size:.32rem;
    line-height:.44rem
  }
  #match_online_wrap .fine_case .icon_list_wrap {
    margin-top:.21333333rem;
    -ms-flex-item-align:center;
    align-self:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #match_online_wrap .fine_case .icon_item .icon_img {
    width:.53333333rem;
    height:.53333333rem
  }
  #match_online_wrap .fine_case .icon_item .item_title {
    margin-top:.13333333rem;
    font-size:.26666667rem
  }
  #match_online_wrap .fine_case .icon_item+.icon_item {
    margin-left:.53333333rem
  }
  #match_online_wrap .fine_case .icon_item:nth-of-type(2) .icon_img {
    width:.50666667rem
  }
  #match_online_wrap .fine_case .fine_btn {
    margin-top:.53333333rem;
    padding:.17333333rem .34666667rem;
    font-size:.29333333rem
  }
  #match_online_wrap .match_online_case {
    padding:1.86666667rem 0 0
  }
  #match_online_wrap .match_online_case .module_content {
    margin:.53333333rem auto 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 1.26666667rem;
    position:relative;
    z-index:1
  }
  #match_online_wrap .match_online_case .case_list_wrap {
    width:100%;
    height:7.52rem
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item {
    width:7.41333333rem;
    height:7.52rem;
    border-radius:.10666667rem;
    -webkit-box-shadow:0 3px 11px 1px rgba(0,0,0,0.08);
    box-shadow:0 3px 11px 1px rgba(0,0,0,0.08);
    overflow:hidden
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item .img {
    width:100%;
    height:4.64rem
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item .info {
    padding:.4rem .50666667rem
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item .info .title {
    font-size:.53333333rem
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item .info .info_text {
    font-size:.37333333rem;
    line-height:.53333333rem;
    color:#303030;
    max-height:1.06666667rem;
    -webkit-line-clamp:2
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item:hover {
    -webkit-box-shadow:none;
    box-shadow:none
  }
  #match_online_wrap .match_online_case .case_list_wrap .case-item:hover .img img {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
  }
  #match_online_wrap .match_online_case .swiper_pagination {
    position:absolute;
    bottom:-0.66666667rem;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    display:block;
    z-index:2
  }
  #match_online_wrap .match_online_case .swiper_pagination .swiper-pagination-bullet {
    width:.10666667rem;
    height:.10666667rem;
    background:#fd6f58;
    border-radius:.05333333rem;
    opacity:.2;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
  }
  #match_online_wrap .match_online_case .swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity:1;
    width:.37333333rem
  }
  #match_online_wrap .match_online_case .swiper_pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left:.10666667rem
  }
  #match_online_wrap .friend {
    padding:1.97333333rem 0 0
  }
  #match_online_wrap .friend .customer_img_wrap {
    margin:.53333333rem auto 0;
    height:2.76rem
  }
}
#memdical_Live_wrap {
  width:100%;
  background-color:#fff
}
#memdical_Live_wrap .module_wrap {
  width:100%
}
#memdical_Live_wrap .medical_banner {
  position:relative;
  height:388px;
  background-color:#f6f7f7
}
#memdical_Live_wrap .medical_banner .banner_img {
  position:absolute;
  top:0;
  height:100%;
  width:auto;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  z-index:1
}
#memdical_Live_wrap .medical_banner .banner_img.pc {
  display:block
}
#memdical_Live_wrap .medical_banner .banner_img.mob {
  display:none
}
#memdical_Live_wrap .medical_banner .banner_content_wrap {
  position:relative;
  margin:0 auto;
  width:1180px;
  height:100%;
  z-index:2;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:98px 0 0
}
#memdical_Live_wrap .medical_banner .banner_content_wrap .banner_title {
  font-size:40px;
  font-weight:600;
  color:#000000;
  line-height:56px
}
#memdical_Live_wrap .medical_banner .banner_content_wrap .banner_content {
  font-size:16px;
  font-weight:400;
  color:rgba(0,0,0,0.6);
  line-height:22px;
  margin-top:16px
}
#memdical_Live_wrap .medical_banner .banner_content_wrap .banner_btns {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:36px
}
#memdical_Live_wrap .medical_banner .banner_content_wrap .banner_btns .banner_btn {
  width:144px;
  height:40px;
  line-height:40px;
  text-align:center;
  border-radius:20px;
  font-size:16px;
  font-weight:500;
  cursor:pointer
}
#memdical_Live_wrap .medical_banner .banner_content_wrap .banner_btns .banner_btn.btn_trial {
  background:-webkit-linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  background:-o-linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  background:linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  -webkit-box-shadow:0 12px 80px 0 rgba(0,0,0,0.05);
  box-shadow:0 12px 80px 0 rgba(0,0,0,0.05);
  color:#ffff;
  margin-right:24px
}
#memdical_Live_wrap .medical_banner .banner_content_wrap .banner_btns .banner_btn.btn_trial a {
  color:#ffff
}
#memdical_Live_wrap .medical_banner .banner_content_wrap .banner_btns .banner_btn.btn_program {
  background:#FFFFFF;
  color:rgba(0,0,0,0.8);
  font-weight:400
}
#memdical_Live_wrap .medical_scene {
  position:relative;
  min-height:auto;
  padding:40px 0 140px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background:-webkit-gradient(linear, left bottom, left top, from(#f8f8f8), to(#ffffff));
  background:-webkit-linear-gradient(bottom, #f8f8f8 0%, #ffffff 100%);
  background:-o-linear-gradient(bottom, #f8f8f8 0%, #ffffff 100%);
  background:linear-gradient(360deg, #f8f8f8 0%, #ffffff 100%)
}
#memdical_Live_wrap .medical_scene .point_1 {
  position:absolute;
  right:-100px;
  bottom:268px;
  width:400px;
  height:800px;
  z-index:1
}
#memdical_Live_wrap .medical_scene .point_1 img {
  width:100%;
  height:100%
}
#memdical_Live_wrap .medical_scene .pain_points {
  position:relative;
  width:1180px;
  height:auto;
  margin:0 auto;
  z-index:2
}
#memdical_Live_wrap .medical_scene .pain_points .pain_points_img {
  width:100%;
  height:auto;
  -o-object-fit:contain;
  object-fit:contain
}
#memdical_Live_wrap .medical_scene .pain_points .pain_points_img.pc {
  display:block
}
#memdical_Live_wrap .medical_scene .pain_points .pain_points_img.mob {
  display:none
}
#memdical_Live_wrap .medical_scene .scene_case {
  position:relative;
  width:1180px;
  margin:0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:20px
}
#memdical_Live_wrap .medical_scene .scene_case .scene_case_title {
  font-size:44px;
  font-weight:600;
  color:rgba(0,0,0,0.8);
  line-height:62px
}
#memdical_Live_wrap .medical_scene .scene_case .case_tabs {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-top:10px;
  z-index:2
}
#memdical_Live_wrap .medical_scene .scene_case .case_tabs .tab_item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:180px;
  height:50px;
  border-radius:25px;
  border:1px solid rgba(0,0,0,0.2);
  font-size:20px;
  font-weight:400;
  color:rgba(0,0,0,0.8);
  cursor:pointer
}
#memdical_Live_wrap .medical_scene .scene_case .case_tabs .tab_item.active {
  background:-webkit-linear-gradient(225deg, #6f93fa 0%, #285fff 100%);
  background:-o-linear-gradient(225deg, #6f93fa 0%, #285fff 100%);
  background:linear-gradient(225deg, #6f93fa 0%, #285fff 100%);
  -webkit-box-shadow:0 12px 80px 0 rgba(0,0,0,0.05);
  box-shadow:0 12px 80px 0 rgba(0,0,0,0.05);
  border:unset;
  font-weight:500;
  color:#FFFFFF
}
#memdical_Live_wrap .medical_scene .scene_case .case_tabs .tab_item+.tab_item {
  margin-left:40px
}
#memdical_Live_wrap .medical_scene .scene_case .case_content {
  position:relative;
  margin-top:100px;
  z-index:2
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .point_2 {
  position:absolute;
  left:-311px;
  bottom:-191px;
  width:654px;
  height:654px
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .point_2 img {
  width:100%;
  height:100%
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item {
  display:none
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_img {
  position:relative;
  width:600px;
  height:463px;
  overflow:hidden;
  -ms-flex-negative:0;
  flex-shrink:0
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_img .img {
  position:absolute;
  top:0;
  right:0;
  width:auto;
  height:100%
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content {
  margin-left:80px
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .content_title {
  font-size:32px;
  font-weight:600;
  color:rgba(0,0,0,0.8);
  line-height:45px;
  text-shadow:0 12px 80px rgba(0,0,0,0.05)
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .content_title_tips {
  font-size:14px;
  font-weight:400;
  color:rgba(0,0,0,0.6);
  line-height:22px;
  margin-top:12px
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list {
  margin-top:60px
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square {
  padding-left:13px
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square .list_item_top {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square .list_item_top .list_item_spot {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  left:-13px;
  width:5px;
  height:5px;
  background:rgba(0,0,0,0.8);
  border-radius:50%
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square .list_item_top .list_item_title {
  font-size:16px;
  font-weight:500;
  color:rgba(0,0,0,0.8);
  line-height:22px
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square .list_item_content {
  font-size:14px;
  font-weight:400;
  color:rgba(0,0,0,0.6);
  line-height:22px;
  margin-top:8px
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square+.list_item_square {
  margin-top:16px
}
#memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item.active {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#memdical_Live_wrap .medical_scene .scene_case .case_content.case_pc {
  display:block
}
#memdical_Live_wrap .medical_scene .scene_case .case_content.case_mob {
  display:none
}
#memdical_Live_wrap .medical_platform {
  position:relative;
  background-color:#0F0F28;
  height:906px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#memdical_Live_wrap .medical_platform .platform_bg_up {
  position:absolute;
  top:0;
  right:0;
  width:564px;
  height:735px;
  z-index:1
}
#memdical_Live_wrap .medical_platform .platform_bg_up_2 {
  position:absolute;
  top:0;
  right:100px;
  width:564px;
  height:400px;
  z-index:2
}
#memdical_Live_wrap .medical_platform .platform_bg_down {
  position:absolute;
  left:0;
  bottom:0;
  width:565px;
  height:532px;
  z-index:1
}
#memdical_Live_wrap .medical_platform .platform_title {
  position:relative;
  width:1180px;
  font-size:44px;
  font-weight:600;
  color:#FFFFFF;
  line-height:62px;
  text-align:center;
  margin:100px 0 80px;
  z-index:10
}
#memdical_Live_wrap .medical_platform .platform_square {
  position:relative;
  width:1180px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  grid-row-gap:20px;
  grid-column-gap:20px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  z-index:10
}
#memdical_Live_wrap .medical_platform .platform_square .platform_item {
  position:relative;
  width:380px;
  background:#FFFFFF;
  cursor:pointer;
  -webkit-transition:-webkit-transform .3s;
  transition:-webkit-transform .3s;
  -o-transition:transform .3s;
  transition:transform .3s;
  transition:transform .3s, -webkit-transform .3s
}
#memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_item_line {
  position:absolute;
  top:-4px;
  left:0;
  width:100%;
  height:4px;
  background:-webkit-linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  background:-o-linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  background:linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  -webkit-box-shadow:0 12px 80px 0 rgba(0,0,0,0.05);
  box-shadow:0 12px 80px 0 rgba(0,0,0,0.05);
  display:none
}
#memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content {
  height:272px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:0 32px
}
#memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content .platform_item_icon {
  width:60px;
  height:60px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
#memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content .platform_item_icon img {
  width:100%;
  height:100%
}
#memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content .platform_item_title {
  font-size:20px;
  font-weight:500;
  color:rgba(0,0,0,0.8);
  line-height:28px;
  margin-top:24px
}
#memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content .platform_item_content {
  font-size:14px;
  font-weight:400;
  color:rgba(0,0,0,0.6);
  line-height:22px;
  margin-top:16px;
  text-align:center
}
#memdical_Live_wrap .medical_platform .platform_square .platform_item:hover {
  -webkit-transform:translateY(-8px);
  -ms-transform:translateY(-8px);
  transform:translateY(-8px)
}
#memdical_Live_wrap .medical_platform .platform_square .platform_item:hover .platform_item_line {
  display:block
}
#memdical_Live_wrap .memdical_live_case {
  padding:100px 0 0;
  background-color:#fff
}
#memdical_Live_wrap .memdical_live_case .live_case_title {
  width:1180px;
  margin:0 auto;
  font-size:44px;
  font-weight:600;
  color:rgba(0,0,0,0.8);
  line-height:62px;
  text-align:center
}
#memdical_Live_wrap .memdical_live_case .live_case_content {
  margin:0 auto;
  overflow-x:hidden;
  overflow-y:auto;
  margin-top:80px
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper {
  width:100%
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .swiper-wrapper {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card {
  width:506px;
  border-radius:16px;
  overflow:hidden;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-shadow:0 8px 80px 0 rgba(0,0,0,0.05);
  box-shadow:0 8px 80px 0 rgba(0,0,0,0.05);
  margin-bottom:120px;
  cursor:pointer
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_img_wrap {
  width:100%;
  -ms-flex-negative:0;
  flex-shrink:0;
  height:284px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background-color:#E8F3FF
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_img_wrap .card_img {
  width:100%;
  height:100%
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content {
  width:100%;
  -ms-flex-negative:0;
  flex-shrink:0;
  background-color:#ffffff;
  padding:24px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_title {
  width:100%;
  font-size:24px;
  font-weight:500;
  color:rgba(0,0,0,0.8);
  line-height:33px;
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn {
  width:112px;
  height:40px;
  cursor:pointer;
  display:none
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn .btn_text {
  margin-top:24px;
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-size:16px;
  font-weight:400;
  color:rgba(0,0,0,0.8);
  border-radius:20px;
  border:1px solid rgba(0,0,0,0.2)
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn:hover {
  position:relative
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn:hover .btn_text {
  position:relative;
  color:#FF6100;
  opacity:.8;
  background:#fff;
  z-index:2;
  border-radius:20px;
  border-color:unset
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn:hover::after {
  position:absolute;
  content:'';
  width:114px;
  height:42px;
  border-radius:20px;
  background:-webkit-linear-gradient(225deg, #ffbc8f 0%, #ff5b29 100%);
  background:-o-linear-gradient(225deg, #ffbc8f 0%, #ff5b29 100%);
  background:linear-gradient(225deg, #ffbc8f 0%, #ff5b29 100%);
  top:-1px;
  left:-1px;
  z-index:0
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card.active {
  width:580px
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card.active .card_img_wrap {
  height:326px
}
#memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card.active .card_content .card_btn {
  display:block
}
@media screen and (min-width:751px) and (max-width:1280px) {
  #memdical_Live_wrap .medical_banner {
    height:30.3125vw
  }
  #memdical_Live_wrap .medical_banner .banner_img.pc {
    display:block
  }
  #memdical_Live_wrap .medical_banner .banner_img.mob {
    display:none
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap {
    width:92.1875vw;
    padding:8.4375vw 0 0
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap .banner_title {
    font-size:30px;
    line-height:36px
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap .banner_content {
    font-size:14px;
    line-height:22px;
    margin-top:1.25vw
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap .banner_btns {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:2.8125vw
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap .banner_btns .banner_btn {
    width:11.25vw;
    height:3.125vw;
    line-height:3.125vw;
    font-size:14px
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap .banner_btns .banner_btn.btn_trial {
    margin-right:1.875vw
  }
  #memdical_Live_wrap .medical_scene {
    min-height:141.015625vw;
    padding:3.125vw 0 10.9375vw
  }
  #memdical_Live_wrap .medical_scene .point_1 {
    right:-7.8125vw;
    bottom:20.9375vw;
    width:31.25vw;
    height:62.5vw
  }
  #memdical_Live_wrap .medical_scene .pain_points {
    width:92.1875vw
  }
  #memdical_Live_wrap .medical_scene .pain_points .pain_points_img.pc {
    display:block
  }
  #memdical_Live_wrap .medical_scene .pain_points .pain_points_img.mob {
    display:none
  }
  #memdical_Live_wrap .medical_scene .scene_case {
    width:92.1875vw;
    margin-top:1.5625vw
  }
  #memdical_Live_wrap .medical_scene .scene_case .scene_case_title {
    font-size:34px;
    font-weight:600;
    color:rgba(0,0,0,0.8);
    line-height:42px
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_tabs {
    margin-top:6.25vw;
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_tabs::-webkit-scrollbar {
    display:none
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_tabs .tab_item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:14.0625vw;
    height:3.90625vw;
    border-radius:1.953125vw;
    font-size:18px
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_tabs .tab_item+.tab_item {
    margin-left:3.125vw
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content {
    position:relative;
    margin-top:7.8125vw;
    z-index:2
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .point_2 {
    position:absolute;
    left:-150px;
    bottom:-141px;
    width:507px;
    height:533px
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .point_2 img {
    width:100%;
    height:100%
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item {
    display:none
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_img {
    width:46.875vw;
    height:36.171875vw
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content {
    margin-left:6.25vw
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .content_title {
    font-size:26px;
    line-height:35px;
    text-shadow:0 6px 40px rgba(0,0,0,0.05)
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .content_title_tips {
    margin-top:.9375vw
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list {
    margin-top:4.6875vw
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square {
    padding-left:1.015625vw
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square .list_item_top {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square .list_item_top .list_item_spot {
    left:-1.015625vw
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square .list_item_top .list_item_title {
    font-size:14px;
    line-height:20px
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square .list_item_content {
    font-size:12px;
    line-height:20px;
    margin-top:.625vw
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square+.list_item_square {
    margin-top:1.25vw
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item.active {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content.case_pc {
    display:block
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content.case_mob {
    display:none
  }
  #memdical_Live_wrap .medical_platform {
    height:70.78125vw;
    z-index:2
  }
  #memdical_Live_wrap .medical_platform .platform_bg_up {
    position:absolute;
    top:0;
    right:0;
    width:44.0625vw;
    height:57.421875vw;
    z-index:1
  }
  #memdical_Live_wrap .medical_platform .platform_bg_up_2 {
    right:7.8125vw;
    width:44.0625vw;
    height:31.25vw
  }
  #memdical_Live_wrap .medical_platform .platform_bg_down {
    position:absolute;
    left:0;
    bottom:0;
    width:44.140625vw;
    height:41.5625vw;
    z-index:1
  }
  #memdical_Live_wrap .medical_platform .platform_title {
    width:92.1875vw;
    font-size:38px;
    line-height:52px;
    margin:7.8125vw 0 6.25vw
  }
  #memdical_Live_wrap .medical_platform .platform_square {
    position:relative;
    width:92.1875vw;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-row-gap:1.5625vw;
    grid-column-gap:1.5625vw;
    z-index:2
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item {
    width:29.6875vw;
    background:#FFFFFF
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_item_line {
    display:none
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content {
    height:21.25vw;
    padding:0 2.5vw
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content .platform_item_icon {
    width:4.6875vw;
    height:4.6875vw
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content .platform_item_title {
    font-size:16px;
    line-height:22px;
    margin-top:1.875vw
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content .platform_item_content {
    font-size:12px;
    line-height:20px;
    margin-top:1.25vw
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item:hover {
    -webkit-transform:unset;
    -ms-transform:unset;
    transform:unset
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item:hover .platform_item_line {
    display:none
  }
  #memdical_Live_wrap .memdical_live_case {
    padding:7.8125vw 0 0;
    background-color:#fff
  }
  #memdical_Live_wrap .memdical_live_case .live_case_title {
    width:92.1875vw;
    font-size:34px;
    line-height:52px
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content {
    margin-top:6.25vw
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper {
    width:100%
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .swiper-wrapper {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card {
    width:39.53125vw;
    border-radius:12px;
    -webkit-box-shadow:0 6px 60px 0 rgba(0,0,0,0.05);
    box-shadow:0 6px 60px 0 rgba(0,0,0,0.05);
    margin-bottom:9.375vw;
    cursor:pointer
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_img_wrap {
    width:100%;
    height:22.1875vw
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content {
    padding:1.875vw
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_title {
    font-size:20px;
    line-height:26px
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn {
    width:8.75vw;
    height:3.125vw;
    cursor:pointer;
    display:none
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn .btn_text {
    margin-top:1.875vw;
    font-size:12px;
    border-radius:20px
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn:hover {
    position:relative
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn:hover::after {
    width:8.984375vw;
    height:3.28125vw;
    top:-0.078125vw;
    left:-0.078125vw
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card.active {
    width:45.3125vw
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card.active .card_img_wrap {
    height:25.46875vw
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card.active .card_content .card_btn {
    display:block
  }
}
@media screen and (max-width:750px) {
  #memdical_Live_wrap {
    width:100vw;
 /*   padding-top:1.06666667rem;*/
    overflow:hidden
  }
  #memdical_Live_wrap .medical_banner {
    width:100%;
    height:100%
  }
  #memdical_Live_wrap .medical_banner .banner_img {
    position:relative;
    width:100%;
    height:auto;
    top:0;
    left:0;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
  }
  #memdical_Live_wrap .medical_banner .banner_img.pc {
    display:none
  }
  #memdical_Live_wrap .medical_banner .banner_img.mob {
    display:block
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap {
    position:absolute;
    margin:auto;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    left:.42666667rem;
    width:auto;
    height:auto;
    padding:0
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap .banner_title {
    font-size:18px;
    line-height:25px
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap .banner_content {
    width:6.13333333rem;
    font-size:10px;
    line-height:14px;
    margin-top:.16rem
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap .banner_btns {
    margin-top:.4rem
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap .banner_btns .banner_btn {
    font-size:10px;
    width:1.76rem;
    height:.58666667rem;
    border-radius:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    line-height:1
  }
  #memdical_Live_wrap .medical_banner .banner_content_wrap .banner_btns .banner_btn.btn_trial {
    margin-right:.21333333rem
  }
  #memdical_Live_wrap .medical_scene {
    width:100%;
    padding:.22666667rem 0 0;
    min-height:auto
  }
  #memdical_Live_wrap .medical_scene .point_1 {
    width:4.98666667rem;
    height:11.73333333rem;
    bottom:13.38666667rem;
    right:-2.22666667rem
  }
  #memdical_Live_wrap .medical_scene .pain_points {
    width:100%
  }
  #memdical_Live_wrap .medical_scene .pain_points .pain_points_img.pc {
    display:none
  }
  #memdical_Live_wrap .medical_scene .pain_points .pain_points_img.mob {
    display:block
  }
  #memdical_Live_wrap .medical_scene .scene_case {
    width:100%;
 /*   margin-top:.48rem*/
  }
  #memdical_Live_wrap .medical_scene .scene_case .scene_case_title {
    font-size:24px;
    line-height:33px
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_tabs {
    width:100%;
    margin-top:.34rem;
    overflow-x:scroll;
    padding:0 .1rem;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-overflow-scrolling:touch;
    min-height:1rem
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_tabs .tab_item {
   /* width:5.56rem;
    height:1.96rem;*/ width:21%; height:30px; line-height:30px;
    font-size:14px;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_tabs .tab_item+.tab_item {
    margin-left:.21333333rem
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_tabs .tab_item:active {
    background:transparent
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_tabs::-webkit-scrollbar {
    display:none
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content {
    width:100%;
    margin-top:0;
    padding:0 .42666667rem .85333333rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .point_2 {
    bottom:-1.73333333rem;
    left:-0.01333333rem;
    width:4.34666667rem;
    height:8.70666667rem
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_img {
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
    -ms-flex-negative:0;
    flex-shrink:0
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_img .img {
    position:relative;
    width:100%;
    height:auto
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content {
    margin-left:0
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .content_title {
    font-size:18px;
    font-weight:500;
    line-height:25px;
    text-shadow:unset
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .content_title_tips {
    margin-top:.21333333rem
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list {
    margin-top:.45333333rem
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square {
    padding-left:.34666667rem
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square .list_item_top .list_item_spot {
    left:-0.34666667rem;
    width:.10666667rem;
    height:.10666667rem
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square .list_item_top .list_item_title {
    font-size:14px;
    line-height:20px
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square .list_item_content {
    font-size:12px;
    line-height:17px;
    margin-top:.10666667rem
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item .item_content .item_content_list .list_item_square+.list_item_square {
    margin-top:.32rem
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content .scene_case_item.active {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content.case_pc {
    display:none
  }
  #memdical_Live_wrap .medical_scene .scene_case .case_content.case_mob {
    display:block
  }
  #memdical_Live_wrap .medical_platform {
    height:auto;
    padding:1.6rem .42666667rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:2
  }
  #memdical_Live_wrap .medical_platform .platform_bg_up {
    width:6.42666667rem;
    height:12.32rem
  }
  #memdical_Live_wrap .medical_platform .platform_bg_up_2 {
    right:1.33333333rem;
    width:6.42666667rem;
    height:6.16rem
  }
  #memdical_Live_wrap .medical_platform .platform_bg_down {
    width:6.98666667rem;
    height:8.22666667rem
  }
  #memdical_Live_wrap .medical_platform .platform_title {
    width:auto;
    font-size:24px;
    font-weight:500;
    color:#FFFFFF;
    line-height:33px;
    margin:0 0 1.06666667rem
  }
  #memdical_Live_wrap .medical_platform .platform_square {
    width:100%;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-row-gap:.18666667rem;
    grid-column-gap:.18666667rem
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item {
    width:4.48rem
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content {
    height:5.65333333rem;
    padding:0 .32rem
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content .platform_item_icon {
    width:1.06666667rem;
    height:1.06666667rem
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content .platform_item_title {
    font-size:14px;
    line-height:20px;
    margin-top:.42666667rem
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item .platform_content .platform_item_content {
    font-size:12px;
    margin-top:.21333333rem;
    text-align:left
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item:hover {
    -webkit-transform:unset;
    -ms-transform:unset;
    transform:unset
  }
  #memdical_Live_wrap .medical_platform .platform_square .platform_item:hover .platform_item_line {
    display:none
  }
  #memdical_Live_wrap .memdical_live_case {
    padding:1.06666667rem 0 0;
    background-color:#fff
  }
  #memdical_Live_wrap .memdical_live_case .live_case_title {
    width:100%;
    font-size:20px;
    font-weight:500;
    line-height:28px
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content {
    margin-top:.85333333rem
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper {
    width:100%;
    margin-left:.26666667rem
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .swiper-wrapper {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card {
    width:5.33333333rem;
    border-radius:8px;
    -webkit-box-shadow:0 4px 40px 0 rgba(0,0,0,0.08);
    box-shadow:0 4px 40px 0 rgba(0,0,0,0.08);
    margin-bottom:2.58666667rem
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_img_wrap {
    height:2.98666667rem
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content {
    padding:.42666667rem .32rem
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_title {
    font-size:14px;
    line-height:20px
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn {
    display:none
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card.active {
    width:6.4rem
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card.active .card_img_wrap {
    height:3.6rem
  }
  #memdical_Live_wrap .memdical_live_case .live_case_content .live_case_swiper .case_card.active .card_content .card_btn {
    display:none
  }
}
@media (min-width:750px) {
  #produceServer {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .primary-title {
    font-size:28px;
    font-weight:500;
    text-align:center;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .secondary-title {
    font-size:28px;
    color:rgba(34,8,8,0.8)
  }
  #produceServer .text {
    font-size:14px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.6);
    line-height:26px
  }
  #produceServer .my-image {
    width:480px
  }
  #produceServer .my-image img {
    width:100%;
    border:16px solid rgba(98,54,255,0.05);
    border-radius:12px
  }
  #produceServer .page-model {
    max-width:100%;
    margin:0 auto
  }
  #produceServer .page-model .produce-li {
    width:100vw;
    padding:30px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:#ffffff
  }
  #produceServer .page-model .produce-li:nth-child(1) {
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/produce-server/bg1.png');
    background-size:cover
  }
  #produceServer .page-model .produce-li:nth-child(3),
  #produceServer .page-model .produce-li:nth-child(5) {
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/produce-server/bg2.png');
    background-size:cover
  }
  #produceServer .page-model .produce-li:nth-child(7) {
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/produce-server/bg3.png');
    background-size:cover
  }
  #produceServer .page-model .banner {
    width:1180px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .banner .inner {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #produceServer .page-model .banner .inner .banner-btn {
    padding:10px 32px;
    background:-webkit-gradient(linear, left top, right top, from(#ff9b82), color-stop(100%, #ff619f), to(#ff619f));
    background:-webkit-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:-o-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:linear-gradient(90deg, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    border-radius:2px;
    font-size:14px;
    cursor:pointer
  }
  #produceServer .page-model .banner .inner .banner-btn a {
    text-decoration:none;
    color:#fff
  }
  #produceServer .page-model .banner .inner .left {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding-right:70px
  }
  #produceServer .page-model .banner .inner .text {
    margin-bottom:30px;
    margin-top:14px
  }
  #produceServer .page-model .banner .inner .econdary-title {
    font-size:28px;
    font-weight:500;
    margin-top:30px
  }
  #produceServer .page-model .banner .inner .right {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end
  }
  #produceServer .page-model .introduce {
    max-width:1180px;
    width:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .introduce .primary-title {
    margin-top:30px;
    margin-bottom:30px
  }
  #produceServer .page-model .introduce .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    margin-bottom:60px
  }
  #produceServer .page-model .introduce .inner .left {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding-right:70px
  }
  #produceServer .page-model .introduce .inner .right {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end
  }
  #produceServer .page-model .introduce .inner .text {
    margin:16px 0;
    line-height:32px
  }
  #produceServer .page-model .produce-function {
    max-width:1180px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .produce-function .primary-title {
    margin-top:30px;
    margin-bottom:60px
  }
  #produceServer .page-model .produce-function .inner {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #produceServer .page-model .produce-function .inner div {
    margin-bottom:20px;
    padding:28px;
    width:180px;
    background:#ffffff;
    border-radius:4px;
    text-align:center
  }
  #produceServer .page-model .produce-function .inner div .iconfont {
    font-size:32px;
    color:#fb6e59
  }
  #produceServer .page-model .produce-function .inner div .text {
    margin-top:20px;
    font-size:14px;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .page-model .product-features {
    max-width:1180px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .product-features .primary-title {
    margin-top:30px;
    margin-bottom:60px
  }
  #produceServer .page-model .product-features .inner {
    width:100%
  }
  #produceServer .page-model .product-features .inner .swiper-slide {
    padding-top:20px;
    border-radius:8px;
    border:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-features .inner .swiper-slide div {
    width:280px;
    height:373px;
    padding:0 24px;
    text-align:center
  }
  #produceServer .page-model .product-features .inner .swiper-slide div img {
    width:100%
  }
  #produceServer .page-model .product-features .inner .swiper-slide div .title {
    margin:16px 0 16px 0;
    text-align:left;
    font-size:18px;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .page-model .product-features .inner .swiper-slide div .text {
    font-size:14px;
    text-align:left;
    color:rgba(0,0,0,0.4)
  }
  #produceServer .page-model .product-features .inner .swiper-slide div:hover .title {
    color:#fb6e59
  }
  #produceServer .page-model .product-features .inner .swiper-button-prev,
  #produceServer .page-model .product-features .inner .swiper-button-next {
    background:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:40px;
    height:40px;
    border-radius:50% 50%;
    color:#fff;
    font-size:26px;
    background-color:#fb6e59
  }
  #produceServer .page-model .product-features .inner .swiper-button-prev.swiper-button-disabled,
  #produceServer .page-model .product-features .inner .swiper-button-next.swiper-button-disabled {
    opacity:0
  }
  #produceServer .page-model .product-features .inner .swiper-button-prev {
    left:0
  }
  #produceServer .page-model .product-features .inner .swiper-button-next {
    right:0
  }
  #produceServer .page-model .application-scenario {
    max-width:1180px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .application-scenario .primary-title {
    margin-top:30px;
    margin-bottom:60px
  }
  #produceServer .page-model .application-scenario .inner {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #produceServer .page-model .application-scenario .inner div {
    width:380px;
    position:relative;
    margin-bottom:16px
  }
  #produceServer .page-model .application-scenario .inner div .text {
    z-index:20;
    font-size:20px;
    display:block;
    position:absolute;
    bottom:24px;
    left:24px;
    color:#fff
  }
  #produceServer .page-model .application-scenario .inner div img {
    width:100%
  }
  #produceServer .page-model .product-description {
    max-width:1180px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .product-description .primary-title {
    margin-top:30px;
    margin-bottom:60px
  }
  #produceServer .page-model .product-description .inner {
    width:100%
  }
  #produceServer .page-model .product-description .inner .list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:60px
  }
  #produceServer .page-model .product-description .inner .list li {
    margin-right:20px;
    padding:10px 18px;
    border-radius:2px;
    font-size:14px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#000;
    cursor:pointer
  }
  #produceServer .page-model .product-description .inner .list li:hover {
    color:#fb6e59
  }
  #produceServer .page-model .product-description .inner .list li.active {
    background:-webkit-gradient(linear, left top, right top, from(#ff9b82), color-stop(100%, #ff619f), to(#ff619f));
    background:-webkit-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:-o-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:linear-gradient(90deg, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    color:#fff
  }
  #produceServer .page-model .product-description .inner .content .content-li {
    width:100%;
    display:none
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications.active,
  #produceServer .page-model .product-description .inner .content .content-li.interface.active {
    display:block
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications table {
    border-top:1px solid rgba(0,0,0,0.1);
    border-left:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications td,
  #produceServer .page-model .product-description .inner .content .content-li.specifications th {
    border-right:1px solid rgba(0,0,0,0.1);
    padding:15px 24px
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications th {
    background-color:#fbfbfd;
    text-align:center;
    font-size:16px;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications td {
    font-size:16px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>td:nth-child(2) {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>td:nth-child(2) div {
    width:50%
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>td:nth-child(2) div:first-child {
    border-right:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>th:nth-child(2) {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>th:nth-child(2) div {
    width:50%;
    text-align:center
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>th:nth-child(2) div:first-child {
    border-right:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications td.multi-column,
  #produceServer .page-model .product-description .inner .content .content-li.specifications th.multi-column {
    padding:0
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications td.multi-column div,
  #produceServer .page-model .product-description .inner .content .content-li.specifications th.multi-column div {
    padding:15px 24px
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr td:first-child,
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr th:first-child {
    width:194px;
    background-color:#fbfbfd;
    text-align:center;
    font-size:16px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.4)
  }
  #produceServer .page-model .product-description .inner .content .content-li.interface {
    padding:30px;
    border-radius:8px;
    border:1px solid rgba(0,0,0,0.1);
    text-align:center
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active div {
    margin-bottom:20px;
    padding:24px;
    border-radius:8px;
    border:1px solid rgba(0,0,0,0.1);
    width:380px;
    height:297px
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active div img {
    width:332px;
    height:200px
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active div .text {
    margin-top:24px;
    color:rgba(0,0,0,0.8);
    font-size:18px;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active div:hover {
    border:1px solid #fb6e59
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active div:hover .text {
    color:#fb6e59
  }
  #produceServer .page-model .product-description .inner .content .content-li.link-graph.active {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around
  }
  #produceServer .page-model .product-description .inner .content .content-li.link-graph.active div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-right:20px;
    width:580px;
    height:408px;
    background:#ffffff;
    border-radius:8px;
    border:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-description .inner .content .content-li.link-graph.active div img {
    width:500px;
    margin:24px
  }
  #produceServer .page-model .product-description .inner .content .content-li.link-graph.active div span {
    display:block;
    padding-left:24px;
    width:580px;
    height:60px;
    background:#fb6e59;
    border-radius:0px 0px 8px 8px;
    font-size:20px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#ffffff;
    line-height:60px
  }
  #produceServer .page-model .using-tutorials {
    max-width:1440px;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
  #produceServer .page-model .using-tutorials .primary-title {
    margin-top:30px;
    margin-bottom:30px
  }
  #produceServer .page-model .using-tutorials .inner {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .using-tutorials .inner .my-image {
    width:688px;
    position:relative
  }
  #produceServer .page-model .using-tutorials .inner .my-image .video-play {
    z-index:30;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-30px;
    margin-left:-30px;
    border:none;
    cursor:pointer;
    width:60px;
    height:60px
  }
  #produceServer .page-model .using-tutorials .inner .my-image .videobg {
    display:none
  }
  #produceServer .page-model .using-tutorials .inner .my-image video {
    width:100%;
    height:100%
  }
}
@media screen and (min-width:750px) and (max-width:1280px) {
  #produceServer {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .primary-title {
    font-size:1.94444444vw;
    text-align:center;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .secondary-title {
    font-size:1.94444444vw;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .text {
    font-size:.97222222vw;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.6);
    line-height:1.80555556vw
  }
  #produceServer .my-image {
    width:33.33333333vw
  }
  #produceServer .my-image img {
    width:100%;
    border:1.11111111vw solid rgba(98,54,255,0.05);
    border-radius:.83333333vw
  }
  #produceServer .page-model {
    max-width:100%;
    margin:0 auto
  }
  #produceServer .page-model .produce-li {
    width:100vw;
    padding:2.08333333vw 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:#ffffff
  }
  #produceServer .page-model .produce-li:nth-child(1) {
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/produce-server/bg1.png');
    background-size:cover
  }
  #produceServer .page-model .produce-li:nth-child(3),
  #produceServer .page-model .produce-li:nth-child(5) {
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/produce-server/bg2.png');
    background-size:cover
  }
  #produceServer .page-model .produce-li:nth-child(7) {
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/produce-server/bg3.png');
    background-size:cover
  }
  #produceServer .page-model .banner {
    max-width:81.94444444vw;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .banner .inner {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #produceServer .page-model .banner .inner .banner-btn {
    padding:.69444444vw 2.22222222vw;
    background:-webkit-gradient(linear, left top, right top, from(#ff9b82), color-stop(100%, #ff619f), to(#ff619f));
    background:-webkit-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:-o-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:linear-gradient(90deg, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    border-radius:.13888889vw;
    font-size:.97222222vw;
    cursor:pointer
  }
  #produceServer .page-model .banner .inner .banner-btn a {
    text-decoration:none;
    color:#fff
  }
  #produceServer .page-model .banner .inner .left {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding-right:4.86111111vw
  }
  #produceServer .page-model .banner .inner .text {
    margin-bottom:2.08333333vw;
    margin-top:.97222222vw
  }
  #produceServer .page-model .banner .inner .econdary-title {
    font-size:1.94444444vw;
    font-weight:500;
    margin-top:2.08333333vw
  }
  #produceServer .page-model .banner .inner .right {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end
  }
  #produceServer .page-model .introduce {
    max-width:81.94444444vw;
    width:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .introduce .primary-title {
    margin-top:2.08333333vw;
    margin-bottom:2.08333333vw
  }
  #produceServer .page-model .introduce .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    margin-bottom:4.16666667vw
  }
  #produceServer .page-model .introduce .inner .left {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding-right:4.86111111vw
  }
  #produceServer .page-model .introduce .inner .right {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end
  }
  #produceServer .page-model .introduce .inner .text {
    margin:1.11111111vw 0;
    line-height:2.22222222vw
  }
  #produceServer .page-model .produce-function {
    max-width:81.94444444vw;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .produce-function .primary-title {
    margin-top:2.08333333vw;
    margin-bottom:4.16666667vw
  }
  #produceServer .page-model .produce-function .inner {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #produceServer .page-model .produce-function .inner div {
    margin-bottom:1.38888889vw;
    padding:1.94444444vw;
    width:12.5vw;
    background:#ffffff;
    border-radius:.27777778vw;
    text-align:center
  }
  #produceServer .page-model .produce-function .inner div .iconfont {
    font-size:2.22222222vw;
    color:#fb6e59
  }
  #produceServer .page-model .produce-function .inner div .text {
    margin-top:1.38888889vw;
    font-size:.83333333vw;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .page-model .product-features {
    max-width:81.94444444vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .product-features .primary-title {
    margin-top:2.08333333vw;
    margin-bottom:4.16666667vw
  }
  #produceServer .page-model .product-features .inner {
    width:100%
  }
  #produceServer .page-model .product-features .inner .swiper-slide {
    padding-top:1.38888889vw;
    border-radius:8px;
    border:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-features .inner .swiper-slide div {
    width:19.44444444vw;
    text-align:center
  }
  #produceServer .page-model .product-features .inner .swiper-slide div img {
    width:100%
  }
  #produceServer .page-model .product-features .inner .swiper-slide div .title {
    margin:1.66666667vw 0 1.11111111vw 1.66666667vw;
    text-align:left;
    font-size:1.25vw;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .page-model .product-features .inner .swiper-slide div .text {
    padding:0 1.66666667vw;
    font-size:.97222222vw;
    text-align:left;
    color:rgba(0,0,0,0.4)
  }
  #produceServer .page-model .product-features .inner .swiper-button-prev,
  #produceServer .page-model .product-features .inner .swiper-button-next {
    background:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:2.77777778vw;
    height:2.77777778vw;
    border-radius:50% 50%;
    color:#fff;
    font-size:1.80555556vw;
    background-color:#fb6e59
  }
  #produceServer .page-model .product-features .inner .swiper-button-prev.swiper-button-disabled,
  #produceServer .page-model .product-features .inner .swiper-button-next.swiper-button-disabled {
    opacity:0
  }
  #produceServer .page-model .application-scenario {
    max-width:81.94444444vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .application-scenario .primary-title {
    margin-top:30px;
    margin-bottom:60px
  }
  #produceServer .page-model .application-scenario .inner {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #produceServer .page-model .application-scenario .inner div {
    width:26.38888889vw;
    position:relative;
    margin-bottom:1.11111111vw
  }
  #produceServer .page-model .application-scenario .inner div .text {
    z-index:20;
    display:block;
    position:absolute;
    font-size:1.38888889vw;
    bottom:1.66666667vw;
    left:1.66666667vw;
    color:#fff
  }
  #produceServer .page-model .application-scenario .inner div img {
    width:100%
  }
  #produceServer .page-model .product-description {
    max-width:81.94444444vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .product-description .primary-title {
    margin-top:2.08333333vw;
    margin-bottom:4.16666667vw
  }
  #produceServer .page-model .product-description .inner {
    width:100%
  }
  #produceServer .page-model .product-description .inner .list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:4.16666667vw
  }
  #produceServer .page-model .product-description .inner .list li {
    margin-right:1.38888889vw;
    padding:.69444444vw 1.25vw;
    border-radius:.13888889vw;
    font-size:.97222222vw;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#000;
    cursor:pointer
  }
  #produceServer .page-model .product-description .inner .list li:hover {
    color:#fb6e59
  }
  #produceServer .page-model .product-description .inner .list li.active {
    background:-webkit-gradient(linear, left top, right top, from(#ff9b82), color-stop(100%, #ff619f), to(#ff619f));
    background:-webkit-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:-o-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:linear-gradient(90deg, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    color:#fff
  }
  #produceServer .page-model .product-description .inner .content .content-li {
    width:100%;
    display:none
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications.active,
  #produceServer .page-model .product-description .inner .content .content-li.interface.active {
    display:block
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications table {
    border-top:1px solid rgba(0,0,0,0.1);
    border-left:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications td,
  #produceServer .page-model .product-description .inner .content .content-li.specifications th {
    border-right:1px solid rgba(0,0,0,0.1);
    padding:1.04166667vw 1.66666667vw
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications th {
    text-align:center;
    font-size:1.11111111vw;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    background-color:#fbfbfd;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications td {
    font-size:1.11111111vw;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>td:nth-child(2) {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>td:nth-child(2) div {
    width:33.33333333vw
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>td:nth-child(2) div:first-child {
    border-right:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>th:nth-child(2) {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>th:nth-child(2) div {
    width:33.33333333vw;
    text-align:center
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr>th:nth-child(2) div:first-child {
    border-right:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications td.multi-column,
  #produceServer .page-model .product-description .inner .content .content-li.specifications th.multi-column {
    padding:0
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications td.multi-column div,
  #produceServer .page-model .product-description .inner .content .content-li.specifications th.multi-column div {
    padding:1.04166667vw 1.66666667vw
  }
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr td:first-child,
  #produceServer .page-model .product-description .inner .content .content-li.specifications tr th:first-child {
    width:13.47222222vw;
    text-align:center;
    font-size:1.11111111vw;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    background-color:#fbfbfd;
    color:rgba(0,0,0,0.4)
  }
  #produceServer .page-model .product-description .inner .content .content-li.interface {
    padding:2.08333333vw 0;
    border-radius:.55555556vw;
    border:1px solid rgba(0,0,0,0.1);
    text-align:center
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active div {
    margin-bottom:1.38888889vw;
    padding:1.66666667vw;
    border-radius:.55555556vw;
    border:.06944444vw solid rgba(0,0,0,0.1);
    width:26.38888889vw;
    height:20.625vw
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active div img {
    width:23.05555556vw;
    height:13.88888889vw
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active div .text {
    margin-top:1.66666667vw;
    color:rgba(0,0,0,0.8);
    font-size:1.25vw;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active div:hover {
    border:1px solid #fb6e59
  }
  #produceServer .page-model .product-description .inner .content .content-li.parts.active div:hover .text {
    color:#fb6e59
  }
  #produceServer .page-model .product-description .inner .content .content-li.link-graph.active {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around
  }
  #produceServer .page-model .product-description .inner .content .content-li.link-graph.active div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-right:1.38888889vw;
    width:40.27777778vw;
    height:28.33333333vw;
    background:#ffffff;
    border-radius:.55555556vw;
    border:.06944444vw solid rgba(0,0,0,0.1)
  }
  #produceServer .page-model .product-description .inner .content .content-li.link-graph.active div img {
    width:34.72222222vw;
    margin:1.66666667vw
  }
  #produceServer .page-model .product-description .inner .content .content-li.link-graph.active div span {
    display:block;
    padding-left:1.66666667vw;
    width:40.27777778vw;
    height:4.16666667vw;
    background:#fb6e59;
    border-radius:0 0 .55555556vw .55555556vw;
    font-size:1.38888889vw;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#ffffff;
    line-height:4.16666667vw
  }
  #produceServer .page-model .using-tutorials {
    max-width:100vw;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
  #produceServer .page-model .using-tutorials .primary-title {
    margin-top:30px;
    margin-bottom:30px
  }
  #produceServer .page-model .using-tutorials .inner {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .page-model .using-tutorials .inner .my-image {
    width:47.77777778vw;
    position:relative
  }
  #produceServer .page-model .using-tutorials .inner .my-image .video-play {
    z-index:30;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-30px;
    margin-left:-30px;
    border:none;
    cursor:pointer;
    width:60px;
    height:60px
  }
  #produceServer .page-model .using-tutorials .inner .my-image video {
    width:100%;
    height:100%
  }
  #produceServer .page-model .using-tutorials .inner .my-image .videobg {
    display:none
  }
}
@media (max-width:750px) {
  #produceServer {
    width:100%
  }
  #produceServer .primary-title {
    padding-top:10.66666667vw !important;
    padding-bottom:8vw !important;
    text-align:center;
    font-size:5.33333333vw !important;
    font-weight:500
  }
  #produceServer .produce-li:nth-child(1) {
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/produce-server/bg1.png');
    background-size:cover
  }
  #produceServer .produce-li:nth-child(3),
  #produceServer .produce-li:nth-child(5) {
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/produce-server/bg6.png');
    background-size:cover
  }
  #produceServer .produce-li:nth-child(7) {
    background-image:url('https://cdn.ourwill.cn/tuwen/website/2023/beta/images/produce-server/bg5.png');
    background-size:cover
  }
  #produceServer .banner {
    padding-bottom:5.33333333vw
  }
  #produceServer .banner .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-top:8vw
  }
  #produceServer .banner .inner .left {
    padding-left:4vw;
    width:50%
  }
  #produceServer .banner .inner .left .text {
    display:none
  }
  #produceServer .banner .inner .left .econdary-title {
    font-size:4vw;
    font-weight:500;
    margin-bottom:1.33333333vw
  }
  #produceServer .banner .inner .right {
    width:50%;
    padding-right:4vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end
  }
  #produceServer .banner .inner .right .my-image {
    width:37.33333333vw
  }
  #produceServer .banner .inner .right .my-image img {
    width:100%
  }
  #produceServer .banner .inner .banner-btn {
    padding:1.33333333vw 4.26666667vw;
    margin-top:4.26666667vw;
    background:-webkit-gradient(linear, left top, right top, from(#ff9b82), color-stop(100%, #ff619f), to(#ff619f));
    background:-webkit-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:-o-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:linear-gradient(90deg, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    border-radius:.53333333vw;
    font-size:3.73333333vw;
    cursor:pointer
  }
  #produceServer .banner .inner .banner-btn a {
    text-decoration:none;
    color:#fff
  }
  #produceServer .banner::before {
    display:block;
    content:'';
    width:100%;
    height:10.13333333vw
  }
  #produceServer .introduce .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
  }
  #produceServer .introduce .inner .left {
    width:100%;
    margin:0;
    padding:4.26666667vw 5.33333333vw
  }
  #produceServer .introduce .inner .left .text {
    font-size:3.73333333vw;
    line-height:6.93333333vw;
    margin-right:0;
    margin-bottom:5.33333333vw
  }
  #produceServer .introduce .inner .right {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .introduce .inner .right .my-image {
    width:90%
  }
  #produceServer .introduce .inner .right .my-image img {
    width:100%;
    border:16px solid rgba(98,54,255,0.05);
    border-radius:12px
  }
  #produceServer .produce-function .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:0 4.26666667vw;
    padding-bottom:5.33333333vw;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #produceServer .produce-function .inner div {
    margin-bottom:4.26666667vw;
    padding:3.2vw;
    width:44vw;
    background:#ffffff;
    border-radius:.53333333vw;
    text-align:center
  }
  #produceServer .produce-function .inner div .iconfont {
    font-size:6.4vw;
    color:#fb6e59
  }
  #produceServer .produce-function .inner div .text {
    padding-top:2.13333333vw;
    font-size:3.73333333vw;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .product-features {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-bottom:5.33333333vw
  }
  #produceServer .product-features .primary-title {
    margin-top:4vw;
    margin-bottom:8vw
  }
  #produceServer .product-features .inner {
    width:100%;
    overflow:hidden
  }
  #produceServer .product-features .inner .swiper-container {
    overflow:visible;
    width:80vw;
    margin-left:0
  }
  #produceServer .product-features .inner .swiper-slide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #produceServer .product-features .inner .swiper-slide div {
    width:74.66666667vw;
    height:97.6vw;
    margin:0 4.26666667vw;
    padding:6.4vw;
    border-radius:8px;
    border:1px solid rgba(0,0,0,0.1);
    text-align:center
  }
  #produceServer .product-features .inner .swiper-slide div .title {
    margin:3.2vw 0 2.13333333vw 0;
    text-align:left;
    font-size:4.26666667vw;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .product-features .inner .swiper-slide div .text {
    font-size:3.73333333vw;
    text-align:left;
    color:rgba(0,0,0,0.4)
  }
  #produceServer .product-features .inner .swiper-slide div img {
    width:100%
  }
  #produceServer .product-features .inner .swiper-button-prev,
  #produceServer .product-features .inner .swiper-button-next {
    background:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:5.33333333vw;
    height:5.33333333vw;
    border-radius:50% 50%;
    color:#fff;
    font-size:3.46666667vw;
    background-color:#fb6e59
  }
  #produceServer .product-features .inner .swiper-button-prev.features-btn,
  #produceServer .product-features .inner .swiper-button-next.features-btn {
    display:none
  }
  #produceServer .product-features .inner .swiper-button-prev.swiper-button-disabled,
  #produceServer .product-features .inner .swiper-button-next.swiper-button-disabled {
    opacity:0
  }
  #produceServer .application-scenario .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    padding:0 3.2vw;
    padding-bottom:5.33333333vw;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #produceServer .application-scenario .inner div {
    width:44vw;
    position:relative;
    margin-bottom:2.66666667vw
  }
  #produceServer .application-scenario .inner div img {
    width:100%
  }
  #produceServer .application-scenario .inner div .text {
    z-index:20;
    font-size:3.73333333vw;
    display:block;
    position:absolute;
    bottom:2.13333333vw;
    left:2.13333333vw;
    color:#fff
  }
  #produceServer .product-description .inner {
    padding-bottom:4.26666667vw
  }
  #produceServer .product-description .inner .list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:8vw
  }
  #produceServer .product-description .inner .list li {
    margin-right:2.66666667vw;
    padding:1.33333333vw 2.4vw;
    border-radius:.26666667vw;
    font-size:3.2vw;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#000;
    cursor:pointer
  }
  #produceServer .product-description .inner .list li:hover {
    color:#fb6e59
  }
  #produceServer .product-description .inner .list li.active {
    background:-webkit-gradient(linear, left top, right top, from(#ff9b82), color-stop(100%, #ff619f), to(#ff619f));
    background:-webkit-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:-o-linear-gradient(left, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    background:linear-gradient(90deg, #ff9b82 0%, #ff619f 100%, #ff619f 100%);
    color:#fff
  }
  #produceServer .product-description .inner .content {
    overflow-x:scroll
  }
  #produceServer .product-description .inner .content .content-li {
    width:100%;
    display:none;
    overflow-x:scroll
  }
  #produceServer .product-description .inner .content .content-li.specifications.active,
  #produceServer .product-description .inner .content .content-li.interface.active {
    display:inline-block
  }
  #produceServer .product-description .inner .content .content-li.specifications {
    width:170.66666667vw;
    padding-left:4.26666667vw;
    overflow-x:scroll
  }
  #produceServer .product-description .inner .content .content-li.specifications table {
    border-top:1px solid rgba(0,0,0,0.1);
    border-left:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .product-description .inner .content .content-li.specifications td,
  #produceServer .product-description .inner .content .content-li.specifications th {
    border-right:1px solid rgba(0,0,0,0.1);
    padding:2vw 3.2vw
  }
  #produceServer .product-description .inner .content .content-li.specifications tr {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .product-description .inner .content .content-li.specifications th {
    text-align:center;
    font-size:3.73333333vw;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    background-color:#fbfbfd;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .product-description .inner .content .content-li.specifications tr>td {
    font-size:3.73333333vw;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(0,0,0,0.8)
  }
  #produceServer .product-description .inner .content .content-li.specifications tr>td:nth-child(2) {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  #produceServer .product-description .inner .content .content-li.specifications tr>td:nth-child(2) div {
    width:66.66666667vw
  }
  #produceServer .product-description .inner .content .content-li.specifications tr>td:nth-child(2) div:first-child {
    border-right:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .product-description .inner .content .content-li.specifications tr>th:nth-child(2) {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  #produceServer .product-description .inner .content .content-li.specifications tr>th:nth-child(2) div {
    width:66.66666667vw;
    text-align:center
  }
  #produceServer .product-description .inner .content .content-li.specifications tr>th:nth-child(2) div:first-child {
    border-right:1px solid rgba(0,0,0,0.1)
  }
  #produceServer .product-description .inner .content .content-li.specifications td.multi-column,
  #produceServer .product-description .inner .content .content-li.specifications th.multi-column {
    padding:0
  }
  #produceServer .product-description .inner .content .content-li.specifications td.multi-column div,
  #produceServer .product-description .inner .content .content-li.specifications th.multi-column div {
    padding:2vw 3.2vw
  }
  #produceServer .product-description .inner .content .content-li.specifications tr>td:first-child,
  #produceServer .product-description .inner .content .content-li.specifications tr>th:first-child {
    width:25.86666667vw;
    text-align:center;
    font-size:3.73333333vw;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    background-color:#fbfbfd;
    color:rgba(0,0,0,0.4)
  }
  #produceServer .product-description .inner .content .content-li.interface {
    width:92vw;
    margin:0 4vw;
    padding:4vw 0;
    border-radius:1.06666667vw;
    border:1px solid rgba(0,0,0,0.1);
    overflow-x:scroll;
    text-align:center
  }
  #produceServer .product-description .inner .content .content-li.interface img {
    width:85%
  }
  #produceServer .product-description .inner .content .content-li.parts.active {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:0 4.26666667vw
  }
  #produceServer .product-description .inner .content .content-li.parts.active div {
    margin-bottom:2.66666667vw;
    border-radius:1.06666667vw;
    border:1px solid rgba(0,0,0,0.1);
    width:42.66666667vw;
    padding:2.66666667vw 2.13333333vw
  }
  #produceServer .product-description .inner .content .content-li.parts.active div .text {
    margin-top:3.2vw;
    color:rgba(0,0,0,0.8);
    font-size:3.46666667vw;
    font-family:PingFangSC-Medium,PingFang SC;
    text-align:center;
    font-weight:500
  }
  #produceServer .product-description .inner .content .content-li.parts.active div img {
    width:100%
  }
  #produceServer .product-description .inner .content .content-li.link-graph.active {
    display:block;
    padding:0 4.26666667vw
  }
  #produceServer .product-description .inner .content .content-li.link-graph.active div {
    width:100%;
    background:#ffffff;
    border-radius:1.06666667vw;
    border:1px solid rgba(0,0,0,0.1);
    margin-bottom:1.86666667vw
  }
  #produceServer .product-description .inner .content .content-li.link-graph.active div img {
    width:100%
  }
  #produceServer .product-description .inner .content .content-li.link-graph.active div span {
    display:block;
    padding-left:3.2vw;
    width:100%;
    height:8vw;
    background:#fb6e59;
    border-radius:0 0 1.06666667vw 1.06666667vw;
    font-size:3.73333333vw;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#ffffff;
    line-height:8vw
  }
  #produceServer .using-tutorials .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-bottom:8.53333333vw
  }
  #produceServer .using-tutorials .inner .my-image {
    width:91.73333333vw;
    position:relative
  }
  #produceServer .using-tutorials .inner .my-image .video-play {
    z-index:30;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-4vw;
    margin-left:-4vw;
    border:none;
    cursor:pointer;
    width:8vw;
    height:8vw
  }
  #produceServer .using-tutorials .inner .my-image .videobg {
    display:none
  }
  #produceServer .using-tutorials .inner .my-image .videobg.active {
    display:block;
    z-index:20;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
  }
  #produceServer .using-tutorials .inner .my-image .videobg.active img {
    width:100%;
    height:100%
  }
  #produceServer .using-tutorials .inner .my-image video {
    width:100%;
    height:100%
  }
}
@media screen and (min-width:1200px) {
  #PrivateCloud .title {
    padding-top:64px;
    color:#1d2129;
    font-size:30px;
    font-weight:500;
    line-height:40px;
    text-align:center
  }
  #PrivateCloud .describe {
    padding-top:8px;
    padding-bottom:64px;
    color:#86909c;
    font-size:16px;
    font-weight:400;
    line-height:20px;
    text-align:center
  }
  #PrivateCloud .banner {
    width:100%;
    height:600px;
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/PrivateCloud/banner.png");
    background-size:cover;
    background-position:center
  }
  #PrivateCloud .banner .inner .text {
    padding-top:149px;
    mix-blend-mode:normal;
    color:#fff;
    letter-spacing:2px;
    font-size:56px;
    font-weight:700
  }
  #PrivateCloud .banner .inner .title {
    padding-top:40px;
    color:#fff;
    letter-spacing:2px;
    font-size:48px;
    font-weight:400;
    text-align:left
  }
  #PrivateCloud .inner {
    width:1180px;
    margin:0 auto
  }
  #PrivateCloud .inner .title {
    font-size:18px;
    font-weight:400;
    color:#000
  }
  #PrivateCloud .inner .text {
    color:#737373;
    font-size:16px;
    font-weight:400
  }
  #PrivateCloud .content_1 {
    padding-bottom:60px
  }
  #PrivateCloud .content_1 .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #PrivateCloud .content_1 .box {
    padding:20px 0 20px 32px;
    margin-bottom:20px;
    width:380px;
    min-height:318px;
    border:1px solid rgba(204,204,204,0.5);
    -webkit-box-shadow:0 0 20px 2px rgba(204,204,204,0.1);
    box-shadow:0 0 20px 2px rgba(204,204,204,0.1);
    border-radius:8px
  }
  #PrivateCloud .content_1 .box .title {
    padding:20px 0 12px 0;
    text-align:left;
    font-size:20px;
    font-weight:500;
    line-height:30px
  }
  #PrivateCloud .content_1 .box .listTable {
    width:100%
  }
  #PrivateCloud .content_1 .box .listTable ul.list {
    list-style:disc;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
  }
  #PrivateCloud .content_1 .box .listTable ul.list li {
    padding-right:24px;
    width:50%;
    line-height:28px;
    color:#737373;
    font-size:14px;
    font-weight:400
  }
  #PrivateCloud .content_1 .box .image {
    width:58px;
    height:56px
  }
  #PrivateCloud .content_1 .box .image img {
    width:100%
  }
  #PrivateCloud .content_1 .box:hover .title {
    color:#2c6eff
  }
  #PrivateCloud .content_2 {
    padding-bottom:60px;
    background-color:#f7f8fa
  }
  #PrivateCloud .content_2 .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #PrivateCloud .content_2 .inner .box {
    position:relative;
    margin:0 12px 12px 0;
    border-radius:8px;
    overflow:hidden;
    width:280px;
    height:290px;
    background-color:#fff
  }
  #PrivateCloud .content_2 .inner .box .title {
    padding:6px 20px;
    padding-top:12px;
    color:#000;
    font-size:18px;
    font-weight:500;
    line-height:28px;
    text-align:left
  }
  #PrivateCloud .content_2 .inner .box .text {
    color:#737373;
    padding:0 20px;
    font-size:14px;
    text-align:left;
    font-weight:400
  }
  #PrivateCloud .content_2 .inner .box .image {
    height:158px;
    width:280px
  }
  #PrivateCloud .content_2 .inner .box .image img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
  }
  #PrivateCloud .content_3 {
    padding-bottom:94px
  }
  #PrivateCloud .content_3 .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #PrivateCloud .content_3 .box {
    width:278px;
    position:relative
  }
  #PrivateCloud .content_3 .box .image {
    width:100%
  }
  #PrivateCloud .content_3 .box .image img {
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
  }
  #PrivateCloud .content_3 .box .mark {
    position:absolute;
    left:0;
    top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:100%;
    z-index:2;
    background-color:rgba(59,52,52,0.2)
  }
  #PrivateCloud .content_3 .box .mark img {
    width:40px;
    height:40px;
    margin-bottom:14px
  }
  #PrivateCloud .content_3 .box .mark span {
    color:#fff;
    font-size:20px;
    font-weight:400
  }
  #PrivateCloud .content_3 .box:hover .mark {
    z-index:2
  }
  #PrivateCloud .content_4 {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/PrivateCloud/content_4/bg.png");
    background-size:cover
  }
  #PrivateCloud .content_4 .btn,
  #PrivateCloud .content_4 .btn_line {
    display:inline-block;
    margin-top:18px;
    margin-bottom:32px;
    width:120px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:4px;
    color:#fff;
    font-size:14px;
    font-weight:400;
    background-color:#2c6eff
  }
  #PrivateCloud .content_4 .btn_line {
    color:#2c6eff;
    border:1px solid #2c6eff;
    background-color:none;
    margin-right:20px
  }
  #PrivateCloud .content_4 .title {
    color:#fff;
    font-size:24px;
    font-weight:400;
    text-align:left;
    padding:0
  }
  #PrivateCloud .content_4 .title:nth-child(1) {
    padding-top:32px
  }
  #PrivateCloud .content_4 .list {
    width:100%;
    height:72px;
    background-color:#1d2129
  }
  #PrivateCloud .content_4 .list ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:16px;
    line-height:72px
  }
  #PrivateCloud .content_4 .list ul li {
    width:33%;
    text-align:center;
    background:rgba(255,255,255,0.05)
  }
  #PrivateCloud .content_4 .list ul li img {
    width:45px;
    height:45px;
    margin-right:12px
  }
  #PrivateCloud .content_4 .list ul li span {
    color:#fff
  }
  #PrivateCloud .content_4 .list ul li:nth-child(2) {
    background:rgba(255,255,255,0.1)
  }
  #PrivateCloud .content_5 {
    padding-bottom:32px;
    background-color:#f7f8fa
  }
  #PrivateCloud .content_5 .box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #PrivateCloud .content_5 .box_child {
    width:200px;
    height:200px;
    line-height:200px
  }
  #PrivateCloud .content_5 .box_child img {
    width:100%;
    border-radius:4px
  }
}
@media screen and (min-width:751px) and (max-width:1200px) {
  #PrivateCloud .title {
    padding-top:4.44444444vw;
    color:#000;
    font-size:2.08333333vw;
    font-weight:500;
    line-height:2.77777778vw;
    text-align:center
  }
  #PrivateCloud .describe {
    padding-top:1.11111111vw;
    padding-bottom:4.44444444vw;
    color:#4d4d4d;
    font-size:1.11111111vw;
    line-height:1.38888889vw;
    font-weight:400;
    text-align:center
  }
  #PrivateCloud .banner {
    width:100%;
    height:41.66666667vw;
    background-color:#ccc;
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/PrivateCloud/banner.png");
    background-size:cover;
    background-position:center
  }
  #PrivateCloud .banner .inner .text {
    padding-top:10.34722222vw;
    mix-blend-mode:normal;
    color:#fff;
    letter-spacing:.13888889vw;
    font-size:3.88888889vw;
    font-weight:700
  }
  #PrivateCloud .banner .inner .title {
    padding-top:2.77777778vw;
    color:#fff;
    letter-spacing:.13888889vw;
    font-size:3.33333333vw;
    font-weight:400;
    text-align:left
  }
  #PrivateCloud .inner {
    width:81.94444444vw;
    margin:0 auto
  }
  #PrivateCloud .inner .title {
    font-size:1.25vw;
    font-weight:400;
    color:#000
  }
  #PrivateCloud .inner .text {
    color:#737373;
    font-size:1.11111111vw;
    font-weight:400
  }
  #PrivateCloud .content_1 {
    padding-bottom:4.16666667vw
  }
  #PrivateCloud .content_1 .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #PrivateCloud .content_1 .box {
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    margin-bottom:1.38888889vw;
    padding:1.66666667vw 0 1.66666667vw 2.22222222vw;
    width:26.38888889vw;
    min-height:22.22222222vw;
    border:1px solid rgba(204,204,204,0.5);
    -webkit-box-shadow:0 0 1.38888889vw .13888889vw rgba(204,204,204,0.1);
    box-shadow:0 0 1.38888889vw .13888889vw rgba(204,204,204,0.1);
    border-radius:.55555556vw
  }
  #PrivateCloud .content_1 .box .title {
    padding:1.38888889vw 0 .83333333vw 0;
    text-align:left;
    font-size:1.38888889vw;
    font-weight:500;
    line-height:2.08333333vw
  }
  #PrivateCloud .content_1 .box .image {
    width:4.02777778vw;
    height:3.88888889vw
  }
  #PrivateCloud .content_1 .box .image img {
    width:100%
  }
  #PrivateCloud .content_1 .box .listTable {
    width:100%
  }
  #PrivateCloud .content_1 .box .listTable ul.list {
    list-style:disc;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
  }
  #PrivateCloud .content_1 .box .listTable ul.list li {
    padding-right:1.66666667vw;
    width:50%;
    line-height:1.94444444vw;
    color:#737373;
    font-size:1.11111111vw;
    font-weight:400
  }
  #PrivateCloud .content_1 .box:hover .title {
    color:#2c6eff
  }
  #PrivateCloud .content_2 {
    padding-bottom:4.16666667vw;
    background-color:#f7f8fa
  }
  #PrivateCloud .content_2 .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  #PrivateCloud .content_2 .inner .box {
    position:relative;
    margin:0 .83333333vw .83333333vw 0;
    padding:1.94444444vw 0;
    width:19.44444444vw;
    border-radius:.55555556vw;
    overflow:hidden;
    min-height:13.19444444vw;
    background-color:#fff
  }
  #PrivateCloud .content_2 .inner .box .title {
    padding:.41666667vw 1.38888889vw;
    padding-top:.83333333vw;
    color:#000;
    font-size:1.25vw;
    font-weight:500;
    line-height:1.94444444vw;
    text-align:left
  }
  #PrivateCloud .content_2 .inner .box .text {
    color:#737373;
    padding:0 1.38888889vw;
    font-size:.97222222vw;
    text-align:left;
    font-weight:400
  }
  #PrivateCloud .content_2 .inner .box .image {
    height:10.97222222vw;
    width:19.44444444vw
  }
  #PrivateCloud .content_2 .inner .box .image img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
  }
  #PrivateCloud .content_3 {
    padding-bottom:6.52777778vw
  }
  #PrivateCloud .content_3 .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #PrivateCloud .content_3 .box {
    width:19.30555556vw;
    background-color:#ccc;
    position:relative
  }
  #PrivateCloud .content_3 .box .image {
    width:100%
  }
  #PrivateCloud .content_3 .box .image img {
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
  }
  #PrivateCloud .content_3 .box .mark {
    position:absolute;
    left:0;
    top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:100%;
    z-index:2;
    background-color:rgba(59,52,52,0.2)
  }
  #PrivateCloud .content_3 .box .mark img {
    width:2.77777778vw;
    height:2.77777778vw;
    margin-bottom:.97222222vw
  }
  #PrivateCloud .content_3 .box .mark span {
    color:#fff;
    font-size:1.38888889vw;
    font-weight:400
  }
  #PrivateCloud .content_3 .box:hover .mark {
    z-index:2
  }
  #PrivateCloud .content_4 {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/PrivateCloud/content_4/bg.png");
    background-size:cover
  }
  #PrivateCloud .content_4 .btn,
  #PrivateCloud .content_4 .btn_line {
    display:inline-block;
    margin-top:1.25vw;
    margin-bottom:2.22222222vw;
    width:8.33333333vw;
    height:2.77777778vw;
    line-height:2.77777778vw;
    text-align:center;
    border-radius:.27777778vw;
    color:#fff;
    font-size:.97222222vw;
    font-weight:400;
    background-color:#2c6eff
  }
  #PrivateCloud .content_4 .btn_line {
    color:#2c6eff;
    border:.06944444vw solid #2c6eff;
    background-color:#fff;
    margin-right:1.38888889vw
  }
  #PrivateCloud .content_4 .title {
    color:#fff;
    font-size:1.66666667vw;
    font-weight:400;
    text-align:left;
    padding:0
  }
  #PrivateCloud .content_4 .title:nth-child(1) {
    padding-top:2.22222222vw
  }
  #PrivateCloud .content_4 .list {
    width:100%;
    height:5vw;
    background-color:#1d2129
  }
  #PrivateCloud .content_4 .list ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:1.11111111vw;
    line-height:5vw
  }
  #PrivateCloud .content_4 .list ul li {
    width:33%;
    text-align:center;
    background:rgba(255,255,255,0.05)
  }
  #PrivateCloud .content_4 .list ul li img {
    width:3.125vw;
    height:3.125vw;
    margin-right:.83333333vw
  }
  #PrivateCloud .content_4 .list ul li span {
    color:#fff
  }
  #PrivateCloud .content_4 .list ul li:hover {
    background:rgba(255,255,255,0.1)
  }
  #PrivateCloud .content_5 {
    padding-bottom:2.22222222vw
  }
  #PrivateCloud .content_5 .box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #PrivateCloud .content_5 .box_child {
    width:13.88888889vw;
    height:13.88888889vw;
    line-height:13.88888889vw
  }
  #PrivateCloud .content_5 .box_child img {
    width:100%;
    border-radius:.27777778vw
  }
}
@media screen and (max-width:750px) {
  #PrivateCloud {
    padding-top:12.8vw
  }
  #PrivateCloud .title {
    padding-top:8.53333333vw;
    color:#1d2129;
    font-size:5.33333333vw;
    font-weight:500;
    text-align:center
  }
  #PrivateCloud .describe {
    padding:0 3.2vw;
    padding-top:1.06666667vw;
    padding-bottom:10.66666667vw;
    color:#86909c;
    font-size:3.73333333vw;
    line-height:5.33333333vw;
    font-weight:400;
    text-align:center
  }
  #PrivateCloud .inner {
    width:91.46666667vw;
    margin:0 auto
  }
  #PrivateCloud .inner .title {
    font-size:4.8vw;
    font-weight:400;
    color:#000
  }
  #PrivateCloud .inner .text {
    color:#737373;
    font-size:4.26666667vw;
    font-weight:400
  }
  #PrivateCloud .banner {
    width:100%;
    height:42.66666667vw;
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/PrivateCloud/banner1.png");
    background-size:cover
  }
  #PrivateCloud .banner .inner .text {
    padding-top:10.13333333vw;
    color:#fff;
    letter-spacing:.53333333vw;
    font-size:6.4vw;
    font-weight:700
  }
  #PrivateCloud .banner .inner .title {
    padding-top:1.06666667vw;
    text-align:left;
    color:#fff;
    letter-spacing:.53333333vw;
    font-size:4.26666667vw;
    font-weight:400
  }
  #PrivateCloud .content_1 .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #PrivateCloud .content_1 .box {
    width:44.26666667vw;
    margin-bottom:3.2vw;
    padding:3.2vw;
    padding-left:6.4vw;
    border:1px solid rgba(204,204,204,0.5);
    -webkit-box-shadow:0 0 5.33333333vw .53333333vw rgba(204,204,204,0.1);
    box-shadow:0 0 5.33333333vw .53333333vw rgba(204,204,204,0.1);
    border-radius:2.13333333vw
  }
  #PrivateCloud .content_1 .box .title {
    padding:15px 0;
    font-size:4.26666667vw;
    line-height:6.4vw;
    text-align:center;
    color:#2c6eff
  }
  #PrivateCloud .content_1 .box .image {
    text-align:center
  }
  #PrivateCloud .content_1 .box .image img {
    width:11.46666667vw;
    height:11.46666667vw
  }
  #PrivateCloud .content_1 .box ul.list {
    list-style:disc
  }
  #PrivateCloud .content_1 .box ul.list li {
    line-height:6.4vw;
    color:#737373;
    font-size:3.73333333vw;
    font-weight:400
  }
  #PrivateCloud .content_2 {
    background-color:#f7f8fa
  }
  #PrivateCloud .content_2 .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #PrivateCloud .content_2 .inner .box {
    position:relative;
    margin-bottom:3.2vw;
    padding-bottom:4.26666667vw;
    width:44.26666667vw;
    min-height:50.66666667vw;
    background-color:#fff
  }
  #PrivateCloud .content_2 .inner .box .image {
    width:44.26666667vw
  }
  #PrivateCloud .content_2 .inner .box .image img {
    width:100%;
    height:100%;
    border-radius:4px;
    -o-object-fit:cover;
    object-fit:cover
  }
  #PrivateCloud .content_2 .inner .box .title {
    padding:2.66666667vw 3.2vw;
    font-size:4.26666667vw;
    line-height:5.86666667vw;
    text-align:left;
    font-weight:500
  }
  #PrivateCloud .content_2 .inner .box .text {
    padding:0 3.2vw;
    font-size:3.46666667vw;
    color:#737373
  }
  #PrivateCloud .content_3 {
    padding-bottom:8.53333333vw
  }
  #PrivateCloud .content_3 .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  #PrivateCloud .content_3 .box {
    width:44.26666667vw;
    margin-bottom:3.2vw;
    background-color:#ccc;
    position:relative
  }
  #PrivateCloud .content_3 .box .image {
    width:100%
  }
  #PrivateCloud .content_3 .box .image img {
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
  }
  #PrivateCloud .content_3 .box .mark {
    position:absolute;
    left:0;
    top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:100%;
    z-index:2;
    background-color:rgba(59,52,52,0.2)
  }
  #PrivateCloud .content_3 .box .mark img {
    width:6.4vw;
    height:6.4vw;
    margin-bottom:3.2vw
  }
  #PrivateCloud .content_3 .box .mark span {
    color:#fff;
    font-size:3.73333333vw;
    font-weight:400
  }
  #PrivateCloud .content_4 {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/PrivateCloud/content_4/bg_phone.png");
    background-size:cover
  }
  #PrivateCloud .content_4 .btn,
  #PrivateCloud .content_4 .btn_line {
    display:inline-block;
    margin-top:1.6vw;
    margin-bottom:2.13333333vw;
    padding:1.6vw 3.2vw;
    border-radius:4px;
    color:#fff;
    font-size:3.46666667vw;
    font-weight:400;
    background-color:#2c6eff
  }
  #PrivateCloud .content_4 .btn_line {
    color:#2c6eff;
    border:1px solid #2c6eff;
    background-color:#fff;
    margin-right:4.26666667vw
  }
  #PrivateCloud .content_4 .title {
    display:block;
    padding:0;
    padding-top:4.8vw;
    width:55%;
    color:#fff;
    font-size:4.26666667vw;
    font-weight:400;
    text-align:left
  }
  #PrivateCloud .content_4 .title:nth-child(1) {
    width:45%
  }
  #PrivateCloud .content_4>.inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    height:27.73333333vw
  }
  #PrivateCloud .content_4 .list {
    width:100%;
    height:27.2vw;
    background-color:#1d2129
  }
  #PrivateCloud .content_4 .list ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:3.73333333vw;
    line-height:19.2vw
  }
  #PrivateCloud .content_4 .list ul li {
    width:33.33333333vw;
    height:27.2vw;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #PrivateCloud .content_4 .list ul li img {
    width:8.53333333vw;
    height:8.53333333vw;
    margin-top:4.26666667vw;
    margin-bottom:1.06666667vw
  }
  #PrivateCloud .content_4 .list ul li span {
    color:#fff
  }
  #PrivateCloud .content_4 .list ul li .text {
    padding-top:1.33333333vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    font-size:3.73333333vw;
    line-height:4.26666667vw;
    color:#fff
  }
  #PrivateCloud .content_4 .list ul li:nth-child(2) {
    background:rgba(255,255,255,0.1)
  }
  #PrivateCloud .content_5 {
    padding-bottom:21.33333333vw
  }
  #PrivateCloud .content_5 .title {
    padding-bottom:10.66666667vw
  }
  #PrivateCloud .content_5 .inner .box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:distribute;
    justify-content:space-around
  }
  #PrivateCloud .content_5 .inner .box .box_child img {
    width:29.06666667vw;
    height:14.93333333vw;
    -o-object-fit:cover;
    object-fit:cover;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
}
@media screen and (min-width:1200px) {
  #liveBroadcastDistribution .title {
    padding-top:120px;
    color:#1d2129;
    font-size:30px;
    font-weight:500;
    text-align:center
  }
  #liveBroadcastDistribution .describe {
    padding-top:16px;
    padding-bottom:64px;
    color:#86909c;
    font-size:16px;
    font-weight:400;
    text-align:center
  }
  #liveBroadcastDistribution .inner {
    width:1180px;
    margin:0 auto
  }
  #liveBroadcastDistribution .inner .title {
    font-size:18px;
    font-weight:400;
    color:#000
  }
  #liveBroadcastDistribution .inner .text {
    color:#737373;
    font-size:16px;
    font-weight:400
  }
  #liveBroadcastDistribution .banner {
    width:100%;
    height:609px;
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/liveBroadcastDistribution/banner.jpg");
    background-size:cover;
    background-position:center
  }
  #liveBroadcastDistribution .banner .title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-top:143px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    color:#fff
  }
  #liveBroadcastDistribution .banner .title span {
    padding-top:12px;
    color:#fff;
    letter-spacing:2px;
    font-size:56px;
    font-weight:700
  }
  #liveBroadcastDistribution .banner .btn {
    display:inline-block;
    margin-top:35px;
    width:140px;
    height:50px;
    border-radius:4px;
    color:#fff;
    font-size:18px;
    line-height:50px;
    text-align:center;
    font-weight:500;
    background:#f97266
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one {
    display:none
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .image {
    position:relative;
    width:590px;
    height:374px;
    -ms-flex-negative:0;
    flex-shrink:0;
    padding:20px;
    background:rgba(255,255,255,0.8);
    background-blend-mode:normal;
    border-radius:8px;
    -webkit-backdrop-filter:blur(100px);
    backdrop-filter:blur(100px);
    mix-blend-mode:normal
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .image img {
    position:absolute;
    top:20px;
    left:20px;
    height:334px;
    width:550px;
    border-radius:4px;
    -webkit-transition:opacity .5s linear;
    -o-transition:opacity .5s linear;
    transition:opacity .5s linear;
    opacity:0
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .image img.active {
    opacity:1
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content {
    min-height:400px;
    margin-left:20px;
    padding-top:16px
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li {
    position:relative;
    padding:20px 18px 18px 74px;
    width:570px
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li .title {
    padding-top:0px;
    padding-bottom:12px;
    font-weight:500;
    text-align:left
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li img {
    width:20px;
    height:20px;
    position:absolute;
    left:40px;
    top:22px;
    bottom:auto
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li img.active {
    opacity:0
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li .describe {
    color:#ff8200;
    font-size:18px;
    line-height:28px;
    font-weight:400
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li .text {
    display:none;
    color:#4e5969;
    font-size:16px;
    line-height:28px;
    font-weight:400
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li.active,
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li:hover {
    background:#f7f8fa
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li.active .title,
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li:hover .title {
    color:#2c6eff
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li.active img,
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li:hover img {
    opacity:0
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li.active img.active,
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li:hover img.active {
    opacity:1
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li.active .text,
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li:hover .text {
    display:block
  }
  #liveBroadcastDistribution .content_2 {
    padding-bottom:120px
  }
  #liveBroadcastDistribution .content_2 .describe {
    padding-bottom:0
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc {
    width:1180px;
    padding:0 30px;
    padding-top:120px;
    overflow:hidden;
    position:relative
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper {
    width:100%;
    padding-bottom:32px
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:24px;
    background:#fff;
    background-blend-mode:normal;
    -webkit-box-shadow:0 0 25px rgba(25,16,64,0.06);
    box-shadow:0 0 25px rgba(25,16,64,0.06);
    border-radius:8px;
    mix-blend-mode:normal
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .image {
    width:542px;
    height:340px;
    text-align:center;
    -ms-flex-negative:0;
    flex-shrink:0
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .image img {
    height:100%;
    width:100%;
    border-radius:4px
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content {
    width:590px;
    padding-left:64px;
    padding-right:40px
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .title {
    padding-top:44px;
    text-align:left;
    color:#1d2129;
    font-size:28px;
    font-weight:500
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .describe {
    color:#ff8200;
    font-size:18px;
    padding:16px 0;
    line-height:28px;
    font-weight:400;
    text-align:left
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .text {
    color:#4e5969;
    font-size:16px;
    line-height:28px;
    font-weight:400
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .text .promine_num {
    color:#2c6eff;
    font-size:24px
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .text .promine {
    color:#2c6eff
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-prev,
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-next {
    width:50px;
    height:50px;
    border-radius:50%;
    background-image:none;
    display:none
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-prev img,
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-next img {
    width:50px;
    height:50px
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-prev {
    position:absolute;
    left:0;
    top:55%
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-next {
    position:absolute;
    right:4px;
    top:55%
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-next.swiper-button-disabled,
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-prev.swiper-button-disabled {
    opacity:0
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .custom-pagination {
    position:absolute;
    z-index:2;
    top:-500px;
    left:0;
    width:100%;
    font-size:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .custom-pagination .nav-item {
    padding:10px 16px;
    border-radius:4px;
    margin:0 10px;
    background-color:#fff;
    border:1px solid #e5e6eb
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .custom-pagination .nav-item a {
    color:#000
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .custom-pagination .nav-item.active {
    background-color:#2c6eff
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .custom-pagination .nav-item.active a {
    color:#fff
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc:hover .swiper-button-prev,
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc:hover .swiper-button-next {
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    display:block
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho {
    display:none
  }
  #liveBroadcastDistribution .content_3 {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/liveBroadcastDistribution/bg.png");
    background-size:cover
  }
  #liveBroadcastDistribution .content_3>.inner {
    height:176px
  }
  #liveBroadcastDistribution .content_3>.inner {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/CustomDevelopment/bg_inner.png");
    background-size:cover;
    background-position:center
  }
  #liveBroadcastDistribution .content_3 .btn {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:18px;
    margin-bottom:32px;
    width:120px;
    height:40px;
    line-height:38px;
    text-align:center;
    border-radius:4px;
    border:.13333333vw solid #2c6eff;
    color:#fff;
    font-size:14px;
    font-weight:400;
    background-color:#2c6eff
  }
  #liveBroadcastDistribution .content_3 .btn_line {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:18px;
    margin-bottom:32px;
    width:120px;
    height:40px;
    line-height:38px;
    text-align:center;
    border-radius:4px;
    border:.13333333vw solid #2c6eff;
    font-size:14px;
    color:#2c6eff;
    border:1px solid #2c6eff;
    background-color:none;
    margin-right:20px
  }
  #liveBroadcastDistribution .content_3 .title {
    padding-top:40px;
    color:#1d2129;
    font-size:28px;
    font-weight:400;
    text-align:left
  }
  #liveBroadcastDistribution .content_3 .list {
    width:100%;
    height:72px;
    background-color:#1d2129
  }
  #liveBroadcastDistribution .content_3 .list ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#fff;
    font-size:16px;
    line-height:72px
  }
  #liveBroadcastDistribution .content_3 .list ul li {
    width:33%;
    text-align:center;
    background:rgba(255,255,255,0.05)
  }
  #liveBroadcastDistribution .content_3 .list ul li img {
    width:45px;
    height:45px;
    margin-right:12px
  }
  #liveBroadcastDistribution .content_3 .list ul li span {
    color:#fff
  }
  #liveBroadcastDistribution .content_3 .list ul li:nth-child(2) {
    background:rgba(255,255,255,0.1)
  }
  #liveBroadcastDistribution .content_4 {
    padding-bottom:60px
  }
  #liveBroadcastDistribution .content_4 .image {
    width:100%;
    text-align:center
  }
  #liveBroadcastDistribution .content_4 .image img {
    width:90%
  }
}
@media screen and (min-width:751px) and (max-width:1200px) {
  #liveBroadcastDistribution .title {
    padding-top:8.33333333vw;
    color:#1d2129;
    font-size:2.08333333vw;
    font-weight:500;
    text-align:center
  }
  #liveBroadcastDistribution .describe {
    padding-top:1.11111111vw;
    padding-bottom:4.44444444vw;
    color:#86909c;
    font-size:1.11111111vw;
    font-weight:400;
    text-align:center
  }
  #liveBroadcastDistribution .inner {
    width:81.94444444vw;
    margin:0 auto
  }
  #liveBroadcastDistribution .inner .title {
    font-size:1.25vw;
    font-weight:400;
    color:#000
  }
  #liveBroadcastDistribution .inner .text {
    color:#737373;
    font-size:1.11111111vw;
    font-weight:400
  }
  #liveBroadcastDistribution .banner {
    width:100%;
    height:42.29166667vw;
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/liveBroadcastDistribution/banner.jpg");
    background-size:cover;
    background-position:center
  }
  #liveBroadcastDistribution .banner .title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-top:9.93055556vw;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    color:#fff
  }
  #liveBroadcastDistribution .banner .title span {
    padding-top:.83333333vw;
    color:#fff;
    letter-spacing:.13888889vw;
    font-size:3.88888889vw;
    font-weight:700
  }
  #liveBroadcastDistribution .banner .btn {
    display:inline-block;
    margin-top:2.43055556vw;
    width:9.72222222vw;
    height:3.47222222vw;
    border-radius:.27777778vw;
    color:#fff;
    font-size:1.25vw;
    line-height:3.47222222vw;
    text-align:center;
    font-weight:500;
    background:#f97266
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one {
    display:none;
    width:81.94444444vw;
    padding:0 2.08333333vw;
    overflow:hidden;
    position:relative
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one:hover .swiper-button-prev,
  #liveBroadcastDistribution .content_1 .swiper_container_one:hover .swiper-button-next {
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    display:block
  }
  #liveBroadcastDistribution .content_1 .swiper_image {
    min-height:27.77777778vw
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .image {
    width:40.97222222vw;
    height:25.97222222vw;
    position:relative;
    -ms-flex-negative:0;
    flex-shrink:0;
    background-color:rgba(255,255,255,0.8);
    background-blend-mode:normal;
    border-radius:8px;
    -webkit-backdrop-filter:blur(100px);
    backdrop-filter:blur(100px);
    mix-blend-mode:normal;
    padding:1.38888889vw
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .image img {
    position:absolute;
    top:1.38888889vw;
    left:1.38888889vw;
    height:23.19444444vw;
    width:38.19444444vw;
    border-radius:.27777778vw;
    -webkit-transition:opacity .5s linear;
    -o-transition:opacity .5s linear;
    transition:opacity .5s linear;
    opacity:0
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .image img.active {
    opacity:1
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content {
    padding-top:1.11111111vw;
    margin-left:1.38888889vw
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li {
    position:relative;
    width:39.58333333vw;
    padding:1.38888889vw 1.25vw 1.25vw 5.13888889vw
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li .title {
    padding-top:0;
    padding-bottom:.83333333vw;
    font-weight:500;
    text-align:left
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li img {
    width:1.38888889vw;
    height:1.38888889vw;
    position:absolute;
    left:2.77777778vw;
    top:1.875vw
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li img.active {
    opacity:0
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li:hover {
    background:#f7f8fa
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li:hover .title {
    color:#2c6eff
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li:hover img {
    opacity:0
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li:hover img.active {
    opacity:1
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content li:hover .text {
    display:block
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content .describe {
    color:#ff8200;
    font-size:1.25vw;
    line-height:1.94444444vw;
    font-weight:400
  }
  #liveBroadcastDistribution .content_1 .swiper_image .swiper-slide .content .text {
    display:none;
    color:#4e5969;
    font-size:1.11111111vw;
    line-height:1.94444444vw;
    font-weight:400
  }
  #liveBroadcastDistribution .content_2 {
    padding-bottom:2.77777778vw
  }
  #liveBroadcastDistribution .content_2 .describe {
    padding-bottom:0
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc {
    width:81.94444444vw;
    padding:0 2.08333333vw;
    padding-top:8.33333333vw;
    overflow:hidden;
    position:relative
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper {
    width:100%;
    padding-bottom:2.22222222vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:1.66666667vw;
    background:#fff;
    background-blend-mode:normal;
    -webkit-box-shadow:0 0 1.73611111vw rgba(25,16,64,0.06);
    box-shadow:0 0 1.73611111vw rgba(25,16,64,0.06);
    border-radius:8px;
    mix-blend-mode:normal
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .image {
    width:37.63888889vw;
    height:23.61111111vw;
    text-align:center;
    -ms-flex-negative:0;
    flex-shrink:0
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .image img {
    height:100%;
    width:100%;
    border-radius:.27777778vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content {
    width:40.97222222vw;
    padding-left:4.44444444vw;
    padding-right:2.77777778vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .title {
    text-align:left;
    padding-top:4.44444444vw;
    color:#1d2129;
    font-size:1.94444444vw;
    font-weight:500
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .describe {
    color:#ff8200;
    font-size:1.25vw;
    padding:1.11111111vw 0;
    line-height:1.94444444vw;
    font-weight:400;
    text-align:left
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .text {
    color:#4e5969;
    font-size:1.11111111vw;
    line-height:1.94444444vw;
    font-weight:400
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .text .promine_num {
    color:#2c6eff;
    font-size:1.66666667vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .text .promine {
    color:#2c6eff
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-prev,
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-next {
    width:3.47222222vw;
    height:3.47222222vw;
    border-radius:50%;
    background-image:none;
    display:none
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-prev img,
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-next img {
    width:3.47222222vw;
    height:3.47222222vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-prev {
    position:absolute;
    left:0;
    top:55%
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-next {
    position:absolute;
    right:.27777778vw;
    top:55%
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-next.swiper-button-disabled,
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .swiper-button-prev.swiper-button-disabled {
    opacity:0
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .custom-pagination {
    position:absolute;
    z-index:2;
    top:-34.72222222vw;
    left:0;
    width:100%;
    font-size:1.11111111vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .custom-pagination .nav-item {
    padding:.69444444vw 1.11111111vw;
    border-radius:.27777778vw;
    margin:0 .69444444vw;
    background-color:#fff;
    border:.06944444vw solid #e5e6eb
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .custom-pagination .nav-item a {
    color:#000
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .custom-pagination .nav-item.active {
    background-color:#2c6eff
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc .custom-pagination .nav-item.active a {
    color:#fff
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc:hover .swiper-button-prev,
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc:hover .swiper-button-next {
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    display:block
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho {
    display:none
  }
  #liveBroadcastDistribution .content_3 {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/liveBroadcastDistribution/bg.png");
    background-size:cover
  }
  #liveBroadcastDistribution .content_3>.inner {
    height:12.22222222vw
  }
  #liveBroadcastDistribution .content_3>.inner {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/CustomDevelopment/bg_inner.png");
    background-size:cover;
    background-position:center
  }
  #liveBroadcastDistribution .content_3 .btn {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:1.25vw;
    margin-bottom:2.22222222vw;
    width:8.33333333vw;
    height:2.77777778vw;
    line-height:2.63888889vw;
    text-align:center;
    border-radius:.27777778vw;
    border:.06944444vw solid #2c6eff;
    color:#fff;
    font-size:.97222222vw;
    font-weight:400;
    background-color:#2c6eff
  }
  #liveBroadcastDistribution .content_3 .btn_line {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:1.25vw;
    margin-bottom:2.22222222vw;
    width:8.33333333vw;
    height:2.77777778vw;
    line-height:2.63888889vw;
    text-align:center;
    border-radius:.27777778vw;
    color:#2c6eff;
    font-size:.97222222vw;
    border:.06944444vw solid #2c6eff;
    background-color:none;
    margin-right:1.38888889vw
  }
  #liveBroadcastDistribution .content_3 .title {
    padding-top:2.77777778vw;
    color:#1d2129;
    font-size:1.94444444vw;
    font-weight:400;
    text-align:left
  }
  #liveBroadcastDistribution .content_3 .list {
    width:100%;
    height:5vw;
    background-color:#1d2129
  }
  #liveBroadcastDistribution .content_3 .list ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#fff;
    font-size:1.11111111vw;
    line-height:5vw
  }
  #liveBroadcastDistribution .content_3 .list ul li {
    width:33%;
    text-align:center;
    background:rgba(255,255,255,0.05)
  }
  #liveBroadcastDistribution .content_3 .list ul li img {
    width:3.125vw;
    height:3.125vw;
    margin-right:.83333333vw
  }
  #liveBroadcastDistribution .content_3 .list ul li span {
    color:#fff
  }
  #liveBroadcastDistribution .content_3 .list ul li:hover {
    background:rgba(255,255,255,0.1)
  }
  #liveBroadcastDistribution .content_4 {
    padding-bottom:4.16666667vw
  }
  #liveBroadcastDistribution .content_4 .image {
    width:100%;
    text-align:center
  }
  #liveBroadcastDistribution .content_4 .image img {
    width:90%
  }
}
@media screen and (max-width:750px) {
  #liveBroadcastDistribution {
    padding-top:12.8vw
  }
  #liveBroadcastDistribution .title {
    padding-top:8.53333333vw;
    color:#1d2129;
    font-size:5.33333333vw;
    font-weight:500;
    text-align:center
  }
  #liveBroadcastDistribution .describe {
    padding:0 3.2vw;
    padding-top:1.06666667vw;
    padding-bottom:10.13333333vw;
    color:#86909c;
    font-size:3.73333333vw;
    line-height:5.33333333vw;
    font-weight:400;
    text-align:center
  }
  #liveBroadcastDistribution .inner {
    width:91.46666667vw;
    margin:0 auto
  }
  #liveBroadcastDistribution .inner .title {
    font-size:4.8vw;
    font-weight:400;
    color:#000
  }
  #liveBroadcastDistribution .inner .text {
    color:#737373;
    font-size:4.26666667vw;
    font-weight:400
  }
  #liveBroadcastDistribution .banner {
    width:100%;
    height:42.66666667vw;
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/liveBroadcastDistribution/banner3.jpg");
    background-size:cover
  }
  #liveBroadcastDistribution .banner .title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding-top:8.53333333vw;
    padding-bottom:1.6vw
  }
  #liveBroadcastDistribution .banner .title span:nth-child(1) {
    color:#fff;
    letter-spacing:.26666667vw;
    font-size:6.4vw;
    font-weight:700
  }
  #liveBroadcastDistribution .banner .title span:nth-child(2) {
    color:#fff;
    letter-spacing:.26666667vw;
    font-size:3.73333333vw;
    font-weight:500
  }
  #liveBroadcastDistribution .banner .btn {
    padding:1.33333333vw 4.26666667vw;
    border-radius:1.06666667vw;
    color:#fff;
    font-size:3.2vw;
    font-weight:400;
    background:#f97266
  }
  #liveBroadcastDistribution .content_1 {
    padding-bottom:10.66666667vw
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one {
    width:76.26666667vw;
    overflow:visible
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/liveBroadcastDistribution/content_1/liveImgBg.png");
    height:87.2vw;
    background-size:cover;
    -webkit-backdrop-filter:blur(60px);
    backdrop-filter:blur(60px);
    border-radius:8px
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide .image {
    width:100%;
    -ms-flex-negative:0;
    flex-shrink:0;
    height:46.13333333vw
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide .image img {
    width:100%;
    height:100%
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide .content {
    padding-top:3.2vw
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide .content li {
    position:relative;
    padding-top:2.13333333vw;
    padding-left:5.33333333vw
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide .content li .title {
    font-size:4.26666667vw;
    padding:0;
    color:#2c6eff;
    text-align:left
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide .content li .text {
    display:inline-block;
    padding-top:2.66666667vw;
    color:#4e5969;
    font-size:3.46666667vw;
    line-height:5.33333333vw;
    font-weight:400
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide .content li img {
    display:none
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide .content li:not(#liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide .content li:nth-child(1)) {
    display:none
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide .content .describe {
    color:#ff8200;
    font-size:4.8vw;
    line-height:7.46666667vw;
    font-weight:400
  }
  #liveBroadcastDistribution .content_1 .swiper_container_one .swiper-wrapper .swiper-slide .content .text {
    display:none;
    color:#4e5969;
    font-size:4.26666667vw;
    line-height:7.46666667vw;
    font-weight:400
  }
  #liveBroadcastDistribution .content_1 .swiper_image {
    display:none
  }
  #liveBroadcastDistribution .content_1:hover .swiper-button-prev,
  #liveBroadcastDistribution .content_1:hover .swiper-button-next {
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    display:block
  }
  #liveBroadcastDistribution .content_2 {
    padding-bottom:16vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho {
    width:91.46666667vw;
    overflow:hidden;
    position:relative;
    padding:3.2vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-wrapper .swiper-slide {
    padding:4.26666667vw;
    background:#fff;
    background-blend-mode:normal;
    -webkit-box-shadow:0 6px 60px rgba(25,16,64,0.08);
    box-shadow:0 6px 60px rgba(25,16,64,0.08);
    border-radius:8px;
    mix-blend-mode:normal;
    height:123.46666667vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-wrapper .swiper-slide .image {
    width:100%;
    height:46.13333333vw;
    text-align:center
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-wrapper .swiper-slide .image img {
    height:100%;
    border-radius:1.06666667vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-wrapper .swiper-slide .content {
    padding-top:3.2vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-wrapper .swiper-slide .content .title {
    text-align:left;
    padding-top:0;
    color:#1d2129;
    font-size:5.33333333vw;
    font-weight:400
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-wrapper .swiper-slide .content .describe {
    color:#ff8200;
    font-size:4.26666667vw;
    padding:4.26666667vw 0;
    line-height:5.86666667vw;
    font-weight:400;
    text-align:left
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-wrapper .swiper-slide .content .text {
    color:#4e5969;
    font-size:3.73333333vw;
    line-height:5.33333333vw;
    font-weight:400
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-wrapper .swiper-slide .content .text .promine_num {
    color:#2c6eff;
    font-size:6.4vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-wrapper .swiper-slide .content .text .promine {
    color:#2c6eff
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-button-prev,
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-button-next {
    width:8vw;
    height:8vw;
    border-radius:50%;
    background-image:none;
    display:none
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-button-prev img,
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-button-next img {
    width:9.6vw;
    height:9.6vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-button-prev {
    position:absolute;
    left:0;
    top:autos
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-button-next {
    position:absolute;
    right:4px;
    top:autos
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-button-next.swiper-button-disabled,
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-button-prev.swiper-button-disabled {
    opacity:0
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-pagination {
    text-align:center
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pho .swiper-pagination-bullet {
    width:5.33333333vw;
    height:1.06666667vw;
    border-radius:.8vw
  }
  #liveBroadcastDistribution .content_2 .swiper_container_two_pc {
    display:none
  }
  #liveBroadcastDistribution .content_3 {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/CustomDevelopment/bg_phone.png");
    background-color:#1d2129;
    background-size:100%
  }
  #liveBroadcastDistribution .content_3>.inner {
    height:27.2vw
  }
  #liveBroadcastDistribution .content_3 .btn {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:2.93333333vw;
    margin-bottom:2.13333333vw;
    width:20.26666667vw;
    height:8vw;
    line-height:8vw;
    text-align:center;
    border-radius:4px;
    color:#fff;
    font-size:3.46666667vw;
    font-weight:400;
    background-color:#2c6eff
  }
  #liveBroadcastDistribution .content_3 .btn_line {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:2.93333333vw;
    margin-bottom:2.13333333vw;
    width:20.26666667vw;
    height:8vw;
    line-height:8vw;
    text-align:center;
    border-radius:4px;
    color:#2c6eff;
    font-size:3.46666667vw;
    border:1px solid #2c6eff;
    background-color:none;
    margin-right:3.2vw
  }
  #liveBroadcastDistribution .content_3 .title {
    padding-top:4.26666667vw;
    color:#1d2129;
    font-size:4.26666667vw;
    font-weight:500;
    text-align:left
  }
  #liveBroadcastDistribution .content_3 .list {
    width:100%;
    height:27.2vw;
    background-color:#1d2129
  }
  #liveBroadcastDistribution .content_3 .list ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#fff;
    font-size:3.2vw;
    line-height:19.2vw
  }
  #liveBroadcastDistribution .content_3 .list ul li {
    width:33%;
    height:27.2vw;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #liveBroadcastDistribution .content_3 .list ul li img {
    width:8.53333333vw;
    height:8.53333333vw;
    margin-top:4.26666667vw;
    margin-bottom:1.06666667vw
  }
  #liveBroadcastDistribution .content_3 .list ul li .text {
    padding-top:1.33333333vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    font-size:3.73333333vw;
    line-height:4.26666667vw;
    color:#fff
  }
  #liveBroadcastDistribution .content_3 .list ul li:nth-child(2) {
    background:rgba(255,255,255,0.1)
  }
  #liveBroadcastDistribution .content_4 {
    padding-bottom:17.06666667vw
  }
  #liveBroadcastDistribution .content_4 .image {
    width:100%;
    text-align:center
  }
  #liveBroadcastDistribution .content_4 .image img {
    width:100%
  }
}
@media screen and (min-width:1200px) {
  #CustomDevelopment .title {
    padding-top:120px;
    color:#1d2129;
    font-size:30px;
    font-weight:500;
    line-height:40px;
    text-align:center
  }
  #CustomDevelopment .describe {
    padding-top:8px;
    padding-bottom:64px;
    color:#86909C;
    font-size:16px;
    font-weight:400;
    line-height:20px;
    text-align:center
  }
  #CustomDevelopment .inner {
    width:1180px;
    margin:0 auto
  }
  #CustomDevelopment .inner .title {
    font-size:18px;
    font-weight:400;
    color:#000
  }
  #CustomDevelopment .inner .text {
    color:#737373;
    font-size:16px;
    font-weight:400
  }
  #CustomDevelopment .banner {
    width:100%;
    height:600px;
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/CustomDevelopment/banner.png");
    background-size:cover;
    background-position:center
  }
  #CustomDevelopment .banner .inner .text1 {
    padding-top:128px;
    mix-blend-mode:normal;
    color:#fff;
    letter-spacing:2px;
    font-size:56px;
    font-weight:700
  }
  #CustomDevelopment .banner .inner .text2 {
    padding-top:20px;
    mix-blend-mode:normal;
    color:#fff;
    letter-spacing:2px;
    font-size:44px;
    font-weight:500
  }
  #CustomDevelopment .banner .inner .title {
    padding-top:20px;
    color:#fff;
    letter-spacing:2px;
    font-size:36px;
    font-weight:400;
    text-align:left
  }
  #CustomDevelopment .content_1 {
    padding-bottom:120px
  }
  #CustomDevelopment .content_1 .image {
    width:154px;
    height:112px;
    line-height:112px;
    text-align:center;
    margin:0 auto;
    margin-bottom:32px
  }
  #CustomDevelopment .content_1 .image img {
    width:100%
  }
  #CustomDevelopment .content_1 .text {
    color:#1d2129;
    font-size:18px;
    font-weight:500;
    line-height:24px;
    text-align:center
  }
  #CustomDevelopment .content_1 .box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around
  }
  #CustomDevelopment .content_1 .box .box_child {
    width:295px
  }
  #CustomDevelopment .content_2 {
    padding-bottom:120px;
    background:#f7f8fa
  }
  #CustomDevelopment .content_2 .box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  #CustomDevelopment .content_2 .box .box_child {
    margin:0px 12px 12px 0px;
    width:380px;
    background-color:#fff;
    border-radius:4px;
    overflow:hidden;
    height:337px
  }
  #CustomDevelopment .content_2 .box .box_child .title {
    text-align:left;
    padding:10px 0;
    padding-top:12px;
    line-height:28px;
    font-size:20px;
    font-weight:500;
    padding-left:24px
  }
  #CustomDevelopment .content_2 .box .box_child .describe {
    padding:0;
    padding-left:24px;
    padding-right:24px;
    color:#86909c;
    font-size:16px;
    line-height:24px;
    font-weight:400;
    text-align:left
  }
  #CustomDevelopment .content_2 .box .box_child .image {
    width:380px;
    text-align:center;
    height:213px;
    overflow:hidden
  }
  #CustomDevelopment .content_2 .box .box_child .image img {
    width:100%;
    height:100%
  }
  #CustomDevelopment .content_3 {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/CustomDevelopment/bg.png");
    background-size:cover
  }
  #CustomDevelopment .content_3>.inner {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/CustomDevelopment/bg_inner.png");
    background-size:cover;
    background-position:center
  }
  #CustomDevelopment .content_3 .swiper-button-prev.swiper-button-disabled {
    display:inline-block;
    margin-top:18px;
    margin-bottom:32px;
    padding:12px 38px;
    border-radius:4px;
    color:#fff;
    font-size:16px;
    font-weight:400;
    background-color:#2c6eff
  }
  #CustomDevelopment .content_3 .btn {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:18px;
    margin-bottom:32px;
    width:120px;
    height:40px;
    line-height:38px;
    text-align:center;
    border-radius:4px;
    border:.13333333vw solid #2c6eff;
    color:#fff;
    font-size:14px;
    font-weight:400;
    background-color:#2c6eff
  }
  #CustomDevelopment .content_3 .btn_line {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:18px;
    margin-bottom:32px;
    width:120px;
    height:40px;
    line-height:38px;
    text-align:center;
    border-radius:4px;
    border:.13333333vw solid #2c6eff;
    font-size:14px;
    color:#2c6eff;
    border:1px solid #2c6eff;
    background-color:none;
    margin-right:20px
  }
  #CustomDevelopment .content_3 .title {
    padding-top:40px;
    color:#1d2129;
    font-size:28px;
    font-weight:500;
    text-align:left
  }
  #CustomDevelopment .content_3 .list {
    width:100%;
    height:72px;
    background-color:#1d2129
  }
  #CustomDevelopment .content_3 .list ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:16px;
    line-height:72px
  }
  #CustomDevelopment .content_3 .list ul li {
    width:33%;
    text-align:center;
    background:rgba(255,255,255,0.05)
  }
  #CustomDevelopment .content_3 .list ul li img {
    width:45px;
    height:45px;
    margin-right:12px
  }
  #CustomDevelopment .content_3 .list ul li span {
    color:#fff
  }
  #CustomDevelopment .content_3 .list ul li:nth-child(2) {
    background:rgba(255,255,255,0.1)
  }
  #CustomDevelopment .content_4 {
    background-color:#ffffff;
    padding-bottom:120px
  }
  #CustomDevelopment .content_4 .describe {
    padding-bottom:0
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc {
    width:1180px;
    padding:0 30px;
    padding-top:120px;
    padding-bottom:20px;
    overflow:hidden;
    position:relative
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper {
    width:100%
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-color:#fff;
    -webkit-box-shadow:0 0 25px rgba(25,16,64,0.06);
    box-shadow:0 0 25px rgba(25,16,64,0.06);
    border-radius:8px;
    mix-blend-mode:normal;
    padding:0 24px
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .image {
    width:542px;
    height:360px;
    padding:20px 0;
    text-align:center
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .image img {
    height:100%;
    border-radius:4px
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content {
    width:590px;
    padding-left:64px;
    padding-right:64px
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .title {
    text-align:left;
    padding-top:46px;
    color:#1d2129;
    font-size:28px;
    font-weight:500
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .describe {
    color:#ff8200;
    font-size:18px;
    padding:20px 0 8px 0;
    line-height:28px;
    font-weight:400;
    text-align:left
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .text {
    color:#4e5969;
    font-size:16px;
    line-height:28px;
    font-weight:400
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-prev,
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-next {
    width:50px;
    height:50px;
    border-radius:50%;
    background-image:none;
    display:none
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-prev img,
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-next img {
    width:50px;
    height:50px
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-prev {
    position:absolute;
    left:0;
    top:300px
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-next {
    position:absolute;
    right:0;
    top:300px
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-next.swiper-button-disabled,
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-prev.swiper-button-disabled {
    opacity:0
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .custom-pagination {
    position:absolute;
    z-index:2;
    top:-460px;
    left:0;
    width:100%;
    font-size:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .custom-pagination .nav-item {
    padding:10px 16px;
    border-radius:4px;
    margin:0 10px;
    background-color:#fff;
    border:1px solid #e5e6eb
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .custom-pagination .nav-item a {
    color:#000
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .custom-pagination .nav-item.active {
    background-color:#2c6eff
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .custom-pagination .nav-item.active a {
    color:#fff
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc:hover .swiper-button-prev,
  #CustomDevelopment .content_4 .swiper_container_two_pc:hover .swiper-button-next {
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    display:block
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho {
    display:none
  }
}
@media screen and (min-width:751px) and (max-width:1200px) {
  #CustomDevelopment .title {
    padding-top:8.33333333vw;
    color:#1d2129;
    font-size:2.08333333vw;
    font-weight:500;
    line-height:2.77777778vw;
    text-align:center
  }
  #CustomDevelopment .describe {
    padding-top:1.11111111vw;
    padding-bottom:4.44444444vw;
    color:#86909C;
    font-size:1.11111111vw;
    line-height:1.38888889vw;
    font-weight:400;
    text-align:center
  }
  #CustomDevelopment .inner {
    width:81.94444444vw;
    margin:0 auto
  }
  #CustomDevelopment .inner .title {
    font-size:1.25vw;
    font-weight:400;
    color:#000
  }
  #CustomDevelopment .inner .text {
    color:#737373;
    font-size:1.11111111vw;
    font-weight:400
  }
  #CustomDevelopment .banner {
    width:100%;
    height:41.66666667vw;
    background-color:#ccc;
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/CustomDevelopment/banner.png");
    background-size:cover;
    background-position:center
  }
  #CustomDevelopment .banner .inner .text1 {
    padding-top:8.88888889vw;
    mix-blend-mode:normal;
    color:#fff;
    letter-spacing:.13888889vw;
    font-size:3.88888889vw;
    font-weight:700
  }
  #CustomDevelopment .banner .inner .text2 {
    padding-top:1.38888889vw;
    mix-blend-mode:normal;
    color:#fff;
    letter-spacing:.13888889vw;
    font-size:3.05555556vw;
    font-weight:500
  }
  #CustomDevelopment .banner .inner .title {
    padding-top:1.38888889vw;
    color:#fff;
    letter-spacing:.13888889vw;
    font-size:2.5vw;
    font-weight:400;
    text-align:left
  }
  #CustomDevelopment .content_1 {
    padding-bottom:8.33333333vw
  }
  #CustomDevelopment .content_1 .image {
    width:10.69444444vw;
    height:7.77777778vw;
    line-height:7.77777778vw;
    text-align:center;
    margin:0 auto;
    margin-bottom:2.22222222vw
  }
  #CustomDevelopment .content_1 .image img {
    width:100%
  }
  #CustomDevelopment .content_1 .text {
    color:#1d2129;
    font-size:1.25vw;
    font-weight:500;
    line-height:1.66666667vw;
    text-align:center
  }
  #CustomDevelopment .content_1 .box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around
  }
  #CustomDevelopment .content_2 {
    padding-bottom:8.33333333vw;
    background:#f7f8fa
  }
  #CustomDevelopment .content_2 .box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  #CustomDevelopment .content_2 .box .box_child {
    margin:0 .83333333vw .83333333vw 0;
    width:26.38888889vw;
    background-color:#fff;
    height:23.40277778vw;
    border-radius:.27777778vw;
    overflow:hidden;
    background:#fff
  }
  #CustomDevelopment .content_2 .box .box_child .title {
    text-align:left;
    padding:.69444444vw 0;
    padding-top:.83333333vw;
    font-size:1.38888889vw;
    line-height:1.94444444vw;
    font-weight:500;
    padding-left:1.66666667vw
  }
  #CustomDevelopment .content_2 .box .box_child .describe {
    padding:0;
    padding-left:1.66666667vw;
    padding-right:1.66666667vw;
    color:#86909c;
    font-size:1.11111111vw;
    font-weight:400;
    line-height:1.66666667vw;
    text-align:left
  }
  #CustomDevelopment .content_2 .box .box_child .image {
    width:26.38888889vw;
    text-align:center;
    height:14.79166667vw;
    overflow:hidden
  }
  #CustomDevelopment .content_2 .box .box_child .image img {
    width:100%;
    height:100%
  }
  #CustomDevelopment .content_3 {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/CustomDevelopment/bg.png");
    background-size:cover
  }
  #CustomDevelopment .content_3>.inner {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/CustomDevelopment/bg_inner.png");
    background-size:cover;
    background-position:center
  }
  #CustomDevelopment .content_3 .btn {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:1.25vw;
    margin-bottom:2.22222222vw;
    width:8.33333333vw;
    height:2.77777778vw;
    line-height:2.63888889vw;
    text-align:center;
    border-radius:.27777778vw;
    border:.06944444vw solid #2c6eff;
    color:#fff;
    font-size:.97222222vw;
    font-weight:400;
    background-color:#2c6eff
  }
  #CustomDevelopment .content_3 .btn_line {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:1.25vw;
    margin-bottom:2.22222222vw;
    width:8.33333333vw;
    height:2.77777778vw;
    line-height:2.63888889vw;
    text-align:center;
    border-radius:.27777778vw;
    color:#2c6eff;
    font-size:.97222222vw;
    border:.06944444vw solid #2c6eff;
    background-color:none;
    margin-right:1.38888889vw
  }
  #CustomDevelopment .content_3 .title {
    color:#1d2129;
    padding-top:2.77777778vw;
    font-size:1.94444444vw;
    font-weight:400;
    text-align:left
  }
  #CustomDevelopment .content_3 .list {
    width:100%;
    height:5vw;
    background-color:#1d2129
  }
  #CustomDevelopment .content_3 .list ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#fff;
    font-size:1.11111111vw;
    line-height:5vw
  }
  #CustomDevelopment .content_3 .list ul li {
    width:33%;
    text-align:center;
    background:rgba(255,255,255,0.05)
  }
  #CustomDevelopment .content_3 .list ul li img {
    width:3.125vw;
    height:3.125vw;
    margin-right:.83333333vw
  }
  #CustomDevelopment .content_3 .list ul li span {
    color:#fff
  }
  #CustomDevelopment .content_3 .list ul li:hover {
    background:rgba(255,255,255,0.1)
  }
  #CustomDevelopment .content_4 {
    background-color:#fff;
    padding-bottom:8.33333333vw
  }
  #CustomDevelopment .content_4 .describe {
    padding-bottom:0
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc {
    width:81.94444444vw;
    padding:0 2.08333333vw;
    padding-top:8.33333333vw;
    padding-bottom:1.38888889vw;
    overflow:hidden;
    position:relative
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper {
    width:100%
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-color:#fff;
    -webkit-box-shadow:0 0 1.73611111vw rgba(25,16,64,0.06);
    box-shadow:0 0 1.73611111vw rgba(25,16,64,0.06);
    border-radius:.55555556vw;
    mix-blend-mode:normal;
    padding:0 1.66666667vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .image {
    width:37.63888889vw;
    height:25vw;
    text-align:center;
    padding:1.38888889vw 0
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .image img {
    height:100%;
    border-radius:.27777778vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content {
    width:40.97222222vw;
    padding-left:4.44444444vw;
    padding-right:4.44444444vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .title {
    text-align:left;
    padding-top:3.19444444vw;
    color:#1d2129;
    font-size:1.94444444vw;
    font-weight:500
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .describe {
    color:#ff8200;
    font-size:1.25vw;
    padding:1.38888889vw 0 .55555556vw 0;
    line-height:1.94444444vw;
    font-weight:400;
    text-align:left
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-wrapper .swiper-slide .content .text {
    color:#4e5969;
    font-size:1.11111111vw;
    line-height:1.94444444vw;
    font-weight:400
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-prev,
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-next {
    width:3.47222222vw;
    height:3.47222222vw;
    border-radius:50%;
    background-image:none;
    display:none
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-prev img,
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-next img {
    width:3.47222222vw;
    height:3.47222222vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-prev {
    position:absolute;
    left:0;
    top:20.83333333vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-next {
    position:absolute;
    right:0;
    top:20.83333333vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-next.swiper-button-disabled,
  #CustomDevelopment .content_4 .swiper_container_two_pc .swiper-button-prev.swiper-button-disabled {
    opacity:0
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .custom-pagination {
    position:absolute;
    z-index:2;
    top:-31.94444444vw;
    left:0;
    width:100%;
    font-size:1.11111111vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .custom-pagination .nav-item {
    padding:.69444444vw 1.11111111vw;
    border-radius:.27777778vw;
    margin:0 .69444444vw;
    background-color:#fff;
    border:.06944444vw solid #e5e6eb
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .custom-pagination .nav-item a {
    color:#000
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .custom-pagination .nav-item.active {
    background-color:#2c6eff
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc .custom-pagination .nav-item.active a {
    color:#fff
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc:hover .swiper-button-prev,
  #CustomDevelopment .content_4 .swiper_container_two_pc:hover .swiper-button-next {
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    display:block
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho {
    display:none
  }
}
@media screen and (max-width:750px) {
  #CustomDevelopment {
    padding-top:12.8vw
  }
  #CustomDevelopment .title {
    padding-top:8.53333333vw;
    color:#1d2129;
    font-size:5.33333333vw;
    font-weight:500;
    text-align:center
  }
  #CustomDevelopment .describe {
    padding:0 3.2vw;
    padding-top:1.06666667vw;
    padding-bottom:10.66666667vw;
    color:#86909c;
    font-size:3.73333333vw;
    line-height:5.33333333vw;
    font-weight:400;
    text-align:center
  }
  #CustomDevelopment .inner {
    width:91.46666667vw;
    margin:0 auto
  }
  #CustomDevelopment .inner .title {
    font-size:4.8vw;
    font-weight:400;
    color:#000
  }
  #CustomDevelopment .inner .text {
    color:#737373;
    font-size:4.26666667vw;
    font-weight:400
  }
  #CustomDevelopment .banner {
    width:100%;
    height:42.66666667vw;
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/CustomDevelopment/banner2.png");
    background-size:cover
  }
  #CustomDevelopment .banner .inner .text1 {
    font-size:6.4vw;
    color:#fff;
    text-align:center;
    padding-top:6.66666667vw
  }
  #CustomDevelopment .banner .inner .text2 {
    font-size:4.8vw;
    color:#fff;
    text-align:center;
    padding-top:1.06666667vw
  }
  #CustomDevelopment .banner .inner .title {
    padding-top:1.06666667vw;
    font-size:3.73333333vw;
    text-align:center;
    color:#fff
  }
  #CustomDevelopment .content_1 {
    padding-bottom:12.8vw
  }
  #CustomDevelopment .content_1 .image {
    width:26.66666667vw;
    height:26.66666667vw;
    line-height:26.66666667vw;
    text-align:center;
    margin:0 auto;
    margin-bottom:1.06666667vw
  }
  #CustomDevelopment .content_1 .image img {
    width:100%
  }
  #CustomDevelopment .content_1 .text {
    color:#1d2129;
    font-size:3.46666667vw;
    font-weight:400;
    line-height:4.8vw;
    text-align:center
  }
  #CustomDevelopment .content_1 .box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:distribute;
    justify-content:space-around
  }
  #CustomDevelopment .content_1 .box .box_child {
    width:50%
  }
  #CustomDevelopment .content_2 {
    padding-bottom:12.8vw;
    background:#f7f8fa
  }
  #CustomDevelopment .content_2 .inner {
    width:100vw;
    padding:0 4.26666667vw;
    margin:0
  }
  #CustomDevelopment .content_2 .box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  #CustomDevelopment .content_2 .box .box_child {
    margin:0 0 3.2vw 0;
    width:44.26666667vw;
    background-color:#fff;
    height:52.8vw
  }
  #CustomDevelopment .content_2 .box .box_child:nth-child(odd) {
    margin-right:2.93333333vw
  }
  #CustomDevelopment .content_2 .box .box_child .title {
    text-align:left;
    padding:3.2vw 0 1.06666667vw 3.2vw;
    font-size:4.26666667vw
  }
  #CustomDevelopment .content_2 .box .box_child .describe {
    padding:0;
    padding:0 3.2vw;
    color:#86909c;
    font-size:3.73333333vw;
    font-weight:400;
    line-height:4.8vw;
    text-align:left
  }
  #CustomDevelopment .content_2 .box .box_child .image {
    width:44.26666667vw;
    text-align:center;
    height:25.06666667vw;
    overflow:hidden
  }
  #CustomDevelopment .content_2 .box .box_child .image img {
    width:100%
  }
  #CustomDevelopment .content_3 {
    background-image:url("https://cdn.ourwill.cn/tuwen/website/2023/beta/images/CustomDevelopment/bg_phone.png");
    background-color:#1d2129;
    background-size:100%
  }
  #CustomDevelopment .content_3>.inner {
    height:27.2vw
  }
  #CustomDevelopment .content_3 .btn {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:2.93333333vw;
    margin-bottom:2.13333333vw;
    width:20.26666667vw;
    height:8vw;
    line-height:8vw;
    text-align:center;
    border-radius:4px;
    color:#fff;
    font-size:3.46666667vw;
    font-weight:400;
    background-color:#2c6eff
  }
  #CustomDevelopment .content_3 .btn_line {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    margin-top:2.93333333vw;
    margin-bottom:2.13333333vw;
    width:20.26666667vw;
    height:8vw;
    line-height:8vw;
    text-align:center;
    border-radius:4px;
    color:#2c6eff;
    font-size:3.46666667vw;
    border:1px solid #2c6eff;
    background-color:none;
    margin-right:3.2vw

  }
  #CustomDevelopment .content_3 .title {
    padding-top:4.26666667vw;
    color:#1d2129;
    font-size:4.26666667vw;
    font-weight:500;
    text-align:left
  }
  #CustomDevelopment .content_3 .list {
    width:100%;
    height:27.2vw;
    background-color:#1d2129
  }
  #CustomDevelopment .content_3 .list ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#fff;
    font-size:3.73333333vw;
    line-height:19.2vw
  }
  #CustomDevelopment .content_3 .list ul li {
    width:33%;
    height:27.2vw;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #CustomDevelopment .content_3 .list ul li img {
    width:8.53333333vw;
    height:8.53333333vw;
    margin-top:4.26666667vw;
    margin-bottom:1.06666667vw
  }
  #CustomDevelopment .content_3 .list ul li .text {
    padding-top:1.33333333vw;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    font-size:3.73333333vw;
    line-height:4.26666667vw;
    color:#fff
  }
  #CustomDevelopment .content_3 .list ul li:nth-child(2) {
    background:rgba(255,255,255,0.1)
  }
  #CustomDevelopment .content_4 {
    padding-bottom:16vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho {
    width:100%;
    padding:3.2vw;
    overflow:hidden;
    position:relative
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-wrapper .swiper-slide {
    padding:4.26666667vw;
    background:#fff;
    background-blend-mode:normal;
    -webkit-box-shadow:0 6px 60px rgba(25,16,64,0.08);
    box-shadow:0 6px 60px rgba(25,16,64,0.08);
    border-radius:8px;
    mix-blend-mode:normal;
    height:123.46666667vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-wrapper .swiper-slide .image {
    width:100%;
    height:46.13333333vw;
    text-align:center
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-wrapper .swiper-slide .image img {
    height:100%;
    width:100%;
    border-radius:1.06666667vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-wrapper .swiper-slide .content {
    padding-top:3.2vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-wrapper .swiper-slide .content .title {
    text-align:left;
    padding-top:0;
    color:#1d2129;
    font-size:5.33333333vw;
    font-weight:400
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-wrapper .swiper-slide .content .describe {
    color:#ff8200;
    font-size:4.26666667vw;
    padding:5.33333333vw 0 2.13333333vw 0;
    line-height:5.86666667vw;
    font-weight:400;
    text-align:left
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-wrapper .swiper-slide .content .text {
    color:#4e5969;
    font-size:3.73333333vw;
    line-height:5.33333333vw;
    font-weight:400
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-button-prev,
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-button-next {
    width:8vw;
    height:8vw;
    border-radius:50%;
    background-image:none;
    display:none
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-button-prev img,
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-button-next img {
    width:9.6vw;
    height:9.6vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-button-prev {
    position:absolute;
    left:0;
    top:autos
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-button-next {
    position:absolute;
    right:4px;
    top:autos
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-button-next.swiper-button-disabled,
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-button-prev.swiper-button-disabled {
    opacity:0
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-pagination {
    text-align:center
  }
  #CustomDevelopment .content_4 .swiper_container_two_pho .swiper-pagination-bullet {
    width:5.33333333vw;
    height:1.06666667vw;
    border-radius:.8vw
  }
  #CustomDevelopment .content_4 .swiper_container_two_pc {
    display:none
  }
}
#abput_wrapper {
  width:100%
}
#abput_wrapper .banner_module {
  width:100%
}
#abput_wrapper .banner {
  width:100%;
  height:480px;
  position:relative;
  background-color:#e1edff
}
#abput_wrapper .banner_bg_image {
  position:absolute;
  top:0;
  height:100%;
  width:auto;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  z-index:1
}
#abput_wrapper .banner_bg_image.pc_banner_bg {
  display:block
}
#abput_wrapper .banner_bg_image.mob_banner_bg {
  display:none
}
#abput_wrapper .banner_content {
  position:relative;
  margin:0 auto;
  width:1180px;
  height:100%;
  z-index:2;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
#abput_wrapper .banner_title {
  font-size:44px;
  color:#1D2129;
  font-weight:600
}
#abput_wrapper .banner_sub_title {
  font-size:26px;
  color:#4E5969
}
#abput_wrapper .about_banner {
  background-image:-webkit-gradient(linear, , from(#2D6FFF), to(#79AAFF));
  background-image:-webkit-linear-gradient(#2D6FFF 0%, #79AAFF 100%);
  background-image:-o-linear-gradient(#2D6FFF 0%, #79AAFF 100%);
  background-image:linear-gradient(to, #2D6FFF 0%, #79AAFF 100%)
}
#abput_wrapper .about_banner .banner {
  background-color:transparent
}
#abput_wrapper .about_banner .banner_content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#abput_wrapper .about_banner .banner_title {
  color:#ffffff
}
#abput_wrapper .about_banner .banner_sub_title {
  margin-top:47px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#abput_wrapper .about_banner .about_banner_item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#abput_wrapper .about_banner .about_banner_item+.about_banner_item {
  margin-left:52px
}
#abput_wrapper .about_banner .about_item_icon {
  width:62px;
  height:62px;
  display:block
}
#abput_wrapper .about_banner .item_name {
  margin-top:15px;
  font-size:20px;
  color:#FFFFFF
}
#abput_wrapper .page_module {
  width:100%;
  position:relative
}
#abput_wrapper .page_bg_module {
  margin:0 auto;
  background-repeat:no-repeat;
  background-position:center right;
  background-size:auto 100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
#abput_wrapper .intro {
  padding-bottom:760px
}
#abput_wrapper .intro .page_bg_module {
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  padding:160px 0;
  width:1440px;
  height:760px
}
#abput_wrapper .module_content {
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#abput_wrapper .intro_bg_img {
  width:810px;
  height:100%;
  border-radius:0 16px 16px 0;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% 100%
}
#abput_wrapper .intro_content_wrap {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#abput_wrapper .intro_content {
  width:380px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
}
#abput_wrapper .intro_title {
  color:#1D2129;
  font-size:40px;
  font-weight:600
}
#abput_wrapper .intro_text {
  margin-top:32px;
  font-size:16px;
  color:#272E3B;
  word-wrap:break-word;
  word-break:break-all;
  line-height:30px
}
#abput_wrapper .intro_text+.intro_text {
  margin-top:5px
}
#abput_wrapper .city {
  margin:0 auto;
  width:100%;
  background-color:#02032A;
  background-position:center center;
  background-size:2560px auto;
  background-repeat:no-repeat
}
#abput_wrapper .city .mob_bg {
  display:none
}
#abput_wrapper .city .page_bg_module {
  margin:0 auto;
  width:100%;
  max-width:1440px;
  height:880px
}
#abput_wrapper .city .city_img_wrap {
  width:1000px;
  height:100%;
  -ms-flex-negative:0;
  flex-shrink:0;
  position:relative
}
#abput_wrapper .city .city_map_wrap {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:1000px;
  height:880px;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% 100%
}
@-webkit-keyframes ripple {
  0% {
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  100% {
    opacity:0;
    -webkit-transform:scale(6);
    transform:scale(6)
  }
}
@keyframes ripple {
  0% {
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  100% {
    opacity:0;
    -webkit-transform:scale(6);
    transform:scale(6)
  }
}
#abput_wrapper .city .city_map_wrap .city_item {
  position:absolute;
  border-radius:50%;
  background-color:#00ECFF;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  z-index:1
}
#abput_wrapper .city .city_map_wrap .city_item:hover .city_name {
  color:#00ECFF
}
#abput_wrapper .city .city_map_wrap .city_item .city_bg_circle {
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:50%;
  background-image:-webkit-radial-gradient(50% 50%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 90%, #00ECFF 100%);
  background-image:-o-radial-gradient(50% 50%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 90%, #00ECFF 100%);
  background-image:radial-gradient(50% 50%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 90%, #00ECFF 100%);
  -webkit-animation-name:ripple;

  animation-name:ripple;
  -webkit-animation-delay:0;
  animation-delay:0;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-duration:3s;
  animation-duration:3s
}
#abput_wrapper .city .city_map_wrap .city_name {
  position:absolute;
  color:#B5D7FF;
  font-size:18px;
  white-space:nowrap;
  -webkit-transition:color .3s linear;
  -o-transition:color .3s linear;
  transition:color .3s linear;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
#abput_wrapper .city .city_map_wrap .city_name.top {
  left:50%;
  bottom:15px;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%)
}
#abput_wrapper .city .city_map_wrap .city_name.top_start {
  right:15px;
  bottom:15px
}
#abput_wrapper .city .city_map_wrap .city_name.top_end {
  left:15px;
  bottom:15px
}
#abput_wrapper .city .city_map_wrap .city_name.bottom {
  left:50%;
  top:15px;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%)
}
#abput_wrapper .city .city_map_wrap .city_name.bottom_start {
  right:15px;
  top:15px
}
#abput_wrapper .city .city_map_wrap .city_name.bottom_end {
  left:15px;
  top:15px
}
#abput_wrapper .city .module_content {
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  position:relative;
  z-index:2
}
#abput_wrapper .city_service_content {
  -ms-flex-negative:1;
  flex-shrink:1;
  width:310px;
  padding-bottom:160px;
  padding-right:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  -ms-flex-item-align:end;
  align-self:flex-end
}
#abput_wrapper .service_title {
  color:#ffffff;
  font-size:40px
}
#abput_wrapper .service_text {
  margin-top:24px;
  word-wrap:break-word;
  word-break:break-all;
  color:rgba(255,255,255,0.6);
  font-size:18px
}
#abput_wrapper .service_text .text_num {
  font-size:32px;
  font-family:'DIN Alternate';
  color:#ffffff
}
#abput_wrapper .honor {
  width:100%;
  background-color:#F7F8FA;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% 100%
}
#abput_wrapper .honor .module_content {
  margin:0 auto;
  width:100%;
  max-width:1200px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  padding:160px 0 196px
}
#abput_wrapper .honor .honor_title {
  width:100%;
  font-size:40px;
  color:#1D2129;
  font-weight:600;
  text-align:center
}
#abput_wrapper .honor .honor_list {
  margin-top:24px;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
#abput_wrapper .honor .honor_item {
  margin-top:76px;
  width:285px;
  height:80px;
  position:relative
}
#abput_wrapper .honor .honor_item .honor_img {
  width:100%;
  height:100%
}
#abput_wrapper .honor .honor_item .honor_name {
  position:absolute;
  top:96px;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  white-space:nowrap;
  font-size:14px;
  color:#1D2129;
  text-align:center
}
#abput_wrapper .honor .honor_item .honor_name.pc_show {
  display:block
}
#abput_wrapper .honor .honor_item .honor_name.mob_show {
  display:none
}
@media screen and (max-width:750px) {
  #abput_wrapper {
    padding-top:12.8vw;
    position:relative
  }
  #abput_wrapper .banner_module {
    height:100%;
    height:48.8vw
  }
  #abput_wrapper .banner {
    height:100%
  }
  #abput_wrapper .banner_bg_image {
    width:100%;
    left:50%
  }
  #abput_wrapper .banner_bg_image.pc_banner_bg {
    display:none
  }
  #abput_wrapper .banner_bg_image.mob_banner_bg {
    display:block
  }
  #abput_wrapper .banner_content {
    width:100%
  }
  #abput_wrapper .banner_title {
    font-size:5.86666667vw
  }
  #abput_wrapper .banner_sub_title {
    font-size:3.46666667vw
  }
  #abput_wrapper .about_banner .banner {
    height:100%
  }
  #abput_wrapper .about_banner .banner_sub_title {
    margin-top:3.2vw
  }
  #abput_wrapper .about_banner .about_banner_item+.about_banner_item {
    margin-left:2.66666667vw
  }
  #abput_wrapper .about_banner .about_item_icon {
    width:6.93333333vw;
    height:6.93333333vw
  }
  #abput_wrapper .about_banner .item_name {
    margin-top:.8vw;
    font-size:2.13333333vw;
    white-space:nowrap
  }
  #abput_wrapper .page_bg_module {
    background-position:center top;
    background-size:100% auto;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    z-index:2
  }
  #abput_wrapper .intro {
    padding-bottom:0
  }
  #abput_wrapper .intro .page_bg_module {
    position:relative;
    top:0;
    left:0;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    padding:16vw 6.4vw;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    height:auto
  }
  #abput_wrapper .intro .module_content {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-flow:column-reverse nowrap;
    flex-flow:column-reverse nowrap
  }
  #abput_wrapper .intro_bg_img {
    margin-top:8.53333333vw;
    width:100%;
    height:47.46666667vw;
    border-radius:2.13333333vw
  }
  #abput_wrapper .intro_content_wrap {
    width:100%
  }
  #abput_wrapper .intro_content {
    width:100%
  }
  #abput_wrapper .intro_title {
    width:100%;
    font-size:5.33333333vw;
    font-weight:500;
    text-align:center
  }
  #abput_wrapper .intro_text {
    margin-top:10.66666667vw;
    font-size:3.73333333vw;
    line-height:6.93333333vw
  }
  #abput_wrapper .city .mob_bg {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100% 100%
  }
  #abput_wrapper .city .page_bg_module {
    width:100%;
    height:138.4vw
  }
  #abput_wrapper .city .city_img_wrap {
    width:100%;
    height:83.46666667vw
  }
  #abput_wrapper .city .city_map_wrap {
    width:100%;
    height:100%
  }
  #abput_wrapper .city .city_map_wrap .city_item {
    -webkit-transform:translate(-50%, -50%) scale(.7);
    -ms-transform:translate(-50%, -50%) scale(.7);
    transform:translate(-50%, -50%) scale(.7)
  }
  #abput_wrapper .city .city_map_wrap .city_item:hover .city_name {
    color:#B5D7FF
  }
  #abput_wrapper .city .module_content {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-flow:column-reverse nowrap;
    flex-flow:column-reverse nowrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  #abput_wrapper .city_service_content {
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:16vw 9.6vw 0 10.4vw
  }
  #abput_wrapper .service_title {
    font-size:5.33333333vw
  }
  #abput_wrapper .service_text {
    margin-top:9.33333333vw;
    color:rgba(255,255,255,0.6);
    font-size:3.73333333vw
  }
  #abput_wrapper .service_text .text_num {
    font-size:6.4vw
  }
  #abput_wrapper .honor .module_content {
    padding:16vw 4.26666667vw 27.73333333vw
  }
  #abput_wrapper .honor .honor_title {
    font-size:5.33333333vw;
    font-weight:500
  }
  #abput_wrapper .honor .honor_list {
    margin-top:10.66666667vw
  }
  #abput_wrapper .honor .honor_item {
    margin-top:0;
    width:44.26666667vw;
    height:12.26666667vw
  }
  #abput_wrapper .honor .honor_item:nth-of-type(n + 3) {
    margin-top:14.4vw
  }
  #abput_wrapper .honor .honor_item .honor_name {
    top:14.4vw;
    font-size:3.46666667vw
  }
  #abput_wrapper .honor .honor_item .honor_name.pc_show {
    display:none
  }
  #abput_wrapper .honor .honor_item .honor_name.mob_show {
    display:block
  }
}
#metaverse_wrapper {
  position:relative;
  width:100%;
  background-color:#0F0F28;
  margin-top:-60px;
  overflow:hidden
}
#metaverse_wrapper .metaverse_banner {
  position:relative;
  width:100%;
  height:100vh;
  overflow:hidden
}
#metaverse_wrapper .metaverse_banner .banner_video {
  position:absolute;
  top:0;
  left:0;
  max-width:100%;
  height:100%;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  z-index:1
}
#metaverse_wrapper .metaverse_banner .metaverse_banner_content {
  position:relative;
  z-index:20;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.36);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
#metaverse_wrapper .metaverse_banner .metaverse_banner_content .banner_text {
  width:504px;
  font-size:56px;
  font-weight:600;
  color:#FFFFFF;
  line-height:68px;
  text-align:center
}
#metaverse_wrapper .metaverse_banner .metaverse_banner_content .banner_btn {
  margin-top:60px;
  width:160px;
  height:54px;
  background:#FFFFFF;
  border-radius:28px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-size:16px;
  font-weight:500;
  color:#FF6100;
  cursor:pointer
}
#metaverse_wrapper .metaverse_banner .metaverse_banner_content .banner_sports {
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  bottom:40px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#metaverse_wrapper .metaverse_banner .metaverse_banner_content .banner_sports .sports_btn {
  width:40px;
  height:40px;
  border:2px solid #FFFFFF;
  border-radius:50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -ms-flex-negative:0;
  flex-shrink:0;
  cursor:pointer
}
#metaverse_wrapper .metaverse_banner .metaverse_banner_content .banner_sports .sports_btn i {
  color:#FFFFFF
}
#metaverse_wrapper .metaverse_banner .metaverse_banner_content .banner_sports .sports_warn {
  margin-top:20px;
  font-size:16px;
  font-weight:400;
  color:#FFFFFF;
  line-height:22px
}
#metaverse_wrapper .metaverse_title {
  font-size:44px;
  font-weight:600;
  color:#FFFFFF;
  line-height:62px
}
#metaverse_wrapper .metaverse_tips {
  font-size:20px;
  font-weight:400;
  color:#FFFFFF;
  line-height:28px
}
#metaverse_wrapper img {
  width:100%;
  height:100%
}
#metaverse_wrapper .metaverse_services {
  width:100%;
  position:relative;
  padding:120px 0 116px
}
#metaverse_wrapper .metaverse_services .background_1 {
  position:absolute;
  top:-518px;
  right:-518px;
  width:1566px;
  height:1566px;
  z-index:1
}
#metaverse_wrapper .metaverse_services .background_mid {
  position:absolute;
  bottom:0;
  right:0;
  width:100%;
  height:665px;
  z-index:1
}
#metaverse_wrapper .metaverse_services .background_2 {
  position:absolute;
  bottom:-656px;
  left:-774px;
  width:1566px;
  height:1566px;
  z-index:1
}
#metaverse_wrapper .metaverse_services .metaverse_services_content {
  position:relative;
  width:1180px;
  margin:0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .metaverse_tips {
  margin-top:25px
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content {
  width:100%;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  grid-row-gap:20px;
  grid-column-gap:20px;
  margin-top:100px
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:580px;
  height:172px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.1);
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(99%, rgba(255,255,255,0.1)));
  background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 99%);
  background:-o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 99%);
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 99%);
  cursor:pointer
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item .services_left {
  padding:40px 0 40px 40px
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item .services_left .services_title {
  font-size:20px;
  font-weight:500;
  color:#FFFFFF;
  line-height:28px
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item .services_left .services_tips {
  font-size:16px;
  font-weight:400;
  color:rgba(255,255,255,0.6);
  line-height:24px;
  margin-top:16px
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item .services_right {
  width:200px;
  height:100%;
  -ms-flex-negative:0;
  flex-shrink:0
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item .item_hover_bg {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  display:none
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:nth-child(1):hover .services_left .services_title {
  color:#E4CA78
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:nth-child(2):hover .services_left .services_title {
  color:#FCA256
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:nth-child(3):hover .services_left .services_title {
  color:#D080D4
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:nth-child(4):hover .services_left .services_title {
  color:#FF7B93
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:hover {
  border:unset
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:hover .services_left .services_tips {
  color:#FFFFFF
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:hover .item_hover_bg {
  display:block
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content.services_content_pc {
  display:grid
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_content.services_content_mob {
  display:none
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_btn {
  width:200px;
  height:54px;
  background:-webkit-linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  background:-o-linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  background:linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  -webkit-box-shadow:0 12px 80px 0 rgba(0,0,0,0.05);
  box-shadow:0 12px 80px 0 rgba(0,0,0,0.05);
  border-radius:8px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-size:16px;
  font-weight:400;
  color:#FFFFFF;
  margin-top:100px;
  cursor:pointer
}
@media (any-hover:hover) {
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_btn:hover {
    background:-webkit-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
    background:-o-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
    background:linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%)
  }
}
#metaverse_wrapper .metaverse_services .metaverse_services_content .services_btn:active {
  background:-webkit-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
  background:-o-linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%);
  background:linear-gradient(225deg, #FCA256 0%, #FE2D1A 100%)
}
#metaverse_wrapper .metaverse_priorities {
  position:relative;
  width:100%
}
#metaverse_wrapper .metaverse_priorities .background_right {
  position:absolute;
  width:564px;
  height:1002px;
  z-index:1;
  right:0;
  top:-197px
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content {
  position:relative;
  width:1180px;
  margin:0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding-bottom:120px;
  z-index:2
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_tips {
  margin-top:14px
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-top:100px;
  -ms-flex-negative:0;
  flex-shrink:0
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item {
  position:relative;
  width:280px;
  height:270px;
  -webkit-box-shadow:0 6px 60px 0 rgba(0,0,0,0.1);
  box-shadow:0 6px 60px 0 rgba(0,0,0,0.1);
  border-radius:20px;
  border:1px solid rgba(255,255,255,0.2);
  padding:40px;
  cursor:pointer;
  overflow:hidden;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .priorities_icon {
  width:48px;
  height:48px
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .priorities_icon img {
  width:100%;
  height:100%
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .priorities_title {
  font-size:20px;
  font-weight:500;
  color:#FFFFFF;
  line-height:28px;
  margin:32px 0 16px
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .priorities_list .list_item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .priorities_list .list_item .list_item_spot {
  width:4px;
  height:4px;
  background:rgba(255,255,255,0.6);
  border-radius:50%;
  margin-right:8px
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .priorities_list .list_item .list_item_content {
  font-size:14px;
  font-weight:400;
  color:rgba(255,255,255,0.6);
  line-height:22px
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .hover_item_bg {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:0;
  display:none
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .hover_item_bg img {
  width:100%;
  height:100%
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item:hover {
  border:unset
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item:hover .hover_item_bg {
  display:block
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item:hover .priorities_list .list_item .list_item_spot {
  background:#fff
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item:hover .priorities_list .list_item .list_item_content {
  color:#fff
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item:nth-child(1):hover .priorities_title {
  color:#FED714
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item:nth-child(2):hover .priorities_title {
  color:#FED714
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item:nth-child(3):hover .priorities_title {
  color:#0474E2
}
#metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item:nth-child(4):hover .priorities_title {
  color:#70E200
}
#metaverse_wrapper .metaverse_scene {
  position:relative;
  padding-bottom:180px
}
#metaverse_wrapper .metaverse_scene .background_3 {
  position:absolute;
  width:1566px;
  height:1566px;
  bottom:0;
  right:-518px;
  z-index:1
}
#metaverse_wrapper .metaverse_scene .background_4 {
  position:absolute;
  width:1566px;
  height:1566px;
  left:-809px;
  top:259px;
  z-index:1
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content {
  position:relative;
  width:100%;
  margin:0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  z-index:2
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_tips {
  margin-top:14px
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content {
  position:relative;
  height:565px;
  width:1440px
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs {
  position:absolute;
  width:100px;
  height:380px;
  background:rgba(29,38,63,0.6);
  -webkit-backdrop-filter:blur(40px);
  backdrop-filter:blur(40px);
  border-radius:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  top:276px;
  left:860px;
  z-index:100
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs .tab_item {
  width:60px;
  height:60px;
  cursor:pointer
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs .tab_item .item_default {
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs .tab_item .item_active {
  width:100%;
  height:100%;
  display:none
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs .tab_item.active .item_default {
  display:none
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs .tab_item.active .item_active {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs .tab_item+.tab_item {
  margin-top:20px
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items {
  width:100%;
  margin-top:100px
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item {
  width:100%;
  display:none
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_left {
  width:910px;
  height:512px;
  -ms-flex-negative:0;
  flex-shrink:0
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_left video {
  max-width:100%;
  height:100%;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:40px;
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right {
  padding-top:176px;
  margin-left:111px
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right .item_title {
  font-size:44px;
  font-weight:600;
  color:#66F7C4;
  line-height:62px;
  letter-spacing:1px;
  text-shadow:0 12px 80px rgba(0,0,0,0.05);
  background:-webkit-linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  background:-o-linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  background:linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right .item_list {
  margin-top:27px;
  padding-right:50px
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right .item_list .list_item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right .item_list .list_item .list_spot_square {
  width:6px;
  height:39px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-right:8px;
  -ms-flex-negative:0;
  flex-shrink:0
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right .item_list .list_item .list_item_spot {
  display:inline;
  width:6px;
  height:6px;
  background:#FFFFFF;
  border-radius:50%;
  -ms-flex-negative:0;
  flex-shrink:0
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right .item_list .list_item .list_item_content {
  font-size:20px;
  font-weight:400;
  color:#FFFFFF;
  line-height:39px
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item.active {
  display:block
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items.scene_content_pc {
  display:block
}
#metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items.scene_content_mob {
  display:none
}
#metaverse_wrapper .metaverse_live_case {
  position:relative;
  background-color:#0F0F28
}
#metaverse_wrapper .metaverse_live_case .background_5 {
  position:absolute;
  width:1566px;
  height:1566px;
  top:0;
  right:-659px;
  z-index:1
}
#metaverse_wrapper .metaverse_live_case .background_left {
  position:absolute;
  width:564px;
  height:1002px;
  top:-100px;
  left:0;
  z-index:1
}
#metaverse_wrapper .metaverse_live_case .live_case_title {
  position:relative;
  width:1180px;
  margin:0 auto;
  font-size:44px;
  font-weight:600;
  color:#FFFFFF;
  line-height:62px;
  text-align:center;
  z-index:2
}
#metaverse_wrapper .metaverse_live_case .live_case_content {
  position:relative;
  margin:0 auto;
  overflow-x:hidden;
  overflow-y:auto;
  margin-top:80px;
  z-index:10
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper {
  width:100%
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .swiper-wrapper {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card {
  width:506px;
  border-radius:16px;
  overflow:hidden;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:160px;
  cursor:pointer
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_img_wrap {
  width:100%;
  -ms-flex-negative:0;
  flex-shrink:0;
  height:284px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background-color:#E8F3FF
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_img_wrap .card_img {
  width:100%;
  height:100%
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_content {
  width:100%;
  -ms-flex-negative:0;
  flex-shrink:0;
  background:rgba(255,255,255,0.1);
  padding:24px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_content .card_title {
  width:100%;
  font-size:24px;
  font-weight:500;
  color:#fff;
  line-height:33px;
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn {
  margin-top:24px;
  width:112px;
  height:40px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,0.2);
  cursor:pointer;
  display:none
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn .btn_text {
  height:40px;
  line-height:40px;
  text-align:center;
  font-size:16px;
  font-weight:400;
  color:rgba(255,255,255,0.8)
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn:hover {
  position:relative;
  border-color:#FF6100;
  background:rgba(255,97,0,0.1)
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn:hover .btn_text {
  color:#FF6100
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card.active {
  width:580px
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card.active .card_img_wrap {
  height:326px
}
#metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card.active .card_content .card_btn {
  display:block
}
@media screen and (min-width:1441px) {
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_left video {
    border-top-left-radius:40px;
    border-bottom-left-radius:40px
  }
}
@media screen and (min-width:751px) and (max-width:1439px) {
  #metaverse_wrapper {
    margin-top:-4.6875vw
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content {
    width:100%
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs {
    width:7.8125vw;
    height:29.6875vw;
    top:19.21875vw;
    left:60.9375vw
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs .tab_item {
    width:4.6875vw;
    height:4.6875vw
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs .tab_item+.tab_item {
    margin-top:1.5625vw
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_left {
    width:64.84375vw;
    height:36.484375vw
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_left video {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right {
    padding-top:11.40625vw;
    margin-left:calc(50px + 3.90625vw)
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right .item_title {
    font-size:2.96875vw;
    line-height:4.53125vw
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right .item_list {
    margin-top:1.5625vw
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right .item_list .list_item .list_spot_square {
    width:.46875vw;
    height:3.046875vw
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right .item_list .list_item .list_item_spot {
    width:.46875vw;
    height:.46875vw;
    margin-right:.3125vw
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_right .item_list .list_item .list_item_content {
    font-size:1.40625vw;
    line-height:2.34375vw
  }
}
@media screen and (min-width:1280px) and (max-width:1439px) {
  #metaverse_wrapper {
    margin-top:-60px
  }
}
@media screen and (max-width:750px) {
  #metaverse_wrapper {
    margin-top:0;
    padding-top:1.06666667rem;
    width:100vw
  }
  #metaverse_wrapper .metaverse_banner {
    width:100%;
    height:5.62666667rem;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  #metaverse_wrapper .metaverse_banner .metaverse_banner_content {
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.36)
  }
  #metaverse_wrapper .metaverse_banner .metaverse_banner_content .banner_text {
    margin-top:0;
    width:4.8rem;
    font-size:20px;
    font-weight:500;
    color:#FFFFFF;
    line-height:28px
  }
  #metaverse_wrapper .metaverse_banner .metaverse_banner_content .banner_btn {
    margin-top:.64rem;
    width:2.13333333rem;
    height:.72rem;
    border-radius:14px;
    font-size:12px;
    font-weight:400;
    color:#FF6100
  }
  #metaverse_wrapper .metaverse_banner .metaverse_banner_content .banner_sports {
    display:none
  }
  #metaverse_wrapper .metaverse_title {
    font-size:20px;
    font-weight:500;
    line-height:28px
  }
  #metaverse_wrapper .metaverse_tips {
    font-size:14px;
    line-height:20px
  }
  #metaverse_wrapper .metaverse_services {
    padding:1.6rem .45333333rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  #metaverse_wrapper .metaverse_services .background_1 {
    width:6.58666667rem;
    height:11.09333333rem;
    top:-5.54666667rem;
    right:-3.29333333rem
  }
  #metaverse_wrapper .metaverse_services .background_mid {
    height:6.13333333rem;
    bottom:.66666667rem
  }
  #metaverse_wrapper .metaverse_services .background_2 {
    display:none
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content {
    width:100%;
    margin:0
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .metaverse_tips {
    margin-top:.21333333rem
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content {
    width:100%;
    display:grid;
    grid-row-gap:.18666667rem;
    grid-column-gap:.21333333rem;
    margin-top:.85333333rem
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item {
    position:relative;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:0 .42666667rem;
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,97,0,0)), to(rgba(255,97,0,0)));
    background:-webkit-linear-gradient(top, rgba(255,97,0,0) 0%, rgba(255,97,0,0) 100%);
    background:-o-linear-gradient(top, rgba(255,97,0,0) 0%, rgba(255,97,0,0) 100%);
    background:linear-gradient(180deg, rgba(255,97,0,0) 0%, rgba(255,97,0,0) 100%);
    width:4.48rem;
    height:6.26666667rem
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item .services_top {
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:3.30666667rem;
    height:3.14666667rem;
    z-index:1
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item .services_bottom {
    position:relative;
    margin-top:3.04rem;
    z-index:2
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item .services_bottom .services_title {
    font-size:14px;
    font-weight:500;
    line-height:20px
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item .services_bottom .services_tips {
    font-size:12px;
    font-weight:400;
    color:#FFFFFF;
    line-height:22px;
    margin-top:.32rem
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:nth-child(1) .services_bottom .services_title {
    color:#E4CA78
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:nth-child(2) .services_bottom .services_title {
    color:#FCA256
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:nth-child(3) .services_bottom .services_title {
    color:#D080D4
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:nth-child(4) .services_bottom .services_title {
    color:#FF7B93
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:hover {
    border:1px solid rgba(255,255,255,0.1)
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content .services_item:hover .item_hover_bg {
    display:none
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content.services_content_pc {
    display:none
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_content.services_content_mob {
    display:grid
  }
  #metaverse_wrapper .metaverse_services .metaverse_services_content .services_btn {
    width:2.98666667rem;
    height:.96rem;
    border-radius:4px;
    font-size:14px;
    margin-top:.85333333rem
  }
  #metaverse_wrapper .metaverse_priorities .background_right {
    width:5.65333333rem;
    height:9.92rem;
    z-index:1;
    right:0;
    top:-3.6rem
  }
  #metaverse_wrapper .metaverse_priorities .metaverse_priorities_content {
    width:100%;
    margin:0;
    padding-bottom:1.6rem
  }
  #metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_tips {
    margin-top:.21333333rem
  }
  #metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content {
    padding:0 .45333333rem;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-row-gap:.18666667rem;
    grid-column-gap:.21333333rem;
    margin-top:.85333333rem
  }
  #metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item {
    width:4.48rem;
    height:5.12rem;
    border-radius:8px;
    padding:.61333333rem .42666667rem 0
  }
  #metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .priorities_icon {
    width:.96rem;
    height:.96rem
  }
  #metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .priorities_title {
    font-size:14px;
    line-height:20px;
    margin:.4rem 0 .29333333rem;
    color:#FFFFFF !important
  }
  #metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .priorities_list .list_item .list_item_spot {
    background:rgba(255,255,255,0.6);
    margin-right:.16rem
  }
  #metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .priorities_list .list_item .list_item_content {
    font-size:12px;
    color:rgba(255,255,255,0.6)
  }
  #metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item .hover_item_bg {
    display:none !important
  }
  #metaverse_wrapper .metaverse_priorities .metaverse_priorities_content .priorities_content .priorities_item:hover {
    border:1px solid rgba(255,255,255,0.2)
  }
  #metaverse_wrapper .metaverse_scene {
    padding-bottom:.26666667rem
  }
  #metaverse_wrapper .metaverse_scene .background_3 {
    display:none
  }
  #metaverse_wrapper .metaverse_scene .background_4 {
    display:none
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_tips {
    padding:0 .88rem;
    text-align:center
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content {
    width:100%;
    height:11.36rem
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs {
    position:absolute;
    width:1.28rem;
    height:auto;
    border-radius:10px;
    top:5.68rem;
    left:7.62666667rem;
    z-index:99;
    padding:.34666667rem 0
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs .tab_item {
    width:.74666667rem;
    height:.74666667rem
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_tabs .tab_item+.tab_item {
    margin-top:.21333333rem
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items {
    width:100%;
    margin-top:1.33333333rem
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item {
    width:100%;
    display:none
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content {
    width:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_top {
    padding-left:.88rem
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_top .item_title {
    font-size:24px;
    line-height:.88rem;
    font-weight:600;
    color:#66F7C4;
    letter-spacing:1px;
    text-shadow:0 12px 80px rgba(0,0,0,0.05);
    background:-webkit-linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
    background:-o-linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
    background:linear-gradient(225deg, #FFBC8F 0%, #FF5B29 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_top .item_list {
    margin-top:.29333333rem
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_top .item_list .list_item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_top .item_list .list_item .list_spot_square {
    width:.16rem;
    height:.77333333rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-right:.26666667rem;
    -ms-flex-negative:0;
    flex-shrink:0
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_top .item_list .list_item .list_item_spot {
    display:inline;
    width:.16rem;
    height:.16rem;
    background:#FFFFFF;
    border-radius:50%
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_top .item_list .list_item .list_item_content {
    font-size:14px;
    font-weight:400;
    color:#FFFFFF;
    line-height:.77333333rem
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_bottom {
    margin-top:.85333333rem;
    width:8.32rem;
    height:4.69333333rem
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_bottom video {
    max-width:100%;
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:12px;
    border-bottom-right-radius:12px
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item .scene_item_content .item_bottom img {
    max-width:100%;
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items .scene_item.active {
    display:block
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items.scene_content_pc {
    display:none
  }
  #metaverse_wrapper .metaverse_scene .metaverse_scene_content .scene_content .scene_items.scene_content_mob {
    display:block
  }
  #metaverse_wrapper .metaverse_live_case .background_5 {
    position:absolute;
    width:9.33333333rem;
    height:10.66666667rem;
    top:0;
    right:-4.12rem;
    z-index:1
  }
  #metaverse_wrapper .metaverse_live_case .background_left {
    position:absolute;
    width:3.62666667rem;
    height:5.70666667rem;
    top:-5.70666667rem;
    z-index:1
  }
  #metaverse_wrapper .metaverse_live_case .live_case_title {
    width:100%;
    font-size:20px;
    font-weight:500;
    color:#FFFFFF;
    line-height:28px
  }
  #metaverse_wrapper .metaverse_live_case .live_case_content {
    margin-top:.85333333rem
  }
  #metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper {
    width:100%;
    margin-left:.26666667rem
  }
  #metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .swiper-wrapper {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  #metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card {
    width:5.33333333rem;
    border-radius:8px;
    -webkit-box-shadow:0 4px 40px 0 rgba(0,0,0,0.08);
    box-shadow:0 4px 40px 0 rgba(0,0,0,0.08);
    margin-bottom:2.58666667rem
  }
  #metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_img_wrap {
    height:2.98666667rem
  }
  #metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_content {
    padding:.42666667rem .32rem
  }
  #metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_content .card_title {
    font-size:14px;
    line-height:20px
  }
  #metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card .card_content .card_btn {
    display:none
  }
  #metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card.active {
    width:6.4rem
  }
  #metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card.active .card_img_wrap {
    height:3.6rem
  }
  #metaverse_wrapper .metaverse_live_case .live_case_content .live_case_swiper .case_card.active .card_content .card_btn {
    display:none
  }
}
@media screen and (min-width:750px) {
  .mob_footerReservation {
    display:none !important
  }
  .mobDialog {
    display:none !important
  }
}
@media screen and (max-width:750px) {
  .footerReservation {
    display:none !important
  }
  .dialog {
    display:none !important
  }
}
.footerReservation {
  width:100%;
  height:88px;
  position:fixed;
  bottom:0;
  background-image:url("../images/footerReservation/footerReservationBgs.png");
  background-position:center;
  background-size:cover;
  z-index:999
}
.footerReservation .box {
  width:1180px;
  margin:0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:88px;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.footerReservation .box .leftText {
  height:88px
}
.footerReservation .box .leftText img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.footerReservation .box .rightInput {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative
}
.footerReservation .box .rightInput .ipt {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:444px;
  height:56px;
  opacity:1;
  border-radius:6px;
  background:rgba(255,255,255,0.5);
  border:1px solid rgba(255,255,255,0.7)
}
.footerReservation .box .rightInput .ipt input {
  width:308px;
  height:42px;
  margin-left:8px;
  opacity:1;
  border-radius:6px;
  background:rgba(255,97,0,0.05);
  border:none;
  color:#A39187;
  outline:none;
  padding-left:16px;
  font-size:16px
}
.footerReservation .box .rightInput .ipt input::-webkit-input-placeholder {
  color:#A39187
}
.footerReservation .box .rightInput .ipt input::-moz-placeholder {
  font-size:16px;
  color:#A39187
}
.footerReservation .box .rightInput .ipt input::-ms-input-placeholder {
  font-size:16px;
  color:#A39187
}
.footerReservation .box .rightInput .ipt input::placeholder {
  font-size:16px;
  color:#A39187
}
.footerReservation .box .rightInput .footerReservationBtn {
  position:absolute;
  right:8px;
  width:112px;
  height:42px;
  opacity:1;
  border-radius:4px;
  background:#ff6100;
  text-align:center;
  line-height:42px;
  font-size:16px;
  font-weight:500;
  color:#fff;
  cursor:pointer;
  overflow:hidden
}
.footerReservation .box .rightInput .footerReservationBtn.active::before {
  opacity:1
}
.footerReservation .box .rightInput .footerReservationBtn::before {
  opacity:0;
  content:"";
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:80px;
  height:8dvb;
  background:-webkit-radial-gradient(50% 50%, #ffe3d1 0%, rgba(255,227,209,0) 99.68%);
  background:-o-radial-gradient(50% 50%, #ffe3d1 0%, rgba(255,227,209,0) 99.68%);
  background:radial-gradient(50% 50%, #ffe3d1 0%, rgba(255,227,209,0) 99.68%);
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  -webkit-filter:blur(20px);
  filter:blur(20px);
  -webkit-transition:all .3s ease,left 0s,top 0s;
  -o-transition:all .3s ease,left 0s,top 0s;
  transition:all .3s ease,left 0s,top 0s
}
.footerReservation .box .rightInput .error_mob {
  display:none;
  position:absolute;
  bottom:-21px;
  color:red
}
.footerReservation .closeIcon {
  width:16px;
  height:16px;
  cursor:pointer;
  position:absolute;
  right:11px;
  top:11px
}
.footerReservation .closeIcon .icon {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.footerReservation .error_prompt {
  width:178px;
  height:40px;
  opacity:1;
  border-radius:3px;
  background:#ffece8;
  border:1px solid rgba(245,108,108,0.2);
  position:fixed;
  top:200px;
  left:50%;
  -webkit-transform:translate(-50%, 0);
  -ms-transform:translate(-50%, 0);
  transform:translate(-50%, 0);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  display:none
}
.footerReservation .error_prompt .icons {
  width:14px;
  height:14px;
  color:red;
  font-size:12px
}
.footerReservation .error_prompt .icons .icon {
  display:inline-block;
  width:100%;
  height:100%
}
.footerReservation .error_prompt .text {
  margin-left:8px;
  color:red;
  font-size:14px
}
.dialog {
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:360px;
  height:298px;
  opacity:1;
  border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(.16%, rgba(255,97,0,0.1)), to(rgba(255,97,0,0))),#fff;
  background:-webkit-linear-gradient(top, rgba(255,97,0,0.1) .16%, rgba(255,97,0,0) 100%),#fff;
  background:-o-linear-gradient(top, rgba(255,97,0,0.1) .16%, rgba(255,97,0,0) 100%),#fff;
  background:linear-gradient(180deg, rgba(255,97,0,0.1) .16%, rgba(255,97,0,0) 100%),#fff;
  z-index:1501
}
.dialog .icons {
  width:14px;
  height:14px;
  position:absolute;
  right:20px;
  top:20px
}
.dialog .icons .icon {
  width:100%;
  height:100%
}
.dialog .success {
  width:60px;
  height:60px;
  margin:48px auto 0
}
.dialog .success .icon {
  width:100%;
  height:100%
}
.dialog .successTitle {
  font-size:22px;
  font-weight:500;
  color:#1d2129;
  text-align:center;
  margin-top:20px
}
.dialog .text {
  font-size:14px;
  font-weight:400;
  color:#86909c;
  text-align:center;
  margin-top:7px
}
.dialog .mobile {
  font-size:20px;
  font-weight:700;
  color:#ff6100;
  text-align:center;
  margin-top:36px
}
.dialog .footer_text {
  font-size:14px;
  font-weight:400;
  color:#86909c;
  text-align:center;
  margin-top:12px
}
.mask {
  display:none;
  width:100vw;
  height:100vh;
  background-color:rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:1500
}
.mob_footerReservation {
  width:100%;
  position:fixed;
  bottom:0;
  background-image:url("../images/footerReservation/mob_footerReservationBg.png");
  background-position:center;
  background-size:cover;
  z-index:999
}
.mob_footerReservation .mobBox {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:0 18px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.mob_footerReservation .mobBox .mobLeft {
  width:194px
}
.mob_footerReservation .mobBox .mobLeft img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.mob_footerReservation .mobBox .mobRight {
  width:96px;
  height:36px;
  border-radius:4px;
  background:#ff6100;
  text-align:center;
  line-height:36px;
  font-size:14px;
  font-weight:500;
  color:#fff
}
.mob_footerReservation .reservationBullet {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  display:none;
  width:100%;
  border-radius:12px 12px 0px 0px;
  background:#fff;
  overflow:hidden;
  z-index:1001;
  padding-top:16px
}
.mob_footerReservation .reservationBullet .mobTitle {
  position:relative
}
.mob_footerReservation .reservationBullet .mobTitle .mobText {
  font-size:16px;
  font-weight:500;
  letter-spacing:0px;
  line-height:22.4px;
  color:#1d2129;
  text-align:center
}
.mob_footerReservation .reservationBullet .mobTitle .close {
  position:absolute;
  right:16px;
  top:0px !important;
  font-size:12px
}
.mob_footerReservation .reservationBullet .mobTitle .close .icon {
  font-size:12px;
  width:16px;
  height:16px
}
.mob_footerReservation .reservationBullet .mobFroms {
  margin:31px 24px
}
.mob_footerReservation .reservationBullet .mobFroms .moblabel {
  font-size:14px;
  font-weight:400;
  line-height:19.6px;
  color:#1d2129
}
.mob_footerReservation .reservationBullet .mobFroms .moblabel span {
  color:red
}
.mob_footerReservation .reservationBullet .mobFroms .mobIpt .mobPhoneIpt {
  width:100%;
  height:44px;
  border-radius:6px;
  background:rgba(255,255,255,0.4);
  border:1px solid #e5e6eb;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  outline:none;
  padding-left:16px;
  margin-top:8px
}
.mob_footerReservation .reservationBullet .mobFroms .mobIpt .mobPhoneIpt input::-webkit-input-placeholder {
  color:#86909C
}
.mob_footerReservation .reservationBullet .mobFroms .error_Phone {
  display:none;
  width:78.667vw;
  margin-top:4px;
  color:red;
  font-size:12px
}
.mob_footerReservation .reservationBullet .mobFroms .mobPhoneBtn {
  margin-top:32px;
  height:44px;
  opacity:1;
  border-radius:4px;
  background:#ff6100;
  text-align:center;
  line-height:44px;
  font-size:16px;
  font-weight:500;
  color:#fff
}
.mobDialog {
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:294.997px;
  height:302px;
  opacity:1;
  border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(.16%, rgba(255,97,0,0.1)), to(rgba(255,97,0,0))),#fff;
  background:-webkit-linear-gradient(top, rgba(255,97,0,0.1) .16%, rgba(255,97,0,0) 100%),#fff;
  background:-o-linear-gradient(top, rgba(255,97,0,0.1) .16%, rgba(255,97,0,0) 100%),#fff;
  background:linear-gradient(180deg, rgba(255,97,0,0.1) .16%, rgba(255,97,0,0) 100%),#fff;
  z-index:1001
}
.mobDialog .mobIcons {
  width:14px;
  height:14px;
  position:absolute;
  right:20px;
  top:20px;
  font-size:12px
}
.mobDialog .mobIcons .icon {
  width:100%;
  height:100%
}
.mobDialog .mobSuccess {
  width:60px;
  height:60px;
  margin:48px auto 0
}
.mobDialog .mobSuccess .icon {
  width:100%;
  height:100%
}
.mobDialog .mobSuccessTitle {
  font-size:22px;
  font-weight:500;
  color:#1d2129;
  text-align:center;
  margin-top:20px
}
.mobDialog .mobText {
  font-size:14px;
  font-weight:400;
  color:#86909c;
  text-align:center;
  margin-top:7px
}
.mobDialog .mobMobile {
  font-size:20px;
  font-weight:700;
  color:#ff6100;
  text-align:center;
  margin-top:36px
}
.mobDialog .mobFooter_text {
  font-size:14px;
  font-weight:400;
  color:#86909c;
  text-align:center;
  margin-top:12px
}
.mobMask {
  display:none;
  background-color:rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:998
}