html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
* {
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul, li {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
    vertical-align: middle;
}
/*#app {
    transform: scale(0.9);
}*/
/* custom */
a {
    outline: none;
    color: #16418a;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
}
a:focus {
    outline: none;
}
input, select, textarea {
   /* border: 1px solid transparent !important;*/
}
input:focus,input:active, select:focus,select:active, textarea:focus,textarea:active {
    outline: none;
   /* outline-color: #096DF1 !important;*/
}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
:not(html) ::-webkit-scrollbar {
    width: 6px; /*对垂直流动条有效*/
    height: 6px; /*对水平流动条有效*/
}
/*定义滑块颜色、内阴影及圆角*/
:not(html) ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #E6EAF1;
}
/*:not(body) ::-webkit-scrollbar {
    width: 6px;
    height: 6px; 
}
:not(body) ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #E6EAF1;
}*/
@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}
@keyframes rotating{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1turn);
    }
}
.page-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000;
    opacity: 0.5;
    display: none;
    align-items:center;
    justify-content:center;
}
.page-loading svg{
    width: 50px;
    height: 50px;
    animation: rotating 2s linear infinite;
}
.page-loading svg path{
    fill:#fff;
}
.page-load .page-loading {
    display: flex;
}
.web-toast {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 15px 20px;
    border-radius: 3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    white-space: nowrap;
}
.fadeOut {
    animation: fadeOut .5s;
}
.fadeIn {
    animation: fadeIn .5s;
}
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    /*border: 1px solid #ffc400;*/
    border-radius: 2px;
    transition: all .15s ease-in .05s;
    width: 16px;
    height: 16px;
    position: relative;
    background: #EEF1F4;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
}
input[type=checkbox]:checked {
    background: #096DF1;
}
input[type=checkbox]:checked::after {
    transform: rotate(45deg) scaleY(1)
}
input[type=checkbox]::after {
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 6px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s ease-in .05s;
    transform-origin: center;
}
.diyselect {
    cursor: pointer;
    border-radius: 6px;
    display: block;
    position: relative;
    color: #99A3BA;
    background: #F2F6FB;
    transition: all .3s ease;
    width: 200px;
    position: relative;
    text-align:left;
}
.diyselect .select-text,
.diyselect.open .opa .item .text{
    padding-left: 22px !important;
}
.diyselect:before,
.diyselect:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 2px;
    border-radius: 1px;
    top: 50%;
    right: 15px;
    background: #6C7486;
    transition: all .3s ease;
}
.diyselect:before {
    margin-right: 4px;
    transform: scale(0.96, 0.8) rotate(50deg);
}
.diyselect:after {
    transform: scale(0.96, 0.8) rotate(-50deg);
}
.diyselect.open:before {
    transform: scale(0.96, 0.8) rotate(-50deg);
}
.diyselect.open:after {
    transform: scale(0.96, 0.8) rotate(50deg);
}
.diyselect .select-text {
    display: block;
    position: relative;
    transition: all .3s ease;
    display:flex;
    /*justify-content:center;*/
    align-items:center;
    height:100%;
    padding-right:29px;
}
.diyselect .opa {
    margin: 0;
    padding: 0;
    list-style: none;
/*    opacity: 0;
    visibility: hidden;*/
    position: absolute;
    max-height: calc(6 * 44px);
    max-height: 264px;
    top: 121%; 
    left: 0;
    z-index: 1;
    right: 0;
    background: #F5F9FF;
    border-radius: 6px;
    overflow-x: hidden;
    overflow-y: auto;
  /*  transform: scale(0.8) translate(0, 4px);*/
  display:none;
}
.diyselect.open .opa {
    display:block;
    /*opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(0, 12px);
    transform: scale(1) translate(0, 12px);
    transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);*/
}
.diyselect .opa .item {
    opacity: 0;
    transform: translate(6px, 0);
    transition: all .3s ease;
}
.diyselect.open .opa .item {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.diyselect.open .opa .item .text {
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    color: #99A3BA;
    text-decoration: none;
    outline: none;
    position: relative;
    transition: all .3s ease;
}
.diyselect.open .opa .item.on .text,
.diyselect.open .opa .item .text:hover {
    color: #6C7486;
    background: #E4ECFA;
}

.diyselect.open .opa .item:nth-child(1) {
    transition-delay: 80ms;
}

.diyselect.open .opa .item:nth-child(2) {
    transition-delay: 160ms;
}

.diyselect.open .opa .item:nth-child(3) {
    transition-delay: 240ms;
}

.diyselect.open .opa .item:nth-child(4) {
    transition-delay: 320ms;
}

.diyselect.open .opa .item:nth-child(5) {
    transition-delay: 400ms;
}

.diyselect.open .opa .item:nth-child(6) {
    transition-delay: 480ms;
}

.diyselect.open .opa .item:nth-child(7) {
    transition-delay: 560ms;
}

.diyselect.open .opa .item:nth-child(8) {
    transition-delay: 640ms;
}

.diyselect.open .opa .item:nth-child(9) {
    transition-delay: 720ms;
}

.diyselect.open .opa .item:nth-child(10) {
    transition-delay: 800ms;
}

body{
    font-size:16px;
    background:#fff;
}
[v-cloak]{
    display:none;
}
.page-overflow-hide {
   /* overflow: hidden !important;*/
    /*width: calc(100% - 17px);*/
}
@keyframes scaleReturn {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity:0;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity:1;
    }
}
@keyframes rotateAround {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes in-view-show {
    0% {
        transform: translateY(50px);
        opacity: 0.2;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes move-top {
    0% {
        transform: translateY(50px);
        opacity: 0.2;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.element-in-view{
    visibility: visible !important;
    animation: in-view-show .8s ease;
}
.element-animation {
    visibility: hidden;
}
[v-clock] {
    display: none;
}
#newBridge{
    display:none !important;
}
#pageWrap{
    padding-top:75px;
}
.page-header {
    font-size: 16px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    background: #fff;
    box-shadow: 0px 2px 6px rgba(154, 154, 154 , 0.16);
}
.page-header .head-login{
    display:flex;
    position:absolute;
    right:0;
}
.page-header .head-login .bt {
    border-radius: 4px;
    padding: 6px 20px;
    font-size:14px;
    cursor:pointer;
}
.page-header .head-login .reg {
    background: #FFC916;
    border: 1px solid #FFE863;
    box-shadow: 0px 4px 8px rgba(255, 201, 22, 0.26);
    color: #100750;
}
.page-header .head-login .log {
    background: rgba(255, 255, 255, 0.39);
    border: 1px solid #263CE9;
    color: #263CE9;
    margin-left:10px;
}
.page-header .top-head-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-right: 160px;
    z-index:2;
}
.page-header .nav {
    display: flex;
}
.page-header .logo {
    display: flex;
    align-items: center;
    cursor:pointer;
    position:relative;
}
.page-header .logo h1{
    position:absolute;
    top:0;
    left:0;
    text-indent:-99999px;
}
.page-header .logo a{
    display:flex;
    align-items:center;
}
.page-header .logo-svg{
    position:relative;
    top:-3px;
}
.page-header .h1-des {
    color: #A1A3B2;
    margin-left:16px;
}
.swiper .silide-mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.nav .nav-item {
    padding:0 12px;
    color: #060C3D;
    position: relative;
    cursor: pointer;
    height:75px;
    line-height:75px;
}
.nav .nav-item a{
    color: #060C3D;
}
.nav .nav-item.on {
    font-weight: bold;
}
.nav .nav-n{
    position:relative;
}
.nav .nav-item .unline{
    content:' ';
    position:absolute;
    background: #FFC916;
    border-radius: 6px;
    bottom:-20px;
    bottom:0;
    left:0;
    right:0;
    margin:0 auto;
    width:0;
    height:4px;
    transition:all 0.2s;
}
.nav .nav-item:hover .unline,
.nav .nav-item.on .unline {
    width: 100%;
}
.right-side-wrap .right-side1{
    background: #EFF6FA;
    box-shadow: 0px 8px 30px 1px rgba(114, 150, 198, 0.2);
    border-radius: 10px;
    border: 3px solid #FFFFFF;
    padding:10px;
    text-align:center;
}
.right-side-wrap .right-side1 .right-side-qr {
    border: none;
    box-shadow: none;
    border-radius: 10px;
    box-shadow: 0px 8px 30px 1px rgb(114 150 198 / 20%);
    position:relative;
}
.right-side-wrap .right-side1 .right-side-qr-wrap{
    padding-right:31px;
}
.right-side-wrap .right-side1 .right-side-qr:after {
    content: ' ';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 13px;
    right: -6px;
    background: #fff;
    transform: rotate(45deg);
}
.right-side-wrap .right-side1 .right-side-qr .side-qr-wrap{
    background:#fff;
}
.right-side-wrap .right-side1 .right-side-qr .side-qr-in{
    padding:10px;
}
.right-side-wrap .right-side1 .right-side-qr .call-tel {
    display: flex;
    width: 100%;
    justify-content: space-between;
    color: #7694BA;
    padding: 10px 6px 0;
}
.right-side-wrap .right-side1 .right-side-qr .title {
    color: #096DF1;
}
.right-side-wrap .bx:hover .right-side-qr-wrap {
    transform: translateX(0);
    right: 100%;
    opacity: 1;
    z-index: 6;
    pointer-events: all;
}
.right-side-wrap .right-side1 .logo-svg {
    margin: 10px 0 16px;
}
.right-side-wrap .right-side1 .rd{   
    border-radius: 4px;
}
.right-side-wrap .right-side1 .bx {
    background: linear-gradient(360deg, #E9EFF5 0%, #FFFFFF 100%);
    box-shadow: 0px 3px 6px 1px rgba(142, 169, 193, 0.2);
    border: 1px solid #FFFFFF;
    padding: 10px 22px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #096DF1;
    cursor: pointer;
    display: flex;
    align-items: center;
    position:relative;
}
.right-side-wrap .right-side1 .bx .txt{
    margin-left:10px;
}
.right-side-wrap .right-side1 .bx:hover{   
    background: linear-gradient(90deg, #1346F0 0%, #2AB0FF 100%);
    color:#fff;
}
.right-side-wrap .right-side1 .bx:hover *{
    fill:#fff;
}
.right-side-wrap .right-side1 .qr-bx{   
    background: #DBE8EF;
}
.right-side-wrap .right-side1 .qr-can{
    color: #2F3880;
    font-size:14px;
    padding: 10px 0;
    text-align: center;
    font-weight:bold;
}
.right-side-wrap .right-side1 .call-b {
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 1px rgba(131, 143, 150, 0.16);
    border: 2px solid #F8FCFF;
    padding: 4px;
    margin-top: 10px;
}
.right-side-wrap .right-side1 .qr-img {
    width: 130px;
    height: 130px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 1px rgba(131, 143, 150, 0.16);
    border: 2px solid #F8FCFF;
    padding:10px;
}
.right-side-wrap .right-side1 .qr-img img{
    width:100%;
    height:100%;
}
.right-side-wrap .right-side1 .call-tel-wrap {
    display: flex;
    font-size: 12px;
    line-height: 16px;
    justify-content: space-between;
}
.right-side-wrap .right-side1 .tel{
    display: flex;
    flex-direction: column;
  /*  flex:1;*/
}
.right-side-wrap .right-side1 .call-tel {
    color: #096DF1;
}
.right-side-wrap .right-side1 .call-tel.blod{
    font-weight:bold;    
    font-size: 16px;
    display:flex;
    justify-content:space-between;
    padding:2px;
}
.right-side-wrap .right-side1 .wx {
    color: #99A2A7;
    width: 30px;
    letter-spacing: 2px;
}
.right-side-wrap {
    position: fixed;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 10;
}
.right-side-wrap .right-side-item{
    border: 2px solid #FFFFFF;
    background: linear-gradient(180deg, #38D6FF 0%, #004BFF 100%);
    box-shadow: 0px 3px 16px rgba(0, 75, 255, 0.2);
    border-radius: 10px;
    color:#fff;
    padding:12px 16px 10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    font-size:12px;
    cursor:pointer;
}
.right-side-wrap .right-side-item:not(:last-child) {
    margin-bottom: 10px;
}
.right-side-wrap .right-side-item:hover .svg1,
.right-side-wrap .right-side-item .svg{
    display:none;
}
.right-side-wrap .right-side-item:hover .svg{
    display:block;
}
.right-side-wrap .right-side-icon{
    width:34px;
    margin-bottom:10px;
}
.right-side-wrap .right-side-item:hover {
    border-color: #004BFF;
    background: #fff;
    color: #1856EB;
}
.right-side-wrap .right-side-item:hover .right-side-qr-wrap {
    transform: translateX(0);
    right: 100%;
    opacity: 1;
    z-index: 6;
    pointer-events: all;
}
.right-side-wrap .right-side-item:hover .right-side-icon {
}
.right-side-qr-wrap {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    transition: all 0.3s;
    opacity: 0;
    padding-right: 16px;
    z-index: 1;
    pointer-events: none;
}
.right-side-qr {
    background: #fff;
    border: 2px solid #1856EB;
    box-shadow: 0px 3px 16px rgba(0, 75, 255, 0.2);
    padding: 16px 12px 16px 16px;
    border-radius: 8px;
    width: 264px;
}
.right-side-qr.re{
    width:auto;
    padding:16px;
}
.right-side-qr.re .side-qr-text{
    margin-left:0;
}
.right-side-qr .pre-tel {
    color: #060C3D;
    font-size:24px;
    font-weight:bold;
}
.right-side-qr .scan-t {
    color: #76788A;
    font-size: 16px;
    padding-top:6px;
}
.right-side-qr .pre-one {
    display: flex;
    align-items: center;
    padding-top: 15px;
}
.side-qr-wrap {
    width: 110px;
    min-width: 110px;
    height: 110px;
    background: #F3F6FA;
    border-radius: 5px;
    padding: 5px;
}
.side-qr-in{
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0 0 5px rgb(154 154 154 / 16%);
    border-radius: 5px;
    padding: 5px;
}
.side-qr-in img{
    width: 100%;
    height: 100%;
}
.side-qr-text{
    margin-left:14px;
}
.side-qr-text, .side-qr-text .call-tel {
    color: #1856EB;
    font-weight: bold;
}
.side-qr-text .posi{
    font-size:18px;
}
.side-qr-text .name{
    margin:6px 0;
    font-size:14px;
}
.side-qr-text .call-tel {
    font-size: 14px;
}
.right-side-wrap .right-side {
    position: relative;
    z-index: 1;
}
.right-side-qr .post{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.right-side-qr .post .title{
    font-size:24px;
}
.right-side-qr .post .call-tel{
    padding-top:12px;
}
.right-side-qr .post .side-qr-wrap {
    width: 160px;
    min-width: 160px;
    height: 160px;
}
/*首页*/
.home-page1 {
    display: flex;
    justify-content: center;
    position: relative;
    background: url('../img/bg-banner-bottom.png') no-repeat;
    background-size: 100% 101%;
    box-shadow: 0px 10px 36px rgba(45, 123, 244, 0.36);
}
.home-page1 .bg-svg{
    position:absolute;
    z-index:-1;
    width:100%;
}
.home-page1 .page1-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    width: 230px;
    padding: 22px 20px 20px;
}
.home-page1 .page1-box:hover {
    background: linear-gradient(53deg, #1856EB 0%, #1077FE 49%, #1078FF 100%);
    background:#0049D3;
}
.home-page1 .banner-de-icon{
    width:26px;
    height:26px;
}
.home-page1 .title{
    font-size:18px;
    font-weight:bold;
    padding:15px 0 6px;
}
.home-page1 .title1 {
    font-size: 14px;
    text-align:center;
    line-height:22px;
}
.home-page2 {
    background: #fff;
    text-align: center;
}
.common-title {
    font-weight: bold;
    color: #060C3D;
    font-size:30px;
    text-align: center;
    letter-spacing: 2px;
}
.common-title.has {
    padding-bottom: 2.2%;
}
.common-title1 {
    /*font-weight: bold;*/
    color: #060C3D;
    font-size: 22px;
    color: #76788A;
    padding: 0.9% 20px 3.8%;
    text-align: center;
    letter-spacing: 1px;
}
.xt-rotate {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10%;
    padding: 0 0;
}
.xt-rotate .rotate-box {
    flex:1;
    background: rgba(255, 255, 255, 0.39);
    border: 1px solid #F1D943;
    box-shadow: 0px 6px 26px rgba(245, 190, 23, 0.18);
    border-radius: 50px;
    padding: 20px;
    position: relative;
}
.xt-rotate .rotate-box.r {
    border-color: #438EF1;
    box-shadow: 0px 6px 26px rgba(32, 103, 242, 0.18);
}
.xt-rotate .rotate-box .in {
    background: rgba(252, 251, 245, 0.39);
    border: 1px solid #F2EDD8;
    border-radius: 32px;
    width: 100%;
    height: 100%;
    padding-top: 181px;
    overflow: hidden;
}
.xt-rotate .sign {
    border: 4px solid #FFFFFF;
    box-shadow: 0px 5px 11px rgba(245, 190, 23, 0.16);
    border-radius: 32px;
    color: #fff;
    padding: 50px 0;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    letter-spacing: 2px;
}
.xt-rotate .l .sign {
    background: linear-gradient(180deg, #FFDC72 0%, #F5BE17 100%);
}
.xt-rotate .r .sign {
    background: linear-gradient(180deg, #3BB0F3 0%, #2067F2 100%);
    box-shadow: 0px 5px 11px rgba(32, 103, 242, 0.16);
}
.xt-rotate .r .in {
    border-color: #D8E3F2;
    background: rgba(245, 248, 252, 0.39);
}
.xt-rotate .cc {
    /*margin:0 0.28rem;
width:21%;
width:3rem;*/
    margin: 0 20px;
    margin:0 1.4%;
    width:21%;
    width:25%;
    margin:0 2%;
    position:relative;
}
.xt-rotate .cc-svg{
    cursor:pointer;
    transition:all 0.5s;
}
.xt-rotate .cc-svg-dom{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    z-index:2;
    cursor:pointer;
}
.xt-rotate .cc-svg-dom .y-cent {
    width: 71%;
    height: 67.3%;
    background: rgba(255, 255, 255, 0.39);
    border: 3px solid #F8F8F8;
    box-shadow: 0px 0px 36px rgba(154, 154, 154, 0.16);
    border-radius: 50%;
    display:flex;
    opacity:0;
}
.xt-rotate .cc-svg-dom .y-cent-inner {
    width: 80%;
    height: 80%;
    background: rgba(255, 255, 255, 0.39);
    border: 3px solid #F8F8F8;
    box-shadow: 0px 0px 22px rgba(154, 154, 154, 0.16);
    border-radius: 50%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 3px;
    padding: 5% 0;
}
.xt-rotate .cc-svg {
    position: relative;
}
/*.xt-rotate .cc-svg:hover {
    animation: rotateAround 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}*/
.xt-rotate .cc-svg-dom:hover{
    animation: rotateAround 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.xt-rotate .menu-list {
    display: flex;
    flex-wrap: wrap;
    color: #3D3406;
    /*font-size:0.25rem;*/
    font-size: 18px;
}
.xt-rotate .menu-list .it{
    width:50%;
}
.xt-rotate .menu-list .href-b {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
    padding:20px 0;
    color: #3D3406;
}
.xt-rotate .href-b svg,
.xt-rotate .r-icon {
    /*width: 0.3rem;
    height: 0.3rem;*/
    width: 15px;
    height: 15px;
    width:22px;
    height:22px;
    margin-right:6px;
    margin-right: 10px;
    margin-top: 1px;
}
.xt-rotate .menu-list .it:hover {
    background: rgba(242, 238, 216, 0.39);
    border-radius: 8px;
}
.xt-rotate .menu-list .it:last-child,
.xt-rotate .menu-list .it:nth-last-child(2){
    border-radius:0;
}
.xt-rotate .r .menu-list .it:hover{   
    background: rgba(226, 232, 242, 0.39);
}
.xt-rotate .r .href-b {
    color: #060C3D;
}
.life-beauty-set-again .line:hover svg * {
    fill: #096DF1;
}
.life-beauty-set-again .line:hover {
    background: linear-gradient(93deg, #FFF5D5 0%, rgba(255, 245, 213, 0) 100%);
    background: #FFFAE7 !important;
}
.medical .con .line:hover {
    background: #F1F8FF !important;
}
.home-set-again .it:first-child .s{
    opacity:1 !important;
}
.home-set-again .l .l-in {
    height: 100%;
}
.home-set-again .l .line {
    height: 20%;
    display: flex;
    align-items: center;
}
.home-set-again .con .l{
    padding-bottom:16px;
}
.home-page3 .pos-top {
    display: flex;
    justify-content: space-around;
}
.home-page3 .pos-top .it {
    flex:1;
    border-radius: 18px;
    overflow:hidden;
    position:relative;
    transition:transform 0.2s;
    cursor:pointer;
}
.home-page3 .pos-top .it:not(:last-child){
    margin-right:2%;
}
.home .custom-services .n-t div:first-child {
    height: 18%;
    display: flex;
    align-items: center;
    justify-content: center;
}
custom-services .it {
    margin: 0 !important;
}
.home-page3 .pos-top .it:hover {
    transform: translateY(-10px);
}
.home-page3 .position .pos-top .it {
    border: 1px solid transparent;
}
.home-page3 .position .pos-top .it:hover {
    box-shadow: 0px 6px 12px rgba(154, 154, 154, 0.36);
    border-color:#fff;
}
.home-page3 .pos-top .it:hover .n .n2{
    display:block;
}
.home-page3 .pos-top .it .n1 {
    padding: 16px 0;
    font-size: 18px;
    font-weight: bold;
}
.home-page3 .pos-top .it .n2 {
    font-size: 14px;
    padding: 0 8px 14px;
    line-height: 26px;
    display: none;
    text-align: left;
    margin-top: -6px;
}
.home-page3 .pos-top .it:hover .n1 {
    color: #FFD64D;
}
.home-page3 .pos-top .n {
    position: absolute;
    bottom: 2px;
    left: 2px;
    width: calc(100% - 4px);
    background: rgba(255, 255, 255, 0.39);
    border: 1px solid #FFFFFF;
    border-radius: 14px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    /*height: 43px;*/
    overflow: hidden;
    transition: all 0.2s;
    background: rgba(0,0,0,0.56);
    backdrop-filter: blur(10px);
}
.home-page3 .pos-top .bg {
    width: 100%;
    height: 100%;
}
.set-again-svg-fuck.one .line svg * {
    fill: #096DF1;
}
.set-again-svg-fuck.two .line svg * {
    fill: #F6BE05;
}
.set-again-svg-fuck.three .line svg * {
    fill: #FF511E;
}
.set-again-svg-fuck .line.in svg *{
    fill:#fff;
}
.set-again-svg-fuck .line svg {
    width: 26px;
    height: 26px;
    margin: 10px;
}
.set-again-svg-fuck .line{
    padding-right:20px !important;
}
.set-again-svg-fuck .line2 {
    padding: 3px 0 0 46px !important;
    line-height: 24px !important;
}
.page-inner {
    width: 1120px;
    text-align: center;
    margin: 0 auto;
}
.page-bg-c {
    background: rgba(243, 246, 250, 0.69) !important;
}
.page-inner-bg-c {
    background: #fff;
    box-shadow: 0px 8px 26px rgba(154, 154, 154, 0.2);
    border-radius: 30px;
    padding:2.7%;
  /*  background: url('../img/bg-border.svg') no-repeat;
    background-size:100%;*/
    border:4px dotted #DAE5F1;
    position:relative;
}
.home-page3 .pos-bottom {
    display: flex;
    justify-content: space-around;
    background: rgba(244, 246, 248, 0.69);
    border-radius: 12px;
    color: #565A76;
    margin:2.8% 0 0;
    padding:20px 0 0;
}
.home-page3 .pos-bottom svg{
    height:43px;
}
.home-page3 .pos-bottom svg:hover{
    /*animation: jump 1.5s ease;*/
}
.home-page3 .pos-bottom .pos-icon{
    width:26px;
    height:26px;
}
.home-page3 .pos-bottom .pos-icon1 {
    width: 10px;
    height: 10px;
}
.home-page3 .pos-text {
    margin: 6px 0;
    font-size:22px;
}
.home-page4 .login-btn .bt {
    padding: 20px 46px;
    font-size: 22px;
    border-radius:4px;
    margin-top:5%;
}
.yingxiao-tab .hd {
    display: flex;
    background: rgba(244, 246, 248, 0.69);
    border-radius: 3px;
}
.yingxiao-tab .hd .it {
    flex: 1;
    padding: 16px 0;
    padding:1.6% 0;
    color: #76788A;
    cursor:pointer;
    position:relative;
    font-size:18px;
}
.yingxiao-tab .hd .it:hover,
.yingxiao-tab .hd .it.on {
    background: linear-gradient(90deg, #1346F0 0%, #2AB0FF 100%);
    box-shadow: 0px 3px 9px rgba(23, 86, 242, 0.3);
    color: #FFF;
    font-weight: bold;
    border-radius: 6px;
}
.yingxiao-tab .hd .it:hover:after,
.yingxiao-tab .hd .it.on:after {
    content: ' ';
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #1346F0 0%, #2AB0FF 100%);
    transform:rotate(45deg);
    z-index:-1;
    display:none;
}
.yingxiao-tab .hd .it .s{
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translate(-50%,100%);
    z-index:-1;
    opacity:0;
}
/*.yingxiao-tab .hd .it:hover .s,*/
.yingxiao-tab .hd .it.on .s {
    opacity:1;
}
.yingxiao-tab .con{
    margin:30px 0;
    /*margin:0.41rem 0;*/
    position:relative;
}
.yingxiao-tab .con .line{
    padding:12px 10px;
    /*padding:0.16rem 0.13rem;*/
    cursor:pointer;
    transition:transform 0.3s;
    margin-left:-6px;
}
.yingxiao-tab .con .line:hover {
    background: linear-gradient(90deg, #DEEEFF 0%, #FFFFFF 100%);
    border-radius: 3px;
  /*  margin-left:10px;*/
    transform:translateX(10px);
}
.yingxiao-tab .con .line:hover .line1,
.yingxiao-tab .con .line:hover .line2 {
    color: #1856EB;
}
.yingxiao-tab .con .line.in {
    background: linear-gradient(90deg, #1347F0 0%, #2AB0FF 100%);
    box-shadow: 0px 3px 7px rgba(42, 141, 255, 0.36);
    border-radius: 3px;
    margin-left: 0;
    width:calc(100% + 20px);
    transform:translateX(0);
}
.yingxiao-tab .con .line.in .line1,
.yingxiao-tab .con .line.in .line2 {
    color: #fff;
}
.yingxiao-tab .con .line1 {
    color: #060C3D;
    font-weight: bold;
    font-size:18px;
    display:flex;
    align-items:center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yingxiao-tab .con .line2 {
    color: #060C3D;
    font-size: 14px;
    padding: 10px 0 0 26px;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    text-align: left;
    line-height:24px;
}
.yingxiao-tab .l {
    width: 33.5%;
    border: 4px solid #F8F8F8;
    box-shadow: 12px 0px 36px rgba(154, 154, 154, 0.26);
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    height: 100%;
    padding: 16px 16px 0 16px;
    /*padding:0.22rem 0.22rem 0 0.22rem;*/
    transition:all 0.2s;
}
.life-beauty .ipad-or-mobile .l {
    width: 42.5%;
}
.life-beauty .ipad-app .r {
    margin-left: 42.5%;
}
.life-beauty .mobile-app .r {
    margin-left: 0;
    margin-right: 42.5%;
}
/*.yingxiao-tab .l.in{
    width:70%;
}*/
.yingxiao-tab:not(.dis-change-width) .l:hover {
    /*width:70%;*/
}
.yingxiao-tab .r {
    flex: 1;
    background: rgba(243, 246, 250, 0.69);
    height: 400px;
    padding: 15px;
    border-radius: 6px;
    margin-left:33.5%;
}
.yingxiao-tab .r .bg {
    width: 100%;
    height: 100%;
    border-radius:4px;
}
.switch-yingxiao-bg {
    height:auto !important;
}
.switch-yingxiao-bg .bg{
    display:none;
    transition:all 0.2s ease-in-out;
}
.switch-yingxiao-bg .bg.on{
    display: block;
    /*animation:fadeIn 0.2s;*/
    box-shadow: 0 12px 42px  rgba(154, 154, 154, 0.26);
}
.yingxiao-tab .line-icon {
    width: 21px;
    height: 23px;
    margin-right: 10px;
}
.login-btn-wrap {
    text-align: center;
    display: inline-block;
}
.login-btn {
    display: flex;
}
.login-btn .bt {
    border-radius: 2px;
    padding:10px 20px;
    cursor:pointer;
    font-size:14px;
    position:relative;
}
.bt:hover{
    opacity:0.9;
}
/*.login-btn .bt:before {
    content: ' ';
    position: absolute;
    background: #fff;
    width: 10px;
    height: 100%;
    top: 0;
    left: -45px;
    opacity: 0.3;
    transition: all 0.3s ease-out;
    transform: skewX(-25deg);
}
.login-btn .bt:hover:before {
    width: 45px;
    left: 205px;
}*/
.login-btn .res-view {
    box-shadow: 0px 3px 9px rgba(255, 201, 22, 0.36);
    background: #FFC916;
    margin-right:0 !important;
    color:#060C3D;
}
.login-btn .kt {
    background: linear-gradient(90deg, #1346F0 0%, #2AB0FF 100%);
    box-shadow: 0px 3px 9px rgba(23, 86, 242, 0.36);
    color:#fff;
}
.page-padding {
    padding: 36px 0;
    padding:50px 0 45px;
}
.home-page5 .anli {
    display: flex;
    justify-content: space-around;
}
.home-page5 .anli .it {
    flex:1;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.39); 
    box-shadow: 0px 8px 26px rgba(154, 154, 154, 0.16);
    border-radius: 32px;
    /*padding:0.141rem;*/
    padding:15px;
    cursor:pointer;
}
.home-page5 .anli .it:nth-child(2){
    margin:0 20px;
    margin:0 1.6%;
}
.home-page5 .anli .it-b {
    border-radius: 18px;
    overflow:hidden;
    position:relative;
}
.home-page5 .anli .it-b,
.home-page5 .anli .bg{
    width:100%;
    height:100%;
}
.home-page5 .anli .circle-max {
    position: absolute;
    bottom: 6%;
    width: 77%;
    padding-bottom: 77%;
    background: rgba(255, 255, 255, 0.39);
    border: 1px solid #F8F8F8;
    box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.10);
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
}
.home-page5 .anli .circle-min {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 87%;
    height: 87%;
    top: 6.5%;
    left: 6.5%;
    justify-content: center;
    background: #fff;
    border: 1px solid #F8F8F8;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    opacity: 0.8;
}
.home-page5 .anli .title {
    font-weight: bold;
    color: #060C3D;
    font-size:34px;
}
.home-page5 .anli .title1 {
    font-weight: bold;
    color: #76788A;
    font-size:20px;
    padding-top:10px;
}
.home-page5 .vip-logo {
    width: 100%;
    height: 30%;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-60px);
    box-shadow: 0px 12px 26px rgba(154, 154, 154, 0.22);
}
.home-page5 .vip-logo .bg{
     width: 100%;
    height: 100%;
}
.home-page5 .anli .it:hover .it-b > img:first-child{
    visibility:hidden;
}
.home-page5 .anli .it:hover .hover-box {
    opacity: 1;
}
.home-page5 .anli .it:hover .vip-logo,
.home-page5 .anli .it:hover .vip-des {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.home-page5 .hover-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #fff;
    opacity: 0;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: start;
}
.home-page5 .vip-des {
    font-size: 12px;
    background: rgba(248, 248, 248, 0.69);
    border-radius: 8px 8px 18px 18px;
    line-height: 22px;
    text-align: left;
    padding: 10px 14px;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
    transform: translateY(100px);
    flex:1;
}
.home-page5 .vip-des .v{
    color: #565A76;
    flex:1;
}
.home-page5 .vip-des .b .v {
    font-weight:bold;
}
.home-page5 .vip-des .i{
    display:flex;
}
.home-page5 .vip-des .i:nth-child(2){
    margin:10px 0;
    margin:16px 0;
}
.home-page5 .vip-des .t{
    width:61px;
    color: #A0A1A9;
}
.home-page5 .vip-name {
    color: #100750;
    padding: 14px 0;
    text-align: left;
    font-weight: bold;
}
.home-page5 .vip-name1 {
    font-size:22px;
    margin:0 10px 0 16px;
}
.home-page5 .vip-name2 {
    color: #76788A;
    font-size: 16px;
}
.home-page6 .vip-use-list{
    display:flex;
    flex-wrap:wrap;
}
.home-page6 .vip-use-list .it {
    background: #fff;
    border: 1px solid #F8F8F8;
    box-shadow: 0px 2px 7px rgba(154, 154, 154, 0.16);
    border-radius: 16px;
    width: 18.4%;
    margin: 0 1% 1%;
    overflow:hidden;
    position:relative;
}
.home-page6 .vip-use-list .it:nth-child(5n){
    margin-right:0;
}
.home-page6 .vip-use-list .it:nth-child(5n+1){
    margin-left:0;
}
.home-page6 .vip-use-list img{
    width:100%;
    /*height:100%;*/
    display:block;
}
.home-page7 .custom-made {
    /*height:541px;*/
    padding:0 2px;
    display:flex;
    background:url('../img/custom-made-bg.png') no-repeat center;
    background-size:100% 100%;
    border-radius:10px;
    font-size:24px;
}
.home-page7 .custom-made .it {
    width: calc(16.66666% - 5px);
    margin: 4px 2px;
    transition: width 0.3s ease;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.01);
    background: rgba(0, 0, 0,0.0000001);
    position: relative;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
.home-page7 .custom-made .it.in{
    background: rgba(255, 255, 255, 0.39);
    -webkit-backdrop-filter: blur(36px);
    backdrop-filter: blur(36px);
}
.home-page7 .custom-made .it:after{
    content:' ';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.home-page7 .custom-made .it:hover,
.home-page7 .custom-made .it.in {
    /*min-width: calc(25% - 4px);*/
    width:calc(25% - 5px);
}
.home-page7 .custom-made .it:hover .made-icon,
.home-page7 .custom-made .it.in .made-icon{
    transform:scale(1.6);
}
.home-page7 .custom-made .it:hover .made-text,
.home-page7 .custom-made .it.in .made-text,
.home-page7 .custom-made .it.in .made-icon{
    /*font-size:0.43rem;*/
    font-size:30px;
    font-size:32px;
}
.home-page7 .custom-made .it-in {
    width: 100%;
    height: 100%;
    border: 1px solid #FFF;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFF;
    transition: all 0.3s ease 0s;
}
.home-page7 .made-icon {
    width: 32%;
    height: 10%;
    transition: all 0.1s;
    margin-bottom:20px;
    margin-bottom:24%;
}
.home-page7 .made-text {
    transition: all 0.1s;
    /*font-size: 0.3rem;*/
}
.home-page8{
    background:#fff;
}
.home-page8 .virtue {
    display: flex;
    flex-wrap: wrap;
}
.home-page8 .virtue .it {
    padding:10px;
    width:50%;
    /*height:244px;*/
}
.home-page8 .virtue .it-in {
    background: rgba(255, 255, 255, 0.39);
    box-shadow: 0px 8px 26px rgba(154, 154, 154, 0.16);
    border-radius: 32px;
    display: flex;
    padding: 15px;
    overflow:hidden;
    cursor:pointer;
    position:relative;
    height:100%;
}
.home-page8 .virtue .left-wrap {
    width: 100%;
    display: flex;
    transition: all 0.2s;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    overflow: hidden;
    padding-top: 50%;
    position: relative;
}
.home-page8 .virtue .left-wrap .min {
    display: none;
    height: 100%;
}
.home-page8 .page-inner {
    background: rgba(255, 255, 255, 0.39);
    box-shadow: 0px 8px 26px rgba(154, 154, 154, 0.2);
    border-radius: 30px;
    /*padding: 0.36rem;*/
    padding: 30px;
    padding:26px 15px 20px;
}
.home-page8 .left-wrap .max {
    width: 100%;
    height: 100%;
}
.home-page8 .virtue .right {
    position: absolute;
    width: 50%;
    right: -50%;
    transition: right 0.3s ease;
    color: #060C3D;
    line-height: 40px;
    /*padding: 4px 16px;*/
    padding:5% 3.5%;
    padding: 5% 3.5% 5% 4.5%;
    text-align: left;
    opacity: 0;
    font-size:18px;
    line-height:46px;
    padding-top:1.3%;
}
.home-page8 .virtue .it:hover .left-wrap{
    width:50%; 
}
.home-page8 .virtue .it:hover .right {
    right:0;
    opacity:1;
}
.home-page8 .virtue .it:hover .max{
    display:none;
}
.home-page8 .virtue .it:hover .min{
    display:block;
}
.home-page8 .left-wrap .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-page8 .left-wrap .left img{
    border-radius:20px;
}
img{
    object-fit: cover;
}
.home-page8 .left-wrap .left-t {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: bold;
    color:#FFF;
    width:100%;
    font-size:28px;
}
.footer-tip-kt {
    position:relative;
    z-index:1;
    height: 143px;
}
.footer-tip-kt-inner {
    display: flex;
    justify-content: space-between;
    padding: 31px 0;
    align-items:center;
}
.footer-tip-kt-left{
    color:#fff;
}
.footer-tip-kt-left .footer-call {
    display: flex;
    align-items: center;
}
.footer-tip-kt-left .title {
    text-align-last: justify;
    font-size: 22px;
}
.footer-tip-kt-left .title1 {
    color: #fff;
    font-size:40px;
    margin-left: 12px;
}
.footer-tip-kt-left .title1 .ce{
    margin: 0 18px;
}
.page-footer-seat {
    box-shadow: 0px 10px 36px rgba(45, 123, 244, 0.36);
    background: url(../img/bg-banner-bottom.png) no-repeat;
    background-size: 100% 101%;
}
.fixed .page-footer-seat {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index:10;
}
.page-footer-seat .login-btn .bt {
    padding: 23px 50px;
    font-size: 16px;
    font-size:24px;
    border: 1px solid #FFFFFF;
}
.footer-menu-link .footer-menu-link-inner {
    display: flex;
    text-align: left;
    justify-content: space-between;
}
.footer-menu-link .footer-menu-link-inner .ds {
    color: #060C3D;
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
.footer-menu-link .footer-menu-link-inner .a{
    display:block;
}
.footer-menu-link .footer-menu-link-inner .text {
    color: #818A92;
    font-size: 14px;
    margin:9px 0;
    position:relative;
    display:inline-block;
}
.footer-menu-link .footer-menu-link-inner .tel-text{
    font-weight:bold;
}
.footer-menu-link .footer-menu-link-inner .text:not(.tel-text):after{
    content:'';
    position:absolute;
    background:#818A92;
    opacity:0.5;
    bottom:-3px;
    left:0;
    width:0;
    height:3px;
    transition:all 0.2s;
    border-radius:2px;
}
.footer-menu-link .footer-menu-link-inner .text:hover:after{
     width:100%;
}
.footer-menu-link .side-qr-wrap {
    background: rgba(250, 250, 250, 0.39);
    box-shadow: 0px 1px 6px rgba(154, 154, 154, 0.26);
    width:130px;
    height:130px;
    position:relative;
}
.footer-menu-link .side-qr-wrap,
.footer-menu-link .side-qr-in {
    border-radius: 0;
    padding:8px;
}
.footer-menu-link .wx-t {
    color: #818A92;
    font-size: 12px;
    position: absolute;
    bottom: -33px;
    left:0;
    text-align:center;
    width:100%;
}
.footer-bottom {
    padding: 20px 0 50px;
    color: #989FA6;
}
.footer-bottom .friend-link{
    font-size:14px;
    margin-bottom:10px;
    line-height:24px;
}
.footer-bottom .friend-link .it{
    padding:0 4px;
    position:relative;
}
.footer-bottom .friend-link .a:not(:last-child) .it:after {
    content: ' ';
    width: 1px;
    top: 5px;
    height: 58%;
    background: #989FA6;
    position: absolute;
    right: -3px;
    transform: scale(1.5);
}
.footer-bottom .copyright{
    font-size:12px;
}
.footer-bottom .a {
    color: #989FA6;
    display:inline-block;
    margin-right:5px;
}
.custom-services .pos-top .it {
    width: auto;
    height: auto;
    margin: 0 10px;
}
.custom-services.auto .pos-top .it{
    margin:0;
}
.custom-services .pos-top .it:hover .n2 {
    color: #FFD64D;
}
.custom-services .pos-top .n {
    background: rgba(0,0,0,0.36);
    width: calc(100% - 28px);
    left: 14px;
    border-radius: 20px;
    height: auto !important;
    bottom: 21px;
    padding: 20px 15px;
    backdrop-filter: blur(16px);
}
.page-inner .custom-services .pos-top .n1 {
    font-size: 22px;
    font-weight: bold;
    color: #FFD64D;
}
.page-inner .custom-services .pos-top .n2 {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    letter-spacing: 2px;
}
.custom-services .pos-top .it {
    margin: 0 10px;
    border-radius:20px;
}

.custom-services.auto .pos-top {
    display: block;
    white-space: nowrap;
    position:relative;
    /*height:540px;*/
}
.custom-services.auto .pos-top .it {
    display: inline-block;
    width: 58%;
    position: absolute;
    transform: translateY(0);
}
.custom-services.auto .pos-top .it:nth-child(1){
    left:-0.5%;
}
.custom-services.auto .pos-top .it:nth-child(2) {
    left:14%;
}
.custom-services.auto .pos-top .it:nth-child(3) {
    left: 28%;
}
.custom-services.auto .pos-top .it:nth-child(4) {
    left: 42.5%;
}
.custom-services.auto .pos-top .it:nth-child(1) .n-t svg{
     
}
.custom-services.auto .pos-top .it:nth-child(2) .n-t svg{
    margin-top: -5px;
}
.custom-services.auto .pos-top .it:nth-child(3) .n-t svg{
     margin-top:-12px;
}
.custom-services.auto .pos-top .it:nth-child(4) .n-t svg {
    margin-top:-4px;
}
.custom-services.auto .bg,
.custom-services .bg1 {
    display: none;
}
.custom-services.auto .bg1 {
    display: block;
}
.custom-services.auto .n {
    display:none;
}
.custom-services:not(.auto) .n-b,
.custom-services:not(.auto) .n-t,
.custom-services.auto .n2 {
    display: none;
}
.custom-services:not(.auto) .it {
    /*box-shadow: 0px 6px 12px rgba(154, 154, 154, 0.36);*/
}
.custom-services:not(.auto) .it{
    margin: 0 !important;
}
.custom-services-wrap .custom-services .it {
    /*background-size: 100% 100%;
    height:100%;*/
}
.custom-services .n-t {
    position: absolute;
    width: 25%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*font-size: 0.38rem;*/
    font-size: 22px;
    font-weight: bold;
}
.custom-services .n-t svg{
    margin-bottom:10px;
    width:49%;
}
.custom-services .n-b {
    position: absolute;
    width: 98%;
    bottom: 1.3%;
    left: 1%;
    color: #fff;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*font-size: 0.26rem;*/
    font-size: 18px;
    background: rgba(243, 246, 250, 0.39);
    border: 1px solid #FFFFFF;
    border-radius: 12px;
    /*padding: 0.28rem;*/
    padding: 20px;
    padding: 5%;
    text-align: left;
    display: none;
    background: rgba(0,0,0,0.36);
    backdrop-filter: blur(14px);
}
.custom-services .n-b-yuan {
    background: rgba(255, 255, 255, 0.39);
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,1.36);
    backdrop-filter: blur(14px);
}
.custom-services .n-b-yuan svg{
    /*width:1rem;*/
}
.custom-services .n-b-t1 {
    color: #FFC916;
    margin-bottom: 15px;
    font-weight: bold;
    font-size:20px;
}
.custom-services .n-b-t2{
    position:relative;
    white-space:pre-wrap;
}
.custom-services .n-b-t2:after {
    content: ' ';
    width: 6px;
    height: 6px;
    background: #FFC916;
    border-radius: 50%;
    position:absolute;
    top:50%;
    left:-10px;
    transform:translateY(-50%);
}
.custom-services .bg2 {
    display: none;
}
.custom-services .pos-top .it .n2{
    display:block;
}
.custom-services.auto .pos-top .it:nth-child(4) .n-t,
.custom-services.auto .pos-top .it:nth-child(4) .bg1 {
    display: none;
}
.custom-services.auto .pos-top .it:nth-child(4) .n-b,
.custom-services.auto .pos-top .it:nth-child(4) .bg2 {
    display: block;
}
.custom-services img{
    width:100%;
    max-width:100%;
}
/*旋转重写*/
.xt-rotate .cc-svg{
    width:100%;
    height:100%;
}
/*.xt-rotate .menu-list .href-b{
    padding:0.28rem 0;
}*/
/*.xt-rotate{
    padding:0 6px;
}*/
.xt-rotate .rotate-box .in{
    /*padding-top:2.28rem;*/
}
/*旋转重写*/
.custom-made-wrap {
    padding-top: 51%;
}
.custom-services-wrap {
    padding-top: 48%;
}
.auto-height {
    position: relative;
}
.auto-height-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.nav-screen-text {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    cursor:pointer;
    font-weight:bold;
    font-size:16px;
}
.nav-screen-text svg{
    transform: translate(5px,2px) rotate( 90deg ) scale(.6);
    fill: none;
    stroke: #202425;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.nav-screen-text.on + .nav-screen-mask + .nav{
    visibility: visible;
    opacity: 1;
}
.nav-screen-text.on + .nav-screen-mask{
    display:block;
}
.nav-screen-text.on svg {
    transform: translate(5px,2px) rotate( -90deg ) scale(.6);
}
.nav-screen-mask {
    position: fixed;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    display:none;
}
.swiper {
    width: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.homeSwiper .swiper-pagination {
    left:13% !important;
    bottom:8% !important;
}
.homeSwiper .swiper-button-prev,
.homeSwiper .swiper-button-next {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.39);
    border-radius: 50%;
    display:none;
}
.homeSwiper:hover .swiper-button-prev,
.homeSwiper:hover .swiper-button-next {
    display: flex;
}
.homeSwiper .swiper-button-prev:hover,
.homeSwiper .swiper-button-next:hover{
    color: #FFC916;
}
.homeSwiper .swiper-button-prev {
    left: 180px;
}
.homeSwiper .swiper-button-next {
    right: 180px;
}
.homeSwiper .bannner-left .swiper-animation {
    transform: translateX(-200px);
}
.homeSwiper .bannner-right .swiper-animation {
    transform: translateX(200px);
}
.homeSwiper .swiper-slide .swiper-animation {
    opacity: 0;
    transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    height: 100%;
}
.homeSwiper .ani-slide .swiper-animation {
    transform: translateX(0);
    opacity: 1;
}
.private-domain .login-btn-wrap{
    margin-right:10.5% !important;
}
.private-domain .bannner-left {
    position: absolute;
    left: 10%;
    top: 29%;
    width: 29%;
    text-align: right;
}
.private-domain .mask-left {
    position: relative;
    color: #fff;
    font-size: 22px;
    font-size: 2vw;
    line-height: 3vw;
    width: 100%;
    height: 100%;
    padding: 6% 7% 6% 9%;
    border-right: 4px solid #fff;
    white-space: nowrap;
    background: linear-gradient(91deg, rgba(24, 86, 235, 0) 0%, #1856EB 200%);
}
.private-domain .homeSwiper .banner-title1 {
    font-size: inherit;
}
.private-domain .mask-left .color {
    color: #FFC916;
}
.private-domain .mask-left:before,
.private-domain .mask-left:after {
    content:' ';
    position:absolute;
    right:-2px;
    width:100%;
    height:4px;    
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.private-domain .mask-left:before {
    top: 0;
}
.private-domain .mask-left:after{
    bottom:0;
}
.private-domain .bannner-left .login-btn-wrap {
    margin: 7% 0 0 10.5%;
}
.homeSwiper .bannner-right {
    position: absolute;
    right: 7%;
    top: 29%;
    width: 35%;
    height: 42%;
    text-align: left;
}
.homeSwiper .mask-right {
    position: relative;
    color: #fff;
    font-size: 22px;
    font-size:2vw;
    line-height:3vw;
    width: 100%;
    height:100%;
    padding: 8% 15% 7% 9%;
    border-left: 4px solid #fff;
    background: linear-gradient(90deg, rgba(14, 80, 239, 0.9) 0%, rgba(17, 104, 233, 0.6) 53%, rgba(86, 132, 255, 0) 100%);
    white-space:nowrap;
}
.homeSwiper .mask-right .color{
    color:#FFC916;
}
.homeSwiper .mask-right:before,
.homeSwiper .mask-right:after {
    content:' ';
    position:absolute;
    left:-2px;
    width:100%;
    height:4px;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 84%, rgba(255, 255, 255, 0) 100%);
    background:linear-gradient(90deg, #FFFFFF 7%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
}
.homeSwiper .mask-right:before {
    top: 0;
}
.homeSwiper .mask-right:after{
    bottom:0;
}
.homeSwiper .bannner-right .login-btn-wrap {
    margin: 7% 0 0 10.5%;
}
.homeSwiper .login-btn-wrap .bt {
    border: 1px solid #FFFFFF;
    border-radius: 0;
    font-size: 20px;
    padding: 14px 27px;
}
.homeSwiper .banner-title1 {
    font-weight: bold;
    font-size: 2.4vw;
    margin-bottom: 0.6vw;
}
.homeSwiper .banner-title2 {
    letter-spacing: 0.34vw;
}
.homeSwiper .banner-title3 {
        
}

/*生美*/
.page-header .nav-menu {
    position: fixed;
    width: 100%;
    height: 300px;
    left: 0;
    box-shadow: 0px 20px 42px 1px rgba(154, 154, 154, 0.2);
    background: #FFFFFF;
    border-radius: 0px 0px 20px 20px;
   /* transition: all 0.1s;*/
      height:0;
    opacity: 0;
  /*  transform: translateY(-100%);*/
    z-index: -1;
    overflow: hidden;
    background: #fff;
}
.hasFilter .page-header .nav-menu {
    background: rgba(0,0,0,0.56);
    backdrop-filter: blur(6px);
}
.page-header .nav-item:hover .nav-menu {
    opacity: 1;
    height: auto;
    border: 2px solid #F5F8FC;
    padding: 12px;
    /* transform: translateY(0);*/
}
.page-header .nav-about-menu {
    left: inherit;
    left: unset;
    box-shadow: 0px 12px 36px 1px rgba(154, 154, 154, 0.2);
    border-radius: 12px;
    background: #fff !important;
    width: 180px;
    line-height: 60px;
    color: #060C3D;
    transform: translateY(10px);
    overflow: unset;
    overflow: inherit;
    display: flex;
    flex-direction: column;
}
.page-header .nav-about-menu:after{
    content: ' ';
    position: absolute;
    width: 16px;
    height: 16px;
    top: -5px;
    left: 21px;
    z-index: -1;
    transform: rotate(45deg);
    background: #FFFFFF;
}
.page-header .nav-about-menu:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 20px;
    top: -20px;
    left: 0px;
    z-index: -1;
}
.page-header .nav-about-menu .item{
    border-radius: 4px;
    display:none;
}
.page-header .nav-item:hover .nav-about-menu .item {
    display: inline-block;
}
/*.page-header .nav-about-menu .item:first-child {
    margin-bottom: 6px;
}*/
.page-header .nav-about-menu .item:hover,
.page-header .nav-about-menu .item.on{
    background:#FEC816;   
    font-weight: bold;
}
.second-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 0 3%;
}
.second-menu .it {
    width: calc(12.5% - 10.5px);
    padding-top: calc(12.5% - 6px);
    border-radius: 20px 20px 20px 20px;
    opacity: 1;
    border: 1px solid transparent;
    margin:0 12px 12px 0;
    position:relative;
}
.hasFilter .second-menu .it {
    background: rgba(255,255,255,0.16);
    backdrop-filter: blur(115px);
    border-color: #FFD54A;
}
.second-menu .it:nth-child(8) {
    margin-right: 0;
}
.second-menu .it:hover {
    box-shadow: 0px 10px 20px 1px rgba(154, 154, 154, 0.1607843137254902);
    box-shadow: 0px 6px 20px 1px rgba(154, 154, 154, 0.1607843137254902);
}
.hasFilter .second-menu .it:hover {
    background: #fff;
    border-color: #fff;
    box-shadow:none;
}
.second-menu .it:hover svg path,
.second-menu .it:hover svg ellipse,
.second-menu .it:hover .r-text {
    fill: #1856EB !important;
    color: #1856EB !important;
}
.second-menu .href-b {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.second-menu .it svg {
    width: 21px;
    height: auto;
    display:block;
    margin:0 auto;
}
.second-menu .it .r-text {
    color:#060C3D;
    line-height: 1;
    margin-top: 16px;
}
.hasFilter .second-menu .it .r-text {
    color: #F6BE05;
}
.style .it {
    width: 20%;
    margin: 0;
    border-radius: 0;
    box-shadow: none !important;
    padding-top: 9%;
}
.style .href-b {
    flex-direction: row;
}
.style .href-b:before,
.style .href-b:after {
    content: ' ';
    position: absolute;
    left: 20%;
    width:0;
    bottom: 23%;
    height: 1px;
}
.style .href-b:before{
    width: 60%;
    background: #AAB6C6;
}
.style .href-b:after {
    transition: all 0.3s;
    background: #096DF1;
}
.style .it:hover .href-b:after {
    width:60%;
}
.style .it svg {
    margin:0 10px 0 0;
}
.style .it:hover svg path,
.style .it:hover svg ellipse,
.style .it:hover .r-text,
.style .it:hover svg rect {
    fill: #096DF1 !important;
    color: #096DF1 !important;
}
.style .it .r-text {
    margin-top: 0;
    width: 78px;
    font-size: 16px;
    text-align-last: justify;
    font-weight: 400;
}
.style .market-menu .it:nth-child(5) {
    margin-right: 10px;
}
.life-low-inner{
    display:flex;
}
.life-low-inner .it {
    flex: 1;
    background: #fff;
    border-radius: 20px;
    /*border: 1px solid #EAEFF6;*/
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding:0 3.3%;
    /*cursor:pointer;*/
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}
/*.life-low-inner .it:not(:last-child) {
    margin-right: 2.6779%;
}*/
.life-low-inner .it svg {
    width: 41%;
    height: 20%;
}
.life-low-inner .it .title {
    font-weight: bold;
    color: #060C3D;
    font-size: 22px;
    margin: 14% 0 10%;
}
.life-low-inner .it .title1{
    color: #76788A;
    font-size:16px;
    text-align:left;
    line-height:26px;
    letter-spacing:1px;
}
.life-low-inner .circle {
    position: absolute;
    opacity: 0.2;
    border-radius: 50%;
    background: #fff;
    display: block;
    width: 68%;
    height: 39%;
}
.life-low-inner .circle1 {
   top:-23%;
   left:-42%;
}
.life-low-inner .circle2{
    top: -29%;
    left:-13%;
} 
.life-low-inner .circle3{
    bottom:-25%;
    right:-32%;
} 
.life-low-inner .circle4{
    bottom:-33.5%;
    right:-1%;
} 
/*.life-low-inner .it:hover .circle {
    display: block;
}
.life-low-inner .it:hover{
    background: #FCCC2D;
    transform:translateY(-15px);
}*/
.life-beauty-page2 .page-inner-bg-c{
    border:none;
    box-shadow:none;
    padding:0;
}
.life-up{
    padding-top:45%;
    margin:1.5% 0;
}
.life-up-inner{
    display:flex;
    padding:2.25% 0;
}
.life-up-inner .it svg{
    fill:#A1ADBD;
    width:66%;
}
.life-up-inner .it.on svg{
    fill: #060C3D;
    width:54%;
}
.life-up-inner .it{
    width:16.666666%;
    color: #A1ADBD;
    transition:transform 0.3s;
    position:relative;
    padding:8% 2%;
    position:relative;
    cursor:pointer;
}
.life-up-inner .it.on .h,
.life-up-inner .it .s{
    display:none;
}
.life-up-inner .it.on .s{
    display:block;
}
.life-up-inner .it.on{
    width:24%;
    max-width:24%;
    background: #FFC916;
    box-shadow: 0px 0px 26px 1px rgba(154, 154, 154, 0.2);
    border-radius: 12px;
    border: 4px solid #FFFFFF;
    transform:scale(1.2);   
    color: #060C3D;
    padding-top:5%;
    padding-bottom:1%;
    padding-left:1%;
    padding-right:1%;
    margin:0 1.5%;
    position:relative;
    z-index:1;
}
.life-up-inner .it.on::before{
    content: ' ';
    position: absolute;
    top: -6px;
    left: -6px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    box-shadow: 0px 0px 26px 1px rgb(154 154 154 / 20%);
    border-radius: 12px;
    border: 2px solid #ADD9FB;
}
.life-up-inner .it .s{
    width:110%;
}
.life-up-inner .it:first-child .s,
.life-up-inner .it:last-child .s{
    width:70%;
}
.life-up-inner .it.on .title{
    font-size:44px;
}
.life-up-inner .it.on .title1{
    font-size:16px;
    font-weight:bold;
    padding: 0 4%;
    line-height:26px;
}
.life-up-inner .it.on:after{
    display:none;
}
.life-up-inner .it:not(:last-child):after {
    content: ' ';
    position: absolute;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background:#F3F6FA;
}
.life-up-inner .it .title{
    font-size: 22px;
    font-weight: bold;
}
.life-up-inner .it .title1 {
    font-size: 14px;
    font-weight: bold;
    line-height:24px;
}
.life-up-inner .it .img-wrap{
    height:68%;
    position:relative;
}
.life-up-inner .it .img-wrap img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.life-beauty-page4 .page-inner-bg-c{
    padding-bottom:0;
}
.core-competence {
    display: flex;
    flex-wrap: wrap;
}
.core-competence .auto-height {
    width: 22.75%;
    padding-top: 21%;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 1px rgba(154, 154, 154, 0.1607843137254902);
    border-radius: 20px;
    margin: 0 3% 3% 0;
    border: 3px solid transparent;
    cursor:pointer;
    transition: transform 0.3s;
}
.core-competence .auto-height:hover{
    background: #FFC916;
    box-shadow: 0px 6px 18px 1px rgba(255, 201, 22, 0.3607843137254902);
    border-radius: 20px 20px 20px 20px;
    border-color: #FFFFFF;
    transform: translateY(-15px);
}
.core-competence .auto-height .s,
.core-competence .auto-height:hover .h{
    display:none;
}
.core-competence .auto-height:hover .s{
    display:block;
}
.core-competence .auto-height .it {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding:8% 0 13%;
}
.core-competence svg{
    height:60%;
}
.core-competence .auto-height:nth-child(4n) {
   margin-right:0;
}
.core-competence .title{   
    font-size: 18px;
    color: #060C3D;
}
.medical .core-competence .auto-height:hover {
    background: linear-gradient(180deg, #2AAFFF 0%, #1349F0 100%);
    box-shadow: 0px 6px 19px 1px rgba(21,101,241,0.3);
}
.medical .core-competence .auto-height:hover .title{
    color:#fff;
}
.pro-version {
    align-items: inherit;
}
.pro-version .menu-list .href-b{
    padding:10px 0 30px;
}
.pro-version .down-svg {
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
.pro-version .rotate-box.on .down-svg {
    display: block;
}
.pro-version .rotate-box {
    border-color: #F1D943 !important;
    box-shadow: 0px 5px 18px 1px rgba(245, 190, 23, 0.18) !important;
    cursor: pointer;
}
.pro-version .rotate-box .in{
    border-color:#F2EDD8;
    padding-top:164px;
   /* border: 4px solid transparent;*/
}
.pro-version .rotate-box:nth-child(2){
    margin:0 35px;
    margin:0 3.33%;
}
.pro-version .l .sign {
    background: linear-gradient(180deg, #FFF8E5 0%, #F5E8C2 100%);
}
.pro-version .c .sign {   
    background: linear-gradient(180deg, #FFEDB9 0%, #F4D983 100%);
}
.pro-version .r .sign {
    background: linear-gradient(180deg, #FFE185 0%, #F5BE17 100%);
}
.pro-version .rotate-box.on .sign {
   /* border-color: transparent;
    box-shadow:none !important;
    background: none;*/
}
.pro-version .rotate-box.on{
    border-color:#1F80FF !important;
}
.pro-version .rotate-box.on .in{
    /*box-shadow: 0px 8px 20px 1px rgba(245, 190, 23, 0.16);
    border-color:#FFFFFF;
    padding-top:0;
    margin-top:164px;
    height:auto;
    position:relative;
    z-index:2;
    border:none;
    background:none;
    box-shadow:none;*/
    border-color:transparent;
    background:transparent;
    position:relative;
    z-index:2;
}
.pro-version .rotate-box.on .sign{
    height:calc(100% - 40px);
}
.pro-version .sign{
    font-size:28px;
    color:#000;
    box-shadow: 0px 8px 20px 1px rgba(245, 190, 23, 0.16) !important;
    height:150px;
    transition:all 0.3s;
    transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 /*   transition:all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);*/
}
.pro-version .rotate-box .title{
    font-size:26px;
    font-weight:bold;
    margin-top:8%;
    letter-spacing: 2px;
}
.pro-version .rotate-box .title1{
    font-size:18px;
    color:#060C3D;
    letter-spacing: 2px;
}
.pro-version .add-ic{
    width: 20px;
    height: 4px;
    background: #060C3D;
    border-radius: 2px 2px 2px 2px;
    background:#060C3D;
    position:relative;
    margin:8% auto;
}
.pro-version .add-ic:after{
    content: ' ';
    position: absolute;
    width: 4px;
    height: 20px;
    border-radius: 2px 2px 2px 2px;
    background:#060C3D;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pro-version .menu-list .it:hover{
    background:none;
}
.ability-details .it:after,
.ability-details .it {
    background: #fff !important;
    box-shadow: none !important;
}
.ability-details .hd .it{
    flex:inherit;
    position:relative;
}
.ability-details .it:before {
    content:' ';
    height: 5px;
    background: none;
    border-radius: 6px 6px 6px 6px;
    position: absolute;
    width: 100%;
    bottom: 4px;
    z-index:2;
}
.ability-details .bar {
    position: absolute;
    bottom: -4px;
    width:100%;
}
.ability-details .it.on:before {
    background: #FFC916;
}
.ability-details .hd {
    background: none !important;
    position: relative;
    padding-bottom: 2px;
    justify-content: space-between;
}
/*.medical .ability-details .hd {
    justify-content: center;
}
.medical .ability-details .hd .it{
    margin:0 5%;
}*/
.medical .ability-details .svg-no {
    width: 49px;
    height: 49px;
    position: relative;
}
.medical .ability-details .svg-no svg {
    position: absolute;
    top: 0;
    left: 0;
}
.medical .ability-details .it.on:before {
    background: linear-gradient(270deg, #2AB1FF 0%, #1856EB 100%);
}
.ability-details .con {
    margin-bottom: 10px;
}
.ability-details .it:hover {
    color: #76788A !important;
}
.ability-details .it.on {
    color: #000 !important;
}
.ability-details .l {
    box-shadow: none;
    border: none;
    width: 46%;
    border-radius: 0;
    padding: 0 16px 0 0;
}
.ability-details .r {
    background: none;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 46%;
}
.ability-details .con .line {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 33px 77px 33px 26px;
    padding: 6.6% 15.5% 6.6% 5%;
    margin-bottom:2%;
}
.ability-details .con .line svg {
  /*  width: 64px;
    height: 46px;*/
  /*  position: relative;
    top: 3px;*/
}
.ability-details .con .line .s,
.ability-details .con .line:hover .h{
    display:none;
}
.ability-details .con .line:hover .s{
    display:block;
}
.ability-details .con .line:hover {
   /* background: linear-gradient(93deg, #FFF5D5 0%, rgba(255, 245, 213, 0) 100%);*/
    border-radius: 6px;
    color:#263CE9;
}
.ability-details .con .line:hover .line1,
.ability-details .con .line:hover .line2,
.medical .ability-details .con .line:hover .line2 .p-t{
    color: #263CE9;
}
.life-beauty .ability-details .con .line:hover .line1,
.life-beauty .ability-details .con .line:hover .line2,
.life-beauty .ability-details .con .line:hover .line2 .p-t {
    color: #096DF1;
}
.medical .ability-details .con .line:hover .line1,
.medical .ability-details .con .line:hover .line2,
.medical .ability-details .con .line:hover .line2 .p-t {
    color: #1856eb;
}
.ability-details .con .line .line1{
    font-size:18px;
}
.ability-details .con .line .line2{
    white-space:pre-wrap;
    line-height:26px;
    padding-top:6px;
    font-size:14px;
    flex:1;
}
.life-beauty .ability-details .con .line .line2 .p-t,
.medical .ability-details .con .line .line2 .p-t {
    color: #060C3D;
    font-weight: bold;
}
.life-beauty-page6 .page-inner-bg-c{
    padding:0;
    border:none;
    box-shadow:none;
    border-radius:0;
}
.ipad-or-mobile .line-icon{
    width:22px;
    height:auto;
}
.ipad-or-mobile .con .line2 {
    padding-left: 33px;
}
.ipad-or-mobile .con {
    margin-top: 0;
    margin-bottom: 10px;
}
.home-set-again .line{
    width:calc(100% + 3px) !important;
    margin-left:0 !important;
}
.home-set-again .line:hover{
    transform: translateX(0) !important;
}
.home-set-again .con .l,
.ipad-or-mobile .l {
    padding: 0 !important;
}
.ipad-or-mobile .l-in{
    display:flex;
    flex-direction:column;
    height:100%;
}
.ipad-or-mobile .con .line.in {
    width: 100% !important;
}
.ipad-app .r {
    background: #fff;
}
.ipad-or-mobile .con .line {
    border: 4px solid transparent;
    border-radius: 4px;
    margin:0 !important;
    padding:12px 14px !important;
    height:16.666%;
}
.ipad-or-mobile .con .line:hover {
    background: linear-gradient(90deg, #FFEEB5 0%, rgba(255, 238, 181, 0) 100%);
    background: linear-gradient(90deg, #FFFAE8 0%, rgba(255, 250, 232, 0) 100%);
      transform: translateX(0) !important;
}
.ipad-or-mobile .con .line.in {
    background: linear-gradient(90deg, #F5C01E 0%, #FFDC71 100%);
    box-shadow: 0px 5px 12px 1px rgba(245, 192, 30, 0.36);
    background: linear-gradient(90deg, #FFF5D5 0%, #FFFAE8 100%);
    box-shadow: 0px 6px 16px 1px rgba(155, 154, 150, 0.25882352941176473);
    border-color: #FFF;
    z-index:2;
    /*margin-left:0;*/
}
.ipad-or-mobile .con .line:hover .h,
.ipad-or-mobile .con .line .s,
.ipad-or-mobile .con .line.in .h{
    display:none;
}
.ipad-or-mobile .con .line:hover .s,
.ipad-or-mobile .con .line.in .s{
    display:inline-block;
}
.ipad-or-mobile .con .line.in .line1,
.ipad-or-mobile .con .line.in .line2,
.ipad-or-mobile .con .line:hover .line1,
.ipad-or-mobile .con .line:hover .line2 {
    color: #096DF1;
}
.mobile-app .l {
    right: 0;
    left: unset;
    box-shadow: -12px 0px 36px 1px rgba(154, 154, 154, 0.25882352941176473);
}
.mobile-app .r{
    margin-left: 0;
    margin-right: 33.5%;
}
.life-beauty .mask-right {
    background: none;
    border: none;
    color: #060C3D;
    padding:0;
    text-align:left;
}
.life-beauty .bannner-left {
    position: absolute;
    top: 20%;
    left: 19%;
    text-align:left;
}
.life-beauty .login-btn-wrap {
    padding-top: 20%;
}
.life-beauty .mask-right:before, .life-beauty .mask-right:after {
    display: none;
}
.life-beauty .banner-title2,
.life-beauty .banner-title3 {
    letter-spacing: 0;
}
.solution {
    display: flex;
    align-items: center;
    justify-content:center;
    margin: -3% 0;
}
.solution .solution-w {
    transform: scale(0.8);
}
.solution .y-l, .solution .y-r {
    position: relative;
    z-index: 1;
}
.solution .y-c {
    margin:0 -20%;
}
.solution svg{
    transition:all 0.3s;
    cursor:pointer;
    max-width:100%;
    height:auto;
}
.solution .solution-w .s{
    display:none;
}
.solution .solution-w:hover tspan{
    fill: #1180EB;
}
.solution .solution-w:hover .co{
    fill: #ADD9FB;
}
.solution .solution-w:hover .co0{
    fill: url(#linear-gradient22);
}
.solution .solution-w:hover .co1{
    fill: rgb(233, 249, 255);
}
.solution .solution-w:hover .co2{
    fill: url(#linear-gradient-222);
}
.solution .solution-w:hover .co3{
    fill: rgb(233, 249, 255);
}
.solution .solution-w:hover .co4{
    fill: rgb(172, 229, 255);
}
.solution .solution-w:hover .co5{
    fill: rgb(172, 229, 255);
}
.solution .solution-w:hover .co6{
    fill: url(#linear-gradient-322);
}
.solution .solution-w:hover .co7{
    fill: rgb(233, 249, 255);
}
.solution .solution-w:hover .co8{
    fill: rgb(172, 229, 255);
}
.solution .y-r:hover .co0{
    fill: url(#linear-gradient666);
}
.solution .y-r:hover .co1{
    fill: url(#linear-gradient-2666);
}
.solution .y-r:hover .co2{
    fill: url(#linear-gradient-3666);
}
.solution .y-r:hover .co3{
    fill: url(#linear-gradient-4666);
}
.solution .y-c:hover .co0{
    fill: rgb(170, 218, 255);
}
.solution .y-c:hover .co1{
   fill: url(#linear-gradient33);
}
.solution .y-c:hover tspan{
    fill: #fff;
}
.solution svg:hover {
    transform: scale(1.15);
}

.closed-loop{
    position:relative;
}
.closed-loop .loop-circular {
    width: 80%;
    height: 90%;
    top: 5%;
    right: 0;
    position: absolute;
    border-radius:50%;
    box-shadow: 21px 0px 43px 1px rgba(154,154,154,0.16);
}
.closed-loop .loop-circular-mask{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    z-index: 2;
}
.closed-loop .loop-circular-mask .item.on .h,
.closed-loop .loop-circular-mask .item .s {
    display: none;
}
.closed-loop .loop-circular-mask .item{
    position: absolute;
}
.closed-loop .loop-circular-mask svg{
    transform:scale(0.83);
}
/*.closed-loop .loop-circular-mask .item:nth-child(1){
    top: 1%;
    right: 11%;
}
.closed-loop .loop-circular-mask .item:nth-child(2){
    top: 27%;
    right: 4%;
}
.closed-loop .loop-circular-mask .item:nth-child(3){
    bottom: 1%;
    right: 12%;
}
.closed-loop .loop-circular-mask .item:nth-child(4){
    bottom: 1%;
    left: 10%;
}
.closed-loop .loop-circular-mask .item:nth-child(5){
    top: 26%;
    left: 9%;
}
.closed-loop .loop-circular-mask .item:nth-child(6){
    top: 3%;
    left: 16%;
}*/
.closed-loop .loop-circular-mask .item-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    width:46.6%;
}
.closed-loop .loop-circular-mask .item-center svg{
  /*  transform:scale(0.9);*/
    width:91%;
}
.closed-loop .loop-circular-mask .item {
    width: 20%;
}
.closed-loop .loop-circular-mask .item svg{
    width: 100%;
    height: 20%;
}
.closed-loop .loop-circular-mask .item-center {
    transform: translate(-44%,-47%);
}
.closed-loop .loop-circular-mask .item-center svg {
    width: 83%;
    height: 10%;
}
.closed-loop .loop-circular-mask .item:nth-child(1){
    top: 3%;
    right: 26%;
}
.closed-loop .loop-circular-mask .item:nth-child(1) svg{
    width: 192%;
}
.closed-loop .loop-circular-mask .item:nth-child(2){
    top: 27%;
    right: 9%;
}
.closed-loop .loop-circular-mask .item:nth-child(2) svg{
    width:131%;
}
.closed-loop .loop-circular-mask .item:nth-child(3){
    bottom: 3%;
    right: 32%;
}
.closed-loop .loop-circular-mask .item:nth-child(3) svg{
    width: 218%;
}
.closed-loop .loop-circular-mask .item:nth-child(4) {
    bottom: 3%;
    left: 14%;
}
.closed-loop .loop-circular-mask .item:nth-child(4) svg {
    width: 192%;
}
.closed-loop .loop-circular-mask .item:nth-child(5) {
    top: 24%;
    left: 8%;
}
.closed-loop .loop-circular-mask .item:nth-child(5) svg{
    width:131%;
}
.closed-loop .loop-circular-mask .item:nth-child(6) {
    top: 3%;
    left: 15%;
}
.closed-loop .loop-circular-mask .item:nth-child(6) svg{
    width:218%;
}

.closed-loop .item.on .s{
    display:inline-block;
}
.closed-loop .auto-height {
    padding-top: 63%;
    width: 63%;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
}
.closed-loop .auto-height-inner {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    border-radius:50%;
}
.closed-loop .loop-des{
    position: absolute;
    right:0;
    top:0;
    width:54%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding: 4% 0;
    text-align:left;
}
.closed-loop .loop-des .item{
    cursor:pointer;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.closed-loop .loop-des .item:nth-child(1),
.closed-loop .loop-des .item:nth-child(6){
    padding-left: 22.2%;
}
.closed-loop .loop-des .item:nth-child(2),
.closed-loop .loop-des .item:nth-child(5){
    padding-left: 30.1%;
}
.closed-loop .loop-des .item:nth-child(3),
.closed-loop .loop-des .item:nth-child(4){
    padding-left: 35.1%;
}
.closed-loop .loop-des .title{
    font-weight:bold;
    font-size:20px;
    color:#060C3D;
    margin-bottom: 1.2%;
}
.closed-loop .loop-des .title1 {
    font-size: 20px;
    color:#76788A;
}
.closed-loop .loop-des .item.on{
    background: linear-gradient(90deg, #1448F3 0%, #23B0FF 100%);
    box-shadow: 0px 6px 23px 1px rgba(21,145,254,0.3);
    border-radius: 0px 4px 4px 0px;
}
.closed-loop .loop-des .item.on .title,
.closed-loop .loop-des .item.on .title1{
    color:#fff;
}
.statistics-wrap {
    border-radius: 12px;
    overflow: hidden;
}
.statistics-wrap .bg{
    width:100%;
    display:block;
}
.statistics {
    display: flex;
    flex-wrap: wrap;
    border-radius: 12px;
    overflow:hidden;
}
.statistics .item {
    width:50%;
    height: 50%;
    cursor:pointer;
    transition:all 0.2s;
    color:#fff;
    letter-spacing: 2px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 0 5% 2% 3%;
    text-align:left;
}
.statistics.one .item:nth-child(1),
.statistics.one .item:nth-child(3),
.statistics.three .item:nth-child(1),
.statistics.three .item:nth-child(3),
.statistics.two .item:nth-child(2),
.statistics.two .item:nth-child(4),
.statistics.four .item:nth-child(2),
.statistics.four .item:nth-child(4){
    width:64%;
}
.statistics.one .item:nth-child(2),
.statistics.one .item:nth-child(4),
.statistics.three .item:nth-child(2),
.statistics.three .item:nth-child(4),
.statistics.two .item:nth-child(1),
.statistics.two .item:nth-child(3),
.statistics.four .item:nth-child(1),
.statistics.four .item:nth-child(3){
    width:36%;
}
.statistics.one .item:nth-child(1),
.statistics.one .item:nth-child(2),
.statistics.two .item:nth-child(1),
.statistics.two .item:nth-child(2),
.statistics.three .item:nth-child(3),
.statistics.three .item:nth-child(4),
.statistics.four .item:nth-child(3),
.statistics.four .item:nth-child(4){
    height:70%;
}
.statistics.one .item:nth-child(3),
.statistics.one .item:nth-child(4),
.statistics.two .item:nth-child(3),
.statistics.two .item:nth-child(4),
.statistics.three .item:nth-child(1),
.statistics.three .item:nth-child(2),
.statistics.four .item:nth-child(1),
.statistics.four .item:nth-child(2){
    height:30%;
}
.statistics.one .item:nth-child(1),
.statistics.two .item:nth-child(2),
.statistics.three .item:nth-child(3),
.statistics.four .item:nth-child(4){
    background:rgba(0,0,0,0.5);
    display:flex;
    flex-direction: column;
    justify-content: center;
    padding:0 13%;
    text-align:center;
}
.statistics.one .item:nth-child(1) .title1,
.statistics.two .item:nth-child(2) .title1,
.statistics.three .item:nth-child(3) .title1,
.statistics.four .item:nth-child(4) .title1{
    white-space: normal;
}
.statistics .item:nth-child(1){
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
.statistics .item:nth-child(2){
    border-bottom:1px solid #fff;
}
.statistics .item:nth-child(3){
     border-right:1px solid #fff;
}
.statistics .item:nth-child(4){
    
}
.statistics .item .title{  
    font-size: 30px;
    padding-bottom:13px;
    font-weight:bold;
}
.statistics .item .title1{
    font-size:24px;
    text-align:left;
    line-height:38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.statistics.one .item:nth-child(1) .title,
.statistics.two .item:nth-child(2) .title,
.statistics.three .item:nth-child(3) .title,
.statistics.four .item:nth-child(4) .title{
    color:#FFC916;
}
.big-data{
  /*  display:flex;*/
}
.big-data .auto-height{
    width:100%;
 /*   padding-top:52%;*/
}
.big-data .auto-height-inner{
    display:flex;
    position:static;
}
.big-data .vi-img{
    flex:1;
    display:flex;
}
.big-data .vi-img img{
    max-width:100%;
    margin:auto;
}
.big-data .vi-item{
    height:580px;
    width:44%;
    background: #FFF;
    box-shadow: 0px 12px 37px 1px rgba(154,154,154,0.16);
    border-radius: 20px;
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align:left;
    padding:2%;
}
.big-data .vi-item .item{
    width:50%;
    padding: 5% 0 5% 6.4%;
    font-size: 22px;
    color:#060C3D;
    border-radius:8px;
    border: 1px solid transparent;
}
.big-data .vi-item .item.on,
.big-data .vi-item .item:hover{
    background: linear-gradient(180deg, #29B1FF 0%, #144FF1 100%);
    box-shadow: 0px 6px 12px 1px rgba(25,120,245,0.3);
    border-color:#fff;
    font-weight:bold;
    color:#fff;
}
.medical-pro-version{
    padding:1.4% 16% 3% !important;
}
.medical-pro-version .title,
.medical-pro-version .title1{
    position:relative;
}
.medical-pro-version .title svg,
.medical-pro-version .title1 svg {
    position: absolute;
    top: 50%;
    transform: translate(-24px, -36%);
}
.medical-pro-version .href-b svg{
    width:14px;
    height:14px;
    margin-top: 2px;
}
.medical-pro-version .rotate-box {
    box-shadow: 0px 12px 37px 1px rgba(154,154,154,0.16) !important;
    padding:0 0 3% !important;
    overflow: hidden;
    border-radius:30px;
    background:#fff;
    transition:transform 0.2s;
    border: 3px solid transparent !important;
}
.medical-pro-version .rotate-box:before,
.medical-pro-version .rotate-box:after{
    content: ' ';
    position: absolute;
    z-index:-1;
    display:none;
    width: 223px;
    height: 304px;
    background: linear-gradient(180deg, #2599FC 0%, rgba(20, 76, 242, 0) 100%);
}
.medical-pro-version .rotate-box:after {
    bottom: -30px;
    left: -151px;
    transform: rotate(-45deg);
}
.medical-pro-version .rotate-box:before{
    top: 0;
    right: -99px;
    transform: rotate(-225deg);
}
.medical-pro-version .sign {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding:30px 0;
    transition:none;
}
.medical-pro-version .rotate-box .in {
    border: none !important;
    border-radius:0 !important;
    background:none;
}
.medical-pro-version .rotate-box:nth-child(2){
    margin:0;
}
.medical-pro-version .down-svg{
    display:block;
    top:123px;
    top:23.3% !important;
}
.medical-pro-version .menu-list .href-b {
    color: #060C3D;
    padding: 0px 0 30px;
}
.medical-pro-version .rotate-box.in{
    transform:scale(1.1);
    z-index:1;
    background: linear-gradient(180deg, #2BA4FF 0%, #1246F1 100%);
    box-shadow: 0px 12px 37px 1px rgba(27,105,246,0.3) !important;
    border-color: #FFFFFF !important;
}
.medical-pro-version .rotate-box.in .down-svg path{
    fill:#fff;
}
.medical-pro-version .rotate-box.in .sign,
.medical-pro-version .rotate-box.in .title,
.medical-pro-version .rotate-box.in .title1,
.medical-pro-version .rotate-box.in .href-b{
    color:#fff;
}
.medical-pro-version .rotate-box.in:before,
.medical-pro-version .rotate-box.in:after{
    display:block;
}
.medical-pro-version .add-ic,
.medical-pro-version .add-ic:after{
    background:#fff;
}
.market{
    padding:0 6%;
}
.market .tabs {
    display: flex;
    justify-content: space-between;
}
.market .tabs .item{
    position:relative;
    cursor:pointer;
    width:11%;
}
.market .tabs .item:not(:last-child):after {
    content: ' ';
    position: absolute;
    width: 70%;
    height: 1px;
    background: #E9EBED;
    top: 50%;
    right: -85%;
}
.market .tabs .name{   
    font-weight: bold;   
    color: #060C3D;
    font-size:22px;
    padding-top:23%;
}
.market .tabs .svg-wrap{
    height:97%;
    width:100%;
    display:flex;
    background: #FFF;
    border: 1px solid transparent;
    border-radius:50%;
}
.market .tabs .svg-wrap:hover{
    box-shadow: 0px 6px 21px 1px rgba(19,123,234,0.2);
}
.market .tabs .svg-wrap svg{
    margin:auto;
}
.market .tabs .svg-wrap.on{
    border-color: #137BEA;
}
.market .con {
    display: flex;
    justify-content: space-between;
    padding-top:5%;
}
.market .con .con-l {
    flex:1;
    position:relative;
    overflow:hidden;
}
.market .con .con-r {
    color: #76788A;
    font-size: 20px;
    width: 50%;
    line-height: 38px;
    position: relative;
    display: flex;
    min-height: 430px;
}
.agent-cooperation .market .con-r{
    min-height:auto;
    min-height:initial;
}
.market .con .con-r .txt {
    display: none;
    text-align: left;
    margin: auto;
}
.market .con .con-r .txt.on{
    display:block;
}
.market .con-r .t-svg{
    position:absolute;
    top:13%;
    left:-17%;
}
.market .con-r .b-svg{
    position:absolute;
    bottom:13%;
    right:7%;
}
.market .con-l .text{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
}
.market .con-l .text img{  
    width: 120%;
    margin-left: -31%;
}
.market-tool .page-inner .page-padding {
    padding-top: 0 !important;
}
.market-tool .page-inner .auto-height{
    padding-top:53%;
}
.market-tool-box{
    display:flex;
    text-align:left;
    align-items:center;
    height:100%;
}
.market-tool-box .pic{
    width:60%;
    display:flex;
}
.market-tool-box .pic .img{
    margin:auto;
    width:100%;
}
.market-tool-box .js{
    flex:1;
    padding: 0 8% 0 3%;
}
.market-tool-box .title {
    font-size: 28px;
    font-weight: bold;
}
.market-tool-box .title1 {
    color: #76788A;
    font-size: 20px;
    line-height:38px;
    padding:5% 0 25%;
}
.market-tool-box .js-b {
    color: #060C3D;
    font-size: 18px;
    background: #FFC916;
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    cursor:pointer;
    display:inline-block;
    padding:14px 30px;
}
.pdomain .rotate-box{
    margin:0 !important;
}
.pdomain .rotate-box.on .down-svg path{
    fill:#fff;
}
.pdomain .rotate-box:hover{
    transform:translateY(-15px);
    transition:transform 0.3s;
}
.pdomain .one.rotate-box {
    border-color: #438EF1 !important;
}
.pdomain .two.rotate-box {
    border-color: #43F1C8 !important;
}
.pdomain .three.rotate-box {
    border-color: #F1D943 !important;
}
.pdomain .four.rotate-box {
    border-color: #438EF1 !important;
}
.pdomain .one.rotate-box:not(.on) .in {
    border-color: #D8E3F2 !important;
    background: #F5F8FC;
}
.pdomain .two.rotate-box:not(.on) .in {
    border-color: #D8F2EE !important;
    background: #F5FCFB;
}
.pdomain .three.rotate-box:not(.on) .in {
    border-color: #F2EDD8 !important;
    background: #FCFBF5;
}
.pdomain .four.rotate-box:not(.on) .in {
    border-color: #D8E3F2 !important;
    background: #F5F8FC;
}
.pdomain .one.rotate-box .sign {
    background: linear-gradient(180deg, #42AEEC 0%, #2569F2 100%);
    box-shadow: 0px 6px 19px 1px rgba(37,105,242,0.16) !important;
}
.pdomain .two.rotate-box .sign {
    background: linear-gradient(180deg, #58EFDA 0%, #0DC0A8 100%);
    box-shadow: 0px 6px 19px 1px rgba(8,138,121,0.16) !important;
}
.pdomain .on.two.rotate-box .sign {
    background: linear-gradient(180deg, #33D0BB 0%, #007E6D 100%);
    box-shadow: 0px 5px 10px 1px rgba(51,208,187,0.25);
}
.pdomain .on.three.rotate-box .sign {
    background: linear-gradient(180deg, #F2BD21 0%, #AA830C 100%);
    box-shadow: 0px 5px 10px 1px rgba(216,164,12,0.25);
}
.pdomain .three.rotate-box .sign {
    background: linear-gradient(180deg, #FFD555 0%, #EEB40B 100%);
    box-shadow: 0px 6px 19px 1px rgba(216,164,12,0.16) !important;
}
.pdomain .four.rotate-box .sign {
    background: linear-gradient(180deg, #42AEEC 0%, #2569F2 100%);
    box-shadow: 0px 6px 19px 1px rgba(37,105,242,0.16) !important;
}
.pdomain .rotate-box {
    padding: 15px;
    border-radius: 30px;
    box-shadow: 0px 12px 37px 1px rgba(154,154,154,0.18) !important;
}
.pdomain .rotate-box .sign,
.pdomain .rotate-box .in {
    border-radius: 20px;
}
.pdomain .rotate-box .sign{
    width:calc(100% - 30px);
    top:15px;
    left:15px;
    font-size:30px;
    color:#fff;
    height:100px;
    line-height:92px;
    padding: 0;
}
.pdomain .rotate-box.on .sign {
    height: calc(100% - 29px);
}
.pdomain .rotate-box .sign svg {
    position: relative;
    top: 10px;
}
.pdomain .down-svg {
    top: 106px;
}
.pdomain .rotate-box .in {
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 110px;
}
.pdomain .one .item {
    border-radius: 12px;
    border: 1px solid #D8E3F2;
    display:flex;
    align-items:center;
    font-size:20px;
    justify-content:center;
    background:#fff;
    padding:4% 0;
}
.pdomain .one .item:not(:last-child){
    margin-bottom:5%;
}
.pdomain .img{
    width: 43px;
}
.pdomain .one .item .img { 
    margin-right: 13%;
}
.pdomain .more {
    display: flex;
    align-items: center;
    justify-content:center;
    padding:12% 0;
}
.pdomain .more .dd {
    width: 6px;
    height: 6px;
    background: #76788A;
    border-radius:50%;
    margin-right:3%;
}
.pdomain .item-c {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #D8F2EE;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    padding: 6% 0 8%;
}
.pdomain .three .item-c {
    border-color: #F2EDD8;
}
.pdomain .four .item-c {
    border-color: #D8E3F2;
}
.pdomain .item-c .text {
    padding-top: 4%;
}
.pdomain .item-c .h {
    /*display: none;*/
}
.pdomain .j-l{
    padding: 5.2% 0;
}
.pdomain .three .j-l {
    padding: 5% 0;
}
.pdomain .j-l img {
    width: 23%;
}
.pdomain .four .item {
    background: #FFF;
    border-radius: 12px;
    border: 1px solid #D8E3F2;
    padding: 3% 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 5%;
}
.pdomain .rotate-box.on .in * {
    background: none;
    border-color: transparent;
}
.pdomain .rotate-box .in .s,
.pdomain .rotate-box.on .in .h {
    display: none;
}
.pdomain .rotate-box.on .in .s{
    display:inline-block;
}
.pdomain .two.rotate-box .text{
    color: #057260;
}
.pdomain .three.rotate-box .text{
    color: #806C06;
}
.pdomain .four.rotate-box .text {
    color: #111E87;
}
.pdomain .rotate-box.on .text{
    color:#fff;
}
.pdomain .rotate-box.on .more .dd{
    background:#fff;
}
.pdomain .step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 1.3%;
    position:relative;
}
.pdomain .step .text{
    font-size:16px;
    font-weight:bold;
}
.pdomain .step .img{
    margin-top:10px;
}
.pdomain .one .more{
    position:relative;
    top:-1%;
}
.pdomain .four .more {
    position: relative;
    top: 4%;
}
.slideverify-wrap{
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    /*border-radius: 20px;*/
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: scaleReturn 0.2s;
    padding: 20px;
}
.a-banner-regist {
    width: 500px;
    background: #fff;
    border-radius: 31px;
    position: absolute;
    right: 15%;
    top: 10%;
    padding:2% 2.1%;
}
.a-banner-regist .right-switch{
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
}
.post-form .title {
    font-size: 26px;
    font-weight: bold;
    color: #100750;
    padding-bottom: 7%;
    text-align: center;
}
.post-form .login-wrap .line svg{
    position: absolute;
    top: 19px;
    left: 14px
}
.post-form .login-wrap .line .ipt {
    padding-left: 12%;
}
.post-form .slideverify-wrap.line {
    height: auto;
}
.post-form .line {
    display: flex;
    border-radius: 4px;
    height: 78px;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
    font-size:18px;
}
.post-form .sub-error {
    color: #F33D21;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    height: 0;
    transition: all 0.2s;
    overflow:hidden;
}
.post-form .sub-error.show{
    height:18px;
}
.post-form .line .ipt {
    background: #F2F6FB;
    height: 100%;
    border: none;
    font-size: 16px;
    width: 100%;
    padding-left: 5%;
    flex: 1;
}
.post-form .line .ipt::-webkit-input-placeholder {
    color: #ADB6C2;
    font-size:16px;
}
.post-form .line .ipt:-moz-placeholder {
    color: #ADB6C2;
    font-size:16px;
}
.post-form .line .ipt:-ms-input-placeholder {
    color: #ADB6C2;
    font-size:16px;
}
.post-form .line .code {
    width: 34%;
    height: 100%;
    margin-left: 5%;
}
.post-form .line .sms {
    color: #096DF1;
    background: #F5FAFF;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    border: 1px solid #82B9FF;
    align-items: center;
    cursor: pointer;
}
.post-form .xieyi {
    text-align: left;
    margin:3% 0 10%;
    cursor: pointer;
    display: flex;
    align-items: center;
    position:relative;
}
.post-form .xieyi div.sub-error{
    bottom:-20px;
}
.post-form .xieyi .txt {
    color: #100750;
    margin-left:6px;
}
.post-form .xieyi .co {
    color: #096DF1;
}
.post-form .login-wrap .xieyi {
    /*display: flex;
    justify-content: space-between;
    justify-content: end;
    align-items: center;*/
    display:block;
    text-align:right;
    color: #A9ACB6;
    font-size: 14px;
}
.post-form .login-wrap .xieyi .ll{
    display:flex;
    align-items:center;
}
.post-form .login-wrap .xieyi .rr{
    color:#A9ACB6;
}
.post-form .login-wrap .xieyi .rr:hover{
    color:#096DF1;
}
.post-form .reg-btn {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(270deg, #2AB0FF 0%, #1346F0 100%);
    box-shadow: 0px 8px 23px 1px rgba(34,138,249,0.3);
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
.post-form .line .disable {
    color: #ccc;
    background-color: #f0f0f0;
    background-image: none;
    border-color: transparent;
    box-shadow: none;
    pointer-events: none;
}
.saas-digital {
    display: flex;
    align-items: center;
    margin:-8% 0;
    position:relative;
}
.saas-digital .text-w{
    width:40%;
    color:#060C3D;
    font-size:22px;
    text-align:left;
    line-height:36px;
    padding-left:3%;
}
.saas-digital .text {
    visibility: hidden;
}
.saas-digital .text.animation {
    visibility: visible !important;
    animation: move-top .8s ease;
}
.saas-digital svg{
    margin-left:-5%;
}
.saas-digital .saas-digital-t2 {
    padding:8% 0;
}
@keyframes tp-scale {
    0% {
        transform: scale(8);
        opacity: 0.2;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.store-transformation {
    margin-top: -5%;
}
.store-transformation .tp {
    display: none;
    z-index: 2;
}
.store-transformation .tp.animation {
    display: block;
    animation: tp-scale .6s ease-in;
}
.store-transformation .box,
.store-transformation .vs-center {
    visibility: hidden;
}
.store-transformation .box.animation,
.store-transformation .vs-center.animation {
    visibility: visible;
    animation: move-top .8s ease;
}
.store-transformation .bottom,
.store-transformation .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.store-transformation .bottom{
    margin-top:-5%;
}
.store-transformation .vs {
    /*box-shadow: 0px 6px 27px 1px rgba(154,154,154,0.16);*/
    flex: 1;
    width:50%;
    position:relative;
}
.store-transformation .vs .bg{
    width: 108%;
    position: relative;
}
.store-transformation .v-left .bg{
    left:-5%;
}
.store-transformation .v-left .img {
    width: 75%;
    position: absolute;
    top: 16%;
    left: 9%;
}
.store-transformation .v-left .tp {
    position: absolute;
    bottom: 16%;
    left: 4%;
}
.store-transformation .v-right .bg {
    right: 2%;
}
.store-transformation .v-right .img {
    width: 97%;
    position: absolute;
    top: 8%;
    left: 2%;
    width: 106%;
    left: -1%;
}
.store-transformation .v-right .tp {
    position: absolute;
    bottom: 16%;
    right: 4%;
}
.store-transformation .box{
    position:relative;
}
.store-transformation .box svg{
    /*width:100%;*/
}
.store-transformation .b-l{
    width:38%;
}
.store-transformation .b-r {
    width:62%;
}
.store-transformation .b-l .box-inner{
    padding-left:3.9%;
    padding-right:8%;
}
.store-transformation .b-r .box-inner {
    padding-left: 15.9%;
    padding-right: 14%;
}
.store-transformation .box-inner {
    position: absolute;
    top: 5%;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 3.3%;
    font-size: 22px;
    color: #060C3D;
}
.store-transformation .box .item{
    display:flex;
    align-items:center;
    width:50%;
    padding: 3% 0;
}
.store-transformation .box .item svg{
    position:relative;
    top:3px;
}
.store-transformation .box .item:nth-child(even){
    justify-content:end;
}
.store-transformation .c-line {
    width: 100%;
    display: flex;
    overflow: hidden;
    height: 125px;
}
.store-transformation .c-line:after{
    content:' ';
    width:100%;
    border-bottom: 4px dotted #CAD2D9;
    transform: rotate(75deg);
    margin:auto;
}
.king .saas-digital .text-w {
    padding-left: 0;
}
.king .duan-position {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5%;
}
.king .duan-position .item{
    font-size:16px;
    color:#060C3D;
    border-radius:10px;
    position:relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom:3.8%;
    width:13%;
    box-shadow:0px 6px 18px 1px rgb(154 154 154 / 16%) !important;
    cursor:pointer;
    transition:all 0.2s; 
}
.king .duan-position .item:hover{
    background: linear-gradient(180deg, #2BA4FF 0%, #1246F1 100%);
    color:#fff;
    transform:translateY(-10px);
}
.king .duan-position .item:hover .title{
    color:#fff;
}
.king .duan-position .item:hover .color{
    color:#FFC916;
}
.king .duan-position .item .color{
    margin-right:6px;
}
.king .duan-position .item-inner{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    border-radius:10px;
    overflow:hidden;
}
.king .text-w-inner{
    width:120%;
}
.king .bg {
    position: relative;
    right: -5%;
    margin-top:4%;
}
.king .other-line{
    height:24px;
    position:relative;
    margin:5% 6% 5% 5%;
}
.king .col-line {
    width: 42px;
    position: absolute;
    right: 23.4%;
    top: -40px;
}
.king .col-line .lineb {
    margin-bottom: 4px;
}
.king .lineb {
    border-bottom: 4px dotted #D8DEE7;
}
.king .other-line .lin {
    position:absolute;
    right:0;
    width:100%;
}
.king .other-line .o-line1 {
    top: 0;
}
.king .other-line .o-line2 {
    top:8px;
}
.king .other-line .o-line3 {
    top:16px;
}
.king .inner-l {
    position: absolute;
    width: 12px;
    z-index:2;
}
.king .o-line1 .inner-l:nth-child(1) {
    bottom: -12px;
}
.king .o-line1 .inner-l:nth-child(2) {
    bottom: -20px;
}
.king .o-line1 .inner-l:nth-child(3) {
    bottom: -28px;
}
.king .o-line2 .inner-l {
    bottom: -12px;
    left: calc(25% + 3px);
}
.king .o-line2 .last {
    bottom: -20px;
}
.king .o-line3 .inner-l {
    bottom: -12px;
    left: calc(50% + 5.4px);
}
.king .o-line3 .cc {
    bottom: -12px;
    left: calc(73.999% + 5.5px);
}
.king .o-line3 .last {
    bottom: -12px;
    left: auto;
    left: initial;
    right: 1px;
}
.king .other-line .hide-lin {
    background: #fff;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
}
.king .o-line2 .hide-lin{
    width: calc(25% + 2px);
}
.king .o-line3 .hide-lin {
    width: calc(50% + 2px);
}
.king .duan-position .im {
    width: 100%;
    margin-top: -40%;
    position: relative;
    z-index: 2;
}
.king .duan-position .title{
    color: #76788A;
    padding:14% 0;
}
.king .duan-position .title1{
    font-weight:bold;
    font-size:18px;
}
.king .duan-position .circle {
    position: absolute;
    opacity: 0.2;
    border-radius: 50%;
    background: #7E9AAF;
   /* display: none;*/
}
.king .duan-position .item:hover .circle{
    background:#fff;
}
.king .duan-position .circle1{
    width: 60px;
    height:60px;
    bottom: -39px;
    left: -2px;
    background: linear-gradient(134deg, #FFFFFF 0%, #9CAFBE 100%);
    opacity: 0.1;
}
.king .duan-position .circle2{
    width: 80px;
    height: 80px;
    bottom: -31px;
    left: -37px;
    background: linear-gradient(73deg, #FFFFFF 0%, #7995AB 100%);
    opacity: 0.05;
}
.king .duan-position .circle3{
    width: 60px;
    height:60px;
    top: -39px;
    right: -2px;
    background: linear-gradient(134deg, #FFFFFF 0%, #9CAFBE 100%);
    opacity: 0.1;
}
.king .duan-position .circle4{
    width: 80px;
    height: 80px;
    top: -31px;
    right: -37px;
    background: linear-gradient(73deg, #FFFFFF 0%, #7995AB 100%);
    opacity: 0.05;
}
.perfect-system .hd {
    margin: 0 5%;
    border-radius: 100px !important;
}
.perfect-system .hd .it {
    border-radius: 100px !important;
}
.perfect-system .hd .it:after{
    display:none;
}
.perfect-system .page-inner-bg-c {
    margin-top: 4%;
}
.perfect-system .hd .it:not(.on):hover {
    background: none;
    color: #096DF1;
    box-shadow:none;
}
.perfect-system .con {
    margin:0;
    padding:0;
}
.perfect-system .text {
    transition: all 0.2s;
}
.perfect-system .con-r-t {
    opacity: 0;
    position: absolute;
    transition: all 0.2s;
}
.perfect-system .con .con-r {
    padding-top: 18%;
    padding-bottom: 21%;
    width:46%;
}
.perfect-system .con-r-t.on,
.perfect-system .text.on {
    opacity: 1;
}
.perfect-system .market{
    padding:0;
}
.perfect-system .con-l .text img{
    width:100%;
    margin:0;
}
.perfect-system .con-r-t .title {
    font-size: 30px;
    color: #060C3D;
    font-weight: bold;
    position: absolute;
    top: -130px;
    left: 10%;
}
.perfect-system .con-r-t .des{
    padding: 0 10%;
    font-size:24px;
    text-align:left;
}
.perfect-system .con-r .t-svg {
    left: 10%;
    top:30%;
}
.perfect-system .con-r .b-svg {
    bottom: 22%;
}
.who-agent .title {
    color: #060C3D;
    padding-top: 20%;
    font-weight: bold;
}
.who-agent .title .it-no{
    margin-right:6px;
}
.who-agent .auto-height {
    background: none !important;
    box-shadow:0px 6px 18px 1px rgb(154 154 154 / 16%) !important;
    border:none !important;
    padding-top:29%;
    position:relative;
    overflow:hidden;
}
.who-agent .auto-height:before {
    content: ' ';
    width: 72%;
    height: 56.6%;
    left: -37%;
    bottom: -17%;
    background: linear-gradient(73deg, #FFFFFF 0%, #7995AB 100%);
    position: absolute;
    border-radius: 50%;
    opacity: 0.08;
}
.who-agent .auto-height:after {
    content: ' ';
    width: 58%;
    height: 45.6%;
    left: -7%;
    bottom: -31%;
    background: linear-gradient(134deg, #FFFFFF 0%, #9CAFBE 100%);
    opacity: 0.15;
    position: absolute;
    border-radius: 50%;
}
.who-agent .auto-height-inner:before {
    content: ' ';
    width: 72%;
    height: 56.6%;
    right: -37%;
    top: -17%;
    background: linear-gradient(352deg, #FFFFFF 0%, #7995AB 100%);
    position: absolute;
    border-radius: 50%;
    opacity: 0.2;
}
/*.who-agent .auto-height-inner:after {
    content: ' ';
    width: 148px;
    height: 148px;
    background: linear-gradient(352deg, #FFFFFF 0%, #7995AB 100%);
    opacity: 0.15;
    position: absolute;
    right: -19px;
    top: -101px;
    border-radius: 50%;
}*/
.who-agent .auto-height .it{
    padding:4%;
    display:block;
}
.who-agent img {
    width: 100%;
    border-radius: 10px;
    position:relative;
    z-index:2;
}
.who-agent .auto-height:hover .title {
    color: #096DF1;
}
.agent-limit{
    position:relative;
    border-radius:6px;
    overflow:hidden;
}
.agent-limit img{
    display:block;
    width:100%;
}
.agent-limit .lef {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height:100%;
    display: flex;
    flex-direction:column;
    text-align:left;
    justify-content:space-between;
    font-size:22px;
    background: rgba(0,0,0,0.56);
    backdrop-filter: blur(10px);
   /* padding:2.6%;*/
}
.agent-limit .rig{
    position:absolute;
    top:0;
    right:0;
    width:calc(60% + 1px);
    height:100%;
    display:none;
}
.agent-limit .lef:hover{
    background:#fff;
}
.agent-limit .lef:hover + .rig{
    display:block;
}
.agent-limit .lef:hover .title{
    color:#060C3D;
}
.agent-limit .lef:hover .title1{
    color: #76788A;
}
.agent-limit .lef .item:hover{   
    background: #F5FAFF;
}
.agent-limit .lef .item:hover .title,
.agent-limit .lef .item:hover .title1{
    color: #096DF1;
}
.agent-limit .lef .item {
    border-radius: 6px;
    cursor: pointer;
    padding: 5% 6.6%;
}
.agent-limit .lef .title{
    font-weight:bold;
    color:#FFC916;
}
.agent-limit .lef .title1 {
    color: #fff;
    line-height: 32px;
    padding-top: 3%;
}
.agent-limit:after {
    content:' ';
    width:70%;
    top:0;
    right:0;
    position: absolute;
}
.agent-limit .bg-wrap{
    border-radius: 10px;
    overflow: hidden;
}
.agent-coming{
    position:relative;
    margin:1% 0 2%;
}
.agent-coming .diyselect{
    flex:1;
}
.agent-coming .bg {
    border-radius: 30px;
    overflow: hidden;
}
.agent-coming .bg img{
    display:block;
    width:100%;
}
.agent-coming .submit-form {
    position: absolute;
    height: 110%;
    top: -5%;
    width: 56%;
    right:0;
    transition:all 0.1s;
}
.agent-coming .submit-form .line-sel{
    overflow:initial;
}

.page-inner:not(.isRight) .agent-coming .submit-form {
/*    left: 0;*/
    transform: translateX(-79%);
}
.agent-coming .mask{
    position:absolute;
    top:0;
    width:50%;
    height:100%;
}
.agent-coming .mask.l{
    left:0;
}
.agent-coming .mask.r{
    right:0;
}
.agent-coming .title{   
    padding-bottom:6%;
}
.agent-coming .submit-form .reg-btn{
    margin-top:8%;
}
.agent-coming .submit-form textarea{
    padding-top: 4%;
    padding-right:5%;
    line-height: 26px;
}
.agent-coming .submit-form .line{
    position:relative;
}
.agent-coming .submit-form .req:before,
.agent-coming .submit-form .req-two:after{
    content:'*';
    color:#F33D21;
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    margin-top:-10px;
}
.agent-coming .submit-form .req-two:after{
    left:54.6%;
}
.agent-coming .submit-form .one{
    margin-right:3.6%;
}
.agent-coming .submit-form .two{
    margin:0 3.6%;
}
.agent-coming .submit-form .sub-error-two{
    left:51.6%;
}
/*.agent-coming .l{
    left:0;
}
.agent-coming .l:hover + .r + .submit-form{
    left:0;
}
.agent-coming .r{
    right:0;
}
.agent-coming .r:hover .submit-form{
    right:0;
}*/
.agreement-mask {
    position: fixed;
    z-index:99;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#000;
    opacity:0.5;
}
.agreement {
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    height: 80%;
    width: 35%;
    min-width: 666px;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: scaleReturn 0.2s;
}
.agreement .head{
    display:flex;
    justify-content: space-between;
    padding:20px 23px 15px;
    font-weight:bold;
    font-size:18px;
}
.agreement .head .text{
    display:flex;
    align-items:center;
}
.agreement .head svg{
    margin-right:10px;
}
.agreement .head .close:hover {
    animation: rotateAround 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.agreement .head .close {
    cursor: pointer;
    width: 28px;
    height: 28px;
    background: #F6F6F6;
    position:relative;
    border-radius:50%;
}
.agreement .head .close:after,
.agreement .head .close:before{
    content:' ';
    position:absolute;
    width:14px;
    height:1px;
    background:#888;
    top:50%;
    left:50%;
    border-radius:50%;
}
.agreement .head .close:after{
    transform:translate(-50%,-50%) rotate(-45deg);
}
.agreement .head .close:before{
    transform:translate(-50%,-50%) rotate(45deg);
}
.agreement .body {
    background: #FFFFFF;
    flex: 1;
    color: #060C3D;
    height: 0;
}
.agreement .body-inner{
    box-shadow: 0px 0px 8px 1px rgba(154, 154, 154, 0.16);
    border-radius: 10px;
    height:100%;
    margin:0 15px;
    padding: 34px 15px;
}
.agreement .agreementSwiper{
    height: 100%;
    cursor:pointer;
}
.agreement .agreementSwiper .swiper-slide {
    height: auto;
    text-align:left;
}
.agreement .body .title{
    font-size:22px;
    font-weight:bold;
    text-align:center;
}
.agreement .t-b {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 21px;
}
.agreement .t-b.first{
    padding-top:25px;
}
.agreement p{
    line-height:30px;
    font-size:14px;
    margin-bottom:14px;
    text-indent:2em;
}
.agreement .view-ed {
    background: #FFFFFF;
    box-shadow: 0px -1px 6px 1px rgba(154, 154, 154, 0.16);
    border-radius: 0px 0px 20px 20px;
    padding:5px 0;
    text-align:center;
}
.agreement .ed-bt {
    background: linear-gradient(270deg, #2AB0FF 0%, #1346F0 100%);
    box-shadow: 0px 8px 22px 1px rgba(34, 138, 249, 0.3);
    border-radius: 4px;
    display:inline-block;
    padding: 7px 34px;
    color: #fff;
    cursor:pointer;
}
.medical .mask-right{
    color:#000;
}
.medical .mask-right .color{
    color:#096DF1;
}
.medical .mask-right,
.download .mask-right {
    background: transparent !important;
}
/*.medical .mask-right:before,
.medical .mask-right:after,
.download .mask-right:before,
.download .mask-right:after {
    height: 8px !important;
    display:block !important;
}*/
@media screen and (min-width: 500px) {
    .medical .mask-right,
    .download .mask-right {
        border-left: 8px solid #fff !important;
        background: transparent !important;
    }
    .medical .mask-right:before,
    .medical .mask-right:after,
    .download .mask-right:before,
    .download .mask-right:after {
        height: 8px !important;
        display: block !important;
    }
    .medical .mask-right,
    .download .mask-right {
        box-shadow: 0px 12px 42px 1px rgb(47 ,81 ,81, 0.26);
    }
    .life-beauty .ability-details .con .l,
    .medical .ability-details .con .l {
        width: 42%;
    }
    .life-beauty .ability-details .con .line,
    .medical .ability-details .con .line {
        margin-bottom: 0;
        padding-right: 5%;
    }
    .life-beauty .ability-details .switch-yingxiao-bg,
    .medical .ability-details .switch-yingxiao-bg {
        box-shadow: 0 12px 42px rgb(154 154 154 / 26%);
    }
    .life-low-inner .it .title1{
        padding-left:3%;
    }
    .ability-details .hd{
        padding:0 1%;
    }
    /*.medical .mask-right .shadow {
        content: ' ';
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
    }
    .medical .mask-right .shadow1 {
        top: 0;
        box-shadow: 0px -7px 10px 0 rgb(47 81 81 / 36%);
    }
    .medical .mask-right .shadow2 {
        bottom: 0;
        box-shadow: 0px 7px 10px 0 rgb(47 81 81 / 36%);
    }
    .medical .mask-right .shadow3 {
        top: 0;
        width: 4px;
        height: 100%;
        box-shadow: -10px 0px 10px 0 rgb(47 81 81 / 36%);
    } */
    .a-banner-regist .right-switch {
        top: 15px;
        right: 15px;
    }
    .swiper-slide .a-banner-regist {
        padding: 38px;
    }
}
.download-center:not(.download-center-reset) {
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F5F9 100%);
    box-shadow: 0px 16px 36px 1px rgba(154, 154, 154, 0.18);
    border-radius: 50px;
    border: 4px solid #FFFFFF;
    padding: 0 !important;
}
.download-center .ne {
    font-size: 36px;
    font-weight:bold;
}
.download-center .hover-b{
    height:100%;
}
.download-center .pc .hover-b {
    padding-bottom: 8%;
}
.download-center .rotate-box.in .hover-b {
    color: #fff;
}
.download-center .rotate-box:not(.in) .hover-b{
    display:flex;
}
.download-center .rotate-box:not(.in) .top {
    margin: auto;
    flex-direction: column;
}
.download-center .rotate-box .top{
    display: flex;
    justify-content: center;
    align-items: center;
}
.download-center .rotate-box.in .ne{
    font-size:36px;
    margin-left:14px;
}
.download-center .rotate-box:not(.in) .ne{
    font-size:24px;
    margin-top:18%;
}
.download-center .top svg{
    height:47px;
}
.download-center .rotate-box.in .s,
.download-center .top .h{
    display:none;
}
.download-center .rotate-box.in .h{
    display:inline-block;
}
.download-center .bot {
    display: flex;
    padding-top:8%;
    display:none;
}
.download-center .pc .bot{
    padding: 18% 0 0 ;
}
.download-center .bot .bx{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items: center;
    padding:2% 0;
    position:relative;
}
.download-center .bot .bx:first-child:after {
    position: absolute;
    content: ' ';
    transform: scale(0.6);
    border-right: 4px dotted #BBC2CF;
    opacity: 0.5;
}
.download-center .on .bot .bx:first-child:after {
    border-right-color: #FFFFFF;
}
.download-center .pc .bx:first-child:after {
    right:10px;
    top: -20%;
    height: 143%;
}
.download-center .phone .bx:first-child:after {
    right: 1px;
    top: 16%;
    height: 100%;
}
.download-center .on.phone .bx:first-child:after {
    right: 1px;
    top: -20%;
    height: 150%;
}
.download-center .color {
    color: #FFC916;
}
.download-center .down-btn {
    background: linear-gradient(90deg, #1346F0 0%, #2AB0FF 100%);
    border-radius: 4px;
    border: 1px solid #FAFAFA;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    color: #fff;
}
.download-center .down-btn svg{
    margin-left:10px;
}
.download-center .rotate-box{
    padding:5.3% 0 6.3% !important;
    box-shadow:none !important;
   /* border-radius:0;*/
}
.download-center .rotate-box.in{
    min-width:58%;
   /* border-radius:50px;*/
}
.download-center .rotate-box.in .bot{
    display:flex;
}
.download-center .pc .lin2 {
    padding: 10% 0;
    color: #096DF1;
}
.download-center .pc .bx-r .lin{
    width:100%;
    text-align:left;
}
.download-center .pc .lin1{
    font-size:20px;
}
.download-center .pc .lin2{
    font-size:24px;
}
.download-center .pc .lin3{
    font-size:16px;
}
.download-center .phone .bx{
    display:flex;
    flex-direction:column;
}
.download-center .phone .title{ 
    font-size: 20px;    
    font-weight: bold;
    margin: 0 0 19%;
}
.download-center .phone .code-down{
    display:flex;
    align-items: center;
    width: 100%;
    justify-content: space-around;
    padding-right:3%;
}
.download-center .phone .des {
    font-size: 14px;
    margin-top:10px;
}
.homeSwiper .bannner-right{
    height:auto;
}
.download .mask-right {
    background: none;
    color: #060C3D;
    padding-bottom:8%;
}
.download .mask-right .color{
    color:#1856EB;
}
.download-center-reset .rotate-box:before,
.download-center-reset .rotate-box:after {
    width: 273px;
    height: 422px;
}
.download-center-reset .rotate-box:before {
    top: -176px;
}
.download-center-reset .rotate-box:after {
    bottom: inherit;
    bottom: unset;
    top: -176px;
    left: -99px;
    transform: rotate(-135deg);
}
.download-center-reset .rotate-box.on:before,
.download-center-reset .rotate-box.on:after{
    display:block;
}
.download-center-reset .hover-b {
    position:relative;
}
.download-center-reset .hover-b:before,
.download-center-reset .hover-b:after {
    content: ' ';
    position: absolute;
    z-index: -1;
    bottom: -138px;
    display: none;
    width: 147px;
    height: 236px;
    background: linear-gradient(180deg, #2599FC 0%, rgba(20, 76, 242, 0) 100%);
}
.download-center-reset .hover-b:before{
    transform: rotate(-135deg);
    left: -20px;
}
.download-center-reset .hover-b:after {
    transform: rotate(-225deg);
    right: -20px;
}
/*.swiper-download{
    overflow:hidden;
}
.swiper-download .swiper-slide {   
    transition: 300ms;
    transform: scale(0.8);
}
.swiper-download .swiper-slide-active,
.swiper-download .swiper-slide-duplicate-active {
    transform: scale(1);
}
.swiper-download .swiper-slide-active .slide-box,
.swiper-download .swiper-slide-duplicate-active .slide-box {
    background: linear-gradient(180deg, #2BA4FF 0%, #1246F1 100%);
    box-shadow: 0px 12px 37px 1px rgb(27 105 246 / 30%) !important;
    border-color: #FFFFFF !important;
}*/
.download-center-reset {
    padding: 0 !important;
}
.download-center-reset .bot {
    display: flex;
    padding-top:13%;
}
.download-center-reset-wrap{
    height:530px;
    display:flex;
}
.download-center-reset {
    width: 100%;
    margin: auto;
}
.download .download-center-reset .rotate-box {
    transform: scale(1) !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F5F9 100%) !important;
    box-shadow: 0px 16px 36px 1px rgba(146, 155, 165, 0.18) !important;
    border-radius: 50px !important;
    border: 4px solid #FFFFFF !important;
    transition: transform 0.2s !important;
}
.download-center-reset  .rotate-box.in:before,
.download-center-reset .rotate-box.in:after{
    display:none;
}
.download-center-reset .rotate-box.in {
    min-width: auto;
}
.download-center-reset .rotate-box:nth-child(2) {
    margin:0 3%;
}
.download-center-reset .rotate-box .top {
    color: #060C3D;
    flex-direction: row !important;
    margin:0 !important;
}
.download-center-reset .ne {
    margin: 0 0 0 20px !important;
    font-size: 36px !important;
}
.download-center-reset .hover-b {
    flex-direction: column;
}
.download-center-reset .side-qr-in {
    width: 80px;
    height: 80px;
}
.download-center-reset .phone .des {
    font-size: 12px !important;
}
.download-center-reset .min .des{
    width:50px;
}
.download-center-reset .color {
    color: #060C3D;
}
.download-center-reset .rotate-box {
    padding: 5.3% 0 4.3% !important;
}
.download-center-reset .phone .title {
    font-size: 16px;
}
.download-center-reset .pc .bx-l .lin {
    font-size: 16px;
    font-weight: bold;
}
.download-center .pc .lin1,
.download-center .pc .lin2{
    font-size: 16px;
}
.download-center .pc .lin3 {
    font-size: 12px;
}
.download-center-reset .on.pc .lin1,
.download-center-reset .on.pc .lin2{
    font-size: 18px;
}
.download-center-reset .on.pc .lin3{
    font-size:14px;
}
.download-center-reset .rotate-box.on {
    background: linear-gradient(180deg, #2BA4FF 0%, #1246F1 100%) !important;
    transform: scale(1.2) !important;
    z-index: 2;
    min-width: 50%;
}
.download-center-reset .rotate-box.on .s{
    display:none;
}
.download-center-reset .rotate-box.on .h{
    display:block;
}
.download-center-reset .rotate-box.on .bot{
    position:relative;
    top:-5%;
}
.download-center-reset .rotate-box.on .ne,
.download-center-reset .rotate-box.on .lin,
.download-center-reset .rotate-box.on .des,
.download-center-reset .rotate-box.on .title{
    color:#fff !important;
}
.download-center-reset .rotate-box.on .lin2{
    color:#89E4FF !important;
}
.download-center-reset .rotate-box.on .down-btn{
    background: #1C70F6;
}
.download-center-reset .rotate-box.on .color{
    color: #FFC916;
}
.download-center-reset .rotate-box.on .bx-r .lin {
    width: 60%;
}
.download-center-reset .rotate-box.on .side-qr-in{
    width:110px;
    height:110px;
}
.download:not(.isMobile) .download-center-reset:hover .rotate-box:not(.on) .ne {
    font-size: 24px !important;
    margin: 20px 0 !important;
}
.download:not(.isMobile) .download-center-reset:hover .rotate-box:not(.on) .top {
    height: 326.66px;
    flex-direction: column !important;
}
.download:not(.isMobile) .download-center-reset:hover .rotate-box:not(.on) .bot {
    display: none;
}
.download:not(.isMobile) .download-center-reset:hover .rotate-box:nth-child(2) {
    margin: 0;
}
.download:not(.isMobile) .download-center-reset:hover .rotate-box:not(.on) {
    box-shadow: none !important;
}
.download:not(.isMobile) .download-center-reset:hover {
    box-shadow: 0px 16px 36px 1px rgb(146 155 165 / 18%) !important;
    border-radius: 50px !important;
}
.download:not(.isMobile) .download-center-reset:hover .rotate-box:nth-child(1):not(.on) {
    border-radius: 50px 0 0 50px !important;
    border-right: none !important;
}
.download:not(.isMobile) .download-center-reset:hover .rotate-box:nth-child(2):not(.on) {
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
}
.download:not(.isMobile) .download-center-reset:hover .rotate-box:nth-child(3):not(.on) {
    border-radius: 0 50px 50px 0 !important;
    border-left: none !important;
}
/*.download-center-reset .rotate-box .top{
    height:100%;
}
.download-center-reset .bot {
    display: none;
}*/
.about-tab {
    display: flex;
    font-size: 28px;
    box-shadow: 0px 12px 42px 1px rgba(154, 154, 154, 0.16);
    padding: 40px 0;
    justify-content: center;
    border: 5px solid #F8FAFB;
    background: #fff;
}
.about-tab .item{
    position:relative;
    cursor:pointer;
}
.about-tab .item:first-child{
    margin-right:260px;
}
.about-tab .item.on{
    font-weight:bold;
}
.about-tab .item.on::after{
    content:' ';
    position:absolute;
    bottom:-23px;
    left:50%;
    transform:translateX(-50%);
    width: 36px;
    height: 5px;
    background: linear-gradient(270deg, #2AB1FF 0%, #1856EB 100%);
    border-radius: 6px 6px 6px 6px;
}
.about-text .txt {
    color: #76788A;
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    padding-bottom: 20px;
}
.about-exp{
    position:relative;
    padding:0;
    overflow:hidden;
}
.about-exp .common-title{
    position:absolute;
    width:100%;
    top:8%;
}
.element-show-in-view {
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 20%;
    left:0;
}
.about-exp .bg {
    width: 100%;
}
.about-exp .animation-exp{
    font-size:20px;
    display:flex;
    position:absolute;
    left:5%;
    width:89%;
    bottom:41%;
    justify-content: space-between;
    transform: rotate(-10deg);
}
.about-exp .animation-exp .item{
    position:relative;
    transform: rotate(10deg);
    text-align:right;
}
.about-exp .animation-exp .item:nth-child(3),
.about-exp .animation-exp .item:nth-child(5),
.about-exp .animation-exp .item:nth-child(7){
    top:-80px;
}
.about-exp .animation-exp .item:nth-child(4),
.about-exp .animation-exp .item:nth-child(6){
    top:80px;
}
.about-exp .animation-exp .item:nth-child(3){
    left:8%;
}
/*.about-exp .animation-exp .item:nth-child(7){
    left:8%;
}*/
.about-exp .animation-exp .item:nth-child(7){
    left:-5%;
}
.about-exp .animation-exp .bg-line{
    position:absolute;
    width:100%;
    top:50%;
    left:0;
    transform:translateY(-50%);
    border-top:4px dotted #DAE5F1;
}
.about-exp .animation-exp .plane{
    position:absolute;
    z-index:2;
    top:50%;
    left:0;
    transform:translateY(-50%) rotate(7deg);
    margin-top:-2px;
    transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display:none;
}
.about-exp .animation-exp .plane.on{
    transform:translateX(900%) translateY(-50%) rotate(7deg);
}
.about-exp .bg-line .it {
    position: absolute;
    width: 28px;
    height: 28px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px #EDF1F5;
    top: -17.5px;
    border-radius: 50%;
    transform: translateX(-100%);
}
.about-exp .bg-line .it:nth-child(1){
    left:16%;
}
.about-exp .bg-line .it:nth-child(2){
    left:34%;
}
.about-exp .bg-line .it:nth-child(3){
    left:52%;
}
.about-exp .bg-line .it:nth-child(4){
    left:70%;
}
.about-exp .bg-line .it:nth-child(5){
    left:88%;
}
.about-exp .bg-line .it:after{
    content:' ';
    width:12px;
    height:12px;
    border-radius:50%;
    background:#096DF1;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.about-exp .animation-exp .title {
    color: #096DF1;
    font-weight:bold;
    padding-bottom:10px;
}
.about-exp .animation-exp .des{
    color: #060C3D;
}
.swiper-certificate {
    overflow: hidden;
}
/*调整*/
.swiper-certificate .swiper-slide:not(.swiper-slide-visible){
   /* opacity:0;*/
}
/*调整*/
.swiper-certificate .swiper-slide-active,
.swiper-certificate .swiper-slide-duplicate-active{
    z-index:6;
}
.swiper-certificate .swiper-slide-next{
    z-index:5;
}
.swiper-certificate .swiper-slide-next + .swiper-slide {
    z-index:3;
}
.swiper-certificate .swiper-slide-next + .swiper-slide + .swiper-slide {
    z-index:2;
}
.swiper-certificate .swiper-slide img {
    width: 280px;
    height: 376px;  
    box-shadow: 0px 6px 12px 1px rgba(154, 154, 154, 0.419);
}
.swiper-certificate .swiper-slide-active img,
.swiper-certificate .swiper-slide-duplicate-active img{    
    box-shadow: 0px 18px 42px 1px rgba(154, 154, 154, 0.52);
}
.swiper-certificate .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-property: all;
    padding: 63px 0;
}
.about-qualification{
   display:flex;
}
.about-qualification .img{
    width:100%;
    display:block;
}
.about-qualification .bg-l{
    width:68%;
}
.about-qualification .bg-r{
    width:40%;
}
.about-certificate{
    cursor:pointer;
}
.about-certificate .text {
    font-size: 20px;
    color: #76788A;
    padding: 0 0 2%;
}
.about-list .item{
    display:flex;
    margin-bottom:4%;
}
.about-list .item .pic{
    width: 350px;
    height: 220px;
    box-shadow: 0px 12px 36px 1px rgba(154, 154, 154, 0.258);
    border-radius: 12px;
    overflow:hidden;
}
.about-list .pic .img{
    width:100%;
}
.about-list .rb{
    flex:1;
    text-align:left;
    padding: 2.5% 0 3% 5%;
    cursor:pointer;
    overflow:hidden;
}
.about-list .on .rb .title,
.about-list .on .rb .des,
.about-list .rb:hover .title,
.about-list .rb:hover .des{
    color:#096DF1;
}
.about-list .rb .title{
    font-size: 24px;
    font-weight: bold;
    color: #060C3D;
    overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
}
.about-list .rb .des{
    font-size: 18px;
    color: #76788A;
    margin: 3% 0 5%;
    position:relative;
    line-height:30px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height:65px;
}
/*.about-list .rb .des:after{
    content: '......';
    width: 50%;
    position: absolute;
    bottom: -5%;
    right: 0px;
    background:#fff;
}*/
.about-list .rb .date{
    font-size: 18px;
    color: #A0A1AF;
    text-align:right;
    padding-right:2%;
}
.consulting-list {
    display: flex;
    height: calc(100vh - 170px);
}
.consulting-list .side-menu{
    width: 40%;
    background: #FFFFFF;
    box-shadow: 0px 12px 36px 1px rgba(154, 154, 154, 0.16);
    border-radius: 26px;
    border: 2px solid #F5F8FC;
    padding:2.5%;
    margin-right:3%;
    overflow-x:hidden;
    overflow-y:auto;
    height:100%;
}
.consulting-list .side-menu .item{
    align-items:center;
}
.consulting-list .side-menu .pic{
    width:32%;
    min-width:32%;
    height:0;
    padding-top:32%;
    position:relative;
    box-shadow: 0px 6px 22px 1px rgba(154, 154, 154, 0.258);
    border-radius: 10px 10px 10px 10px;
}
.consulting-list .side-menu .pic .img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.consulting-list .side-menu .title{
    font-size:18px;
}
.consulting-list .side-menu .des{
    font-size:14px;
    line-height:23px;
    max-height:48px !important;
}
.consulting-list .side-menu .date{
    font-size:12px;
}
.consulting-list .c-html {
    flex: 1;
    color: #060C3D;
    font-size: 14px;
    text-align: left;
    line-height: 24px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding-right:16px;
}
.consulting-list .c-html .title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    line-height: 40px;
}
.consulting-list .c-html img{
    max-width:98%;
    border-radius:12px;
    overflow:hidden;
    margin:10px 0;
    display:block;
    margin: 0 auto;
}
.consulting-list .c-html p{
    line-height:26px !important;
    font-size: 14px !important;
    margin:10px 0 !important;
    text-indent: 2em !important;
}
.consulting-list .about-list .rb{
    padding-left:7%;
}
.agent-advantage .it .right {
    padding:0 3% 0 4%;
    line-height: 34px;
    top: 50%;
    transform: translateY(-50%);
}
.psd-reset{
    text-align:left;
}
.psd-reset .post-form {
    width: 80%;
    margin: 0 auto 45px;
    text-align:left;
}
.psd-reset .ps-step {
    display: flex;
    margin-bottom:5%;
}
.psd-reset .ps-step .item{
    display:flex;
    align-items:center;
    justify-content:center;
    background: #F2F4F6;
    padding: 13px 0;
    flex: 1;
    -webkit-clip-path: polygon(92% 0%, 100% 50%, 92% 100%, 0% 100%, 6% 50%, 0% 0%);
    clip-path: polygon(92% 0%, 100% 50%, 92% 100%, 0% 100%, 6% 50%, 0% 0%);
}
.psd-reset .ps-step .item:first-child{
    -webkit-clip-path: polygon(92% 0%, 100% 50%, 92% 100%, 0% 100%, 0% 50%, 0% 0%);
    clip-path: polygon(92% 0%, 100% 50%, 92% 100%, 0% 100%, 0% 50%, 0% 0%);
}
.psd-reset .ps-step-no {
    width: 24px;
    height: 24px;
    background: #828D9D;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:10px;
    position:relative;
}
.psd-reset .item.s .ps-step-no-inner.h,
.psd-reset .item .ps-step-no-inner.s{
    display:none;
}
.psd-reset .item.s .ps-step-no-inner.s{
    display:inline-block;
}
.psd-reset .ps-step-no-inner{
    position: relative;
    /*left: 1px;*/
}
.psd-reset .ps-step-txt {
    color: #828D9C;
    font-size: 18px;
}
.psd-reset .ps-step .item.on .ps-step-no {
    background: #FFF;
    color: #096DF1;
}
.psd-reset .ps-step .item.on .ps-step-txt {
    color: #FFF;
}
.psd-reset .ps-step .item.on{
    background: linear-gradient(270deg, #2AB0FF 0%, #1346F0 100%);
}
.psd-reset .ps-step .item.s{
    background:#F0F7F0;
    color:#74CA71;
}
.psd-reset .ps-step .item.s .ps-step-no {
    background: #74CA71;
    color: #fff;
}
.psd-reset .ps-step .item.s .ps-step-txt {
    color: #74CA71;
}
.psd-reset .ps-con .it{
    width:50%;
    min-height:310px;
}
.psd-reset .title{
    font-weight:bold;
    color:#000;
    padding-bottom: 20px;
}
.psd-reset .it:not(.suc) .title{
    text-align:left;
}
.psd-reset .des{   
    color: #82888E;
}
.psd-reset .title,
.psd-reset .title1,
.psd-reset .des{
    font-size:18px;
}
.psd-reset .des{
    padding-bottom: 15px;
}
.psd-reset .mag{
    margin:30px 0;
}
.psd-reset .red{
    color:#F61F48;
    margin-left:8px;
}
.psd-reset .it.suc{
    text-align:center;
    margin:auto;
}
.psd-reset .common-title{
    text-align:left;
    margin: 0 auto 23px;
    width: calc(80% - 20px);
    font-size:26px;
}
.psd-reset .post-form .reg-btn{
    margin-top: 10px;
}
.psd-reset .line .ipt {
    padding-right: 55px;
}
.psd-reset .fix-svg {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 3;
    width:60px;
    height: 75%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.news-page{
    display:flex;
    font-size:12px;
    justify-content:center;
    max-width:530px;
    margin:30px auto 0;
}
.news-page .pages{
    flex:1;
    display:flex;
    justify-content: center;
}
 .min .news-page .btn, .min .news-page .pages .item,
.news-page .btn, .news-page .pages .item {
    margin: 0 4px;
    padding: 7px 11px;
}
.news-page .btn,
.news-page .pages .item {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
    box-shadow: 0px 3px 6px 1px rgba(154, 154, 154, 0.18);
    border-radius: 4px;
    color: #76788A;
    padding:10px 15px;
    margin: 0 10px;
    cursor:pointer;
}
.news-page .btn:hover,
.news-page .item:hover,
.news-page .pages .active {
    background: linear-gradient(90deg, #1856EB 0%, #16A6FA 100%);
    box-shadow: 0px 3px 6px 1px rgba(9, 109, 241, 0.258);
    color: #fff;
}
/*.medical .swiper-animation:after,
.download .swiper-animation:after {
    content:' ';
    position: absolute;
    top: 0;
    right: -10px;
    width:10px;
    height:10%;
    background:red;
}*/
.classificationn-nav {
    text-align: left;
    font-size: 16px;
    margin: 35px 0 0 5px;
    display:flex;
    align-items:center;
}
.classificationn-nav a{
    color:#000;
    display:inline-block;
}
.classificationn-nav a:last-child{
    color:#096DF1;
}
.classificationn-nav span {
    transform: scaleY(1.7) translateY(-1px);
    margin: 0 8px;
    display:inline-block;
}
.company-menu{
    display:none;
}
.news-tag{
    padding:10px 0;
}
.news-tag a{
    margin-right:10px;
}


@media screen and (max-width: 1120px) {
    .page-inner {
        /*width: 1120px;*/
        width:98%;
    }
    .xt-rotate{
        padding:0 2%;
    }
    .footer-tip-kt-inner{
        padding-left:3%;
        padding-right:3%;
    }
    .footer-menu-link .footer-menu-link-inner {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    .xt-rotate .cc{
        width:21%;
    }
    .ability-details .hd{
        padding:0 2.7%;
    }
    .ability-details .con .line{
        padding-left:5%
    }
}
@media screen and (max-width: 1150px){
    .page-header{
        font-size:14px;
        padding:0 10px;
    }
    #pageWrap {
        padding-top: 70px;
    }
    .nav .nav-item {
        padding: 0 12px;
        height: 70px;
        line-height:70px;
    }
    .h1-des{
        display:none;
    }
}
@media screen and (max-width: 990px) {
    .nav .nav-item{
        padding:0 10px;
    }
    .homeSwiper .login-btn-wrap .bt {
        padding: 10px 22px;
        font-size:16px;
    }
}
@media screen and (max-width: 925px) {
    .nav .nav-item {
        padding: 0 6px;
    }
}
@media screen and (max-width: 950px) {
    .home-page8 .virtue .right{
        padding:3% 3.5%;
        font-size:14px;
    }
}
@media screen and (max-width: 870px) {
    .page-header .h1-des{
        display:none;
    }
    .home-page8 .virtue .right{
        line-height:25px;
    }
    /*.home-page8 .left-wrap .left-t{
        font-size:24px;
    }*/
    .xt-rotate .menu-list{
        font-size:18px;
    }
    .xt-rotate .menu-list .href-b{
        padding:14px 0;
    }
    .homeSwiper .login-btn-wrap .bt {
        padding: 10px 22px;
        font-size: 14px;
    }
    .home-page5 .vip-name1{
        font-size:18px;
    }
    .home-page5 .vip-name2{
        font-size:14px;
    }
    .home-page5 .anli .title{
        font-size:26px;
    }
    .home-page5 .anli .title1 {
        font-size: 6px;
    }
    .closed-loop .loop-des .item .title,
    .closed-loop .loop-des .item .title1{
        font-size:16px;
    }
    .statistics.one .item:nth-child(1),
    .statistics.two .item:nth-child(2),
    .statistics.three .item:nth-child(3),
    .statistics.four .item:nth-child(4) {
        padding: 0 9%;
    }
}
@media screen and (max-width: 728px) {
    .page-header .nav {
        position: fixed;
        width: 100%;
        top: 50px;
        left: 0;
        background: #FFF;
        display: block;
        box-shadow: 0px 2px 7px rgb(154 154 154 / 16%);
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease;
    }
    #pageWrap {
        padding-top: 50px;
    }
    .nav-screen-text{
        display:block;
    }
    .page-header {
        padding: 14px 10px;
        height:50px;
    }
    .nav .nav-item{
        height:50px;
        line-height:50px;
    }
    .nav-item:not(:last-child):after{
        content: '';
        width: calc(100% - 60px);
        height: 1px;
        background-color: #f4f4f4;
        position: absolute;
        left: 30px;
        bottom: 0;
    }
    .nav .nav-item:hover .unline {
        width: calc(100% - 60px);
    }
    .home-page7 .custom-made .it:hover .made-text, .home-page7 .custom-made .it.in .made-text, .home-page7 .custom-made .it.in .made-icon {
        font-size: 20px;
    }
    .custom-services .n-t {
        font-size: 18px;
        height: 189px;
        margin: auto;
        top: 50%;
        transform: translateY(-50%);
    }
    .custom-services .n-t > div:first-child{
        width:68% !important;
    }
    .homeSwiper .login-btn-wrap .bt {
        padding: 6px 18px;
        font-size: 12px;
    }
    .closed-loop .loop-des .item .title,
    .closed-loop .loop-des .item .title1 {
        font-size: 14px;
    }
    .medical .core-competence svg {
      /*  width: 30%;*/
    }
    /*.medical .core-competence .title {
        font-size: 18px;
    }*/
  /*  .medical .ability-details .hd .it{
        font-size:20%;
    }*/
    .statistics .item .title {
        font-size: 20px;
    }
    .statistics .item .title1 {
        font-size: 18px;
        line-height: 24px;
    }
    .big-data .vi-item .item{
        font-size:16px;
    }
}
@media screen and (min-width:680px) and (max-width:727px) {
    .home-page8 .virtue .right {
        line-height: 20px;
        padding:5px;
    }
}
@media screen and (max-width: 680px) {
    .home-page1 {
        flex-wrap: wrap;
    }
    .home-page1 .page1-box {
        width: 100%;
        padding:10px;
    }
    .home-page1 .title {
        padding-top: 6px;
        font-size: 14px;
    }
    .home-page1 .title1{
        font-size:12px;
    }
    /*不同角色 五端同步*/
    .home-page3 .position-des:not(.custom-services) .pos-top {
        flex-wrap: wrap;
    }
    .home-page3 .position-des:not(.custom-services) .pos-top .it {
        width: 28.33333%;
        min-width: 28.33333%;
        padding-top: 54%;
        margin: 0 2%;
    }
    .home-page3 .position-des:not(.custom-services) .pos-top .it:nth-child(-n+3) {
        margin-bottom: 5%;
    }
    .home-page3 .position-des:not(.custom-services) .pos-top .bg {
        position: absolute;
        top: 0;
        left: 0;
    }
    /*我们的优势*/
    .home-page8 .virtue .it{
        width:100%;
        padding:6px;
    }
    /*行业应用案例*/
    .home-page5 .anli{
        flex-wrap:wrap;
    }
    .home-page5 .anli .it {
        min-width: 97.3%;
        margin:0 7%;
    }
    .home-page5 .anli .it:not(:last-child){
        margin-bottom:4%;
    }
    .home-page5 .anli .it:last-child{
        margin-bottom:3%;
    }
    /*底部咨询*/
    .footer-tip-kt-inner {
        padding: 10px 20px;
    }
    .footer-call svg{
        width:18px;
        height:18px;
    }
    .footer-tip-kt-left{
        width:160px;
    }
    .footer-tip-kt-left .title {
        font-size: 12px;
        width:100%;
    }
    .footer-tip-kt-left .title1 {
        font-size: 20px;
        margin-left: 6px;
    }
    .page-footer-seat .login-btn .bt {
        padding: 6px 13px;
        font-size: 12px;
    }
    .footer-tip-kt-left .title1 .ce{
        margin:0 10px;
    }
    .footer-tip-kt-inner .login-btn .res-view{
        margin-right:11px;
    }
    .footer-tip-kt{
        height:62px;
    }
    .common-title {
        font-size: 18px;
    }
    .common-title1 {
        font-size: 14px;
    }
}
@media screen and (max-width: 480px){
    .page-inner-bg-c{
        border-radius:20px;
    }
    .set-again-svg-fuck .line svg {
        width: 18px;
        height: 18px;
        margin: 1px 10px 0 0;
    }
    .set-again-svg-fuck .line2{
        padding-left:29px !important;
    }
    .home-set-again .hd .it:hover {
        background: transparent;
        box-shadow: none;
        color: #76788A;
    }
    .yingxiao-tab .hd .it .s {
        bottom: 7px;
    }
    .life-beauty .bannner-left {
        left: 12%;
    }
    .home-page6 .vip-use-list{
        padding: 0 1%;
    }
    .home-page6 .vip-use-list .it {
        border-radius: 6px;
    }
    .footer-menu-link-inner {
        flex-wrap: wrap;
    }
    .footer-menu-link-inner .it {
        width: 20%;
    }
    .footer-menu-link .footer-menu-link-inner .ds{
        font-size:12px;
    }
    .footer-menu-link .footer-menu-link-inner .a{
        transform:scale(0.9);
    }
    .footer-menu-link .footer-menu-link-inner {
        justify-content: center;
    }
    .footer-menu-link-inner .it:last-child {
        width: auto;
        padding-bottom: 18px;
    }
  /*  .common-title {
        font-size: 14px;
    }
    .common-title1 {
        font-size: 12px;
    }*/
    .common-title1{
        padding-top:2%;
    }
    .nav .nav-item .unline {
        height: 2px;
    }
    .nav .nav-item:hover .unline, .nav .nav-item.on .unline {
        width: calc(100% - 60px);
    }
    .page-header .nav-menu {
        display: none;
    }
    .page-header .head-login .bt {
        padding: 4px 7px;
    }
    .home-page7 .custom-made{
        font-size:12px;
    }
    .home-page7 .custom-made .it:hover .made-text, .home-page7 .custom-made .it.in .made-text, .home-page7 .custom-made .it.in .made-icon {
        font-size: 14px;
    }
    .page-padding{
        padding:14px 0;
    }
    .home-page8 .page-inner{
        padding:0 12px;
        box-shadow:none;
    }
    .custom-services .n-b{
        font-size:12px;
    }
    .custom-services .n-b-yuan{
        width:40px;
        height:40px;
    }
    .custom-services .n-b-yuan svg{
        width:60%;
        height:60%;
        margin-left:20%;
    }
    .custom-services .n-t{
        font-size:12px;
    }
    .home-page8 .left-wrap .left-t{
        font-size:18px;
    }
    .yingxiao-tab .con .line1{
        font-size:14px;
    }
    .yingxiao-tab .con .line2{
        font-size:12px !important;
    }
   /* .yingxiao-tab:not(.mobile-app) .l {
        padding: 4px 4px 0 4px;
        width: 43%;
    }*/
    .yingxiao-tab .l {
        padding: 4px 4px 0 4px;
        width: 43%;
    }
    .yingxiao-tab .con .line {
        padding: 6px 5px;
    }
    .yingxiao-tab .hd .it{
        padding:9px 0;
        font-size:14px;
    }
    .yingxiao-tab{
        padding:0 2.7%;
    }
    .yingxiao-tab .r{
        padding:8px;
    }
    .yingxiao-tab:not(.mobile-app) .r{
        margin-left: 42%;
    }
    .yingxiao-tab .con .line.in{
        width:calc(100% + 6px);
    }
    .yingxiao-tab .con .line{
        padding-left:10px;
    }
    .yingxiao-tab .con .line2{
        padding-left:24px;
    }
    .yingxiao-tab .line-icon{
        width:16px;
        margin-right: 7px;
    }
    .mobile-app .r {
        margin-left: 0;
        margin-right: 42% !important;
    }
    .yingxiao-unify .con,
    .ability-details .con {
        margin: 10px 0 0;
    }
    .ability-details {
        margin-top: -6px;
    }
    .ability-details .con .line {
        margin-bottom: 0;
    }
    .ability-details .con .line .line2{
        line-height:20px;
        padding-left: 10px;
    }
    .ability-details .con .line svg {
        min-width: 24px;
        width: 24px;
    }
    .medical .ability-details .con .line svg {
        top: 50%;
        transform: translateY(-50%);
    }
    .medical .ability-details .svg-no{
        width:30px;
        height:30px;
    }
    .ability-details .it:before {
        height: 3px;
        bottom: 1px;
    }
    .ability-details .hd .it{
        font-size:12px;
    }
    .custom-services .n-b-t1 {
        font-size: 14px;
    }
    .custom-services .n-b-t1{
        margin-bottom:2px;
    }
    .custom-services .n-b{
        padding-left:14px;
    }
    .xt-rotate .menu-list {
        font-size: 14px;
    }
    .xt-rotate .menu-list .href-b {
        padding: 6px 0;
    }
    .xt-rotate .href-b svg, .xt-rotate .r-icon {
        width: 10px;
        height: 10px;
        margin: 0 4px 0 0;
    }
    .xt-rotate .sign{
        font-size:14px;
        padding:16px 0;
        border-radius:14px;
    }

    .xt-rotate .rotate-box .in{
        padding-top:77px;
    }
    .xt-rotate .menu-list .it{
        width:100%;
    }
    .xt-rotate .rotate-box {
        padding: 10px;
        border-radius: 20px;
    }
    .xt-rotate .rotate-box .in{
         border-radius: 14px;
    }
    .home-page3 .pos-top .it .n1 {
        font-size: 12px;
        padding:12px 0;
    }
    .home-page3 .pos-top .it .n2 {
        font-size: 12px;
        line-height: 18px;
        padding: 0 10px 16px;
    }
    .homeSwiper .login-btn-wrap .bt{
        font-size:12px;
        padding:2px 4px;
    }
    .homeSwiper .login-btn .res-view{
        margin-right:8px;
    }
    .homeSwiper .bannner-right .login-btn-wrap{
        margin-left:3%;
    }
    .homeSwiper .banner-title2{
        margin-bottom:4px;
    }
    .homeSwiper .mask-right {
        border-left-width: 2px;
    }
    .private-domain .mask-left {
        border-right-width: 2px;
    }
    .private-domain .mask-left:before, .private-domain .mask-left:after,
    .homeSwiper .mask-right:before, .homeSwiper .mask-right:after{
        height:2px;
    }
    .homeSwiper .swiper-button-prev, .homeSwiper .swiper-button-next{
        display:none !important;
    }
    .home-page3 .pos-bottom svg{
        height:30px;
    }
    .home-page3 .pos-bottom .pos-text {
        font-size:14px;
    }
    .home-page4 .login-btn .bt {
        font-size: 14px;
        padding: 12px 24px;
    }
    .right-side-wrap{
        display:none;
    }
    .homeSwiper .bannner-right{
        top:20%;
    }
    .page-header .head-login .bt{
        font-size:12px;
    }
    .core-competence .title{
        font-size:12px;
    }
    .core-competence .auto-height{
        border-radius:10px;
    }
    .core-competence svg {
        margin: 10% 0;
    }
    .core-competence .auto-height:hover {
        transform: translateY(-6px);
        border-radius:10px;
    }
    body {
        background: #fff;
    }
    .life-low, .life-up {
        margin-top: 0;
        margin: 6px 4px 0;
        padding: 0;
    }
    .life-low {
        margin-bottom: 6px;
    }
    .life-low-inner, .life-up-inner {
        position: static;
        flex-wrap: wrap;
    }
    .life-up-inner .it:nth-child(3):after{
        display:none;
    }
    .life-up-inner .it:nth-child(1){
        border-bottom: 1px solid #F3F6FA;
    }
    .life-up-inner .it:nth-child(2){
        border-bottom: 1px solid #F3F6FA;
    }
    .life-up-inner .it:nth-child(3){
        border-bottom: 1px solid #F3F6FA;
    }
    .life-up-inner .it{
        width:33.333333%;
    }
    .life-up-inner .it svg{
        width:50%;
    }
    .life-up-inner:hover .it{
        max-width:33.333333%;
    }
    .life-low-inner .it {
        padding: 0 1%;
        border-radius:0;
    }
    .life-low-inner .it .title {
        font-size: 14px;
        margin: 11px 6px 25px;
        height: 20px;
        line-height: 20px;
    }
    .life-low-inner .it .title1{
        font-size:12px;
        line-height:20px;
        text-align:center;
        letter-spacing: 0px;
    }
    .life-up-inner .it.on{
        margin:0;
    }
    .life-up-inner .it .title{
        font-size:14px;
    }
    .life-up-inner .it .title1{
        font-size:12px;
        line-height:20px;
    }
    .life-up-inner .it .img-wrap{
        height:110px;
    }
    .life-up-inner .it .img-wrap .h{
        width:50%;
    }
    .life-up-inner .it.on .title{
        font-size:20px;
    }
    .life-up-inner .it.on .title1{
        font-size:14px;
        line-height:24px;
    }
    .pro-version{
        flex-wrap:wrap;
    }
    .pro-version .rotate-box {
        width: 100%;
        min-width: 100%;
        height:470px;
        /*padding: 16px;*/
        border-radius: 25px;
    }
    .pro-version .rotate-box:not(:last-child){
        margin-bottom:5% !important;
    }
    .pro-version .rotate-box:last-child{
        margin-bottom:3% !important;
    }
    .pro-version .menu-list .it {
        width: 50%;
    }
    .pro-version .sign{
        height:100px;
        font-size:24px;
        padding: 0;
        line-height: 96px;
    }
    .pro-version .sign,
    .pro-version .rotate-box .in {
        border-radius: 18px;
    }
    .pro-version .rotate-box .in {
        padding-top:120px;
    }
    .pro-version .menu-list{
        font-size:18px;
    }
    .pro-version .rotate-box .title{
        font-size:22px;
    }
    .pro-version .rotate-box .title1{
        font-size:20px;
    }
    .pro-version .menu-list .href-b{
        padding:14px 0;
    }
    .pro-version .down-svg{
       top:66px !important;
    }
    .life-beauty .pro-version .down-svg {
        top: 110px !important;
    }
    .life-beauty .pro-version .rotate-box.r{
        height:500px;
    }
    .closed-loop .auto-height {
        left: -7.9%;
    }
    .closed-loop .loop-des{
        width:64.9%;
        padding:2% 0;
        right:3px;
    }
    .closed-loop .loop-des .item div.title {
        font-size: 12px;
        margin-bottom: 0;
    }
    .closed-loop .loop-des .item div.title1 {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /*.closed-loop .loop-circular-mask .item {
        width: 20%;
    }
    .closed-loop .loop-circular-mask .item svg{
        width: 100%;
        height: 20%;
    }
    .closed-loop .loop-circular-mask .item-center {
        transform: translate(-44%,-47%);
    }
    .closed-loop .loop-circular-mask .item-center svg {
        width: 80%;
        height: 10%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(1){
        top: 3%;
        right: 26%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(1) svg{
        width: 187%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(2){
        top: 27%;
        right: 9%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(2) svg{
       width:132%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(3){
        bottom: 1%;
        right: 32%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(3) svg{
        width: 210%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(4) {
        bottom: 1%;
        left: 15%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(4) svg {
        width: 182%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(5) {
        top: 24%;
        left: 9%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(5) svg{
        width:132%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(6) {
        top: 3%;
        left: 17%;
    }
    .closed-loop .loop-circular-mask .item:nth-child(6) svg{
        width:204%;
    }*/
    .medical .core-competence svg {
        height: 34%;
    }
    .statistics-wrap{
        border-radius:6px;
    }
    .statistics.one .item:nth-child(1),
    .statistics.two .item:nth-child(2),
    .statistics.three .item:nth-child(3),
    .statistics.four .item:nth-child(4) {
        padding: 0 6%;
    }
    .statistics .item .title {
        font-size: 14px;
        padding-bottom: 2px;
    }
    .statistics .item .title1{
        font-size:12px;
        line-height:16px;
    }
    .big-data .vi-item{
        width:130px;
        height:auto;
        padding-left:14px;
        margin-right:2%;
    }
    .big-data .vi-item .item {
        font-size: 12px;
        padding: 5px 0 5px 4px;
        width: 100%;
    }
    .medical-pro-version {
        padding: 0 4% !important;
        margin: 3% 0 2%;
    }
    .medical-pro-version .rotate-box {
        width: 50%;
        min-width: 50%;
        height: auto;
        border-width: 2px !important;
        border-radius:15px;
    }
    .medical-pro-version .rotate-box:before{
        right: -220px;
    }
     .medical-pro-version .rotate-box:after{
        left: -220px;
    }
    .medical-pro-version .menu-list .href-b{
        font-size:12px;
    }
    .medical-pro-version .sign{
        font-size:20px;
        height:36px;
        line-height:36px;
    }
    .medical-pro-version .rotate-box .in{
        padding-top:71px !important;
    }
    .medical-pro-version .rotate-box .title{
        font-size:18px;
    }
    .medical-pro-version .rotate-box .title1 {
        font-size: 14px;
    }
    .medical-pro-version .title svg,
    .medical-pro-version .title1 svg {
        width: 10px;
        height: 10px;
        transform: translate(-15px, -45%);
    }
    /*私域运营*/
    .market .tabs .item{
        width:50px;
        height:50px;
    }
    .market .tabs .svg-wrap{
        height:100%;
    }
    .market .tabs .name{
        font-size:12px;
    }
    .market .tabs .svg-wrap svg{
        width:70%;
        height:70%;
    }
    .market .con .con-r{
        min-height:260px;
    }
    .market .con-l .text{
        top:20%;
    }
    .market .con .con-r .txt {
        font-size: 12px;
        line-height: 22px;
    }
    .market .con-r svg{
        display:none;
    }
    .market-tool-box .title{
        font-size:14px;
    }
    .market-tool-box .title1{
        font-size:12px;
        line-height:20px;
    }
    .market-tool-box .js-b {
        padding: 0;
        width: 104px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size:14px;
    }
    .market-tool-box .title1{
        padding-bottom:10%;
    }
    .pdomain{
        padding:5%;
    }
    .pdomain .rotate-box {
        width: auto !important;
    }
    .pdomain .step{
        margin-bottom:5%;
        margin-left:50px;
    }
    .pdomain .step .img {
        position: absolute;
        left: -50px;
        transform: rotate(90deg);
        margin-top:0 !important;
    }
    .pdomain .s-two{
        margin-left:100px;
    }
    .pdomain .s-two .last{
        left:-100px;
    }
    .pdomain .rotate-box{
        height:540px;
    }
    .pdomain .more{
        padding:20px 0;
    }
    .pdomain .j-l img{
        width:43px;
    }
    .pdomain .rotate-box.on .down-svg{
        top:110px !important;
    }
    .pdomain .rotate-box.on .down-svg path {
        fill: #fff;
    }
    .pdomain .rotate-box .sign{
        font-size:28px;
    }
    .agreementSwiperDomain {
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .agreementSwiperDomain::-webkit-scrollbar {
        display:none;
    }
    /*代理合作*/
    .agent-cooperation .silide-mask {
        position: static;
        padding: 0 2%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .agent-cooperation .silide-mask .a-banner-regist {
        display: block !important;
        position: static;
        width: 100%;
        box-shadow: 0px 6px 18px 1px rgb(154 154 154 / 16%);
        border-radius: 15px;
        padding-bottom: 25px;
    }
    .agent-cooperation .a-banner-regist .right-switch {
        position: static;
        margin: -3px 6px -36px;
        text-align: right;
    }
    .agent-cooperation .right-switch svg {
        width: 50px;
    }
    .saas-digital {
        margin: 0;
        flex-wrap: wrap;
    }
    .saas-digital svg {
        width: 100%;
        height: auto;
        margin:0;
    }
    .saas-digital .text-w {
        width: 100%;
        font-size: 12px;
        padding-left: 0;
        line-height:22px;
        padding: 0 6% 2%;
    }
    .saas-digital .saas-digital-t2{
        padding:6px 0;
    }
    .store-transformation .vs .bg{
        height:auto;
    }
    .store-transformation .box-inner {
        font-size: 12px;
        font-size: 12px;
        padding-top: 2px;
    }
    .store-transformation .box {

    }
    .store-transformation .vs-center{
        width:36px;
        height:auto;
    }
    .store-transformation .v-right .img{
        top:3%;
    }
    .store-transformation .tp{
        width:40px;
        height:auto;
    }
    .store-transformation .c-line{
        width:40px;
        height:40px;
    }
    .store-transformation .c-line:after{
        border-width:2px;
    }
    .store-transformation .box .b-shadow{
        width:100%;
        height:auto;
    }
    .store-transformation .box .b-shadow path{
        fill:transparent;
    }
    .store-transformation .b-l{
        width:40%;
    }
    .store-transformation .b-r {
        width: 45%;
    }
    .store-transformation .box .item{
        font-size:12px;
    }
    .store-transformation .box .item svg{
        width:16px;
        min-width:16px;
        height:16px;
        top: 1.5px;
    }
    .store-transformation .box .item .text .to_hide{
        display:none;
    }
    .store-transformation .b-l .box-inner {
        padding-left: 3.9%;
        padding-right: 4%;
    }
    .store-transformation .b-r .box-inner {
        padding-left: 5%;
        padding-right: 5%;
    }
    .store-transformation .bottom{
        margin-top:0;
    }
    .king .lineb{
        border-width:2px;
    }
    .king .col-line{
        top:-35px;
    }
    .king .other-line{
        margin:5% 9%;
    }
    .king .saas-digital .text-w {
        text-align: center;
        padding-right: 0;
    }
    .king .text-w-inner{
        width:100%;
    }
    .king .duan-position .im{
        height:auto;
    }
    .king .bg {
        width: 100%;
        margin: -4% 0;
        right: 0;
    }
    .king .duan-position{
        margin-top:6%;
        padding: 0 2%;
    }
    .king .duan-position .item{
        width:auto;
        flex:1;
    }
    .king .duan-position .item:not(:last-child){
        margin-right:10px;
    }
    .king .duan-position .title{
        font-size:12px;
    }
    .king .duan-position .title1{
        font-size:12px;
        min-height:32px;
    }
    .perfect-system .hd{
        margin:0;
    }
    .perfect-system .hd .it{
        font-size:12px;
    }
    .agent-cooperation .perfect-system .hd .it {
        padding: 6px 0;
    }
    .perfect-system .con-r-t .title{
        font-size:14px;
        position:static;
    }
    .agent-cooperation .con-r-t .title {
        text-align: left;
        padding-left: 10%;
    }
    .agent-cooperation .con-r-t .des{
        padding-right:4%;
    }
    .perfect-system .con-r-t .des {
        font-size: 12px;
        line-height: 22px;
    }
    .perfect-system .con .con-r{
        min-height:auto;
    }
    .perfect-system .market .con-l .text {
        top: 0;
    }
    .perfect-system .con-r-t{
        top:0;
    }
    .agent-limit .lef .item{
        padding:2% 2% 1.8%;
    }
    .agent-limit .lef .title {
        font-size: 12px;
    }
    .agent-limit .lef .title1{
        font-size: 12px;
        line-height:16px;
        padding-top:0;
    }
    .agent-coming .bg{
        border-radius:14px;
        margin:0 2%;
    }
    .who-agent .title{
        padding-top:8%;
    }
    .who-agent img{
        border-radius:6px;
    }
    .agent-coming .mask{
        display:none;
    }
    .agent-coming .a-banner-regist {
        display: block !important;
        position: static;
        width: 100%;
        margin-top:16px;
    }
    .agent-coming .title{
        font-size:20px;
        padding-top:2%;
    }
    .post-form .line {
        height: 60px;
        font-size: 12px;
    }
    .post-form .line .ipt {
        font-size: 12px;
        padding-left: 6%;
    }
    .agent-coming ::-webkit-input-placeholder {
        font-size: 14px !important;
    }
    .agent-coming ::-moz-placeholder {
        font-size: 12px !important;
    }
    .agent-coming ::-ms-input-placeholder {
        font-size: 12px !important;
    }
    .agent-coming .submit-form .reg-btn {
        margin: 2% 0 6% !important;
    }
    .post-form .reg-btn {
        height: 50px;
        font-size: 16px;
    }
    .agent-limit .lef {
        width: 225px;
        justify-content: normal;
        justify-content:unset;
        padding:4px;
    }
    .agent-limit .rig{
        display:none !important;
    }
    body {
        overflow-x: hidden;
    }
    /*下载中心*/
    .download-center-reset-wrap{
        height:auto;
    }
    .download .download-center-reset .rotate-box {
        border-radius: 25px !important;
        min-width: 100%;
    }
    .download-center-reset .rotate-box:nth-child(2){
        margin:0 0 5% !important;
    }
    .download-center-reset .ne{
        font-size:25px !important;
        margin-left:5px !important;
    }
    .download-center-reset .top svg {
        height: 30px;
    }
    .download-center-reset .bot{
        padding-top:10% !important;
    }
    .download-center .pc .bx:first-child:after{
        right:12px;
    }
    .download .download-center-reset .rotate-box.phone {
        padding-top: 8% !important;
        padding-bottom: 12% !important;
    }
    /*关于我们*/
    .about-tab {
        font-size: 18px;
        padding: 18px 0;
    }
    .about-tab.fixed {
        position: fixed;
        top: 50px;
        width: 100%;
        z-index:10;
    }
    .about-tab .item:first-child{
        margin-right:20%;
    }
    .about-text .txt{
        padding: 0 4% 2%;
        font-size:14px;
    }
    .about-exp .animation-exp {
        font-size: 12px;
    }
    .about-exp .bg-line .it{
        width:14px;
        height:14px;
    }
    .about-exp .bg-line .it:after{
        width:6px;
        height:6px;
    }
    .about-exp .animation-exp .bg-line{
        border-width:2px;
    }
    .about-exp .bg-line .it{
        top:-8px;
    }
    .about-exp .animation-exp .item:nth-child(3), .about-exp .animation-exp .item:nth-child(5), .about-exp .animation-exp .item:nth-child(7){
        top:-50px;
    }
    .about-exp .animation-exp .item:nth-child(4), .about-exp .animation-exp .item:nth-child(6) {
        top: 43px;
    }
    .about-exp .animation-exp .item:nth-child(5), .about-exp .animation-exp .item:nth-child(7) {
        top: -33px;
    }
    .about-exp .animation-exp .des{
        line-height:16px;
    }
    .about-exp .animation-exp {
        bottom: 26%;
    }
    .about-exp .animation-exp .title{
        padding-bottom:2px;
    }
    .about-exp .animation-exp .plane{
        width:13%;
    }
    .about-exp .animation-exp .plane.on {
        transform: translateX(745%) translateY(-50%) rotate(7deg);
    }
    .swiper-certificate .swiper-slide img{
        width:140px;
        height:188px;
    }
    .swiper-certificate .swiper-slide{
        padding:19px 0;
    }
    .swiper-certificate .swiper-slide-active img, .swiper-certificate .swiper-slide-duplicate-active img {
        box-shadow: 0px 8px 18px 1px rgb(154 154 154 / 52%);
    }
    .about-certificate .text{
        font-size:16px;
    }
    .about-list{
        padding: 0 2%;
    }
    .about-list .item .pic {
        width: 160px;
        height: 100px;
    }
    .about-list .rb .title{
        font-size:14px;
    }
    .about-list .rb .des{
        font-size:12px;
        line-height:20px;
        margin-bottom:2%;
    }
    .about-list .rb .date {
        font-size: 12px;
        padding-right:4%;
    }
    /*咨询详情*/
    .consulting-list{
        display:block;
        height:auto;
    }
    .consulting-list .side-menu{
        width:100%;
        height:auto !important;
        display:none;
    }
    .consulting-list .c-html{
        padding: 4% 2% 0;
    }
    .consulting-list .c-html .title{
        font-size:20px;
    }
    .consulting-list .c-html p{
        font-size:14px;
    }
    /*找回密码*/
    .psd-reset .post-form,
    .psd-reset .ps-con .it {
        width: 100%;
    }
    .psd-reset .ps-step-txt{
        font-size:12px;
    }
    .psd-reset .ps-step-no{
        width:16px;
        height:16px;
        font-size:12px;
        margin-right:2px;
    }
    .psd-reset .ps-step .item{
        padding:10px 0;
    }
    .psd-reset .common-title {
        margin: 12px 20px 20px;
        width:100%;
    }
    /*tab手机交互*/
    .yingxiao-tab .l {
        width: 100% !important;
        position: static;
    }
    .yingxiao-tab .r{
        margin:0 !important;
    }
    .yingxiao-tab .con .line2{
        padding-top:2px;
    }
    .yingxiao-tab .con .line {
        padding: 6px 5px 6px 15px !important;
    }
    /*协议*/
    .agreement .body .title{
        font-size:18px;
    }
    .agreement .t-b{
        font-size:16px;
    }
    /*tab手机交互*/
    /* 通用注册*/
    /* .a-banner-regist {
        display: none !important;
    }*/
    .page-register .page-register-inner .right {
        display: none;
    }
    .page-register .page-register-inner{
        width:90%;
        height:90%;
        border-radius:15px;
    }
    .page-register-inner .left{
        min-width:100%;
    }
    .page-register .right-switch svg{
        width:50px;
        height:50px;
    }
    .page-register-inner .reg-wrap, .page-register-inner .login-wrap{
        padding-top:0 !important;
        padding-bottom:0 !important;
    }
    .post-form .xieyi{
        font-size:14px;
    }
    .agreement {
        width: 90%;
        min-width: auto;
        min-width: unset;
        border-radius: 15px;
    }
    .page-register-inner .login-wrap .line svg {
        top: 10px;
        width: 20px;
    }
    .post-form .login-wrap .line .ipt{
        padding-left:15%;
    }
    .post-form .login-wrap .line svg{
        top:10px;
    }
    .post-form .title {
        font-size: 23.999px;
    }
    .page-register-inner .close{
        z-index:1;
        background:#f2f2f2;
    }
    .page-register-inner .close .close-i, .page-register-inner .close .close-i:after {
        background: #0B508B;
    }
    .home .custom-services{
        pointer-events:none;
    }
    .home .custom-services .n-t svg {
        width: 21px;
        height: 14px;
        margin: 0;
        transform: scale(1.5);
    }
     .home .custom-services .n-t div:last-child{
         margin-top:6px;
     }
    .news-page .btn, .news-page .pages .item {
        margin: 0 4px;
        padding: 7px 11px;
    }
    .news-page .btn:hover,
    .news-page .item:not(.active):hover {
        background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
        box-shadow: 0px 3px 6px 1px rgb(154 154 154 / 18%);
        color: #76788A;
    }
    .classificationn-nav {
        font-size: 14px;
        margin: 20px 0 10px 5px;
    }
    .company-menu{
        display:block;
    }
}