@font-face {
  font-family: iconfont;
  src: url(../assets/fonts/iconfont.woff2) format("woff2"), url(../assets/fonts/iconfont.woff) format("woff"), url(../assets/fonts/iconfont.ttf) format("truetype");
}
.viewQrBtn{margin-left: 5px; padding-left: 16px; color: #666; background: url(../assets/images/mobi.png) no-repeat left center}
.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-editor:before {
  content: "\e6c6";
}
.icon-preview:before {
  content: "\e6c7";
}
.icon-start-fill:before {
  content: "\e6c4";
}
.icon-start:before {
  content: "\e6c5";
}
.icon-uebuilder-ad-3:before {
  content: "\e6bf";
}
.icon-uebuilder-ad-2:before {
  content: "\e6c0";
}
.icon-uebuilder-ad-1:before {
  content: "\e6c1";
}
.icon-refresh:before {
  content: "\e6c2";
}
.icon-watch:before {
  content: "\e6c3";
}
.icon-kefu:before {
  content: "\e6ad";
}
.icon-VIPfuwu_huaban1:before {
  content: "\e66a";
}
.icon-xiaochengxu2:before {
  content: "\e685";
}
.icon-wendang:before {
  content: "\e6f6";
}
.icon-diannao:before {
  content: "\e6cd";
}
.icon-zujian:before {
  content: "\e704";
}
.icon-youjiantou1:before {
  content: "\e705";
}
.icon-icon--:before {
  content: "\e726";
}
.icon-quanping_huaban:before {
  content: "\e623";
}
.icon-yangshi:before {
  content: "\e60b";
}
.icon-xiaochengxu1:before {
  content: "\e63c";
}
.icon-xiaochengxu:before {
  content: "\e63e";
}
.icon-jiantou6:before {
  content: "\e62b";
}
.icon-jiantou-right:before {
  content: "\e607";
}
.icon-dunpai:before {
  content: "\e604";
}
.icon-shishigengxin:before {
  content: "\e653";
}
.icon-mianfeipeixun:before {
  content: "\e651";
}
.icon-gaoxingjiabi:before {
  content: "\e650";
}
.icon-zhinengjianzhan:before {
  content: "\e64f";
}
.icon-pinpaibaozheng:before {
  content: "\e64e";
}
.icon-baojiaquotation:before {
  content: "\e63a";
}
.icon-zhankai:before {
  content: "\e603";
}
.icon-guanbicuowu:before {
  content: "\e62d";
}
.icon-zhengquetishi:before {
  content: "\e652";
}
.icon-wenhao:before {
  content: "\e61a";
}
.icon-xiaolian:before {
  content: "\e702";
}
.icon-youjiantou:before {
  content: "\e624";
}
.icon-zuojiantou:before {
  content: "\eb57";
}
.icon-uedna-logo:before {
  content: "\e645";
}
.icon-uelike-logo:before {
  content: "\e644";
}
.icon-iconfonterweima:before {
  content: "\e620";
}
.icon-huanyihuan:before {
  content: "\e6d0";
}
.icon-huanyihuan2:before {
  content: "\e643";
}
.icon-fenlei:before {
  content: "\e601";
}
.icon-double-up:before {
  content: "\eb56";
}
.icon-double-down:before {
  content: "\e600";
}
.icon-kexuejishu-13:before {
  content: "\e9c0";
}
.icon-shejiyukaifa-:before {
  content: "\eaca";
}
.icon-shejiyukaifa-2:before {
  content: "\eacc";
}
.icon-erweima:before {
  content: "\e681";
}
.icon-weixin1:before {
  content: "\e60a";
}
.icon-weibo1:before {
  content: "\e611";
}
.icon-desktop:before {
  content: "\e602";
}
.icon-phone:before {
  content: "\e606";
}
.icon-tongzhi1:before {
  content: "\e629";
}
.icon-uemologo-copy:before {
  content: "\eb51";
}
.icon-jiantou5-copy-copy:before {
  content: "\eb52";
}
.icon-jiantou5-copy-copy-copy:before {
  content: "\eb53";
}
.icon-sousuo-copy:before {
  content: "\e61d";
}
.icon-jiantou5-copy-copy-copy1:before {
  content: "\eb54";
}
.icon-jiantou5-copy-copy-copy-copy:before {
  content: "\eb55";
}
.ui-lightip {
  display: none;
  width: 25em;
  margin: 0 auto;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding: 15px 1em;
  background-color: #4c5161;
  animation: fadeIn 0.25s both;
  position: fixed;
  top: 0;
  left: 1rem;
  right: 1rem;
  z-index: 19;
  outline: none;
  cursor: default;
}
.ui-lightip[open] {
  display: inline;
}
.ui-lightip[data-status="success"] {
  background-color: #1cad70;
}
.ui-lightip[data-status="error"] {
  background-color: #eb4646;
}
.ui-lightip-text {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  text-align: left;
  color: #fff;
}
[data-status="success"] .ui-lightip-text {
  padding-left: 23px;
  margin-left: -5px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath fill='%23FFF' d='M163.038 57.226c-5.217-4.162-5.713-4.289-11.674-7.244-2.683-1.344-6.633 2.113-8.569 4.67l-52.648 67.042-34.301-43.387c-1.94-2.558-5.516-3.499-8.2-2.293-6.11 3.095-5.496 2.992-10.715 7.029-2.386 1.883-2.535 5.245-.597 7.793 0 0 36.97 46.917 41.44 52.565 6.557 8.068 18.483 7.669 24.744 0 4.62-5.781 61.117-78.506 61.117-78.506 1.937-2.559 1.788-5.918-.597-7.669z'/%3E%3C/svg%3E");
}
[data-status="error"] .ui-lightip-text {
  padding-left: 23px;
  margin-left: -5px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath fill='%23FFF' d='M116.153 99.999l36.484-36.486a7.369 7.369 0 000-10.423l-5.212-5.213a7.375 7.375 0 00-10.425 0l-36.484 36.485-36.485-36.485a7.374 7.374 0 00-10.424 0l-5.211 5.213a7.365 7.365 0 000 10.423L84.88 99.999l-36.483 36.485a7.369 7.369 0 000 10.426l5.211 5.213a7.38 7.38 0 0010.424 0l36.485-36.486L137 152.122a7.38 7.38 0 0010.425 0l5.212-5.213a7.372 7.372 0 000-10.426l-36.484-36.484z'/%3E%3C/svg%3E");
}
@media screen and (max-width: 640px) {
  .ui-lightip {
    width: auto;
    top: 50%;
    left: 50%;
    right: auto;
    max-width: calc(100% - 2rem - 2em);
    transform: translate(-50%, -50%);
  }
}
body,
dd,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  font-family: MONTSERRAT-LIGHT, 微软雅黑;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-size: inherit;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
  outline: none;
}
img {
  border: none;
  vertical-align: top;
  width: 100%;
}
input,
textarea {
  margin: 0;
  padding: 0;
  outline: none;
}
select {
  outline: none;
}
textarea {
  resize: none;
  overflow: auto;
}
table {
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
input,
textarea {
  font-family: Arial, 微软雅黑;
  outline: 0;
  font-size: 14px;
  -webkit-appearance: none;
  border: none;
  background: 0 0;
}
button {
  padding: 0;
  outline: none;
  background-color: transparent;
  border: none;
}
::-moz-placeholder {
  color: #333;
}
::placeholder {
  color: #333;
}
.clear {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.clearfix:after {
  clear: both;
  display: block;
  content: "";
}
.clearfix {
  zoom: 1;
}
.fw {
  margin: 0 auto;
  width: 1180px;
}
.hide,
.obHide {
  display: none;
}
.obHide {
  visibility: hidden;
  position: absolute;
  z-index: 99;
}
.show {
  display: block;
}
.fa {
  color: inherit;
  line-height: inherit;
}
.flex_bc {
  display: flex;
  justify-content: space-between;
}
.flex,
.flex_bc {
  align-items: center;
}
.flex {
  flex: 1;
  display: inline-flex;
}
.col2 {
  width: 50%;
}
.col3 {
  width: 33.3333333333%;
}
.wow {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  visibility: hidden;
}
.button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
body,
html {
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.sitecontent,
html {
  position: relative;
}
a.link_box {
  display: block;
}
i.iconfont,
span.text {
  display: inline-block;
  vertical-align: top;
}
body {
  overflow-x: hidden;
  min-width: 1200px;
}
@media screen and (max-width: 1200px) {
  body {
    overflow-x: scroll;
  }
}
body.hidden,
body.openuser {
  overflow: hidden;
}
body.openuser .user-setting {
  display: block;
}
.swiper-button-next,
.swiper-button-prev {
  outline: none;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #333;
  margin-right: 0;
}
.mCSB_inside > .mCSB_container {
  margin-right: 20px;
}
.postBody iframe {
  width: 100%;
  height: 30vw;
}
@font-face {
  font-family: MONTSERRAT-LIGHT;
  src: url(../assets/fonts/MONTSERRAT-LIGHT.otf) format("opentype");
}
@font-face {
  font-family: Techna-Sans-Regular-2;
  src: url(https://qiniu-uematerial.uemo.net/Upfile/Font/20210425/f795bc3b-8e80-4370-86d5-8e121de5966a.otf);
  src: url(https://qiniu-uematerial.uemo.net/Upfile/Font/20210425/f795bc3b-8e80-4370-86d5-8e121de5966a.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Black;
  src: url(../assets/fonts/Roboto-Black.ttf) format("truetype");
}
.icon-new {
  display: flex;
  align-items: center;
}
.icon-new:after {
  content: "new";
  display: inline-block;
  width: 40px;
  height: 18px;
  border-radius: 9px;
  text-align: center;
  background-color: #fa5051;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  vertical-align: top;
  margin-left: 13px;
}
#header {
  position: fixed;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 9999;
  transition: all 0.3s ease-out 0s;
}
#header.subnavshow #nav .navitem {
  color: #666;
}
#header.subnavshow #logo .iconfont {
  color: #333;
}
#header.subnavshow .drop_title {
  border-color: rgba(0, 0, 0, 0.1);
}
#header.subnavshow .drop_title .iconfont,
#header.subnavshow .drop_title .text,
#header.subnavshow .header_right .head .iconfont,
#header.subnavshow .header_right .head .id,
#header.subnavshow .header_right .notice .iconfont,
#header.subnavshow .header_right .search_btn .iconfont {
  color: #666;
}
#header.subnavshow .header_right .login-btn a {
  color: #333;
}
#header.subnavshow .header_right .login-btn a.sign_up {
  background-color: #333;
  color: #fff;
}
#header.subnavshow .subnav_bg {
  top: 0;
  transition-delay: 0s;
}
#header.mini {
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(57, 47, 63, 0.06);
}
#header.mini #nav {
  padding: 0;
}
#header.mini #nav .navitem {
  color: #666;
}
#header.mini #logo .iconfont {
  color: #333;
}
#header.mini .drop .drop_title {
  border-color: rgba(0, 0, 0, 0.1);
}
#header.mini .drop .drop_title:hover {
  border-color: #666;
}
#header.mini .drop .drop_title .iconfont,
#header.mini .drop .drop_title .text {
  color: #666;
}
#header.mini .drop_list {
  padding-top: 60px;
  top: -10px;
}
#header.mini .header_right .head .iconfont,
#header.mini .header_right .head .id,
#header.mini .header_right .notice .iconfont,
#header.mini .header_right .search_btn .iconfont {
  color: #666;
}
#header.mini .header_right .login-btn a {
  color: #333;
}
#header.mini .header_right .login-btn a.sign_up {
  background-color: #333;
  color: #fff;
}
#header.mini .subnav_bg {
  top: 60px;
}
#header.searchshow .header_left #logo {
  -webkit-animation: ac-gn-item-searchshow 0.4s both;
  animation: ac-gn-item-searchshow 0.4s both;
  -webkit-animation-delay: 0.33s;
  animation-delay: 0.33s;
}
#header.searchshow .header_left .drop_title {
  -webkit-animation: ac-gn-item-searchshow 0.4s both;
  animation: ac-gn-item-searchshow 0.4s both;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#header.searchshow #nav .navitem {
  -webkit-animation: ac-gn-item-searchshow 0.4s both;
  animation: ac-gn-item-searchshow 0.4s both;
}
#header.searchshow #nav .navitem:first-child {
  -webkit-animation-delay: 0.27s;
  animation-delay: 0.27s;
}
#header.searchshow #nav .navitem:nth-child(2) {
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
#header.searchshow #nav .navitem:nth-child(3) {
  -webkit-animation-delay: 0.21s;
  animation-delay: 0.21s;
}
#header.searchshow #nav .navitem:nth-child(4) {
  -webkit-animation-delay: 0.19s;
  animation-delay: 0.19s;
}
#header.searchshow .header_right .search_btn {
  -webkit-animation: ac-gn-item-searchshow 0.4s both;
  animation: ac-gn-item-searchshow 0.4s both;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
#header.searchshow .header_right .r_animate1 {
  -webkit-animation: ac-gn-item-searchshow 0.4s both;
  animation: ac-gn-item-searchshow 0.4s both;
  -webkit-animation-delay: 0.13s;
  animation-delay: 0.13s;
}
#header.searchshow .header_right .r_animate2 {
  -webkit-animation: ac-gn-item-searchshow 0.4s both;
  animation: ac-gn-item-searchshow 0.4s both;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
#header.searchhide .header_left #logo {
  -webkit-animation: ac-gn-item-searchhide 0.4s both;
  animation: ac-gn-item-searchhide 0.4s both;
  -webkit-animation-delay: 0.105s;
  animation-delay: 0.105s;
}
#header.searchhide .header_left .drop_title {
  -webkit-animation: ac-gn-item-searchhide 0.4s both;
  animation: ac-gn-item-searchhide 0.4s both;
  -webkit-animation-delay: 0.14s;
  animation-delay: 0.14s;
}
#header.searchhide #nav .navitem {
  -webkit-animation: ac-gn-item-searchhide 0.4s both;
  animation: ac-gn-item-searchhide 0.4s both;
}
#header.searchhide #nav .navitem:first-child {
  -webkit-animation-delay: 0.175s;
  animation-delay: 0.175s;
}
#header.searchhide #nav .navitem:nth-child(2) {
  -webkit-animation-delay: 0.21s;
  animation-delay: 0.21s;
}
#header.searchhide #nav .navitem:nth-child(3) {
  -webkit-animation-delay: 0.255s;
  animation-delay: 0.255s;
}
#header.searchhide #nav .navitem:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#header.searchhide .header_right .search_btn {
  -webkit-animation: ac-gn-item-searchhide 0.4s both;
  animation: ac-gn-item-searchhide 0.4s both;
  -webkit-animation-delay: 0.335s;
  animation-delay: 0.335s;
}
#header.searchhide .header_right .r_animate1 {
  -webkit-animation: ac-gn-item-searchhide 0.4s both;
  animation: ac-gn-item-searchhide 0.4s both;
  -webkit-animation-delay: 0.375s;
  animation-delay: 0.375s;
}
#header.searchhide .header_right .r_animate2 {
  -webkit-animation: ac-gn-item-searchhide 0.4s both;
  animation: ac-gn-item-searchhide 0.4s both;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
#header.searchopen #nav .navitem,
#header.searchopen .header_left #logo,
#header.searchopen .header_left .drop_title,
#header.searchopen .header_right .r_animate1,
#header.searchopen .header_right .r_animate2,
#header.searchopen .header_right .search_btn {
  visibility: hidden;
  opacity: 0;
}
#header.searchopen .searchview {
  transform: translate3d(-50%, 0, 1px);
  opacity: 1;
}
#header.searchopen .searchview .search_mask {
  height: 100vh;
}
#header.searchopen .searchview .search_bar {
  transform: scale(1);
  opacity: 1;
}
#header .content {
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
  min-width: 1200px;
}
#header .drop {
  padding: 0 13px;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
#header .drop .drop_title:hover {
  border-color: #fff;
}
#header .drop.drop-show #logo .iconfont,
#header .drop.drop-show .drop_title .iconfont,
#header .drop.drop-show .drop_title .text {
  color: #333;
}
#header .drop.drop-show .drop_title .iconfont {
  transform: rotate(-180deg);
}
#header .drop.drop-show .drop_title {
  border-color: transparent;
}
#header .drop.drop-show .drop_list {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
#header #logo {
  margin-right: 16px;
  position: relative;
  display: inline-block;
  z-index: 2;
}
#header #logo .iconfont {
  font-size: 36px;
  color: #fff;
  transition: all 0.3s ease-out 0s;
}
#header .drop_title {
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
  display: inline-block;
  vertical-align: top;
  z-index: 2;
  border: 1px solid hsla(0, 0%, 100%, 0.302);
  border-radius: 15px;
  padding: 0 10px 0 12px;
}
#header .drop_title .iconfont,
#header .drop_title span.text {
  font-size: 12px;
  line-height: 26px;
  color: #fff;
  transition: all 0.3s ease-out 0s;
}
#header .drop_title .iconfont {
  padding: 0 3px;
  display: inline-block;
}
#header .drop_list {
  padding: 77px 0 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.35);
  position: absolute;
  top: -23px;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
  z-index: 1;
  transform: scaleY(0);
  transform-origin: center 35px;
}
#header .drop_list .drop_item {
  padding: 20px 0 6px;
  text-indent: 40px;
  position: relative;
}
#header .drop_list .drop_item:first-child {
  border-top: 1px solid #f3f3f3;
}
#header .drop_list .drop_item .item_text {
  font-size: 14px;
  line-height: 32px;
  color: #777;
  display: block;
  transition: all 0.3s ease-out 0s;
}
#header .drop_list .drop_item .item_right {
  font-size: 16px;
  line-height: 1;
  color: #34cd8b;
  position: absolute;
  top: 28px;
  right: 35px;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
#header .drop_list .drop_item:hover .item_logo {
  color: #34cd8b;
}
#header .drop_list .drop_item:hover .item_text {
  color: #333;
}
#header .drop_list .drop_item:hover .item_right {
  right: 24px;
  opacity: 1;
}
#header #nav {
  flex: 0 0 auto;
  text-align: center;
  justify-content: center;
  padding: 20px 0;
  z-index: 1;
}
#header #nav,
#header #nav .navitem {
  transition: all 0.3s ease-out 0s;
  position: relative;
}
#header #nav .navitem {
  font-size: 15px;
  line-height: 60px;
  color: #fff;
  display: inline-block;
  padding: 0 35px;
  visibility: visible;
  opacity: 1;
}
#header #nav .navitem .nav-a {
  transition: all 0.3s ease-out 0s;
}
#header #nav .navitem .nav-a.active {
  color: #34cd8b;
}
#header #nav .navitem .iconfont {
  font-size: 12px;
  position: absolute;
  right: 12px;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
}
#header #nav .navitem:hover > .nav-a {
  color: #34cd8b;
}
#header #nav .navitem:hover .iconfont {
  transform: rotate(-180deg);
}
#header #nav .navitem:hover .subnav {
  top: 100%;
  visibility: visible;
  opacity: 1;
  transition-delay: 0.3s;
}
#header .subnav_bg {
  position: absolute;
  background-color: #fff;
  transition: 0.8s cubic-bezier(0.2, 1, 0.3, 1) 0.125s;
  transition-property: opacity, visibility;
  position: fixed;
  width: 100%;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  top: 90px;
  left: 5%;
  width: 90%;
  border-radius: 14px;
  display: flex;
  opacity: 0;
  visibility: hidden;
}
#header .subnav_bg.show {
  opacity: 1;
  visibility: visible;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition-property: opacity, visibility;
}
#header .subnav_bg .sub-banner {
  width: 28.8%;
  overflow: hidden;
  border-radius: 14px 0 0 14px;
}
#header .subnav_bg .sub-banner .sketch {
  height: 16.875vw;
  position: relative;
}
#header .subnav_bg .sub-banner .sketch .link_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#header .subnav_bg .sub-banner .sketch .link_box[href=""] {
  pointer-events: none;
}
#header .subnav_bg .sub-banner img {
  display: none;
}
#header .subnav_bg .subnav {
  padding: 0 2.8%;
  box-sizing: border-box;
  width: 71.2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .subnav_bg .subnav li {
  width: calc(33.33333% - 20px);
  height: 75%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#header .subnav_bg .subnav li .head {
  padding: 0 42px;
}
#header .subnav_bg .subnav li .head .title {
  font-size: 24px;
  line-height: 36px;
  color: #111;
  font-weight: 700;
}
#header .subnav_bg .subnav li .head .subtitle {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
#header .subnav_bg .subnav li .con {
  border-radius: 15px;
  background-color: #f5f6fb;
  padding: 7% 12% 9%;
  display: flex;
}
#header .subnav_bg .subnav li .con a {
  font-size: 16px;
  line-height: 48px;
  color: #111;
}
#header .subnav_bg .subnav li .con a:hover span:before {
  width: 120%;
}
#header .subnav_bg .subnav li .con .item-con {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#header .subnav_bg .subnav li .con .item-con.sub-code {
  position: relative;
}
#header .subnav_bg .subnav li .con .item-con.sub-code:hover .qrcode {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
}
#header .subnav_bg .subnav li .con .item-con.sub-code .qrcode {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-10%, -50%);
  opacity: 0;
  visibility: hidden;
  padding: 12px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#header .subnav_bg .subnav li .con .item-con span {
  position: relative;
}
#header .subnav_bg .subnav li .con .item-con span:after {
  content: attr(data-text);
  position: relative;
}
#header .subnav_bg .subnav li .con .item-con span:before {
  content: "";
  width: 0;
  height: 18%;
  background-image: linear-gradient(90deg, #34cd8b, hsla(0, 0%, 100%, 0));
  position: absolute;
  bottom: 24%;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#header .subnav_bg .subnav li .con .icon {
  width: 26px;
  height: 26px;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  background-color: #fff;
  font-size: 16px;
  line-height: 25px;
  color: #111;
  font-family: Arial;
  display: inline-block;
  text-align: center;
  font-style: normal;
  font-weight: 700;
}
#header .subnav_bg[data-type="temp-project"] {
  width: 752px;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
#header .subnav_bg[data-type="temp-project"] .subnav-list {
  flex: 1 1 auto;
  margin-right: 38px;
  padding-left: 10px;
}
#header .subnav_bg[data-type="temp-project"] .subnav-image {
  width: 354px;
  border-radius: 7px;
  overflow: hidden;
}
#header .subnav_bg[data-type="temp-project"] .project-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 15px 0;
}
#header .subnav_bg[data-type="temp-project"] .project-item:first-child .ic {
  color: #34cd8b;
}
#header .subnav_bg[data-type="temp-project"] .project-item:nth-child(2) .ic {
  color: #2c48ff;
}
#header .subnav_bg[data-type="temp-project"] .project-item:nth-child(3) .ic {
  color: #ff7e00;
}
#header .subnav_bg[data-type="temp-project"] .project-item:hover:first-child .icon {
  background-color: rgba(52, 205, 139, 0.1);
}
#header .subnav_bg[data-type="temp-project"] .project-item:hover:nth-child(2) .icon {
  background-color: rgba(44, 72, 255, 0.1);
}
#header .subnav_bg[data-type="temp-project"] .project-item:hover:nth-child(3) .icon {
  background-color: rgba(255, 126, 0, 0.1);
}
#header .subnav_bg[data-type="temp-project"] .project-item:hover .detail {
  opacity: 1;
  transform: translateX(0);
}
#header .subnav_bg[data-type="temp-project"] .icon {
  width: 40px;
  height: 40px;
  background: #f8f8f8;
  margin-right: 20px;
  border-radius: 3px;
  transition: 0.36s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
#header .subnav_bg[data-type="temp-project"] .title {
  font-size: 16px;
  margin-bottom: 2px;
}
#header .subnav_bg[data-type="temp-project"] .desc {
  font-size: 12px;
  color: #999;
}
#header .subnav_bg[data-type="temp-project"] .detail {
  font-size: 18px;
  position: absolute;
  right: 0;
  transition: 0.26s ease;
  opacity: 0;
  transform: translateX(-10px);
}
#header .header_right {
  min-width: 220px;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}
#header .header_right .iconfont {
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  transition: all 0.3s ease-out 0s;
}
#header .header_right .search_btn {
  cursor: pointer;
}
#header .header_right .notice {
  width: 60px;
  margin: 0 20px;
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
#header .header_right .notice span {
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #fa5051;
  border-radius: 100%;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  position: absolute;
  top: 4px;
  left: 60%;
}
#header .header_right .head {
  position: relative;
}
#header .header_right .head:hover .manage-cont {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
#header .header_right .head a {
  display: block;
}
#header .header_right .head img {
  width: 30px;
  height: 30px;
  padding: 15px 0;
  border-radius: 100%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
}
#header .header_right .head img.default-ead {
  border-radius: 0;
}
#header .header_right .head .id {
  width: 50px;
  display: inline-block;
  vertical-align: middle;
}
#header .header_right .head .iconfont,
#header .header_right .head .id {
  font-size: 12px;
  line-height: 60px;
  color: #fff;
  transition: all 0.3s ease-out 0s;
}
#header .header_right .login-btn {
  font-size: 0;
  flex: 0 1 auto;
}
#header .header_right .login-btn a {
  font-size: 14px;
  line-height: 32px;
  color: #fff;
  border-radius: 16px;
  width: 74px;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
}
#header .header_right .login-btn a:hover {
  opacity: 0.85;
}
#header .header_right .login-btn a.sign_up {
  color: #333;
  background-color: #fff;
}
#header .header_right .login-btn a:first-child {
  margin-right: 5px;
}
#header .header_right .manage-box {
  flex: 0 1 auto;
}
#header .manage-cont {
  width: 340px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
}
#header .manage-cont .item_manage {
  padding: 0 36px;
}
#header .manage-cont .item_manage:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
#header .manage-cont .user_info {
  padding: 24px 0;
}
#header .manage-cont .user_info .name {
  font-size: 16px;
  line-height: 28px;
  color: #333;
  width: calc(100% - 66px);
  line-height: 1.6;
  margin-bottom: 0.7em;
}
#header .manage-cont .user_info .level {
  font-size: 13px;
  line-height: 22px;
  color: #666;
}
#header .manage-cont .logout {
  font-size: 13px;
  line-height: 28px;
  color: #666;
  position: absolute;
  top: 24px;
  right: 36px;
}
#header .manage-cont .manage_select a {
  font-size: 14px;
  line-height: 72px;
  color: #333;
  display: inline-block;
  margin-right: 56px;
}
#header .manage-cont .manage_product {
  margin: 26px 0 22px;
}
#header .manage-cont .manage_product div {
  float: left;
  width: 33.3333333333%;
  text-align: center;
}
#header .manage-cont .manage_product span {
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #666;
}
#header .manage-cont .manage_product .iconfont {
  font-size: 30px;
  line-height: 46px;
  color: #666;
}
#footer {
  background-color: #f8f8f8;
  position: relative;
}
#footer .module_container {
  width: 86%;
  margin: 0 auto;
  padding: 40px 0 60px;
  position: relative;
  min-width: 1200px;
}
#footer .foot_nav {
  font-size: 0;
  padding: 34px 0;
}
#footer .foot_nav a {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  color: #666;
  position: relative;
}
#footer .foot_nav a:not(:last-child) {
  padding-right: 24px;
  margin-right: 24px;
}
#footer .foot_nav a:not(:last-child):after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: hsla(0, 0%, 100%, 0.1);
  position: absolute;
  top: 0;
  right: 0;
}
#footer .beian,
#footer .copyright {
  font-size: 12px;
  line-height: 24px;
  color: #aaa;
}
#footer .friendsLink {
  padding-top: 42px;
  font-size: 0;
}
#footer .friendsLink a,
#footer .friendsLink span {
  font-size: 12px;
  line-height: 1;
  color: #999;
  margin-right: 24px;
}
#footer .contact {
  width: 24%;
  position: absolute;
  top: 25%;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer .contact .share {
  font-size: 0;
}
#footer .contact .share a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #e9e9e9;
  font-size: 18px;
  line-height: 40px;
  color: #666;
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  margin-right: 20px;
}
#footer .contact .share a.active,
#footer .contact .share a:hover {
  background-color: #34cd8b;
  color: #fff;
}
#footer .contact .share a:hover {
  transform: scale(1.2);
}
#footer .contact .tel .num {
  font-size: 22px;
  line-height: 1;
  color: #333;
  margin-bottom: 13px;
  font-family: Techna-Sans-Regular-2;
  font-weight: 700;
}
#footer .contact .tel .text {
  font-size: 12px;
  line-height: 1;
  color: #999;
}
.searchview {
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  z-index: 2;
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  border-radius: 0 0 10px 10px;
  transform: translate3d(-50%, -100%, 1px);
  opacity: 0;
  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}
.searchview .search_mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.searchview .searchview_wrapper {
  min-width: 1086px;
  width: 57%;
  margin: 0 auto;
  position: relative;
}
.searchview .search_close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.searchview .search_close .search_close_wrapper {
  width: 20px;
  height: 100px;
  transition: all 0.3s ease-out 0s;
}
.searchview .search_close .line {
  position: absolute;
  top: 50%;
}
.searchview .search_close .line .rect {
  width: 24px;
  height: 1px;
  background-color: #666;
  display: block;
}
.searchview .search_close .line .top {
  transform: rotate(45deg);
}
.searchview .search_close .line .bottom {
  transform: rotate(-45deg);
}
.searchview .search_bar {
  position: relative;
  background-color: #fff;
  height: 100px;
  line-height: 100px;
  transition: all 0.3s ease-out 0s;
  border-bottom: 2px solid #595959;
  opacity: 0;
  transform: scale(0.8);
  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1) 0.15s, opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1) 0.15s;
}
.searchview .search_bar .searchform_input {
  width: calc(100% - 80px);
  padding: 0 50px;
  font-size: 18px;
  line-height: inherit;
  color: #333;
}
.searchview .search_bar .searchform_submit {
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}
.searchview .search_bar .searchform_submit .iconfont {
  font-size: 22px;
  line-height: inherit;
  color: #666;
  margin-top: -5px;
  display: inline-block;
}
.searchview .search_keywords {
  background-color: #34cd8b;
  padding: 20px 0 60px;
  background-color: #fff;
  border-radius: 0 0 12px 12px;
}
.searchview .search_keywords .history_word {
  position: relative;
}
.searchview .search_keywords .history_word .clear_keyword {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 14px;
  line-height: 52px;
  color: #b8ac96;
  cursor: pointer;
}
.searchview .search_keywords .result_block:not(:last-child) {
  margin-bottom: 24px;
}
.searchview .search_keywords .result_block:first-child {
  -webkit-animation-delay: 0.52s;
  animation-delay: 0.52s;
}
.searchview .search_keywords .result_block:nth-child(2) {
  -webkit-animation-delay: 0.56s;
  animation-delay: 0.56s;
}
.searchview .search_keywords .result_block h4 {
  font-size: 14px;
  line-height: 52px;
  color: #999;
}
.searchview .search_keywords .result_block .result_words {
  font-size: 0;
}
.searchview .search_keywords .result_block a {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  display: inline-block;
  padding: 0 18px;
  margin-right: 10px;
  margin-bottom: 20px;
  transition: all 0.3s ease-out 0s;
}
.searchview .search_keywords .result_block a.active,
.searchview .search_keywords .result_block a:hover {
  background-color: #f0f0f0;
}
.searchview .search_keywords h3 {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  -webkit-animation: ac-gn-searchresults-items-show 0.4s both;
  animation: ac-gn-searchresults-items-show 0.4s both;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.searchview .search_results {
  padding: 24px 0 44px;
}
.searchview .search_results .drop-list {
  font-size: 14px;
  line-height: 48px;
  color: #999;
}
.searchview .search_results .drop-list li {
  text-indent: 50px;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
}
.searchview .search_results .drop-list li.active,
.searchview .search_results .drop-list li:hover {
  color: #333;
}
#pages .page-item {
  width: 50px;
  height: 50px;
  background-color: #f6f6f6;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #666;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
#pages .page-item .iconfont {
  font-size: 14px;
}
#pages .page-item.active,
#pages .page-item:hover {
  background-color: #333;
  color: #fff;
}
.pagination {
  font-size: 0;
}
.pagination li {
  width: 50px;
  height: 50px;
  background-color: #f6f6f6;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #666;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  cursor: pointer;
}
.pagination li a,
.pagination li span {
  display: inline-block;
  width: 100%;
}
.pagination li .iconfont {
  font-size: 14px;
}
.pagination li:not(:last-child) {
  margin-right: 4px;
}
.pagination li.active,
.pagination li:hover {
  background-color: #333;
  color: #fff;
}
.pagination li.disabled {
  display: none;
}
.pagination li.page-ellipsis {
  display: inline-block;
}
.pagination li:first-child a,
.pagination li:last-child a {
  font-size: 28px;
  vertical-align: top;
  transform: translateY(-3px);
}
.popup_qr {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.popup_qr .fixed-container {
  width: 220px;
  height: auto;
  padding: 20px 20px 0;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.popup_qr .fixed-container p {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #000;
}
.bodyindex .module .module_container .container_header .title {
  font-size: 46px;
  line-height: 80px;
  color: #333;
  font-family: Techna-Sans-Regular-2, 微软雅黑;
}
.bodyindex .module .module_container .container_header .subtitle {
  font-size: 16px;
  line-height: 36px;
  color: #999;
}
#mslider {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  background-color: #5942d2;
}
#mslider .item_block .item_wrapper {
  position: relative;
  z-index: 1;
  pointer-events: none;
  padding: 160px 0 50px;
}
#mslider .item_block .title {
  font-size: 70px;
  line-height: 96px;
  color: #fff;
}
#mslider .item_block .title span {
  color: #5fecc8;
  font-family: Techna-Sans-Regular-2;
}
#mslider .item_block .subtitle {
  font-size: 24px;
  line-height: 50px;
  color: #fff;
}
#mslider .item_block .code_btn {
  position: relative;
}
#mslider .item_block .code_btn:hover .mini-code {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
#mslider .item_block .code_btn .mini-code {
  width: 168px;
  height: 168px;
  background-color: #fff;
  position: absolute;
  border-radius: 16px;
  top: calc(100% + 19px);
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  opacity: 0;
  visibility: hidden;
  transform-origin: center bottom;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#mslider .item_block .code_btn .mini-code:before {
  content: "";
  width: 0;
  height: 0;
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 9px 8px;
  position: absolute;
  top: -8px;
  left: calc(50% - 9px);
}
#mslider .item_block .code_btn .mini-code img {
  transform: scale(0.8);
}
#mslider .item_block .item_btn {
  position: relative;
  z-index: 1;
  display: inline-block;
}
#mslider .item_block .item_btn div {
  font-size: 18px;
  line-height: 54px;
  color: #fff;
  width: 210px;
  border-radius: 46px;
  display: inline-block;
  vertical-align: bottom;
}
#mslider .item_block .item_btn .btn_left {
  margin-right: 20px;
  line-height: 42px;
  border: 2px solid #fff;
}
#mslider .item_block .item_btn .t-btn .t-btn__circle__wrapper,
#mslider .item_block .item_btn .t-btn .t-btn__panel,
#mslider .item_block .item_btn .t-btn .t-btn__panel__after,
#mslider .item_block .item_btn .t-btn .t-btn__panel__before {
  border-radius: 46px;
}
#mslider .item_block .item_btn .t-btn .t-btn__panel,
#mslider .item_block .item_btn .t-btn .t-btn__panel__after {
  background-color: #34cd8b;
}
#mslider .item_block .item_btn .t-btn2:hover .t-btn__circle__wrapper {
  border-color: transparent;
}
#mslider .item_block .item_btn .t-btn2 .t-btn__panel,
#mslider .item_block .item_btn .t-btn2 .t-btn__panel__after {
  background-color: transparent;
}
#mslider .item_block .item_btn .t-btn2 .t-btn__panel__after {
  box-sizing: border-box;
}
#mslider .item_block .item_btn .t-btn2 .t-btn__circle__wrapper {
  border: 2px solid #fff;
  box-sizing: border-box;
}
#mslider .container-content {
  text-align: center;
  height: 620px;
}
#mslider .slide_bg,
#mslider canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#mslider .swiper-button-wrapper {
  width: 45%;
  min-width: 960px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
#mslider .swiper-button:after {
  font-family: iconfont;
  font-size: 32px;
  color: #fff;
}
#mslider .swiper-button-prev:after {
  content: "";
}
#mslider .swiper-button-next:after {
  content: "";
}
#mcounter .module_container {
  padding: 200px 0;
  margin: 0 auto;
  width: 80%;
  max-width: 1800px;
}
#mcounter .content_list li {
  width: 25%;
  float: left;
  text-align: center;
  position: relative;
}
#mcounter .content_list li .number {
  position: relative;
  display: inline-block;
}
#mcounter .content_list li .counterDX {
  font-size: 70px;
  line-height: 72px;
  color: #333;
  display: inline-block;
  -webkit-animation: motion-blur-number-0 0.65s cubic-bezier(0, 0, 0.17, 1) 0s 1 normal backwards;
  animation: motion-blur-number-0 0.65s cubic-bezier(0, 0, 0.17, 1) 0s 1 normal backwards;
  font-family: Techna-Sans-Regular-2;
}
#mcounter .content_list li .title {
  font-size: 16px;
  line-height: 28px;
  color: #999;
}
#mcounter .content_list li .unit {
  font-size: 16px;
  line-height: 1;
  color: #999;
  position: absolute;
  top: 10px;
  right: -12px;
}
#mcounter .content_list li .unit.cross:after,
#mcounter .content_list li .unit.cross:before {
  content: "";
  width: 9px;
  height: 1px;
  background-color: #999;
  position: absolute;
  top: 4px;
  right: 0;
}
#mcounter .content_list li .unit.cross:after {
  width: 1px;
  height: 9px;
  top: 0;
  right: 4px;
}
#template .module_container {
  padding-top: 6.25vw;
}
#template .container_header {
  text-align: center;
}
#template .container_category {
  margin: 56px auto 80px;
  position: relative;
  width: 460px;
}
#template .container_category .header_btn {
  font-size: 0;
  display: flex;
  justify-content: center;
}
#template .container_category .header_btn .choice {
  display: inline-block;
  width: 226px;
  height: 46px;
  margin-right: 56px;
  background-color: #34cd8b;
  border-radius: 46px;
  text-align: center;
  box-shadow: 0 5px 10px 0 rgba(0, 101, 57, 0.34);
}
#template .container_category .header_btn .choice .iconfont {
  font-size: 22px;
  line-height: 46px;
  color: #fff;
  vertical-align: middle;
  display: inline-block;
}
#template .container_category .header_btn .choice span {
  font-size: 16px;
  line-height: 1;
  color: #fff;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 1px;
  display: inline-block;
}
#template .container_category .header_btn .random {
  display: inline-block;
  height: 46px;
  font-size: 16px;
  line-height: 46px;
  color: #999;
}
#template .container_category .header_btn .random .iconfont {
  font-size: 22px;
  line-height: 46px;
  color: #999;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#template .container_category .header_btn .random span {
  vertical-align: middle;
}
#template .container_category .header_btn .random:hover .iconfont {
  transform: rotate(180deg);
}
#template .container_category .category_menu {
  padding: 10px 40px 40px;
  width: 714px;
  box-sizing: border-box;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  transform: translateX(-50%) scale(0.9);
}
#template .container_category .category_menu.show {
  top: 100%;
  transform: translateX(-50%) scale(1);
  opacity: 1;
  visibility: visible;
}
#template .container_category .category_wrapper {
  padding-bottom: 20px;
}
#template .container_category .category_wrapper .title {
  font-size: 30px;
  line-height: 130px;
  color: #333;
}
#template .container_category .category_wrapper .category_content {
  font-size: 0;
  margin-right: -10px;
}
#template .container_category .category_wrapper .category_content a {
  font-size: 12px;
  line-height: 28px;
  color: #666;
  display: inline-block;
  border: 1px solid #f0f0f0;
  width: calc(16.66667% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.3s ease-out 0s;
}
#template .container_category .category_wrapper .category_content a.active,
#template .container_category .category_wrapper .category_content a:hover {
  background-color: #34cd8b;
  border-color: #34cd8b;
  color: #fff;
}
#template .container_category .add_category .title {
  font-size: 18px;
  line-height: 60px;
  color: #000;
}
#template .container_category .add_category input.text {
  border: 1px solid #eee;
  border-radius: 3px;
  width: 100%;
  font-size: 14px;
  line-height: 48px;
  color: #999;
  text-indent: 26px;
  box-sizing: border-box;
}
#template .container_content {
  padding: 0 100px;
  width: 80%;
  margin: 0 auto;
  max-width: 1800px;
}
#template .container_content .content_wrapper {
  padding-bottom: 200px;
}
#template .container_content .content_list {
  padding-bottom: 34px;
}
#template .container_content .more {
  width: 260px;
  height: 46px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  display: block;
  text-align: center;
  border-radius: 50px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 46px;
  color: #999;
  position: relative;
}
#template .container_content .more span {
  transition: all 0.3s ease-out 0s;
}
#template .container_content .more .iconfont {
  font-size: 12px;
  line-height: 46px;
  color: #000;
  margin-left: 10px;
  position: absolute;
  left: 50%;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
#template .container_content .more:hover span {
  margin-left: -10%;
}
#template .container_content .more:hover .iconfont {
  opacity: 1;
  left: 60%;
}
.template .container_content .content_wrapper {
  margin-right: -4%;
}
.template .container_content .item_block {
  float: left;
  margin-bottom: 80px;
  width: 29.3333333333%;
  background: #fff;
  border-radius: 8px;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  margin-right: 4%;
}
.template .container_content .item_block .item_img {
  padding-top: 59%;
}
.template .container_content .item_block .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.template .container_content .item_block:hover .item_img {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.34);
}
.template .container_content .item_block:hover .pro-mask {
  bottom: 20px;
  opacity: 1;
}
.template .container_content .item_block .item_img {
  margin-bottom: 24px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease-out 0s;
}
.template .container_content .item_block .title {
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.template .container_content .item_block .subtitle {
  font-size: 13px;
  line-height: 26px;
  color: #999;
}
.template .container_content .item_block .subtitle .id {
  margin-left: 10px;
}
.template .container_content .item_block .item_wrapper {
  position: relative;
  padding-left: 30px;
  padding-bottom: 26px;
}
.template .container_content .item_block .item_tag {
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}
.template .container_content .item_block .item_tag a {
  font-size: 12px;
  line-height: 1;
  color: #bbb;
}
.template .container_content .item_block .item_tag a:not(:last-child) {
  margin-right: 20px;
}
.template .container_content .item_block .pro-mask {
  width: 86%;
  height: 40px;
  box-sizing: border-box;
  border-radius: 40px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  text-align: center;
  font-size: 0;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  opacity: 0;
}
.template .container_content .item_block .pro-mask a {
  width: 50%;
  height: 40px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 40px;
  color: #fff;
  border-radius: 50px 0 0 50px;
  background-size: 300% 100%;
  transition: all 0.4s ease-in-out;
}
.template .container_content .item_block .pro-mask a:hover {
  transition: all 0.4s ease-in-out;
  background-position: 100% 0;
}
.template .container_content .item_block .pro-mask a:last-child {
  border-radius: 0 50px 50px 0;
}
.template .container_content .item_block .pro-mask .preview {
  background-image: linear-gradient(90deg, #6253e1, #852d91, #f24645);
  box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}
.template .container_content .item_block .pro-mask .pro-details {
  background-image: linear-gradient(90deg, #25aae1, #40e495, #30dd8a, #2bb673);
  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}
.template .container_content .item_block .item_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.template .container_content .item_block .item_box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#case .module_container {
  background-color: #f8f8f8;
}
#case .container_header {
  padding: 6.7708333333vw 0 5.3125vw;
  text-align: center;
  position: relative;
}
#case .container_header .title {
  font-size: 48px;
  line-height: 76px;
  color: #000;
}
#case .container_header .subtitle {
  font-size: 16px;
  line-height: 42px;
  color: #999;
}
#case .container_category {
  max-width: 70.67vw;
  margin: 0 auto;
  padding: 0 62px;
  box-sizing: border-box;
  position: relative;
}
#case .container_category a {
  position: relative;
  text-decoration: none;
  overflow: hidden;
  line-height: 250%;
  text-align: center;
  width: auto;
  padding: 0 36px;
  min-width: 64px;
  border-radius: 60px;
  transition: background 0.3s ease-out 0s, color 0.3s ease-out 0s, font 0.3s ease-out 0s;
  font-size: 16px;
  line-height: 50px;
  color: #333;
}
#case .container_category a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: "";
  border-radius: 50%;
  display: block;
  width: 10em;
  height: 10em;
  background-color: #333;
  left: 50%;
  transform: translateX(-50%) scale(0.2);
  opacity: 0;
  text-align: center;
  transition: all 0.4s ease-out;
  z-index: -1;
}
#case .container_category a:hover:before {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
#case .container_category a:hover {
  color: #fff;
}
#case .container_category a:hover.end-mask,
#case .container_category a:hover.start-mask {
  -webkit-text-fill-color: initial;
}
#case .container_category a.swiper-slide-active {
  background-color: #333;
  font-size: 15px;
  color: #fff;
}
#case .container_category a.start-mask {
  background: linear-gradient(270deg, #000, #f8f8f8);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-animation: masked-animation-left 0.186s ease-out;
  animation: masked-animation-left 0.186s ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#case .container_category a.end-mask {
  background: linear-gradient(90deg, #000, #f8f8f8);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-animation: masked-animation-right 0.186s ease-out;
  animation: masked-animation-right 0.186s ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#case .container_category .swiper-button {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 2px solid #999;
  top: 0;
  margin: 0;
}
#case .container_category .swiper-button-prev {
  left: 0;
}
#case .container_category .swiper-button-prev:after {
  content: "";
  font-family: iconfont;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  font-size: 14px;
  line-height: 1;
  color: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#case .container_category .swiper-button-next {
  right: 0;
}
#case .container_category .swiper-button-next:after {
  content: "";
  font-family: iconfont;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  font-size: 14px;
  line-height: 1;
  color: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#case .container_category .swiper-button:after {
  font-size: 18px;
  line-height: 50px;
  color: #999;
}
#case .container_content {
  position: relative;
}
#case .content_images .swiper-container {
  cursor: -webkit-grab;
  cursor: grab;
}
#case .content_images .content_wrapper {
  padding: 10vw 0 12.8vw;
}
#case .content_images .content_wrapper .item_block {
  position: relative;
  width: 38%;
}
#case .content_images .content_wrapper .item_block .item_img {
  position: relative;
  padding-top: 59%;
}
#case .content_images .content_wrapper .item_block .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#case .content_images .content_wrapper .item_block:hover .pro-mask {
  bottom: 35px;
  opacity: 1;
}
#case .content_images .content_wrapper .item_block:hover .qrcode_btn {
  bottom: 30px;
  opacity: 1;
}
#case .content_images .content_wrapper .item_block .item_img {
  border-radius: 15px;
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
#case .content_images .content_wrapper .item_block .pro-mask {
  position: absolute;
  left: 4%;
  bottom: 0;
  width: 80%;
  padding: 4px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 40px;
  text-align: center;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#case .content_images .content_wrapper .item_block .pro-mask a {
  width: calc(100% - 3px);
  text-align: center;
  font-size: 14px;
  line-height: 34px;
  color: #fff;
  border-radius: 40px;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
}
#case .content_images .content_wrapper .item_block .pro-mask a.preview {
  background-color: rgba(89, 66, 210, 0.8);
}
#case .content_images .content_wrapper .item_block .pro-mask a.preview:hover {
  background-color: #5942d2;
}
#case .content_images .content_wrapper .item_block .pro-mask a.pro-details {
  background-color: rgba(52, 205, 139, 0.8);
}
#case .content_images .content_wrapper .item_block .pro-mask a.pro-details:hover {
  background-color: #34cd8b;
}
#case .content_images .content_wrapper .item_block .qrcode_btn {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
  position: absolute;
  right: 4%;
  bottom: 0;
  cursor: pointer;
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#case .content_images .content_wrapper .item_block .qrcode_btn:hover .qrcode_wrapper {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#case .content_images .content_wrapper .item_block .qrcode_btn .iconfont {
  font-size: 18px;
  line-height: 50px;
  color: #000;
}
#case .content_images .content_wrapper .item_block .qrcode_btn .qrcode_wrapper {
  position: absolute;
  right: -88px;
  bottom: 72px;
  padding: 26px 22px 4px;
  width: 176px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform-origin: center bottom;
  transform: translateY(-20px);
  transition: all 0.3s cubic-bezier(0.16, 0.57, 0, 0.76);
}
#case .content_images .content_wrapper .item_block .qrcode_btn .qrcode_wrapper .text {
  font-size: 14px;
  line-height: 54px;
  color: #666;
}
#case .content_images .content_wrapper .button-wrapper {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
}
#case .content_images .content_wrapper .button-wrapper.prev {
  left: 0;
}
#case .content_images .content_wrapper .button-wrapper.next {
  right: 0;
}
#case .content_images .content_wrapper .button-wrapper:hover [class*="swiper-button"] {
  opacity: 1;
  visibility: visible;
}
#case .content_images .content_wrapper [class*="swiper-button"] {
  color: #666;
  top: 47%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
}
#case .content_images .content_wrapper [class*="swiper-button"]:after {
  font-size: 40px;
}
#case .content_images .content_wrapper .swiper-button-prev {
  left: 47%;
}
#case .content_images .content_wrapper .swiper-button-next {
  right: 47%;
}
#case .content_images .content_wrapper .swiper-pagination {
  color: #999;
  position: absolute;
  bottom: 150px;
  font-size: 0;
}
#case .content_images .content_wrapper .swiper-pagination:after {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 1px) rotate(-62deg);
}
#case .content_images .content_wrapper .swiper-pagination span {
  font-size: 18px;
  display: inline-block;
  padding: 0 16px;
}
#case .content_images .content_wrapper .swiper-pagination .swiper-pagination-current {
  color: #333;
  transform: translateY(-17px);
}
#case .content_images .content_wrapper .swiper-pagination .swiper-pagination-total {
  transform: translateY(17px);
}
#case .content_info {
  width: 45.5%;
  position: absolute;
  top: 6.8vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 1;
  visibility: visible;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#case .content_info.visible {
  opacity: 0;
  visibility: hidden;
}
#case .content_info .item_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 23vw;
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#case .content_info .item_block.swiper-slide-duplicate {
  opacity: 0;
}
#case .content_info .item_block.swiper-slide-active .subtitle .text,
#case .content_info .item_block.swiper-slide-active .title .text {
  transform: translateY(0);
}
#case .content_info .item_block.swiper-slide-active .title .text {
  transition-delay: 0.3s;
}
#case .content_info .item_block.swiper-slide-active .subtitle .text {
  transition-delay: 0.4s;
}
#case .content_info .item_block .item_info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
#case .content_info .item_block .text {
  display: inline-block;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transform: translateY(100%);
}
#case .content_info .item_block .title {
  width: 100%;
  overflow: hidden;
}
#case .content_info .item_block .title .text {
  font-size: 40px;
  line-height: 62px;
  color: #333;
}
#case .content_info .item_block .subtitle {
  overflow: hidden;
}
#case .content_info .item_block .subtitle .text {
  font-size: 14px;
  line-height: 28px;
  color: #999;
}
#case .content_info .item_block .item_index {
  position: absolute;
  top: 0;
  right: 0;
}
#case .content_info .item_block .current_num {
  font-size: 6vw;
  line-height: 1;
  color: #444;
}
#case .content_info .item_block .item_des {
  font-size: 16px;
  line-height: 34px;
  color: #999;
  width: 60%;
  display: none;
}
#client .module_container {
  padding: 5.46875vw 0;
}
#client .container_header {
  padding: 0 10.4vw;
  position: relative;
}
#client .container_header .subtitle {
  width: auto;
}
#client .container_header .more {
  position: absolute;
  top: 12px;
  right: 10.4vw;
  font-size: 20px;
  line-height: 36px;
  color: #333;
}
#client .swiper-container {
  padding: 100px 0;
  cursor: -webkit-grab;
  cursor: grab;
}
#client .swiper-container .swiper-pagination {
  z-index: 10;
}
#client .swiper-container .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  background-color: #a6a6a6;
  transition: all 0.3s ease-out 0s;
}
#client .swiper-container .swiper-pagination-bullet-active {
  background-color: transparent;
  border-color: #000;
}
#client .item_block {
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 42px 58px 127px;
  box-sizing: border-box;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#client .item_block .item_img {
  position: relative;
  padding-top: 9.375vw;
}
#client .item_block .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#client .item_block:hover {
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.2);
}
#client .item_block .item_img {
  width: 9.375vw;
  border-radius: 100%;
  overflow: hidden;
  float: left;
  margin-right: 3.125vw;
}
#client .item_block .item_wrapper {
  width: 60%;
  float: left;
  padding-top: 10px;
}
#client .item_block .title {
  font-size: 24px;
  line-height: 36px;
  color: #333;
}
#client .item_block .subtitle {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
#client .item_block .des {
  margin-top: 32px;
  font-size: 14px;
  line-height: 32px;
  color: #666;
  height: 128px;
  overflow: hidden;
}
#client .item_block .autograph {
  position: absolute;
  right: 60px;
  bottom: 40px;
  height: 90px;
}
#client .item_block .autograph img {
  width: auto;
  height: 100%;
}
#news {
  background-color: #f8f8f8;
}
#news .module_container {
  width: 80%;
  min-width: 1200px;
  margin: 0 auto;
  padding: 160px 0 156px;
  position: relative;
}
#news .container_header {
  margin-bottom: 80px;
}
#news .container_category {
  position: absolute;
  top: 160px;
  right: 0;
  padding: 10px 0;
}
#news .container_category .category-wrapper {
  display: inline-block;
}
#news .container_category .more,
#news .container_category .swiper-pagination-bullet {
  width: auto;
  height: auto;
  opacity: 1;
  outline: none;
  font-size: 16px;
  line-height: 40px;
  color: #666;
  background-color: #fff;
  border-radius: 40px;
  display: inline-block;
  padding: 0 24px;
  transition: all 0.3s ease-out 0s;
}
#news .container_category .more:not(:first-child),
#news .container_category .swiper-pagination-bullet:not(:first-child) {
  margin-left: 20px;
}
#news .container_category .more.active,
#news .container_category .more.swiper-pagination-bullet-active,
#news .container_category .more:hover,
#news .container_category .swiper-pagination-bullet.active,
#news .container_category .swiper-pagination-bullet.swiper-pagination-bullet-active,
#news .container_category .swiper-pagination-bullet:hover {
  background-color: #34cd8b;
  color: #fff;
}
#news .content_list {
  margin-right: -94px;
}
#news .item_block {
  width: calc(33.33333% - 94px);
  margin-right: 94px;
  margin-bottom: 60px;
  float: left;
}
#news .item_block .title {
  font-size: 22px;
  line-height: 88px;
  color: #333;
}
#news .item_block .des {
  font-size: 15px;
  line-height: 28px;
  color: #999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 56px;
}
#mcustomize {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  -webkit-animation: gradient 15s ease infinite;
  animation: gradient 15s ease infinite;
}
#mcustomize .module_container {
  text-align: center;
  width: 47%;
  margin: 0 auto;
  padding: 150px 0 206px;
}
#mcustomize .header .title {
  font-size: 48px;
  line-height: 128px;
  color: #fff;
}
#mcustomize .description {
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 66px;
}
#mcustomize .t-btn {
  width: 196px;
  height: 54px;
  font-size: 16px;
  line-height: 54px;
  color: #fff;
  display: block;
  margin: 0 auto;
  border-radius: 60px;
}
#mcustomize .t-btn .t-btn__circle__wrapper,
#mcustomize .t-btn .t-btn__panel,
#mcustomize .t-btn .t-btn__panel__after,
#mcustomize .t-btn .t-btn__panel__before {
  border-radius: 60px;
}
#mcustomize .t-btn .t-btn__panel,
#mcustomize .t-btn .t-btn__panel__after {
  background-color: #5fecc8;
}
#mcustomize .free_btn {
  width: 196px;
  height: 54px;
  border: 2px solid #fff;
  font-size: 16px;
  line-height: 54px;
  color: #fff;
  display: block;
  margin: 0 auto;
  border-radius: 60px;
  transition: all 0.3s ease-out 0s;
}
#mcustomize .free_btn:hover {
  background-color: #fff;
  color: #666;
}
.bodylist #header #nav .navitem,
.bodylistpost #header #nav .navitem {
  color: #666;
}
.bodylist #header .drop_title,
.bodylistpost #header .drop_title {
  border-color: rgba(0, 0, 0, 0.1);
}
.bodylist #header .drop_title .iconfont,
.bodylist #header .drop_title .text,
.bodylistpost #header .drop_title .iconfont,
.bodylistpost #header .drop_title .text {
  color: #666;
}
.bodylist #header #logo .iconfont,
.bodylistpost #header #logo .iconfont {
  color: #333;
}
.bodylist #header #drop_menu .iconfont,
.bodylist #header #drop_menu .title,
.bodylistpost #header #drop_menu .iconfont,
.bodylistpost #header #drop_menu .title {
  color: #666;
}
.bodylist #header #drop_menu .title,
.bodylistpost #header #drop_menu .title {
  border-color: rgba(0, 0, 0, 0.1);
}
.bodylist #header .header_right .head .iconfont,
.bodylist #header .header_right .head .id,
.bodylist #header .header_right .notice .iconfont,
.bodylist #header .header_right .search_btn .iconfont,
.bodylistpost #header .header_right .head .iconfont,
.bodylistpost #header .header_right .head .id,
.bodylistpost #header .header_right .notice .iconfont,
.bodylistpost #header .header_right .search_btn .iconfont {
  color: #666;
}
.bodylist #header .header_right .login-btn a,
.bodylistpost #header .header_right .login-btn a {
  color: #333;
}
.bodylist #header .header_right .login-btn a.sign_up,
.bodylistpost #header .header_right .login-btn a.sign_up {
  background-color: #333;
  color: #fff;
}
.bodylist .sitecontent,
.bodylistpost .sitecontent {
  padding-top: 100px;
}
.bodytemplate .sitecontent,
.bodyunit .sitecontent {
  padding-top: 135px;
}
.bodytemplate .npagePage,
.bodyunit .npagePage {
  width: 88.75vw;
  margin: 0 auto;
}
.bodytemplate .pageTarget,
.bodyunit .pageTarget {
  width: 12.9166666667vw;
  float: left;
}
.bodytemplate .category_btn,
.bodyunit .category_btn {
  border-radius: 19px;
  background-color: #f8f8f8;
  margin-bottom: 35px;
  font-size: 0;
  position: relative;
  display: flex;
}
.bodytemplate .category_btn span.move,
.bodyunit .category_btn span.move {
  height: 100%;
  border-radius: 19px;
  background-color: #34cd8b;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodytemplate .category_btn .item_btn,
.bodyunit .category_btn .item_btn {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 38px;
  color: #333;
  text-align: center;
  border-radius: 19px;
  position: relative;
  z-index: 1;
  padding: 0;
}
.bodytemplate .category_btn .item_btn.active,
.bodyunit .category_btn .item_btn.active {
  color: #fff;
}
@media screen and (min-width: 1921px) {
  .bodytemplate .container_category,
  .bodyunit .container_category {
    padding-top: 20px;
  }
}
.bodytemplate .container_category a,
.bodyunit .container_category a {
  font-size: 14px;
  line-height: 40px;
  color: #666;
  height: 40px;
  display: block;
  padding-left: 40px;
  position: relative;
  box-sizing: border-box;
}
.bodytemplate .container_category a .num,
.bodyunit .container_category a .num {
  color: #999;
  margin-left: 5px;
}
.bodytemplate .container_category a.active:before,
.bodytemplate .container_category a:hover:before,
.bodyunit .container_category a.active:before,
.bodyunit .container_category a:hover:before {
  opacity: 1;
}
.bodytemplate .container_category a.active .text,
.bodytemplate .container_category a:hover .text,
.bodyunit .container_category a.active .text,
.bodyunit .container_category a:hover .text {
  color: #333;
}
.bodytemplate .container_category .category_wrapper,
.bodyunit .container_category .category_wrapper {
  position: relative;
}
.bodytemplate .container_category .movedot,
.bodyunit .container_category .movedot {
  width: 7px;
  height: 7px;
  border: 2px solid #34cd8b;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 11px;
  transform: translateY(14px);
}
.bodytemplate .container_category .swiper-slide.item-slide,
.bodyunit .container_category .swiper-slide.item-slide {
  height: 520px;
}
@media screen and (max-width: 1680px) and (min-width: 1441px) {
  .bodytemplate .container_category .swiper-slide.item-slide,
  .bodyunit .container_category .swiper-slide.item-slide {
    height: 520px;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1280px) {
  .bodytemplate .container_category .swiper-slide.item-slide,
  .bodyunit .container_category .swiper-slide.item-slide {
    height: 520px;
  }
}
.bodytemplate .container_category .swiper-slide.item-slide:hover .swiper-scrollbar,
.bodyunit .container_category .swiper-slide.item-slide:hover .swiper-scrollbar {
  opacity: 1;
}
.bodytemplate .container_category .swiper-slide.item-slide .swiper-container,
.bodyunit .container_category .swiper-slide.item-slide .swiper-container {
  height: 100%;
}
.bodytemplate .container_category .swiper-slide.item-slide .swiper-scrollbar,
.bodyunit .container_category .swiper-slide.item-slide .swiper-scrollbar {
  z-index: 100;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  opacity: 0;
}
.bodytemplate .page_content,
.bodyunit .page_content {
  width: 68.4895833333vw;
  padding: 0 60px 0 80px;
  margin-left: auto;
}
.bodytemplate .page_content .module_container,
.bodyunit .page_content .module_container {
  max-width: 1900px;
  padding-bottom: 100px;
}
.bodytemplate .page_content .container_header,
.bodyunit .page_content .container_header {
  text-align: center;
  margin: 60px 0;
  display: none;
}
.bodytemplate .page_content .container_header .title,
.bodyunit .page_content .container_header .title {
  font-size: 46px;
  line-height: 80px;
  color: #333;
  font-family: Techna-Sans-Regular-2, 微软雅黑;
}
.bodytemplate .page_content .container_header .subtitle,
.bodyunit .page_content .container_header .subtitle {
  font-size: 16px;
  line-height: 36px;
  color: #999;
}
.bodytemplate .page_content .content_wrapper,
.bodyunit .page_content .content_wrapper {
  margin-right: -4.8%;
}
.bodytemplate .page_content .item_block,
.bodyunit .page_content .item_block {
  width: 28.5333333333%;
  margin-right: 4.8%;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.bodytemplate .page_content .item_box,
.bodyunit .page_content .item_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.bodytemplate .page_content .item_box video,
.bodyunit .page_content .item_box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-setting {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.15);
}
.user-setting .user-setting_wrapper {
  width: 620px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(57, 47, 63, 0.06);
  padding: 20px 60px 0;
  overflow: hidden;
}
.user-setting .user-setting_wrapper .title {
  font-size: 36px;
  line-height: 72px;
  color: #333;
  text-align: center;
  margin-bottom: 20px;
}
.user-setting-personal_message-row {
  margin-bottom: 40px;
}
.user-setting .custom_el_input-require_icon {
  font-size: 14px;
  line-height: 50px;
  position: absolute;
  left: -27px;
  color: #fa5051;
  font-style: normal;
  font-family: Arial;
}
.user-setting .custom_el_input-placeholder {
  font-size: 15px;
  line-height: 45px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transition: 0.1s linear;
  transform-origin: left bottom;
  pointer-events: none;
  color: #bbb;
  will-change: transform;
}
.user-setting .el-form-item__content {
  position: relative;
  font-size: inherit;
  line-height: inherit;
}
.user-setting .custom_el_input {
  font-family: Techna-Sans-Regular-2;
}
.user-setting .custom_el_input[data-state="2"] .el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 28px;
  border: 1px solid #eee;
}
.user-setting .custom_el_input[data-state="2"] .custom_el_input-placeholder {
  line-height: 1;
  top: 17px;
  left: 19px;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 9px;
  background-color: #fff;
}
.user-setting .custom_el_input[data-state="2"].not_empty .el-input,
.user-setting .custom_el_input[data-state="2"].state_focus .el-input {
  border-color: #34cd8b;
}
.user-setting .custom_el_input[data-state="2"].not_empty .custom_el_input-placeholder,
.user-setting .custom_el_input[data-state="2"].state_focus .custom_el_input-placeholder {
  font-size: 12px;
  transform: translateY(-22px);
  color: #999;
}
.user-setting .custom_el_input[data-state="2"].state_error .el-input {
  border-color: #fb7071;
}
.user-setting .custom_el_input .el-input .el-input__inner {
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  outline: 0;
  display: inline-block;
  box-sizing: border-box;
  background-image: none;
  -webkit-appearance: none;
  font-size: 13px;
  line-height: 45px;
  height: auto;
  padding: 0;
  color: #666;
  border: none;
  background-color: #fff;
}
.user-setting .submit_btn {
  font-size: 16px;
  line-height: 48px;
  width: 360px;
  margin: 0 auto;
  transition: 0.26s ease;
  text-align: center;
  color: #fff;
  border-radius: 24px;
  background-color: #34cd8b;
}
.user-setting .submit_btn.state-disable {
  cursor: not-allowed;
  background-color: #adadad;
}
.bodytemplatepost #header {
  border-bottom: 1px solid #f0f0f0;
}
.bodytemplatepost .postWrapper {
  padding-top: 70px;
}
.bodytemplatepost .container_header {
  margin: 80px 0;
}
.bodytemplatepost .container_header .title {
  font-size: 26px;
  line-height: 1;
  color: #333;
}
.bodytemplatepost .container_header .subtitle {
  font-size: 15px;
  line-height: 1;
  color: #999;
}
.bodytemplatepost .post_introduction .module_container {
  width: 80%;
  max-width: 1800px;
  min-width: 1170px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.bodytemplatepost .post_introduction .intr_image {
  width: 62%;
  position: relative;
  float: left;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.bodytemplatepost .post_introduction .intr_image .img_box {
  position: relative;
  padding-top: 58%;
  overflow: hidden;
}
.bodytemplatepost .post_introduction .intr_image .img_box img {
  position: absolute;
  top: 0;
  left: 0;
}
.bodytemplatepost .post_introduction .intr_image .img_box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bodytemplatepost .post_introduction .intr_image:hover .image .img_mask {
  opacity: 1;
}
.bodytemplatepost .post_introduction .intr_image:hover .qrcode_btn {
  opacity: 1;
  bottom: 36px;
}
.bodytemplatepost .post_introduction .image {
  border: 5px solid #333;
  background-color: #999;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 45px 80px -24px #8591a0;
}
.bodytemplatepost .post_introduction .image .img_mask {
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}
.bodytemplatepost .post_introduction .qrcode_btn {
  position: absolute;
  right: 36px;
  bottom: 0;
  width: 46px;
  height: 46px;
  background-color: #34cd8b;
  border-radius: 100%;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  cursor: pointer;
}
.bodytemplatepost .post_introduction .qrcode_btn:hover .qrcode_wrapper {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.bodytemplatepost .post_introduction .qrcode_btn .iconfont {
  font-size: 18px;
  line-height: 46px;
  color: #fff;
}
.bodytemplatepost .post_introduction .qrcode_btn .qrcode_wrapper {
  position: absolute;
  right: -88px;
  bottom: 72px;
  padding: 26px 22px 4px;
  width: 176px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform-origin: center bottom;
  transform: translateY(-20px);
  transition: all 0.3s cubic-bezier(0.16, 0.57, 0, 0.76);
}
.bodytemplatepost .post_introduction .qrcode_btn .qrcode_wrapper .text {
  font-size: 14px;
  line-height: 54px;
  color: #666;
}
.bodytemplatepost .post_introduction .intr_info {
  float: right;
  width: 32%;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.bodytemplatepost .post_introduction .intr_info .info_head .title {
  font-size: 24px;
  line-height: 44px;
  color: #333;
}
.bodytemplatepost .post_introduction .intr_info .info_head .subtitle {
  font-size: 14px;
  line-height: 34px;
  color: #999;
}
.bodytemplatepost .post_introduction .intr_info .temp_number {
  font-size: 14px;
  line-height: 76px;
  color: #999;
}
.bodytemplatepost .post_introduction .intr_info .btn_wrapper {
  padding: 15px 0 46px;
  margin-bottom: 28px;
  border-bottom: 1px solid #f4f4f4;
}
.bodytemplatepost .post_introduction .intr_info .confirm_btn {
  display: block;
  background-color: rgba(250, 80, 81, 0.9);
  font-size: 20px;
  line-height: 70px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  transition: all 0.3s ease-out 0s;
}
.bodytemplatepost .post_introduction .intr_info .confirm_btn:hover {
  background-color: #ff6667;
}
.bodytemplatepost .post_introduction .intr_info .abstract {
  position: relative;
}
.bodytemplatepost .post_introduction .intr_info .abstract .title {
  font-size: 16px;
  line-height: 60px;
  color: #333;
}
.bodytemplatepost .post_introduction .intr_info .abstract .des_wrap {
  font-size: 14px;
  line-height: 26px;
  color: #999;
  height: 54px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  position: absolute;
  z-index: 10;
  border-radius: 6px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.bodytemplatepost .post_introduction .intr_info .abstract .des_wrap .description {
  height: 364px;
  padding: 0;
}
.bodytemplatepost .post_introduction .intr_info .abstract .des_wrap .mCustomScrollBox {
  padding-right: 28px;
  width: 100%;
}
.bodytemplatepost .post_introduction .intr_info .abstract .des_wrap .mCSB_scrollTools {
  right: 5px;
}
.bodytemplatepost .post_introduction .intr_info .abstract .des_wrap.show {
  padding: 20px 28px;
  height: 436px;
  background-color: #fff;
  box-shadow: 0 80px 30px 0 rgba(0, 0, 0, 0.1);
}
.bodytemplatepost .post_introduction .intr_info .more_btn {
  font-size: 12px;
  line-height: 32px;
  color: #999;
  border-radius: 32px;
  border: 1px solid #eee;
  text-align: center;
  margin-top: 80px;
  cursor: pointer;
}
.bodytemplatepost .post_introduction .intr_info .more_btn .iconfont {
  font-size: 12px;
  line-height: 32px;
  color: #d8d8d8;
  margin-left: 10px;
}
.bodytemplatepost .post_introduction .intr_info .up_btn {
  margin-top: 38px;
  font-size: 12px;
  line-height: 32px;
  color: #999;
  border-radius: 32px;
  border: 1px solid #eee;
  text-align: center;
  cursor: pointer;
}
.bodytemplatepost .post_introduction .intr_info .up_btn .iconfont {
  font-size: 12px;
  line-height: 32px;
  color: #d8d8d8;
  margin-left: 10px;
}
.bodytemplatepost .customer .module_container {
  padding-bottom: 110px;
}
.bodytemplatepost .customer .container_header {
  margin-left: 10%;
  max-width: 1800px;
  min-width: 1170px;
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
  .bodytemplatepost .customer .container_header {
    margin-left: calc(50% - 900px);
  }
}
.bodytemplatepost .customer .container_header .title {
  display: inline-block;
  margin-right: 30px;
}
.bodytemplatepost .customer .container_header .subtitle {
  display: inline-block;
  vertical-align: bottom;
}
.bodytemplatepost .customer .swiper-container {
  cursor: -webkit-grab;
  cursor: grab;
}
.bodytemplatepost .customer .content_wrapper {
  padding-left: 10%;
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
  .bodytemplatepost .customer .content_wrapper {
    padding-left: calc(50% - 900px);
  }
}
.bodytemplatepost .customer .content_list {
  padding-bottom: 100px;
}
.bodytemplatepost .customer .swiper-scrollbar {
  left: 10%;
  width: 77vw;
  bottom: 0;
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
  .bodytemplatepost .customer .swiper-scrollbar {
    left: calc(50% - 900px);
  }
}
.bodytemplatepost .customer .item_block {
  border-radius: 10px;
  background-color: #f8f8f8;
  width: 460px;
}
.bodytemplatepost .customer .item_block .item_img {
  position: relative;
  overflow: hidden;
  padding-top: 61%;
}
.bodytemplatepost .customer .item_block .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.bodytemplatepost .customer .item_block .item_head {
  height: 20px;
  padding-left: 20px;
}
.bodytemplatepost .customer .item_block .item_head .dot {
  width: 6px;
  height: 6px;
  margin: 7px 5px 7px 0;
  display: inline-block;
  border-radius: 100%;
  background-color: #dfdfdf;
  vertical-align: middle;
}
.bodytemplatepost .customer .item_block .item_wrapper {
  padding: 0 30px 38px;
  margin-top: 16px;
}
.bodytemplatepost .customer .item_block .item_title {
  font-size: 18px;
  line-height: 58px;
  color: #333;
}
.bodytemplatepost .customer .item_block .item_tag {
  font-size: 12px;
  line-height: 22px;
  color: #999;
}
.bodytemplatepost .customer .item_block .item_tag .tag {
  color: #fff;
  border-radius: 22px;
  padding: 0 10px;
  display: inline-block;
  background-color: #b6b6b6;
  text-align: center;
  margin-left: 14px;
}
.bodytemplatepost .relevant .module_container {
  width: 80%;
  max-width: 1800px;
  min-width: 1170px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 224px;
}
.bodytemplatepost .relevant .container_tags {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  justify-content: space-between;
}
.bodytemplatepost .relevant .container_tags .swiper-pagination-lock {
  display: block;
}
.bodytemplatepost .relevant .container_tags .swiper-pagination-bullet,
.bodytemplatepost .relevant .container_tags a {
  width: auto;
  height: auto;
  opacity: 1;
  outline: none;
  background-color: transparent;
  font-size: 14px;
  line-height: 40px;
  color: #999;
  display: inline-block;
  border-radius: 40px;
  padding: 0 32px;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}
.bodytemplatepost .relevant .container_tags .swiper-pagination-bullet .iconfont,
.bodytemplatepost .relevant .container_tags a .iconfont {
  transition: all 0.3s ease-out 0s;
  font-size: 14px;
  line-height: 40px;
  color: #999;
}
.bodytemplatepost .relevant .container_tags .swiper-pagination-bullet.active,
.bodytemplatepost .relevant .container_tags .swiper-pagination-bullet.swiper-pagination-bullet-active,
.bodytemplatepost .relevant .container_tags .swiper-pagination-bullet:hover,
.bodytemplatepost .relevant .container_tags a.active,
.bodytemplatepost .relevant .container_tags a.swiper-pagination-bullet-active,
.bodytemplatepost .relevant .container_tags a:hover {
  background-color: #34cd8b;
  color: #fff;
}
.bodytemplatepost .relevant .container_tags .swiper-pagination-bullet.active .iconfont,
.bodytemplatepost .relevant .container_tags .swiper-pagination-bullet.swiper-pagination-bullet-active .iconfont,
.bodytemplatepost .relevant .container_tags .swiper-pagination-bullet:hover .iconfont,
.bodytemplatepost .relevant .container_tags a.active .iconfont,
.bodytemplatepost .relevant .container_tags a.swiper-pagination-bullet-active .iconfont,
.bodytemplatepost .relevant .container_tags a:hover .iconfont {
  color: #fff;
}
.bodytemplatepost .relevant .container_tags .more_btn {
  float: right;
  position: relative;
  font-size: 0;
}
.bodytemplatepost .relevant .container_tags .more_btn .iconfont,
.bodytemplatepost .relevant .container_tags .more_btn span {
  transition: all 0.3s ease-out 0s;
  font-size: 14px;
  line-height: 40px;
  color: #999;
}
.bodytemplatepost .relevant .container_tags .more_btn .title {
  width: auto;
  height: auto;
  border-radius: 20px 20px 0 0;
  padding: 0 32px;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
}
.bodytemplatepost .relevant .container_tags .more_btn.active .title {
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(57, 47, 63, 0.06);
}
.bodytemplatepost .relevant .container_tags .more_btn .tags-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(57, 47, 63, 0.06);
  display: none;
}
.bodytemplatepost .relevant .container_tags .more_btn .tags-list .swiper-pagination-bullet {
  display: inline-block;
  width: 100%;
  border-radius: 0;
  background-color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 20px;
  box-sizing: border-box;
}
.bodytemplatepost .relevant .container_tags .more_btn .tags-list .swiper-pagination-bullet.swiper-pagination-bullet-active,
.bodytemplatepost .relevant .container_tags .more_btn .tags-list .swiper-pagination-bullet:hover {
  background-color: #34cd8b;
}
.bodytemplatepost .relevant .container_content .swiper-container {
  padding: 50px;
  margin: -50px;
}
.bodytemplatepost .relevant .container_content .content_wrapper {
  margin-right: 0;
}
.bodytemplatepost .relevant .container_content .content_list {
  margin-right: -4%;
}
.bodycase .sitecontent {
  padding-top: 0;
}
.bodycase .page_content {
  position: relative;
  padding-top: 100px;
}
.bodycase .page_content .relevant .module_container,
.bodycase .page_content .user .container_content {
  width: 74%;
}
.bodycase .page_content .user .container_header {
  text-align: center;
  padding: 5.4166666667vw 0 3.3854166667vw;
}
.bodycase .page_content .user .container_header .title {
  font-size: 72px;
  line-height: 82px;
  color: #333;
}
.bodycase .page_content .user .container_category {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 40px 0;
  position: relative;
}
.bodycase .page_content .user .container_category .category_wrapper {
  width: 73%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.bodycase .page_content .user .container_category .swiper-wrapper {
  width: auto;
}
.bodycase .page_content .user .container_category .swiper-button {
  border-radius: 50%;
  width: 38px;
  height: 38px;
  border: 1px solid #999;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  color: #999;
  margin-top: 0;
  transform: translateY(-50%);
}
.bodycase .page_content .user .container_category .swiper-button:hover {
  background-color: #34cd8b;
  border-color: #34cd8b;
  color: #fff;
}
.bodycase .page_content .user .container_category .swiper-button:after {
  display: none;
}
.bodycase .page_content .user .container_category .swiper-button-prev {
  left: calc(13.5% - 60px);
}
.bodycase .page_content .user .container_category .swiper-button-next {
  right: calc(13.5% - 60px);
}
.bodycase .page_content .user .container_category a {
  width: auto;
  padding: 0 26px;
  font-size: 16px;
  line-height: 40px;
  color: #666;
  border-radius: 20px;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodycase .page_content .user .container_category a.active,
.bodycase .page_content .user .container_category a:hover {
  background-color: #34cd8b;
  color: #fff;
}
.bodycase .page_content .user .container_content {
  position: relative;
  margin: 0 auto;
  padding: 60px 0;
}
.bodycase .page_content .user .container_content .pages,
.bodycase .page_content .user .container_content .pagination {
  margin-top: 145px;
}
.bodycase .page_content .user .item_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bodycase .page_content .user .item_block .item_img {
  position: relative;
  overflow: hidden;
  padding-top: 35.92%;
}
.bodycase .page_content .user .item_block .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.bodycase .page_content .user .item_block:not(:last-child) {
  margin-bottom: 120px;
}
.bodycase .page_content .user .item_block .item_img {
  border-radius: 20px;
  border: 5px solid #333;
  width: 62%;
  margin-right: 6.1%;
  flex-shrink: 0;
}
.bodycase .page_content .user .item_block .item_img .tag {
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  border-radius: 18px;
  padding: 0 20px;
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 20px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bodycase .page_content .user .item_block .item_img .tag[href="javascript:;"] {
  cursor: context-menu;
}
.bodycase .page_content .user .item_block .item_img .tag:before {
  content: "？";
  margin-right: 4px;
}
.bodycase .page_content .user .item_block .item_img canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.bodycase .page_content .user .item_block .item_wrapper {
  flex: 1 1 auto;
}
.bodycase .page_content .user .item_block .title {
  font-size: 42px;
  line-height: 62px;
  color: #111;
}
.bodycase .page_content .user .item_block .subtitle {
  font-size: 14px;
  line-height: 32px;
  color: #999;
}
.bodycase .page_content .user .item_block .description {
  margin-top: 9.8%;
  font-size: 16px;
  line-height: 32px;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 64px;
}
.bodycase .page_content .user .item_block .web_btn {
  border-radius: 5px;
  background-size: 300% 100%;
  background-image: linear-gradient(90deg, #6253e1, #852d91, #f24645);
  font-size: 16px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  margin-top: 15.4%;
  transition: all 0.4s ease-in-out;
}
.bodycase .page_content .user .item_block .web_btn:hover {
  background-position: 100% 0;
}
.bodycase .page_content .user .item_block .mobile_btn {
  margin-top: 6.8%;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.bodycase .page_content .user .item_block .mobile_btn .item_btn {
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  line-height: 58px;
  color: #000;
  width: 49%;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  cursor: pointer;
  position: relative;
  flex-grow: 1;
}
.bodycase .page_content .user .item_block .mobile_btn .item_btn:nth-child(2) {
  margin-left: 2%;
}
.bodycase .page_content .user .item_block .mobile_btn .item_btn:hover {
  border-color: #34cd8b;
  color: #34cd8b;
}
.bodycase .page_content .user .item_block .mobile_btn .item_btn:hover .item_qrcode {
  bottom: 140%;
  opacity: 1;
  visibility: visible;
}
.bodycase .page_content .user .item_block .mobile_btn .item_qrcode {
  max-width: 170px;
  width: 80%;
  position: absolute;
  bottom: 200%;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  opacity: 0;
  visibility: hidden;
}
.bodycase .page_content .user .item_block .mobile_btn .iconfont {
  font-size: 33px;
  line-height: 1;
  vertical-align: middle;
}
.bodycase .page_content .relevant {
  background-color: #fff;
}
.bodycase .page_content .relevant .module_container {
  margin: 0 auto;
  padding-bottom: 188px;
}
.bodycase .page_content .relevant .container_header {
  padding: 184px 0 104px;
}
.bodycase .page_content .relevant .item_block .item_img {
  border-radius: 6px;
  overflow: hidden;
}
.bodycase .page_content .relevant .item_block .item_tag {
  display: none;
}
.bodycase .loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
}
.bodycase .loading.show {
  background-color: rgba(0, 0, 0, 0.2);
  visibility: visible;
  opacity: 1;
}
.bodycustomcase.category_show {
  overflow: hidden;
}
.bodycustomcase.category_show .overlay {
  top: 0;
  opacity: 1;
  visibility: visible;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.125s;
}
.bodycustomcase.category_show .overlay .category-list {
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodycustomcase.category_show .container_category .iconfont {
  transform: rotate(-180deg);
}
.bodycustomcase .sitecontent {
  padding-top: 0;
}
.bodycustomcase .banner {
  position: relative;
}
.bodycustomcase .banner .bg {
  width: 100%;
  height: 44.27vw;
  overflow: hidden;
}
.bodycustomcase .banner .bg .item_img {
  height: 100%;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover;
  -webkit-animation-name: zoomInSmall;
  animation-name: zoomInSmall;
}
.bodycustomcase .banner .banner_info {
  width: 80%;
  position: absolute;
  left: 10%;
  bottom: 110px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.bodycustomcase .banner .banner_info .info_left {
  width: 50%;
  font-size: 34px;
  line-height: 64px;
  color: #fff;
}
.bodycustomcase .banner .banner_info .info_left .smile {
  width: 120px;
  height: 100px;
}
.bodycustomcase .banner .banner_info .info_left .text {
  display: inline-block;
  width: 230px;
  padding-bottom: 60px;
}
.bodycustomcase .banner .banner_info .info_right {
  width: 50%;
  font-size: 0;
  text-align: right;
}
.bodycustomcase .banner .banner_info .info_right .item_block {
  display: inline-block;
  min-width: 100px;
  margin-right: 13%;
  text-align: left;
}
.bodycustomcase .banner .banner_info .info_right .number {
  padding: 5px 0;
  position: relative;
  display: inline-block;
}
.bodycustomcase .banner .banner_info .info_right .count {
  font-size: 40px;
  line-height: 1;
  color: hsla(0, 0%, 100%, 0.7);
}
.bodycustomcase .banner .banner_info .info_right .unit {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  vertical-align: top;
  margin-left: 8px;
}
.bodycustomcase .banner .banner_info .info_right .unit.cross {
  transform: translate(6px, -9px);
  display: inline-block;
}
.bodycustomcase .banner .banner_info .info_right .unit.cross:after,
.bodycustomcase .banner .banner_info .info_right .unit.cross:before {
  content: "";
  width: 12px;
  height: 2px;
  background-color: hsla(0, 0%, 100%, 0.7);
  position: absolute;
  top: 19px;
  right: -6px;
}
.bodycustomcase .banner .banner_info .info_right .unit.cross:after {
  width: 2px;
  height: 12px;
  top: 14px;
  right: -1px;
}
.bodycustomcase .banner .banner_info .info_right .title {
  font-size: 16px;
  line-height: 25px;
  color: hsla(0, 0%, 100%, 0.3);
}
.bodycustomcase .page_content {
  position: relative;
}
.bodycustomcase .page_content .customcase {
  width: 90%;
  margin: 0 auto;
  max-width: 1800px;
}
.bodycustomcase .page_content .customcase .dropdown {
  padding: 0 5%;
}
.bodycustomcase .page_content .customcase .dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 70%;
}
.bodycustomcase .page_content .customcase .dropdown:hover .iconfont {
  transform: rotate(-180deg);
}
.bodycustomcase .page_content .customcase .container_category,
.bodycustomcase .page_content .customcase .dropdown {
  position: relative;
  z-index: 2;
  display: inline-block;
}
.bodycustomcase .page_content .customcase .container_category .title,
.bodycustomcase .page_content .customcase .dropdown .title {
  padding: 4.6vw 0;
}
.bodycustomcase .page_content .customcase .container_category .title .text,
.bodycustomcase .page_content .customcase .dropdown .title .text {
  font-size: 26px;
  line-height: 1;
  color: #000;
}
.bodycustomcase .page_content .customcase .container_category .title .num,
.bodycustomcase .page_content .customcase .dropdown .title .num {
  font-size: 16px;
  line-height: 1;
  color: hsla(0, 0%, 40%, 0.86);
  vertical-align: top;
}
.bodycustomcase .page_content .customcase .container_category .iconfont,
.bodycustomcase .page_content .customcase .dropdown .iconfont {
  font-size: 26px;
  line-height: 1;
  color: #666;
  display: inline-block;
  padding: 20px;
  margin: -20px -20px -20px 32px;
  cursor: pointer;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodycustomcase .page_content .customcase .container_category .dropdown-menu,
.bodycustomcase .page_content .customcase .dropdown .dropdown-menu {
  padding: 25px 0;
  background-color: #fff;
  border-radius: 12px;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translateX(-55%);
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  font-size: 18px;
  line-height: 48px;
  color: #111;
  width: 180px;
  text-align: center;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  opacity: 0;
  visibility: hidden;
}
.bodycustomcase .page_content .customcase .container_category .dropdown-menu a,
.bodycustomcase .page_content .customcase .dropdown .dropdown-menu a {
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodycustomcase .page_content .customcase .container_category .dropdown-menu a.active,
.bodycustomcase .page_content .customcase .container_category .dropdown-menu a:hover,
.bodycustomcase .page_content .customcase .dropdown .dropdown-menu a.active,
.bodycustomcase .page_content .customcase .dropdown .dropdown-menu a:hover {
  color: #34cd8b;
}
.bodycustomcase .page_content .customcase .container_content {
  padding-bottom: 10%;
}
.bodycustomcase .page_content .customcase .item_block {
  width: 50%;
  float: left;
  position: relative;
  transition: all 0.3s ease-out 0s;
}
.bodycustomcase .page_content .customcase .item_block .item_img {
  position: relative;
  overflow: hidden;
  padding-top: 57.5%;
}
.bodycustomcase .page_content .customcase .item_block .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.bodycustomcase .page_content .customcase .item_block:hover {
  z-index: 1;
}
.bodycustomcase .page_content .customcase .item_block:hover .item_wrapper .text {
  transform: translateY(0);
}
.bodycustomcase .page_content .customcase .item_block:nth-child(odd) {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.bodycustomcase .page_content .customcase .item_block:nth-child(2n) {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.bodycustomcase .page_content .customcase .item_block .item_box {
  display: block;
}
.bodycustomcase .page_content .customcase .item_block .item_wrapper {
  width: 100%;
  padding: 6.1% 9%;
  box-sizing: border-box;
}
.bodycustomcase .page_content .customcase .item_block .item_wrapper .text {
  transform: translateY(100%);
  transition: all 0.3s ease-out 0s;
}
.bodycustomcase .page_content .customcase .item_block .title {
  font-size: 46px;
  line-height: 56px;
  color: #333;
  font-family: Techna-Sans-Regular-2, 微软雅黑;
  overflow: hidden;
}
.bodycustomcase .page_content .customcase .item_block .subtitle {
  font-size: 20px;
  line-height: 30px;
  color: #333;
  overflow: hidden;
}
.bodycustomcase .overlay {
  width: 100%;
  height: 120%;
  position: fixed;
  top: 20px;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodycustomcase .overlay .category-list {
  transform: translateX(-44px);
  position: absolute;
  top: 120%;
  z-index: 1;
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.125s;
}
.bodycustomcase .overlay .category-list li {
  float: left;
}
.bodycustomcase .overlay .category-list a {
  display: block;
  position: relative;
  padding: 0 60px;
}
.bodycustomcase .overlay .category-list a:hover .iconfont {
  opacity: 1;
  right: 10%;
}
.bodycustomcase .overlay .category-list a:hover .text {
  color: #fff;
}
.bodycustomcase .overlay .category-list a:not(:last-child) {
  margin-bottom: 32px;
}
.bodycustomcase .overlay .category-list a .text {
  font-size: 18px;
  line-height: 40px;
  color: #b3b3b3;
  transition: all 0.3s ease-out 0s;
}
.bodycustomcase .overlay .category-list a .iconfont {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 15%;
  transition: all 0.3s ease-out 0s;
  font-size: 24px;
  line-height: 40px;
  color: #fff;
}
.bodycustomcasepost {
  background-color: #f6f6f6;
}
.bodycustomcasepost .postPage {
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
}
.bodycustomcasepost .postPage_header {
  background-color: #fff;
  padding-bottom: 7.5%;
  -webkit-animation-name: fadeZoomInUp;
  animation-name: fadeZoomInUp;
  position: relative;
  z-index: 1;
}
.bodycustomcasepost .postPage_header .back_btn {
  padding: 3.6% 0 3.6% 4.2%;
  font-size: 0;
}
.bodycustomcasepost .postPage_header .introduction {
  padding: 0 130px 0 170px;
}
.bodycustomcasepost .postPage_header .introduction .intr_left .title {
  font-size: 50px;
  line-height: 58px;
  color: #333;
  font-family: Techna-Sans-Regular-2;
}
.bodycustomcasepost .postPage_header .introduction .intr_left .subtitle {
  font-size: 20px;
  line-height: 28px;
  color: #333;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .info {
  margin-bottom: 38px;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .item_info {
  margin-right: 150px;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .label {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .value {
  font-size: 18px;
  line-height: 32px;
  color: #333;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .link_btn {
  font-size: 0;
  float: right;
  position: relative;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .link_btn:after {
  content: "";
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 1px) scale(0);
  transform-origin: 60px 50%;
  background-color: #34cd8b;
  border-radius: 40px;
  transition: all 0.3s ease-out 0s;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .link_btn .text {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin-right: 10px;
  transition: all 0.3s ease-out 0s;
  opacity: 1;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .link_btn .iconfont {
  font-size: 20px;
  line-height: 30px;
  color: #666;
  transform: rotate(-45deg);
  transition: all 0.3s ease-out 0s;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .more {
  cursor: pointer;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .more .label {
  font-size: 14px;
  line-height: 20px;
  color: #999;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .more .label .text {
  vertical-align: middle;
}
.bodycustomcasepost .postPage_header .introduction .intr_right .more .label .iconfont {
  font-size: 16px;
  line-height: 20px;
  color: #999;
  margin-left: 5px;
  vertical-align: middle;
}
.bodycustomcasepost .postPage_content {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.bodycustomcasepost .postPage_footer {
  position: relative;
  height: 415px;
}
.bodycustomcasepost .postPage_footer .module_container {
  transform: translateY(-100%);
}
.bodycustomcasepost .postPage_footer .container {
  display: block;
  width: 100%;
}
.bodycustomcasepost .postPage_footer .next_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.bodycustomcasepost .postPage_footer .next_bg .bg {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 100%;
}
.bodycustomcasepost .postPage_footer .next_bg .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.bodycustomcasepost .postPage_footer .next_btn {
  padding: 8.8541666667vw 0;
  text-align: center;
  position: relative;
}
.bodycustomcasepost .postPage_footer .label {
  font-size: 13px;
  line-height: 32px;
  color: hsla(0, 0%, 100%, 0.5);
}
.bodycustomcasepost .postPage_footer .next_title {
  font-size: 24px;
  line-height: 44px;
  color: #fff;
}
.bodyminiapp {
  background-color: #f8f8f8;
}
.bodyminiapp .npagePage {
  padding: 5.2083333333vw 0 2.6041666667vw;
}
.bodyminiapp .container_header .title {
  font-size: 18px;
  line-height: 52px;
  color: #000;
}
.bodyminiapp .container_header .subtitle {
  font-size: 72px;
  line-height: 106px;
  color: #000;
  font-weight: 700;
}
.bodyminiapp .container_header .more {
  margin-top: 20px;
  width: 174px;
  text-align: center;
  border-radius: 25px;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  cursor: pointer;
}
.bodyminiapp .container_header .more.t-btn {
  font-size: 18px;
  line-height: 50px;
  color: #fff;
}
.bodyminiapp .container_header .more.t-btn:hover .t-btn__circle__wrapper {
  border-color: hsla(0, 0%, 100%, 0);
}
.bodyminiapp .container_header .more.t-btn:hover .t-btn__panel,
.bodyminiapp .container_header .more.t-btn:hover .t-btn__panel__after {
  opacity: 0;
}
.bodyminiapp .container_header .more.t-btn .t-btn__circle__wrapper,
.bodyminiapp .container_header .more.t-btn .t-btn__panel,
.bodyminiapp .container_header .more.t-btn .t-btn__panel__after,
.bodyminiapp .container_header .more.t-btn .t-btn__panel__before {
  border-radius: 46px;
}
.bodyminiapp .container_header .more.t-btn .t-btn__panel,
.bodyminiapp .container_header .more.t-btn .t-btn__panel__after {
  background-color: #656bf2;
}
.bodyminiapp .container_header .more.t-btn .t-btn__circle__wrapper,
.bodyminiapp .container_header .more.t-btn .t-btn__panel__after {
  box-sizing: border-box;
  transform: translateZ(0) scaleX(1);
}
.bodyminiapp .container_header .more.t-btn .t-btn__label__circle {
  color: #000;
}
.bodyminiapp .container_header .more.t-btn .t-btn__circle__wrapper {
  border: none;
}
.bodyminiapp .container_header .more.t-btn .t-btn__circle__wrapper .t-btn__circle {
  background-color: #fff;
}
.bodyminiapp .miniapp {
  width: 79%;
  margin: 0 auto;
}
.bodyminiapp .miniapp .container_content {
  padding-top: 68px;
}
.bodyminiapp .miniapp .content_list {
  margin-right: -40px;
}
.bodyminiapp .miniapp .item_block {
  width: calc(50% - 40px);
  margin: 0 40px 40px 0;
  border-radius: 15px;
  background-color: #fff;
  float: left;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  position: relative;
}
.bodyminiapp .miniapp .item_block:hover {
  box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.11);
}
.bodyminiapp .miniapp .item_block .item_box {
  width: 100%;
  box-sizing: border-box;
  padding: 7%;
  display: flex;
  justify-content: space-between;
  float: left;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodyminiapp .miniapp .item_block .item_box:hover .item_img .qrcode {
  opacity: 1;
  visibility: visible;
  bottom: 3%;
}
@media screen and (max-width: 1441px) {
  .bodyminiapp .miniapp .item_block {
    width: 100%;
    margin-right: 0;
  }
}
.bodyminiapp .miniapp .item_block .head {
  padding-top: 21px;
  display: flex;
}
.bodyminiapp .miniapp .item_block .name {
  font-size: 24px;
  line-height: 50px;
  color: #000;
  font-weight: 700;
}
.bodyminiapp .miniapp .item_block .logo {
  width: 50px;
  height: 50px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
}
.bodyminiapp .miniapp .item_block .info {
  padding-top: 56px;
}
.bodyminiapp .miniapp .item_block .title {
  font-size: 24px;
  line-height: 28px;
  color: #000;
}
.bodyminiapp .miniapp .item_block .subtitle {
  font-size: 14px;
  line-height: 30px;
  color: #999;
}
.bodyminiapp .miniapp .item_block .des {
  font-size: 14px;
  line-height: 24px;
  color: #999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 48px;
  margin-top: 33px;
}
.bodyminiapp .miniapp .item_block .try_btn {
  margin-top: 63px;
  text-align: center;
  width: 180px;
  border-radius: 25px;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  cursor: pointer;
}
.bodyminiapp .miniapp .item_block .try_btn.t-btn {
  font-size: 16px;
  line-height: 50px;
  color: #34cd8b;
  position: absolute;
  left: 7.3%;
  bottom: 15%;
}
.bodyminiapp .miniapp .item_block .try_btn.t-btn:hover .t-btn__circle__wrapper {
  border-color: hsla(0, 0%, 100%, 0);
}
.bodyminiapp .miniapp .item_block .try_btn.t-btn .t-btn__circle__wrapper,
.bodyminiapp .miniapp .item_block .try_btn.t-btn .t-btn__panel,
.bodyminiapp .miniapp .item_block .try_btn.t-btn .t-btn__panel__after,
.bodyminiapp .miniapp .item_block .try_btn.t-btn .t-btn__panel__before {
  border-radius: 46px;
}
.bodyminiapp .miniapp .item_block .try_btn.t-btn .t-btn__panel,
.bodyminiapp .miniapp .item_block .try_btn.t-btn .t-btn__panel__after {
  background-color: transparent;
}
.bodyminiapp .miniapp .item_block .try_btn.t-btn .t-btn__circle__wrapper,
.bodyminiapp .miniapp .item_block .try_btn.t-btn .t-btn__panel__after {
  box-sizing: border-box;
}
.bodyminiapp .miniapp .item_block .try_btn.t-btn .t-btn__label__circle {
  color: #fff;
}
.bodyminiapp .miniapp .item_block .try_btn.t-btn .t-btn__circle__wrapper {
  border: 1px solid #f0f0f0;
  transform: translateZ(0) scaleX(1);
}
.bodyminiapp .miniapp .item_block .try_btn.t-btn .t-btn__circle__wrapper .t-btn__circle {
  background-color: #34cd8b;
}
.bodyminiapp .miniapp .item_block .item_img {
  border-radius: 10px;
  box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.11);
  position: relative;
  height: 0;
  overflow: hidden;
  width: 35%;
  padding-top: 62.3%;
  flex: 0 0 auto;
  margin-left: 9.3%;
}
.bodyminiapp .miniapp .item_block .item_img .image,
.bodyminiapp .miniapp .item_block .item_img .qrcode {
  position: absolute;
}
.bodyminiapp .miniapp .item_block .item_img .image {
  width: 100%;
  top: 0;
  left: 0;
}
.bodyminiapp .miniapp .item_block .item_img .qrcode {
  width: 92.6%;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.1);
  left: 50%;
  bottom: -10%;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  overflow: hidden;
  padding: 12%;
  box-sizing: border-box;
  max-height: 52%;
}
.bodyminiapp .pop-miniapp .fixed-container {
  overflow: hidden;
  width: 40%;
  max-width: 300px;
  border-radius: 20px;
  padding: 2% 0;
  transform: translate(-50%, 60vh);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}
.bodyminiapp .pop-miniapp .fixed-container.show {
  transform: translate(-50%, -60%);
}
.bodyminiapp .pop-miniapp .fixed-container img {
  display: block;
  width: 76%;
  margin: 0 auto;
}
.bodyminiapp .pop-miniapp .fixed-container p {
  font-size: 18px;
  line-height: 48px;
  height: auto;
}
.bodynews .banner {
  background-image: linear-gradient(68deg, #21d4fd, #b721ff 59%);
}
.bodynews .banner .module_container {
  padding: 134px 0 30px;
  width: 68%;
  margin: 0 auto;
}
.bodynews .banner .container_header {
  text-align: center;
}
.bodynews .banner .container_header .title {
  font-size: 48px;
  line-height: 126px;
  color: #fff;
}
.bodynews .banner .container_search {
  position: relative;
}
.bodynews .banner .container_search .searchform_input {
  width: 100%;
  font-size: 18px;
  line-height: 70px;
  color: #999;
  text-indent: 60px;
  background-color: #fff;
  border-radius: 70px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
}
.bodynews .banner .container_search .searchform_submit {
  position: absolute;
  top: 0;
  right: 20px;
  padding: 0 20px;
  cursor: pointer;
}
.bodynews .banner .container_search .searchform_submit .iconfont {
  font-size: 20px;
  line-height: 70px;
  color: #999;
}
.bodynews .banner .container_search .search_results {
  background-color: #34cd8b;
  padding: 10px 0 20px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 0 0 12px 12px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  width: calc(100% - 60px);
  margin: 0 auto;
  box-sizing: border-box;
  display: none;
}
.bodynews .banner .container_search .search_results .drop-list {
  font-size: 14px;
  line-height: 50px;
  color: #666;
}
.bodynews .banner .container_search .search_results .drop-list li {
  transition: all 0.3s ease-out 0s;
  text-indent: 40px;
}
.bodynews .banner .container_search .search_results .drop-list li.active,
.bodynews .banner .container_search .search_results .drop-list li:hover {
  background-color: #f6f6f6;
}
.bodynews .banner .container_search .search_results .result_block {
  padding: 0 40px;
}
.bodynews .banner .container_search .search_results .result_block h4 {
  font-size: 12px;
  line-height: 52px;
  color: #999;
}
.bodynews .banner .container_search .search_results .result_block .result_words {
  font-size: 0;
}
.bodynews .banner .container_search .search_results .result_block a {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  display: inline-block;
  padding: 0 18px;
  margin-right: 10px;
  transition: all 0.3s ease-out 0s;
}
.bodynews .banner .container_search .search_results .result_block a.active,
.bodynews .banner .container_search .search_results .result_block a:hover {
  background-color: #f0f0f0;
}
.bodynews .banner .container_search .search_results h3 {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  -webkit-animation: ac-gn-searchresults-items-show 0.4s both;
  animation: ac-gn-searchresults-items-show 0.4s both;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.bodynews .banner .container_tags {
  padding: 0 34px;
}
.bodynews .banner .container_tags a {
  font-size: 14px;
  line-height: 86px;
  color: #fff;
  display: inline-block;
  margin-left: 26px;
}
.bodynews .pageTarget {
  width: 26%;
  flex: 1 0 auto;
}
.bodynews .pageTarget .container_category .category_wrapper {
  padding: 20% 0 0 62%;
  box-sizing: border-box;
}
.bodynews .pageTarget .container_category a {
  text-align: center;
  font-size: 18px;
  line-height: 48px;
  color: #333;
  display: block;
  transition: all 0.3s ease-out 0s;
  text-align: left;
}
.bodynews .pageTarget .container_category a.active,
.bodynews .pageTarget .container_category a:hover {
  color: #fa5051;
}
.bodynews .pageContent {
  display: flex;
  background-color: #f8f8f8;
}
.bodynews .pageContent .news {
  background-color: #fff;
  min-height: 600px;
  width: 74%;
}
.bodynews .pageContent .news .module_container {
  padding: 68px 0 200px;
  margin: 0 21% 0 7%;
}
.bodynews .pageContent .news .empty {
  font-size: 32px;
  line-height: 50px;
  color: #333;
}
.bodynews .pageContent .news .item_block {
  padding-bottom: 52px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 28px;
}
.bodynews .pageContent .news .item_block .title {
  width: 80%;
  font-size: 22px;
  line-height: 86px;
  color: #333;
}
.bodynews .pageContent .news .item_block .date_wrap {
  font-size: 0;
  margin-top: 32px;
}
.bodynews .pageContent .news .item_block .date_wrap i,
.bodynews .pageContent .news .item_block .date_wrap span {
  font-size: 14px;
  line-height: 22px;
  color: #999;
}
.bodynews .pageContent .news .item_block .item_des {
  font-size: 14px;
  line-height: 28px;
  color: #999;
}
.bodynews .pageContent .news #pages,
.bodynews .pageContent .news .pagination {
  padding-top: 32px;
}
.bodynews #footer {
  background-color: #333;
}
.bodynews #footer .foot_nav a {
  color: #999;
}
.bodynews #footer .beian,
.bodynews #footer .copyright {
  color: #666;
}
.bodynews #footer .share a {
  background-color: #3f3f3f;
  color: #999;
}
.bodynews #footer .tel .num {
  color: #fff;
}
.bodynewspost #header {
  border-bottom: 1px solid #f0f0f0;
}
.bodynewspost .pageTarget {
  width: 26%;
  flex: 1 0 auto;
}
.bodynewspost .pageTarget .container_category .category_wrapper {
  padding: 20% 0 0 62%;
  box-sizing: border-box;
}
.bodynewspost .pageTarget .container_category a {
  text-align: center;
  font-size: 18px;
  line-height: 48px;
  color: #333;
  display: block;
  transition: all 0.3s ease-out 0s;
  text-align: left;
}
.bodynewspost .pageTarget .container_category a.active,
.bodynewspost .pageTarget .container_category a:hover {
  color: #fa5051;
}
.bodynewspost .pageContent {
  display: flex;
  background-color: #f8f8f8;
}
.bodynewspost .pageContent .postWrapper {
  background-color: #fff;
  padding: 0 21% 0 7%;
  width: 74%;
  min-height: calc(100vh - 330px);
  box-sizing: border-box;
}
.bodynewspost .pageContent .postWrapper .postInfo {
  padding-top: 72px;
}
.bodynewspost .pageContent .postWrapper .postInfo .title {
  font-size: 22px;
  line-height: 40px;
  color: #333;
}
.bodynewspost .pageContent .postWrapper .postInfo .subtitle {
  font-size: 14px;
  line-height: 32px;
  color: #999;
}
.bodynewspost .pageContent .listWrap .listContent_post {
  margin: 40px 0;
}
.bodynewspost .pageContent .listWrap .listContent_post h3 {
  font-size: 18px;
  line-height: 30px;
  color: #666;
  float: left;
}
.bodynewspost .pageContent .listWrap .listContent_post .item_tags {
  float: left;
  margin-left: 40px;
}
.bodynewspost .pageContent .listWrap .listContent_post .item_tags a {
  font-size: 14px;
  line-height: 30px;
  color: #666;
  display: inline-block;
  padding: 0 22px;
  border-radius: 30px;
  background-color: #f6f6f6;
}
.bodynewspost .pageContent .listWrap .listContent_post .item_tags a:not(:first-child) {
  margin-left: 10px;
}
.bodynewspost .pageContent .listWrap .content_wrapper {
  padding-bottom: 126px;
}
.bodynewspost .pageContent .listWrap .content_list {
  margin-right: -120px;
}
.bodynewspost .pageContent .listWrap .content_list:after {
  clear: both;
  display: block;
  content: "";
}
.bodynewspost .pageContent .listWrap .item_block {
  width: calc(50% - 120px);
  margin-right: 120px;
  margin-bottom: 50px;
  float: left;
}
.bodynewspost .pageContent .listWrap .item_block .date_wrap {
  display: none;
}
.bodynewspost .pageContent .listWrap .item_block .title {
  width: 100%;
  font-size: 18px;
  line-height: 76px;
  color: #333;
}
.bodynewspost .pageContent .listWrap .item_block .item_des {
  font-size: 16px;
  line-height: 36px;
  color: #999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 72px;
}
.bodynewspost #footer {
  background-color: #333;
}
.bodynewspost #footer .foot_nav a {
  color: #999;
}
.bodynewspost #footer .beian,
.bodynewspost #footer .copyright {
  color: #666;
}
.bodynewspost #footer .share a {
  background-color: #3f3f3f;
  color: #999;
}
.bodynewspost #footer .tel .num {
  color: #fff;
}
.bodysearch #header .header_right .search_btn {
  visibility: hidden;
  opacity: 0;
}
.bodysearch #header .searchview {
  display: none;
}
.bodysearch .pageList {
  width: 82%;
  margin: 0 auto;
  min-width: 1200px;
  position: relative;
}
.bodysearch .search_box {
  position: relative;
  margin: 20px 0 28px;
}
.bodysearch .search_box .searchform_input {
  width: 100%;
  border-radius: 70px;
  font-size: 18px;
  line-height: 70px;
  color: #333;
  background-color: #f6f6f6;
  text-indent: 90px;
}
.bodysearch .search_box .searchform_submit {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 30px;
  cursor: pointer;
}
.bodysearch .search_box .searchform_submit .iconfont {
  font-size: 22px;
  line-height: 70px;
  color: #333;
}
.bodysearch .search_box .search_clear {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: none;
}
.bodysearch .search_box .search_clear .show {
  display: block;
}
.bodysearch .search_box .search_clear .search_clear_wrapper {
  width: 20px;
  height: 70px;
  padding: 0 30px;
}
.bodysearch .search_box .search_clear .line {
  position: absolute;
  top: 50%;
}
.bodysearch .search_box .search_clear .line .rect {
  width: 20px;
  height: 1px;
  background-color: #666;
  display: block;
}
.bodysearch .search_box .search_clear .line .top {
  transform: rotate(45deg);
}
.bodysearch .search_box .search_clear .line .bottom {
  transform: rotate(-45deg);
}
.bodysearch .search_box .search_results {
  background-color: #34cd8b;
  padding: 10px 0 20px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 0 0 12px 12px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  width: calc(100% - 60px);
  margin: 0 auto;
  box-sizing: border-box;
  display: none;
}
.bodysearch .search_box .search_results .drop-list {
  font-size: 14px;
  line-height: 50px;
  color: #666;
}
.bodysearch .search_box .search_results .drop-list li {
  transition: all 0.3s ease-out 0s;
  text-indent: 40px;
}
.bodysearch .search_box .search_results .drop-list li.active,
.bodysearch .search_box .search_results .drop-list li:hover {
  background-color: #f6f6f6;
}
.bodysearch .search_box .search_results .result_block {
  padding: 0 40px;
}
.bodysearch .search_box .search_results .result_block h4 {
  font-size: 12px;
  line-height: 52px;
  color: #999;
}
.bodysearch .search_box .search_results .result_block .result_words {
  font-size: 0;
}
.bodysearch .search_box .search_results .result_block a {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  display: inline-block;
  padding: 0 18px;
  margin-right: 10px;
  margin-bottom: 20px;
  transition: all 0.3s ease-out 0s;
}
.bodysearch .search_box .search_results .result_block a.active,
.bodysearch .search_box .search_results .result_block a:hover {
  background-color: #f0f0f0;
}
.bodysearch .search_box .search_results h3 {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  -webkit-animation: ac-gn-searchresults-items-show 0.4s both;
  animation: ac-gn-searchresults-items-show 0.4s both;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.bodysearch .pageCategory {
  font-size: 0;
  margin-bottom: 20px;
}
.bodysearch .pageCategory .item_category {
  padding: 0 26px;
  display: inline-block;
  font-size: 16px;
  line-height: 58px;
  color: #333;
  margin-right: 12px;
}
.bodysearch .pageCategory .item_category.active {
  border-bottom: 2px solid #34cd8b;
}
.bodysearch .pageCategory .item_category .num {
  color: #999;
}
.bodysearch .history {
  position: absolute;
  top: 78px;
  right: 0;
  width: 23%;
  z-index: 10;
}
.bodysearch .history .history_bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bodysearch .history .history_bar .title {
  font-size: 16px;
  line-height: 98px;
  color: #333;
}
.bodysearch .history .history_bar .history_btn {
  font-size: 12px;
  line-height: 1;
  color: #b9ad96;
  margin-right: 14px;
}
.bodysearch .history .history_tags {
  padding-bottom: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.bodysearch .history .history_tags .history_tags_wrapper {
  font-size: 0;
  margin-right: -10px;
}
.bodysearch .history .history_tags a {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  padding: 0 18px;
  display: inline-block;
  border: 1px solid #f0f0f0;
  text-align: center;
  margin-right: 10px;
  transition: all 0.3s ease-out 0s;
  border-radius: 3px;
}
.bodysearch .history .history_tags a.active,
.bodysearch .history .history_tags a:hover {
  background-color: #f0f0f0;
}
.bodysearch .history .history_multiple .title {
  font-size: 16px;
  line-height: 68px;
  color: #333;
}
.bodysearch .history .history_multiple .item_problem {
  font-size: 14px;
  line-height: 40px;
  color: #999;
  width: 90%;
}
.bodysearch .pageResult {
  min-height: calc(100vh - 514px);
}
.bodysearch .pageResult .module_container {
  padding-bottom: 156px;
}
.bodysearch .pageResult .module h3.title {
  font-size: 18px;
  line-height: 68px;
  color: #999;
  text-indent: 36px;
}
.bodysearch .pageResult .module .content_wrapper {
  padding: 0 30vw 0 130px;
  position: relative;
}
.bodysearch .pageResult .module .content_wrapper:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 54px;
}
.bodysearch .pageResult .module .content_wrapper .item_block .title .keyword {
  color: #fa5051;
}
.bodysearch .pageResult .template .content_list {
  padding: 25px 0 64px;
}
.bodysearch .pageResult .template .item_block:not(:last-child) {
  margin-bottom: 80px;
}
.bodysearch .pageResult .template .item_block .item_img {
  position: relative;
  padding-top: 13.5%;
}
.bodysearch .pageResult .template .item_block .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.bodysearch .pageResult .template .item_block .item_img {
  width: 23%;
  border-radius: 4px;
  overflow: hidden;
}
.bodysearch .pageResult .template .item_block .item_wrapper {
  width: 73%;
}
.bodysearch .pageResult .template .item_block .item_info {
  margin-bottom: 15px;
}
.bodysearch .pageResult .template .item_block .title {
  font-size: 0;
  display: inline-block;
}
.bodysearch .pageResult .template .item_block .title span {
  font-size: 18px;
  line-height: 32px;
  color: #333;
}
.bodysearch .pageResult .template .item_block .id {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.bodysearch .pageResult .template .item_block .item_des {
  font-size: 14px;
  line-height: 30px;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 60px;
}
.bodysearch .pageResult .news .content_list {
  padding-bottom: 56px;
}
.bodysearch .pageResult .news .item_block:not(:last-child) {
  margin-bottom: 48px;
}
.bodysearch .pageResult .news .item_block .item_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bodysearch .pageResult .news .item_block .title {
  font-size: 0;
}
.bodysearch .pageResult .news .item_block .title span {
  font-size: 18px;
  line-height: 64px;
  color: #333;
}
.bodysearch .pageResult .news .item_block .date_wrap {
  font-size: 0;
}
.bodysearch .pageResult .news .item_block .date_wrap i,
.bodysearch .pageResult .news .item_block .date_wrap span {
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.bodysearch .pageResult .news .item_block .item_des {
  font-size: 14px;
  line-height: 30px;
  color: #666;
}
.bodysearch .pageResult .pages {
  padding-top: 32px;
}
.bodyunitpost {
  background-color: #f5f6f7;
}
.bodyunitpost #footer {
  display: none;
}
.bodyunitpost #sitecontent {
  padding-top: 0;
  height: 100%;
  box-sizing: border-box;
}
.bodyunitpost .pagePost {
  height: 100%;
  width: 92.17%;
  margin: 0 auto;
  padding-top: 100px;
  box-sizing: border-box;
}
.bodyunitpost .page_content {
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.bodyunitpost .preview {
  position: absolute;
  width: 74%;
  height: 97%;
  top: 0;
  left: 0;
  border-radius: 8px;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background-color: #fff;
  z-index: 2;
}
.bodyunitpost .preview.large .browse-btn:before {
  content: "";
}
.bodyunitpost .preview #contentArea {
  position: relative;
  height: calc(100% - 56px);
}
.bodyunitpost .preview #contentArea .area_wrapper {
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodyunitpost .preview #contentArea.desktop .area_wrapper {
  width: 100%;
  height: 100%;
}
.bodyunitpost .preview #contentArea.desktop .mobile-code {
  top: 30%;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.bodyunitpost .preview #contentArea.mobile .area_wrapper {
  margin-top: 45px;
  padding: 48px 0 54px;
  width: 320px;
  border-radius: 30px;
  height: 538px;
}
.bodyunitpost .preview #contentArea.mobile .mobile-code {
  top: 25%;
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.65s;
}
.bodyunitpost .preview #contentArea .mobile-code {
  padding: 14px;
  width: 175px;
  background-color: #fff;
  position: absolute;
  top: 30%;
  right: calc(50% - 400px);
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  opacity: 0;
}
.bodyunitpost .preview #contentArea .mobile-code .text {
  font-size: 14px;
  line-height: 22px;
  color: #999;
}
.bodyunitpost .preview #contentFrame {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}
.bodyunitpost .preview #mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  background: url(../assets/images/loading.gif) no-repeat 50%;
  background-color: #000;
  z-index: 999;
}
.bodyunitpost .introduction {
  position: absolute;
  width: 22.5%;
  height: 100%;
  box-sizing: border-box;
  top: 0;
  right: 0;
  padding: 56px 0 20px;
}
.bodyunitpost .introduction .intr-info {
  padding-bottom: 41px;
}
.bodyunitpost .introduction .intr-head .title {
  font-size: 26px;
  line-height: 30px;
  color: #000;
}
.bodyunitpost .introduction .intr-head .subtitle {
  font-size: 14px;
  line-height: 40px;
  color: #999;
}
.bodyunitpost .introduction .intr-des {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 84px;
  margin-top: 20px;
}
.bodyunitpost .introduction .link_box {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  border-radius: 25px;
  font-size: 16px;
  line-height: 50px;
  color: #333;
  text-align: center;
  margin-top: 34px;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodyunitpost .introduction .link_box:hover {
  background-color: #fa5051;
  color: #fff;
}
.bodyunitpost .introduction .intr-rel {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding-top: 19px;
}
.bodyunitpost .introduction .intr-rel h4 {
  font-size: 16px;
  line-height: 56px;
  color: #666;
}
.bodyunitpost .introduction .intr-rel .content_list {
  margin-right: -12px;
  max-height: 18vh;
}
.bodyunitpost .introduction .intr-rel .item_block {
  width: calc(33.33333% - 12px);
  margin: 0 12px 20px 0;
  float: left;
}
.bodyunitpost .introduction .intr-rel .item_block .item_img {
  position: relative;
  padding-top: 57%;
}
.bodyunitpost .introduction .intr-rel .item_block .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.bodyunitpost .introduction .intr-rel .item_block .item_img {
  border-radius: 4px;
  overflow: hidden;
}
.bodyunitpost .control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px 0 30px;
}
.bodyunitpost .control .control-part {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.bodyunitpost .control .device-select {
  font-size: 0;
  display: flex;
  align-items: center;
}
.bodyunitpost .control .device-select a {
  width: 46px;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
}
.bodyunitpost .control .device-select a.active .iconfont {
  color: #666;
}
.bodyunitpost .control .device-select .arrow {
  width: 100px;
}
.bodyunitpost .control .device-select .arrow .arrow_anime {
  width: 20px;
}
.bodyunitpost .control .device-select .arrow .text {
  font-size: 14px;
  padding-left: 10px;
}
.bodyunitpost .control .device-select .iconfont {
  font-size: 24px;
  line-height: 56px;
  color: #cecece;
}
.bodyunitpost .control .page-switch {
  margin-left: 30px;
  position: relative;
}
.bodyunitpost .control .page-switch.show .swiper-container {
  top: 46px;
  opacity: 1;
  visibility: visible;
}
.bodyunitpost .control .page-switch .swiper-button-wrapper {
  width: 90px;
  height: 56px;
  cursor: pointer;
}
.bodyunitpost .control .page-switch .swiper-button {
  width: 50%;
  color: #333;
}
.bodyunitpost .control .page-switch .swiper-button.button-disabled {
  color: #ccc;
  pointer-events: none;
}
.bodyunitpost .control .page-switch .swiper-button-disabled {
  opacity: 1;
  color: #333;
  pointer-events: auto;
}
.bodyunitpost .control .page-switch .swiper-button-prev {
  left: 0;
}
.bodyunitpost .control .page-switch .swiper-button-next {
  right: 0;
}
.bodyunitpost .control .page-switch .swiper-button:after {
  display: none;
}
.bodyunitpost .control .page-switch .swiper-container {
  width: 190px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: absolute;
  top: 66px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.bodyunitpost .control .page-switch .swiper-slide {
  height: 115px;
}
.bodyunitpost .control .browse-btn {
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 38px;
  height: 38px;
  text-align: center;
  font-size: 20px;
  line-height: 38px;
  color: #666;
  cursor: pointer;
  margin-left: 40px;
}
.bodyunitpost .control .browse-btn:before {
  content: "";
}
.uemo,
.unit-case-post {
  background-color: #f6f6f6;
  padding: 0 47px;
  box-sizing: border-box;
}
.uemo #control,
.unit-case-post #control {
  height: 70px;
  position: relative;
  z-index: 10;
}
.uemo #control .control-menu,
.unit-case-post #control .control-menu {
  width: auto;
  display: flex;
  justify-content: space-between;
  float: left;
}
.uemo #control .control-menu .back,
.unit-case-post #control .control-menu .back {
  margin-right: 36px;
}
.uemo #control .control-menu .back i,
.unit-case-post #control .control-menu .back i {
  font-size: 14px;
  line-height: 70px;
  color: #999;
  margin-right: 20px;
}
.uemo #control .control-menu .back span,
.unit-case-post #control .control-menu .back span {
  font-size: 14px;
  line-height: 70px;
  color: #333;
}
.uemo #control .control-menu .device-select,
.unit-case-post #control .control-menu .device-select {
  font-size: 0;
}
.uemo #control .control-menu .device-select a,
.unit-case-post #control .control-menu .device-select a {
  width: 46px;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
}
.uemo #control .control-menu .device-select a.active .iconfont,
.unit-case-post #control .control-menu .device-select a.active .iconfont {
  color: #666;
}
.uemo #control .control-menu .device-select .iconfont,
.unit-case-post #control .control-menu .device-select .iconfont {
  font-size: 24px;
  line-height: 70px;
  color: #cecece;
}
.uemo #control .control-menu .url,
.unit-case-post #control .control-menu .url {
  margin-left: 28px;
  text-align: center;
  font-size: 12px;
  line-height: 70px;
  color: #666;
}
.uemo #control .logo,
.unit-case-post #control .logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.uemo #control .logo .iconfont,
.unit-case-post #control .logo .iconfont {
  font-size: 40px;
  line-height: 70px;
  color: #333;
}
.uemo #control .try_btn,
.unit-case-post #control .try_btn {
  width: 130px;
  height: 38px;
  background-color: #34cd8b;
  margin: 16px 0 16px 20px;
  border-radius: 3px;
  text-align: center;
  float: right;
}
.uemo #control .try_btn.fix_btn,
.unit-case-post #control .try_btn.fix_btn {
  width: 140px;
  background-color: #333;
}
.uemo #control .try_btn.cs_btn,
.unit-case-post #control .try_btn.cs_btn {
  width: 105px;
  height: 28px;
  border: 1px solid #dedede;
  border-radius: 60px;
  background-color: #fff;
  margin: 20px 0 20px 20px;
}
.uemo #control .try_btn.cs_btn a,
.unit-case-post #control .try_btn.cs_btn a {
  line-height: 28px;
  color: #999;
  font-size: 12px;
}
.uemo #control .try_btn.cs_btn .iconfont,
.unit-case-post #control .try_btn.cs_btn .iconfont {
  font-size: 12px;
  line-height: 28px;
  color: #25c725;
  margin-right: 10px;
}
.uemo #control .try_btn a,
.unit-case-post #control .try_btn a {
  display: block;
  font-size: 14px;
  line-height: 38px;
  color: #fff;
}
.uemo #control .fix_btn,
.unit-case-post #control .fix_btn {
  float: right;
  text-align: center;
  margin: 16px 0 16px 20px;
  font-size: 0;
  position: relative;
}
.uemo #control .fix_btn:hover .contact,
.unit-case-post #control .fix_btn:hover .contact {
  opacity: 1;
  visibility: visible;
  top: 45px;
}
.uemo #control .fix_btn .text,
.unit-case-post #control .fix_btn .text {
  width: 140px;
  background-color: #333;
  display: inline-block;
  font-size: 14px;
  line-height: 38px;
  color: #fff;
  border-radius: 3px;
}
.uemo #control .fix_btn .wx,
.unit-case-post #control .fix_btn .wx {
  width: 105px;
  height: 28px;
  border: 1px solid #dedede;
  border-radius: 60px;
  background-color: #fff;
  margin-right: 20px;
  display: inline-block;
  line-height: 28px;
  color: #999;
  font-size: 12px;
}
.uemo #control .fix_btn .wx .iconfont,
.unit-case-post #control .fix_btn .wx .iconfont {
  font-size: 14px;
  line-height: 28px;
  color: #25c725;
  margin-right: 10px;
}
.uemo #control .fix_btn .contact,
.unit-case-post #control .fix_btn .contact {
  min-width: 418px;
  box-sizing: border-box;
  position: absolute;
  top: 80px;
  right: 20px;
  z-index: 10;
  padding: 30px 30px 14px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  opacity: 0;
  visibility: hidden;
}
.uemo #control .fix_btn .contact .item_img,
.unit-case-post #control .fix_btn .contact .item_img {
  width: 132px;
  margin-right: 28px;
}
.uemo #control .fix_btn .contact .item_img span,
.unit-case-post #control .fix_btn .contact .item_img span {
  font-size: 12px;
  line-height: 44px;
  color: #999;
}
.uemo #control .fix_btn .contact .item_info,
.unit-case-post #control .fix_btn .contact .item_info {
  text-align: left;
  white-space: nowrap;
}
.uemo #control .fix_btn .contact .item_info .name,
.unit-case-post #control .fix_btn .contact .item_info .name {
  font-size: 24px;
  line-height: 62px;
  color: #333;
}
.uemo #control .fix_btn .contact .item_info .tel,
.uemo #control .fix_btn .contact .item_info .wechat,
.unit-case-post #control .fix_btn .contact .item_info .tel,
.unit-case-post #control .fix_btn .contact .item_info .wechat {
  font-size: 14px;
  line-height: 32px;
  color: #666;
}
.uemo #contentArea,
.unit-case-post #contentArea {
  position: relative;
}
.uemo #contentArea .area_wrapper,
.unit-case-post #contentArea .area_wrapper {
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.uemo #contentArea.desktop .area_wrapper,
.unit-case-post #contentArea.desktop .area_wrapper {
  width: 100%;
  height: calc(100vh - 90px);
  border-radius: 5px;
}
.uemo #contentArea.desktop .mobile-code,
.unit-case-post #contentArea.desktop .mobile-code {
  top: 35%;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.uemo #contentArea.mobile .area_wrapper,
.unit-case-post #contentArea.mobile .area_wrapper {
  margin-top: 45px;
  padding: 48px 0 54px;
  width: 320px;
  border-radius: 30px;
  height: 538px;
}
.uemo #contentArea.mobile .mobile-code,
.unit-case-post #contentArea.mobile .mobile-code {
  top: calc(50% - 182px);
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.65s;
}
.uemo #contentArea .mobile-code,
.unit-case-post #contentArea .mobile-code {
  padding: 14px;
  width: 175px;
  background-color: #fff;
  position: fixed;
  top: 35%;
  right: calc(50% - 420px);
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  opacity: 0;
}
.uemo #contentArea .mobile-code .text,
.unit-case-post #contentArea .mobile-code .text {
  font-size: 14px;
  line-height: 22px;
  color: #999;
}
.uemo #contentFrame,
.unit-case-post #contentFrame {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}
.uemo #mask,
.unit-case-post #mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  background: url(../assets/images/loading.gif) no-repeat 50%;
  background-color: #000;
  z-index: 999;
}
.uemo .miniapp-popup,
.unit-case-post .miniapp-popup {
  height: 232px;
  position: absolute;
  left: -23px;
  bottom: 40px;
  z-index: 1;
  display: none;
  justify-content: space-between;
  align-items: center;
}
.uemo .miniapp-popup .miniapp-btn,
.unit-case-post .miniapp-popup .miniapp-btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-image: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 90%);
  line-height: 46px;
  color: #333;
  text-align: center;
  margin-right: 20px;
  cursor: pointer;
  flex: 0 0 auto;
}
.uemo .miniapp-popup .miniapp-btn .icon-xiaochengxu,
.unit-case-post .miniapp-popup .miniapp-btn .icon-xiaochengxu {
  font-size: 30px;
}
.uemo .miniapp-popup .miniapp-info,
.unit-case-post .miniapp-popup .miniapp-info {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 27px 25px;
  border-radius: 10px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.uemo .miniapp-popup .miniapp-info:before,
.unit-case-post .miniapp-popup .miniapp-info:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -9.5px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 9.5px 10px 9.5px 0;
}
.uemo .miniapp-popup .miniapp-info .l,
.unit-case-post .miniapp-popup .miniapp-info .l {
  width: 178px;
  margin-right: 30px;
}
.uemo .miniapp-popup .miniapp-info .r,
.unit-case-post .miniapp-popup .miniapp-info .r {
  width: 260px;
}
.uemo .miniapp-popup .miniapp-info .close-btn,
.unit-case-post .miniapp-popup .miniapp-info .close-btn {
  color: #333;
  position: absolute;
  top: 27px;
  right: 25px;
  cursor: pointer;
}
.uemo .miniapp-popup .miniapp-info .close-btn .iconfont,
.unit-case-post .miniapp-popup .miniapp-info .close-btn .iconfont {
  font-size: 14px;
}
.bodyclient .sitecontent {
  padding-top: 0;
}
.bodyclient .banner {
  position: relative;
  height: 30.2vw;
  background-color: #f8f8f8;
}
.bodyclient .banner .bg {
  width: 100%;
  height: 30.2vw;
}
.bodyclient .banner .bg .item_img {
  height: 100%;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover;
}
.bodyclient .banner .bg .iconfont {
  position: absolute;
  left: 10%;
  bottom: 0;
  font-size: 394px;
  line-height: 1;
  color: hsla(0, 0%, 100%, 0.9);
}
.bodyclient .banner .banner_info {
  position: absolute;
  left: 10%;
  bottom: 11.09vw;
}
.bodyclient .banner .banner_info .title {
  font-size: 40px;
  line-height: 60px;
  color: #333;
}
.bodyclient .banner .banner_info .subtitle {
  font-size: 18px;
  line-height: 36px;
  color: #999;
}
.bodyclient .banner .num {
  position: absolute;
  right: 15%;
  bottom: 8.3333333333vw;
  font-size: 220px;
  line-height: 1;
  color: #333;
  font-family: Roboto-Black;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.bodyclient .banner .num.show .text:nth-child(2) {
  z-index: 14;
  transform: translate3d(7px, 0, 0);
  opacity: 0.475;
}
.bodyclient .banner .num.show .text:nth-child(3) {
  z-index: 13;
  transform: translate3d(14px, 0, 0);
  opacity: 0.4125;
}
.bodyclient .banner .num.show .text:nth-child(4) {
  z-index: 12;
  transform: translate3d(21px, 0, 0);
  opacity: 0.35;
}
.bodyclient .banner .num.show .text:nth-child(5) {
  z-index: 11;
  transform: translate3d(28px, 0, 0);
  opacity: 0.2875;
}
.bodyclient .banner .num.show .text:nth-child(6) {
  z-index: 10;
  transform: translate3d(35px, 0, 0);
  opacity: 0.225;
}
.bodyclient .banner .num.show .text:nth-child(7) {
  z-index: 9;
  transform: translate3d(42px, 0, 0);
  opacity: 0.1625;
}
.bodyclient .banner .num.show .text:nth-child(8) {
  z-index: 8;
  transform: translate3d(49px, 0, 0);
  opacity: 0.1;
}
.bodyclient .banner .num.show .text:nth-child(9) {
  z-index: 7;
  transform: translate3d(56px, 0, 0);
  opacity: 0.0375;
}
.bodyclient .banner .num.show .text:nth-child(10) {
  z-index: 6;
  transform: translate3d(63px, 0, 0);
  opacity: 0;
}
.bodyclient .banner .num .text:first-child {
  position: relative;
  z-index: 16;
}
.bodyclient .banner .num .text.back,
.bodyclient .banner .num .text:first-child {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.bodyclient .banner .num .text.back {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  background-color: #333;
  -webkit-background-clip: text;
  -webkit-text-stroke: 3px transparent;
  color: #f8f8f8;
}
.bodyclient .banner .num .text:nth-child(2) {
  z-index: 14;
  transition-delay: 0.1s;
}
.bodyclient .banner .num .text:nth-child(3) {
  z-index: 13;
  transition-delay: 0.15s;
}
.bodyclient .banner .num .text:nth-child(4) {
  z-index: 12;
  transition-delay: 0.2s;
}
.bodyclient .banner .num .text:nth-child(5) {
  z-index: 11;
  transition-delay: 0.25s;
}
.bodyclient .banner .num .text:nth-child(6) {
  z-index: 10;
  transition-delay: 0.3s;
}
.bodyclient .banner .num .text:nth-child(7) {
  z-index: 9;
  transition-delay: 0.35s;
}
.bodyclient .banner .num .text:nth-child(8) {
  z-index: 8;
  transition-delay: 0.4s;
}
.bodyclient .banner .num .text:nth-child(9) {
  z-index: 7;
  transition-delay: 0.45s;
}
.bodyclient .banner .num .text:nth-child(10) {
  z-index: 6;
  transition-delay: 0.5s;
}
.bodyclient .clientlist {
  margin-top: -7.3vw;
}
.bodyclient .clientlist .module_container {
  width: 80%;
  margin: 0 auto;
}
.bodyclient .clientlist .content_list {
  margin-right: -36px;
}
.bodyclient .clientlist .item_block {
  width: calc(50% - 36px);
  margin-right: 36px;
  margin-bottom: 40px;
  padding: 60px 82px 210px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 16px 43px 0 rgba(0, 0, 0, 0.1);
}
.bodyclient .clientlist .item_block .item_info .head {
  width: 140px;
  margin-right: 40px;
}
.bodyclient .clientlist .item_block .item_info .name {
  padding-top: 30px;
}
.bodyclient .clientlist .item_block .item_info .name .title {
  font-size: 28px;
  line-height: 48px;
  color: #333;
}
.bodyclient .clientlist .item_block .item_info .name .subtitle {
  font-size: 15px;
  line-height: 35tpx;
  color: #666;
}
.bodyclient .clientlist .item_block .item_des {
  margin-top: 7.3%;
}
.bodyclient .clientlist .item_block .description {
  font-size: 14px;
  line-height: 30px;
  color: #666;
}
.bodyclient .clientlist .item_block .item_link {
  margin-top: 4%;
  font-size: 14px;
  line-height: 30px;
  color: #999;
  transition: all 0.3s ease-out 0s;
}
.bodyclient .clientlist .item_block .item_link:hover {
  color: #333;
}
.bodyclient .clientlist .item_block .item_link .iconfont {
  transform: rotate(-45deg);
  font-size: 20px;
}
.bodyclient .clientlist .item_block .autograph {
  position: absolute;
  right: 82px;
  bottom: 30px;
  width: 268px;
}
.bodyprice {
  background-color: #f7f7f7;
}
.bodyprice .sitecontent {
  padding-top: 0;
}
.bodyprice .container_header {
  text-align: center;
}
.bodyprice .container_header .title {
  font-size: 40px;
  line-height: 1;
  color: #333;
}
.bodyprice .module_container {
  width: 80%;
  min-width: 1200px;
  margin: 0 auto;
}
.bodyprice .pricelist {
  margin-top: 10.7291666667vw;
}
.bodyprice .pricelist.show .module_container {
  height: 974px;
}
.bodyprice .pricelist .module_container {
  position: relative;
  width: 100%;
  height: 674px;
  padding-bottom: 486px;
}
.bodyprice .pricelist .container_header {
  text-align: left;
  padding: 0 10% 20px;
  background-color: #f7f7f7;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}
@media screen and (max-width: 1440px) {
  .bodyprice .pricelist .container_header {
    padding: 0 calc(50vw - 608.5px);
  }
}
.bodyprice .pricelist .container_header .title {
  line-height: 140px;
}
.bodyprice .pricelist .container_header .subtitle {
  font-size: 14px;
  line-height: 94px;
  color: #767676;
}
.bodyprice .pricelist .container_header.fixed .pro_type .item_type.active {
  box-shadow: 0 -20px 60px 0 rgba(0, 0, 0, 0.15);
}
.bodyprice .pricelist .pro_type {
  width: 60.93%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 10%;
  z-index: 1;
}
@media screen and (max-width: 1440px) {
  .bodyprice .pricelist .pro_type {
    width: 912.75px;
    right: calc(50vw - 608.5px);
  }
}
.bodyprice .pricelist .pro_type .item_type {
  width: 33.3333333333%;
  border: 4px solid transparent;
  border-bottom: 0;
  border-radius: 15px 15px 0 0;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  float: left;
  box-sizing: border-box;
  text-align: center;
  height: 100%;
}
.bodyprice .pricelist .pro_type .item_type.active {
  border-color: #ff6161;
  background-color: #fff;
}
.bodyprice .pricelist .pro_type .item_type.active .renew {
  border-color: #ff6161;
  color: #fff;
  background-color: #ff6161;
}
.bodyprice .pricelist .pro_type .item_type .title {
  padding-top: 45px;
  font-size: 18px;
  line-height: 24px;
  color: #424242;
}
.bodyprice .pricelist .pro_type .item_type .price {
  padding: 14px 0;
}
.bodyprice .pricelist .pro_type .item_type .price .num {
  font-size: 66px;
  line-height: 66px;
  color: #ff6161;
  font-family: Techna-Sans-Regular-2;
}
.bodyprice .pricelist .pro_type .item_type .price .unit {
  font-size: 15px;
  line-height: 46px;
  color: #666;
  vertical-align: bottom;
}
.bodyprice .pricelist .pro_type .item_type .renew {
  font-size: 17px;
  line-height: 36px;
  color: #666;
  border-radius: 18px;
  border: 2px solid #e8e8e8;
  padding: 0 40px;
  display: inline-block;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodyprice .pricelist .rights {
  padding: 0 10% 8.59375vw;
  background-color: #fff;
  text-align: right;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .bodyprice .pricelist .rights {
    padding: 0 calc(50vw - 608.5px) 8.59375vw;
  }
}
.bodyprice .pricelist .rights .column {
  width: 60.93%;
  height: calc(100% - 8.59375vw);
  position: absolute;
  top: 0;
  right: 10%;
}
@media screen and (max-width: 1440px) {
  .bodyprice .pricelist .rights .column {
    width: 912.75px;
    right: calc(50vw - 608.5px);
  }
}
.bodyprice .pricelist .rights .column .item_col {
  width: 33.3333333333%;
  height: 100%;
  float: left;
  border: 4px solid transparent;
  border-top: none;
  border-radius: 0 0 15px 15px;
  box-sizing: border-box;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodyprice .pricelist .rights .column .item_col.active {
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.15);
  border-color: #ff6161;
}
.bodyprice .pricelist .rights .item_block {
  position: relative;
  transition: all 0.3s ease-out 0s;
}
.bodyprice .pricelist .rights .item_block:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 0;
  bottom: 0;
}
.bodyprice .pricelist .rights .item_block:nth-child(n + 12) {
  display: none;
}
.bodyprice .pricelist .rights .item_block.active,
.bodyprice .pricelist .rights .item_block:hover {
  background-color: #fbfbfb;
}
.bodyprice .pricelist .rights .item_name {
  font-size: 15px;
  line-height: 60px;
  color: #666;
  text-align: left;
}
@media screen and (max-width: 1440px) {
  .bodyprice .pricelist .rights .item_name {
    font-size: 12px;
  }
}
.bodyprice .pricelist .rights .item_name .tip {
  font-size: 24px;
  color: #ccc;
  margin-left: 10px;
}
.bodyprice .pricelist .rights .item_name .tip:hover .item_toast {
  opacity: 1;
  visibility: visible;
  top: 10px;
}
.bodyprice .pricelist .rights .item_option {
  width: 76.17%;
  text-align: center;
}
.bodyprice .pricelist .rights .item_option li {
  width: 33.3333333333%;
  float: left;
  line-height: 60px;
  box-sizing: border-box;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  position: relative;
  z-index: 1;
}
.bodyprice .pricelist .rights .item_option li .red {
  color: #e82626;
}
.bodyprice .pricelist .rights .item_option li .green {
  color: #00b060;
}
.bodyprice .pricelist .rights .item_toast {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 20%;
  padding: 26px 30px 16px;
  border-radius: 10px;
  background-color: #fff;
  text-align: left;
  font-size: 0;
  line-height: 1;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
}
.bodyprice .pricelist .rights .item_toast .link_box {
  display: inline-block;
}
.bodyprice .pricelist .rights .item_toast .desc {
  font-size: 14px;
  line-height: 26px;
  color: #555;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 78px;
  margin-bottom: 14px;
}
.bodyprice .pricelist .rights .item_toast .link_box {
  font-size: 13px;
  line-height: 26px;
  color: #333;
  text-align: right;
}
.bodyprice .pricelist .rights .item_toast .link_box .iconfont {
  display: inline-block;
  transform: rotate(-45deg);
}
.bodyprice .pricelist .rights .more {
  width: 76.17%;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  line-height: 80px;
  color: #666;
  position: relative;
  z-index: 1;
}
.bodyprice .pricelist .rights .more .iconfont {
  font-size: 14px;
  color: #999;
}
.bodyprice .service .module_container {
  padding-bottom: 8.3333333333vw;
}
.bodyprice .service .container_header {
  padding: 6.6666666667vw 0 4.1666666667vw;
}
.bodyprice .service .content_list {
  margin-right: -2px;
}
.bodyprice .service .item_block {
  width: calc(25% - 2px);
  margin-right: 2px;
  float: left;
  padding: 2.5vw;
  box-sizing: border-box;
  background-color: #fff;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodyprice .service .item_block.bank:hover {
  background-color: #fff;
}
.bodyprice .service .item_block.alipay:hover {
  background-color: #3274f5;
}
.bodyprice .service .item_block.wxpay:hover {
  background-color: #1aad19;
}
.bodyprice .service .item_block:nth-child(n + 5) {
  margin-top: 2px;
}
.bodyprice .service .item_block:first-child {
  border-top-left-radius: 20px;
}
.bodyprice .service .item_block:nth-child(4) {
  border-top-right-radius: 20px;
}
.bodyprice .service .item_block:nth-child(4n + 1):nth-last-child(-n + 4) {
  border-bottom-left-radius: 20px;
}
.bodyprice .service .item_block:nth-child(-n + 5):last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.bodyprice .service .item_block:nth-child(n + 5):last-child {
  border-bottom-right-radius: 20px;
}
.bodyprice .service .item_block:hover {
  background-color: #34cd8b;
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.15);
}
.bodyprice .service .item_block:hover .desc,
.bodyprice .service .item_block:hover .getPrice,
.bodyprice .service .item_block:hover .title {
  color: #fff;
}
.bodyprice .service .item_block .title {
  font-size: 22px;
  line-height: 56px;
  color: #666;
  font-family: Techna-Sans-Regular-2;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodyprice .service .item_block .desc {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  height: 168px;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodyprice .service .item_block .getPrice {
  line-height: 30px;
  color: #666;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodyprice .service .item_block .getPrice .num {
  display: inline-block;
  font-size: 30px;
  font-family: Techna-Sans-Regular-2;
}
.bodyprice .service .item_block .getPrice .unit {
  display: inline-block;
  font-size: 14px;
  vertical-align: bottom;
}
.bodyprice .payment {
  background-color: #fff;
}
.bodyprice .payment .container_header {
  padding: 7.8125vw 0 3.0208333333vw;
}
.bodyprice .payment .container_content {
  padding-bottom: 11.4583333333vw;
}
.bodyprice .payment .content_list {
  margin-right: -16px;
}
.bodyprice .payment .item_block {
  width: calc(33.33333% - 16px);
  margin-right: 16px;
  float: left;
  padding: 3.125vw 3.6458333333vw 0;
  box-sizing: border-box;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-out 0.125s;
}
.bodyprice .payment .item_block:hover {
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.3s ease-out 0s;
}
.bodyprice .payment .item_block:hover .cir {
  transition: all 0.3s ease-out 0.125s;
  transform: scale(1);
  opacity: 1;
}
.bodyprice .payment .item_block.bank {
  padding-bottom: 8.5416666667vw;
}
.bodyprice .payment .item_block.bank .cir .c1 {
  background-color: #f4f4f4;
}
.bodyprice .payment .item_block.bank .cir .c2 {
  background-color: #e6e6e6;
}
.bodyprice .payment .item_block.bank .cir .c3 {
  background-color: #f2f2f2;
}
.bodyprice .payment .item_block.bank .cir .c4 {
  background-color: #f7f7f7;
}
.bodyprice .payment .item_block.alipay:hover {
  background-color: #3274f5;
}
.bodyprice .payment .item_block.wxpay:hover {
  background-color: #2ba245;
}
.bodyprice .payment .item_block:not(.bank) .bank_info {
  font-size: 14px;
  line-height: 32px;
  color: #666;
}
.bodyprice .payment .item_block:not(.bank) .cir .c1 {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.bodyprice .payment .item_block:not(.bank) .cir .c2 {
  background-color: hsla(0, 0%, 100%, 0.15);
}
.bodyprice .payment .item_block:not(.bank) .cir .c3 {
  background-color: hsla(0, 0%, 100%, 0.08);
}
.bodyprice .payment .item_block:not(.bank) .cir .c4 {
  background-color: hsla(0, 0%, 100%, 0.04);
}
.bodyprice .payment .item_block:not(.bank):hover .bank_info,
.bodyprice .payment .item_block:not(.bank):hover .subtitle,
.bodyprice .payment .item_block:not(.bank):hover .title {
  color: #fff;
}
.bodyprice .payment .item_block .title {
  font-size: 24px;
  line-height: 80px;
  color: #333;
  transition: all 0.3s ease-out 0s;
}
.bodyprice .payment .item_block .subtitle {
  font-size: 18px;
  line-height: 40px;
  color: #333;
  padding-bottom: 34px;
  margin-bottom: 32px;
  border-bottom: 1px solid #eaeaea;
  transition: all 0.3s ease-out 0s;
}
.bodyprice .payment .item_block .bank_info {
  font-size: 15px;
  line-height: 40px;
  color: #666;
  font-family: Techna-Sans-Regular-2;
  transition: all 0.3s ease-out 0s;
}
.bodyprice .payment .item_block .paycode {
  width: 212px;
  padding: 1.6666666667vw 0 4.2708333333vw;
}
.bodyprice .payment .item_block .paycode img {
  border-radius: 10px;
}
.bodyprice .payment .item_block .item_wrapper {
  position: relative;
  z-index: 1;
}
.bodyprice .payment .item_block .cir {
  position: absolute;
  right: -57%;
  bottom: -61%;
  width: 29.1666666667vw;
  height: 29.1666666667vw;
  transition: all 0.3s ease-out 0s;
  transform: scale(0);
  opacity: 0;
}
.bodyprice .payment .item_block .cir .inner-cir {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 1px);
}
.bodyprice .payment .item_block .cir .c1 {
  width: 25%;
  height: 25%;
  z-index: 4;
}
.bodyprice .payment .item_block .cir .c2 {
  width: 50%;
  height: 50%;
  z-index: 3;
}
.bodyprice .payment .item_block .cir .c3 {
  width: 75%;
  height: 75%;
  z-index: 2;
}
.bodyprice .payment .item_block .cir .c4 {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bodyagent .sitecontent {
  background-color: #694dff;
}
.bodyagent .module_container {
  min-width: 1200px;
}
.bodyagent .container_header {
  text-align: center;
}
.bodyagent .container_header .title {
  font-size: 46px;
  color: #fff;
}
.bodyagent .banner {
  position: relative;
  height: 34.375vw;
}
.bodyagent .banner .rotation {
  height: 34.375vw;
}
.bodyagent .banner .info {
  width: 100%;
  position: absolute;
  bottom: 7.8125vw;
}
.bodyagent .banner .info .title {
  width: 31.875vw;
  margin: 0 auto;
}
.bodyagent .banner .info .subtitle {
  font-size: 36px;
  line-height: 62px;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}
.bodyagent .banner .info .sale {
  width: 390px;
  margin: 0 auto;
  position: relative;
}
.bodyagent .banner .info .sale:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: hsla(0, 0%, 100%, 0.3);
  position: absolute;
  top: 0;
  left: 48%;
  transform: rotate(30deg);
}
.bodyagent .banner .info .item_sale .phone {
  font-size: 26px;
  line-height: 32px;
  color: #fff;
  font-family: Techna-Sans-Regular-2;
}
.bodyagent .banner .info .item_sale .name {
  font-size: 15px;
  line-height: 21px;
  color: #fff;
}
.bodyagent .advantage {
  position: relative;
}
.bodyagent .advantage .mask {
  font-size: 556px;
  line-height: 1;
  color: rgba(51, 51, 51, 0.2);
  font-family: Techna-Sans-Regular-2;
  width: 100%;
  text-align: center;
  position: absolute;
  top: -20%;
  left: 0;
}
.bodyagent .advantage .module_container {
  width: 80%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.1);
  padding: 31px 7.8125vw 5.4166666667vw;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.bodyagent .advantage .container_header .title {
  line-height: 222px;
  color: #333;
}
.bodyagent .advantage .content_list {
  margin-right: -6.4583333333vw;
}
.bodyagent .advantage .item_block {
  width: calc(33.33333% - 6.45833vw);
  margin-right: 6.4583333333vw;
  margin-bottom: 80px;
  float: left;
}
.bodyagent .advantage .item_block:first-child .item_icon {
  background-image: linear-gradient(90deg, #f99b4e, #fca55c 68%, #ffae6a);
  box-shadow: 0 20px 50px 0 rgba(217, 83, 17, 0.4);
}
.bodyagent .advantage .item_block:nth-child(2) .item_icon {
  background-image: linear-gradient(90deg, #f6d573, #f9db7f 68%, #fbe18b);
  box-shadow: 0 20px 50px 0 rgba(236, 185, 75, 0.6);
}
.bodyagent .advantage .item_block:nth-child(3) .item_icon {
  background-image: linear-gradient(90deg, #da73d8, #f98aac);
  box-shadow: 0 30px 60px 0 rgba(203, 56, 185, 0.55);
}
.bodyagent .advantage .item_block:nth-child(3) .item_icon .iconfont {
  margin: -1px -2px 0 0;
  font-size: 50px;
}
.bodyagent .advantage .item_block:nth-child(4) .item_icon {
  background-image: linear-gradient(90deg, #14cf5c, #86df56);
  box-shadow: 0 20px 50px 0 rgba(28, 208, 92, 0.4);
}
.bodyagent .advantage .item_block:nth-child(4) .item_icon .iconfont {
  margin: -1px -2px 0 0;
  font-size: 50px;
}
.bodyagent .advantage .item_block:nth-child(5) .item_icon {
  background-image: linear-gradient(90deg, #6a4dff, #9672ff);
  box-shadow: 0 20px 50px 0 rgba(106, 77, 254, 0.4);
}
.bodyagent .advantage .item_block:nth-child(6) .item_icon {
  background-image: linear-gradient(90deg, #0079e0, #2ca3ff);
  box-shadow: 0 20px 50px 0 rgba(25, 149, 255, 0.4);
}
.bodyagent .advantage .item_block .item_icon {
  width: 110px;
  height: 110px;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
}
.bodyagent .advantage .item_block .item_icon .iconfont {
  font-size: 52px;
  line-height: 110px;
  color: #fff;
}
.bodyagent .advantage .item_block .title {
  text-align: center;
  font-size: 20px;
  line-height: 86px;
  color: #333;
}
.bodyagent .advantage .item_block .desc {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 90px;
}
.bodyagent .income {
  --line: #fff;
  --line-active: #ffde00;
  position: relative;
  padding-bottom: 10vw;
}
.bodyagent .income .ball-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.bodyagent .income .yellowball {
  width: 19.7916666667vw;
  height: 19.7916666667vw;
  background-color: #ffdf8a;
  border-radius: 50%;
  position: absolute;
  top: 9.21875vw;
  left: -8.4375vw;
  z-index: 3;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.bodyagent .income .blueball {
  width: 44.6875vw;
  height: 44.6875vw;
  background-image: linear-gradient(90deg, #32a1ff, #5ed4ff);
  box-shadow: 0 30px 60px 0 rgba(109, 5, 115, 0.15);
  border-radius: 50%;
  position: absolute;
  right: -36.6666666667vw;
  bottom: 2.8645833333vw;
  z-index: 3;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.bodyagent .income .module_container {
  overflow: hidden;
  height: 61vw;
  width: 120%;
  margin-left: -10%;
  border-radius: 120%/63vw;
}
.bodyagent .income .module_container:before {
  content: "";
  width: 120%;
  height: 95%;
  background-color: #593deb;
  border-radius: 120%/50%;
  position: absolute;
  top: -9%;
  left: -10%;
}
.bodyagent .income .module_container:after {
  content: "";
  width: 120%;
  height: 72%;
  border-radius: 120%/64%;
  box-shadow: inset 0 -4.1666666667vw 4.1666666667vw 4.6875vw #593deb;
  position: absolute;
  left: -10%;
  bottom: 13.5%;
  z-index: 2;
  pointer-events: none;
}
.bodyagent .income .container_header {
  padding: 9.21875vw 0 10.5208333333vw;
  position: relative;
  z-index: 3;
}
.bodyagent .income .container_header.complete .svg_text {
  --spacing: 4px;
  --stroke: var(--line-active);
  --stroke-delay: 0.1s;
  --offset: 180px;
}
.bodyagent .income .container_header .title {
  line-height: 68px;
}
.bodyagent .income .container_header .title .svg_text {
  position: relative;
  display: inline-block;
  margin-left: 30px;
}
.bodyagent .income .container_header .title svg {
  width: 220px;
  height: 110px;
  position: absolute;
  top: 43%;
  left: 43%;
  transform: translate(-50%, -50%) translateZ(0);
  fill: none;
  stroke: var(--stroke, var(--line));
  stroke-linecap: round;
  stroke-width: 1.3;
  stroke-dasharray: var(--offset, 69px) 278px;
  stroke-dashoffset: 361px;
  transition: stroke 0.25s ease var(--stroke-delay, 0s), stroke-dasharray 0.35s;
}
.bodyagent .income .container_header .subtitle {
  font-size: 30px;
  line-height: 50px;
  color: #ffde00;
}
.bodyagent .income .container_content {
  height: 50%;
}
.bodyagent .income .content_wrapper {
  position: relative;
  width: 62.3vw;
  margin: 0 auto;
}
.bodyagent .income .trajectory {
  height: 62.3vw;
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.bodyagent .income .trajectory .item_traj {
  position: absolute;
  top: 0;
  border: 2px dotted hsla(0, 0%, 100%, 0.2);
  border-radius: 50%;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.bodyagent .income .trajectory .out {
  transform: translate(-3.125vw);
}
.bodyagent .income .trajectory .mid {
  transform: translate(2.0833333333vw, 2.6041666667vw);
}
.bodyagent .income .trajectory .inner {
  transform: translate(-5.7291666667vw, 3.3854166667vw);
}
.bodyagent .income .contral {
  position: absolute;
  top: 0;
  z-index: 3;
}
.bodyagent .income .contral .info {
  margin: 0 20px;
}
.bodyagent .income .contral .preview {
  border: 4px solid #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.bodyagent .income .contral .preview:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 6px;
  border-radius: inherit;
}
.bodyagent .income .contral label.btn {
  display: flex;
  justify-content: space-between;
  position: absolute;
  cursor: pointer;
}
.bodyagent .income .contral label.btn .number {
  min-width: 120px;
  color: #f7c929;
  font-family: Techna-Sans-Regular-2;
  line-height: 42px;
  position: relative;
}
.bodyagent .income .contral label.btn .number .unit {
  font-size: 14px;
  vertical-align: top;
  line-height: 24px;
  font-family: Techna-Sans-Regular-2;
  font-weight: 700;
  position: absolute;
  left: -14px;
}
.bodyagent .income .contral label.btn .number .text {
  font-size: 36px;
  position: relative;
}
.bodyagent .income .contral label.btn .number .cross {
  position: absolute;
  top: 7px;
  right: -6px;
}
.bodyagent .income .contral label.btn .number .cross:after,
.bodyagent .income .contral label.btn .number .cross:before {
  content: "";
  background-color: #f7c929;
  position: absolute;
}
.bodyagent .income .contral label.btn .number .cross:before {
  width: 12px;
  height: 4px;
  top: 4px;
  left: 0;
}
.bodyagent .income .contral label.btn .number .cross:after {
  width: 4px;
  height: 12px;
  top: 0;
  left: 4px;
}
.bodyagent .income .contral label.btn .title {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}
.bodyagent .income .contral label.btn1 {
  top: 13.0208333333vw;
  left: 1.0416666667vw;
}
.bodyagent .income .contral label.btn1 .preview {
  border-color: rgba(239, 130, 185, 0.3);
}
.bodyagent .income .contral label.btn1 .preview:after {
  background-image: linear-gradient(90deg, #da73d8, #f98aac);
}
.bodyagent .income .contral label.btn2 {
  top: 4.6875vw;
  left: 4.1666666667vw;
}
.bodyagent .income .contral label.btn2 .preview {
  border-color: rgba(239, 130, 185, 0.3);
}
.bodyagent .income .contral label.btn2 .preview:after {
  background-image: linear-gradient(90deg, #da73d8, #f98aac);
}
.bodyagent .income .contral label.btn3 {
  top: 2.2916666667vw;
  left: 25.3125vw;
}
.bodyagent .income .contral label.btn3 .preview {
  border-color: rgba(84, 192, 242, 0.3);
}
.bodyagent .income .contral label.btn3 .preview:after {
  background-image: linear-gradient(90deg, #32a1ff, #5ed4ff);
}
.bodyagent .income .contral label.btn4 {
  top: 3.8020833333vw;
  left: 43.8541666667vw;
}
.bodyagent .income .contral label.btn4 .preview {
  border-color: rgba(255, 178, 86, 0.3);
}
.bodyagent .income .contral label.btn4 .preview:after {
  background-image: linear-gradient(90deg, #ffab47, #ffbd6e);
}
.bodyagent .income .contral label.btn5 {
  top: 10.4166666667vw;
  left: 51.3020833333vw;
}
.bodyagent .income .contral label.btn5 .preview {
  border-color: rgba(77, 221, 101, 0.3);
}
.bodyagent .income .contral label.btn5 .preview:after {
  background-image: linear-gradient(90deg, #0fdb66, #8be065);
}
.bodyagent .income .ball {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 8.9583333333vw;
  left: 0;
  transform: rotateX(-20deg);
  transform-style: preserve-3d;
  perspective: 800px;
}
.bodyagent .income .ball .item_ball {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(127, 103, 255, 0.7);
}
.bodyagent .income .ball .item_ball:first-child .bg {
  opacity: 1;
}
.bodyagent .income .ball .item_ball:first-child .info {
  top: 7.4479166667vw;
  opacity: 1;
}
.bodyagent .income .ball .item_ball:first-of-type {
  transform: translateZ(0) translateY(0) rotatex(4deg);
  opacity: 1;
}
.bodyagent .income .ball .item_ball:nth-of-type(2) {
  transform: translateZ(-2300px) translateY(-2300px) rotatex(4deg);
  opacity: 1;
}
.bodyagent .income .ball .item_ball:nth-of-type(3) {
  transform: translateZ(-4600px) translateY(-4600px) rotatex(4deg);
  opacity: 0;
}
.bodyagent .income .ball .item_ball:nth-of-type(4) {
  transform: translateZ(-6900px) translateY(-6900px) rotatex(4deg);
  opacity: 0;
}
.bodyagent .income .ball .item_ball:nth-of-type(5) {
  transform: translateZ(-9200px) translateY(-9200px) rotatex(4deg);
  opacity: 0;
}
@media screen and (max-width: 1440px) {
  .bodyagent .income .ball .item_ball:first-of-type {
    transform: translateZ(0) translateY(0) rotatex(4deg);
    opacity: 1;
  }
  .bodyagent .income .ball .item_ball:nth-of-type(2) {
    transform: translateZ(-800px) translateY(-800px) rotatex(4deg);
    opacity: 1;
  }
  .bodyagent .income .ball .item_ball:nth-of-type(3) {
    transform: translateZ(-1600px) translateY(-1600px) rotatex(4deg);
    opacity: 0;
  }
  .bodyagent .income .ball .item_ball:nth-of-type(4) {
    transform: translateZ(-2400px) translateY(-2400px) rotatex(4deg);
    opacity: 0;
  }
  .bodyagent .income .ball .item_ball:nth-of-type(5) {
    transform: translateZ(-3200px) translateY(-3200px) rotatex(4deg);
    opacity: 0;
  }
}
.bodyagent .income .ball .item_ball .bg {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  opacity: 0;
  background-color: rgba(97, 68, 255, 0.7);
}
.bodyagent .income .ball .item_ball .overlay {
  width: 120%;
  height: 100%;
  position: absolute;
  left: -10%;
  bottom: 0;
  box-shadow: inset 0 -20.3125vw 21.6145833333vw 18.2291666667vw #593deb;
}
.bodyagent .income .ball .item_ball .info {
  min-width: 190px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
.bodyagent .income .ball .item_ball .number {
  color: #f7c929;
  font-family: Techna-Sans-Regular-2;
  line-height: 60px;
}
.bodyagent .income .ball .item_ball .number .unit {
  font-size: 30px;
  vertical-align: top;
  line-height: 40px;
  position: absolute;
  left: -38px;
}
.bodyagent .income .ball .item_ball .number .text {
  font-size: 60px;
  position: relative;
}
.bodyagent .income .ball .item_ball .number .text .cross {
  position: absolute;
  top: 7px;
  right: -8px;
}
.bodyagent .income .ball .item_ball .number .text .cross:after,
.bodyagent .income .ball .item_ball .number .text .cross:before {
  content: "";
  background-color: #f7c929;
  position: absolute;
}
.bodyagent .income .ball .item_ball .number .text .cross:before {
  width: 17px;
  height: 5px;
  top: 6px;
  left: 0;
}
.bodyagent .income .ball .item_ball .number .text .cross:after {
  width: 5px;
  height: 17px;
  top: 0;
  left: 6px;
}
.bodyagent .income .ball .item_ball .title {
  font-size: 24px;
  line-height: 38px;
  color: #fff;
}
.bodyagent .income .ball .item_ball .tip {
  font-size: 14px;
  line-height: 18px;
  color: hsla(0, 0%, 100%, 0.6);
}
.bodyagent .income .btn_input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}
.bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:first-of-type {
  transform: translateZ(0) translateY(0) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:first-of-type .info {
  top: 0;
  opacity: 0;
  transition: all 0.5s 0s;
  top: 7.4479166667vw;
  opacity: 1;
  transition: all 0.3s 1.6s;
}
.bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(2) {
  transform: translateZ(-1500px) translateY(-1500px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(2) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(3) {
  transform: translateZ(-3000px) translateY(-3000px) rotateX(4deg);
  opacity: 0;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(3) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(4) {
  transform: translateZ(-4500px) translateY(-4500px) rotateX(4deg);
  opacity: 0;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(4) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(5) {
  transform: translateZ(-6000px) translateY(-6000px) rotateX(4deg);
  opacity: 0;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(5) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
@media screen and (max-width: 1440px) {
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:first-of-type {
    transform: translateZ(0) translateY(0) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:first-of-type .info {
    top: 0;
    opacity: 0;
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:first-of-type .bg {
    transition: 2.8s cubic-bezier(0.33, 0, 0, 1);
    opacity: 1;
    -webkit-animation: planet 60s linear 3.9s infinite;
    animation: planet 60s linear 3.9s infinite;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:first-of-type .info {
    top: 7.4479166667vw;
    opacity: 1;
    transition: all 0.5s 3s;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(2) {
    transform: translateZ(-800px) translateY(-800px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(2) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(2) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(2) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(3) {
    transform: translateZ(-1600px) translateY(-1600px) rotateX(4deg);
    opacity: 0;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(3) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(3) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(3) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(4) {
    transform: translateZ(-2400px) translateY(-2400px) rotateX(4deg);
    opacity: 0;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(4) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(4) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(4) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(5) {
    transform: translateZ(-3200px) translateY(-3200px) rotateX(4deg);
    opacity: 0;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(5) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(5) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:first-of-type:checked ~ .ball .item_ball:nth-of-type(5) .info {
    top: 0;
    opacity: 0;
  }
}
.bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:first-of-type {
  transform: translateZ(1500px) translateY(1500px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:first-of-type .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(2) {
  transform: translateZ(0) translateY(0) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(2) .info {
  top: 0;
  opacity: 0;
  transition: all 0.5s 0s;
  top: 7.4479166667vw;
  opacity: 1;
  transition: all 0.3s 1.6s;
}
.bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(3) {
  transform: translateZ(-1500px) translateY(-1500px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(3) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(4) {
  transform: translateZ(-3000px) translateY(-3000px) rotateX(4deg);
  opacity: 0;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(4) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(5) {
  transform: translateZ(-4500px) translateY(-4500px) rotateX(4deg);
  opacity: 0;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(5) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
@media screen and (max-width: 1440px) {
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:first-of-type {
    transform: translateZ(800px) translateY(800px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:first-of-type .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:first-of-type .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:first-of-type .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(2) {
    transform: translateZ(0) translateY(0) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(2) .info {
    top: 0;
    opacity: 0;
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(2) .bg {
    transition: 2.8s cubic-bezier(0.33, 0, 0, 1);
    opacity: 1;
    -webkit-animation: planet 60s linear 3.9s infinite;
    animation: planet 60s linear 3.9s infinite;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(2) .info {
    top: 7.4479166667vw;
    opacity: 1;
    transition: all 0.5s 3s;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(3) {
    transform: translateZ(-800px) translateY(-800px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(3) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(3) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(3) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(4) {
    transform: translateZ(-1600px) translateY(-1600px) rotateX(4deg);
    opacity: 0;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(4) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(4) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(4) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(5) {
    transform: translateZ(-2400px) translateY(-2400px) rotateX(4deg);
    opacity: 0;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(5) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(5) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(2):checked ~ .ball .item_ball:nth-of-type(5) .info {
    top: 0;
    opacity: 0;
  }
}
.bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:first-of-type {
  transform: translateZ(3000px) translateY(3000px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:first-of-type .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(2) {
  transform: translateZ(1500px) translateY(1500px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(2) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(3) {
  transform: translateZ(0) translateY(0) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(3) .info {
  top: 0;
  opacity: 0;
  transition: all 0.5s 0s;
  top: 7.4479166667vw;
  opacity: 1;
  transition: all 0.3s 1.6s;
}
.bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(4) {
  transform: translateZ(-1500px) translateY(-1500px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(4) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(5) {
  transform: translateZ(-3000px) translateY(-3000px) rotateX(4deg);
  opacity: 0;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(5) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
@media screen and (max-width: 1440px) {
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:first-of-type {
    transform: translateZ(1600px) translateY(1600px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:first-of-type .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:first-of-type .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:first-of-type .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(2) {
    transform: translateZ(800px) translateY(800px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(2) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(2) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(2) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(3) {
    transform: translateZ(0) translateY(0) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(3) .info {
    top: 0;
    opacity: 0;
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(3) .bg {
    transition: 2.8s cubic-bezier(0.33, 0, 0, 1);
    opacity: 1;
    -webkit-animation: planet 60s linear 3.9s infinite;
    animation: planet 60s linear 3.9s infinite;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(3) .info {
    top: 7.4479166667vw;
    opacity: 1;
    transition: all 0.5s 3s;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(4) {
    transform: translateZ(-800px) translateY(-800px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(4) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(4) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(4) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(5) {
    transform: translateZ(-1600px) translateY(-1600px) rotateX(4deg);
    opacity: 0;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(5) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(5) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(3):checked ~ .ball .item_ball:nth-of-type(5) .info {
    top: 0;
    opacity: 0;
  }
}
.bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:first-of-type {
  transform: translateZ(4500px) translateY(4500px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:first-of-type .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(2) {
  transform: translateZ(3000px) translateY(3000px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(2) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(3) {
  transform: translateZ(1500px) translateY(1500px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(3) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(4) {
  transform: translateZ(0) translateY(0) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(4) .info {
  top: 0;
  opacity: 0;
  transition: all 0.5s 0s;
  top: 7.4479166667vw;
  opacity: 1;
  transition: all 0.3s 1.6s;
}
.bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(5) {
  transform: translateZ(-1500px) translateY(-1500px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(5) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
@media screen and (max-width: 1440px) {
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:first-of-type {
    transform: translateZ(2400px) translateY(2400px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:first-of-type .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:first-of-type .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:first-of-type .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(2) {
    transform: translateZ(1600px) translateY(1600px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(2) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(2) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(2) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(3) {
    transform: translateZ(800px) translateY(800px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(3) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(3) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(3) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(4) {
    transform: translateZ(0) translateY(0) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(4) .info {
    top: 0;
    opacity: 0;
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(4) .bg {
    transition: 2.8s cubic-bezier(0.33, 0, 0, 1);
    opacity: 1;
    -webkit-animation: planet 60s linear 3.9s infinite;
    animation: planet 60s linear 3.9s infinite;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(4) .info {
    top: 7.4479166667vw;
    opacity: 1;
    transition: all 0.5s 3s;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(5) {
    transform: translateZ(-800px) translateY(-800px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(5) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(5) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(4):checked ~ .ball .item_ball:nth-of-type(5) .info {
    top: 0;
    opacity: 0;
  }
}
.bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:first-of-type {
  transform: translateZ(6000px) translateY(6000px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:first-of-type .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(2) {
  transform: translateZ(4500px) translateY(4500px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(2) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(3) {
  transform: translateZ(3000px) translateY(3000px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(3) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(4) {
  transform: translateZ(1500px) translateY(1500px) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(4) .info {
  transition: all 0.5s 0s;
  top: 0;
  opacity: 0;
}
.bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(5) {
  transform: translateZ(0) translateY(0) rotateX(4deg);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
}
.bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(5) .info {
  top: 0;
  opacity: 0;
  transition: all 0.5s 0s;
  top: 7.4479166667vw;
  opacity: 1;
  transition: all 0.3s 1.6s;
}
@media screen and (max-width: 1440px) {
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:first-of-type {
    transform: translateZ(3200px) translateY(3200px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:first-of-type .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:first-of-type .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:first-of-type .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(2) {
    transform: translateZ(2400px) translateY(2400px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(2) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(2) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(2) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(3) {
    transform: translateZ(1600px) translateY(1600px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(3) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(3) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(3) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(4) {
    transform: translateZ(800px) translateY(800px) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(4) .info {
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(4) .bg {
    opacity: 0;
    transition: 1.2s cubic-bezier(0.33, 0, 0, 1) 1.6s;
    -webkit-animation: none;
    animation: none;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(4) .info {
    top: 0;
    opacity: 0;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(5) {
    transform: translateZ(0) translateY(0) rotateX(4deg);
    opacity: 1;
    transition: transform 2.8s cubic-bezier(0.33, 0, 0, 1) 0.23s, opacity 2s 0.8s, box-shadow 0s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(5) .info {
    top: 0;
    opacity: 0;
    transition: all 0.5s 0s;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(5) .bg {
    transition: 2.8s cubic-bezier(0.33, 0, 0, 1);
    opacity: 1;
    -webkit-animation: planet 60s linear 3.9s infinite;
    animation: planet 60s linear 3.9s infinite;
  }
  .bodyagent .income .btn_input:nth-of-type(5):checked ~ .ball .item_ball:nth-of-type(5) .info {
    top: 7.4479166667vw;
    opacity: 1;
    transition: all 0.5s 3s;
  }
}
.bodyagent .process .module_container {
  padding-bottom: 10.1041666667vw;
}
.bodyagent .process .container_header {
  padding-bottom: 4.7916666667vw;
  line-height: 1;
}
.bodyagent .process .container_content {
  width: 80%;
  min-width: 1200px;
  padding: 0 3.3854166667vw;
  box-sizing: border-box;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 45px 92px 0 rgba(67, 37, 218, 0.3);
}
.bodyagent .process .content_list {
  --grey: #e9e9e9;
  --primary: #6c4fff;
  --primary-light: #6c4fff;
  --secondary: #fff;
  padding: 46px 0 42px;
  display: flex;
  align-items: center;
}
.bodyagent .process .item_block {
  width: 25%;
  float: left;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bodyagent .process .item_block.active .item_index,
.bodyagent .process .item_block:hover .item_index {
  top: 50%;
  opacity: 1;
}
.bodyagent .process .item_block.active .item_icon:before,
.bodyagent .process .item_block:hover .item_icon:before {
  -webkit-animation: drop-animation 0.35s ease-in both;
  animation: drop-animation 0.35s ease-in both;
}
.bodyagent .process .item_block.active .item_icon svg,
.bodyagent .process .item_block:hover .item_icon svg {
  -webkit-animation: stretch-animation 0.5s ease-out 0.3s;
  animation: stretch-animation 0.5s ease-out 0.3s;
}
.bodyagent .process .item_block.active .item_icon svg .icon-border,
.bodyagent .process .item_block:hover .item_icon svg .icon-border {
  -webkit-animation: clip-animation-border 0.5s ease 0.3s forwards;
  animation: clip-animation-border 0.5s ease 0.3s forwards;
}
.bodyagent .process .item_block.active .item_icon svg .icon-fill,
.bodyagent .process .item_block:hover .item_icon svg .icon-fill {
  -webkit-animation: clip-animation 0.5s ease 0.3s forwards;
  animation: clip-animation 0.5s ease 0.3s forwards;
}
.bodyagent .process .item_block.active .title,
.bodyagent .process .item_block:hover .title {
  color: #111;
}
.bodyagent .process .item_block .item_index {
  font-size: 166px;
  line-height: 1;
  color: hsla(0, 0%, 100%, 0.05);
  font-family: Techna-Sans-Regular-2;
  position: absolute;
  top: 0;
  right: 5%;
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodyagent .process .item_block .item_icon {
  width: 62px;
  height: 62px;
  margin-right: 14px;
  position: relative;
}
.bodyagent .process .item_block .item_icon:before {
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 0 100% 50% 50%/0 50% 50% 100%;
  transform: scale(1) rotate(45deg);
  transform-origin: 50% 50%;
  background: var(--primary-light);
  display: block;
  position: absolute;
  top: -65px;
  left: 50%;
}
.bodyagent .process .item_block .item_icon svg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.bodyagent .process .item_block .item_icon svg .icon {
  fill: var(--grey);
}
.bodyagent .process .item_block .item_icon svg .icon-border {
  fill: #fff;
  opacity: 0;
}
.bodyagent .process .item_block .item_icon svg .icon-fill {
  opacity: 0;
}
.bodyagent .process .item_block .item_icon .iconfont {
  font-size: 62px;
  line-height: 1;
  color: #6c4fff;
  display: none;
}
@media screen and (max-width: 1680px) {
  .bodyagent .process .item_block .item_wrapper {
    width: 65%;
  }
}
.bodyagent .process .item_block .title {
  font-size: 24px;
  line-height: 38px;
  color: #555;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
@media screen and (max-width: 1680px) {
  .bodyagent .process .item_block .title {
    font-size: 20px;
  }
}
.bodyagent .process .item_block .subtitle {
  font-size: 14px;
  line-height: 24px;
  color: #888;
}
.bodyagent .level .module_container {
  width: 73.38%;
  margin: 0 auto;
  padding-bottom: 13.3854166667vw;
}
.bodyagent .level .container_header .title {
  line-height: 74px;
}
.bodyagent .level .container_header .subtitle {
  font-size: 15px;
  line-height: 41px;
  color: hsla(0, 0%, 100%, 0.7);
}
.bodyagent .level .container_content {
  padding-top: 3.1770833333vw;
}
.bodyagent .level .content_list {
  margin-right: -28px;
}
.bodyagent .level .item_block {
  width: calc(33.33333% - 28px);
  margin-right: 28px;
  float: left;
  border-radius: 50px;
  background-color: #593ee5;
  text-align: center;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  padding: 67px 0 44px;
}
.bodyagent .level .item_block:hover {
  background-color: rgba(89, 62, 229, 0.5);
  box-shadow: 0 40px 50px 0 rgba(0, 0, 0, 0.2);
}
.bodyagent .level .item_block .title {
  font-size: 30px;
  line-height: 46px;
  color: #fff;
  font-weight: 700;
}
.bodyagent .level .item_block .subtitle {
  font-size: 16px;
  line-height: 30px;
  color: hsla(0, 0%, 100%, 0.7);
  margin-bottom: 6px;
}
.bodyagent .level .item_block .interest .num {
  font-size: 166px;
  line-height: 100px;
  color: #ffde00;
  font-family: Techna-Sans-Regular-2;
  padding-top: 55px;
  display: inline-block;
}
.bodyagent .level .item_block .interest .text {
  font-size: 36px;
  line-height: 1;
  color: #ffde00;
  vertical-align: bottom;
}
.bodyagent .level .item_block .interest .iconfont {
  font-size: 120px;
  line-height: 1;
  color: hsla(0, 0%, 100%, 0.5);
  display: inline-block;
  padding: 19px 0;
}
.bodyagent .level .item_block .interest .icon-guanbicuowu {
  transform: translateY(20px);
}
.bodyagent .level .item_block .tip {
  font-size: 15px;
  line-height: 55px;
  color: #fff;
  height: 55px;
}
.bodyagent .level .try_template {
  margin-top: 44px;
  background-color: hsla(0, 0%, 100%, 0.05);
  border-radius: 70px;
  display: flex;
  justify-content: space-between;
  padding: 35px 42px;
  box-sizing: border-box;
}
.bodyagent .level .try_template.complete .try_btn .btn svg .draw-arrow {
  stroke-dashoffset: 0;
  transition-delay: 0s;
  transition: 0.6s;
}
.bodyagent .level .try_template.complete .try_btn .btn svg .draw-arrow[class*="tail-"] {
  transition-delay: 0.2s;
  transition-duration: 1.04s;
}
.bodyagent .level .try_template .try_limit {
  width: 338px;
  position: relative;
  padding-left: 34px;
}
.bodyagent .level .try_template .try_limit:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: hsla(0, 0%, 100%, 0.2);
  transform: rotate(35deg);
  position: absolute;
  top: 0;
  left: 50%;
}
.bodyagent .level .try_template .item_limit {
  width: 50%;
  float: left;
  text-align: center;
}
.bodyagent .level .try_template .item_limit p {
  font-size: 32px;
  line-height: 44px;
  color: #fff;
  font-weight: 700;
}
.bodyagent .level .try_template .item_limit div {
  font-size: 15px;
  line-height: 26px;
  color: hsla(0, 0%, 100%, 0.7);
}
.bodyagent .level .try_template .try_btn {
  float: right;
}
.bodyagent .level .try_template .try_btn .tips {
  float: left;
  padding-top: 7px;
}
.bodyagent .level .try_template .try_btn .info {
  font-size: 20px;
  line-height: 34px;
  color: #fff;
  font-weight: 700;
  vertical-align: bottom;
}
.bodyagent .level .try_template .try_btn .money {
  font-size: 36px;
  line-height: 1;
  color: #ffde00;
  font-family: Techna-Sans-Regular-2;
  margin: 0 2px 0 8px;
}
.bodyagent .level .try_template .try_btn .unit {
  font-size: 15px;
  line-height: 34px;
  color: #ffde00;
  vertical-align: bottom;
}
.bodyagent .level .try_template .try_btn .tip {
  font-size: 14px;
  line-height: 27px;
  color: hsla(0, 0%, 100%, 0.7);
}
.bodyagent .level .try_template .try_btn .btn {
  float: right;
  font-size: 20px;
  line-height: 70px;
  color: #fff;
  font-weight: 700;
  padding: 0 80px;
  border-radius: 35px;
  background-color: #34cd8b;
  margin-left: 30px;
  position: relative;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.bodyagent .level .try_template .try_btn .btn:hover {
  background-color: rgba(250, 80, 81, 0.9);
}
.bodyagent .level .try_template .try_btn .btn svg {
  width: 84px;
  height: 84px;
  margin: 0 auto;
  transform: rotate(95deg);
  position: absolute;
  top: -74px;
  right: 40px;
}
.bodyagent .level .try_template .try_btn .btn svg .draw-arrow {
  stroke-width: 5;
  stroke: #ffde00;
  fill: none;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
}
.login_panel {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 999;
}
.login_panel .login_panel-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 1px);
  width: 520px;
  height: 550px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.login_panel .login_method-tab_box {
  position: relative;
  z-index: 10;
}
.login_panel .ui-tab-content:not([role]):not(:target),
.login_panel .ui-tab-content[role]:not(.active) {
  display: block;
}
.login_panel .login_method-tab_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 75px;
  height: 75px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.login_panel .login_method-tab_btn:after {
  position: absolute;
  transition: 0.36s ease;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  content: "";
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  background-color: #fff;
}
.login_panel .login_method-tab_btn:hover:after {
  left: -60%;
}
.login_panel .login_weixin-tab_btn {
  line-height: 28px;
  position: absolute;
  top: 32px;
  right: 66px;
  padding: 0 19px;
  transition: 0.26s ease;
  color: #999;
  border: 1px solid #dedede;
  border-radius: 14px;
}
.login_panel .login_weixin-tab_btn .iconfont {
  font-size: 18px;
  margin-right: 8px;
  color: #25c725;
  line-height: inherit;
  display: inline-block;
  vertical-align: top;
}
.login_panel .login_QR_code-panel {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  align-items: center;
  justify-content: center;
}
.login_panel .login_QR_code-panel .weixin-QR_box {
  margin-top: 36px;
  margin-bottom: 62px;
  text-align: center;
}
.login_panel .login_QR_code-panel .weixin-QR_box img {
  margin-bottom: 18px;
}
.login_panel .login_QR_code-panel .text {
  font-size: 12px;
  color: #333;
  line-height: 24px;
  text-align: center;
}
.login_panel .login_QR_code-panel .login_panel-oper_btn {
  display: flex;
  align-items: center;
}
.login_panel .login_QR_code-panel .login_panel-oper_btn--login,
.login_panel .login_QR_code-panel .login_panel-oper_btn--regiest {
  font-size: 16px;
  line-height: 26px;
  transition: color 0.26s ease;
  color: #999;
}
.login_panel .login_QR_code-panel .divi_line {
  flex: 0 0 auto;
  width: 1px;
  height: 11px;
  margin: 0 27px;
  background-color: #eee;
}
.login_panel .login_account_panel .login_account_panel-login_panel-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
}
.login_panel .login_account_panel .login_account_panel-login_panel {
  box-sizing: border-box;
  width: 400px;
  padding: 90px 0 70px;
  position: relative;
  overflow: hidden;
}
.login_panel .login_account_panel .ui-tab-tabs {
  box-sizing: border-box;
  margin: 0 20px;
  position: relative;
  display: flex;
  border: none;
}
.login_panel .login_account_panel .ui-tab-tabs:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
}
.login_panel .login_account_panel .ui-tab-tabs .ui-tab-tab {
  padding: 0;
  line-height: 40px;
  flex: 1 0 auto;
  cursor: pointer;
  transition: color 0.36s ease;
  text-align: center;
  color: #999;
  margin: 0;
  position: relative;
  z-index: 1;
}
.login_panel .login_account_panel .ui-tab-tabs .ui-tab-tab.active {
  color: #333;
  border-bottom: 1px solid;
}
.login_panel .login_account_panel .ui-tab-tabs .ui-tab-line {
  bottom: 0;
  border-bottom: 1px solid #333;
  z-index: 2;
  width: 50%;
  display: block;
}
.login_panel .login_account_panel .ui-tab-tabs .ui-tab-line ~ .ui-tab-tab {
  border-bottom: none;
}
.login_panel .login_account_panel .ui-tab-tabs .ui-tab-content[role]:not(.active) {
  display: block;
}
.login_panel .login_account_panel .ui-tab-contents {
  position: relative;
  margin-top: 0;
}
.login_panel .component-tab_card-item {
  padding: 0 20px;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.login_panel .component-tab_card-item.active {
  left: 0;
  position: relative;
}
.login_panel .login_account_panel-login_panel-form_input {
  margin: 24px 0 22px;
  position: relative;
}
.login_panel .login_account_panel-login_panel-form_input .input_wrapper {
  border-bottom: 1px solid #eaeaea;
}
.login_panel .login_account_panel-login_panel-form_input .input_wrapper:after {
  content: "";
  width: 40%;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: 0.36s ease;
  transform: translateX(-50%);
  opacity: 0;
  background-color: #34cd8b;
}
.login_panel .login_account_panel-login_panel-form_input .input_wrapper.not_empty .ui-input-placeholder,
.login_panel .login_account_panel-login_panel-form_input .input_wrapper.state_focus .ui-input-placeholder {
  font-size: 12px;
  transform: translateY(-22px);
  color: #999;
}
.login_panel .login_account_panel-login_panel-form_input .input_wrapper.state_focus:after {
  width: 100%;
  opacity: 1;
}
.login_panel .login_account_panel-login_panel-form_input .ui-input {
  border-radius: 0;
  border: none;
  padding: 0;
  font-size: 13px;
  line-height: 45px;
  color: #666;
  width: 100%;
  height: auto;
  position: relative;
  cursor: text;
}
.login_panel .login_account_panel-login_panel-form_input .ui-input-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transition: 0.1s linear;
  transform-origin: left bottom;
  will-change: transform;
  font-size: 15px;
  line-height: 45px;
  color: #bbb;
}
.login_panel .login_account_panel-login_panel-form_footer .login_account_panel-login_panel-form_footer-row {
  position: relative;
}
.login_panel .login_account_panel-login_panel-form_footer .login_account_panel-login_panel-form_footer-row:not(:last-child) {
  margin-bottom: 20px;
}
.login_panel .login_account_panel-login_panel-form_footer .page_component_verify {
  border-radius: 50px;
  width: 360px;
  height: 48px;
  border: 1px solid #eee;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 46px;
  text-align: center;
  color: #999;
}
.login_panel .login_account_panel-login_panel-form_footer .page_component_login {
  font-size: 15px;
  line-height: 48px;
  cursor: pointer;
  transition: 0.36s ease;
  text-align: center;
  color: #fff;
  border-radius: 24px;
  background-color: #34cd8b;
  box-shadow: 0 4px 10px rgba(52, 205, 139, 0.4);
}
.login_panel .login_account_panel-login_panel-form_footer .pos_left {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.login_panel .login_account_panel-login_panel-form_footer .ui-checkbox {
  border-radius: 100%;
  margin-right: 10px;
  color: #eee;
}
.login_panel .login_account_panel-login_panel-form_footer .checkbox_autoLogin:checked + .ui-checkbox,
.login_panel .login_account_panel-login_panel-form_footer .checkbox_autoLogin:checked:focus + .ui-checkbox {
  color: #333;
  background-color: #333;
}
.login_panel .login_account_panel-login_panel-form_footer .checkbox_autoLogin:checked + .ui-checkbox:hover,
.login_panel .login_account_panel-login_panel-form_footer .checkbox_autoLogin:focus + .ui-checkbox,
.login_panel .login_account_panel-login_panel-form_footer .checkbox_autoLogin:focus + .ui-checkbox:hover {
  color: #eee;
}
.login_panel .login_account_panel-login_panel-form_footer .ui-checkbox-text {
  line-height: 19px;
  font-size: 14px;
  color: #999;
  cursor: pointer;
}
.login_panel .login_account_panel-login_panel-form_footer .pos_right {
  font-size: 14px;
  color: #999;
}
.login_panel .login_account_panel-login_panel-form_footer .pos_right a {
  cursor: pointer;
}
.login_panel .login_account_panel-login_panel-form_footer .pos_right a:first-child {
  margin-right: 26px;
}
.pay_loading_dom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  bottom: 0;
  z-index: 99999;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  justify-content: center;
}
.pay_loading_dom_wrapper {
  position: relative;
  width: 400px;
  height: 160px;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 4px 7px 12px rgba(0, 0, 0, 0.2);
}
.pay_loading_dom_wrapper .pay_message {
  font-size: 16px;
  line-height: 32px;
  padding-top: 10px;
  margin-bottom: 16px;
  color: #999;
}
.pay_loading_dom-close_btn {
  position: absolute;
  right: 0;
  right: 16px;
  cursor: pointer;
  top: 11px;
  transform: scale(2);
  transition: 0.36s ease;
  color: #bbb;
}
.pay_loading_dom .windows8 {
  position: relative;
  width: 24px;
  height: 24px;
  margin: auto;
}
.pay_loading_dom .windows8 .wBall {
  position: absolute;
  width: 24px;
  height: 24px;
  opacity: 0;
  transform: rotate(225deg);
  -webkit-animation: orbit 6.96s infinite;
  animation: orbit 6.96s infinite;
}
.pay_loading_dom .windows8 .wBall .wInnerBall {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #000;
  left: 0;
  top: 0;
  border-radius: 10px;
}
.pay_loading_dom .windows8 #wBall_1 {
  -webkit-animation-delay: 1.52s;
  animation-delay: 1.52s;
}
.pay_loading_dom .windows8 #wBall_2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.pay_loading_dom .windows8 #wBall_3 {
  -webkit-animation-delay: 0.61s;
  animation-delay: 0.61s;
}
.pay_loading_dom .windows8 #wBall_4 {
  -webkit-animation-delay: 0.91s;
  animation-delay: 0.91s;
}
.pay_loading_dom .windows8 #wBall_5 {
  -webkit-animation-delay: 1.22s;
  animation-delay: 1.22s;
}
.view-indicator {
  position: fixed;
  z-index: 400;
  left: -47px;
  top: -47px;
  pointer-events: none;
  width: 94px;
  height: 94px;
  will-change: transform;
  text-align: center;
}
.view-indicator .color-circle {
  width: 100%;
  height: 100%;
  background-color: #5942d2;
  position: absolute;
  transform: scale(0);
  opacity: 0;
  border-radius: 50%;
}
.view-indicator .iconfont,
.view-indicator span {
  font-size: 16px;
  line-height: 94px;
  color: #fff;
  position: relative;
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.view-indicator .iconfont {
  font-size: 30px;
  line-height: 94px;
  color: #fff;
}
.view-indicator.mini .iconfont,
.view-indicator.mini span {
  opacity: 0;
}
.arrow {
  width: 120px;
  display: block;
  position: relative;
}
.arrow:hover .arrow_anime:before {
  transform: rotate(-45deg);
}
.arrow:hover .arrow_anime:after {
  transform: rotate(45deg);
}
.arrow .arrow_anime {
  width: 34px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #333;
}
.arrow .arrow_anime:hover:before {
  transform: rotate(-45deg);
}
.arrow .arrow_anime:hover:after {
  transform: rotate(45deg);
}
.arrow .arrow_anime:after,
.arrow .arrow_anime:before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: inherit;
  transform-origin: 0 50%;
  transition: 0.3s ease-in-out;
  transform: rotate(0);
}
.arrow .text {
  font-size: 16px;
  line-height: 36px;
  color: #222;
  display: inline-block;
  padding-left: 50px;
}
.notice-popup {
  z-index: 9999;
  position: fixed;
  left: 50%;
  bottom: 47px;
  max-width: 920px;
  transform: translate(-50%);
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
  border-radius: 40px;
  padding: 0 22px 0 36px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.notice-popup .notice-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notice-popup .swiper-container {
  height: 80px;
}
.notice-popup .swiper-container:after,
.notice-popup .swiper-container:before {
  content: "";
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.notice-popup .swiper-container:before {
  top: 0;
  background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
}
.notice-popup .swiper-container:after {
  bottom: 0;
  background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
}
.notice-popup .swiper-slide {
  font-size: 16px;
  line-height: 80px;
  color: #666;
  height: 80px;
}
.notice-popup .more {
  margin: 20px 0 20px 53px;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  padding: 0 28px;
  border-radius: 20px;
  background-color: #656bf2;
  flex: 0 0 auto;
}
@-webkit-keyframes smile {
  50% {
    stroke-dasharray: 20, 5.1327;
  }
}
@keyframes smile {
  50% {
    stroke-dasharray: 20, 5.1327;
  }
}
@-webkit-keyframes eyes {
  70% {
    stroke-dasharray: 1, 0, 0.5, 23.6327;
  }
}
@keyframes eyes {
  70% {
    stroke-dasharray: 1, 0, 0.5, 23.6327;
  }
}
@-webkit-keyframes ac-gn-item-searchshow {
  0% {
    opacity: 1;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
    animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
  }
  40% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(0.7);
  }
}
@keyframes ac-gn-item-searchshow {
  0% {
    opacity: 1;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
    animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
  }
  40% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(0.7);
  }
}
@-webkit-keyframes ac-gn-searchresults-items-show {
  0% {
    opacity: 0;
    transform: translateX(100px);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes ac-gn-searchresults-items-show {
  0% {
    opacity: 0;
    transform: translateX(100px);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes ac-gn-item-searchhide {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  60% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
    animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
  }
}
@keyframes ac-gn-item-searchhide {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  60% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
    animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
  }
}
@-webkit-keyframes ac-gn-searchform-fade {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
  }
  to {
    opacity: 1;
  }
}
@keyframes ac-gn-searchform-fade {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes ac-gn-searchform-slide {
  0% {
    transform: translate3d(100px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.12, 0.87, 0.15, 1);
    animation-timing-function: cubic-bezier(0.12, 0.87, 0.15, 1);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes ac-gn-searchform-slide {
  0% {
    transform: translate3d(100px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.12, 0.87, 0.15, 1);
    animation-timing-function: cubic-bezier(0.12, 0.87, 0.15, 1);
  }
  to {
    transform: translateZ(0);
  }
}
@-webkit-keyframes motion-blur-number-0 {
  0% {
    opacity: 0;
    color: rgba(51, 51, 51, 0.2);
    text-shadow: 0 10px 0 rgba(51, 51, 51, 0.2), 0 20px 0 rgba(51, 51, 51, 0.2), 0 33.3333333333px 0 rgba(51, 51, 51, 0.2), 0 40px 0 rgba(51, 51, 51, 0.2), 0 50px 0 rgba(51, 51, 51, 0.2),
      0 -10px 0 rgba(51, 51, 51, 0.2), 0 -20px 0 rgba(51, 51, 51, 0.2), 0 -33.3333333333px 0 rgba(51, 51, 51, 0.2), 0 -40px 0 rgba(51, 51, 51, 0.2), 0 -50px 0 rgba(51, 51, 51, 0.2);
    transform: translateZ(0) translateY(-100%);
    -webkit-transform: translateZ(0) translateY(-100%);
  }
  33% {
    opacity: 1;
  }
  to {
    color: #333;
    text-shadow: none;
    transform: translateZ(0) translateY(0);
    -webkit-transform: translateZ(0) translateY(0);
  }
}
@keyframes motion-blur-number-0 {
  0% {
    opacity: 0;
    color: rgba(51, 51, 51, 0.2);
    text-shadow: 0 10px 0 rgba(51, 51, 51, 0.2), 0 20px 0 rgba(51, 51, 51, 0.2), 0 33.3333333333px 0 rgba(51, 51, 51, 0.2), 0 40px 0 rgba(51, 51, 51, 0.2), 0 50px 0 rgba(51, 51, 51, 0.2),
      0 -10px 0 rgba(51, 51, 51, 0.2), 0 -20px 0 rgba(51, 51, 51, 0.2), 0 -33.3333333333px 0 rgba(51, 51, 51, 0.2), 0 -40px 0 rgba(51, 51, 51, 0.2), 0 -50px 0 rgba(51, 51, 51, 0.2);
    transform: translateZ(0) translateY(-100%);
    -webkit-transform: translateZ(0) translateY(-100%);
  }
  33% {
    opacity: 1;
  }
  to {
    color: #333;
    text-shadow: none;
    transform: translateZ(0) translateY(0);
    -webkit-transform: translateZ(0) translateY(0);
  }
}
@-webkit-keyframes masked-animation-left {
  0% {
    background-position: -40px;
  }
  to {
    background-position: 0;
  }
}
@keyframes masked-animation-left {
  0% {
    background-position: -40px;
  }
  to {
    background-position: 0;
  }
}
@-webkit-keyframes masked-animation-right {
  0% {
    background-position: 50px;
  }
  to {
    background-position: 10px;
  }
}
@keyframes masked-animation-right {
  0% {
    background-position: 50px;
  }
  to {
    background-position: 10px;
  }
}
@-webkit-keyframes gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
@keyframes gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
@-webkit-keyframes stretch-animation {
  25% {
    transform: scale3d(0.9, 1.2, 1);
    margin-top: 10px;
  }
  75% {
    transform: scale3d(1.1, 0.95, 1);
  }
}
@keyframes stretch-animation {
  25% {
    transform: scale3d(0.9, 1.2, 1);
    margin-top: 10px;
  }
  75% {
    transform: scale3d(1.1, 0.95, 1);
  }
}
@-webkit-keyframes drop-animation {
  70% {
    transform: scaleY(2) rotate(45deg);
    top: 0;
  }
  to {
    transform: scale(1.5, 0.5) rotate(45deg);
    top: 3px;
    opacity: 0;
  }
}
@keyframes drop-animation {
  70% {
    transform: scaleY(2) rotate(45deg);
    top: 0;
  }
  to {
    transform: scale(1.5, 0.5) rotate(45deg);
    top: 3px;
    opacity: 0;
  }
}
@-webkit-keyframes clip-animation {
  0% {
    opacity: 1;
    -webkit-clip-path: circle(0 at 50% -20%);
    clip-path: circle(0 at 50% -20%);
  }
  to {
    opacity: 1;
    -webkit-clip-path: circle(110% at top);
    clip-path: circle(110% at top);
  }
}
@keyframes clip-animation {
  0% {
    opacity: 1;
    -webkit-clip-path: circle(0 at 50% -20%);
    clip-path: circle(0 at 50% -20%);
  }
  to {
    opacity: 1;
    -webkit-clip-path: circle(110% at top);
    clip-path: circle(110% at top);
  }
}
@-webkit-keyframes clip-animation-border {
  0% {
    opacity: 1;
    -webkit-clip-path: circle(20% at 50% -20%);
    clip-path: circle(20% at 50% -20%);
  }
  to {
    opacity: 1;
    -webkit-clip-path: circle(130% at top);
    clip-path: circle(130% at top);
  }
}
@keyframes clip-animation-border {
  0% {
    opacity: 1;
    -webkit-clip-path: circle(20% at 50% -20%);
    clip-path: circle(20% at 50% -20%);
  }
  to {
    opacity: 1;
    -webkit-clip-path: circle(130% at top);
    clip-path: circle(130% at top);
  }
}
@-webkit-keyframes planet {
  0% {
    background-position-y: 0;
  }
  to {
    background-position-y: -1500px;
  }
}
@keyframes planet {
  0% {
    background-position-y: 0;
  }
  to {
    background-position-y: -1500px;
  }
}
@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    transform: rotate(180deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    transform: rotate(300deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    origin: 0;
  }
  30% {
    opacity: 1;
    transform: rotate(410deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    origin: 7%;
  }
  39% {
    opacity: 1;
    transform: rotate(645deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    origin: 30%;
  }
  70% {
    opacity: 1;
    transform: rotate(770deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    origin: 39%;
  }
  75% {
    opacity: 1;
    transform: rotate(900deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    origin: 70%;
  }
  76% {
    opacity: 0;
    transform: rotate(900deg);
  }
  to {
    opacity: 0;
    transform: rotate(900deg);
  }
}
@keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    transform: rotate(180deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    transform: rotate(300deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    origin: 0;
  }
  30% {
    opacity: 1;
    transform: rotate(410deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    origin: 7%;
  }
  39% {
    opacity: 1;
    transform: rotate(645deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    origin: 30%;
  }
  70% {
    opacity: 1;
    transform: rotate(770deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    origin: 39%;
  }
  75% {
    opacity: 1;
    transform: rotate(900deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    origin: 70%;
  }
  76% {
    opacity: 0;
    transform: rotate(900deg);
  }
  to {
    opacity: 0;
    transform: rotate(900deg);
  }
}
@-webkit-keyframes fadeZoomInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0) scaleY(0.8);
  }
  to {
    opacity: 1;
    transform: translateZ(0) scaleY(1);
  }
}
@keyframes fadeZoomInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0) scaleY(0.8);
  }
  to {
    opacity: 1;
    transform: translateZ(0) scaleY(1);
  }
}
@-webkit-keyframes zoomInSmall {
  0% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
@keyframes zoomInSmall {
  0% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  #mslider .container-content .item_wrapper {
    padding: 160px 0 50px;
  }
  #mslider .container-content .subtitle {
    font-size: 18px;
    line-height: 40px;
  }
  #mslider .container-content .title {
    font-size: 56px;
    line-height: 78px;
  }
  #mslider .container-content .item_btn div {
    font-size: 15px;
    width: 180px;
  }
  #mcounter .module_container {
    padding: 120px 0;
  }
  #news .container_category .more,
  #news .container_category .swiper-pagination-bullet {
    font-size: 14px;
    line-height: 32px;
  }
  #news .item_block .title {
    font-size: 18px;
    line-height: 72px;
  }
  .bodytemplate .page_content .container_header .title {
    font-size: 24px;
    line-height: 40px;
  }
  #footer .foot_nav a,
  #header #nav .navitem {
    font-size: 14px;
  }
  .bodytemplatepost .post_introduction .intr_info .info_head .title {
    font-size: 22px;
  }
  .bodytemplatepost .post_introduction .intr_info .info_head .subtitle {
    font-size: 12px;
    line-height: 26px;
  }
  .bodytemplatepost .post_introduction .intr_info .confirm_btn {
    font-size: 16px;
    line-height: 50px;
    border-radius: 5px;
  }
  .bodytemplatepost .post_introduction .intr_info .btn_wrapper {
    padding: 10px 0 30px;
    margin-bottom: 10px;
  }
  .bodytemplatepost .post_introduction .intr_info .temp_number {
    font-size: 12px;
  }
  .template .container_content .item_block .pro-mask {
    height: 32px;
    padding: 2px 0;
  }
  .template .container_content .item_block .title {
    font-size: 16px;
  }
  #client .container_header .title,
  #news .container_header .title,
  #template .container_header .title,
  .bodytemplate .page_content .container_header .title {
    font-size: 36px;
    line-height: 60px;
  }
  #case .container_header .subtitle,
  #client .container_header .subtitle,
  #template .container_header .subtitle,
  .bodytemplate .page_content .container_header .subtitle {
    font-size: 14px;
    line-height: 28px;
  }
  #case .container_header .subtitle,
  #client .container_header .subtitle {
    font-size: 14px;
  }
  #mcounter .content_list li .counterDX {
    font-size: 60px;
    line-height: 62px;
  }
  #mcounter .content_list li .unit {
    font-size: 14px;
    right: -18px;
  }
  #mcounter .content_list li .title {
    font-size: 14px;
  }
  .template .container_content .item_block .subtitle {
    font-size: 12px;
  }
  #mslider .item_block .subtitle {
    font-size: 20px;
    line-height: 40px;
  }
  #mslider .item_block .title {
    font-size: 64px;
    line-height: 86px;
  }
  .bodycase .banner,
  .bodycase .banner .bg {
    height: 400px;
  }
  .bodycase .banner .item_wrapper .title {
    font-size: 46px;
    line-height: 76px;
  }
  .bodytemplatepost .container_header .title {
    font-size: 22px;
  }
  .bodytemplatepost .container_header .subtitle {
    font-size: 14px;
  }
  .template .container_content .item_block .item_img {
    margin-bottom: 12px;
  }
  .template .container_content .item_block .item_wrapper {
    padding-left: 20px;
    padding-bottom: 12px;
  }
  .template .container_content .item_block .pro-mask a {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
  .template .container_content .item_block .pro-mask {
    height: 40px;
  }
}
@media (min-width: 1921px) {
  #header #logo .iconfont {
    font-size: 46px;
  }
  #header #drop_menu .title {
    font-size: 13px;
    line-height: 32px;
    border-radius: 30px;
    padding: 0 20px;
  }
  #header .header_right .iconfont {
    font-size: 24px;
  }
  #header .header_right .login-btn a {
    font-size: 16px;
    line-height: 38px;
    border-radius: 26px;
    width: 100px;
  }
  #header .content {
    height: 120px;
  }
  #header.mini .content {
    height: 80px;
  }
  #mslider .container-content {
    height: 900px;
  }
  #mslider .container-content .item_wrapper {
    padding: 320px 0 53px;
  }
  .bodylist .sitecontent,
  .bodylistpost .sitecontent {
    padding-top: 120px;
  }
  .bodytemplate .container_category a {
    font-size: 16px;
    line-height: 52px;
  }
  #client .container_header .title,
  #news .container_header .title,
  .bodytemplate .page_content .container_header .title {
    font-size: 54px;
    line-height: 90px;
    color: #333;
    font-family: hinted-NHaasGroteskDSPro-65Md, 微软雅黑;
  }
  #case .container_header .subtitle,
  #client .container_header .subtitle,
  #template .container_header .subtitle,
  .bodytemplate .page_content .container_header .subtitle {
    font-size: 20px;
    line-height: 40px;
    color: #999;
  }
  .template .container_content .item_block .title {
    font-size: 20px;
    line-height: 40px;
  }
  #mslider .container-content .title {
    font-size: 86px;
    line-height: 120px;
  }
  #header #nav .navitem {
    font-size: 18px;
    padding: 0 45px;
  }
  #client .item_block .title {
    font-size: 30px;
    line-height: 46px;
  }
  .uemo #contentArea .mobile-code {
    width: 220px;
    right: calc(50% - 520px);
  }
  .uemo #contentArea.mobile .area_wrapper {
    margin-top: 90px;
    padding: 48px 0 54px;
    width: 420px;
    border-radius: 40px;
    height: 760px;
  }
  .template .container_content .item_block .pro-mask a {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
  }
  .template .container_content .item_block .pro-mask {
    height: 50px;
  }
  #header .subnav_bg .subnav li .head .title {
    font-size: 48px;
    line-height: 72px;
  }
  #header .subnav_bg .subnav li .head .subtitle {
    font-size: 28px;
    line-height: 48px;
  }
  #header .subnav_bg .subnav li .con .item-con {
    font-size: 24px;
    line-height: 48px;
  }
  .bodyunitpost .pagePost {
    padding-top: 120px;
  }
}
#mcustomize .t-btn,
#mslider .item_block .item_btn .t-btn,
.bodyminiapp .t-btn {
  position: relative;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s, visibility 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
  color: #fff;
  transition: 0.467s cubic-bezier(0.84, 0, 0.16, 1);
}
#mcustomize .t-btn:hover,
#mslider .item_block .item_btn .t-btn:hover,
.bodyminiapp .t-btn:hover {
  transition: all 0.5s cubic-bezier(0.26, 0.5, 0.48, 1);
}
#mcustomize .t-btn:hover .t-btn__circle__wrapper,
#mslider .item_block .item_btn .t-btn:hover .t-btn__circle__wrapper,
.bodyminiapp .t-btn:hover .t-btn__circle__wrapper {
  transform: translateZ(0) scaleX(1);
  transition: border-color 0.5s cubic-bezier(0.26, 0.5, 0.48, 1), transform 0.5s cubic-bezier(0.26, 0.5, 0.48, 1);
}
#mcustomize .t-btn:hover .t-btn__circle__wrapper .t-btn__circle,
#mslider .item_block .item_btn .t-btn:hover .t-btn__circle__wrapper .t-btn__circle,
.bodyminiapp .t-btn:hover .t-btn__circle__wrapper .t-btn__circle {
  opacity: 1;
  transform: translate3d(-50%, -50%, 0) scale(1);
  transition: transform 0.5s cubic-bezier(0.26, 1, 0.48, 1);
}
#mcustomize .t-btn:hover .t-btn__panel,
#mslider .item_block .item_btn .t-btn:hover .t-btn__panel,
.bodyminiapp .t-btn:hover .t-btn__panel {
  opacity: 1;
  transform: translateZ(0) scaleX(1);
  transition: transform 0.5s cubic-bezier(0.26, 0.5, 0.48, 1);
}
#mcustomize .t-btn:hover .t-btn__label__circle .t-btn__label__circle__masked,
#mslider .item_block .item_btn .t-btn:hover .t-btn__label__circle .t-btn__label__circle__masked,
.bodyminiapp .t-btn:hover .t-btn__label__circle .t-btn__label__circle__masked {
  opacity: 1;
  transform: translateZ(0);
  transition: transform 0.666s cubic-bezier(0.26, 1, 0.48, 1) 0.167s;
}
#mcustomize .t-btn .t-btn__label,
#mslider .item_block .item_btn .t-btn .t-btn__label,
.bodyminiapp .t-btn .t-btn__label {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
#mcustomize .t-btn .t-btn__label .t-btn__label__masked,
#mslider .item_block .item_btn .t-btn .t-btn__label .t-btn__label__masked,
.bodyminiapp .t-btn .t-btn__label .t-btn__label__masked {
  transform: translateZ(0);
  transition: transform 0.666s cubic-bezier(0.26, 1, 0.48, 1) 0.666s;
  position: relative;
  display: block;
}
#mcustomize .t-btn .t-btn__circle__wrapper,
#mslider .item_block .item_btn .t-btn .t-btn__circle__wrapper,
.bodyminiapp .t-btn .t-btn__circle__wrapper {
  transform: translateZ(0) scaleX(0.875);
  transition: transform 0.333s cubic-bezier(0.66, 0, 0.34, 1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
#mcustomize .t-btn .t-btn__circle__wrapper .t-btn__circle,
#mslider .item_block .item_btn .t-btn .t-btn__circle__wrapper .t-btn__circle,
.bodyminiapp .t-btn .t-btn__circle__wrapper .t-btn__circle {
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
  transform: translate3d(-50%, -50%, 0) scale(0);
  transition: transform 0s cubic-bezier(0.26, 1, 0.48, 1) 0.333s, opacity 0.333s linear;
  width: 120%;
  height: 0;
  padding-top: 120%;
}
#mcustomize .t-btn .t-btn__panel,
#mslider .item_block .item_btn .t-btn .t-btn__panel,
.bodyminiapp .t-btn .t-btn__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateZ(0) scaleX(0.875);
  transition: transform 0.333s cubic-bezier(0.66, 0, 0.34, 1), opacity 0s linear 0.333s;
}
#mcustomize .t-btn .t-btn__label__circle,
#mslider .item_block .item_btn .t-btn .t-btn__label__circle,
.bodyminiapp .t-btn .t-btn__label__circle {
  position: absolute;
  top: calc(50% + 1px);
  left: 50%;
  display: block;
  overflow: hidden;
  z-index: 1;
  transform: translate3d(-50%, -50%, 0);
  color: #121212;
  width: 100%;
}
#mcustomize .t-btn .t-btn__label__circle .t-btn__label__circle__masked,
#mslider .item_block .item_btn .t-btn .t-btn__label__circle .t-btn__label__circle__masked,
.bodyminiapp .t-btn .t-btn__label__circle .t-btn__label__circle__masked {
  position: relative;
  display: block;
  opacity: 0;
  transform: translate3d(0, 75%, 0);
  transition: transform 0s cubic-bezier(0.26, 1, 0.48, 1) 0.333s, opacity 0.2s linear;
}
#mcustomize .t-btn .t-btn__panel__after,
#mslider .item_block .item_btn .t-btn .t-btn__panel__after,
.bodyminiapp .t-btn .t-btn__panel__after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0) scaleX(0.875);
  transition: transform 0.5s cubic-bezier(0.84, 0, 0.16, 1) 0.333s;
}
.bodycase .page_content .container_header .title {
  font-size: 38px;
  line-height: 56px;
}
@media screen and (max-width: 1680px) {
  #header .subnav_bg .subnav li .con {
    padding: 5% 10%;
  }
  #header .subnav_bg .subnav li .con .item-con {
    font-size: 14px;
    line-height: 36px;
  }
  #header .subnav_bg .subnav li .con .item-con span:before {
    height: 14%;
  }
  #header .subnav_bg .subnav li .con .icon {
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 23px;
  }
}
@media screen and (max-width: 1440px) {
  .bodycase .page_content .user .item_block .title {
    font-size: 30px;
  }
  .bodycase .page_content .user .item_block .description {
    margin-top: 4.8%;
  }
  .bodycase .page_content .user .item_block .web_btn {
    margin-top: 8.4%;
  }
  #header .subnav_bg .subnav li .con {
    padding: 5% 10%;
  }
  #header .subnav_bg .subnav li .con .item-con {
    font-size: 12px;
    line-height: 32px;
  }
  #header .subnav_bg .subnav li .con .item-con span:before {
    height: 14%;
  }
  #header .subnav_bg .subnav li .con .icon {
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 19px;
  }
}
.class_qidian_wpa {
  z-index: 999999;
}
.bodysinglepage.disable-between .sitecontent {
  padding: 0;
}
.template-page-slogan {
  display: flex;
  width: 88.75vw;
  margin: 0 auto;
  padding-bottom: 110px;
  padding-top: 50px;
}
.template-page-slogan .wow {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.template-page-slogan .wow:nth-child(2) {
  -webkit-animation-delay: 0.1;
  animation-delay: 0.1;
}
.template-page-slogan .header {
  width: 800px;
}
.template-page-slogan .title {
  font-size: 60px;
  color: #111;
}
.template-page-slogan .subtitle {
  font-size: 16px;
  line-height: 1.25em;
  color: #111;
}
.template-page-slogan .body {
  padding-top: 26px;
}
.template-page-slogan .desc {
  width: 580px;
  color: #666;
  font-size: 14px;
  line-height: 1.85em;
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(1turn);
  }
}
#orb-canvas {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.uebuilder-page {
  overflow: hidden;
}
.uebuilder-page .wrapper--limit-width {
  position: relative;
  z-index: 100;
}
.uebuilder-page ~ #footer {
  z-index: 100;
}
.uebuilder-page .ic,
.uebuilder-post-page .ic {
  line-height: unset;
}
.uebuilder-page ~ .notice-popup,
.uebuilder-post-page ~ .notice-popup {
  display: none;
}
.uebuilder-page .tpl-list-item,
.uebuilder-post-page .tpl-list-item {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  background: #fff;
  transition: 0.26s ease;
  box-shadow: 0 0 0 transparent;
}
.uebuilder-page .tpl-list-item:hover,
.uebuilder-post-page .tpl-list-item:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.uebuilder-page .tpl-list-item .item-thumb,
.uebuilder-post-page .tpl-list-item .item-thumb {
  position: relative;
}
.uebuilder-page .tpl-list-item .item-thumb:after,
.uebuilder-post-page .tpl-list-item .item-thumb:after {
  content: "";
  display: block;
  padding-top: 59.0909090909%;
}
.uebuilder-page .tpl-list-item .item-thumb img,
.uebuilder-page .tpl-list-item .item-thumb video,
.uebuilder-post-page .tpl-list-item .item-thumb img,
.uebuilder-post-page .tpl-list-item .item-thumb video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.uebuilder-page .tpl-list-item .item-title,
.uebuilder-post-page .tpl-list-item .item-title {
  font-size: 14px;
  line-height: 17px;
  color: #111;
  padding: 12px 15px;
}
.uebuilder-page .tpl-list-item .item-footer,
.uebuilder-post-page .tpl-list-item .item-footer {
  border-top: 1px solid #f0f0f0;
  padding: 12px 15px;
  display: flex;
  justify-content: space-between;
  color: #999;
  font-size: 12px;
}
.uebuilder-page .tpl-list-item .item-footer .tag,
.uebuilder-post-page .tpl-list-item .item-footer .tag {
  background: #f5f6fb;
  border-radius: 140px;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 17px;
  color: #111;
}
.uebuilder-page .tpl-list-item .item-footer .pos-right,
.uebuilder-post-page .tpl-list-item .item-footer .pos-right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.uebuilder-page .tpl-list-item .item-footer .start,
.uebuilder-page .tpl-list-item .item-footer .watch,
.uebuilder-post-page .tpl-list-item .item-footer .start,
.uebuilder-post-page .tpl-list-item .item-footer .watch {
  display: flex;
  align-items: center;
  gap: 5px;
}
.uebuilder-page .tpl-list-item .item-footer .start,
.uebuilder-post-page .tpl-list-item .item-footer .start {
  cursor: pointer;
}
.uebuilder-page .tpl-list-item .item-footer .start .ic,
.uebuilder-post-page .tpl-list-item .item-footer .start .ic {
  font-size: 14px;
}
.uebuilder-page .tpl-list-item .item-footer .watch .ic,
.uebuilder-post-page .tpl-list-item .item-footer .watch .ic {
  font-size: 12px;
}
.uebuilder-page .tpl-list-item .item-footer .start[data-active] .ic,
.uebuilder-post-page .tpl-list-item .item-footer .start[data-active] .ic {
  color: #ff7a00;
}
.uebuilder-page .tpl-list-item .item-footer .start[data-active] .ic:before,
.uebuilder-post-page .tpl-list-item .item-footer .start[data-active] .ic:before {
  content: "";
}
@-webkit-keyframes caret {
  50% {
    border-color: transparent;
  }
}
@keyframes caret {
  50% {
    border-color: transparent;
  }
}
.uebuilder-page {
  background-color: #fff;
}
.uebuilder-page .wrapper--limit-width {
  width: 90%;
  margin: 0 auto;
  min-width: 1200px;
  padding: 0 6%;
  box-sizing: border-box;
}
.uebuilder-page .uebuilder-header {
  text-align: center;
  margin-bottom: 60px;
}
.uebuilder-page .uebuilder-title {
  font-weight: 700;
  font-size: 64px;
  line-height: 130%;
  text-align: center;
  color: #111;
  margin-bottom: 25px;
}
.uebuilder-page .uebuilder-title .loop-text-box:after {
  display: inline-block;
  height: 1em;
  content: "";
  -webkit-animation: caret 1s steps(1) infinite;
  animation: caret 1s steps(1) infinite;
  vertical-align: middle;
  border-right: 0.1em solid;
}
.uebuilder-page .uebuilder-title .loop-text {
  display: block;
  display: none;
}
.uebuilder-page .uebuilder-subtitle {
  font-size: 16px;
  line-height: 160%;
  color: #666;
}
.uebuilder-page .uebuilder-oper {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}
.uebuilder-page .uebuilder-oper .oper-list {
  gap: 10px;
  display: flex;
  justify-content: center;
}
.uebuilder-page .uebuilder-oper .oper-btn {
  display: inline-block;
  padding: 14px 30px;
}
.uebuilder-page .uebuilder-oper .oper-btn[data-theme="green"] {
  border-radius: 5px;
  background: #19cd8b;
}
.uebuilder-page .uebuilder-oper .oper-btn[data-theme="black"] {
  border-radius: 5px;
  background: #181818;
}
.uebuilder-page .uebuilder-ad .ad-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.uebuilder-page .uebuilder-ad .ad-item {
  border-radius: 15px;
  padding: 40px;
}
.uebuilder-page .uebuilder-ad .ad-item .item-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 120%;
  margin-bottom: 25px;
  vertical-align: middle;
}
.uebuilder-page .uebuilder-ad .ad-item .item-title .ic {
  vertical-align: middle;
  font-weight: 500;
  font-size: 30px;
  margin-right: 16px;
}
.uebuilder-page .uebuilder-ad .ad-item .item-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
}
.uebuilder-page .uebuilder-ad .ad-item:first-of-type {
  color: #fff;
  background: #19cd8b;
}
.uebuilder-page .uebuilder-ad .ad-item:nth-of-type(2) {
  color: #111;
  background: #faff00;
}
.uebuilder-page .uebuilder-ad .ad-item:nth-of-type(2) .item-desc {
  color: #666;
}
.uebuilder-page .uebuilder-ad .ad-item:nth-of-type(3) {
  color: #fff;
  background: #2c48ff;
}
.uebuilder-page .uebuilder-body {
  margin-top: 60px;
  padding-bottom: 100px;
}
.uebuilder-page .uebuilder-body .tpl-category {
  position: relative;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.uebuilder-page .uebuilder-body .tpl-category:after {
  content: "";
  height: 1px;
  left: 0;
  top: 100%;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}
.uebuilder-page .uebuilder-body .tpl-category .category-list {
  position: relative;
  z-index: 10;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.uebuilder-page .uebuilder-body .tpl-category .list-item {
  font-size: 16px;
  line-height: 17px;
  color: #666;
  padding: 20px 26px;
  display: block;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
.uebuilder-page .uebuilder-body .tpl-category .list-item:after {
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  top: 100%;
}
.uebuilder-page .uebuilder-body .tpl-category .list-item[data-active] {
  color: #2c48ff;
}
.uebuilder-page .uebuilder-body .tpl-category .list-item[data-active]:after {
  background-color: #2c48ff;
}
.uebuilder-page .uebuilder-body .tpl-tags {
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
  align-items: flex-start;
}
.uebuilder-page .uebuilder-body .tpl-tags .tag-list {
  flex-wrap: wrap;
  display: flex;
  gap: 10px;
  max-width: calc(100% - 100px);
}
.uebuilder-page .uebuilder-body .tpl-tags .list-item {
  white-space: nowrap;
  font-size: 14px;
  padding: 8px 20px;
  line-height: 17px;
  border-radius: 50px;
  color: #111;
  cursor: pointer;
  display: block;
}
.uebuilder-page .uebuilder-body .tpl-tags .list-item .counter {
  color: #999;
}
.uebuilder-page .uebuilder-body .tpl-tags .list-item[data-active] {
  color: #fff;
  background: #2c48ff;
}
.uebuilder-page .uebuilder-body .tpl-tags .list-item[data-active] .counter {
  color: #fff;
}
.uebuilder-page .uebuilder-body .tpl-tags .theme-list {
  display: flex;
  gap: 10px;
  padding-top: 9px;
}
.uebuilder-page .uebuilder-body .tpl-tags .theme-item {
  padding: 2px;
  outline: 1px solid transparent;
  background-color: #fff;
  cursor: pointer;
}
.uebuilder-page .uebuilder-body .tpl-tags .theme-item[data-active] {
  outline-color: #2c48ff;
}
.uebuilder-page .uebuilder-body .tpl-tags .theme-item .theme-inner {
  width: 14px;
  height: 14px;
  vertical-align: top;
  border: 1px solid transparent;
  background-color: #fff;
}
.uebuilder-page .uebuilder-body .tpl-tags .theme-item[data-theme="white"] .theme-inner {
  border: 1px solid #ccc;
}
.uebuilder-page .uebuilder-body .tpl-tags .theme-item[data-theme="black"] .theme-inner {
  border: 1px solid #000;
  background-color: #000;
}
.uebuilder-page .uebuilder-body .tpl-tags .theme-item[data-theme="all"] .theme-inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAIAAAAmKNuZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyYzY0ZGQwMi1mMTFlLWIxNDMtOWY1YS03ZmIyMDhlMzk2YzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEU2RUIzRTkxMjNDMTFFRDhGRjQ4Qjg1MDM0ODE5QkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEU2RUIzRTgxMjNDMTFFRDhGRjQ4Qjg1MDM0ODE5QkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njg0OTdiYzEtMTkwNC05NjQ2LWE5Y2MtN2RmYjNhNjZmM2NmIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJjNjRkZDAyLWYxMWUtYjE0My05ZjVhLTdmYjIwOGUzOTZjNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtqGo8wAAAPbSURBVHjaTJWNjuwmDIVtMCSTafuq9zn7LL3906q9G8B2j83MqiMrQkz4ODYHh/3Xb2R/UmPqRELxPMg6zSY/unxI/0vO38v1na/f6PmdfvqDfv6bnh90fdJD6TQ/3Q/3Ria/eBP654NaI7YMokXExSt7YVemQm4Uv4r/EJWoGGapcIzxXiWvxSI+vQgtzHq+xzFIri8BjjRXIZjJ2bl6giqVQrUky12SVfZTaBQyz4AS4AqwfEMdhcCSCjgCXObAbVElRbFVslox1lggdL9xyMo5iPHjUAAE1m91qAAVj82EUWMXUEqULHAcEQL/p84z6RAYNH6xMliyeJW4cglWMalZfrfkahCrhrpKyzMKqUeEwJ0bFoNVgxvFbcyNVQqe1tk7WyMVNgmcRmmE/hWqRuLU/YULpUyGKKh0gHDSoUKccUTNqUEgZnbhAhQsjJHFjxqnBNx0Gk4HBoQz9RCLvJBR89Xt7KaNaifuzsB1zHNE3eVzbK+BgzqPgA5sPMLGDvctvIHSgHK4dtfTj9PlcD64HIHb5xCiUP00aTA+hfbpAycx4YMRNoutZuuwddq6bJ42TuunlW7AcUMdMraTiSxqDlxLr6Zjd6FaMeCG6C0Kyrx0PvW8dFwKXDuifEUiIy9p7Dy8DJxsS1txXiwYPo5OW1HgZl/znPe15jXHU49Lj1PbuaRrbcZVw4xYnKz8iX8+6G164LRW2GiNNmebq895zPmIuJ7z8VjjWv3Q1jRMFlfL05309r6gIhSzjN2oiJa6ikzE6vfqY573OsZ6ICY0nqcefTVZDTjsTa+6p1ETty5cHcdWGLPA24vbLO3T+tB+K57H0Me0c9mxoFebgtXKCiO+ceWNW/agKGpVQjQ1WdRHacP6HdGGnzcdg/r0rip4Qc+iGr4OX9boMLRTDnUGdTVewthleZvcb2+D2qYMbojJbbEo3kS/czYjNcLT08W81eE2KF3mdbkYpIXYdnNGarwjZdRRFmo/C3Bopsbpio2TcNxurIAitQeqph7qsP+kNkMgckxQqQPpm5jC1WnYld7kV/exNDBOcbdKZAdcVG3kc5FEdi6jyCCZkX5dVnZqptn966vw+xd90iJTbLbV1UlRFyyGLoxnzNQ9WNHv3+3VMrVF9IVLmfFRyG8EcOeKDhWLF2NxghjzYfrFrO+uui/mV/AbzZ4HQjGDZS0tkkmVknIywCJeuWS31C2N99dJ36fJrxsRzzhZTwdsLV62wGRFTpqfs/cFD9ZLl6Z792cgz3oTZWqPXl+iRso7wRIURKEvW3z9Ql18hF47cH6vsg3QUPpPgAEALUW3kWYUrC8AAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: cover;
}
.uebuilder-page .uebuilder-body .tpl-list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.uebuilder-page .uebuilder-body .sort-list {
  position: relative;
  z-index: 10;
  padding: 20px 0;
}
.uebuilder-page .uebuilder-body .sort-list:hover .sort-option-panel {
  visibility: visible;
  opacity: 1;
}
.uebuilder-page .uebuilder-body .sort-btn {
  position: relative;
  display: flex;
  align-items: center;
  color: #666;
  cursor: pointer;
  font-size: 16px;
  line-height: 17px;
}
.uebuilder-page .uebuilder-body .sort-btn i {
  font-size: 12px;
  line-height: 1;
  margin-left: 10px;
}
.uebuilder-page .uebuilder-body .sort-option-panel {
  position: absolute;
  top: 100%;
  right: 0;
  border-radius: 5px;
  background: #fff;
  transition: 0.26s ease;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  padding: 10px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.uebuilder-page .uebuilder-body .sort-option-panel .option-item {
  color: #666;
  font-size: 13px;
  font-style: normal;
  line-height: 240%;
  cursor: pointer;
  padding: 0 30px;
  white-space: nowrap;
  transition: 0.26s ease;
}
.uebuilder-page .uebuilder-body .sort-option-panel .option-item:hover {
  background-color: #e6e6e6;
}
.uebuilder-page .uebuilder-body .sort-option-panel .option-item[data-active] {
  background-color: #2c48ff;
  color: #fff;
}
.uebuilder-page .uebuilder-footer {
  margin-bottom: 100px;
}
.uebuilder-page .uebuilder-footer .load-bar {
  height: 1px;
  text-align: center;
  color: #575b66;
}
.uebuilder-page .uebuilder-footer .load-bar .ic {
  font-size: 20px;
  display: inline-block;
  transform: translateY(-50%);
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
}
@media screen and (max-width: 1760px) {
  .uebuilder-page .uebuilder-title {
    font-size: 58px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .uebuilder-page .uebuilder-title {
    font-size: 46px;
    margin-bottom: 12px;
  }
  .uebuilder-page .uebuilder-subtitle {
    font-size: 14px;
  }
  .uebuilder-page .uebuilder-ad .ad-item {
    border-radius: 15px;
    padding: 38px;
  }
  .uebuilder-page .uebuilder-ad .ad-item .item-title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .uebuilder-page .uebuilder-ad .ad-item .item-title .ic {
    font-size: 28px;
    margin-right: 16px;
  }
  .uebuilder-page .uebuilder-ad .ad-item .item-desc {
    font-size: 13px;
  }
  .uebuilder-page .uebuilder-body .tpl-category .list-item {
    font-size: 15px;
    line-height: 17px;
    padding: 18px 23px;
  }
  .uebuilder-page .uebuilder-body .tpl-tags .list-item {
    font-size: 13px;
    padding: 8px 18px;
    line-height: 16px;
    border-radius: 50px;
  }
  .uebuilder-page .uebuilder-body .sort-list {
    padding: 18px 0;
  }
}
@media screen and (max-width: 1200px) {
  .uebuilder-page .uebuilder-title {
    font-size: 42px;
    margin-bottom: 12px;
  }
  .uebuilder-page .uebuilder-ad .ad-item {
    border-radius: 15px;
    padding: 34px 38px;
  }
  .uebuilder-page .uebuilder-ad .ad-item .item-title {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .uebuilder-page .uebuilder-ad .ad-item .item-title .ic {
    font-size: 26px;
    margin-right: 14px;
  }
  .uebuilder-page .uebuilder-ad .ad-item .item-desc {
    font-size: 13px;
  }
  .uebuilder-page .uebuilder-body .tpl-category .list-item {
    font-size: 14px;
    line-height: 17px;
    padding: 16px 23px;
  }
  .uebuilder-page .uebuilder-body .tpl-tags .list-item {
    font-size: 12px;
    padding: 7px 16px;
  }
  .uebuilder-page .uebuilder-body .tpl-tags .theme-list {
    padding-top: 4px;
  }
  .uebuilder-page .uebuilder-body .sort-list {
    padding: 16px 0;
  }
}
.uebuilder-post-page .uebuilder-page-header {
  margin-bottom: 40px;
}
.uebuilder-post-page .uebuilder-page-header .wrapper--limit-width {
  width: 1320px;
  padding: 0 60px;
  max-width: 96%;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.uebuilder-post-page .uebuilder-page-header .uebuilder-page-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  color: #111;
}
.uebuilder-post-page .uebuilder-page-header .uebuilder-page-subtitle {
  margin-top: 8px;
  font-size: 14px;
  line-height: 120%;
  color: #999;
}
.uebuilder-post-page .uebuilder-page-header .pos-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.uebuilder-post-page .uebuilder-page-header .btn--bookmark,
.uebuilder-post-page .uebuilder-page-header .btn--download,
.uebuilder-post-page .uebuilder-page-header .btn--editor,
.uebuilder-post-page .uebuilder-page-header .btn--preview {
  border-radius: 85px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.uebuilder-post-page .uebuilder-page-header .btn--bookmark .ic,
.uebuilder-post-page .uebuilder-page-header .btn--download .ic,
.uebuilder-post-page .uebuilder-page-header .btn--editor .ic,
.uebuilder-post-page .uebuilder-page-header .btn--preview .ic {
  margin-left: 8px;
}
.uebuilder-post-page .uebuilder-page-header .btn--download {
  background-color: #19cd8b;
}
.uebuilder-post-page .uebuilder-page-header .btn--editor {
  background-color: #2c48ff;
}
.uebuilder-post-page .uebuilder-page-header .btn--bookmark {
  background-color: #ff7a00;
}
.uebuilder-post-page .uebuilder-page-header .btn--bookmark .text:after {
  content: attr(data-text);
}
.uebuilder-post-page .uebuilder-page-header .btn--bookmark .num {
  display: none;
}
.uebuilder-post-page .uebuilder-page-header .btn--bookmark[data-active] {
  color: #111;
  background-color: #fff;
  border: 1px solid #efefef;
}
.uebuilder-post-page .uebuilder-page-header .btn--bookmark[data-active] .num {
  display: block;
  margin-left: 8px;
}
.uebuilder-post-page .uebuilder-page-header .btn--bookmark[data-active] .text:after {
  content: attr(data-active-text);
}
.uebuilder-post-page .uebuilder-page-header .btn--bookmark[data-active] .ic {
  color: #ff7a00;
}
.uebuilder-post-page .uebuilder-page-header .btn--bookmark[data-active] .ic:before {
  content: "";
}
.uebuilder-post-page .uebuilder-page-header .btn--preview {
  color: #111;
  background-color: #fff;
  border: 1px solid #eee;
}
.uebuilder-post-page .uebuilder-page-preview {
  width: 1680px;
  margin: 0 auto;
  padding: 0 30px;
  max-width: 96%;
  box-sizing: border-box;
}
.uebuilder-post-page .uebuilder-page-preview[data-agent="mo"] .frame-box {
  border-radius: 30px;
}
.uebuilder-post-page .uebuilder-page-preview[data-agent="mo"] .preview-frame {
  border-radius: 30px;
  border: 5px solid #4e4e4e;
}
.uebuilder-post-page .uebuilder-page-preview[data-agent="mo"] .uebuilder-stage:after {
  padding-top: 920px;
}
.uebuilder-post-page .uebuilder-page-preview.is-fullscreen .uebuilder-stage .btn--change-size {
  background: #111;
}
.uebuilder-post-page .uebuilder-page-preview.is-fullscreen .uebuilder-stage .btn--change-size path {
  fill: #fff;
}
.uebuilder-post-page .uebuilder-page-preview.is-animating .frame-box:after {
  opacity: 1;
  transition: 0s;
  pointer-events: none;
}
.uebuilder-post-page .uebuilder-page-preview.is-animating .preview-inner .qr-code-box {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}
.uebuilder-post-page .uebuilder-page-preview .frame-box:after {
  content: "";
  position: absolute;
  font-family: iconfont !important;
  top: 0;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  transition: 0.26s ease;
  height: 100%;
  left: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  font-size: 70px;
  justify-content: center;
}
.uebuilder-post-page .uebuilder-stage {
  position: relative;
  border-radius: 10px;
  background: #fff;
}
.uebuilder-post-page .uebuilder-stage:after {
  content: "";
  display: block;
  padding-top: 44.6296296296%;
}
.uebuilder-post-page .uebuilder-stage .uebuilder-stage-inner {
  position: absolute;
  left: 0;
  right: 0;
  border-color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.uebuilder-post-page .uebuilder-stage .preview-header {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.uebuilder-post-page .uebuilder-stage .preview-header .btn--preview {
  display: flex;
  color: #181818;
  padding: 0 10px;
  border-radius: 5px;
  transition: 0.26s ease;
  font-family: Microsoft YaHei;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  gap: 8px;
  height: 28px;
  align-items: center;
}
.uebuilder-post-page .uebuilder-stage .preview-header .btn--preview:hover {
  background: #efefef;
}
.uebuilder-post-page .uebuilder-stage .preview-header .state-pos--right {
  display: flex;
}
.uebuilder-post-page .uebuilder-stage .agent-control {
  background: #efefef;
  border-radius: 3px;
  display: flex;
  position: relative;
  width: 80px;
  height: 28px;
}
.uebuilder-post-page .uebuilder-stage .agent-control .btn--agent-mo,
.uebuilder-post-page .uebuilder-stage .agent-control .btn--agent-pc {
  cursor: pointer;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.uebuilder-post-page .uebuilder-stage .agent-control .btn--agent-mo svg,
.uebuilder-post-page .uebuilder-stage .agent-control .btn--agent-pc svg {
  position: relative;
  z-index: 10;
}
.uebuilder-post-page .uebuilder-stage .agent-control .btn--agent-mo path,
.uebuilder-post-page .uebuilder-stage .agent-control .btn--agent-pc path {
  fill: #999;
  transition: 0.26s ease;
}
.uebuilder-post-page .uebuilder-stage .agent-control .btn--agent-mo[data-active] path,
.uebuilder-post-page .uebuilder-stage .agent-control .btn--agent-pc[data-active] path {
  fill: #111;
}
.uebuilder-post-page .uebuilder-stage .agent-control .btn--agent-mo .ic {
  font-size: 18px;
}
.uebuilder-post-page .uebuilder-stage .agent-control .btn--agent-pc .ic {
  font-size: 16px;
}
.uebuilder-post-page .uebuilder-stage .agent-control .btn-shadow {
  position: absolute;
  width: 38px;
  height: 26px;
  border: 1px solid #efefef;
  background: #fff;
  border-radius: 3px;
}
.uebuilder-post-page .uebuilder-stage .btn--change-size {
  width: 28px;
  height: 28px;
  margin-left: 20px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  transition: 0.26s ease;
}
.uebuilder-post-page .uebuilder-stage .btn--change-size path {
  fill: #111;
}
.uebuilder-post-page .uebuilder-stage .btn--change-size:hover {
  background: #efefef;
}
.uebuilder-post-page .uebuilder-stage .preview-inner {
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
}
.uebuilder-post-page .uebuilder-stage .preview-inner .frame-box {
  position: relative;
  z-index: 20;
  background: #fff;
}
.uebuilder-post-page .uebuilder-stage .preview-inner .qr-code-box {
  position: absolute;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: 0.26s;
  text-align: center;
  top: 50%;
  padding: 14px;
  border-radius: 10px;
  overflow: hidden;
  left: calc(50% + 240px);
  transform: translateY(-50%);
}
.uebuilder-post-page .uebuilder-stage .preview-inner .qr-code-box img {
  width: 170px;
  height: 170px;
}
.uebuilder-post-page .uebuilder-stage .preview-inner .qr-code-box span {
  display: block;
  font-size: 14px;
  margin-top: 5px;
}
.uebuilder-post-page .uebuilder-stage .frame-box {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
}
.uebuilder-post-page .uebuilder-stage .preview-frame {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.uebuilder-post-page .uebuilder-page-info {
  margin-top: 60px;
  padding-bottom: 160px;
}
.uebuilder-post-page .uebuilder-page-info .wrapper--limit-width {
  width: 1320px;
  padding: 0 60px;
  max-width: 96%;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.uebuilder-post-page .uebuilder-page-info .uebuilder-page-about {
  width: 800px;
}
.uebuilder-post-page .uebuilder-page-info .uebuilder-page-qa {
  width: 300px;
}
.uebuilder-post-page .uebuilder-page-info .uebuilder-page-qa .title {
  margin-bottom: 20px;
}
.uebuilder-post-page .uebuilder-page-info .uebuilder-page-qa .qa-list {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.uebuilder-post-page .uebuilder-page-info .uebuilder-page-qa .qa-item {
  padding: 4px 10px;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
}
.uebuilder-post-page .uebuilder-page-info .uebuilder-page-qa .footer {
  margin-top: 40px;
}
.uebuilder-post-page .uebuilder-page-info .uebuilder-page-qa .row {
  margin-bottom: 10px;
}
.uebuilder-post-page .uebuilder-page-info .uebuilder-page-qa .row-title {
  font-size: 13px;
  line-height: 120%;
  color: #999;
}
.uebuilder-post-page .uebuilder-page-info .uebuilder-page-qa .row-body {
  font-size: 13px;
  line-height: 120%;
  margin-left: 5px;
  color: #111;
}
.uebuilder-post-page .uebuilder-page-info .title {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: 20px;
  color: #111;
}
.uebuilder-post-page .uebuilder-page-info .preview-desc {
  margin-bottom: 60px;
}
.uebuilder-post-page .uebuilder-page-info .preview-desc .body {
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
  color: #666;
}
.uebuilder-post-page .uebuilder-page-info .preview-relate .tpl-list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.uebuilder-post-page .pop-layer {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}
.uebuilder-post-page .pop-layer .layer-inner {
  padding-bottom: 30px;
}
.uebuilder-post-page .pop-layer .img-box {
  position: relative;
  width: 880px;
  max-width: 60%;
  min-width: 880px;
}
.uebuilder-post-page .pop-layer .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.uebuilder-post-page .pop-layer .img-box:after {
  content: "";
  display: block;
  padding-top: 35.7386363636%;
}
.uebuilder-post-page .pop-layer .to-editor {
  display: block;
  margin-top: 20px;
  height: 50px;
  padding: 15px 20px;
  gap: 10px;
  border-radius: 100px;
  box-sizing: border-box;
  background: #19cd8b;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .uebuilder-post-page .uebuilder-page-info .wrapper--limit-width {
    display: flex;
    flex-direction: column-reverse;
  }
  .uebuilder-post-page .uebuilder-page-info .uebuilder-page-qa {
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
  }
  .uebuilder-post-page .uebuilder-page-info .uebuilder-page-about,
  .uebuilder-post-page .uebuilder-page-info .uebuilder-page-qa {
    width: 100%;
  }
}
#header .header_right .head img {
  display: inline-block;
  box-sizing: initial;
}