@charset "utf-8";

#sd-preloader {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -webkit- flex;
    display: -ms- flex;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    background: #ffffff;
    position: fixed;
    z-index: 999999;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sd-loader-logo {
    position: absolute;
}

.sd-loader-logo img {
    width: 40px;
}

#sd-circle-loader {
    width: 100px;
    height: 100px;
    border-style: solid;
    border-width: 5px;
    border-top-color: #1054ee;
    border-right-color: #1054ee;
    border-bottom-color: #d5eaff;
    border-left-color: #d5eaff;
    border-radius: 50%;
    -webkit-animation: spinLoader 2s linear infinite;
    animation: spinLoader 2s linear infinite;
}

@-webkit-keyframes spinLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

html,
body {
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    min-width: 1200px;
    overflow-x: hidden;
    background-color: #fff;
    color: #333;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #1054ee;
    text-decoration: none;
}

a:hover img {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", STHeiti, SimSun, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
}

b,
strong {
    font-weight: bold;
}

em,
i {
    font-style: normal;
}

input {
    vertical-align: middle;
}

img {
    vertical-align: middle;
    border: none;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

code,
kbd,
samp {
    font-family: courier new, courier, monospace;
}

small {
    font-size: 12px;
}

ul,
ol,
li {
    list-style: none;
    padding:0;
    margin:0
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: none;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
address {
    display: block;
}

.size-12 {
    font-size: 12px !important;
}

.size-13 {
    font-size: 13px !important;
}

.size-14 {
    font-size: 14px !important;
}

.size-15 {
    font-size: 15px !important;
}

.size-16 {
    font-size: 16px !important;
}

.size-18 {
    font-size: 18px !important;
}

.size-20 {
    font-size: 20px !important;
}

.size-22 {
    font-size: 22px !important;
}

.size-24 {
    font-size: 24px !important;
}

.size-26 {
    font-size: 26px !important;
}

.size-28 {
    font-size: 28px !important;
}

.size-30 {
    font-size: 30px !important;
}

.size-32 {
    font-size: 32px !important;
}

.size-34 {
    font-size: 34px !important;
}

.size-35 {
    font-size: 36px !important;
}

.size-36 {
    font-size: 36px !important;
}

.size-38 {
    font-size: 38px !important;
}

.size-40 {
    font-size: 40px !important;
}

.size-42 {
    font-size: 42px !important;
}

.size-48 {
    font-size: 48px !important;
}

.size-50 {
    font-size: 50px !important;
}

.size-52 {
    font-size: 52px !important;
}

.size-56 {
    font-size: 56px !important;
}

.clearfix {
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-italic {
    font-style: italic !important;
}

.text-d-none {
    text-decoration: none;
}

.fb200 {
    font-weight: 200 !important;
}

.fb400 {
    font-weight: 400 !important;
}

.fb500 {
    font-weight: 500 !important;
}

.fb600 {
    font-weight: 600 !important;
}

.fb700 {
    font-weight: 700 !important;
}

.text-primary {
    color: #1054ee !important;
}

.bg-primary {
    background-color: #1054ee !important;
}

.text-white {
    color: #fff !important;
}

.bg-white {
    background-color: #fff !important;
}

.text-red {
    color: #f5222d
}

.bg-red {
    background-color: #f5222d !important;
}

.text-green {
    color: #00c250
}

.bg-green {
    background-color: #00c250 !important;
}

.text-secondary {
    color: rgba(0, 0, 0, .45);
}

.text-white-secondary {
    color: rgba(255, 255, 255, .75);
}

.bg-info {
    background-color: #f3f3f9;
}

.bg-info-1 {
    background-color: #f1f1f1;
}

.bg-info-2 {
    background-color: #f2f2f2;
}

.bg-info-3 {
    background-color: #f3f3f3;
}

.bg-info-4 {
    background-color: #f4f4f4;
}

.bg-info-5 {
    background-color: #f5f5f5;
}

.pngBg-1 {
    background-image: url("../img/bg/pngBg-1.png") !important;
}

.pngBg-3 {
    background-image: url("../img/bg/pngBg-3.png") !important;
}

.pngBg-4 {
    background-image: url("../img/bg/pngBg-4.png") !important;
}

.pngBg-pattern {
    background-image: url("../img/bg/pngBg-pattern.png") !important;
}

.jpgBg-3 {
    background-image: url("../img/bg/jpgBg-3.jpg") !important;
}

.jpgBg-4 {
    background-image: url("../img/bg/jpgBg-4.jpg") !important;
}

.white-stripe {
    background-image: url("../img/bg/white-stripe.jpg") !important;
}

.svgBg-1 {
    background-image: url("../img/bg/svgBg-1.svg") !important;
}

.lg-bg {
    background-image: linear-gradient(-180deg, #fff 0, #f4f9ff 100%) !important;
}

.lg-bg2 {
    background: linear-gradient(180deg, #1054ee 0%, #1054ee 100%) !important;
}

.lg-bg3 {
    background-image: linear-gradient(180deg, #F0F3FA 0%, #F8F9FC 100%);
}

.lg-rec {
    background-image: linear-gradient(270deg, rgba(255, 105, 102, 0.12) 0, rgba(243, 62, 62, 0.12) 100%);
    color: #f33e3e;
    text-decoration: none;
}

.bs-bg {
    -webkit-box-shadow: 0 2px 20px 0 rgba(15, 41, 131, 0.1);
    -moz-box-shadow: 0 2px 20px 0 rgba(15, 41, 131, 0.1);
    box-shadow: 0 2px 20px 0 rgba(15, 41, 131, 0.1);
}

.shadow {
    box-shadow: 0 0 20px 0 rgb(15 41 131 / 10%);
}

.shadow-mini {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.shadow-medium {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.d-none {
    display: none;
}

.hidden {
    overflow: hidden !important;
}

.visible {
    overflow: visible !important;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-center {
    justify-content: center !important;
}

.flex-1 {
    -webkit-flex: 1;
    flex: 1;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.t2s {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.tra3 {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.tra5 {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.tra8 {
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.tra10 {
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

.tr-e-out-3 {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tr-cubic-bezier-3 {
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.w100 {
    width: 100% !important;
}

.idx-baike {
    padding-top: 60px;
    padding-bottom: 90px;
}

.idx-baike .title-wrap {
    margin-bottom: 30px !important
}

.idx-baike .high-quality-bg {
    height: 400px;
    background-image: linear-gradient(-180deg, #F0F3FA 0, #fff 100%) !important;
    position: relative;
}

.idx-baike .wrap {
    position: relative;
}

.idx-baike.js-tab-hover .tab-nav {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.idx-baike.js-tab-hover .tab-nav span {
    display: inline-block;
    cursor: pointer;
    position: relative;
   
}
.idx-baike.js-tab-hover .tab-nav span a{
    padding: 0 24px;
}
.idx-baike.js-tab-hover .tab-nav span.cur {
    color: #fff;
    border-radius: 20px;
    background-color: #1054ee;
}
.idx-baike.js-tab-hover .tab-nav span.cur a{
    color: #fff;
}
.idx-baike .baike-list-x4 {
    height: 430px;
}

.idx-baike .baike-list-x4.d-flex {
    display: none !important;
}

.idx-baike .baike-list-x4.d-flex.active {
    display: flex !important;
}

.idx-baike .baike-list-x4 .item {
    width: 380px;
    padding-left: 64px;
}

.idx-baike .baike-list-x4 .item .title {
    margin-bottom: 8px;
    line-height: 26px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.idx-baike .baike-list-x4 .item .nums {
    height: 30px;
    line-height: 30px;
    top: 25px;
    left: 0;
    font-size: 36px;
    color: rgb(10, 119, 255);
}

.idx-baike .baike-list-x4 .item .time {
    color: rgb(0 0 0 / 30%)
}

.idx-baike .card-body .zt-words dl {
    margin-bottom: 10px;
}

.idx-baike .card-body .zt-words dt {
    height: 38px;
    line-height: 38px;
    font-size: 15px;
}

.idx-baike .card-body .zt-words dt .iconfont {
    margin-left: -2px
}

.idx-baike .card-body .zt-words dd a {
    width: 50%;
    display: inline-block;
    line-height: 30px;
    color: #777
}

.idx-baike .card-body .zt-words dd a:hover {
    color: #1054ee
}

.idx-baike .show-baike-list {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.doted-wrap svg {
    overflow: hidden;
    vertical-align: middle;
}

.doted-wrap .dashed1 {
    stroke-dasharray: 872;
}

.b-bottom-1 {
    border-bottom: 1px solid #e1e4e8;
}

.radius-2 {
    border-radius: 2px;
}

.radius-4 {
    border-radius: 4px;
}

.radius-8 {
    border-radius: 8px;
}

.radius-10 {
    border-radius: 10px;
}

.btn-link {
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    color: #000;
    border: solid 1px #f2f2f2;
    background-color: #f2f2f2;
    text-decoration: none;
}

.btn-link:hover {
    border-color: #f1f1f1;
    background-color: #f1f1f1;
}

.btn-link.btn-mini {
    height: 32px;
    line-height: 32px;
    padding: 0 13px;
}

.btn-link.btn-small {
    height: 36px;
    line-height: 34px;
    padding: 0 16px;
    font-size: 14px;
}

.btn-link.btn-medium {
    height: 42px;
    line-height: 42px;
    padding: 0 22px;
    font-size: 15px
}

.btn-link.is-dashed {
    border: dashed 1px #d9d9d9;
    background-color: #fff;
}

.btn-link.is-dashed:hover {
    border-color: #1054ee;
}

.btn-link.is-round {
    border-radius: 20px;
}

.btn-link.btn-mini.is-round {
    padding: 0 15px !important
}

.btn-link.btn-primary {
    color: #fff;
    border: solid 1px #1054ee;
    background-color: #1054ee;
}

.btn-link.btn-primary:hover {
    border-color: #2184ff;
    background-color: #2184ff;
}

.btn-link.btn-primary.is-dashed {
    color: #1054ee;
    border: dashed 1px #1054ee;
    background-color: #fff;
}

.btn-link.btn-primary.is-dashed:hover {
    background-color: #1054ee !important;
    color: #fff !important;
}

.btn-link.btn-primary.is-solid {
    color: #1054ee;
    border: solid 1px #1054ee;
    background-color: #fff;
}

.btn-link.btn-black {
    color: #1054ee;
    border: solid 1px #fff;
    background-color: #fff;
}

.btn-link.btn-black.is-solid {
    color: #fff;
    border: solid 1px #fff;
    background-color: #1054ee;
}

.btn-link.btn-black.is-solid:hover {
    color: #1054ee;
    background-color: #fff;
}

.btn-link.btn-white {
    color: #000;
    border: solid 1px #fff;
    background-color: #fff;
}

.btn-link.btn-white.is-solid {
    color: #fff;
    border: solid 1px #fff;
    background-color: transparent;
}

.btn-link.btn-red {
    color: #fff;
    border: solid 1px #ff4d4f;
    background-color: #ff4d4f;
}

.btn-link.btn-red:hover {
    border-color: #ef5254;
    background-color: #ef5254;
}

.btn-link.btn-red.is-dashed {
    color: #ff4d4f;
    border: dashed 1px #ff4d4f;
    background-color: #fff;
}

.btn-group {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-variant: tabular-nums;
}

.btn-group.is-round .btn-link:nth-of-type(odd) {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group.is-round .btn-link:nth-of-type(even) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.mt5 {
    margin-top: 5px;
}

.mt8 {
    margin-top: 8px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mt80 {
    margin-top: 80px;
}

.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px;
}

.mr13 {
    margin-right: 13px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr50 {
    margin-right: 50px;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb3 {
    margin-bottom: 3px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb8 {
    margin-bottom: 8px;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb64 {
    margin-bottom: 64px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pt60 {
    padding-top: 60px;
}

.pt70 {
    padding-top: 70px;
}

.pt80 {
    padding-top: 80px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb40 {
    padding-bottom: 40px;
}

.plr0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.pl25 {
    padding-left: 25px;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.pf {
    position: fixed;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
}

.cur-pointer {
    cursor: pointer;
}

.cur-default {
    cursor: default;
}

.h14 {
    height: 14px;
}

.hl14 {
    line-height: 14px;
}

.h16 {
    height: 16px;
}

.hl16 {
    line-height: 16px;
}

.h18 {
    height: 18px;
}

.hl18 {
    line-height: 18px;
}

.h20 {
    height: 20px;
}

.hl20 {
    line-height: 20px;
}

.h24 {
    height: 24px;
}

.hl24 {
    line-height: 24px;
}

.h26 {
    line-height: 26px;
}

.hl26 {
    line-height: 26px;
}

.h28 {
    height: 28px;
}

.hl28 {
    line-height: 28px;
}

.h30 {
    height: 30px;
}

.hl30 {
    line-height: 30px;
}

.h32 {
    height: 32px;
}

.hl32 {
    line-height: 32px;
}

.h34 {
    height: 34px;
}

.hl34 {
    line-height: 34px;
}

.h36 {
    height: 36px;
}

.hl36 {
    line-height: 36px;
}

.h40 {
    height: 40px;
}

.hl40 {
    line-height: 40px;
}

.h42 {
    height: 42px;
}

.hl42 {
    line-height: 42px;
}

.h44 {
    height: 44px;
}

.hl44 {
    line-height: 44px;
}

.h64 {
    height: 64px;
}

.hl64 {
    line-height: 64px;
}

.h80 {
    height: 80px;
}

.w180 {
    width: 180px;
}

.w260 {
    width: 260px;
}

.w290 {
    width: 290px;
}

.w300 {
    width: 300px;
}

.w330 {
    width: 330px;
}

.w720 {
    width: 720px;
}

.w775 {
    width: 775px;
}

.w850 {
    width: 850px;
}

.w890 {
    width: 890px;
}

.w980 {
    width: 980px;
}

.w1000 {
    width: 1000px;
}

.w1100 {
    width: 1100px;
}

.icons {
    background: url("../img/icon.png") 0 0 no-repeat;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.icons.hot {
    width: 14px;
    height: 14px;
    background-position: 0 0;
}

.sd-tag {
    padding: 4px 6px;
    font-size: 13px;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1;
}

.sd-tag.tag-mini {
    font-size: 12px;
    padding: 0px 5px;
}

.sd-tag.tag-small {
    font-size: 14px;
    padding: 2px 4px;
}

.sd-tag.bg.tag-small {
    padding: 2px 4px !important;
}

.sd-tag.bg {
    color: #1054ee;
    border-color: #e8f2ff !important;
    background-color: #e8f2ff;
    border-radius: 2px;
}

.sd-tag.text-primary {
    color: #1054ee !important;
    border-color: #1054ee !important;
}

.sd-tag.bg:hover {
    color: #fff;
    border-color: #1054ee !important;
    background-color: #1054ee;
}

.sd-tag.bg-primary {
    color: #fff !important;
    border-color: #1054ee !important;
    background-color: #1054ee;
}

.sd-tag.text-red {
    color: #f5222d !important;
    border-color: #f5222d !important;
}

.sd-tag.bg-red {
    color: #fff !important;
    border-color: #f5222d !important;
    background-color: #f5222d;
}

.sd-tag.text-green {
    color: #00c250 !important;
    border-color: #00c250 !important;
}

.sd-tag.bg-green {
    color: #fff !important;
    border-color: #00c250 !important;
    background-color: #00c250;
}

.sales::after {
    content: "\7279\60E0";
}

.hotSale::after {
    content: "\70ED\9500";
}

.main {
    position: relative;
    z-index: 4;
}

.wrap {
    min-width: 1000px;
    width: 1200px;
    margin: 0 auto;
}

.header-wrap {
    height: 80px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(57, 47, 63, .06);
    transition: all 0.3s ease-out 0s;
}

.header-wrap .wrap {
    display: flex;
}

.header-wrap.sticky {
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

.header-wrap.fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

.header-wrap .logo {
    position: relative;
    margin-right: 30px;
}

.header-wrap .logo .logo-h {
    width: 168px;
    height: 38px;
    display: block;
}

.header-wrap .logo .title {
    position: absolute;
    top: -1000px;
}

.header-wrap .logo i {
    width: inherit;
    height: inherit;
    display: block;
    background-position: 0 1px;
    position: absolute;
    top: 0;
}

.header-wrap .logo .icon-1 {
    opacity: 0;
}

.header-wrap .logo .icon-2 {
    background-position: 0 -33px;
    opacity: 1;
}

.header-wrap .logo .signing {
    display: block;
    height: 26px;
    width: 120px;
    background: url("../img/sp.8d2263e8.png") 0 0 no-repeat;
}

.header-wrap .header-nav {
    flex: 0 0 auto;
    padding: 10px 0;
    transition: all 0.3s ease-out 0s;
}

.header-wrap.in {
    background-color: #fff !important;
}

.header-wrap .header-nav-list {
    display: block;
    display: flex;
    flex: 1;
}

.header-wrap .header-nav-list>li {
    height: inherit;
    line-height: inherit;
    display: block;
    font-size: 15px;
    position: relative;
}

.header-wrap .header-nav-list>li>a {
    height: 60px;
    line-height: 60px;
    display: block;
    padding: 0 14px 0 18px;
    cursor: pointer;
    position: relative;
    font-weight: 500;
    font-size: 16px
}

.header-wrap .header-nav-list>li.product-service>a {
    padding-right: 23px;
}

.header-wrap .nav-right {
    min-width: 280px;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: inline-flex;
}

.header-wrap .nav-right .contact .icon-dianhua {
    font-size: 18px;
    margin-right: 3px;
}

.header-wrap .nav-right .contact .phone {
    font-family: Helvetica;
}

.header-wrap .nav-right .contact .time {
    padding-left: 38px;
}

.header-wrap .nav-right .qrCode {
    position: relative;
}

.header-wrap .nav-right .qrCode .icon-messagefill {
    vertical-align: middle;
}

.header-wrap .nav-right .qrCode .qd-body {
    width: 232px;
    height: 282px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 100%;
    border: 1px solid rgba(0, 11, 23, 0.04);
    transform: translateY(46px);
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 10px 12px rgb(0 0 0 / 13%);
    transition: all 0.2s ease 0s;
}

.header-wrap .nav-right .qrCode .qd-body .qrImg {
    width: 148px;
    height: 148px;
    border: 1px solid #e6ebed;
}

.header-wrap .nav-right .qrCode:hover .qd-body {
    transform: translateY(16px);
    opacity: 1;
    visibility: visible;
}

.header-wrap .nav-right .qrCode .btn-link {
    cursor: default;
}

.header-wrap .header-nav-list>li>a>.icon-unfold {
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 102px;
}

.header-wrap .header-nav-list>li:hover .icon-unfold {
    transform: rotateX(180deg);
}

.header-wrap .header-nav-list>li:hover>a,
.header-wrap .header-nav-list>.cur-nav>a {
    color: #1054ee;
}

.header-wrap .s-m-nav {
    width: 1200px;
    padding-top: 10px;
    position: absolute;
    top: 43px;
    left: -263px;
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    transform: translateY(43px);
    transition: all 0.2s ease 0s;
}

.header-wrap .sub-nav {
    border-radius: 10px;
    overflow: hidden;
    color: #333;
    display: flex;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2);
}

.header-wrap .header-nav-list>li:hover .s-m-nav {
    opacity: 1;
    visibility: visible;
    transition: all 0 ease 0s;
    transform: translateY(0);
}

.header-wrap .sub-nav .icon,
.idx-product-wrap dl>dt .icon,
.product-wrap .icon {
    background-image: url("../img/app-icon/header-nav-icon.png");
}

.header-wrap .sub-nav>dl {
    width: 228px;
    margin-right: 25px;
    line-height: 26px
}

.header-wrap .sub-nav>dl:nth-child(2) {
    width: 340px;
}

.header-wrap .sub-nav>dl.tpl {
    width: 294px;
}

.header-wrap .sub-nav>dl>dt {
    padding: 23px 0 15px 0;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}

.header-wrap .sub-nav>dl>dd {
    width: inherit;
    padding: 10px 0 15px 0;
}

.header-wrap .sub-nav>dl>dd>a {
    padding: 8px 0;
    width: inherit;
}

.header-wrap .sub-nav>dl>dd .txt {
    flex: 1;
}

.header-wrap .sub-nav>dl>dd .title {
    font-size: 15px;
    position: relative;
    padding-top: 0;
    margin-bottom: 0;
}

.header-wrap .sub-nav>dl>dd .sales {
    height: 18px;
    line-height: 16px;
    border: 1px solid #f64041 !important;
    color: #fff !important;
    background: #f64041;
    padding: 0px 2px;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: 90px;
    top: 6px;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.header-wrap .sub-nav .icon,
.product-wrap .icon {
    height: 42px;
    width: 42px;
    border-radius: 8px;
    margin-right: 12px;
    background-size: 42px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.header-wrap .sub-nav .brand-icon,
.product-wrap .icon.brand-icon {
    background-position: 0 0;
}

.header-wrap .sub-nav .highEnd-icon,
.product-wrap .icon.highEnd-icon {
    background-position: 0 -42px;
}

.header-wrap .sub-nav .foreignTrade-icon,
.product-wrap .icon.foreignTrade-icon {
    background-position: 0 -84px;
}

.header-wrap .sub-nav .weChatApp-icon {
    background-position: 0 -126px;
}

.header-wrap .sub-nav .bytedanceApp-icon {
    background-position: 0 -168px;
}

.header-wrap .sub-nav .baiduApp-icon {
    background-position: 0 -210px;
}

.header-wrap .sub-nav .plcDev-icon {
    background-position: 0 -252px;
}

.header-wrap .sub-nav .server-icon {
    background-position: 0 -294px;
}

.header-wrap .sub-nav .hosting-icon {
    background-position: 0 -336px;
}

.header-wrap .sub-nav .workPhone-icon {
    background-position: 0 -378px;
}

.header-wrap .sub-nav .wxCopy-icon {
    background-position: 0 -420px;
}

.header-wrap .sub-nav .valueAdded-services {
    width: 260px;
    padding: 20px 20px 20px 0;
}

.header-wrap .sub-nav .valueAdded-services>dd>p {
    width: 260px;
}

.header-wrap.nav-in {
    background: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    height: 60px;
}

.header-wrap.nav-in .header-nav-list {
    height: 60px;
}

.header-wrap.nav-in .header-nav {
    padding: 0
}

.header-wrap.cur {
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    background: hsla(0, 0%, 100%, 1);
}

.footer-content {
    height: 90px;
    bottom: 0;
    z-index: 10;
    width: 100%;
}

#home-page .main {
    margin-top: 600px;
}

.title-wrap {
    text-align: center;
    font-size: 16px;
    text-align: center;
    color: #606060;
    margin-bottom: 40px;
}

.title-wrap>h2,
.title-wrap>h3 {
    font-size: 32px;
    color: #000;
    margin-bottom: 18px;
}

.idx-banner {
    width: 100%;
    height: 600px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 3;
}

.idx-banner .bd {
    height: inherit;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-size: cover;
}

.idx-banner .bd li {
    background-size: cover;
    background-position: center center;
    opacity: 1;
}

.idx-banner .bd ul {
    height: inherit;
    width: 100% !important;
}

.idx-banner .bd li {
    width: 100% !important;
    height: 600px;
    overflow: hidden;
    z-index: 1;
}

.idx-banner .bd li .wrap {
    height: 600px;
    z-index: 1;
    position: relative;
}

.idx-banner .bd li .wrap .text {
    width: 550px;
    padding-top: 170px;
}

.idx-banner .bd li .wrap .text .line-1::after,
.idx-banner .bd li .wrap .text .line-1::before,
.idx-banner .bd li .wrap .text .line-2::after,
.idx-banner .bd li .wrap .text .line-2::before,
.idx-banner .bd li .wrap .text .line-3::after,
.idx-banner .bd li .wrap .text .line-3::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #fff;
    display: block;
}

.idx-banner .bd li .wrap .text h2 {
    padding: 10px 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
    position: relative;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-delay: 0.5s;
}

.idx-banner .bd li .wrap .text .line-1::before {
    left: -3px;
    top: -3px
}

.idx-banner .bd li .wrap .text .line-1::after {
    left: -3px;
    bottom: -3px
}

.idx-banner .bd li .wrap .text .line-2::before {
    top: -3px;
    left: 50%;
    transform: translate(-50%, 0);
}

.idx-banner .bd li .wrap .text .line-2::after {
    bottom: -3px;
    left: 50%;
    transform: translate(-50%, 0);
}

.idx-banner .bd li .wrap .text .line-3::before {
    right: -3px;
    top: -3px
}

.idx-banner .bd li .wrap .text .line-3::after {
    right: -3px;
    bottom: -3px
}

.idx-banner .bd li .wrap .text p,
.idx-banner .bd li .wrap .text p .btn-link {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.idx-banner .bd li .wrap .text p:nth-child(1) {
    animation-delay: 0.6s;
}

.idx-banner .bd li .wrap .text p .btn-link:nth-child(1) {
    animation-delay: 0.7s;
}

.idx-banner .bd li .wrap .text p .btn-link:nth-child(2) {
    animation-delay: 0.8s;
}

.idx-banner .bd li .wrap .pic {
    width: 611px;
    position: absolute;
    top: 150px;
    right: 0;
    animation-name: fadeInUp;
    transition: all 0.2s ease 0s;
}

.idx-banner .bd li.pinpai .btn-link.btn-black.is-solid {
    background-color: transparent !important
}

.idx-banner .bd li.pinpai .btn-link.btn-black.is-solid:hover {
    background-color: #fff !important;
}

.idx-banner .bd li.pinpai .btn-link.btn-black.is-solid {
    background-color: transparent !important
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.idx-banner .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 65px;
    left: 0;
    height: 30px;
    line-height: 30px;
    z-index: 1;
}

.idx-banner .hd ul {
    text-align: center;
}

.idx-banner .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    transition: width 0.3s ease-in-out, margin 0.3s ease-in-out;
    line-height: 999px;
}

.idx-banner .hd ul .on {
    width: 32px;
}

.idx-banner .prev,
.idx-banner .next {
    font-size: 76px;
    font-weight: 200;
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -60px;
    left: 50px;
    padding: 12px 6px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.6);
    user-select: none;
    opacity: 0;
    transition: all 0.2s ease 0s;
}

.idx-banner .iconfont:hover {
    color: #fff;
}

.idx-banner .next {
    left: auto;
    right: 50px;
}

.idx-banner:hover .iconfont {
    opacity: 1;
}

.idx-today-focus {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0;
    padding-bottom: 84px;
}

.idx-nums-wrap {
    height: 72px;
}

.idx-nums-wrap .nums-box {
    position: absolute;
    width: 1200px;
    height: 120px;
    margin: 0 auto;
    top: -60px;
    right: 0;
    left: 0;
    padding: 24px 0;
    z-index: 10;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(15, 41, 131, 0.1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.idx-nums-wrap .nums-box .item {
    position: relative;
    float: left;
    display: inline;
    width: 25%;
    border: none;
    padding: 0 20px;
    border-right: 1px solid #f3f3f3;
}

.idx-nums-wrap .nums-box .item:nth-child(4) {
    border-right: none 0;
}

.idx-nums-wrap .nums-box .item p {
    text-align: center;
    font-size: 13px;
}

.idx-nums-wrap .nums-box .item p.title {
    font-weight: bold;
    font-size: 32px;
    margin: 15px 0 15px 0;
}

.idx-product-wrap {
    padding-top: 64px;
}

.idx-product-wrap dl {
    width: 23.7%;
    height: 220px;
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0 12px 48px 0 rgb(0 33 71 / 8%), inset 0 1px 0 0 #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.idx-product-wrap dl>dt {
    height: 54px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.idx-product-wrap dl>dt .sales {
    position: absolute;
    right: 0;
    top: 0;
    border-right: 23px solid transparent;
    border-top: 23px solid transparent;
    border-color: #ff2626 #ff2626 transparent transparent;
    border-style: solid;
    border-width: 23px;
}

.idx-product-wrap dl>dt .sales::after {
    position: absolute;
    left: -4px;
    top: -14px;
    transform: rotate(45deg);
    font-family: PingFang-SC-Heavy;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 14px;
    font-weight: 800;
    width: 26px;
}

.idx-product-wrap dl>dt .icon {
    width: 36px;
    height: 36px;
    margin-right: 15px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 36px;
    border-radius: 4px;
}

.idx-product-wrap dl>dt .sd-tag {
    padding: 0px 3px !important;
    font-size: 12px !important;
    margin-left: 6px
}

.idx-product-wrap dl.highEnd>dt .icon {
    background-position: 0 -36px;
}

.idx-product-wrap dl.foreignTrade>dt .icon {
    background-position: 0 -72px;
}

.idx-product-wrap dl.template>dt .icon {
    background-position: 0 -396px;
}

.idx-product-wrap dl.WeChatApp>dt .icon {
    background-position: 0 -108px;
}

.idx-product-wrap dl.baiduApp>dt .icon {
    background-position: 0 -144px;
}

.idx-product-wrap dl.bytedanceApp>dt .icon {
    background-position: 0 -180px;
}

.idx-product-wrap dl.customized>dt .icon {
    background-position: 0 -216px;
}

.idx-product-wrap dl.workPhone>dt .icon {
    background-position: 0 -324px;
}

.idx-product-wrap dl.server>dt .icon {
    background-position: 0 -252px;
}

.idx-product-wrap dl.hosting>dt .icon {
    background-position: 0 -288px;
}

.idx-product-wrap dl.wxCopy>dt .icon {
    background-position: 0 -360px;
}

.idx-product-wrap dl>dt .sd-tag {
    margin-left: 5px;
}

.idx-product-wrap dl>dd {
    position: relative;
    padding-top: 18px;
}

.idx-product-wrap dl>dd .text {
    opacity: 1;
}

.idx-product-wrap dl>dd>.btn {
    width: 100%;
    height: 36px;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(0);
    opacity: 0;
}

.idx-product-wrap dl>dd>.btn a {
    margin: 0 5px;
}

.idx-product-wrap dl:hover {
    -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}

.idx-product-wrap dl:hover>dd .text {
    opacity: 0;
}

.idx-product-wrap dl:hover>dd .btn {
    transform: translateY(-10px);
    opacity: 1;
}

.idx-product-wrap dl.wxCopy:hover>dd .btn {
    display: none;
}

.idx-template {
    padding: 70px 0 60px 0;
    background-color: #f8f8f8;
    position: relative;
}

.idx-template:after {
    content: '';
    display: block;
    width: 320px;
    height: 108px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../img/bg/home-4-bottom-bg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.1;
    z-index: 1;
}

.idx-template::before {
    content: '';
    display: block;
    width: 320px;
    height: 108px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url('../img/bg/home-4-bottom-bg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.1;
    z-index: 1;
    transform: rotateX(180deg);
}

.idx-template .wrap {
    z-index: 9;
}

.idx-template dl {
    padding: 50px 0 20px 0
}

.idx-template .pics .img {
    border-radius: 20px;
    box-shadow: 0 30px 60px 0 rgb(0 0 0 / 30%);
}

.idx-template .title {
    opacity: 0;
}

.idx-template .num {
    right: 30px;
    bottom: -120px;
    font-weight: bold;
    -webkit-text-stroke: 1px #ffffff;
    text-stroke: 1px #ffffff;
    color: rgba(0, 0, 0, .05);
    font-family: 'Techna-Sans-Regular-2';
    font-size: 100px;
    opacity: 0;
    z-index: 10000;
}

.idx-template .swiper-slide-active .title {
    opacity: 1;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}

.idx-template .swiper-slide-active .num {
    opacity: 1;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    bottom: -80px;
}

.idx-template .swiper-slide {
    width: 38%;
}

.idx-template .swiper-slide a {
    transition: 0.2s;
    color: #000;
    position: relative;
}

.idx-template .swiper-slide-active a {
    z-index: 999;
}

.idx-template .swiper-pagination {
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.idx-template .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: #02328d;
}

.idx-template .swiper-prev {
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 5px;
    margin-top: 0;
    transition: 0.2s;
    position: absolute;
    cursor: pointer;
}

.idx-template .swiper-prev:after {
    content: "\e6e6";
    position: absolute;
    left: 52%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    font-size: 64px;
    color: #ddd
}

.idx-template .swiper-next {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 5px;
    margin-top: 0;
    transition: 0.2s;
    cursor: pointer;
}

.idx-template .swiper-next:after {
    content: "\e6a8";
    position: absolute;
    left: 48%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    font-size: 64px;
    color: #ddd
}

.idx-template .swiper-prev:hover,
.idx-template .swiper-next:hover {
    opacity: 0.6;
    color: #333
}

.idx-template .swiper-prev:hover:after,
.idx-template .swiper-next:hover:after {
    color: #333
}

.idx-template .btn-more {
    width: 600px;
    height: 60px;
    margin: 0 auto;
    border-radius: 60px;
    padding-top: 20px;
}

.idx-template .btn-more .btn-medium {
    height: 60px;
    line-height: 60px;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 30px;
}

.idx-template .btn-more .bg-white {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #fff
}

.idx-template .btn-more .btn-primary {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #fff
}

.idx-template .preview {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 90px;
    top: 50%;
    left: 15%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s ease-out 0s;
    position: absolute !important;
    z-index: 99999;
    font-size: 18px;
}

.idx-template .pics:hover .preview {
    opacity: 1;
    left: 50%;
}

.idx-template .pics:hover .num {
    opacity: 0;
}

.idx-server {
    padding: 84px 0 100px;
}

.idx-server .server-wrap {
    height: 400px;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-left: 300px;
    border-radius: 4px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.idx-server .server-wrap dt {
    width: 300px;
    height: 400px;
    padding: 30px 30px 20px 28px;
    left: 0;
    line-height: 24px;
    background: linear-gradient(323deg, rgb(10 119 255), rgb(46 139 255));
}

.idx-server .server-wrap dt .header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 20px;
}

.idx-server .server-wrap dt li {
    height: 32px;
    color: #d3e7ff;
}

.idx-server .server-wrap dt li span {
    margin-left: 5px;
}

.idx-server .server-wrap dd {
    width: 225px;
    background-color: #fff;
    border-right: 1px solid #f2f2f8;
    border-bottom: 1px solid #f2f2f8;
    padding: 20px 25px;
}

.idx-server .server-wrap dd span {
    margin-top: 10px;
}

.idx-server .server-wrap dd:nth-child(4n + 1) {
    border-right: none 0;
}

.idx-server .server-wrap dd:nth-child(n+9) {
    border-bottom: none 0;
}

.idx-wxApp {
    height: 860px;
    padding: 74px 0;
    background-image: url('../img/bg/wechatBox5_bj.png');
    background-repeat: no-repeat;
    background-position: center 520px;
}

.idx-wxApp .bd {
    padding-top: 50px;
}

.idx-wxApp .bd .pic {
    width: 420px;
    height: 560px;
    margin-left: 30px;
    float: left
}

.idx-wxApp .bd .pic p {
    display: block;
    width: 300px;
    height: 582px;
    overflow: hidden;
}

.idx-wxApp .bd .pic .c1 {
    animation-name: fadeInUp;
    animation-delay: 0.5s;
    filter: blur(2px);
    z-index: 1;
}

.idx-wxApp .bd .pic .c2 {
    top: -50px;
    left: 100px;
    animation-name: fadeInUp;
    animation-delay: 0.65s;
    z-index: 2;
}

.idx-wxApp .bd .text {
    width: 680px;
    height: 560px;
    float: left;
}

.idx-wxApp .bd .text .info {
    padding-bottom: 20px;
    margin-top: 50px;
    border-bottom: 1px dashed #e1e1e1
}

.idx-wxApp .bd .text .info .wx-code {
    width: 140px;
    margin-right: 20px;
    animation-name: fadeInUp;
    animation-delay: 0.7s;
}

.idx-wxApp .bd .text .flex-1 h4 {
    height: 52px;
    line-height: 52px;
    font-weight: bold;
    color: #222;
    animation-name: fadeInUp;
    animation-delay: 0.8s;
}

.idx-wxApp .bd .text .flex-1 .btnGetService {
    height: 36px;
    line-height: 36px;
    animation-name: fadeInRight;
    animation-delay: 0.8s;
    font-size: 13px;
}

.idx-wxApp .bd .text .flex-1 p {
    line-height: 26px;
    animation-name: fadeInUp;
    animation-delay: 0.9s;
}

.idx-wxApp .bd .tag-list {
    padding-top: 20px;
}

.idx-wxApp .bd .tag-list span {
    width: 216px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 12px 48px 0 rgb(0 33 71 / 8%);
    position: relative;
    padding-left: 15px;
    animation-name: fadeInUp;
}

.idx-wxApp .bd .tag-list span::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #d1e5ff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px
}

.idx-wxApp .bd .tag-list span:nth-child(1) {
    animation-delay: 1s;
}

.idx-wxApp .bd .tag-list span:nth-child(2) {
    animation-delay: 1.1s;
}

.idx-wxApp .bd .tag-list span:nth-child(3) {
    animation-delay: 1.2s;
}

.idx-wxApp .bd .tag-list span:nth-child(4) {
    animation-delay: 1.3s;
}

.idx-wxApp .bd .tag-list span:nth-child(5) {
    animation-delay: 1.4s;
}

.idx-wxApp .bd .tag-list span:nth-child(6) {
    animation-delay: 1.5s;
}

.idx-wxApp .bd .tag-list span:nth-child(7) {
    animation-delay: 1.6s;
}

.idx-wxApp .bd .tag-list span:nth-child(8) {
    animation-delay: 1.7s;
}

.idx-wxApp .bd .tag-list span:nth-child(9) {
    animation-delay: 1.8s;
}

.idx-wxApp .bd .tag-list span:nth-child(10) {
    animation-delay: 1.9s;
}

.idx-wxApp .bd .tag-list span:nth-child(11) {
    animation-delay: 2s;
}

.idx-wxApp .bd .tag-list span:nth-child(12) {
    animation-delay: 2.1s;
}

.idx-wxApp .bd .more-list {
    padding: 0 50px;
}

.idx-wxApp .bd .more-list p {
    width: 270px;
    height: 524px;
    position: relative;
}

.idx-wxApp .bd .more-list p.c1 {
    animation-name: fadeInUp;
    animation-delay: 0.5s;
}

.idx-wxApp .bd .more-list p.c2 {
    animation-name: fadeInUp;
    animation-delay: 0.6s;
}

.idx-wxApp .bd .more-list p.c3 {
    animation-name: fadeInUp;
    animation-delay: 0.7s;
}

.idx-wxApp .bd .more-list p.c4 {
    animation-name: fadeInUp;
    animation-delay: 0.8s;
}

.idx-wxApp .bd .more-list .personalQrcode {
    width: 220px;
    height: 478px;
    top: 17px;
    left: 21px;
    z-index: 2;
    background-color: rgb(0 0 0 / 20%);
    border-radius: 25px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease 0s;
}

.idx-wxApp .bd .more-list span img {
    width: 170px !important;
    height: 170px !important;
    border: 5px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.idx-wxApp .bd .more-list .text {
    width: 170px;
    height: 30px;
    top: 341px;
    left: 46px;
    z-index: 2;
    color: #999;
    background-color: #fff;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease 0s;
}

.idx-wxApp .bd .more-list p:hover .personalQrcode,
.idx-wxApp .bd .more-list p:hover .text {
    opacity: 1;
    visibility: visible;
}

.idx-wxApp .prev-next {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    font-size: 48px;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    color: rgb(0 0 0 / 10%);
}

.idx-wxApp .prev-next.prev {
    left: -40px;
}

.idx-wxApp .prev-next.next {
    right: -40px
}

.idx-wxApp:hover .prev-next {
    color: rgb(0 0 0 / 30%)
}

.idx-wxApp .prev-next:hover {
    color: #1054ee;
}

.idx-customized {
    padding: 90px 0;
    background-color: #1054ee;
}

.idx-customized .form-wrap {
    width: 640px !important;
}

.form-wrap .item {
    width: 31.2%;
    padding: 0 10px;
    margin-bottom: 30px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    float: left;
    margin-right: 30px;
}

.form-wrap .item:nth-child(3n + 3) {
    margin-right: 0
}

.form-wrap .item select,
.form-wrap .item input {
    width: 100%;
    display: block;
    height: 50px;
}

.form-wrap .item input::-webkit-input-placeholder {
    color: #333
}

.form-wrap .getCase-btn {
    text-align: center;
}

.form-wrap .getCase-btn #submit {
    width: 31.2%;
    padding: 16px 0;
    background-color: #ff5f1d;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 6px;
    cursor: pointer;
}

.form-wrap .getCase-btn #submit:hover {
    background-color: #ff7339;
}

.idx-work-phone {
    margin-bottom: 50px;
}

.idx-copy-count {
    margin-bottom: 50px;
}

.idx-copy-count .tab-btn-list {
    border-bottom: 1px solid #f0f1f3;
    position: relative;
    margin-bottom: 50px;
}

.idx-copy-count .tab-btn-list span {
    flex: 1 1 0%;
    height: 48px;
    display: block;
    position: relative;
    cursor: pointer;
    text-align: center;
    color: #606982;
}

.idx-copy-count .tab-btn-list span::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #006cff;
    transition: 0.3s;
    transition: width 0.3s ease;
    z-index: 3;
}

.idx-copy-count .tab-btn-list span.cur,
.idx-copy-count .tab-btn-list span:hover {
    color: #006cff;
    font-weight: 700;
}

.idx-copy-count .tab-btn-list span.cur::after {
    width: 100%;
}

.idx-copy-count .text {
    width: 50%;
}

.idx-copy-count .pics {
    width: 50%;
    background-color: #f00;
}

.idx-customer {
    padding: 90px 0 30px 0;
}

.idx-customer ul {
    margin-right: -30px;
}

.idx-customer ul li {
    width: calc(100% / 5 - 40px);
    padding: 10px 26px;
    margin-right: 40px;
    margin-bottom: 30px;
    float: left;
    border: 1px solid #fff;
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 7%);
}

.idx-services .pngBg-4 {
    background-position: center 50px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 280px;
}

.idx-services .wrap {
    padding: 40px 0 30px 0;
    position: relative;
    margin-top: -250px
}

.idx-services .wrap .items {
    width: 210px;
    height: 280px;
    padding-top: 40px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 20px 40px 0 rgb(0 0 0 / 5%);
    transition: all .2s linear;
}

.idx-services .wrap .items p {
    display: block;
}

.idx-services .wrap .items .title {
    font-size: 18px;
    height: 22px;
    line-height: 22px;
    margin-top: 20px;
}

.idx-services .wrap .items .descr {
    font-size: 13px;
    color: #777;
    margin-top: 10px;
}

.idx-services .wrap .items:hover {
    transform: translate3d(0, -10px, 0);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1)
}

.idx-services .wrap .items .icon .iconfont {
    font-size: 68px;
}

.page-banner {
    width: 100%;
    min-height: 180px;
    z-index: 2;
    background-color: #1054ee;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.special-banner {
    width: 100%;
    height: 500px;
    padding-top: 60px;
    min-height: 440px;
    overflow: hidden;
}

.special-banner>.wrap {
    height: 440px;
    min-height: 440px;
}

.special-banner .special-content {
    flex: 1;
    padding-left: 5px;
    letter-spacing: 1px;
    margin-bottom: 40px;
    position: relative;
    z-index: 4;
}

.special-banner .special-content .title {
    height: 52px;
    line-height: 52px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.special-banner .special-content .subtitle {
    line-height: 28px;
}

.special-banner .special-content .lg-bg-s .iconfont {
    transition: all 0.3s ease;
}

.special-banner .special-content .lg-bg-s:hover .iconfont {
    margin-left: 3px;
}

#brand-special-page .special-banner .special-content {
    margin-bottom: 90px;
}

#brand-special-page .special-banner .special-pic {
    width: 440px;
    margin-right: 50px;
    margin-left: 50px;
}

.special-char {
    height: 120px;
    margin-top: -60px;
    z-index: 1;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
}

.special-char .items {
    width: 285px;
    padding: 20px 20px 20px 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.special-char .items::after {
    width: 1px;
    height: 50px;
    content: "";
    background-color: #f1f1f1;
    border-radius: 4px;
    position: absolute;
    top: 30px;
    left: 0;
}

.special-char .items:first-child::after {
    display: none;
}

.special-char .items .title {
    padding-top: 18px;
    margin-bottom: 5px;
}

.special-char .items .title::after {
    width: 35px;
    height: 4px;
    content: "";
    background-color: #1054ee;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    left: 0;
}

#brand-special-page .col-1 {
    padding: 40px 0;
}

#brand-special-page .col-1 .slideWrap {
    width: 720px;
    height: 460px;
}

#brand-special-page .col-1 .slideBody {
    height: 308px;
}

#brand-special-page .col-1 .slideBody>p>.pc {
    width: 512px;
    height: 308px;
    top: 36px;
    left: 105px;
    z-index: 8;
}

#brand-special-page .col-1 .slideBody>p>.m {
    width: 144px;
    height: 253px;
    top: 115px;
    right: 40px;
    z-index: 10;
    background-color: #fff;
}

#brand-special-page .col-1 .computerBg {
    width: 720px;
    top: 0;
    left: 0;
    z-index: 8;
}

#brand-special-page .col-1 .pngMobileBg {
    width: 257px;
    top: 80px;
    right: -12px;
    z-index: 10;
}

#brand-special-page .col-1 .white {
    width: 144px;
    height: 253px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 116px;
    right: 40px;
    z-index: 9;
    line-height: 253px;
    text-align: center;
    color: #ddd;
}

#brand-special-page .col-1 .right {
    width: 40%;
    margin-bottom: 50px;
}

#brand-special-page .col-1 .right p {
    line-height: 28px;
}

#brand-special-page .col-1 .right p .btns.h40 {
    border-radius: 20px;
}

#brand-special-page .col-1 .prev-next {
    width: 421px;
    height: 317px;
    left: 106px;
    top: 36px;
    z-index: 200;
    opacity: 0;
}

#brand-special-page .col-1 .prev-next>i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 28px;
    cursor: pointer;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 130px;
    text-align: center;
}

#brand-special-page .col-1 .prev-next>i.prev {
    left: 20px;
}

#brand-special-page .col-1 .prev-next>i.next {
    right: 20px;
}

#brand-special-page .col-1 .prev-next>i:hover {
    color: #fff;
    background-color: #1054ee;
}

#brand-special-page .col-1 .slideWrap:hover .prev-next {
    opacity: 1;
}

#brand-special-page .col-2 {
    padding: 64px 0;
    height: 594px;
    overflow: hidden;
    background-color: #f1f7ff;
}

#brand-special-page .col-2 .col-slide {
    overflow-x: scroll;
}

#brand-special-page .col-2 .items {
    width: 220px;
    height: 336px;
    padding: 60px 20px;
    border-radius: 4px;
    transform: translate3d(0, 0px, 0);
    transition: all 0.2s linear;
}

#brand-special-page .col-2 .items>h3 {
    height: 50px;
    margin-bottom: 20px;
}

#brand-special-page .col-2 .items>h3::after {
    content: "";
    width: 90px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.05);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: block;
}

#brand-special-page .col-2 .items>p {
    line-height: 26px;
}

#brand-special-page .col-2 .items>p .btn-link {
    border-radius: 18px;
    opacity: 0;
}

#brand-special-page .col-2 .items:hover {
    transform: translate3d(0, -10px, 0);
    height: 356px;
}

#brand-special-page .col-2 .items:hover .btn-link {
    opacity: 1;
    margin-top: 15px;
}

#brand-special-page .col-3 {
    padding-bottom: 64px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#brand-special-page .col-3>div>dl {
    width: 300px;
    padding: 50px 50px;
    border-right: 1px solid #f3f3f3;
}

#brand-special-page .col-3>div>dl:nth-child(n + 5) {
    border-top: 1px solid #f3f3f3;
}

#brand-special-page .col-3>div>dl:nth-child(4n + 0) {
    border-right: none 0;
}

#brand-special-page .col-3>div>dl>dt .icon {
    width: 86px;
    height: 86px;
    line-height: 86px;
    background-color: #eaf3ff;
    border-radius: 50%;
    margin: 0 auto 20px auto;
}

#brand-special-page .col-3>div>dl>dt .icon img {
    width: 52px;
    height: 52px;
}

#brand-special-page .col-3>div>dl>dt b {
    font-weight: 700;
}

#brand-special-page .col-3>div>dl>dd {
    margin-top: 5px;
    line-height: 26px;
    color: #999;
}

#brand-special-page .col-4 {
    padding: 64px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/bg/shape-3.png") !important;
}

#brand-special-page .col-4 dl {
    width: 380px;
    padding-bottom: 20px;
}

#brand-special-page .col-4 dl dt {
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-right: 20px;
    position: relative;
}

#brand-special-page .col-4 dl dt::after {
    background-color: rgba(255, 255, 255, 0.1);
    height: 2px;
    width: 40px;
    position: absolute;
    top: 14px;
    right: -59px;
    content: "";
}

#brand-special-page .col-4 dl dt::before {
    background-color: rgba(255, 255, 255, 0.1);
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    right: -18px;
    content: "";
}

#brand-special-page .col-4 dl dd {
    padding-left: 60px;
    position: relative;
}

#brand-special-page .col-4 dl dd::after {
    background-color: rgba(255, 255, 255, 0.2);
    height: 104px;
    width: 1px;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translate(-50%, -50%);
    content: "";
}

#brand-special-page .col-4 dl dd span {
    height: 34px;
    line-height: 34px;
    position: relative;
    color: #b0d3ff;
}

#brand-special-page .col-4 dl dd span::after {
    background-color: rgba(255, 255, 255, 0.1);
    height: 2px;
    width: 20px;
    position: absolute;
    top: 16px;
    left: -19px;
    content: "";
}

#customTailor-page .special-banner {
    height: 650px;
    background-color: #dee2e6;
}

#customTailor-page .customTailor-char {
    padding-top: 30px;
}

#customTailor-page .customTailor-char .items {
    width: 380px;
    padding: 20px 22px;
    border-radius: 8px;
}

#customTailor-page .customTailor-char-mini .items {
    width: 380px;
}

#customTailor-page .customTailor-char-mini .items p {
    width: 120px;
    height: 120px;
    padding-top: 22px;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 8px;
}

#customTailor-page .customTailor-char-mini .items p:nth-child(1) {
    border-top-left-radius: 50px;
}

#customTailor-page .customTailor-char-mini .items p:nth-child(3) {
    border-bottom-right-radius: 50px;
}

#customTailor-page .customTailor-char-mini .items p .text {
    margin-top: 13px;
}

#foreignTrade-special-page {
    background-color: #f5f9fc;
    color: #133150
}

#foreignTrade-special-page .text-secondary {
    color: inherit
}

#foreignTrade-special-page .special-banner {
    height: 600px;
    background-image: url('../img/foreign-trade/up-rewrite.png');
    background-repeat: no-repeat;
    background-position: center 80px;
}

#foreignTrade-special-page .special-banner .special-content .subtitle {
    line-height: 38px;
}

#foreignTrade-special-page .special-banner .special-content {
    width: 600px;
    flex: none;
    margin-bottom: 0 !important;
}

#foreignTrade-special-page .special-banner .special-content .lg-bg-s {
    font-size: 14px;
    color: #e1251b;
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
    line-height: 28px;
    border-radius: 2px;
    vertical-align: top;
    padding: 0 5px 0 8px;
    margin-bottom: 13px;
    cursor: pointer;
}

#foreignTrade-special-page .special-banner .btn-link.btn-black.is-solid,
#foreignTrade-special-page .special-banner .btn-link.btn-white:hover,
#foreignTrade-special-page .main .btn-link.btn-primary {
    border-color: #26a978 !important;
    color: #fff !important;
    background-color: #26a978 !important;
}

#foreignTrade-special-page .special-banner .btn-link.btn-black.is-solid:hover,
#foreignTrade-special-page .special-banner .btn-link.btn-white,
#foreignTrade-special-page .main .btn-link.btn-primary:hover {
    background-color: #133150 !important;
    color: #fff !important;
    border-color: #133150 !important
}

#foreignTrade-special-page .main .special-char .items .title::after {
    background-color: #26a978 !important;
}

#foreignTrade-special-page .special-banner .btn-link {
    height: 52px;
    line-height: 52px;
}

#foreignTrade-special-page .col-1 {
    padding-top: 64px;
}

#foreignTrade-special-page .col-1 .txt {
    width: 500px;
    margin-left: 50px;
    padding-right: 50px
}

#foreignTrade-special-page .col-1 .pic {
    width: 600px;
}

#foreignTrade-special-page .txt-list dt {
    height: 32px;
    line-height: 32px;
}

#foreignTrade-special-page .txt-list dd {
    margin-bottom: 25px;
}

#foreignTrade-special-page .txt-list dd .subtitle {
    height: 28px;
}

#foreignTrade-special-page .txt-list .icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    margin-right: 25px;
    flex: 0 0 auto;
    margin-top: 7px;
}

#foreignTrade-special-page .doted-wrap.doted-left svg {
    margin: 0 auto;
}

#foreignTrade-special-page .doted-wrap.doted-left .icon {
    text-align: right;
    padding-right: 240px;
}

#foreignTrade-special-page .col-2 .pic {
    width: 740px;
}

#foreignTrade-special-page .col-2 .txt {
    width: 460px;
    padding-right: 30px;
    padding-left: 20px;
}

#foreignTrade-special-page .col-3 {
    padding: 64px 0;
}

#weChatApp-special-page .special-banner {
    background-color: #00c250;
}

#weChatApp-special-page .special-banner .special-content {
    margin-bottom: 90px;
    padding-left: 0 !important;
}

#weChatApp-special-page .special-banner .special-pic {
    width: 546px;
    padding-right: 95px;
    position: relative;
    margin-top: 45px;
    margin-left: 70px;
}

#weChatApp-special-page .special-char {
    height: 120px;
    padding: 20px;
    margin-top: -60px;
    box-shadow: 0 0 20px 0 rgb(15 41 131 / 10%);
    border-radius: 10px;
    z-index: 10;
}

#weChatApp-special-page .special-char dt {
    width: 320px;
}

#weChatApp-special-page .special-char dd {
    width: 210px;
    border-left: 1px solid #eee;
}

#weChatApp-special-page .special-char dd>span {
    line-height: 28px;
}

#weChatApp-special-page .col-1 {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 0 0;
}

#weChatApp-special-page .col-1 .left {
    width: 700px;
    margin-right: 60px;
    padding-left: 60px;
}

#weChatApp-special-page .col-1 .head {
    padding-top: 30px;
    margin-bottom: 20px;
}

#weChatApp-special-page .col-1 ul li {
    width: 48%;
    padding: 12px 15px;
    margin-bottom: 20px;
    transition: box-shadow ease .5s;
}

#weChatApp-special-page .col-1 li .pic {
    width: 48px;
    height: 48px;
}

#weChatApp-special-page .col-1 li b {
    font-weight: 400;
}

#weChatApp-special-page .col-1 li span {
    height: 0;
    transition: all ease .5s;
    opacity: 0;
}

#weChatApp-special-page .col-1 li.cur b {
    color: #40b875;
}

#weChatApp-special-page .col-1 li.cur span {
    height: 14px;
    opacity: 1;
    margin-top: 5px;
}

#weChatApp-special-page .col-1 .right {
    width: 430px;
    height: 660px;
}

#weChatApp-special-page .col-1 .right .tab-wrap {
    width: 274px;
    height: 510px;
    padding: 35px 0 0 42px;
}

#weChatApp-special-page .col-1 .right .mask {
    width: 430px;
    top: 0
}

#bytedance-special-page .col-1 {
    background-color: #f3f3f9;
    padding: 84px 0
}

#bytedance-special-page .col-1 .list .item {
    width: 320px;
    padding: 80px 20px
}

#bytedance-special-page .col-1 .list .item .pic {
    width: 100%;
    padding: 0 48px
}

#bytedance-special-page .col-1 .list .item h4 {
    line-height: 62px
}

#bytedance-special-page .col-2 {
    padding: 84px 0
}

#bytedance-special-page .col-2 .left {
    margin-right: 90px;
}

#bytedance-special-page .col-2 .left li {
    width: 25%;
    margin-bottom: 5px;
}

#bytedance-special-page .col-3 {
    padding: 84px 0;
    background-color: #f3f3f9;
}

#bytedance-special-page .col-3 .item {
    width: 20%;
    padding: 1%;
}

#bytedance-special-page .col-3 .item h4 {
    line-height: 32px;
}

#baiduApp-special-page .special-banner {
    background-color: #4f79b3;
}

#baiduApp-special-page .special-banner .special-pic {
    width: 480px;
    margin-left: 64px;
    position: relative;
    margin-top: 110px;
}

#baiduApp-special-page .special-banner .special-pic .baiduApp-iocn {
    width: 89px;
    height: 89px;
    border-radius: 50%;
    top: 106px;
    right: 210px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 39%);
}

#baiduApp-special-page .special-char {
    height: 120px;
    padding: 20px;
    margin-top: 0;
    box-shadow: 0 0 20px 0 rgb(15 41 131 / 10%);
    border-radius: 10px;
    z-index: 10;
}

#baiduApp-special-page .col-1 {
    padding: 64px 0;
}

#baiduApp-special-page .col-1 .tab-btn-list {
    height: 50px;
    padding: 0 350px;
    text-align: center;
}

#baiduApp-special-page .col-1 .tab-btn-list ul {
    height: 50px;
    border-bottom: 3px solid #d5dbe3;
}

#baiduApp-special-page .col-1 .tab-btn-list .items {
    height: 50px;
    line-height: 50px;
    margin: 0 20px;
    font-size: 18px;
    display: inline-block;
    cursor: default;
}

#baiduApp-special-page .col-1 .tab-btn-list .items.cur {
    border-bottom: 3px solid #1054ee;
}

#baiduApp-special-page .col-1 .tab-wrap {
    padding-top: 20px;
}

#baiduApp-special-page .col-1 .tab-body {
    padding: 0 100px;
}

#baiduApp-special-page .col-1 .tab-body.m-mini {
    padding: 0 60px;
}

#baiduApp-special-page .col-1 .tab-body dl {
    width: 23.5%;
}

#baiduApp-special-page .col-1 .tab-body dl dt img {
    width: 90%;
}

#baiduApp-special-page .col-1 .tab-body .title {
    font-size: 16px;
    line-height: 42px;
}

#baiduApp-special-page .col-1 .tab-body .desc {
    font-size: 14px;
    line-height: 28px;
}

#baiduApp-special-page .col-1 .tab-body .title-hd {
    width: 1200px;
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 30px;
}

#baiduApp-special-page .col-2 {
    padding: 64px 0;
    background-color: rgb(79 121 179 / 5%);
}

#baiduApp-special-page .col-2 .right {
    padding: 0 50px;
}

#baiduApp-special-page .w650 {
    width: 650px;
}

#baiduApp-special-page .w550 {
    width: 550px;
}

#fuwuqi-special-page .w550 {
    width: 550px;
}

#fuwuqi-special-page .special-banner {
    background-color: #1054ee;
    padding-top: 70px;
    min-height: 430px;
}

#fuwuqi-special-page .special-banner>.wrap {
    height: 430px;
    min-height: 430px;
}

#fuwuqi-special-page .special-pic {
    height: 430px
}

#fuwuqi-special-page .col-1 {
    padding: 64px 0 80px;
    background-color: #f3f3f9;
}

#fuwuqi-special-page .col-1 li {
    width: 280px;
    padding: 20px;
    margin-bottom: 25px;
    padding-left: 68px;
}

#fuwuqi-special-page .col-1 li .pic {
    width: 36px;
    top: 40px;
    left: 20px;
}

#fuwuqi-special-page .col-2 {
    padding: 64px 0 84px 0
}

#fuwuqi-special-page .col-2 .left {
    width: 45%;
    margin-right: 80px;
    padding-left: 50px
}

#fuwuqi-special-page .col-2 .right .head h2 {
    padding: 5px 0
}

#fuwuqi-special-page .col-2 .right .head .text-secondary {
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1
}

#fuwuqi-special-page .col-2 .right .list p {
    margin-bottom: 16px;
}

#fuwuqi-special-page .col-2 .right .iconfont {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 16px;
    margin-right: 10px;
    background-color: rgb(218, 234, 255);
    font-size: 12px;
    color: #1054ee;
    display: block;
}

#bandingzhi-special-page .special-banner {
    height: 680px;
    padding-top: 180px;
    background-color: #4f1cee;
}

#bandingzhi-special-page .special-banner .special-content {
    margin-bottom: 0;
}

#bandingzhi-special-page .special-banner .special-pic {
    width: 485px;
    margin-left: 60px;
}

#bandingzhi-special-page .col-1 {
    padding: 140px 0
}

#bandingzhi-special-page .col-1 .item {
    width: 256px;
}

#bandingzhi-special-page .col-1 .item .nums {
    color: #ddd
}

#bandingzhi-special-page .col-1 .item h2 {
    padding: 10px 0 12px 0
}

#bandingzhi-special-page .col-2 {
    overflow: hidden;
    background-color: #4f1cee;
}

#bandingzhi-special-page .col-2 .wrap {
    position: relative;
    padding: 180px 0 90px 0
}

#bandingzhi-special-page .col-2 .bg {
    background-attachment: fixed;
    height: 100%;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    min-height: 200vh;
    background-repeat: no-repeat;
    background-image: url('/res/web/img/bg/bandingzhi-BG.png');
    z-index: 1;
}

#bandingzhi-special-page .col-2 .list {
    position: relative;
    z-index: 2;
}

#bandingzhi-special-page .col-2 .item {
    width: 480px;
    padding: 30px;
    background-color: #4417d2;
    color: #fff;
    font-size: 16px;
    font-weight: lighter;
    margin-bottom: 30px;
    border-radius: 10px;
}

#bandingzhi-special-page .col-2 .item .nums {
    font-size: 36px
}

#bandingzhi-special-page .col-2 .item h2 {
    font-size: 24px;
    padding: 15px 0
}

.baike-main .banner {
    height: 400px;
}

.baike-main .banner .bd,
.baike-main .banner .bd ul,
.baike-main .banner .bd ul li {
    height: inherit;
    overflow: hidden;
}

.baike-main .banner .banner-info {
    padding-top: 70px;
    height: 358px;
    padding-left: 115px;
    position: relative;
}

.baike-main .banner .banner-info .info {
    width: 580px;
}

.baike-main .banner .banner-info .info p {
    position: relative;
    z-index: 2;
    line-height: 28px;
    margin-bottom: 17px;
}

.baike-main .banner .banner-info .info p.btn {
    margin-top: 20px;
    margin-bottom: 0
}

.baike-main .banner .banner-info .pic {
    width: 580px;
    position: absolute;
    top: 10%;
    right: 0;
    z-index: 1;
}

.baike-main .banner .ban-1 .banner-info .pic {
    width: 520px;
    top: 70px;
    right: 50px;
}

.baike-main .banner .hd {
    width: 100%;
    z-index: 1;
    bottom: 62px;
    left: 0;
    height: 30px;
    line-height: 30px;
    z-index: 1;
}

.baike-main .banner .hd li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: width 0.2s ease-in-out, margin 0.2s ease-in-out;
    line-height: 999px;
}

.baike-main .banner .hd li.on {
    width: 32px;
    background: #fff;
}

.baike-main .main>.wrap.minus {
    margin-top: -52px;
}

.baike-main #aside-nav {
    width: 100px;
    top: 84px;
    padding: 10px 0 10px 0
}

.baike-main #aside-nav a {
    display: block;
    padding-left: 15px;
    font-size: 14px !important
}

.baike-main #aside-main {
    width: 770px;
}

.baike-main #aside-right {
    width: 300px;
}

.baike-main #aside-right .sticky {
    top: 84px;
}

.article-wrap-list .item {
    padding: 20px;
    border-bottom: 1px solid #efefff
}

.article-wrap-list .item .pic {
    width: 160px;
}

#baike-show-page .article-wrap-content {
    padding: 25px 40px 15px 40px
}

#baike-show-page.baike-main #aside-main {
    width: 885px;
}

#baike-show-page .article-title {
    margin: 15px 0 15px 0;
    font-size: 28px;
}
#baike-show-page .article-extra{
    padding-bottom:15px;
    margin-bottom: 15px;
    font-size:13px;
}

#baike-show-page .article-descr {
    color: #646566;
    margin: 15px auto;
    padding: 13px 15px
}

#baike-show-page .article-content {
    position: relative;
    overflow: hidden;
}

#baike-show-page .article-content p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 32px;
    margin-bottom: 22px;
}
#baike-show-page .article-content p[align="center"] {
    text-indent: 0 !important;
}
#baike-show-page .article-content h2,
#baike-show-page .article-content h3,
#baike-show-page .article-content h4,
#baike-show-page .article-content h5,
#baike-show-page .article-content h6 {
    font-size: 16px;
    text-align: justify;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 32px;
    margin-bottom: 22px;
    font-weight: bold;
}
#baike-show-page .article-content h2{
    background-image: url('/res/web/img/h2.svg');
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: 0 7px;
}

#baike-show-page .article-content h3{
    background-image: url('/res/web/img/h3.svg');
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: 0 7px;
}

#baike-show-page .article-content blockquote{
    background-image: url('/res/web/img/blockquote.svg');
    background-repeat: no-repeat;
    background-position: left 20px top 20px;
    background-color: #f8f8f8;
    margin: 22px 0;
    padding: 40px 20px 10px;
    border-radius: 4px;
}
#baike-show-page .article-content blockquote p{
    text-indent: 0 !important;
    margin-bottom: 12px;
}

#baike-show-page .article-content img {
    max-width: 100%;
}
#baike-show-page .article-content ol{padding-left:3.5em;text-indent:0 !important;list-style: decimal;}
#baike-show-page .article-content ul{padding-left:2.5em;text-indent:0 !important}
#baike-show-page .article-content ol li,#baike-show-page .article-content ul li{letter-spacing:.5px;font-size:16px;font-weight:400;line-height:2;margin-bottom:15px;color:rgba(0,0,0,0.75);text-indent:0 !important}
#baike-show-page .article-content ul li::before{content:'';width:6px;height:6px;background-color:rgb(16 84 238 / 60%);border-radius:50%;display:inline-block;vertical-align:3px;margin-right:10px}
#baike-show-page .article-content ol li{
    list-style: decimal;
}
.keylink {
    background-image: url('/res/web/img/link.svg');
    display: inline;
    background-repeat: no-repeat;
    padding-left: 16px;
    background-position: 0 2px;
    color: #1054ee;
    text-align: left;
}
.keylink:hover{
    text-decoration:underline
}

#baike-show-page .article-end-full-text {
    padding: 20px 0;
}

#baike-show-page .article-end-full-text .tooltip::before,
#baike-show-page .article-end-full-text .tooltip::after {
    content: '';
    width: 50%;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #f1f1f9;
    display: inline-block;
    z-index: 1;
}

#baike-show-page .article-end-full-text .tooltip::before {
    left: 0
}

#baike-show-page .article-end-full-text .tooltip::after {
    right: 0
}

#baike-show-page .article-end-full-text .tooltip i {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 3;
    padding: 0 6px;
}

#baike-show-page .article-end-full-text .tooltip i::after {
    content: '\5168\6587\7ED3\675F';
}

#baike-show-page .article-page-next {
    padding: 12px 15px;
}

#baike-show-page .article-page-next p {
    flex: 0 0 49%
}

#baike-show-page .article-page-next p span {
    color: rgba(0, 0, 0, .45);
    padding-right: 10px;
}

#baike-show-page .card-wrap.js-tab-1 .card-header {
    padding: 0 15px;
}

#baike-show-page .card-wrap.js-tab-1 .card-header h2 {
    padding:10px 0;
    color:#999;
    font-weight: normal;
}

#baike-show-page .card-wrap .tab-btn-list .items {
    cursor: default;
    position: relative;
    height:32px;
    color:#777;
    margin-right: 15px;
    cursor: pointer;
}

#baike-show-page .card-wrap .tab-btn-list .cur {
    color: #1054ee;
    border-radius: 2px;

}
#baike-show-page .card-wrap .tab-btn-list .cur::after{
    content: '';
    width: 100%;
    height:1px;
    background-color: #1054ee;
    position: absolute;
    bottom: -6px;
    left: 0;
}
#baike-show-page .tab-wrap .card-body {
    padding: 20px;
}

#baike-show-page .tab-wrap dl {
    height: 135px;
    border-bottom: 1px #e6e6e6 dashed;
}

#baike-show-page .tab-wrap dt {
    width: 170px;
    height: 120px;
    background-color: rgba(91, 24, 24, 0.075);
}

#baike-show-page .tab-wrap dt img,
#baike-show-page .tab-wrap dt a {
    height: inherit
}

#baike-show-page .text-link-x2>li {
    width: 49%;
    padding: 0;
    margin-top: 10px;
}

#baike-show-page .text-link-x2>li a {
    padding-left: 12px
}

#baike-show-page .text-link-x2>li a::after {
    width: 5px;
    height: 5px;
    background-color: #e1e1e1;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    content: '';
}

#baike-show-page .text-link-x2>li a:hover::after {
    background-color: #1054ee;
}

.pic-txt-x4 ul {
    padding: 18px 0 6px 0;
    border-bottom: 1px solid #eee;
    margin: 0 20px 10px 20px;
}

.pic-txt-x4 li {
    width: 31.6%;
}

.pic-txt-x4 li p {
    line-height: 26px;
    margin-bottom: 10px;
}

.pic-txt-x4 li .tag {
    padding: 2px 3px;
    line-height: 22px;
    font-size: 12px;
    margin-right: 5px;
    z-index: 9;
    top: 0;
    left: 0;
    vertical-align: 1px;
    color: #fff !important;
}

#baike-show-page .relevant-wrap {
    padding-bottom: 15px;
}

#baike-show-page .relevant-wrap .text-link-x2 {
    padding: 0px 15px 0 15px
}

.card-wrap .card-header {
    padding: 14px 15px;
    border-bottom: 1px solid #f0f2f7;
}

.card-wrap .card-header>.title {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
}

.card-wrap .card-body {
    overflow: hidden;
}

.card-wrap .tag-list {
    padding: 15px 0 2px 11px
}

.card-wrap .tag-list li {
    margin: 0 0 13px 4px;
    display: inline-block
}

.card-wrap .product-wrap {
    padding: 0 15px 15px;
}

.card-wrap .product-wrap a {
    margin-top: 15px;
}

.card-wrap .product-wrap a .title {
    display: block;
    position: relative;
    font-size: 15px;
}

.card-wrap .product-wrap .text-secondary {
    margin-top: 5px;
    font-size: 14px;
}

.card-wrap .product-wrap .sales {
    height: 18px;
    line-height: 16px;
    border: 1px solid #f64041 !important;
    color: #fff !important;
    background: #f64041;
    padding: 0px 2px;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: -10px;
    top: 6px;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.card-service {
    padding: 15px 0 10px 15px;
    background-size: cover;
    background-position: 65px 0;
    background-repeat: no-repeat;
    background-image: url("../img/bg/pngBg-10.png");
}

.card-service .text b::after {
    content: "";
    width: 34px;
    height: 3px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: -15px;
    left: 0;
}

.card-service .qrcode {
    width: 100px;
    margin-right: 10px;
}

.card-service .personalQrcode {
    width: 100%;
    display: block;
    margin-bottom: 6px;
}

.text-link-list {
    padding: 0 15px 13px 15px
}

.text-link-list .item {
    margin-top: 12px
}

.text-link-list .item h3 {
    margin-bottom: 4px;
}

.text-link-list .first {
    margin-top: 15px !important;
    padding: 12px 15px;
    background-size: cover;
    background-position: 65px 0;
    background-repeat: no-repeat;
    background-image: url("../img/bg/pngBg-10.png");
}

.text-link-list .first h3 {
    font-weight: normal;
}

.text-link-list .item.textPic {
    margin-top: 15px
}

.text-link-list .item.textPic .pic,
.text-link-list .item.textPic .pic img {
    width: 90px;
    height: 64px;
}

.text-link-list-hot {
    padding: 5px 15px 0 0
}

.text-link-list-hot .item {
    padding: 7px 0 8px 42px;
}

.text-link-list-hot .item .nums {
    position: absolute;
    left: 15px;
    top: 12px;
    width: 18px;
    height: 14px;
    background: #e8f2ff;
    cursor: pointer;
    line-height: 16px;
    text-align: center;
    color: #1054ee;
    font-size: 12px;
    border-radius: 2px;
}

#pages {
    clear: both;
    text-align: center;
    overflow: hidden;
}

#pages a,
#pages span {
    display: inline-block;
    margin-right: 5px;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    color: #555;
    font-family: Arial;
    transition: all 0.3s;
}

#pages .cur {
    color: #fff;
    background-color: #1054ee;
    position: relative;
}

#pages .empty {
    display: none;
    color: #ccc;
}

#pages a:hover {
    background-color: #1054ee;
    color: #fff;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

#pages .first,
#pages .last,
#pages .np,
#pages .total {
    display: none;
}

#baike-article-page-relevant-slide {
    padding: 20px;
    border-bottom: 1px solid #f0f1f3;
}

#baike-article-page-relevant-slide .header-title h3 {
    height: 24p;
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 16px;
}

#baike-article-page-relevant-slide .header-title p {
    font-size: 13px;
}

#baike-article-page-relevant-slide .slide-groups {
    padding: 15px 0;
}

#baike-article-page-relevant-slide .slide-groups li {
    width: 188px;
}

#baike-article-page-relevant-slide .slide-groups li .pics {
    height: 114px;
    background-color: #1054ee;
    border-radius: 10px;
}

#baike-article-page-relevant-slide .slide-groups li .title {
    margin: 10px 5px 0px;
}

#baike-article-page-relevant-slide .slide-groups li .subtitle {
    margin: 5px 5px 0px;
    font-weight: 700;
    color: #f89508;
}

#baike-article-page-relevant-slide .more {
    margin: 0px 5px 0px;
}

.crumb {
    height: 22px;
    line-height: 22px;
    z-index: 999;
    color: #858d9a;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.crumb a {
    color: #858d9a;
    position: relative;
    margin-right: 15px;
}

.crumb a::after {
    content: "";
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAAXNSR0IArs4c6QAAAFpJREFUGFdtjaERgDAUxf6jtexRUcMOGHZAsgNToKtZBY/pXekCzNFgkNXJJSqlPMDonFtDCJcklHOevfcHQGttizHeAlRrnYAEDJJ2mZn9YAFOM3v7ZrfZu3+w503U8SabmwAAAABJRU5ErkJggg==");
    width: 5px;
    height: 7px;
    position: absolute;
    top: 7px;
    right: -10px;
}

.show-moban-list .moban-list li {
    width: 285px;
    height: 285px;
    border-radius: 2px;
    margin-right: 20px;
    padding-bottom: 18px;
    transform: translate3d(0, 0px, 0);
    transition: all 0.2s linear;
    float: left;
}

.show-moban-list .moban-list li:nth-child(4n+4) {
    margin-right: 0;
}

.show-moban-list .moban-list li .pic {
    position: relative;
    margin-bottom: 8px;
}

.show-moban-list .moban-list li .pic .picUrl {
    border-radius: 4px;
    overflow: hidden;
    display: block;
    transition: all .3s ease-out 0s;
}

.show-moban-list .moban-list li .pic .picUrl:hover {
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2);
}

.show-moban-list .moban-list li .pic .btn {
    width: 230px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    bottom: 0;
    left: 30px;
    transform: translateY(0);
    opacity: 0;
    z-index: 9;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 15px 30px rgb(0 0 0 / 20%);
}

.show-moban-list .moban-list li .pic .btn .btn-link {
    height: inherit;
    line-height: 30px;
}

.show-moban-list .moban-list li .pic .btn a {
    width: 50%;
    border-radius: 0;
    font-size: 13px
}

.show-moban-list .moban-list li .pic:hover .btn {
    transform: translateY(-20px);
    opacity: 1;
}

.show-moban-list .moban-list li p .line::after {
    content: '';
    height: 10px;
    width: 1px;
    display: inline-block;
    margin-left: 9px;
    margin-right: 5px;
    background-color: #e1e1e1;
    vertical-align: -1px;
}

.show-moban-list .moban-list li p .line:last-child::after {
    display: none;
}

.show-moban-list .more .btn-link {
    padding-right: 40px;
    padding-left: 40px;
}

.show-baike-list {
    padding: 50px 0;
}

.show-baike-list .card-header {
    padding: 20px 15px 14px 0;
}

.show-baike-list .card-header .title-m {
    background-color: #bbb;
    width: 110px;
    height: 110px;
    line-height: 110px;
    font-size: 19px
}

.show-baike-list .card-header dl {
    width: 593px;
}

.show-baike-list .card-header dl.l-1 {
    padding-right: 20px
}

.show-baike-list .card-header dl.l-1::after {
    content: '';
    width: 1px;
    height: 64px;
    position: absolute;
    top: 3px;
    right: 0;
    background-color: #ededed;
}

.show-baike-list .card-header dt {
    width: 110px;
    text-align: center;
}

.show-baike-list .card-header dd a {
    width: 143px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #777
}

.show-baike-list .card-header dd a:hover {
    color: #1054ee;
}

.show-baike-list .card-body {
    padding: 10px 20px 20px
}

.show-baike-list .card-body .title-m {
    line-height: 42px;
}

.show-baike-list .card-body .text-link-x2 li {
    width: 260px
}

.show-baike-list .card-body .text-link-x2 li a {
    width: 330px;
    height: 32px;
    padding-left: 13px;
}

.show-baike-list .card-body .baike-new {
    padding-right: 20px;
}

.show-baike-list .card-body .text-link-x2 li a::after {
    width: 5px;
    height: 5px;
    background-color: #e1e1e1;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 13px;
    content: '';
}

.show-baike-list .zt-list .zt-wrap {
    width: 340px;
    height: 120px;
    margin-top: 8px;
    background-color: #f0e0e0;
}

.show-baike-list .zt-list .zt-wrap .prev-next {
    top: 0;
    right: 0;
    z-index: 99;
}

.show-baike-list .zt-list .zt-wrap .prev-next span {
    padding: 0 3px;
    height: 24px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    display: inline-block;
}

.show-baike-list .zt-list .zt-wrap .prev-next span:hover {
    color: #000;
    background-color: rgba(255, 255, 255, 0.75);
}

.footer {
    padding-top: 50px;
    color: hsla(0, 0%, 100%, .6);
    background: #111;
    position: relative;
    z-index: 999;
    font-weight: 400;
}

.footer .container {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #2f333a;
}

.footer .container dt {
    font-size: 16px;
}

.footer .container dd {
    padding-top: 5px;
}

.footer .container dd span {
    width: 120px;
    height: 58px;
}

.openUrl {
    cursor: pointer;
}

.footer .openUrl img {
    opacity: 0.8;
}

.footer .openUrl:hover img {
    opacity: 1;
}

.footer a {
    color: hsla(0, 0%, 100%, .6);
}

.footer .nav-wrap {
    padding-bottom: 20px;
}

.footer .nav-wrap dl {
    float: left;
    margin-right: 60px;
}

.footer .nav-wrap dl a {
    line-height: 20px;
}

.footer .nav-wrap dl a:hover {
    color: #fff;
}

.footer .nav-wrap dt {
    color: rgba(255, 255, 255, 1);
}

.footer .nav-wrap dd {
    height: 20px;
    line-height: 20px;
    margin-bottom: 12px;
}

.footer .nav-wrap dl.baike dd>a {
    margin-right: 25px
}

.footer .nav-wrap dd .phone {
    color: rgba(255, 255, 255, 1);
}

.footer .nav-wrap dl.service {
    width: 220px;
    margin-right: 0
}

.footer .nav-wrap dl.service .d-flex {
    height: 72px;
}

.footer .nav-wrap dl.service dd span {
    width: 100px
}

.footer .nav-wrap dl.service img {
    border-radius: 2px;
}

.footer .logo {
    padding-left: 25px;
    background-image: url("../iconpng/logo@20.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 20px;
}

.footer .link {
    border-top: 1px solid #2f333a;
    padding-top: 15px;
    margin-bottom: 50px;
}

.footer .link dt {
    height: 30px;
}

.footer .link dt span {
    margin-right: 10px;
    cursor: default;
}

.footer .link dt .on {
    color: #fff;
    font-size: 14px;
}

.footer .link a {
    margin-right: 12px;
    font-size: 12px;
    margin-bottom: 8px;
    display: inline-block;
}

.footer .link a:hover {
    color: #fff;
}

.footer .footer-bottom {
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    overflow: hidden;
    background: #090e19;
}

.footer .fixed-tool {
    z-index: 20;
    position: fixed;
    right: 0;
    bottom: 40px;
    width: 36px;
    border-radius: 4px 0 0 4px;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.18);
    text-align: center;
}

.dialogbody {
    height: 540px;
}

.dialogbody .left {
    width: 246px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 30px;
    background-position: center 200px;
    background-repeat: no-repeat;
    background-size: cover;
}

.dialogbody .left h2 {
    height: 60px;
    line-height: 30px;
    font-size: 20px;
}

.dialogbody .left h3 {
    position: relative;
    padding-top: 5px;
    padding-bottom: 32px;
}

.dialogbody .left h3::after {
    width: 48px;
    height: 2px;
    content: "";
    position: absolute;
    bottom: 13px;
    left: 0;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 2px;
}

.dialogbody .left p {
    line-height: 28px;
    color: rgba(255, 255, 255, .7);
}

.dialogbody .right {
    flex: 1;
}

.dialogbody .left .qrcode {
    padding: 12px;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 13px;
    box-shadow: 0 0 30px rgb(0 0 0 / 30%);
}

.dialogbody .left .qrcode img {
    border-radius: 20px;
}

#pageLoadWrap {
    background-color: #f00
}

#price-page {
    background-repeat: no-repeat;
    background-position: 0 top;
    background-size: 100%;
    background-attachment: fixed
}

#price-page::before {
    width: 420px;
    height: 420px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    content: '';
    position: fixed;
    top: 160px;
    left: -210px;
}

#price-page::after {
    width: 260px;
    height: 260px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    content: '';
    position: fixed;
    bottom: 120px;
    right: -160px;
}

#price-page .main {
    padding-top: 150px;
}

#price-page .price-var .item {
    width: 220px;
    padding-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
}

#price-page .price-var .item .header {
    height: 150px;
    padding: 20px 0;
    position: relative;
}

#price-page .price-var .item .header h2,
#price-page .price-var .item .header .price-body {
    z-index: 9;
}

#price-page .price-var .item .text-list {
    padding: 20px 20px 5px 20px;
}

#price-page .price-var .item .text-list p {
    line-height: 28px;
    padding-left: 15px;
    margin-bottom: 12px;
    position: relative;
    color: #666
}

#price-page .price-var .item .text-list p::before {
    width: 5px;
    height: 5px;
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 5px;
}

#price-page .price-var .item .text-list p.first {
    margin-bottom: 5px
}

#price-page .price-var .item .text-list p.first::before {
    height: 14px;
    top: 7px;
}

#price-page .price-var .price-body {
    overflow: hidden;
    margin-top: 10px;
    color: #fff;
    height: 0;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s ease 0s;
}

#price-page .price-var .item .price-cur,
#price-page .price-var .item:hover .price-hover {
    height: auto;
    opacity: 1;
    transform: scale(1);
    z-index: 3;
}

#price-page .price-var .item:hover .price-cur {
    height: 0;
    opacity: 0;
    transform: scale(0);
    z-index: 3;
}

#price-page .price-var .bg em {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 30px;
    border: 1px solid rgb(255, 255, 255, 0.25)
}

#price-page .price-var .header span {
    letter-spacing: 6px;
    z-index: 3;
}

#price-page .price-var .item:nth-child(1) .header {
    background-image: linear-gradient(90deg, rgb(166 186 216) 0%, rgb(139 164 202) 100%);
}

#price-page .price-var .item:nth-child(1) .but,
.table-main .table-wrap .vip-btn:nth-child(1) .but {
    border: 1px solid rgb(139 164 202);
    line-height: 32px !important;
    color: #586d8c !important;
}

#price-page .price-var .item:nth-child(1) .text-list p::before {
    background-color: rgb(140 165 202 / 40%);
}

#price-page .price-var .item:nth-child(1) .text-list p.first::before {
    background-color: rgb(140 165 202);
}

#price-page .price-var .item:nth-child(2) .header,
#price-page .price-var .item:nth-child(2) .but,
.table-main .table-wrap .vip-btn:nth-child(2) .but {
    background-image: linear-gradient(90deg, rgb(59, 202, 121) 0%, rgb(34, 202, 114) 100%);
}

#price-page .price-var .item:nth-child(2) .text-list p::before {
    background-color: rgb(220 170 102 / 40%);
}

#price-page .price-var .item:nth-child(2) .text-list p.first::before {
    background-color: rgb(220 170 102);
}

#price-page .price-var .item:nth-child(3) .header,
#price-page .price-var .item:nth-child(3) .but,
.table-main .table-wrap .vip-btn:nth-child(3) .but {
    background-image: linear-gradient(90deg, rgb(255 99 133) 0%, rgb(233 63 80) 100%);
}

#price-page .price-var .item:nth-child(3) .text-list p::before {
    background-color: rgb(233 63 80 / 40%);
}

#price-page .price-var .item:nth-child(3) .text-list p.first::before {
    background-color: rgb(233 63 80);
}

#price-page .price-var .item:nth-child(4) .header,
#price-page .price-var .item:nth-child(4) .but,
.table-main .table-wrap .vip-btn:nth-child(4) .but {
    background-image: linear-gradient(90deg, rgb(128 148 254) 0%, rgb(106 123 255) 100%);
}

#price-page .price-var .item:nth-child(4) .text-list p::before {
    background-color: rgb(106 123 255 / 40%);
}

#price-page .price-var .item:nth-child(4) .text-list p.first::before {
    background-color: rgb(106 123 255);
}

#price-page .price-var .item:nth-child(5) .header,
#price-page .price-var .item:nth-child(5) .but,
.table-main .table-wrap .vip-btn:nth-child(5) .but {
    background-image: linear-gradient(90deg, rgb(35 182 251) 0%, rgb(103, 173, 255) 100%);
}

#price-page .price-var .item:nth-child(5) .text-list p::before {
    background-color: rgb(54 140 241 / 40%);
}

#price-page .price-var .item:nth-child(5) .text-list p.first::before {
    background-color: rgb(54 140 241);
}

#price-page .consulting {
    padding: 0 40px;
}

#price-page .but {
    line-height: 34px;
    padding: 0 20px;
    display: inline-block;
    border-radius: 20px;
    cursor: pointer;
}

#price-page .but:hover {
    opacity: 0.8;
}

#price-page .table-main {
    padding-top: 30px;
}

#price-page .table-main .table-sticky {
    position: sticky;
    top: 60px;
    padding-top: 20px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}

.table-main .table-wrap {
    width: 100%;
    border-top: 1px solid #e9e9f3;
    border-left: 1px solid #e9e9f3;
    background-color: #fff;
}

.table-main .table-wrap tr td {
    text-align: center;
    border-bottom: 1px solid #e9e9f3;
    border-right: 1px solid #e9e9f3;
    box-sizing: border-box;
    padding: 20px;
    width: 180px;
}

.table-main .table-wrap .firstColumn {
    width: 60px !important;
}

.table-main .table-wrap .w120 {
    width: 120px !important;
}

.table-main .table-wrap .vertical-mode {
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.table-main .vip-title {
    width: 100%;
    height: 100%;
}

.table-main .vip-version {
    top: 30px;
    right: 20%;
}

.table-main .vip-feature {
    bottom: 30px;
    left: 10%;
}

#price-page .table-main .table-sticky tbody tr:nth-child(2) {
    display: none;
}

#price-page .table-main .table-sticky.table-sticky-cur tbody tr:nth-child(2) {
    display: contents;
}

#price-page .table-main .table-sticky.table-sticky-cur tbody tr:nth-child(2) td {
    padding: 10px 20px 20px !important
}

#price-page .table-main .table-sticky.table-sticky-cur .vip-version {
    top: 40px !important;
    right: 30% !important;
}

#price-page .table-main .table-sticky.table-sticky-cur .vip-feature {
    bottom: 40px !important;
    left: 30% !important;
}

.table-main .divide-line {
    width: 130px;
    height: 1px;
    background: #e0e0ef;
    left: 40px;
    transform: rotate(45deg);
    padding: 0;
}

.table-main .iconfont {
    font-size: 18px;
    font-weight: bold;
}

#moban-page .main {
    margin-top: 110px;
}

#moban-page .moban-nav {
    padding: 20px 20px 7px 25px;
}

#moban-page .moban-nav dl {
    margin-bottom: 10px;
}

#moban-page .moban-nav dt {
    width: 60px;
}

#moban-page .moban-nav dt i {
    margin-left: 3px;
    font-size: 14px !important
}

#moban-page .moban-nav dd>a {
    display: inline-block;
    padding: 0 10px 0 10px;
    margin: 0 10px 5px 0;
    border-radius: 2px;
}

#moban-page .moban-nav dd>a.cur,
#moban-page .moban-nav dd>a:hover {
    color: #1054ee;
    background-color: rgba(10, 119, 255, 0.07);
}

#moban-page .moban-list li {
    height: 480px;
    border-radius: 4px;
    margin-bottom: 30px;
    transform: translate3d(0, 0px, 0);
    transition: all 0.2s linear;
    background-color: #fff;
}

#moban-page .moban-list li .pic {
    position: relative;
    width: 700px;
    height: 418px;
    border: 5px solid #333;
    border-radius: 20px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2);
    overflow: hidden;
    float: left
}

#moban-page .moban-list li .pic .picUrl {
    overflow: hidden;
    display: block;
    transition: all .3s ease-out 0s;
}

#moban-page .moban-list li .info {
    padding: 20px 0 0 60px;
    float: left;
    width: 500px;
}

#moban-page .moban-list li .info .btn-link {
    height: 48px;
    line-height: 48px;
    border-radius: 40px;
    font-size: 16px;
}

#moban-page .moban-list li b {
    font-size: 42px;
    display: block;
    font-weight: normal;
    margin-bottom: 10px;
}

#moban-page .moban-list li span {
    color: #999;
}

#moban-page .moban-list li .typeData span::after {
    content: '、';
}

#moban-page .moban-list li .typeData span:last-child::after {
    content: '';
}

#moban-show-page .main {
    margin-top: 120px;
}

#moban-show-page .moban-header {
    margin-bottom: 80px;
}

#moban-show-page .moban-image {
    width: 58%;
    margin-right: 5%;
    position: relative;
}

#moban-show-page .moban-image .thumb {
    border: 5px solid #333;
    background-color: #333;
    position: relative;
    border-radius: 20px;
    box-shadow: 0 45px 80px -24px #b3b3b3;
    overflow: hidden;
}

#moban-show-page .moban-image .preview {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 90px;
    top: 50%;
    left: 15%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s ease-out 0s;
}

#moban-show-page .moban-image .preview:hover {
    background-color: #0462d8 !important;
}

#moban-show-page .moban-image .code-wrap {
    width: 48px;
    height: 48px;
    right: 36px;
    opacity: 0;
    bottom: 0;
    z-index: 9;
    transition: all .3s ease-out 0s;
}

#moban-show-page .moban-image .code-btn {
    width: 48px;
    height: 48px;
    line-height: 48px;
    display: block;
    border-radius: 24px;
    text-align: center;
    cursor: pointer;
}

#moban-show-page .moban-image .code-body {
    width: 150px;
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    position: absolute;
    right: -94px;
    bottom: 74px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: all .3s cubic-bezier(.16, .57, 0, .76)
}

#moban-show-page .moban-image .generate-rqcode {
    width: 120px;
    height: 120px;
    margin-bottom: 10px
}

#moban-show-page .moban-image .generate-rqcode canvas {
    width: inherit !important;
    height: inherit !important;
}

#moban-show-page .moban-image:hover .code-wrap {
    opacity: 1;
    bottom: 36px;
}

#moban-show-page .moban-image:hover .preview {
    opacity: 1;
    left: 50%;
}

#moban-show-page .moban-image .code-wrap:hover .code-body {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#moban-show-page .moban-info {
    width: 37%;
}

#moban-show-page .moban-info .title {
    line-height: 74px;
}

#moban-show-page .moban-info .title h1 {
    margin-bottom: 4px
}

#moban-show-page .moban-info .title h2 span {
    position: relative;
    padding-right: 10px;
}

#moban-show-page .moban-info .title h2 span::after {
    height: 12px;
    width: 1px;
    content: '';
    border-right: 1px solid #e1e1e1;
    top: 3px;
    right: 3px;
    position: absolute;
}

#moban-show-page .moban-info .title h2 span:last-child::after {
    border-right: 0 none
}

#moban-show-page .moban-info .number {
    line-height: 74px;
}

#moban-show-page .moban-info .btn-wrap {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 36px;
}

.btnGetService {
    cursor: pointer;
}

#moban-show-page .moban-info .btnGetService {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    border-radius: 30px;
    text-align: center;
    font-weight: 400;
}

#moban-show-page .moban-info .btnGetService i {
    font-size: 18px
}

#moban-show-page .moban-info .descr h3 {
    line-height: 60px;
}

#moban-show-page .moban-list {
    padding-top: 25px;
}

#moban-show-page .moban-list li {
    width: 380px;
    height: 286px;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-right: 30px;
    transform: translate3d(0, 0px, 0);
    transition: all 0.2s linear;
    background-color: #fff;
    float: left;
}

#moban-show-page .moban-list li:nth-child(3n+3) {
    margin-right: 0;
}

#moban-show-page .moban-list li .pic {
    position: relative;
}

#moban-show-page .moban-list li .pic .picUrl {
    border-radius: 15px;
    border: 2px solid #000;
    overflow: hidden;
    display: block;
    transition: all .3s ease-out 0s;
}

#moban-show-page .moban-list li .pic .picUrl:hover {
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2);
}

#moban-show-page .moban-list li .info {
    padding: 13px 0 0 15px
}

#moban-show-page .moban-list li b {
    font-size: 14px;
    display: block;
    font-weight: normal;
    margin-bottom: 5px;
}

#moban-show-page .moban-list li span {
    color: #999
}

#moban-preview-page {
    height: 100%;
    overflow: hidden;
}

#moban-preview-page .tpl-header {
    width: 100%;
    height: 60px;
    padding: 0 30px;
    position: fixed;
    top: 0;
    left: 0;
    background: #f6f6f6;
    color: #777;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    z-index: 2;
}

#moban-preview-page .tpl-header>.tpl-left {
    width: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    float: left;
    line-height: 60px;
}

#moban-preview-page .tpl-header .device-select i {
    font-size: 24px;
    cursor: pointer;
    color: #dadada;
    display: inline-block;
}

#moban-preview-page .tpl-header .device-select .cur i,
#moban-preview-page .tpl-header .device-select i:hover {
    color: #000;
}

#moban-preview-page .tpl-header .tpl-logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#moban-preview-page .tpl-header .tpl-logo a {
    line-height: 60px;
    color: #323232;
}

#moban-preview-page .tpl-header .tpl-right {
    float: right;
}

#moban-preview-page .tpl-header .tpl-right .btn-link {
    height: 36px;
    margin: 11px 0 11px 13px;
}

#moban-preview-page .tpl-header .tpl-right .btns {
    text-align: center;
    border-radius: 19px;
}

#moban-preview-page .tpl-header .tpl-right .toggler-btn {
    background-color: #e1e1e1;
    border: solid 1px #e1e1e1;
    line-height: 36px;
    text-align: center;
    border-radius: 19px;
    font-size: 14px;
}

#moban-preview-page .tpl-header .tpl-right .btn-t {
    position: fixed;
    top: 0;
    opacity: 0;
    background-color: #fff !important;
    border: solid 1px #fff !important;
    box-shadow: 0 1px 20px 0 rgb(0 0 0 / 10%);
    transition: all 0.3s ease-out 0s;
}

#moban-preview-page .tpl-header .toggler-btn {
    cursor: pointer;
}

#moban-preview-page .tpl-body {
    width: 100%;
    position: fixed;
    top: 60px;
    left: 0;
    background-color: #f6f6f6;
    height: calc(100vh - 60px);
    z-index: 1;
}

#moban-preview-page .tpl-preview {
    height: 100%;
    overflow-x: auto;
}

#moban-preview-page .tpl-frame {
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: #fff;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#moban-preview-page .frame {
    border: none;
    display: block;
    min-height: 100%;
}

#moban-preview-page .urlQrcode {
    padding: 15px;
    width: 190px;
    border-radius: 3px;
    right: calc(50% - 420px);
    top: 0;
    box-shadow: 0 20px 40px 0 rgb(0 0 0 / 20%);
    position: absolute;
    background-color: #fff;
    text-align: center;
    opacity: 0;
    z-index: -1;
}

#moban-preview-page .urlQrcode canvas {
    width: 160px;
    height: 160px;
}

#moban-preview-page .urlQrcode .txt {
    line-height: 22px;
}

#moban-preview-page #shouji .tpl-frame {
    width: 320px;
    height: 640px;
    margin: -320px auto 0 auto;
    top: 50%;
    position: relative;
    padding: 48px 0 54px;
    border-radius: 30px;
    box-shadow: 0 20px 40px 0 rgb(0 0 0 / 20%);
}

#moban-preview-page #shouji .top-icon {
    width: 90px;
    height: 6px;
    border-radius: 3px;
    background-color: #e1e1e1;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -45px;
}

#moban-preview-page #shouji .footer-icon {
    width: 90px;
    height: 3px;
    border-radius: 3px;
    background-color: #e1e1e1;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -45px;
}

#moban-preview-page #shouji .urlQrcode {
    top: calc(50% - 182px);
    opacity: 1;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.65s;
}

#moban-preview-page.tpl-header-hidden .tpl-header {
    top: -60px;
}

#moban-preview-page.tpl-header-hidden .btn-t {
    width: 110px !important;
    position: fixed;
    right: 30px;
    top: 0px;
    opacity: 1 !important;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.65s;
}

#moban-preview-page.tpl-header-hidden .tpl-body {
    height: 100vh !important;
    top: 0;
}

#moban-preview-page .loading {
    width: 320px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #000;
}

.card-tag .x3-list {
    padding: 10px 20px
}

.card-tag .x3-list li {
    width: 33.3333%;
    line-height: 36px;
    padding-left: 10px;
    position: relative;
}

.card-tag .x3-list li::before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #1054ee;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 15px;
    left: 0
}

.card-tag .x3-list li>a::after {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e72d';
    position: absolute;
    transform: rotate(270deg);
    opacity: 0;
}

.card-tag .x3-list li>a:hover::after {
    opacity: 1;
}

.tags-page #aside-main {
    width: 885px;
}

.tags-page #aside-right {
    width: 300px;
}

#tags-show-page .card-tag {
    padding: 20px
}
#tags-show-page .main{
    background-image: url(../img/bg/wechatBox5.png);
    background-repeat: no-repeat;
    background-position: center 0;
}
#tags-show-page .tag-header {
    padding:25px;
    background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, #ffffff 100%);
}
#tags-show-page .tag-header .tag-img {
    width: 220px;
    margin-right: 15px
}

#tags-show-page .tag-header .tag-img img {
    width: inherit;
    height: inherit;
}

#tags-show-page .tag-header .tag-title {
    line-height: 32px;
}

#tags-show-page .tag-header .tag-desc>p {
    margin-bottom: 10px;
}

#tags-show-page .tag-header .tag-desc li {
    margin-bottom: 10px;
}

#tags-show-page .tag-header .tag-desc ul>li {
    list-style: inside;
}

#tags-show-page .tag-header .tag-desc ol {
    padding-left: 15px
}

#tags-show-page .tag-header .tag-desc ol>li {
    list-style: decimal;
}

#tags-show-page .tag-header .sd-tag{display: inline-block;margin-bottom:10px;margin-right:10px}

#tags-show-page .idx-product-wrap{
    padding-top:0 !important
}

.guanyu-main .banner {
    height: 400px;
    padding-top: 70px;
}

.guanyu-main .banner>.wrap {
    height: inherit;
}

.guanyu-main .banner>.wrap::before,
.guanyu-main .banner>.wrap::after {
    content: '';
    background-color: rgba(255, 255, 255, 0.1);
    display: block;
    position: absolute;
    border-radius: 50%;
}

.guanyu-main .banner>.wrap::before {
    width: 120px;
    height: 120px;
    top: -60px;
    left: 0;
}

.guanyu-main .banner>.wrap::after {
    width: 240px;
    height: 240px;
    bottom: -30px;
    right: 40px;
}

.guanyu-main .banner>.wrap .guanyu-title {
    font-size: 64px;
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 100;
}

.guanyu-main .guanyu-nav {
    height: 90px;
    margin-top: -45px;
    margin-bottom: 20px;
    padding: 0 24%;
    z-index: 1;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}

.guanyu-main .guanyu-nav ul {
    height: inherit;
    line-height: 90px;
    text-align: center;
}

.guanyu-main .guanyu-nav ul li::before {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    position: absolute;
    background-color: #e1e4e8;
    bottom: 36px;
    right: -50%;
    z-index: 1;
    transition: all 0.3s;
}

.guanyu-main .guanyu-nav ul li:last-child::before {
    background-color: transparent
}

.guanyu-main .guanyu-nav a::after {
    content: "";
    display: block;
    width: 70px;
    height: 5px;
    position: absolute;
    bottom: 36px;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all 0.3s;
}

.guanyu-main .guanyu-nav a:hover {
    color: #000
}

.guanyu-main .guanyu-nav a:hover::after,
.guanyu-main .guanyu-nav a.cur::after {
    background-color: #add2ff;
}

.guanyu-main .guanyu-nav span {
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}

.guanyu-main .shudou {
    height: 460px;
    padding: 128px 50px 60px 50px;
}

.guanyu-main .shudou h1 {
    height: 450px;
    line-height: 450px;
    font-size: 450px;
    text-shadow: 50px 1px 64px rgb(10, 119, 255, 0.1);
    letter-spacing: 30px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0
}

.guanyu-main .shudou h2 {
    position: relative;
    z-index: 1;
}

.guanyu-main .shudou p {
    text-indent: 2em;
    position: relative;
    z-index: 1;
}

.guanyu-main .service-list {
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.06);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.guanyu-main .service-list .item {
    flex: 0 0 20%;
    padding: 30px 30px;
}

.guanyu-main .service-list .img {
    margin-right: 10px
}

.guanyu-main .service-list img {
    width: 42px;
}

.guanyu-main .service-list b {
    font-size: 18px
}

.guanyu-main .tag-list span {
    width: 31.333%;
    padding-left: 10px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 13px;
    box-shadow: 0 12px 48px 0 rgb(0 33 71 / 8%);
    background-color: #fff !important;
}

.guanyu-main .tag-list span::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #1054ee;
    content: '';
    margin-right: 8px;
    display: inline-block;
    vertical-align: 2px;
}

.guanyu-main .m-left {
    width: 600px;
    padding-right: 10px;
}

.guanyu-main .m-right {
    width: 590px;
    padding-left: 10px;
}

.guanyu-main .focus-product {
    background-color: #f5f7fb;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0;
    padding-bottom: 84px;
}

.guanyu-main .wenhua-wrap {
    height: 400px;
    margin: 80px 100px;
    position: relative;
}

.guanyu-main .wenhua-wrap .pinpai {
    width: 430px;
    height: 413px;
    padding-top: 130px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 40px;
}

.guanyu-main .wenhua-wrap .pinpai h1 {
    letter-spacing: 1px;
    font-size: 62px;
    color: #1054ee;
}

.guanyu-main .wenhua-wrap .pinpai h2 {
    letter-spacing: 1px;
}

.guanyu-main .wenhua-wrap .content {
    height: inherit;
}

.guanyu-main .wenhua-wrap p {
    width: 320px;
    height: 102px;
    line-height: 22px;
    box-shadow: 0 12px 48px 0 rgb(0 33 71 / 8%);
    background-color: #fff !important;
    padding: 18px 22px;
    top: 0;
    position: absolute;
}

.guanyu-main .wenhua-wrap p b {
    display: block;
    line-height: 42px;
    font-size: 20px;
}

.guanyu-main .wenhua-wrap p span {
    display: block;
    border-radius: 2px;
}

.guanyu-main .wenhua-wrap p:nth-child(-n+3) {
    left: 0;
}

.guanyu-main .wenhua-wrap p:nth-child(3),
.guanyu-main .wenhua-wrap p:nth-child(6) {
    top: 264px;
}

.guanyu-main .wenhua-wrap p:nth-child(n+3) {
    right: 0
}

.guanyu-main .wenhua-wrap p:nth-child(2) {
    top: 132px;
    left: -100px
}

.guanyu-main .wenhua-wrap p:nth-child(4) {
    top: 132px;
    right: -100px
}

.guanyu-main .lianxi-wrap {
    padding: 80px 0 20px 0
}

.guanyu-main .lianxi-wrap .item span {
    display: block;
}

.guanyu-main .lianxi-wrap .item p {
    line-height: 35px;
}

.guanyu-main .lianxi-wrap .item:nth-child(1) {
    padding-right: 50px;
}

.guanyu-main .lianxi-wrap .item .icon {
    width: 42px;
}

.guanyu-main .lianxi-wrap .item:nth-child(1) p:nth-child(1) {
    width: 160px;
}

.guanyu-main .lianxi-wrap .item:nth-child(2) p {
    width: 148px;
}

.guanyu-main .lianxi-wrap .item:nth-child(2) p .code {
    width: 65% !important;
}

.guanyu-main .zhifu-wrap {
    padding: 50px 0 80px 0;
}

.guanyu-main .zhifu-wrap .item {
    width: 380px;
    padding: 15px 20px 12px 20px;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}

.guanyu-main .zhifu-wrap .item .ico {
    height: 54px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 10px
}

@keyframes float-bob {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@-webkit-keyframes float-bob {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

.slider-bar {
    max-height: 232px;
    position: fixed;
    right: 10px;
    bottom: 50vh;
    font-size: 14px;
    z-index: 8888;
}

.slider-bar ul {
    width: 40px;
    position: relative;
    right: 0;
}

.slider-bar ul li {
    width: 40px;
    height: 40px;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    position: relative;
    font-size: 12px;
}

.slider-bar ul li .dropdown {
    width: 180px;
    min-height: 40px;
    padding: 5px;
    max-height: 268px;
    border-radius: 3px;
    background: #fff;
    right: 62px;
    position: absolute;
    border: 1px solid #e1e6ec;
    display: none;
    opacity: 0;
}

.slider-bar ul li .dropdown .triangle {
    top: 12px;
    right: -11px;
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #e1e6ec;
    z-index: 1010;
}

.slider-bar ul li .dropdown .triangle:before {
    content: "\20";
    width: 80px;
    height: 45px;
    top: -20px;
    right: -52px;
    position: absolute;
    background: rgba(0, 0, 0, 0);
}

.slider-bar ul li .dropdown .triangle:after {
    content: "\20";
    top: -6px;
    right: 1px;
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #fff;
    z-index: 1000;
}

.slider-bar ul li .dropdown-msg {
    width: 218px;
    min-height: 40px;
    padding: 5px;
    max-height: 268px;
    border-radius: 3px;
    background: #fff;
    right: 62px;
    position: absolute;
    border: 1px solid #e1e6ec;
    display: none;
    opacity: 0;
}

.slider-bar ul li .dropdown-msg .triangle {
    top: 12px;
    right: -11px;
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #e1e6ec;
    z-index: 1010;
}

.slider-bar ul li .dropdown-msg .triangle:before {
    content: "\20";
    width: 80px;
    height: 45px;
    top: -20px;
    right: -52px;
    position: absolute;
    background: rgba(0, 0, 0, 0);
}

.slider-bar ul li .dropdown-msg .triangle:after {
    content: "\20";
    top: -6px;
    right: 1px;
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #fff;
    z-index: 1000;
}

.slider-bar ul li .dropdown-msg .text {
    text-align: left;
    padding: 10px;
    line-height: 1.7
}

.slider-bar ul .open-msg .dropdown-msg {
    display: block;
    opacity: 1;
    transition: linear 0.2s;
    animation-name: fade-in;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-delay: 0s;
}

.slider-bar ul li .text {
    color: #6b798e;
    text-align: center;
}

.slider-bar ul li:hover {
    border: 0;
    background-color: #1054ee;
}

.slider-bar ul li .title {
    font-size: 14px;
}

.slider-bar ul li .text {
    color: #6b798e;
    text-align: center;
}

.slider-bar ul li .qrimg {
    text-align: center;
}

.slider-bar ul li:hover .dropdown {
    display: block;
    opacity: 1;
    transition: linear 0.2s;
    animation-name: fade-in;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-delay: 0s;
}

.slider-bar ul li::after,
.slider-bar ul li::after {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 25px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    border-radius: 0 0 4px 4px;
}

.slider-bar ul li:hover::after {
    color: #fff;
    background: #1054ee;
}

.slider-bar ul li.contact {
    height: 60px;
    background-position: 9px -264px;
    cursor: default;
}

.slider-bar ul li.contact:hover {
    background-position: -33px -264px;
}

.slider-bar ul li.contact::after {
    content: "\5ba2\670d";
}

.slider-bar ul li.feedback {
    height: 60px;
    background-position: 12px -136px;
    cursor: default;
}

.slider-bar ul li.feedback:hover {
    background-position: -32px -136px;
}

.slider-bar ul li.feedback::after {
    content: "\53cd\9988";
}

.slider-bar ul li.qr-code {
    background-position: 10px -185px;
    cursor: default;
}

.slider-bar ul li.qr-code:hover {
    background-position: -34px -185px;
}

.slider-bar ul li.qr-code .dropdown {
    width: 146px;
}

.slider-bar ul li.scroll-top {
    transition: height 0.3s ease-in-out, margin 0.38s cubic-bezier(0.42, 0, 0, 2);
    background-position: 12px -232px;
    opacity: 1;
}

.slider-bar ul li.scroll-top:hover {
    background-position: -32px -232px;
}

.slider-bar ul li.scroll-top.none {
    opacity: 0;
    height: 0;
}

.slider-bar .scroll-top .dropdown {
    width: 120px;
    font-size: 14px;
    line-height: 28px;
    padding-left: 20px;
}

.slider-bar .btn-link.btn-medium {
    width: 158px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    text-align: center;
    margin: 5px;
    overflow: hidden;
    padding: 0 5px;
}

.slider-bar .btn-link.btn-medium .iconfont {
    vertical-align: -2px
}

@keyframes fade-in {
    0% {
        opacity: 0.4;
        right: 82px;
    }

    100% {
        opacity: 1;
        right: 62px;
    }
}

@media (max-width:1480px) {}

@media (max-width:1440px) {
    .idx-template .num {
        bottom: -100px;
        font-size: 70px;
    }

    .idx-template .swiper-slide-active .num {
        bottom: -50px;
    }
}

@media (max-width:1279px) {}

@media (min-width:1300px) {}

@media (min-width:1600px) {}

@media (min-width:1900px) {

    .idx-banner,
    .idx-banner .bd li,
    .idx-banner .bd li .wrap {
        height: 720px
    }

    #home-page .main {
        margin-top: 720px
    }

    .idx-banner .bd li .wrap .text {
        padding-top: 226px;
    }

    .idx-banner .bd li .wrap .pic {
        top: 210px;
    }
}