@charset "utf-8";
*:focus {
    outline: none; /* 移除所有元素的焦点轮廓 */
}

html,
body {
    width: 100%;
}

body {
    font-family: MiSans;
    font-weight: 300;
    font-size: 14px;
    color: #28282d;
    line-height: 19px;
    font-style: normal;
    text-transform: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    max-width: 750px;
    margin: 0 auto;
}

.maxWidth {
    max-width: 750px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

img {
    outline: none;
    border: none;
}

img.lazyload {
    opacity: 0;
}

ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
div,
p {
    margin: 0;
    padding: 0;
    font-weight: 300;
    -webkit-tap-highlight-color: transparent;
}

a {
    outline: none;
    text-decoration: none;
    color: #28282d;
    -webkit-tap-highlight-color: transparent;
}

ul,
li {
    list-style: none;
}

input,
textarea {
    outline: none;
}

iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.toast-twenty-center {
    top: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#foot-iframe {
    width: 100%;
    height: 354px;
    border: none;
}

@font-face {
    font-family: D-DIN;
    src: url("../../font/DIN-Regular.otf") format("opentype");
}
.container {
    width: 100%;
    margin: 0 auto;
}

.sub-container {
    width: 100%;
    padding:0 .32rem;
    margin: 0 auto;
    box-sizing: border-box;
}

.default-btn {
    -webkit-transition: all ease-in 0.1s;
    -o-transition: all ease-in 0.1s;
    -moz-transition: all ease-in 0.1s;
    transition: all ease-in 0.1s;
}

.default-btn:hover {
    background: #f4f4f5 !important;
}

.default-btn:active {
    background: #e9e9e7 !important;
}

.primary-btn {
    -webkit-transition: all ease-in 0.1s;
    -o-transition: all ease-in 0.1s;
    -moz-transition: all ease-in 0.1s;
    transition: all ease-in 0.1s;
}

.primary-btn:hover {
    background: #4157ea !important;
}

.primary-btn:active {
    background: #2339ce !important;
}

.warning-btn {
    -webkit-transition: all ease-in 0.1s;
    -o-transition: all ease-in 0.1s;
    -moz-transition: all ease-in 0.1s;
    transition: all ease-in 0.1s;
}

.warning-btn:hover {
    background: #ffd334 !important;
}

.warning-btn:active {
    background: #e1b518 !important;
}

.danger-btn {
    -webkit-transition: all ease-in 0.1s;
    -o-transition: all ease-in 0.1s;
    -moz-transition: all ease-in 0.1s;
    transition: all ease-in 0.1s;
}

.danger-btn:hover {
    background: #fa7f56 !important;
}

.danger-btn:active {
    background: #dc613a !important;
}

.plain-btn {
    -webkit-transition: all ease-in 0.1s;
    -o-transition: all ease-in 0.1s;
    -moz-transition: all ease-in 0.1s;
    transition: all ease-in 0.1s;
}

.plain-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.plain-btn:active {
    background: rgba(255, 255, 255, 0.3) !important;
}

.page-section {
    padding: 1.8rem 0.32rem;
}

.page-section-title {
    font-weight: 700;
    font-size: 0.52rem;
    color: #28282d;
    line-height: 0.68rem;
    text-align: center;
    white-space: pre-wrap;
}

.page-section-remark {
    margin-top: 0.2rem;
    font-size: 0.28rem;
    color: rgba(40, 40, 45, 0.7);
    font-weight: 300;
    line-height: 0.44rem;
    text-align: center;
    white-space: pre-wrap;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.truncate-two-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.truncate-three-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.truncate-four-lines {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tag-list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -0.08rem;
}

.tag-list .tag-item {
    margin-right: 0.16rem;
    margin-bottom: 0.08rem;
    padding: 0.06rem 0.16rem;
    min-width: 1.04rem;
    background: #f96938;
    border-radius: 0.08rem;
    font-weight: 300;
    font-size: 0.24rem;
    color: #ffffff;
    line-height: 0.32rem;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tag-list .tag-item:last-child {
    margin-right: 0;
}

.video-play-icon {
    width: 0.86rem;
    height: 0.86rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48Zz48cGF0aCBkPSJNMzIsNjRDMTQuMzI2NCw2NCwwLDQ5LjY3MzYsMCwzMkMwLDE0LjMyNjQsMTQuMzI2NCwwLDMyLDBDNDkuNjczNiwwLDY0LDE0LjMyNjQsNjQsMzJDNjQsNDkuNjczNiw0OS42NzM2LDY0LDMyLDY0Wk0yNy41OTA0LDIwLjUyOEMyNy4xOTgsMjAuMjY2MiwyNi42OTM0LDIwLjI0MTQsMjYuMjc3MywyMC40NjM2QzI1Ljg2MTEsMjAuNjg1NywyNS42MDA5LDIxLjExODcsMjUuNiwyMS41OTA0TDI1LjYsNDIuNDA5NkMyNS42MDA5LDQyLjg4MTMsMjUuODYxMSw0My4zMTQzLDI2LjI3NzMsNDMuNTM2NEMyNi42OTM0LDQzLjc1ODYsMjcuMTk4LDQzLjczMzgsMjcuNTkwNCw0My40NzJMNDMuMjAzMiwzMy4wNjU2QzQzLjk2NDMsMzIuNTU5MSw0My45NjQzLDMxLjQ0MDksNDMuMjAzMiwzMC45MzQ0TDI3LjU4NzIsMjAuNTI4TDI3LjU5MDQsMjAuNTI4WiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvc3ZnPg==");
    background-repeat: no-repeat;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
}

.article {
    padding-top: 40px;
}

.article .title {
    font-weight: 500;
    font-size: .32rem;
    color: #28282d;
    line-height: 0.44rem;
}

.article .meta {
    margin-top: 8px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.article .meta .tags {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.article .meta .tag {
    padding: 3px 8px;
    background: #203ae6;
    border-radius: 4px 4px 4px 4px;
    overflow: hidden;
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
    margin-right: 6px;
}

.article .meta .tag:last-child {
    margin-right: 0;
}

.article .meta .time {
    margin-left: 16px;
    font-weight: 300;
    font-size: 14px;
    color: rgba(40, 40, 45, 0.7);
    line-height: 19px;
}

.article .content {
    padding-top: .4rem;
    padding-bottom: 1.2rem;
}

.article .content p {
    font-size: 14px;
    line-height: 30px;
}

.article .content img {
    display: block;
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
}

@-webkit-keyframes sub-nav-show {
    0% {
        -webkit-transform: translate(0px, -30px);
        transform: translate(0px, -30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        opacity: 1;
    }
}
@-moz-keyframes sub-nav-show {
    0% {
        -moz-transform: translate(0px, -30px);
        transform: translate(0px, -30px);
        opacity: 0;
    }
    100% {
        -moz-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        opacity: 1;
    }
}
@-o-keyframes sub-nav-show {
    0% {
        -o-transform: translate(0px, -30px);
        transform: translate(0px, -30px);
        opacity: 0;
    }
    100% {
        -o-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        opacity: 1;
    }
}
@keyframes sub-nav-show {
    0% {
        -webkit-transform: translate(0px, -30px);
        -moz-transform: translate(0px, -30px);
        -o-transform: translate(0px, -30px);
        transform: translate(0px, -30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        opacity: 1;
    }
}
@-webkit-keyframes sub-nav-hide {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0px, -30px);
        transform: translate(0px, -30px);
        opacity: 0;
    }
}
@-moz-keyframes sub-nav-hide {
    0% {
        -moz-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        opacity: 1;
    }
    100% {
        -moz-transform: translate(0px, -30px);
        transform: translate(0px, -30px);
        opacity: 0;
    }
}
@-o-keyframes sub-nav-hide {
    0% {
        -o-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        opacity: 1;
    }
    100% {
        -o-transform: translate(0px, -30px);
        transform: translate(0px, -30px);
        opacity: 0;
    }
}
@keyframes sub-nav-hide {
    0% {
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0px, -30px);
        -moz-transform: translate(0px, -30px);
        -o-transform: translate(0px, -30px);
        transform: translate(0px, -30px);
        opacity: 0;
    }
}
#head .logo {
    position: absolute;
    top: 50%;
    left: 0.32rem;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#head .logo img {
    display: block;
    height: 0.35rem;
}

#head .logo .logo-default {
    display: block;
}

#head {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-transition: all ease-in 0.2s;
    -o-transition: all ease-in 0.2s;
    -moz-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
}
#head .head-inner{
    width: 100%;
    height: 1.2rem;
    background-color: #ffffff;
    position: relative;
    border-bottom: 1px solid transparent;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#head .nav {
    display: none;
    position: fixed;
    left: 0;
    top: 1.2rem;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}
#head .nav::-webkit-scrollbar {
    display: none;
}

#head .nav-item {
    padding: 0 0.32rem;
    position: relative;
    cursor: pointer;
}
#head .nav-item.active {
    background: #F5F5FA;
}
#head .nav-item.active .arrow {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
#head .nav-item.active .sub-nav-list {
    display: block;
}

#head .nav-item.sublist_show .sub-nav-list {
    -webkit-animation: sub-nav-show 0.2s ease-out both;
    -moz-animation: sub-nav-show 0.2s ease-out both;
    -o-animation: sub-nav-show 0.2s ease-out both;
    animation: sub-nav-show 0.2s ease-out both;
}

#head .nav-item.sublist_hide .sub-nav-list {
    -webkit-animation: sub-nav-hide 0.2s ease-out both;
    -moz-animation: sub-nav-hide 0.2s ease-out both;
    -o-animation: sub-nav-hide 0.2s ease-out both;
    animation: sub-nav-hide 0.2s ease-out both;
}

#head .nav-link {
    display: block;
    font-weight: 500;
    font-size: 0.28rem;
    line-height: 1rem;
    color: #28282d;
    position: relative;
    -webkit-transition: all ease-in 0.2s;
    -o-transition: all ease-in 0.2s;
    -moz-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
}
#head .nav-link .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    width: 0.22rem;
    height: 0.22rem;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDExIDExIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLC0xLjk3NDEwMzI5ODYwNzU4OGUtNywxLjk3NDEwMzI5ODYwNzU4OGUtNywxLDAsMCkiPjxnPjwvZz48Zz48cGF0aCBkPSJNMi4wMzA0ODQsMi45Njk4MjRMNS41LDYuNDM5MzRMOC45Njk2NywyLjk2OTY3UTkuMDc1MTYsMi44NjQxODEsOS4yMTI5OSwyLjgwNzA5UTkuMzUwODE5OTk5OTk5OTk5LDIuNzUsOS41LDIuNzVROS41NzM4NywyLjc1LDkuNjQ2MzIsMi43NjQ0MTFROS43MTg3NywyLjc3ODgyMiw5Ljc4NzAxLDIuODA3MDlROS44NTUyNiwyLjgzNTM1OSw5LjkxNjY4LDIuODc2Mzk4UTkuOTc4MSwyLjkxNzQzNywxMC4wMzAzMywyLjk2OTY3UTEwLjA4MjU2LDMuMDIxOTAzLDEwLjEyMzYsMy4wODMzMjJRMTAuMTY0NjQsMy4xNDQ3NDIsMTAuMTkyOTEsMy4yMTI5ODdRMTAuMjIxMTgsMy4yODEyMzMsMTAuMjM1NTksMy4zNTM2ODJRMTAuMjUsMy40MjYxMzE1LDEwLjI1LDMuNVExMC4yNSwzLjY0OTE4NCwxMC4xOTI5MSwzLjc4NzAxM1ExMC4xMzU4MiwzLjkyNDg0MSwxMC4wMzAzMyw0LjAzMDMzTDEwLjAyOTg3LDQuMDMwNzkyTDYuMDMwMzMsOC4wMzAzM1E1Ljk3ODEsOC4wODI1Niw1LjkxNjY4LDguMTIzNlE1Ljg1NTI2LDguMTY0NjQsNS43ODcwMSw4LjE5MjkxMDAwMDAwMDAwMVE1LjcxODc3LDguMjIxMTgsNS42NDYzMiw4LjIzNTU5UTUuNTczODcsOC4yNSw1LjUsOC4yNVE1LjQyNjEzMDAwMDAwMDAwMSw4LjI1LDUuMzUzNjgwMDAwMDAwMDAxLDguMjM1NTlRNS4yODEyMyw4LjIyMTE4LDUuMjEyOTksOC4xOTI5MTAwMDAwMDAwMDFRNS4xNDQ3NDAwMDAwMDAwMDA1LDguMTY0NjQsNS4wODMzMjAwMDAwMDAwMDA1LDguMTIzNlE1LjAyMTkwMDAwMDAwMDAwMDUsOC4wODI1Niw0Ljk2OTY3LDguMDMwMzNMMC45Njk4MjQsNC4wMzA0ODM5OTk5OTk5OTk1TDAuOTY5NjcsNC4wMzAzM1EwLjg2NDE4MSwzLjkyNDg0MSwwLjgwNzA5LDMuNzg3MDEzUTAuNzUsMy42NDkxODQsMC43NSwzLjVRMC43NSwzLjQyNjEzMTUsMC43NjQ0MTEsMy4zNTM2ODJRMC43Nzg4MjIsMy4yODEyMzMsMC44MDcwOSwzLjIxMjk4N1EwLjgzNTM1OSwzLjE0NDc0MiwwLjg3NjM5OCwzLjA4MzMyMlEwLjkxNzQzNywzLjAyMTkwMywwLjk2OTY3LDIuOTY5NjdRMS4wMjE5MDMsMi45MTc0MzcsMS4wODMzMjIsMi44NzYzOThRMS4xNDQ3NDIsMi44MzUzNTksMS4yMTI5ODcsMi44MDcwOVExLjI4MTIzMywyLjc3ODgyMiwxLjM1MzY4MiwyLjc2NDQxMVExLjQyNjEzMTQ5OTk5OTk5OTksMi43NSwxLjUsMi43NVExLjY0OTE4NCwyLjc1LDEuNzg3MDEzLDIuODA3MDlRMS45MjQ4NDEsMi44NjQxODEsMi4wMzAzMywyLjk2OTY3TDIuMDMwNDg0LDIuOTY5ODI0WiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNzY3Njc2IiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjwvc3ZnPg==");
    background-repeat: no-repeat;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

#head .sub-nav-list {
    display: none;
}

#head .sub-nav-link {
    display: block;
    padding: 0.3rem 0.2rem;
    white-space: nowrap;
}

#head .tool {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.32rem;
    z-index: 1;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor:pointer;
}
#head .tool .person-icon {
    margin-right: 0.1rem;
    width: 0.36rem;
    height: 0.36rem;
    background: #f2f2f2;
}
#head .tool .menu-icon {
    width: 0.34rem;
    height: 0.34rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}
#head .tool .menu-icon .line {
    width: 100%;
    height: 2px;
    background: rgb(40, 40, 45);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#head .tool .menu-icon.active .line:nth-child(1) {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#head .tool .menu-icon.active .line:nth-child(2) {
    opacity: 0;
}
#head .tool .menu-icon.active .line:nth-child(3) {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.head-nav-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 268px;
    background-color: #ffffff;
    z-index: 999;
}

.head-placeholder {
    height: 1.2rem;
}

.foot-wrapper {
    width: 100%;
    background: #28282d;
    padding-bottom: 1.8rem;
}

.foot .foot-header {
    padding-top: 0.48rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.foot .foot-nav {
    width: 100%;
}

.foot .foot-nav-item {
    position: relative;
    border-bottom: 0.5px solid rgba(191, 191, 193, 0.2);
}
.foot .foot-nav-item.active .link .arrow {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
.foot .foot-nav-item.active .sub-nav-wrapper {
    display: block;
}

.foot .foot-nav-item .link {
    display: block;
    padding: 0.33rem 0;
    font-weight: 500;
    font-size: 0.32rem;
    color: #ffffff;
    line-height: 0.42rem;
    position: relative;
}
.foot .foot-nav-item .link .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    width: 0.22rem;
    height: 0.22rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDExIDExIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLC0xLjk3NDEwMzI5ODYwNzU4OGUtNywxLjk3NDEwMzI5ODYwNzU4OGUtNywxLDAsMCkiPjxnPjwvZz48Zz48cGF0aCBkPSJNMi4wMzA0ODQsMi45Njk4MjRMNS41LDYuNDM5MzRMOC45Njk2NywyLjk2OTY3UTkuMDc1MTYsMi44NjQxODEsOS4yMTI5OSwyLjgwNzA5UTkuMzUwODE5OTk5OTk5OTk5LDIuNzUsOS41LDIuNzVROS41NzM4NywyLjc1LDkuNjQ2MzIsMi43NjQ0MTFROS43MTg3NywyLjc3ODgyMiw5Ljc4NzAxLDIuODA3MDlROS44NTUyNiwyLjgzNTM1OSw5LjkxNjY4LDIuODc2Mzk4UTkuOTc4MSwyLjkxNzQzNywxMC4wMzAzMywyLjk2OTY3UTEwLjA4MjU2LDMuMDIxOTAzLDEwLjEyMzYsMy4wODMzMjJRMTAuMTY0NjQsMy4xNDQ3NDIsMTAuMTkyOTEsMy4yMTI5ODdRMTAuMjIxMTgsMy4yODEyMzMsMTAuMjM1NTksMy4zNTM2ODJRMTAuMjUsMy40MjYxMzE1LDEwLjI1LDMuNVExMC4yNSwzLjY0OTE4NCwxMC4xOTI5MSwzLjc4NzAxM1ExMC4xMzU4MiwzLjkyNDg0MSwxMC4wMzAzMyw0LjAzMDMzTDEwLjAyOTg3LDQuMDMwNzkyTDYuMDMwMzMsOC4wMzAzM1E1Ljk3ODEsOC4wODI1Niw1LjkxNjY4LDguMTIzNlE1Ljg1NTI2LDguMTY0NjQsNS43ODcwMSw4LjE5MjkxMDAwMDAwMDAwMVE1LjcxODc3LDguMjIxMTgsNS42NDYzMiw4LjIzNTU5UTUuNTczODcsOC4yNSw1LjUsOC4yNVE1LjQyNjEzMDAwMDAwMDAwMSw4LjI1LDUuMzUzNjgwMDAwMDAwMDAxLDguMjM1NTlRNS4yODEyMyw4LjIyMTE4LDUuMjEyOTksOC4xOTI5MTAwMDAwMDAwMDFRNS4xNDQ3NDAwMDAwMDAwMDA1LDguMTY0NjQsNS4wODMzMjAwMDAwMDAwMDA1LDguMTIzNlE1LjAyMTkwMDAwMDAwMDAwMDUsOC4wODI1Niw0Ljk2OTY3LDguMDMwMzNMMC45Njk4MjQsNC4wMzA0ODM5OTk5OTk5OTk1TDAuOTY5NjcsNC4wMzAzM1EwLjg2NDE4MSwzLjkyNDg0MSwwLjgwNzA5LDMuNzg3MDEzUTAuNzUsMy42NDkxODQsMC43NSwzLjVRMC43NSwzLjQyNjEzMTUsMC43NjQ0MTEsMy4zNTM2ODJRMC43Nzg4MjIsMy4yODEyMzMsMC44MDcwOSwzLjIxMjk4N1EwLjgzNTM1OSwzLjE0NDc0MiwwLjg3NjM5OCwzLjA4MzMyMlEwLjkxNzQzNywzLjAyMTkwMywwLjk2OTY3LDIuOTY5NjdRMS4wMjE5MDMsMi45MTc0MzcsMS4wODMzMjIsMi44NzYzOThRMS4xNDQ3NDIsMi44MzUzNTksMS4yMTI5ODcsMi44MDcwOVExLjI4MTIzMywyLjc3ODgyMiwxLjM1MzY4MiwyLjc2NDQxMVExLjQyNjEzMTQ5OTk5OTk5OTksMi43NSwxLjUsMi43NVExLjY0OTE4NCwyLjc1LDEuNzg3MDEzLDIuODA3MDlRMS45MjQ4NDEsMi44NjQxODEsMi4wMzAzMywyLjk2OTY3TDIuMDMwNDg0LDIuOTY5ODI0WiIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjwvc3ZnPg==");
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.foot .foot-nav-item .sub-nav-wrapper {
    display: none;
    width: 100%;
    z-index: 10;
    border-top: 0.5px solid rgba(191, 191, 193, 0.2);
}

.foot .foot-nav-item .sub-nav-list {
    width: 100%;
    padding: 0.14rem 0;
    overflow: hidden;
}

.foot .foot-nav-item .sub-nav-item {
    display: block;
    padding: 0.3rem 0.28rem;
    font-weight: 300;
    font-size: 0.28rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 0.38rem;
}

.foot .foot-con {
    margin-top: 0.6rem;
}

.foot .foot-con-info .phone-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.foot .foot-con-info .phone-wrapper .label {
    font-weight: 700;
    font-size: 0.36rem;
    color: #ffffff;
    line-height: 0.48rem;
}

.foot .foot-con-info .phone-wrapper .phone {
    font-weight: 700;
    font-size: 0.36rem;
    color: #ffffff;
    line-height: 0.48rem;
}

.foot .foot-con-info .copy-right {
    margin-top: 0.4rem;
    font-weight: 300;
    font-size: 0.24rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: 0.4rem;
    text-align: center;
}

.foot .foot-con-info .copy-right a {
    color: rgba(255, 255, 255, 0.5);
}

.foot .foot-con-info .copy-right a:hover {
    color: #334eff;
}

.foot .foot-con-info .copy-right .icp {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.foot .foot-con-info .copy-right .gab {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.foot .foot-con-info .copy-right .ga-icon {
    width: 14px;
    margin-right: 2px;
}

.foot .foot-con-info .protocol {
    margin-top: 0.28rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.foot .foot-con-info .protocol-item {
    margin-right: 0.2rem;
    font-weight: 300;
    font-size: 0.24rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: 0.36rem;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline;
}

.foot .foot-con-info .protocol-item:last-child {
    margin-right: 0;
}

.foot .foot-con-info .protocol-item:hover {
    color: #334eff;
}

.contactUs {
    position: fixed;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1200;
}

.contactUs:hover .con-wrapper {
    display: block;
}

.contactUs .fixed-btn {
    width: 40px;
    height: 124px;
    width: 40px;
    height: 124px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ffffff;
    box-shadow: 4px 4px 20px 0px rgba(40, 40, 45, 0.1);
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
    position: relative;
    z-index: 20;
    cursor: pointer;
}

.contactUs .fixed-btn .icon {
    width: 24px;
    -webkit-flex: 0 0 24px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48Zz48Zz48ZWxsaXBzZSBjeD0iMTIiIGN5PSIxMiIgcng9IjEyIiByeT0iMTIiIGZpbGw9IiMyMDNBRTYiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48Zz48cGF0aCBkPSJNMTguNTUyNyw5Ljg2NDAzTDE3Ljc3OSw5Ljg2NDAzQzE3LjQxODksNy4xMjAwNSwxNC45NzEyLDUsMTIuMDAzMzEsNUM5LjAzNTQyLDUsNi41ODc3NCw3LjEyMDA1LDYuMjI3NTksOS44NjQwM0w1LjQ1MzkzLDkuODY0MDNDNC42NTM2MDQsOS44NjQwMyw0LDEwLjQ4MTU4MDAwMDAwMDAwMSw0LDExLjI1MTkzTDQsMTMuNDQ4MzlDNCwxNC4yMTg3NCw0LjY1MzYwNCwxNC44MzYyOSw1LjQ1MzkzLDE0LjgzNjI5TDYuMzk0MzIwMDAwMDAwMDAwNCwxNC44MzYyOUM2LjkwMTE5OTk5OTk5OTk5OSwxNi40NTk4LDguMjc1MSwxNy43MzMxLDEwLjAwOTE1LDE4LjE1MzNDMTAuMjc1OTI5OTk5OTk5OTk5LDE4LjY1NjIsMTAuODI5NDksMTksMTEuNDYzMDkwMDAwMDAwMDAxLDE5TDEyLjU1Njg3LDE5QzEzLjE5MDQ3LDE5LDEzLjc0NDAzLDE4LjY1NjIsMTQuMDEwOCwxOC4xNTMzQzE0LjEyNDIsMTcuOTM2Nzk5OTk5OTk5OTk4LDE0LjE5MDksMTcuNjk0OSwxNC4xOTA5LDE3LjQ0MDJDMTQuMTkwOSwxNy4zMDAxLDE0LjE3MDksMTcuMTYwMSwxNC4xMzA5LDE3LjAyNjQwMDAwMDAwMDAwMkMxMy45NDQxMSwxNi4zNjQzLDEzLjMxMDUyLDE1Ljg3NCwxMi41NTAyLDE1Ljg3NEwxMS40NTY0MiwxNS44NzRDMTAuNzAyNzcwMDAwMDAwMDAxLDE1Ljg3NCwxMC4wNjkxOCwxNi4zNTc5LDkuODc1NzYsMTcuMDI2NDAwMDAwMDAwMDAyQzguMzYxNzk5OTk5OTk5OTk5LDE2LjQ4NTIsNy4yNjgwMiwxNS4wODQ2LDcuMjY4MDIsMTMuNDQ4MzlMNy4yNjgwMiwxMC41NTc5OEM3LjI2ODAyLDguMDY4NjcwMDAwMDAwMDAxLDkuMzg4OSw2LjA0NDExLDExLjk5NjY0LDYuMDQ0MTFDMTQuNjA0NCw2LjA0NDExLDE2LjcyNTMsOC4wNjg2NzAwMDAwMDAwMDEsMTYuNzI1MywxMC41NTc5OEwxNi43MjUzLDEzLjQ1NDc1QzE2LjcyNTMsMTQuMDQwNDcsMTcuMDk4NywxNC41MzcwNiwxNy42MzIzLDE0Ljc0MDc5QzE3Ljc5OSwxNC44MDQ0NiwxNy45ODU3OTk5OTk5OTk5OTgsMTQuODQyNjYsMTguMTc5MiwxNC44NDI2NkwxOC41NDYsMTQuODQyNjZDMTkuMzUzLDE0Ljg0MjY2LDE5Ljk5OTksMTQuMjE4NzQsMTkuOTk5OSwxMy40NTQ3NUwxOS45OTk5LDExLjI1ODNDMjAuMDA2NiwxMC40ODE1ODAwMDAwMDAwMDEsMTkuMzUzLDkuODY0MDMsMTguNTUyNyw5Ljg2NDAzWk0xMC45NDk1Mzk5OTk5OTk5OTksMTcuMjU1NkMxMS4wMjI5LDE3LjA1ODIsMTEuMjIyOTksMTYuOTI0NTAwMDAwMDAwMDAyLDExLjQ1NjQyLDE2LjkyNDUwMDAwMDAwMDAwMkwxMi41NTAyLDE2LjkyNDUwMDAwMDAwMDAwMkMxMi43ODM2MywxNi45MjQ1MDAwMDAwMDAwMDIsMTIuOTc3MDUsMTcuMDY0NiwxMy4wNTcwOCwxNy4yNTU2QzEzLjA4Mzc2LDE3LjMxMjksMTMuMDk3MSwxNy4zNzY1LDEzLjA5NzEsMTcuNDQwMkMxMy4wOTcxLDE3LjcyNjcsMTIuODUwMzMsMTcuOTYyMywxMi41NTAyLDE3Ljk2MjNMMTEuNDU2NDIsMTcuOTYyM0MxMS4xNTYyOSwxNy45NjIzLDEwLjkwOTUyLDE3LjcyNjcsMTAuOTA5NTIsMTcuNDQwMkMxMC45MDk1MiwxNy4zNzY1LDEwLjkyOTUzLDE3LjMxMjksMTAuOTQ5NTM5OTk5OTk5OTk5LDE3LjI1NTZaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjwvc3ZnPg==");
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.contactUs .fixed-btn .text {
    margin-top: 8px;
    font-weight: 300;
    font-size: 14px;
    color: #3d3d3d;
    line-height: 18px;
}

.contactUs .con-wrapper {
    display: none;
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

.contactUs .con-wrapper .con {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 220px;
    height: 296px;
    background-image: url("https://mbaupload.oss-cn-shanghai.aliyuncs.com/fanjia/20250219/dd6641b7-8e93-4624-b9ab-f044d827ea1a.png");
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 12px 12px 12px 12px;
}

.contactUs .con-wrapper .con .inner {
    margin-left: -8px;
    width: 160px;
    height: 236px;
}

.contactUs .con-wrapper .con .inner .avatar {
    display: block;
    width: 60px;
    height: 60px;
    margin: -10px auto 0;
}

.contactUs .con-wrapper .con .inner .contact-type-list {
    padding: 0 18px;
}

.contactUs .con-wrapper .con .inner .contact-type-item {
    padding: 16px 0;
    border-bottom: 1px solid rgba(40, 40, 45, 0.05);
}

.contactUs .con-wrapper .con .inner .contact-type-item:last-child {
    border-bottom: 0;
}

.contactUs .con-wrapper .con .inner .contact-type-item .label {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contactUs .con-wrapper .con .inner .contact-type-item .label .icon {
    -webkit-flex: 0 0 16px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    height: 16px;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.contactUs .con-wrapper .con .inner .contact-type-item .label .icon.phone {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48ZmlsdGVyIGlkPSJtYXN0ZXJfc3ZnMF8xMDVfNTMxOTIiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHJlc3VsdD0iaGFyZEFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+PGZlT2Zmc2V0IGR5PSIwIiBkeD0iMCIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+PGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3ciLz48ZmVHYXVzc2lhbkJsdXIgaW49IkJhY2tncm91bmRJbWFnZUZpeCIgc3RkRGV2aWF0aW9uPSIyLjUiLz48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImVmZmVjdDJfZm9yZWdyb3VuZEJsdXIiLz48ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDJfZm9yZWdyb3VuZEJsdXIiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48bGluZWFyR3JhZGllbnQgeDE9IjAuNSIgeTE9IjAiIHgyPSIwLjUiIHkyPSIxIiBpZD0ibWFzdGVyX3N2ZzFfOThfOTIwNCI+PHN0b3Agb2Zmc2V0PSIyOS4yODU3MTQwMzAyNjU4MDglIiBzdG9wLWNvbG9yPSIjMjAzQUU2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDNBRTYiIHN0b3Atb3BhY2l0eT0iMC4zMDAwMDAwMTE5MjA5Mjg5NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnPjxnIHN0eWxlPSJvcGFjaXR5OjA7Ij48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSIwIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PGc+PGc+PHBhdGggZD0iTTEyLjA4MDMxLDdMOS45MTk2OSw3QzkuMTk3MTUsNyw4LjUzMDc4LDcuMzg5NzI0LDguMTc2NTQsOC4wMTk0OEw3LjA1MTU0NCwxMC4wMTk0OEM2LjcwOTA3OSwxMC42MjgzLDYuNzA5MDc5LDExLjM3MTcsNy4wNTE1NDQsMTEuOTgwNTJMOC4xNzY1NCwxMy45ODA1MkM4LjUzMDc4LDE0LjYxMDI4LDkuMTk3MTUsMTUsOS45MTk2OSwxNUwxMi4wODAzMSwxNUMxMi44MDI4NSwxNSwxMy40NjkyMiwxNC42MTAyOCwxMy44MjM0NiwxMy45ODA1MkwxNC45NDg0NiwxMS45ODA1MkMxNS4yOTA5MiwxMS4zNzE3LDE1LjI5MDkyLDEwLjYyODMsMTQuOTQ4NDYsMTAuMDE5NDhMMTMuODIzNDYsOC4wMTk0OEMxMy40NjkyMiw3LjM4OTcyNCwxMi44MDI4NSw3LDEyLjA4MDMxLDciIGZpbGw9IiMyNUE3RUYiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48ZyBmaWx0ZXI9InVybCgjbWFzdGVyX3N2ZzBfMTA1XzUzMTkyKSI+PGVsbGlwc2UgY3g9IjcuNSIgY3k9IjcuNSIgcng9IjYuNSIgcnk9IjYuNSIgZmlsbD0idXJsKCNtYXN0ZXJfc3ZnMV85OF85MjA0KSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjxnPjxwYXRoIGQ9Ik0xMC42NjY2NywxMC4wODU4NjM0OTIyNzkwNTNMOS4xMDQ3Miw4LjUyMzkyMzQ5MjI3OTA1M0w4LjUzODAzOTk5OTk5OTk5OSw5LjA5MDYwMzQ5MjI3OTA1M0M4LjAxMTgzLDkuNjE2ODAzNDkyMjc5MDU0LDcuMDkyNzYsOS4xMjg3MDM0OTIyNzkwNTMsNi40ODMyMiw4LjUxOTE1MzQ5MjI3OTA1MkM1Ljg3MzY4LDcuOTA5NjIzNDkyMjc5MDUzLDUuMzg3OTUsNi45ODgxNjM0OTIyNzkwNTMsNS45MTE3OCw2LjQ2MTk2MzQ5MjI3OTA1Mkw2LjQ3ODQ2LDUuODk1MjgzNDkyMjc5MDUyTDQuOTE0MTMzLDQuMzMzMzMzNDkyMjc5MDUzTDQuMzk3NDUzLDQuODUwMDEzNDkyMjc5MDUzQzQuMTExNzMxLDUuMTM1NzM1NDkyMjc5MDUzLDMuMjIzNjEyLDYuOTY0MzUzNDkyMjc5MDUyLDUuNjMwODIsOS4zNjkxODM0OTIyNzkwNTNDOC4wMzgwMywxMS43NzYzOTM0OTIyNzkwNTIsOS44NjQyNzAwMDAwMDAwMDEsMTAuODg4MjczNDkyMjc5MDUzLDEwLjE0OTk4OTk5OTk5OTk5OSwxMC42MDI1NDM0OTIyNzkwNTRMMTAuNjY2NjcsMTAuMDg1ODYzNDkyMjc5MDUzWiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L2c+PC9zdmc+");
}

.contactUs .con-wrapper .con .inner .contact-type-item .label .icon.email {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48ZmlsdGVyIGlkPSJtYXN0ZXJfc3ZnMF8xMDVfNTQwODgiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHJlc3VsdD0iaGFyZEFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+PGZlT2Zmc2V0IGR5PSIwIiBkeD0iMCIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+PGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3ciLz48ZmVHYXVzc2lhbkJsdXIgaW49IkJhY2tncm91bmRJbWFnZUZpeCIgc3RkRGV2aWF0aW9uPSIyLjUiLz48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImVmZmVjdDJfZm9yZWdyb3VuZEJsdXIiLz48ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDJfZm9yZWdyb3VuZEJsdXIiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48bGluZWFyR3JhZGllbnQgeDE9IjAuNSIgeTE9IjAiIHgyPSIwLjUiIHkyPSIxIiBpZD0ibWFzdGVyX3N2ZzFfOThfOTIwNCI+PHN0b3Agb2Zmc2V0PSIyOS4yODU3MTQwMzAyNjU4MDglIiBzdG9wLWNvbG9yPSIjMjAzQUU2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDNBRTYiIHN0b3Atb3BhY2l0eT0iMC4zMDAwMDAwMTE5MjA5Mjg5NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnPjxnIHN0eWxlPSJvcGFjaXR5OjA7Ij48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSIwIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PGc+PGc+PHBhdGggZD0iTTguNjY2NjY2OTg0NTU4MTA1LDEzLjg2MjQxNTUyODg2OTYzQzguNjY2NjY2OTg0NTU4MTA1LDE0LjY0Nzg1NTUyODg2OTYyOSw5LjUzMDYxNzk4NDU1ODEwNiwxNS4xMjY2OTU1Mjg4Njk2MjksMTAuMTk2NjY2OTg0NTU4MTA1LDE0LjcxMDQxNTUyODg2OTYyOEwxNS4zMDk4NjY5ODQ1NTgxMDYsMTEuNTE0NjY1NTI4ODY5NjI4QzE1LjkzNjUzNjk4NDU1ODEwNiwxMS4xMjI5OTU1Mjg4Njk2MjksMTUuOTM2NTM2OTg0NTU4MTA2LDEwLjIxMDMzNTUyODg2OTYyOCwxNS4zMDk4NjY5ODQ1NTgxMDYsOS44MTg2NjU1Mjg4Njk2MjhMMTAuMTk2NjY2OTg0NTU4MTA1LDYuNjIyOTE2NTI4ODY5NjI5QzkuNTMwNjE3OTg0NTU4MTA2LDYuMjA2NjM2NTI4ODY5NjI5LDguNjY2NjY2OTg0NTU4MTA1LDYuNjg1NDc4NTI4ODY5NjI5LDguNjY2NjY2OTg0NTU4MTA1LDcuNDcwOTE1NTI4ODY5NjI5TDguNjY2NjY2OTg0NTU4MTA1LDEzLjg2MjQxNTUyODg2OTYzWiIgZmlsbD0iIzI1QTdFRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48ZyBmaWx0ZXI9InVybCgjbWFzdGVyX3N2ZzBfMTA1XzU0MDg4KSI+PHJlY3QgeD0iMSIgeT0iMiIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEwIiByeD0iMSIgZmlsbD0idXJsKCNtYXN0ZXJfc3ZnMV85OF85MjA0KSIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjxnPjxwYXRoIGQ9Ik03LjUsOC42NTg1NEwxMS4zMjUzODk5OTk5OTk5OTksNS4zNzk2MjhMMTAuNjc0Niw0LjYyMDM3Mkw3LjUsNy4zNDE0Nkw0LjMyNTM5Niw0LjYyMDM3MkwzLjY3NDYwNCw1LjM3OTYyOEw3LjUsOC42NTg1NFoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=");
}

.contactUs .con-wrapper .con .inner .contact-type-item .label .text {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 6px;
    font-weight: 300;
    font-size: 14px;
    color: rgba(40, 40, 45, 0.7);
    line-height: 18px;
}

.contactUs .con-wrapper .con .inner .contact-type-item .value {
    margin-top: 4px;
    font-weight: 700;
    font-size: 16px;
    color: #28282d;
    line-height: 21px;
    white-space: nowrap;
}

.contactUs .con-wrapper .con .inner .btn-wrapper {
    padding: 12px;
}

.contactUs .con-wrapper .con .inner .btn {
    width: 136px;
    height: 30px;
    background: #203ae6;
    border-radius: 4px 4px 4px 4px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    line-height: 18px;
    cursor: pointer;
}

.subpage-banner {
    width: 100%;
    height: 8rem;
    position: relative;
    overflow: hidden;
}
.subpage-banner.video-banner {
    height: 13.26rem;
}
.subpage-banner.video-banner .container {
    top: 1.22rem;
}
.subpage-banner.video-banner .content .title {
    color: #fff;
    font-size: 0.6rem;
    line-height: 0.8rem;
}
.subpage-banner.video-banner .content .desc {
    color: #fff;
    font-size: 0.28rem;
    line-height: 0.38rem;
}
.subpage-banner.video-banner .video-wrapper {
    position: absolute;
    left: 0.32rem;
    right: 0.32rem;
    bottom: 1.22rem;
    height: 3.86rem;
    border-radius: 0.24rem;
    overflow: hidden;
}
.subpage-banner.video-banner .video-wrapper video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.subpage-banner.video-banner .video-wrapper .mark {
    position: absolute;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(50, 50, 65, 0.1) 0%, rgba(50, 50, 65, 0.7) 100%);
    background: -moz-linear-gradient(top, rgba(50, 50, 65, 0.1) 0%, rgba(50, 50, 65, 0.7) 100%);
    background: -o-linear-gradient(top, rgba(50, 50, 65, 0.1) 0%, rgba(50, 50, 65, 0.7) 100%);
    background: linear-gradient(180deg, rgba(50, 50, 65, 0.1) 0%, rgba(50, 50, 65, 0.7) 100%);
    z-index: 2;
}
.subpage-banner.video-banner .video-wrapper .intro {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5.04rem;
    height: 0.78rem;
    margin-left: -0.2rem;
    padding: 0 0.34rem 0 0.54rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3;
    background-color: rgb(0, 196, 145);
    border-top-right-radius: 0.24rem;
    overflow: hidden;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    transform: skewX(10deg);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.subpage-banner.video-banner .video-wrapper .intro .intro-title {
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg);
    font-weight: 500;
    font-size: 0.28rem;
    line-height: 0.38rem;
    color: #FFFFFF;
}

.subpage-banner .pic {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.subpage-banner .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 1.4rem;
    z-index: 20;
}

.subpage-banner .content .title {
    font-weight: 700;
    font-size: 0.64rem;
    color: #28282D;
    line-height: 0.84rem;
    white-space: pre-wrap;
    text-align: center;
}

.subpage-banner .content .desc {
    margin-top: 0.2rem;
    font-size: 0.32rem;
    color: #69696D;
    line-height: 0.48rem;
    text-align: center;
}

.subpage-banner .content .desc p {
    white-space: pre-wrap;
}