.header-sub-menu {
  z-index:998!important
}
.header-sub-menu .el-menu--popup {
  -webkit-box-shadow:0 2px 6px rgba(0,0,0,.06);
  box-shadow:0 2px 6px rgba(0,0,0,.06)
}
.top-header-area {
  position:fixed;
  top:0;
  right:0;
  width:100%;
  z-index:999
}
.top-header-area .header-area {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.top-header-area .pc-header {
  height:52px;
  padding:0 58px;
  opacity:1;
  background:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(85.87%,rgba(0,0,0,.14)),to(transparent));
  background:linear-gradient(180deg,#000,rgba(0,0,0,.14) 85.87%,transparent)
}
.top-header-area .pc-header .header-menu-area {
  height:100%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-bottom:none;
  background:none!important
}
.top-header-area .pc-header .header-menu-area .el-menu-item.is-active,
.top-header-area .pc-header .header-menu-area .el-menu-item:focus,
.top-header-area .pc-header .header-menu-area .el-menu-item:hover,
.top-header-area .pc-header .header-menu-area .el-submenu__title:hover {
  background:none!important;
  border-bottom-color:transparent!important;
  border-bottom:2px solid #1874ff !important;
  color: #1874ff !important
}
@media only screen and (max-width:1920px) {
  .top-header-area .pc-header .header-menu-area .el-menu-item,
  .top-header-area .pc-header .header-menu-area .el-submenu__title {
    padding:0 10px
  }
}
.top-header-area .pc-header .header-right-area {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.top-header-area .pc-header .header-right-area .right_btn {
  width:108px;
  height:30px;
  line-height:30px;
  border-radius:20px;
  background:#1874ff;
  color:#fff;
  cursor:pointer;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin-right:20px;
  text-align:center
}
.top-header-area .pc-header .header-right-area .right_btn:last-child {
  margin-right:0
}
.top-header-area .phone-header {
  height:50px;
  padding:0 16px;
  position:relative;
  background:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(85.87%,rgba(0,0,0,.14)),to(transparent));
  background:linear-gradient(180deg,#000,rgba(0,0,0,.14) 85.87%,transparent)
}
.top-header-area .phone-header .menu-area {
  background:#fff;
  position:absolute;
  top:50px;
  right:0;
  width:100vw;
  height:calc(100vh - 50px);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}
.top-header-area .phone-header .menu-area .menu-main-area {
  width:100%;
  height:0;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  overflow-y:auto
}
.top-header-area .phone-header .menu-area .menu-main-area .header-menu-area {
  padding:10px;
  border-right:none
}
.top-header-area .phone-header .menu-area .menu-main-area .header-menu-area .el-menu-item,
.top-header-area .phone-header .menu-area .menu-main-area .header-menu-area .el-submenu__title {
  height:44px!important;
  line-height:44px!important;
  margin-bottom:4px
}
.top-header-area .phone-header .menu-area .menu-main-area .header-menu-area .el-menu-item.is-active {
  background:#1a318f!important;
  border-radius:4px
}
.top-header-area .phone-header .menu-area .menu-bottom-area {
  width:100%;
  padding:0 28px 40px;
  opacity:1;
  -webkit-box-shadow:inset 0 1px 0 #e1e3e6;
  box-shadow:inset 0 1px 0 #e1e3e6
}
.top-header-area .phone-header .menu-area .menu-bottom-area .menu-bottom-area-btn {
  margin:12px auto 0;
  width:100%!important;
  height:38px!important;
  letter-spacing:2px
}
.header-sub-menu-area {
  width:620px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  background:none!important
}
.header-sub-menu-area .header-sub-menu-left-area {
  width:148px;
  border-right:1px solid #ccc
}
.header-sub-menu-area .header-sub-menu-left-area .header-sub-menu-left-area-item {
  height:43px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-size:16px;
  color:#333;
  cursor:pointer
}
.header-sub-menu-area .header-sub-menu-left-area .header-sub-menu-left-area-item.active {
  color:#fff;
  background:#1a318f
}
.header-sub-menu-area .header-sub-menu-right-area {
  padding:10px 20px
}
.header-sub-menu-area .header-sub-menu-right-area .scenes_title {
  height:22px;
  line-height:22px;
  color:#333;
  font-size:16px
}
.header-sub-menu-area .header-sub-menu-right-area .scenes_intro {
  margin-top:7px;
  height:60px;
  line-height:20px;
  color:#999;
  font-size:14px
}
.header-sub-menu-area .header-sub-menu-right-area .scenes_product {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  position:relative
}
.header-sub-menu-area .header-sub-menu-right-area .scenes_product .scenes_product_item {
  width:151px;
  height:164px;
  cursor:pointer;
  margin-right:32px
}
.header-sub-menu-area .header-sub-menu-right-area .scenes_product .scenes_product_item .scenes_product_item_name {
  height:22px;
  line-height:22px;
  color:#333;
  overflow:hidden
}
.header-sub-menu-area .header-sub-menu-right-area .scenes_product .scenes_product_item .scenes_product_item_img {
  width:143px;
  height:110px;
  margin-top:22px;
  margin-left:8px
}
.header-sub-menu-area .header-sub-menu-right-area .scenes_product .scenes_product_more {
  font-size:12px;
  color:#333;
  cursor:pointer
}
.el-menu--horizontal>.el-menu-item,
.el-menu--horizontal>.el-submenu .el-submenu__title {
  height:52px!important;
  color:#f0f0f0!important;
  line-height:52px!important;
  font-size:12px!important;
  margin-left:58px!important;
  letter-spacing:4px
}
.el-menu--horizontal .el-menu-item,
.el-menu--horizontal .el-submenu__title {
  margin-left:58px!important
}
@media only screen and (max-width:768px) {
  .top-header-area {
    -webkit-box-shadow:none;
    box-shadow:none
  }
}
.right_btn-bg {
  width:86px!important;
  height:25px!important;
  margin-left:50px!important;
  cursor:pointer
}
.head-menu-item:hover {
  font-weight:500;
  scale:1.01;
  -webkit-transition:scale .5s ease;
  transition:scale .5s ease
}
.el-submenu__title:hover {
  background:none!important
}
.close-img {
  width:28px!important;
  height:28px!important
}
.footer-area {
  background:#272727
}
.footer-area-main {
  z-index:1;
  margin:0 auto;
  padding:50px 0 17px 0;
  width:1440px;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.footer-area-main .footer_left {
  width:345px;
  -webkit-box-flex:0;
  -ms-flex:0 0 345px;
  flex:0 0 345px
}
.footer-area-main .footer_left .footer_left_logo {
  width:221px;
  height:35px
}
.footer-area-main .footer_left .footer_left_follow {
  margin-top:71px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  color:#999;
  font-size:16px
}
.footer-area-main .footer_left .footer_left_follow .footer_left_follow_icon {
  width:30px;
  height:21px;
  margin-right:18px;
  cursor:pointer
}
.footer-area-main .footer_left .footer_left_follow .footer_left_follow_icon:first-child {
  margin-left:28px
}
.footer-area-main .footer_left .footer_left_follow .footer_left_follow_icon:last-child {
  margin-right:0
}
.footer-area-main .footer_left .footer_left_follow_hint {
  margin-top:14px;
  color:#999;
  font-size:16px
}
.footer-area-main .menu-area {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.footer-area-main .menu-area-item {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  min-width:100px;
  margin-right:56px
}
.footer-area-main .menu-area-item:last-child {
  margin-right:0
}
.footer-area-main .menu-area-item p {
  font-size:24px;
  font-weight:600;
  letter-spacing:0;
  line-height:35px;
  color:#fff
}
.footer-area-main .menu-area-item .menu-area-item-child {
  margin-top:40px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}
.footer-area-main .menu-area-item a {
  cursor:pointer;
  font-size:18px;
  font-weight:400;
  letter-spacing:0;
  line-height:25px;
  color:#fff;
  margin-bottom:23px
}
.footer-area-main .menu-area-item a:hover {
  color:#f18d01
}
.footer-area-main .menu-area .contact-info-area .contact-info {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-bottom:24px
}
.footer-area-main .menu-area .contact-info-area .contact-info-line {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  margin-bottom:16px
}
.footer-area-main .menu-area .contact-info-area .contact-info-line:last-child {
  margin-bottom:0
}
.footer-area-main .menu-area .contact-info-area .contact-info-line-icon {
  width:24px;
  height:24px;
  line-height:0;
  margin-right:8px
}
.footer-area-main .menu-area .contact-info-area .contact-info-line-content-title {
  font-size:16px;
  font-weight:600;
  letter-spacing:0;
  line-height:24px;
  color:#fff
}
.footer-area-main .menu-area .contact-info-area .contact-info-line-content-desc {
  font-size:14px;
  font-weight:400;
  letter-spacing:0;
  line-height:22px;
  color:hsla(0,0%,100%,.6);
  margin-top:4px
}
.footer-area-main .menu-area .contact-info-area .third-qr-area {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.footer-area-main .menu-area .contact-info-area .third-qr-area-item {
  margin-right:16px;
  position:relative;
  line-height:0
}
.footer-area-main .menu-area .contact-info-area .third-qr-area-item:not(.active) .default-image {
  display:inline-block
}
.footer-area-main .menu-area .contact-info-area .third-qr-area-item.active .default-image,
.footer-area-main .menu-area .contact-info-area .third-qr-area-item:not(.active) .active-image,
.footer-area-main .menu-area .contact-info-area .third-qr-area-item:not(.active) .current-qr-image {
  display:none
}
.footer-area-main .menu-area .contact-info-area .third-qr-area-item.active .active-image,
.footer-area-main .menu-area .contact-info-area .third-qr-area-item.active .current-qr-image {
  display:inline-block
}
.footer-area-main .menu-area .contact-info-area .third-qr-area-item-icon {
  width:40px;
  height:40px;
  line-height:0
}
.footer-area-main .menu-area .contact-info-area .third-qr-area-item:last-child {
  margin-right:0
}
.footer-area-main .menu-area .contact-info-area .third-qr-area-item .current-qr-image {
  position:absolute;
  bottom:-96px;
  left:0;
  width:80px;
  height:80px
}
.footer-area-main .friend-link-area {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:24px 0
}
.footer-area-main .friend-link-area-item {
  margin-right:12px;
  font-size:16px;
  font-weight:400;
  letter-spacing:0;
  line-height:24px;
  color:hsla(0,0%,100%,.4)
}
.footer-area-main .friend-link-area a:hover {
  color:#f18d01
}
.footer-area-main .footer-divider {
  width:100%;
  height:1px;
  opacity:1;
  background:hsla(0,0%,100%,.1)
}
.footer-area .register-info-area {
  width:1440px;
  font-size:20px;
  font-weight:400;
  letter-spacing:0;
  line-height:26px;
  color:#999;
  margin:0 auto;
  padding-bottom:42px;
  border-top:2px solid #999;
  padding-top:11px
}
.footer-area .register-info-area span {
  margin-left:20px
}
@media only screen and (max-width:768px) {
  .footer-area {
    background:#272727
  }
  .footer-area .footer-area-main-phone {
    z-index:1;
    margin:0 auto;
    padding:10px 0 5px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%
  }
  .footer-area .footer-area-main-phone .footer_left_logo {
    width:140px;
    height:22px
  }
  .footer-area .footer-area-main-phone .footer_left_follow_hint {
    margin-top:5px;
    color:#999;
    font-size:12px;
    line-height:16px;
    text-align:center
  }
  .footer-area .footer-area-main-phone .register-info-text {
    margin-top:5px;
    font-size:14px;
    font-weight:400;
    letter-spacing:0;
    line-height:20px;
    color:#999;
    text-align:center
  }
}
.footer_all_bg {
  width:100%;
  height:80px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACqwAAACeCAMAAAB68knIAAAAA1BMVEUAAACnej3aAAAACXBIWXMAAAsSAAALEgHS3X78AAAHcklEQVR4Xu3QAQ0AAADCoPdPbQ43iEBhwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDDwNzCXIAABaaTGxAAAAABJRU5ErkJggg==);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:100% 100%
}
.a-foot-all-text,
.footer_all_bg {
  font-size:11px;
  line-height:11px;
  font-weight:400;
  color:#b1b1b1!important;
  letter-spacing:1px
}
.a-foot-all-text:hover {
  color:#1874ff!important
}
.foot-icon-img {
  width:14px;
  height:14px;
  margin-right:5px
}
* {
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  outline:none
}
body {
  color:#333;
  font-family:Helvetica
}
img {
  -o-object-fit:cover;
  object-fit:cover
}
input,
textarea {
  font-family:Helvetica
}
img {
  vertical-align:middle;
  border:none
}
a {
  color:#333;
  text-decoration:none
}
p {
  margin:0
}
a:hover {
  text-decoration:none!important
}
a:focus {
  text-decoration:none;
  background-color:transparent
}
ol,
ul {
  list-style:none
}
.fl {
  float:left
}
.fr {
  float:right
}
.clearfix {
  overflow:auto;
  zoom:1
}
input,
textarea {
  outline:none
}
input::-webkit-input-placeholder {
  color:#e6e6e6
}
input:-moz-placeholder,
input::-moz-placeholder {
  color:#e6e6e6
}
input:-ms-input-placeholder {
  color:#e6e6e6
}
textarea::-webkit-input-placeholder {
  color:#e6e6e6
}
textarea:-moz-placeholder,
textarea::-moz-placeholder {
  color:#e6e6e6
}
textarea:-ms-input-placeholder {
  color:#e6e6e6
}
.iconfont {
  font-family:iconfont!important;
  font-size:12px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
@font-face {
  font-family:iconfont;
  src:url(//at.alicdn.com/t/font_812313_38ktlzxpwey.eot);
  src:url(//at.alicdn.com/t/font_812313_38ktlzxpwey.eot#iefix) format("embedded-opentype"),
  url(//at.alicdn.com/t/font_812313_38ktlzxpwey.woff2) format("woff2"),
  url(//at.alicdn.com/t/font_812313_38ktlzxpwey.woff) format("woff"),
  url(//at.alicdn.com/t/font_812313_38ktlzxpwey.ttf) format("truetype"),
  url(//at.alicdn.com/t/font_812313_38ktlzxpwey.svg#iconfont) format("svg")
}
@media only screen and (min-width:768px) {
  .phone {
    display:none!important
  }
}
@media only screen and (max-width:768px) {
  .pc {
    display:none!important
  }
}
.fs28 {
  font-size:28px!important;
  line-height:36px!important
}
.fs24,
.fs28 {
  font-family:Arial,PingFangSC-Regular,Microsoft YaHei,sans-serif!important
}
.fs24 {
  font-size:24px!important;
  line-height:32px!important
}
.fs20 {
  font-size:20px!important;
  line-height:28px!important
}
.fs18,
.fs20 {
  font-family:Arial,PingFangSC-Regular,Microsoft YaHei,sans-serif!important
}
.fs18 {
  font-size:18px!important;
  line-height:26px!important
}
.fs16 {
  font-size:16px!important;
  line-height:24px!important
}
.fs14,
.fs16 {
  font-family:Arial,PingFangSC-Regular,Microsoft YaHei,sans-serif!important
}
.fs14 {
  font-size:14px!important;
  line-height:22px!important
}
.fs12 {
  font-size:12px!important;
  line-height:20px!important;
  font-family:Arial,PingFangSC-Regular,Microsoft YaHei,sans-serif!important
}
.font-weight-600 {
  font-weight:600
}
.font-weight-400 {
  font-weight:400
}
.text-color-brand {
  color:#1a318f!important
}
.text-color-one {
  color:#272727!important
}
.text-color-two {
  color:#666!important
}
.text-color-three {
  color:#999!important
}
.text-color-tip {
  color:#bfbfbf!important
}
.text-color-red {
  color:#c21f30
}
.text-color-green {
  color:#007463
}
.text-color-blue {
  color:#09569e!important
}
.hide-area {
  display:none
}
.click-area {
  cursor:pointer
}
.hide-text {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.middle-area {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center!important;
  -ms-flex-align:center!important;
  align-items:center!important;
  -webkit-box-pack:center!important;
  -ms-flex-pack:center!important;
  justify-content:center!important
}
.hide-scrollbar-area {
  -ms-overflow-style:none;
  scrollbar-width:none
}
.hide-scrollbar-area::-webkit-scrollbar {
  display:none
}
.common-blue-tabs-area {
  width:100%;
  overflow:auto hidden;
  background:#f6f8fa;
  white-space:nowrap;
  margin-bottom:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.common-blue-tabs-area-item {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  height:56px;
  opacity:1;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:20px;
  font-weight:600;
  letter-spacing:0;
  line-height:36px;
  color:#333;
  text-align:center;
  vertical-align:top;
  min-width:150px
}
.common-blue-tabs-area-item:not(.active-tab-item):hover {
  color:#409eff
}
.common-blue-tabs-area .active-tab-item {
  background:#409eff;
  color:#fff
}
@media only screen and (max-width:768px) {
  .common-blue-tabs-area-item {
    height:48px;
    font-size:16px;
    line-height:24px;
    min-width:120px
  }
}
.common-blue-text-btn {
  font-weight:400;
  color:#409eff;
  text-align:center;
  vertical-align:middle
}
.common-blue-btn,
.common-blue-text-btn {
  font-size:14px;
  letter-spacing:2px;
  line-height:22px
}
.common-blue-btn {
  opacity:1;
  border-radius:4px;
  background:#409eff;
  font-weight:500;
  color:#fff;
  text-align:left;
  vertical-align:top;
  padding:9px 28px
}
@media only screen and (max-width:768px) {
  .common-blue-btn {
    font-size:12px;
    line-height:20px;
    padding:4px 16px
  }
}
.common-card-area,
.common-card-area .common-card {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.common-card-area .common-card {
  overflow:hidden;
  margin-right:40px;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  opacity:1;
  border-radius:12px;
  background:#fff;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:40px 40px 40px 40px
}
.common-card-area .common-card:last-child {
  margin-right:0
}
.common-card-area .common-card-header {
  text-align:center
}
.common-card-area .common-card-header-icon {
  margin-bottom:20px;
  line-height:0
}
.common-card-area .common-card-header-title {
  font-size:20px;
  font-weight:600;
  letter-spacing:0;
  line-height:28px;
  color:#333;
  text-align:center;
  vertical-align:middle
}
.common-card-area .common-card-header-tag {
  margin-top:10px;
  opacity:1;
  border-radius:100px;
  border:1px solid #1a318f;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  height:24px;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:2px 16px 2px 16px;
  font-size:12px;
  font-weight:500;
  letter-spacing:0;
  line-height:20px;
  color:#1a318f;
  text-align:left;
  vertical-align:top
}
.common-card-area .common-card-divider {
  margin:20px 0;
  width:100%;
  height:1px;
  opacity:1;
  background:#f5f7fa
}
.common-card-area .common-card-blue-divider {
  margin:20px 0 40px;
  width:20%;
  height:2px;
  opacity:1;
  background:#409fff
}
.common-card-area .common-card-content {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  font-size:14px;
  font-weight:400;
  letter-spacing:0;
  line-height:22px;
  color:#666;
  text-align:left;
  vertical-align:top
}
.common-card-area .common-card-button {
  margin-top:20px
}
@media only screen and (max-width:768px) {
  .common-card-area {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
  .common-card-area .common-card {
    margin-right:0;
    margin-bottom:40px
  }
  .common-card-area .common-card:last-child {
    margin-bottom:0
  }
}
.common-banner-text-area {
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  max-width:1384px;
  padding:160px 72px 0;
  margin:0 auto;
  position:relative
}
.common-banner-text-area img:first-child {
  margin-bottom:20px
}
.common-banner-text-area-title-img {
  width:43.84%;
  margin-bottom:0!important
}
.common-banner-text-area-title-img2 {
  width:34.83%
}
.common-banner-text-area-title {
  font-size:48px;
  font-weight:500;
  letter-spacing:2px;
  line-height:56px;
  color:#272727;
  text-align:left;
  vertical-align:top;
  margin-bottom:24px
}
.common-banner-text-area-desc {
  font-size:18px;
  line-height:26px
}
.common-banner-text-area-desc,
.common-banner-text-area-tag {
  font-weight:400;
  letter-spacing:0;
  color:#666;
  text-align:left;
  vertical-align:top
}
.common-banner-text-area-tag {
  border-radius:100px;
  border:1px solid #d5d7d9;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:4px 16px;
  font-size:16px;
  line-height:24px;
  margin:16px 12px 0 0
}
.common-banner-text-area-button-area {
  margin-top:56px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.common-banner-text-area-button {
  opacity:1;
  border-radius:4px;
  background:#fff;
  display:inline-block;
  font-size:14px;
  font-weight:500;
  letter-spacing:2px;
  line-height:22px;
  color:#409eff;
  text-align:left;
  vertical-align:top;
  padding:9px 28px;
  margin-right:20px
}
.common-banner-text-area .brand-bg-button {
  border:none;
  height:48px
}
.common-banner-text-area .brand-white-bg-button {
  height:48px
}
.common-banner-text-area .price-button {
  color:#fff;
  border:1px solid #fff;
  background:unset
}
@media only screen and (max-width:768px) {
  .common-banner-text-area {
    padding:80px 16px 0;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  .common-banner-text-area img:first-child {
    margin-bottom:12px
  }
  .common-banner-text-area-title-img {
    width:50%;
    margin-top:24px;
    margin-bottom:24px!important
  }
  .common-banner-text-area-title-img2 {
    width:39.73%
  }
  .common-banner-text-area-title {
    font-size:24px;
    line-height:26px;
    text-align:center;
    margin-bottom:12px
  }
  .common-banner-text-area-desc {
    font-size:14px;
    line-height:22px;
    text-align:center
  }
  .common-banner-text-area-tag {
    padding:2px 12px;
    font-size:12px;
    line-height:20px
  }
  .common-banner-text-area-button-area {
    margin-top:20px
  }
  .common-banner-text-area-button {
    margin:0 8px;
    font-size:12px;
    line-height:20px;
    padding:4px 16px
  }
  .common-banner-text-area .brand-bg-button,
  .common-banner-text-area .brand-white-bg-button {
    font-size:14px;
    height:32px;
    padding:0 16px
  }
}
.black-text-btn {
  font-size:14px!important;
  line-height:22px!important;
  color:#272727!important
}
.black-text-btn:hover {
  color:#1a318f!important
}
.white-brand-function-btn {
  color:#1a318f!important;
  background:#fff!important;
  -webkit-box-shadow:inset 0 0 0 1px #1a318f;
  box-shadow:inset 0 0 0 1px #1a318f
}
.brand-function-btn,
.white-brand-function-btn {
  font-size:14px!important;
  line-height:22px!important;
  font-weight:600!important;
  border:none!important;
  height:32px;
  opacity:1;
  border-radius:4px;
  display:-webkit-inline-box!important;
  display:-ms-inline-flexbox!important;
  display:inline-flex!important;
  -webkit-box-pack:center!important;
  -ms-flex-pack:center!important;
  justify-content:center!important;
  -webkit-box-align:center!important;
  -ms-flex-align:center!important;
  align-items:center!important;
  padding:0 16px!important
}
.brand-function-btn {
  color:#fff!important;
  background:#1a318f!important
}
.common-page {
  position:relative;
  width:100%
}
.common-page .common-top-banner {
  position:relative;
  overflow:hidden;
  line-height:0
}
.common-page .common-top-banner .common-carousel-container .banner_a img {
  -o-object-position:center center;
  object-position:center center
}
.common-page .common-top-banner .common-carousel-container .el-carousel__button {
  background:#fff;
  height:7px;
  width:47px
}
.common-page .common-top-banner .common-carousel-container .el-carousel__indicator.is-active button {
  background:#1874ff
}
.common-page .common-top-banner .common-carousel-container .el-carousel__container {
  height:100%
}
.common-page .common-page-main-without-banner {
  padding-top:64px
}
.common-page .common-page-main .common-page-main-item .page-main-area {
  z-index:1;
  margin:0 auto;
  position:relative
}
.common-page .common-page-main .common-page-main-item .page-main-area .page-main-area-common-title {
  text-align:center;
  margin:67px 0 20px
}
.common-page .common-page-main .common-page-main-item .page-main-area .page-main-area-common-title .title {
  font-size:36px;
  font-weight:700;
  letter-spacing:0;
  line-height:49px;
  color:#272727;
  text-align:center;
  vertical-align:middle
}
.common-page .common-page-main .common-page-main-item .page-main-area .page-main-area-common-title .desc {
  font-size:18px;
  font-weight:400;
  letter-spacing:0;
  line-height:26px;
  color:#999;
  text-align:center;
  vertical-align:middle
}
.common-page .common-page-main .common-page-main-item .page-main-area .page-main-area-common-content {
  visibility:visible!important
}
.common-page .common-page-main .common-page-main-item .page-main-area .page-main-area-common-content .flex-no-warp-area {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media only screen and (max-width:768px) {
  .common-page .common-page-main .common-page-main-item .page-main-area .page-main-area-common-content .flex-no-warp-area {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.common-page .common-page-main .common-page-main-item:nth-child(2n),
.common-page .common-page-main .common-page-main-item:nth-child(odd) {
  background:#fff
}
@media only screen and (min-width:768px) {
  .common-page .common-top-banner .common-carousel-container .el-carousel__indicators--horizontal {
    right:0;
    left:0;
    bottom:77px;
    max-width:1920px;
    width:100%;
    padding:0 72px;
    margin:0 auto;
    -webkit-transform:unset;
    transform:unset;
    text-align:center
  }
}
@media only screen and (max-width:768px) {
  .common-page {
    background:#efefef
  }
  .common-page .common-top-banner .common-carousel-container {
    height:320px
  }
  .common-page .common-page-main-without-banner {
    padding-top:50px
  }
  .common-page .common-page-main .common-page-main-item .page-main-area {
    padding:10px 16px;
    width:100%
  }
  .common-page .common-page-main .common-page-main-item .page-main-area .page-main-area-common-title {
    margin:10px 0 10px
  }
  .common-page .common-page-main .common-page-main-item .page-main-area .page-main-area-common-title .title {
    font-size:24px;
    line-height:32px
  }
  .common-page .common-page-main .common-page-main-item .page-main-area .page-main-area-common-title .desc {
    font-size:14px;
    line-height:22px;
    margin-top:3px
  }
}
.line-2-ellipsis {
  word-break:break-all;
  text-overflow:ellipsis;
  display:-webkit-box;
  /*! autoprefixer: off */-webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden
}
.self-animation-area {
  overflow:hidden
}
.self-animation-area .self-fade-in {
  opacity:0;
  -webkit-transition:opacity .5s ease-out;
  transition:opacity .5s ease-out
}
.self-animation-area:hover .self-fade-in {
  opacity:1
}
.self-bg-image-area {
  position:relative
}
.self-bg-image-area .self-bg-image {
  position:absolute;
  top:0;
  right:0;
  line-height:0;
  z-index:0;
  width:100%;
  height:100%
}
.self-bg-image-area .self-bg-image img {
  -o-object-position:right bottom;
  object-position:right bottom
}
.brand-text-btn {
  font-size:14px!important;
  line-height:22px!important;
  font-family:Arial,PingFangSC-Regular,Microsoft YaHei,sans-serif!important;
  padding:0!important;
  font-weight:600!important;
  border:none!important
}
.brand-text-btn,
.brand-text-btn:active,
.brand-text-btn:hover {
  color:#1a318f!important
}
.brand-bg-button {
  height:40px;
  background:#1a318f!important;
  color:#fff!important;
  border-radius:4px!important;
  border:none!important;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding-top:0!important;
  padding-bottom:0!important;
  padding-right:24px;
  padding-left:24px;
  font-size:16px!important;
  line-height:24px!important;
  letter-spacing:2px;
  font-weight:600!important
}
.brand-bg-button:active,
.brand-bg-button:focus,
.brand-bg-button:hover {
  background:#1a318f;
  color:#fff
}
.brand-transparent-bg-button,
.brand-white-bg-button {
  height:40px;
  border-radius:4px!important;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:0 24px;
  font-size:16px!important;
  line-height:24px!important;
  letter-spacing:2px;
  font-weight:600!important
}
.brand-transparent-bg-button,
.brand-transparent-bg-button:active,
.brand-transparent-bg-button:focus,
.brand-transparent-bg-button:hover,
.brand-white-bg-button,
.brand-white-bg-button:active,
.brand-white-bg-button:focus,
.brand-white-bg-button:hover {
  background:#fff!important;
  color:#1a318f!important;
  border:1px solid #1a318f!important
}
.brand-transparent-bg-button,
.brand-transparent-bg-button:active,
.brand-transparent-bg-button:focus,
.brand-transparent-bg-button:hover {
  background:transparent!important
}
.common-brand-tabs {
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  max-width:100%;
  margin:0 auto
}
.common-brand-tabs .el-tabs__header {
  margin-bottom:20px
}
.common-brand-tabs .el-tabs__nav-scroll {
  text-align:center
}
.common-brand-tabs .el-tabs__nav-next i,
.common-brand-tabs .el-tabs__nav-prev i {
  font-size:18px
}
.common-brand-tabs .el-tabs__item {
  font-size:18px;
  font-weight:600;
  letter-spacing:0;
  line-height:26px;
  color:#666;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.common-brand-tabs .el-tabs__content {
  display:none
}
.common-brand-tabs .el-tabs__item.is-active,
.common-brand-tabs .el-tabs__item:hover {
  color:#1a318f
}
.common-brand-tabs .el-tabs__active-bar {
  background-color:#1a318f
}
.common-brand-tabs .el-tabs__nav-wrap:after {
  background:none
}
@media only screen and (max-width:768px) {
  .common-brand-tabs .el-tabs__nav-next i,
  .common-brand-tabs .el-tabs__nav-prev i {
    font-size:14px
  }
  .common-brand-tabs .el-tabs__item {
    font-size:14px;
    line-height:22px
  }
}
.flex-3-card {
  width:calc(33.33333% - 13.33333px)!important
}
@media only screen and (max-width:768px) {
  .flex-3-card {
    width:100%!important
  }
}
@media only screen and (max-width:768px) {
  .flex-3-card+.flex-3-card {
    margin-top:12px
  }
}
.flex-4-card {
  width:calc(25% - 15px)!important
}
@media only screen and (max-width:768px) {
  .flex-4-card {
    width:100%!important
  }
}
@media only screen and (max-width:768px) {
  .flex-4-card+.flex-4-card {
    margin-top:12px
  }
}
.common-border-hover-card {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center!important;
  -ms-flex-align:center!important;
  align-items:center!important;
  background:#fff;
  padding:32px 40px 36px 40px;
  border:1px solid #e1e3e6!important;
  border-radius:12px
}
@media only screen and (max-width:768px) {
  .common-border-hover-card {
    border-radius:8px;
    padding:16px 12px
  }
}
.common-border-hover-card:hover {
  -webkit-box-shadow:0 1px 16px 0 rgba(0,0,0,.05);
  box-shadow:0 1px 16px 0 rgba(0,0,0,.05)
}
.common-border-hover-card-icon {
  width:72px;
  height:72px;
  line-height:0;
  margin-bottom:20px
}
@media only screen and (max-width:768px) {
  .common-border-hover-card-icon {
    margin-bottom:12px
  }
}
.common-border-hover-card-title {
  font-size:20px;
  font-weight:600;
  letter-spacing:0;
  line-height:28px;
  color:#272727;
  margin-bottom:12px
}
.common-border-hover-card-content {
  font-size:14px;
  font-weight:400;
  letter-spacing:0;
  line-height:22px;
  color:#666
}
.brand-bg-tabs .el-tabs__header {
  margin-bottom:56px
}
@media only screen and (max-width:768px) {
  .brand-bg-tabs .el-tabs__header {
    margin-bottom:24px
  }
  .brand-bg-tabs .el-tabs__header .el-tabs__nav-next,
  .brand-bg-tabs .el-tabs__header .el-tabs__nav-prev {
    line-height:32px
  }
}
.brand-bg-tabs .el-tabs__active-bar,
.brand-bg-tabs .el-tabs__nav-wrap:after {
  display:none
}
.brand-bg-tabs .el-tabs__nav {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  min-width:100%;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  background:#fff;
  border-radius:100px
}
.brand-bg-tabs .el-tabs__item {
  -webkit-box-shadow:none!important;
  box-shadow:none!important;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  height:48px;
  line-height:48px;
  border-radius:100px;
  background:#fff
}
@media only screen and (max-width:768px) {
  .brand-bg-tabs .el-tabs__item {
    height:32px;
    line-height:32px;
    border-radius:32px;
    padding:0 16px!important
  }
}
.brand-bg-tabs .el-tabs__item.is-active {
  background:#1a318f;
  color:#fff
}
.brand-bg-tabs .el-tabs__item:not(.is-active):hover {
  background:#fff;
  color:#1a318f
}
.process-area {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:distribute;
  justify-content:space-around
}
.process-area .process-right-icon {
  width:28px;
  height:28px;
  line-height:0;
  margin:0 8px
}
.process-area .process-content {
  width:140px;
  padding:20px;
  text-align:center;
  height:140px;
  opacity:1;
  border-radius:100%;
  background:#1a318f;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:20px;
  font-weight:600;
  letter-spacing:0;
  line-height:28px;
  color:#fff
}
@media only screen and (max-width:768px) {
  .process-area .process-content {
    width:80px;
    height:80px;
    font-size:12px;
    line-height:20px;
    padding:10px
  }
  .process-area .process-right-icon {
    width:14px;
    height:14px
  }
}
.process-area-v2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -ms-flex-pack:distribute;
  justify-content:space-around
}
.process-area-v2 .process-right-icon {
  width:24px;
  height:20px;
  line-height:0;
  margin:40px 8px 0
}
@media only screen and (max-width:768px) {
  .process-area-v2 .process-right-icon {
    margin:22px 8px 0
  }
}
.process-area-v2 .process-content {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  margin:0 20px;
  opacity:1;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.process-area-v2 .process-content-icon {
  width:100px;
  height:100px;
  line-height:0;
  margin-bottom:16px
}
@media only screen and (max-width:768px) {
  .process-area-v2 .process-content-icon {
    width:64px;
    height:64px
  }
}
.process-area-v2 .process-content-title {
  font-size:20px;
  font-weight:600;
  letter-spacing:0;
  line-height:28px;
  color:#272727
}
.process-area-v2 .process-content-content {
  margin-top:8px;
  font-size:14px;
  font-weight:400;
  letter-spacing:0;
  line-height:22px;
  color:#666;
  text-align:center
}
.auto-scroll-x-area {
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:20px
}
.auto-scroll-x-area-main {
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  min-width:100%
}
.self-select-popper .popper__arrow {
  display:none!important
}
.search-empty {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.search-empty .search-empty-icon {
  margin-top:24px;
  width:360px
}
.search-empty .search-empty-text {
  margin-top:8px;
  font-size:16px;
  line-height:24px;
  color:#bfbfbf
}
.post_detail_popup {
  background:#03219d!important;
  border-color:#03219d!important
}
.post_detail_popup .popper__arrow,
.post_detail_popup .popper__arrow:after {
  border-left-color:#03219d!important;
  border-right-color:#03219d!important
}
.flex,
.flex-between {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.flex-between {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.flex-align-center,
.flex-all-center {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.flex-all-center {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.main-button {
  color:#fff;
  background:#fff;
  border-radius:44rpx
}
.main-button,
.primary-button {
  width:660rpx;
  height:88rpx;
  line-height:88rpx;
  font-size:32rpx;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  text-align:center
}
.primary-button {
  color:#409eff;
  border:2rpx solid #fff;
  border-radius:44rpx
}
.ellipsis1 {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
  word-break:break-all
}
.flex-col {
  -webkit-box-orient:vertical;
  -ms-flex-direction:column;
  flex-direction:column
}
.flex-col,
.flex-row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-direction:normal
}
.flex-row {
  -webkit-box-orient:horizontal;
  -ms-flex-direction:row;
  flex-direction:row
}
.justify-start {
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
}
.justify-center,
.justify-start {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.justify-center {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.justify-end {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end
}
.justify-end,
.justify-evenly {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.justify-evenly {
  -webkit-box-pack:space-evenly;
  -ms-flex-pack:space-evenly;
  justify-content:space-evenly
}
.justify-around {
  -ms-flex-pack:distribute;
  justify-content:space-around
}
.justify-around,
.justify-between {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.justify-between {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.align-start {
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}
.align-center,
.align-start {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.align-center {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.align-end {
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end
}
.align-end,
.flex-r-acenter {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.flex-r-acenter {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.text-line-one {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
  text-overflow:ellipsis
}
.clear-ios-shanshuo {
  height:0;
  width:0;
  min-width:0;
  min-height:0;
  overflow:hidden;
  opacity:0
}
body {
  height:100%;
  position:relative
}