abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: rgba(0, 0, 0, 0)
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: PingFangSC, Microsoft YaHei, sans-serif
}

body {
    font-size: 12px;
    line-height: 1
}

:focus {
    outline: 1
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: rgba(0, 0, 0, 0);
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: inherit
}

ins {
    text-decoration: none
}

ins,
mark {
    background-color: #ff9;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

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

hr {
    display: block;
    height: 1Px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle;
    padding: 0;
    outline: none
}

.c-red {
    color: #fe5b4c
}

.c-blue {
    color: #4c6aff
}

body {
    min-width: 1180px
}

.g-wrapper {
    width: 1200px;
    margin: 0 auto
}

.g-container {
    padding-top: 92px;
    margin-top: 64px
}

.g-header {
    background-color: #111f33
}

.g-header .g-header-navbar {
    background: #2b2e33;
    line-height: 32px;
    height: 32px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999
}

.g-header .g-header-navbar .left {
    float: left;
    display: none
}

.g-header .g-header-navbar .right {
    float: right
}

.g-header .g-header-navbar .right a {
    margin-left: 50px;
    color: #fff
}

.g-header .g-header-loginbar {
    -webkit-transition: top .4s;
    -moz-transition: top .4s;
    transition: top .4s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 64px;
    background: #fff;
    -webkit-box-shadow: inset 0 -1px 0 #eceff4;
    box-shadow: inset 0 -1px 0 #eceff4
}

.g-header .g-header-loginbar .g-header-loginbar-logo {
    width: 260px;
    display: inline-block
}

.g-header .g-header-loginbar .g-header-loginbar-logo a {
    margin-top: 16px;
    height: 28px;
    display: block;
    background: url(../image/logo.23c43759.png) no-repeat top;
    -webkit-background-size: contain;
    background-size: contain
}

.g-header .g-header-loginbar .g-header-loginbar-nav {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    margin-left: 24px
}

.g-header .g-header-loginbar .g-header-loginbar-nav #id_tab_solution,
.g-header .g-header-loginbar .g-header-loginbar-nav a {
    display: inherit;
    height: 100%;
    margin-right: 20px;
    line-height: 64px;
    color: #111f33;
    position: relative
}

.g-header .g-header-loginbar .g-header-loginbar-nav #id_tab_solution:after,
.g-header .g-header-loginbar .g-header-loginbar-nav a:after {
    display: block;
    width: 0;
    height: 4px;
    background: #386ee7;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.g-header .g-header-loginbar .g-header-loginbar-nav #id_tab_solution.active:after,
.g-header .g-header-loginbar .g-header-loginbar-nav #id_tab_solution:hover:after,
.g-header .g-header-loginbar .g-header-loginbar-nav a.active:after,
.g-header .g-header-loginbar .g-header-loginbar-nav a:hover:after {
    opacity: 1;
    width: 100%
}

/* .g-header .g-header-loginbar .g-header-loginbar-nav #id_tab_solution:nth-child(2):before,
.g-header .g-header-loginbar .g-header-loginbar-nav a:nth-child(2):before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    content: "买三送三";
    display: inline-block;
    color: #fff;
    background-color: #fe5b4c;
    border-radius: 4px 0;
    padding: 0 5px;
    width: 58px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    top: 4px;
    right: -36px
} */

/* .g-header .g-header-loginbar .g-header-loginbar-nav #id_tab_solution:nth-child(4):before,
.g-header .g-header-loginbar .g-header-loginbar-nav a:nth-child(4):before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    content: "国产化";
    display: inline-block;
    color: #fff;
    background-color: #fe5b4c;
    border-radius: 4px 0;
    padding: 0 5px;
    width: 44px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    top: 4px;
    right: -15px
} */

/* .g-header .g-header-loginbar .g-header-loginbar-nav #id_tab_solution:nth-child(5):before,
.g-header .g-header-loginbar .g-header-loginbar-nav a:nth-child(5):before {
    position: absolute;
    content: "电商";
    display: inline-block;
    color: #fff;
    background-color: #fe5b4c;
    border-radius: 4px 0;
    padding: 0 5px;
    width: 33px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    top: 4px;
    right: -25px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
} */

/* .g-header .g-header-loginbar .g-header-loginbar-nav #id_tab_solution:nth-child(7):before,
.g-header .g-header-loginbar .g-header-loginbar-nav a:nth-child(7):before {
    position: absolute;
    content: "外贸";
    display: inline-block;
    color: #fff;
    background-color: #fe5b4c;
    border-radius: 4px 0;
    padding: 0 5px;
    width: 30px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    top: 4px;
    right: -22px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
} */

.g-header .g-header-loginbar .g-header-loginbar-nav #id_tab_solution:last-child,
.g-header .g-header-loginbar .g-header-loginbar-nav a:last-child {
    margin-right: 0
}

.g-header .g-header-loginbar .g-header-loginbar-main {
    float: right
}

.g-header .g-header-loginbar .g-header-loginbar-main a {
    font-size: 14px;
    height: 100%;
    line-height: 64px;
    margin-left: 18px;
    display: inline-block;
    color: #a9b2c2;
    text-align: center
}

.g-header .g-header-loginbar .g-header-loginbar-main a.btn-free-use {
    background: #4c6aff;
    color: #fff;
    width: 94px;
    height: 37px;
    line-height: 37px;
    letter-spacing: -.336px;
    border-radius: 4px
}

/* .g-header .g-header-loginbar .g-header-loginbar-main a:nth-of-type(3) {
    color: #4c6aff
} */

.g-header.lighted .g-header-navbar {
    background: rgba(0, 0, 0, .2)
}

.g-header.lighted .g-header-loginbar .g-header-loginbar-logo a {
    background: url(../image/logo-lighted.23717933.png) no-repeat top;
    -webkit-background-size: contain;
    background-size: contain
}

.g-header.lighted .g-header-loginbar .g-header-loginbar-nav a {
    color: #fff
}

.g-header.lighted .g-header-loginbar .g-header-loginbar-main a.btn-login {
    color: #fff;
    border-color: #fff
}

.g-header.lighted.fixed .g-header-navbar {
    top: -32px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.g-header.lighted.fixed .g-header-loginbar {
    top: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    background: #fff;
    border-bottom: 1px solid #eceff4
}

.g-header.lighted.fixed .g-header-loginbar .g-header-loginbar-logo a {
    background: url(../image/logo.23c43759.png) no-repeat top;
    -webkit-background-size: contain;
    background-size: contain
}

.g-header.lighted.fixed .g-header-loginbar .g-header-loginbar-nav a {
    color: #111f33
}

.g-header.lighted.fixed .g-header-loginbar .g-header-loginbar-nav a.active,
.g-header.lighted.fixed .g-header-loginbar .g-header-loginbar-nav a:hover {
    border-color: #236def
}

.g-header.lighted.fixed .g-header-loginbar .g-header-loginbar-main a.btn-login {
    color: #236def;
    border-color: #236def
}

.g-header.lighted.fixed .g-header-navbar {
    height: 0;
    overflow: hidden
}

.g-left-nav {
    background-color: red;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    z-index: 99999;
    opacity: 1
}

.g-left-nav>a {
    display: block;
    width: 70px;
    height: 90px;
    -webkit-box-shadow: 0 4px 14px rgba(11, 63, 155, .3);
    box-shadow: 0 4px 14px rgba(11, 63, 155, .3);
    border-radius: 2px;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    margin-bottom: 17px;
    padding: 62px 11px 0;
    background-color: #3c7def;
    background-image: url(../image/icon-left-nav-a.1aa5eaf6.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    -webkit-background-size: 60px 48px;
    background-size: 60px 48px
}

.g-left-nav>a.yellow {
    background-color: #fecc5b;
    -webkit-box-shadow: 0 4px 14px rgba(145, 138, 128, .3);
    box-shadow: 0 4px 14px rgba(145, 138, 128, .3);
    color: #111f33
}

.g-left-nav>a:hover {
    background-image: url(../image/icon-left-nav-a-hover.7984404d.png);
    -webkit-box-shadow: 0 6px 16px rgba(55, 104, 230, .46);
    box-shadow: 0 6px 16px rgba(55, 104, 230, .46)
}

.g-left-nav>a:hover.yellow {
    -webkit-box-shadow: 0 6px 24px rgba(187, 137, 23, .46);
    box-shadow: 0 6px 24px rgba(187, 137, 23, .46)
}

.g-left-nav .g-left-nav-main {
    background: #3c7def;
    -webkit-box-shadow: 0 4px 14px rgba(11, 63, 155, .3);
    box-shadow: 0 4px 14px rgba(11, 63, 155, .3);
    border-radius: 2px;
    padding: 0 8px
}

.g-left-nav .g-left-nav-main div {
    border-bottom: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    position: relative
}

.g-left-nav .g-left-nav-main div:last-child {
    border-bottom: 0
}

.g-left-nav .g-left-nav-main div.icon-1 {
    background: url(../image/icon-left-nav-1.ec70dd78.png) no-repeat 12px 17px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    padding: 55px 0 8px;
    height: 81px
}

.g-left-nav .g-left-nav-main div.icon-1:hover {
    background: url(../image/icon-left-nav-1-hover.24df95aa.png) no-repeat 12px 17px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px
}

.g-left-nav .g-left-nav-main div.icon-2 {
    background: url(../image/icon-left-nav-2.b565e8bd.png) no-repeat 12px 13px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    padding: 51px 0 12px
}

.g-left-nav .g-left-nav-main div.icon-2:hover {
    background: url(../image/icon-left-nav-2-hover.beeb70b4.png) no-repeat 12px 13px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px
}

.g-left-nav .g-left-nav-main div.icon-3 {
    background: url(../image/icon-left-nav-3.f985114b.png) no-repeat 12px 11px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    padding: 49px 0 12px
}

.g-left-nav .g-left-nav-main div.icon-3 span {
    display: none;
    width: 208px;
    height: 113px;
    background: url(../image/icon-left-nav-3-hover-img.b591ab57.png) no-repeat top;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: -10px;
    left: -190px
}

.g-left-nav .g-left-nav-main div.icon-3:hover {
    background: url(../image/icon-left-nav-3-hover.360b812e.png) no-repeat 12px 11px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px
}

.g-left-nav .g-left-nav-main div.icon-3:hover span {
    display: block
}

.g-left-nav .g-tjyl a {
    display: inline-block;
    margin-top: 30px;
    width: 70px;
    height: 94px;
    background: url(../image/icon-nav-tjyl.4b38b187.png) no-repeat 50%;
    -webkit-background-size: 74px 95px;
    background-size: 74px 95px
}

.g-left-nav .g-tjyl a:hover {
    -webkit-filter: drop-shadow(0 4px 14px rgba(197, 86, 62, .29));
    filter: drop-shadow(0 4px 14px rgba(197, 86, 62, .29))
}

.g-left-nav_new {
    visibility: hidden;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
    z-index: 99999;
    width: 56px;
    height: 268px;
    -webkit-box-shadow: 0 4px 8px rgba(214, 225, 234, .3);
    box-shadow: 0 4px 8px rgba(214, 225, 234, .3);
    border-radius: 0 0 8px 8px
}

.g-left-nav_new img {
    width: 56px;
    height: 18px;
    position: absolute;
    left: -28px;
    top: 90px;
    z-index: 111
}

.g-left-nav_new .g-left-nav_bg {
    width: 56px;
    height: 350px;
    background: rgba(0, 0, 0, 0) url(../image/navBgTop.3a1e6bde.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 11;
    position: relative;
    pointer-events: none
}

.g-left-nav_new [class^=g-left-nav_new-] {
    width: 56px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    pointer-events: auto
}

.g-left-nav_new [class^=g-left-nav_new-]:not(.g-left-nav_new-d) {
    background-color: #fff
}

.g-left-nav_new [class^=g-left-nav_new-]:not(.g-left-nav_new-d):hover {
    background-color: #f5f8ff;
    cursor: pointer
}

.g-left-nav_new .g-left-nav_new-a {
    border-radius: 8px 8px 0 0;
    height: 92px;
    top: 0
}

.g-left-nav_new .g-left-nav_new-b {
    top: 92px;
    height: 84px
}

.g-left-nav_new .g-left-nav_new-help {
    top: 265px;
    height: 84px;
    border-radius: 0 0 8px 8px
}

.g-left-nav_new .g-left-nav_new-c {
    top: 176px;
    height: 91px
}

.g-left-nav_new .g-left-nav_new-a:after,
.g-left-nav_new .g-left-nav_new-c:after,
.g-left-nav_new .g-left-nav_new-help:after {
    display: block;
    content: "";
    height: 1px;
    width: 14px;
    position: absolute;
    background-color: #e1e6ed;
    margin: auto;
    left: 0;
    right: 0
}

.g-left-nav_new .g-left-nav_new-a:after {
    bottom: 0
}

.g-left-nav_new .g-left-nav_new-c:after {
    top: 0
}

.g-left-nav_new .g-left-nav_new-a:hover:after,
.g-left-nav_new .g-left-nav_new-b:hover~.g-left-nav_new-a:after,
.g-left-nav_new .g-left-nav_new-b:hover~.g-left-nav_new-c:after,
.g-left-nav_new .g-left-nav_new-c:hover:after,
.g-left-nav_new .g-left-nav_new-help:hover~.g-left-nav_new-a:after,
.g-left-nav_new .g-left-nav_new-help:hover~.g-left-nav_new-c:after {
    opacity: 0
}

.g-left-nav_new .g-left-nav_new-d {
    cursor: pointer;
    width: 52px;
    height: 100px;
    background: rgba(0, 0, 0, 0) url(../image/navBgB.95fc1d25.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: -200px;
    -webkit-background-size: contain;
    background-size: contain
}

.g-left-nav_new .g-left-nav_child {
    display: none;
    width: 116px;
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    top: 166px;
    left: -130px;
    padding: 4px 0;
    -webkit-box-shadow: 0 4px 8px rgba(214, 225, 234, .3);
    box-shadow: 0 4px 8px rgba(214, 225, 234, .3)
}

.g-left-nav_new .g-left-nav_child .g-left-nav_child-li {
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #4e5a70
}

.g-left-nav_new .g-left-nav_child .g-left-nav_child-li:hover {
    color: #4c6aff;
    background-color: #f5f8ff;
    cursor: pointer
}

.g-left-nav_new .g-left-nav_child .g-left-nav_child-li:nth-child(2):hover {
    color: #4e5a70;
    background-color: #f5f8ff
}

.g-left-nav_new .g-left-nav_child:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -20px;
    content: " ";
    width: 0;
    height: 0;
    border: 10px solid rgba(0, 0, 0, 0);
    border-left-color: #fff
}

.g-left-nav_new .g-left-nav_new-c:hover~.g-left-nav_child {
    display: block
}

.g-left-nav_new .g-left-nav_child:hover {
    display: block
}

/**footer *start*/
/* 清浮动公共类 */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    *zoom: 1; /* 兼容低版本IE */
}

.g-footer {
    background: #313845;
    padding-top: 50px;
    color: #c0c8d6;
}

/* 移除固定死高度，自适应内容 */
.g-footer .linkpart {
    padding-bottom: 20px;
}

/* 导航列表整体 */
.g-footer .linkpart > ul {
    display: flex;
    flex-wrap: wrap; /* 小屏自动换行，防止挤压 */
    align-items: flex-start;
    gap: 20px; /* 列表项间距，替代浮动margin */
}

/* 普通导航项 */
.g-footer .linkpart > ul > li:not(.contact-box) {
    width: 144px;
}

.g-footer .linkpart > ul li div.title {
    font-size: 16px;
    line-height: 22px;
    color: #c0c8d6;
    margin-bottom: 10px;
}

.g-footer .linkpart > ul li div.title a {
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    color: #c0c8d6;
    text-decoration: none;
}

.g-footer .linkpart > ul li div a {
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    color: #c0c8d6;
    text-decoration: none;
}

/* ========== 联系我们 核心排版优化 ========== */
.g-footer .linkpart .contact-box {
    flex: 1; /* 自适应占宽，不被挤压 */
    min-width: 300px; /* 最小宽度，防止小屏挤变形 */
}

.g-footer .linkpart .right {
    float: none; /* 取消浮动，改用正常文档流 */
}

/* 电话邮箱行 */
.g-footer .linkpart .right .phone-mail {
    font-size: 16px;
    line-height: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* 电话/邮箱之间间距，替代原margin-left */
    margin-bottom: 20px;
}

.g-footer .linkpart .right .phone-mail i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    margin-right: 6px;
    margin-top: 3px;
}

.g-footer .linkpart .right .phone-mail i.icon-phone {
    background: url(../image/icon_phone_new.22794e34.png);
    background-size: 16px 16px;
}

.g-footer .linkpart .right .phone-mail i.icon-mail {
    background: url(../image/icon_mail_new.8f1910e3.png);
    background-size: 16px 16px;
}

/* 底部图标组容器 */
.g-footer .linkpart .right .icons {
    margin-top: 12px;
}

.g-footer .linkpart .right .icons ul {
    display: flex;
    gap: 60px; /* 图标项间距，替代浮动+margin-right */
}

.g-footer .linkpart .right .icons li {
    float: none; /* 取消li浮动 */
    list-style: none;
    position: relative; /* 二维码绝对定位基准 */
}

.g-footer .linkpart .right .icons li a {
    display: inline-block;
    text-align: center;
    color: #c0c8d6;
    font-size: 12px;
    text-decoration: none;
    position: relative; /* 二维码定位父级 */
}

.g-footer .linkpart .right .icons li a > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
}

/* 图标背景 */
.g-footer .linkpart .right .icons li a i.icon-weixin {
    background: url(../image/icon_weixin.155b066c.png);
}
.g-footer .linkpart .right .icons li a i.icon-weibo {
    background: url(../image/icon_weibo.b3275890.png);
}
.g-footer .linkpart .right .icons li a i.icon-topic {
    background: url(../image/icon_topic.7d5f1ea7.png);
}
.g-footer .linkpart .right .icons li a i.icon-app {
    background: url(../image/icon_app.868b6054.png);
    background-size: contain;
}
.g-footer .linkpart .right .icons li a i.icon-businessCard {
    background: url(../image/icon_businessCard.e455eacc.png);
    background-size: contain;
}

/* 二维码弹窗样式（保留原定位、图片、尺寸） */
.g-footer .linkpart .right .icons li a i.icon-qrcode {
    background: url(../image/icon_qrcode.e8a04837.png) no-repeat top;
    width: 80px;
    height: 114px;
    position: absolute;
    top: -106px;
    left: -10px;
    display: none;
}
.g-footer .linkpart .right .icons li a i.icon-qrcode span {
    background: #fff url(../image/icon_qrcode-main.ae572abd.jpg) no-repeat top;
    background-size: 80px 80px;
    display: block;
    width: 80px;
    height: 80px;
}

.g-footer .linkpart .right .icons li a i.icon-app-qrcode,
.g-footer .linkpart .right .icons li a i.icon-businessCard-qrcode,
.g-footer .linkpart .right .icons li a i.icon-weibo-qrcode {
    background: url(../image/icon_qrcode.e8a04837.png) no-repeat top;
    width: 80px;
    height: 114px;
    position: absolute;
    top: -106px;
    left: -18px;
    display: none;
}
.g-footer .linkpart .right .icons li a i.icon-app-qrcode span,
.g-footer .linkpart .right .icons li a i.icon-businessCard-qrcode span,
.g-footer .linkpart .right .icons li a i.icon-weibo-qrcode span {
    background: #fff url(../image/icon_qrcode-weibo.9f74dcdd.png) no-repeat 50%;
    background-size: 73px 73px;
    display: block;
    width: 80px;
    height: 80px;
}

.g-footer .linkpart .right .icons li a i.icon-app-qrcode {
    top: -160px;
    left: -57px;
    width: 150px;
    height: 156px;
    background-size: 80px 106px;
    background-position: bottom;
}
.g-footer .linkpart .right .icons li a i.icon-app-qrcode span {
    background: #fff url(../image/icon_qrcode-app.816951cc.jpg) no-repeat 50%;
    background-size: 145px 145px;
    width: 150px;
    height: 150px;
    padding: 5px;
}

.g-footer .linkpart .right .icons li a i.icon-businessCard-qrcode {
    top: -160px;
    left: -27px;
    width: 110px;
    height: 156px;
    background-size: 80px 106px;
    background-position: bottom;
}
.g-footer .linkpart .right .icons li a i.icon-businessCard-qrcode span {
    background: #fff url(../image/icon_qrcode-businessCard.9e63a55d.png) no-repeat 50%;
    background-size: contain;
    width: 110px;
    height: 150px;
    padding: 5px;
}

/* hover 显示二维码（原交互不变） */
.g-footer .linkpart .right .icons li a.js-show-qrcode-app:hover .icon-app-qrcode,
.g-footer .linkpart .right .icons li a.js-show-qrcode-businessCard:hover .icon-businessCard-qrcode,
.g-footer .linkpart .right .icons li a.js-show-qrcode-weibo:hover .icon-weibo-qrcode,
.g-footer .linkpart .right .icons li a.js-show-qrcode:hover .icon-qrcode {
    display: block;
}

/* 版权区域 */
.g-footer .copyright {
    padding: 11px 0 16px;
}
.g-footer .copyright p {
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin-top: 6px;
}
.g-footer .copyright p i {
    display: inline-block;
    height: 20px;
    vertical-align: bottom;
}
.g-footer .copyright p i.icon-icp {
    width: 60px;
    background: url(../image/icon_icp.af2c3685.png);
    margin: 0 4px 0 8px;
}
.g-footer .copyright p i.icon-coremail {
    width: 56px;
    background: url(../image/icon_coremail.c4fcaa60.png);
}
.g-footer .copyright a {
    color: #c0c8d6;
    text-decoration: none;
}
/**footer *end*/

.u-qiye-buy-img {
    background: url(../image/qiye_buy_img.9c72985b.png) no-repeat top;
    -webkit-background-size: cover;
    background-size: cover;
    width: 340px;
    float: left;
    height: 380px
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.u-qiye-buy-loading {
    text-align: center;
    font-size: 14px;
    float: left;
    width: 360px;
    color: #272e47;
    line-height: 22px
}

.u-qiye-buy-loading-img {
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 150px auto 12px;
    background: url(../image/qy_loading.3418ee2b.png) no-repeat top;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.g-nav {
    line-height: 17px;
    color: #acb3b8;
    padding: 10px 0 20px
}

.g-nav i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../image/mdi_map-marker.7216c232.png) no-repeat top;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 2px
}

.g-nav.except {
    color: #fff
}

.g-nav.except i {
    background: url(../image/mdi_map-marker-fff.51d42b0c.png) no-repeat top
}

.g-price {
    background: #4c6aff;
    padding: 80px 0
}

.g-price .g-price-container {
    margin: 0 auto
}

.g-price .g-price-container .g-price-header h2 {
    position: relative;
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #fff
}

.g-price .g-price-container .g-price-header h2 .g-price-select {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 200px
}

.g-price .g-price-container .g-price-header p {
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    color: #fff;
    text-align: center;
    margin-top: 4px
}

.g-price .g-price-container .g-price-header p span {
    display: inline-block
}

.g-price .g-price-container .g-price-header p span.new-p {
    color: #fe7c70;
    font-family: LX-numbers, PingFangSC, Microsoft YaHei, sans-serif
}

.g-price .g-price-container .g-price-header p span.old-p {
    margin: 0 5px;
    color: #fff;
    position: relative;
    width: 60px
}

.g-price .g-price-container .g-price-header p span.old-p:before {
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    margin: auto;
    width: 60px;
    border-top: 1px solid #fff;
    content: ""
}

.g-price .g-price-container .g-price-body {
    margin-top: 24px
}

.g-price .g-price-container .g-price-body .left {
    float: left
}

.g-price .g-price-container .g-price-body .right {
    float: right
}

.g-price .g-price-container .g-price-body .accounts,
.g-price .g-price-container .g-price-body .years {
    width: 345px;
    height: 50px;
    line-height: 48px;
    background: #eceff4;
    border: 1px solid #dfe3e6;
    border-radius: 8px;
    padding: 0 10px 0 16px
}

.g-price .g-price-container .g-price-body .accounts label,
.g-price .g-price-container .g-price-body .years label {
    display: inline-block;
    font-weight: 400;
    font-size: 18px
}

.g-price .g-price-container .g-price-body .accounts .accounts-num-controller,
.g-price .g-price-container .g-price-body .accounts .years-num-controller,
.g-price .g-price-container .g-price-body .years .accounts-num-controller,
.g-price .g-price-container .g-price-body .years .years-num-controller {
    float: right
}

.g-price .g-price-container .g-price-body .accounts .accounts-num-controller span,
.g-price .g-price-container .g-price-body .accounts .years-num-controller span,
.g-price .g-price-container .g-price-body .years .accounts-num-controller span,
.g-price .g-price-container .g-price-body .years .years-num-controller span {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    cursor: pointer
}

.g-price .g-price-container .g-price-body .accounts .accounts-num-controller span.minus,
.g-price .g-price-container .g-price-body .accounts .years-num-controller span.minus,
.g-price .g-price-container .g-price-body .years .accounts-num-controller span.minus,
.g-price .g-price-container .g-price-body .years .years-num-controller span.minus {
    background: url(../image/qyyx-mob-sy-6.3.c337f02f.png);
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px
}

.g-price .g-price-container .g-price-body .accounts .accounts-num-controller span.minus.disabled,
.g-price .g-price-container .g-price-body .accounts .years-num-controller span.minus.disabled,
.g-price .g-price-container .g-price-body .years .accounts-num-controller span.minus.disabled,
.g-price .g-price-container .g-price-body .years .years-num-controller span.minus.disabled {
    background: url(../image/qyyx-mob-sy-6.1.ef0105c3.png);
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px
}

.g-price .g-price-container .g-price-body .accounts .accounts-num-controller span.plus,
.g-price .g-price-container .g-price-body .accounts .years-num-controller span.plus,
.g-price .g-price-container .g-price-body .years .accounts-num-controller span.plus,
.g-price .g-price-container .g-price-body .years .years-num-controller span.plus {
    background: url(../image/qyyx-mob-sy-6.2.9e5f7fc9.png);
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px
}

.g-price .g-price-container .g-price-body .accounts .accounts-num-controller input,
.g-price .g-price-container .g-price-body .accounts .years-num-controller input,
.g-price .g-price-container .g-price-body .years .accounts-num-controller input,
.g-price .g-price-container .g-price-body .years .years-num-controller input {
    width: 30px;
    border: none;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    color: #111f33
}

.g-price .g-price-container .g-price-body .price-main {
    margin-top: 20px;
    border-radius: 8px;
    border: 2px solid #38c299;
    overflow: hidden;
    padding: 24px 22px 23px;
    height: 180px;
    background: #fff;
    color: #74798b
}

.g-price .g-price-container .g-price-body .price-main .base-price label {
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    position: relative
}

.g-price .g-price-container .g-price-body .price-main .base-price label span {
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: 17px;
    background: #74798b
}

.g-price .g-price-container .g-price-body .price-main .base-price div {
    float: right;
    position: relative
}

.g-price .g-price-container .g-price-body .price-main .base-price div span {
    display: inline-block;
    vertical-align: middle;
    height: 34px;
    line-height: 34px
}

.g-price .g-price-container .g-price-body .price-main .base-price div span.yuan {
    font-weight: 500;
    font-size: 18px
}

.g-price .g-price-container .g-price-body .price-main .base-price div span.num {
    font-weight: 500;
    font-size: 24px;
    margin-left: 6px
}

.g-price .g-price-container .g-price-body .price-main .base-price div span.border {
    position: absolute;
    height: 1px;
    left: -6px;
    right: -6px;
    top: 17px;
    background: #74798b
}

.g-price .g-price-container .g-price-body .price-main .preferential-price {
    margin-top: 20px
}

.g-price .g-price-container .g-price-body .price-main .preferential-price .left {
    float: left
}

.g-price .g-price-container .g-price-body .price-main .preferential-price .left label {
    margin-top: 6px;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111f33;
    display: inline-block;
    background: url(../image/mdi_sale.2f48933f.png) no-repeat 100%;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
    padding-right: 15px
}

.g-price .g-price-container .g-price-body .price-main .preferential-price .left p {
    font-size: 14px;
    line-height: 22px;
    color: #38c299;
    margin-top: 17px
}

.g-price .g-price-container .g-price-body .price-main .preferential-price .left p span {
    color: #ff7134;
    font-size: 16px
}

.g-price .g-price-container .g-price-body .price-main .preferential-price .right {
    float: right
}

.g-price .g-price-container .g-price-body .price-main .preferential-price .right span {
    display: inline-block;
    vertical-align: middle
}

.g-price .g-price-container .g-price-body .price-main .preferential-price .right span.yuan {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #acb3b8
}

.g-price .g-price-container .g-price-body .price-main .preferential-price .right span.num {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    color: #38c299;
    margin-left: 8px
}

.g-price .g-price-container .g-price-body a.js-free-use {
    display: block;
    background: #236def;
    border-radius: 22px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    width: 220px;
    text-align: center;
    margin: 30px auto 12px;
    font-size: 16px;
    position: relative
}

.g-price .g-price-container .g-price-body a.js-free-use:hover {
    background: #4888fa;
    -webkit-box-shadow: 0 10px 30px rgba(30, 89, 238, .32);
    box-shadow: 0 10px 30px rgba(30, 89, 238, .32)
}

.g-price .g-price-container .g-price-body a.js-free-use:after {
    position: absolute;
    content: "";
    width: 70px;
    height: 30px;
    top: -16px;
    right: -40px;
    background: url(../image/icon-price-btn-tip.ceb78317.png) no-repeat top;
    -webkit-background-size: contain;
    background-size: contain
}

.g-price .g-price-container .g-price-footer {
    text-align: center
}

.g-price .g-price-container .g-price-footer p {
    margin-top: 60px;
    font-size: 18px;
    line-height: 96px;
    height: 100px;
    color: #787e87;
    display: none;
    background: #fff;
    border: 2px solid #38c299;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px
}

.g-price .g-price-container .g-price-footer p span {
    color: #236def;
    cursor: pointer
}

.g-price .g-price-container .g-price-main {
    margin-top: 30px;
    height: 524px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.g-price .g-price-container .g-price-main>div {
    height: 100%;
    background-color: #fff;
    border-radius: 12px
}

.g-price .g-price-container .g-price-main .g-price-main-left {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.g-price .g-price-container .g-price-main .g-price-main-left>div {
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    padding: 20px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-title {
    color: #232a38;
    font-size: 18px;
    position: relative
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-title>.g-price-edit-title-tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 1px 4px;
    gap: 10px;
    width: 56px;
    height: 18px;
    background: #fe5b4c;
    border-radius: 4px 1px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 60px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-desc {
    margin-top: 12px;
    font-size: 14px;
    color: #a9b2c2;
    line-height: 20px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-feat {
    position: absolute;
    top: 202px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-feat p {
    color: #7a8599;
    font-size: 14px;
    height: 22px;
    text-indent: 22px;
    background: url(../image/feat_duigou.7d19f72d.png) no-repeat;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
    margin-bottom: 8px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-more {
    position: absolute;
    top: 260px;
    padding: 0 0 24px 22px;
    color: #4c6aff;
    font-size: 14px;
    line-height: 1;
    display: block;
    cursor: pointer
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-new {
    color: #fff;
    background-color: #fe5b4c;
    border-radius: 4px;
    padding: 0 2px;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    margin-left: 2px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-price-box {
    position: absolute;
    top: 338px;
    line-height: 22px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-price-box .g-price-edit-price-year {
    color: #545a6e;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-price-box .g-price-edit-price-year .color-FE6C5E {
    color: #fe6c5e
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-price-box .g-price-edit-price-year .price-highlight {
    font-size: 28px;
    line-height: 30px;
    font-weight: 600
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-price-box .g-price-edit-price-day {
    color: #545a6e;
    font-size: 12px;
    line-height: 22px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-price-box .g-price-edit-price-under {
    color: #9fa2ad;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: line-through
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-price-box .g-price-edit-price-call {
    color: #fe6c5e;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-price {
    position: absolute;
    top: 300px;
    font-size: 12px;
    color: #4e5a70;
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -moz-box-align: end;
    align-items: end
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-price span:first-of-type {
    color: #fe6c5e
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-price span:nth-of-type(2) {
    font-size: 28px;
    color: #fe6c5e;
    font-weight: 600;
    -webkit-transform: translate(-2px, 3px);
    -moz-transform: translate(-2px, 3px);
    -ms-transform: translate(-2px, 3px);
    transform: translate(-2px, 3px)
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-price span:nth-of-type(3) {
    font-size: 14px;
    margin-right: 6px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div .g-price-edit-use {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    width: 104px;
    height: 32px;
    margin-top: 26px;
    font-size: 14px;
    position: absolute;
    bottom: 24px;
    left: 24px
}

.g-price .g-price-container .g-price-main .g-price-main-left>div:nth-of-type(2):before {
    width: 1px;
    height: 92%;
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #e1e6ed
}

.g-price .g-price-container .g-price-main .g-price-main-left>div:nth-of-type(2):after {
    width: 1px;
    height: 92%;
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #e1e6ed
}

.g-price .g-price-container .g-price-main .g-price-main-left>div:nth-of-type(3):before {
    width: 1px;
    height: 92%;
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #e1e6ed
}

.g-price .g-price-container .g-price-main .g-price-main-right {
    width: 300px;
    position: relative
}

.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-header {
    width: 100%;
    height: 80px;
    background: url(../image/ae9eaf7f3821897400be90e7e18cc9a2.e9688ba1.png);
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 12px 12px 0 0
}

.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-header img {
    height: 70px;
    position: absolute;
    top: -4px;
    left: -5px
}

.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-header p {
    text-align: center;
    font-size: 16px;
    color: #fff;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    line-height: 1.7
}

.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-main {
    padding: 24px
}

.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-main .g-price-main-right-main-price {
    position: relative;
    border-bottom: 1px solid #e1e6ed;
    padding-bottom: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    color: #232a38;
    font-size: 18px
}

.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-main .g-price-main-right-main-price span {
    color: #fe6c5e;
    font-size: 14px
}

.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-main .g-price-main-right-main-price span.right-main-price-text {
    margin-left: 0;
    font-size: 22px;
    position: relative;
    top: 2px;
    left: -2px;
    font-weight: 600
}

.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-main .g-price-main-right-main-price .g-price-footer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e7fbf3;
    border: 1px solid #3fde9c;
    font-size: 18px;
    z-index: 1;
    line-height: 53px
}

.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-main .g-price-main-right-main-price .g-price-footer span {
    color: #4c6aff;
    font-size: 18px;
    margin-left: 0;
    cursor: pointer
}

.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-main>a,
.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-main>span {
    width: 120px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    font-size: 14px;
    position: absolute;
    bottom: 24px;
    margin: auto;
    left: 0;
    right: 0
}

.g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-main>span.big-customer-ask {
    width: 146px;
    cursor: pointer
}

#YSF-BTN-HOLDER {
    display: none
}

.f-position-relative {
    position: relative
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

a.js-free-use {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#qy-select {
    background: #fff;
    width: 80px;
    height: 28px;
    font-family: PingFangSC, Microsoft YaHei, sans-serif;
    font-size: 14px;
    color: #232d47;
    border: 1px solid rgba(38, 42, 51, .16);
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 9
}

#qy-select>li {
    height: 100%
}

#qy-select .select-head {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 28px
}

#qy-select .select-head>span {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

#qy-select .select-head .select-icon {
    width: 8px;
    background: url(../image/64fb2943482fb6a1e9f7ef7c1f0c2389.d364181f.png) no-repeat 50%
}

#qy-select .select-head .select-head-cont {
    float: left
}

#qy-select .select-head .select-icon {
    float: right
}

#qy-select .option {
    margin-top: 1px;
    padding: 8px 0;
    width: 100%;
    color: #232d47;
    background: #fff;
    text-align: center;
    border: 1px solid #cfcfcf;
    display: none;
    border-radius: 4px
}

#qy-select .option .option-item {
    height: 32px;
    line-height: 32px
}

#qy-select .option-item:hover {
    background: #f0f0f1
}

#qy-select:hover {
    cursor: default
}

#qy-select.g-price-edit-account-select {
    position: absolute;
    top: 144px;
    width: 184px;
    height: 44px;
    color: #4e5a70;
    border: 1px solid #e1e6ed;
    border-radius: 4px
}

#qy-select.g-price-edit-account-select .select-head {
    padding: 0 18px 0 12px
}

#qy-select.g-price-edit-account-select .select-head .select-head-cont {
    color: #4e5a70
}

#qy-select.g-price-edit-account-select .select-head .select-icon {
    background: url(../image/7966606b1fb71ea56cdf6321e4238eee.0a8a6a47.png) no-repeat 50%;
    -webkit-background-size: contain;
    background-size: contain
}

#qy-select.g-price-edit-account-select .option {
    margin-top: 2px;
    padding: 8px 0;
    width: 100%;
    color: #4e5a70;
    background: #fff;
    text-align: left;
    border: 1px solid #e1e6ed;
    display: none;
    border-radius: 4px
}

#qy-select.g-price-edit-account-select .option .option-item {
    height: 44px;
    line-height: 44px;
    padding-left: 12px
}

#qy-select.g-price-edit-account-select .option-item:hover {
    background: #f2f5ff
}

.g-price-edit-account-text {
    position: absolute;
    top: 144px;
    width: 184px;
    height: 44px;
    color: #4e5a70;
    font-size: 14px;
    line-height: 44px;
    padding: 0 18px 0 12px
}

.js-submit[disabled] {
    opacity: .3 !important;
    cursor: not-allowed
}

#sty_common-btn {
    background: #4c6aff;
    color: #fff;
    letter-spacing: -.336px;
    border-radius: 4px
}

#qy-bar-wrap {
    height: 6px;
    border-radius: 8px;
    position: relative
}

#qy-bar-wrap .bar_container {
    width: 100%;
    height: 100%;
    background-color: #e1e6ed;
    border-radius: 8px
}

#qy-bar-wrap .bar_into {
    height: 100%;
    background-color: #4c6aff;
    border-radius: 8px;
    width: 0
}

#qy-bar-wrap .bar_drag {
    width: 18px;
    height: 18px;
    background: url(../image/16278ec25a875daf8f43627fd71a510a.7bfcab46.png);
    position: absolute;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: default;
    top: -5px;
    left: 0
}

#qy-bar-wrap .bar_text {
    position: relative;
    left: -20px;
    color: #fff;
    margin-top: 26px;
    width: 62px;
    height: 26px;
    background: #94a6ff;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    font-size: 16px;
    padding: 4px 12px
}

#qy-bar-wrap .bar_text:before {
    position: absolute;
    left: 0;
    right: 0;
    top: -13px;
    margin: auto;
    content: " ";
    width: 0;
    height: 0;
    border: 8px solid rgba(0, 0, 0, 0);
    border-bottom-color: #94a6ff
}

.price-bar-wrap .price-bar-wrap-control {
    margin: 40px 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.price-bar-wrap .price-bar-wrap-control .bar-wrap-control-text {
    color: #232a38;
    font-size: 18px
}

.price-bar-wrap .price-bar-wrap-control .bar-wrap-control-text span {
    color: #a9b2c2;
    font-size: 14px;
    margin-left: 8px
}

.price-bar-wrap .price-bar-wrap-control .bar-wrap-control-discount {
    color: #fff;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin-left: 80px;
    opacity: 0
}

.price-bar-wrap .price-bar-wrap-control .accounts-num-controller span,
.price-bar-wrap .price-bar-wrap-control .years-num-controller span {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    cursor: pointer
}

.price-bar-wrap .price-bar-wrap-control .accounts-num-controller span.minus,
.price-bar-wrap .price-bar-wrap-control .accounts-num-controller span.minus.disabled,
.price-bar-wrap .price-bar-wrap-control .years-num-controller span.minus,
.price-bar-wrap .price-bar-wrap-control .years-num-controller span.minus.disabled {
    background: url(../image/qyyx-mob-sy-6.3_new.d87d43f3.png);
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px
}

.price-bar-wrap .price-bar-wrap-control .accounts-num-controller span.plus,
.price-bar-wrap .price-bar-wrap-control .years-num-controller span.plus {
    background: url(../image/qyyx-mob-sy-6.2_new.c53d7b83.png);
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px
}

.price-bar-wrap .price-bar-wrap-control .accounts-num-controller input,
.price-bar-wrap .price-bar-wrap-control .years-num-controller input {
    width: 40px;
    border: none;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    color: #111f33;
    border-radius: 2px
}

.price-bar-wrap .price-bar-wrap-control #talkbubble-arrow-right {
    width: 142px;
    height: 40px;
    background: #fe5b4c;
    position: relative;
    border-radius: 10px
}

.price-bar-wrap .price-bar-wrap-control #talkbubble-arrow-right:before {
    content: "";
    position: absolute;
    left: 99%;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -10px;
    border: 10px solid;
    border: 10px solid rgba(0, 0, 0, 0);
    border-left-color: #fe5b4c
}

.price-year-bar-wrap {
    margin-top: 50px
}

.a-color {
    color: #4c6aff !important
}

[ab-test=new] {
    display: none
}

.time-limit-discount {
    position: relative
}

.time-limit-discount:not(.time-limit-discount-no-flag):after {
    content: "";
    background: url(../image/151b4b0a78fa704b1cac78740a296d80.6616ec9c.png) no-repeat;
    position: absolute;
    display: block;
    width: 52px;
    height: 18px;
    right: -8px;
    top: -9px;
    -webkit-background-size: contain;
    background-size: contain
}

.time-limit-discount.home-register-form-buy-btn:after {
    right: -53px
}

.discount-words {
    color: #4c6aff
}

.discount-words:after {
    top: 0;
    right: -55px
}

span.after-handle-register {
    font-weight: 400 !important;
    color: #4c6aff;
    cursor: pointer
}

.register-success-words .modal-content-body {
    position: relative
}

.modal-btn-block {
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    height: 30px;
    cursor: pointer
}

.dashi-client-download-link:hover .dashi-client-download-box {
    opacity: 1;
    visibility: visible
}

@-webkit-keyframes show-download-box {
    0% {
        top: 220px;
        opacity: 0;
        visibility: hidden
    }

    to {
        top: 64px;
        opacity: 1;
        visibility: visible
    }
}

@-moz-keyframes show-download-box {
    0% {
        top: 220px;
        opacity: 0;
        visibility: hidden
    }

    to {
        top: 64px;
        opacity: 1;
        visibility: visible
    }
}

@keyframes show-download-box {
    0% {
        top: 220px;
        opacity: 0;
        visibility: hidden
    }

    to {
        top: 64px;
        opacity: 1;
        visibility: visible
    }
}

.dashi-client-download-box {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 0;
    width: 100vw;
    height: 420px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 1px 2px 0 rgba(47, 83, 134, .1215686275) inset, 0 8px 16px 0 rgba(47, 83, 134, .1215686275);
    box-shadow: inset 0 1px 2px 0 rgba(47, 83, 134, .1215686275), 0 8px 16px 0 rgba(47, 83, 134, .1215686275);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    line-height: normal
}

.dashi-client-download-box:hover {
    visibility: visible;
    opacity: 1
}

.dashi-client-download-box-content {
    width: 968px;
    padding-top: 56px
}

.dashi-client-download-box-content p:first-child {
    font-size: 24px;
    font-weight: 500;
    color: #272e47;
    text-align: center;
    margin-bottom: 12px
}

.dashi-client-download-box-content p:nth-child(2) {
    font-size: 16px;
    color: #545a6e;
    text-align: center;
    margin-bottom: 12px
}

.dashi-client-download-box-content iframe {
    width: 100%;
    height: 268px
}

.modal-mask {
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30)
}

.modal-mask,
.modal-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.modal-wrapper {
    overflow: auto
}

@-webkit-keyframes modalVisble {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes modalVisble {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modalVisble {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.modal-wrapper .modal-content {
    position: relative;
    width: 720px;
    margin: 0 auto 50px;
    top: 15%;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: modalVisble .5s;
    -moz-animation: modalVisble .5s;
    animation: modalVisble .5s
}

.modal-wrapper .modal-content .register-form-wrapper .before-close-dialog {
    width: 376px;
    margin: 32px auto 0;
    display: none
}

.modal-wrapper .modal-content .register-form-wrapper .before-close-dialog h3 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111f33
}

.modal-wrapper .modal-content .register-form-wrapper .before-close-dialog h3 i {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../image/icon_poor.b8f75850.png) no-repeat top;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: bottom;
    margin-right: 16px
}

.modal-wrapper .modal-content .register-form-wrapper .before-close-dialog p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #111f33;
    margin-top: 21px
}

.modal-wrapper .modal-content .register-form-wrapper .before-close-dialog .before-close-dialog-opt {
    margin-top: 71px;
    padding-bottom: 48px
}

.modal-wrapper .modal-content .register-form-wrapper .before-close-dialog .before-close-dialog-opt a {
    width: 180px;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    display: inline-block;
    text-align: center;
    font-size: 16px
}

.modal-wrapper .modal-content .register-form-wrapper .before-close-dialog .before-close-dialog-opt a.opt-close {
    background: #fff;
    border: 1px solid #dfe3e6;
    color: #676c73
}

.modal-wrapper .modal-content .register-form-wrapper .before-close-dialog .before-close-dialog-opt a.opt-back {
    background: #236def;
    color: #fff;
    margin-left: 16px
}

.modal-wrapper .modal-content.resister-suc-modal {
    padding: 50px 0 40px
}

.modal-wrapper .modal-content.resister-suc-modal .suc-title {
    padding-top: 62px;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #111f33;
    background: url(../image/logo.23c43759.png) no-repeat center 0
}

.modal-wrapper .modal-content.resister-suc-modal .suc-letter {
    margin-top: 10px
}

.modal-wrapper .modal-content.resister-suc-modal .suc-letter p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #676c73
}

.modal-wrapper .modal-content.resister-suc-modal .suc-con {
    width: 340px;
    margin: 20px auto 0
}

.modal-wrapper .modal-content.resister-suc-modal .suc-con .suc-con-item {
    height: 46px;
    border-bottom: 1px solid #dfe3e6;
    line-height: 45px;
    font-weight: 400;
    font-size: 14px;
    color: #111f33
}

.modal-wrapper .modal-content.resister-suc-modal .suc-con .suc-con-item a {
    margin-left: 15px;
    color: #236def
}

.modal-wrapper .modal-content.resister-suc-modal .suc-btn-wrap .suc-btn {
    color: #fff;
    width: 170px;
    height: 32px;
    line-height: 32px;
    background: #236def;
    text-align: center;
    display: block;
    margin: 30px auto 50px
}

.modal-wrapper .modal-content.resister-suc-modal .suc-tip {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #676c73;
    text-align: center
}

.modal-wrapper .modal-content.resister-suc-modal .suc-tip .red {
    color: #d90000
}

.modal-wrapper .modal-content.resister-suc-modal .suc-tip a {
    color: #236def
}

.modal-wrapper .modal-content.register-success-modal_new {
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff;
    overflow: hidden
}

.modal-wrapper .modal-content.register-success-modal_new .modal-close {
    margin-top: 24px
}

.modal-wrapper .modal-content.register-success-modal_new .modal-content-body {
    background: url(../image/success_bg.98c06e2a.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 100%;
    height: 220px;
    margin: 0 auto
}

.modal-wrapper .modal-content.register-success-modal_new .modal-content-body h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #111f33;
    padding-left: 40px
}

.modal-wrapper .modal-content.register-success-modal_new .modal-content-body p {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #676c73;
    padding-left: 40px
}

.modal-wrapper .modal-content.register-success-modal_new .modal-content-body p .blue {
    color: #236def
}

.modal-wrapper .modal-content.register-success-modal_new .modal-content-body p .red {
    color: #d90000;
    display: inline-block;
    font-size: 20px;
    margin-left: 5px
}

.modal-wrapper .modal-content.register-success-modal_new .modal-content-body .border {
    border-top: 1px solid #dfe3e6;
    margin: 40px 0
}

.modal-wrapper .modal-content.register-success-modal_new .modal-content-body .bg {
    height: 80px;
    line-height: 80px;
    font-weight: 500;
    font-size: 18px;
    color: #236def;
    padding-left: 176px;
    background: url(../image/bg.19f370b0.png) no-repeat top;
    -webkit-background-size: 80px 80px;
    background-size: 80px 80px;
    background-position: 84px 0
}

.modal-wrapper .modal-content.register-success-buy.register-success-modal_new .modal-content-body {
    position: relative;
    background: url(../image/success_bg_new.4d624a55.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 440px;
    height: 310px
}

.modal-wrapper .modal-content.register-success-buy.register-success-modal_new {
    text-align: center;
    padding: 20px 0
}

.modal-wrapper .modal-content.register-success-buy.register-success-modal_new .suc-text {
    font-size: 16px;
    line-height: 32px;
    color: #333
}

.modal-wrapper .modal-content.register-success-buy.register-success-modal_new .suc-text-ft {
    line-height: 20px;
    font-size: 12px;
    color: #999
}

.modal-wrapper .modal-content.register-success-buy.register-success-modal_new .register-new-close {
    float: right;
    margin: 8px 7px;
    background: url(../image/close-modal-white.dd052a17.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.modal-wrapper .modal-content.register-success-buy.register-success-modal_new .register-new-btn {
    position: absolute;
    top: 220px;
    left: 125px;
    width: 190px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #4c6aff;
    border-radius: 22px;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.modal-wrapper .modal-content.register-success-buy.register-success-modal_new .register-new-btn.loading {
    opacity: .8
}

.modal-wrapper .modal-content .popContent {
    padding: 67px 0
}

.modal-wrapper .modal-content .popContent .register-new-btn {
    margin: 30px auto 0;
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #4c6aff;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.modal-wrapper .modal-content .popContent .info_icon_suc {
    width: 82px;
    height: 100px;
    margin: 0 auto 15px;
    background: url(../image/icon-form-submit-success.fc189719.png) no-repeat top
}

.modal-wrapper .modal-content .popContent .submit-tip {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #111f33
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper {
    border-radius: 4px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .next-error-tip,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .next-error-tip {
    color: #e95454;
    position: absolute;
    opacity: 0;
    width: 90%;
    text-align: center;
    bottom: 10px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .reg-form-wrap-title,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#base-next .reg-form-wrap-title,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#adviser-next .reg-form-wrap-title,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#base-next .reg-form-wrap-title {
    font-size: 14px;
    color: #232d47;
    text-align: left;
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 14px;
    font-weight: 600
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#base-next .item-use-name,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#discount-next .item-use-name,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#base-next .item-use-name,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#discount-next .item-use-name {
    margin-bottom: 14px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#base-next .wrapper-header,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#discount-next .wrapper-header,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#base-next .wrapper-header,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#discount-next .wrapper-header {
    height: 90px;
    background: #f8f9fb url(../image/modal_header.96a85289.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 8px 8px 0 0
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#adviser-next {
    padding-bottom: 28px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .wrapper-header,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#adviser-next .wrapper-header {
    height: 124px;
    background: #f8f9fb url(../image/adviser-header.e1619861.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 8px 8px 0 0
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .wrapper-footer,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#adviser-next .wrapper-footer {
    margin: 10px 0 0
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .wrapper-footer a,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#adviser-next .wrapper-footer a {
    margin: 0
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .form-buttom-slogan,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#adviser-next .form-buttom-slogan {
    text-align: center;
    width: 100%;
    height: 16px;
    line-height: 16px;
    margin-top: 14px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .form-buttom-slogan span,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#adviser-next .form-buttom-slogan span {
    font-weight: 600
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .form-buttom-slogan,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#adviser-next .form-buttom-slogan {
    font-size: 14px;
    color: #232d47
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body {
    width: 100%;
    padding: 28px 28px 24px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .row-block-title,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .row-block-title {
    position: relative;
    height: 16px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .row-block-title .horizontal-line,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .row-block-title .horizontal-line {
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
    background-color: #e1e3e8
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .row-block-title .row-title,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .row-block-title .row-title {
    position: absolute;
    font-weight: 500;
    font-size: 16px;
    color: #232d47;
    top: -8px;
    left: 103px;
    padding: 0 12px;
    background-color: #fff
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size h2,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name h2,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene h2,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size h2,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name h2,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene h2 {
    font-weight: 400;
    font-size: 14px;
    color: #232d47;
    line-height: 20px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul {
    margin-top: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li {
    margin-right: 8px;
    width: 130px;
    height: 32px;
    background-color: #f4f6f7;
    border-radius: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #4e5a70;
    cursor: pointer;
    white-space: nowrap
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:first-child,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(2),
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(3),
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:first-child,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(2),
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(3),
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:first-child,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(2),
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(3),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:first-child,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(2),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(3),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:first-child,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(2),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(3),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:first-child,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(2),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(3) {
    margin-bottom: 8px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(3),
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(6),
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(3),
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(6),
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(3),
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(6),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(3),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(6),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(3),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(6),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(3),
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(6) {
    margin-right: 0
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li.active,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li.active,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li.active,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li.active,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li.active,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li.active {
    background-color: #ebf0ff
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name>div,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name>div {
    width: 100%;
    height: 44px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name>div input,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name>div input {
    margin-top: 12px;
    height: 100%;
    width: 100%;
    outline: none;
    line-height: 100%;
    background: #fff;
    border: 1px solid #e1e6ed;
    border-radius: 4px;
    text-indent: 12px;
    margin-bottom: 14px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene {
    margin-top: 24px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand {
    position: relative
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand .select,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand .select {
    height: 46px;
    border: 1px solid #dfe3e6;
    border-radius: 2px;
    line-height: 44px;
    color: #acb3b8;
    padding-left: 12px;
    font-weight: 400;
    font-size: 14px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand .select:after,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand .select:after {
    display: block;
    float: right;
    content: "";
    border-top: 6px solid #acb3b8;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    margin-top: 19px;
    margin-right: 19px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand.active ul,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand.active ul {
    display: block
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand.active .select:after,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand.active .select:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand.onselect .select,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand.onselect .select {
    color: #111f33
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul {
    position: absolute;
    z-index: 1;
    background: #fff;
    height: 220px;
    overflow: auto;
    left: 0;
    right: 0;
    top: 54px;
    border: 1px solid #dfe3e6;
    -webkit-box-shadow: 0 2px 6px rgba(64, 67, 71, .1);
    box-shadow: 0 2px 6px rgba(64, 67, 71, .1);
    border-radius: 2px;
    display: none
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li {
    height: 44px;
    font-weight: 400;
    font-size: 14px;
    color: #111f33;
    padding-left: 12px;
    padding-right: 26px;
    position: relative;
    line-height: 44px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li:not(.title):hover,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li:not(.title):hover {
    background: #f7f8fa
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.active,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.active {
    color: #236def
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.active:after,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.active:after {
    content: "";
    width: 12px;
    height: 10px;
    position: absolute;
    top: 17px;
    right: 16px;
    background: url(../image/choose.160efa54.png) no-repeat top;
    -webkit-background-size: 12px 10px;
    background-size: 12px 10px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.title,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.title {
    color: #acb3b8
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites {
    margin-top: 24px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites h2,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites h2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #676c73
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites label,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites label {
    float: left;
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #111f33;
    height: 20px;
    margin-right: 24px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites label.except,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites label.except {
    margin-right: 0
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites label input,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites label input {
    width: 14px;
    height: 14px;
    margin: 0 8px 2px 0;
    vertical-align: middle;
    border: 1px solid #dfe3e6;
    border-radius: 2px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites textarea,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites textarea {
    resize: none;
    height: 80px;
    margin-left: 8px;
    width: 382px;
    margin-top: 15px;
    border-radius: 2px;
    outline: none;
    visibility: hidden;
    border: 1px solid #dfe3e6;
    padding: 8px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites textarea:focus,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites textarea:focus {
    border: 1px solid #236def
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 {
    position: relative
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input {
    border: 1px solid #dfe3e6;
    padding: 15px 0 15px 52px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    height: 44px;
    width: 100%;
    border-radius: 2px
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(51, 126, 255, .2);
    box-shadow: 0 0 0 2px rgba(51, 126, 255, .2)
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:hover,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:hover {
    border: 1px solid #236def
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus+label,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:hover+label,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus+label,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:hover+label {
    background-color: #236def;
    border: 1px solid #236def;
    background-image: url(../image/form-item-label-name-hover.5f2e16fb.png)
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 label,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 label {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 44px;
    background-image: url(../image/form-item-label-name.63c67aaf.png);
    background-color: #f8f9fb;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #e1e3e6
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-footer,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-footer {
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center
}

.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-footer a,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-footer a {
    margin: 0 0 28px;
    background: #4c6aff;
    border-radius: 4px;
    display: inline-block;
    width: 404px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 44px;
    height: 44px
}

.modal-wrapper .modal-content.register-planb-first .wrapper-header,
.modal-wrapper .modal-content.register-planb-second .wrapper-header {
    height: 90px;
    background: #f8f9fb url(../image/planb_modal_head.ae595ed0.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 8px 8px 0 0
}

.modal-wrapper .modal-close img{
    position: absolute;
    top: 12px;
    right: 12px;
    width: 25px;
    height: 25px;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    background: rgba(0, 0, 0, 0)
}

.modal-wrapper .modal-close svg {
    position: absolute;
    top: 0;
    left: 0
}

#public-modal {
    height: 420px
}

#public-modal .form-item-btn {
    position: absolute;
    bottom: 40px
}

#public-modal .form-buttom-slogan {
    position: absolute;
    bottom: 28px;
    left: 0
}

#advister-modal,
#public-modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

#advister-modal .register-form-tip,
#public-modal .register-form-tip {
    width: 380px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

#advister-modal .register-form-tip p,
#public-modal .register-form-tip p {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #111f33
}

#advister-modal .register-form-tip p span,
#public-modal .register-form-tip p span {
    color: #d90000
}

#advister-modal #modal-form-wrap,
#public-modal #modal-form-wrap {
    position: relative;
    width: 358px;
    padding: 32px
}

#advister-modal #modal-form-wrap .reg-form-wrap-title,
#public-modal #modal-form-wrap .reg-form-wrap-title {
    font-size: 20px;
    color: #232d47;
    text-align: left;
    font-weight: 600;
    margin-top: 0;
    line-height: 1.5
}

#advister-modal #modal-form-wrap form,
#public-modal #modal-form-wrap form, .g-banner .banner_form form{
    margin-top: 12px
}

#advister-modal #modal-form-wrap form .form-item,
#public-modal #modal-form-wrap form .form-item, .g-banner .banner_form form .form-item {
    margin-bottom: 10px
}

#advister-modal #modal-form-wrap form .form-item .form-item-box,
#public-modal #modal-form-wrap form .form-item .form-item-box, .g-banner .banner_form form .form-item .form-item-box{
    width: 294px;
    height: 40px
}

#advister-modal #modal-form-wrap form .form-item .form-item-box .form-item-input,
#public-modal #modal-form-wrap form .form-item .form-item-box .form-item-input, .g-banner .banner_form form .form-item .form-item-box .form-item-input{
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    width: 100%
}

#advister-modal #modal-form-wrap form .form-item .form-item-box .form-item-input input.is-error,
#public-modal #modal-form-wrap form .form-item .form-item-box .form-item-input input.is-error,.g-banner .banner_form form .form-item .form-item-box .form-item-input input {
    border: 1px solid red;
    margin-bottom: 10px
}

#advister-modal #modal-form-wrap form .form-item .form-item-box .form-item-input input,
#public-modal #modal-form-wrap form .form-item .form-item-box .form-item-input input,.g-banner .banner_form form .form-item .form-item-box .form-item-input input {
    height: 100%;
    width: 100%;
    outline: none;
    line-height: 100%;
    background: #fff;
    border: 1px solid #e1e6ed;
    border-radius: 4px;
    text-indent: 12px;
    margin-bottom: 14px
}

#advister-modal #modal-form-wrap form .form-item .form-item-box .form-item-err,
#public-modal #modal-form-wrap form .form-item .form-item-box .form-item-err,.g-banner .banner_form form .form-item .form-item-box .form-item-err {
    font-size: 12px;
    color: #e95454;
    text-indent: 0;
    margin-top: 1px
}

#advister-modal #modal-form-wrap form .form-item-input>input::-webkit-input-placeholder,
#public-modal #modal-form-wrap form .form-item-input>input::-webkit-input-placeholder {
    font-size: 14px;
    color: #a9b2c2
}

#advister-modal #modal-form-wrap form .form-item-input>input::-moz-placeholder,
#public-modal #modal-form-wrap form .form-item-input>input::-moz-placeholder {
    font-size: 14px;
    color: #a9b2c2
}

#advister-modal #modal-form-wrap form .form-item-input>input:-ms-input-placeholder,
#public-modal #modal-form-wrap form .form-item-input>input:-ms-input-placeholder {
    font-size: 14px;
    color: #a9b2c2
}

#advister-modal #modal-form-wrap form .form-item-input>input::-ms-input-placeholder,
#public-modal #modal-form-wrap form .form-item-input>input::-ms-input-placeholder {
    font-size: 14px;
    color: #a9b2c2
}

#advister-modal #modal-form-wrap form .form-item-input>input::placeholder,
#public-modal #modal-form-wrap form .form-item-input>input::placeholder {
    font-size: 14px;
    color: #a9b2c2
}

#advister-modal #modal-form-wrap form .form-code-item .form-item-box,
#public-modal #modal-form-wrap form .form-code-item .form-item-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative
}

#advister-modal #modal-form-wrap form .form-code-item .form-item-box .form-item-err,
#public-modal #modal-form-wrap form .form-code-item .form-item-box .form-item-err, .g-banner .banner_form form .form-code-item .form-item-box .form-item-err {
    position: absolute;
    top: 44px;
    left: 0
}

#advister-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal,
#public-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal {
    width: 98px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    background: #7098fe;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
    font-size: 14px
}

#advister-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal.disabled,
#advister-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal[disabled=disabled],
#public-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal.disabled,
#public-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal[disabled=disabled] {
    background: #c2d3ff;
    background-color: #7098fe;
    color: #fff;
    border: none
}

#advister-modal #modal-form-wrap form .register-item-ct .form-item-box,
#public-modal #modal-form-wrap form .register-item-ct .form-item-box {
    border: 0;
    text-indent: 20px;
    height: 20px
}

#advister-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input,
#public-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input {
    position: relative;
    color: #7a8599;
    font-size: 14px
}

#advister-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input a,
#public-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input a {
    color: #1966ff
}

#advister-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input .rf--label,
#public-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input .rf--label {
    position: absolute;
    left: 0;
    top: 0;
    width: 13px;
    height: 13px
}

#advister-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input .rf--label input,
#public-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input .rf--label input {
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

#advister-modal #modal-form-wrap form .form-item-btn,
#public-modal #modal-form-wrap form .form-item-btn, .g-banner .banner_form form .form-item-btn {
    height: 44px
}

#advister-modal #modal-form-wrap form .form-item-btn .form-item-box,
#public-modal #modal-form-wrap form .form-item-btn .form-item-box, .g-banner .banner_form form .form-item-btn .form-item-box {
    border: 0
}

#advister-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input:active,
#public-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input:active, .g-banner .banner_form form .form-item-btn .form-item-box .form-item-input:active{
    opacity: .5
}

#advister-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input,
#public-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input, .g-banner .banner_form form .form-item-btn .form-item-box .form-item-input{
    background-color: #4c6aff;
    border-radius: 4px;
    color: #fff;
    position: relative
}

#advister-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button,
#public-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button, .g-banner .banner_form form .form-item-btn .form-item-box .form-item-input button {
    position: absolute;
    left: 0;
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

#advister-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button:active,
#public-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button:active, .g-banner .banner_form form .form-item-btn .form-item-box .form-item-input button:active {
    opacity: .5
}

#advister-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button[disabled=disabled],
#advister-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button[disabled],
#public-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button[disabled=disabled],
#public-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button[disabled] {
    cursor: not-allowed;
    background: #c2d3ff;
    border-radius: 4px
}

#advister-modal #modal-form-wrap .form-buttom-slogan,
#public-modal #modal-form-wrap .form-buttom-slogan {
    text-align: center;
    width: 100%;
    height: 16px;
    line-height: 14px
}

#advister-modal #modal-form-wrap .form-buttom-slogan span,
#public-modal #modal-form-wrap .form-buttom-slogan span {
    font-weight: 600
}

#advister-modal #modal-form-wrap .form-buttom-slogan,
#public-modal #modal-form-wrap .form-buttom-slogan {
    font-size: 14px;
    color: #232d47
}

#advister-modal #modal-form-wrap {
    width: 100%;
    padding: 0
}

#advister-modal #modal-form-wrap .reg-form-wrap-title {
    font-size: 14px;
    color: #232d47;
    text-align: left;
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 14px
}

#advister-modal #modal-form-wrap .wrapper-header {
    height: 124px;
    background: #f8f9fb url(../image/adviser-header.e1619861.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 8px 8px 0 0
}

#advister-modal #modal-form-wrap #dealer_upervision_complaints_form,
#advister-modal #modal-form-wrap #modal_reg_form {
    padding: 28px;
    margin-top: 0
}

#advister-modal #modal-form-wrap #dealer_upervision_complaints_form .register-item-ct .form-item-box,
#advister-modal #modal-form-wrap #modal_reg_form .register-item-ct .form-item-box {
    border: 0;
    text-indent: 20px;
    height: 32px
}

#advister-modal #modal-form-wrap #dealer_upervision_complaints_form .form-item-box,
#advister-modal #modal-form-wrap #modal_reg_form .form-item-box {
    width: 406px;
    height: 44px
}

.register-detainment-content {
    padding: 28px
}

.register-detainment-content .register-detainment-img {
    float: left;
    background-color: #95a7f3;
    border-radius: 50%;
    background-image: url(../image/detainment_img.6bf11983.png);
    width: 62px;
    height: 62px;
    margin-right: 12px
}

.register-detainment-content .register-detainment-words {
    color: #232d47;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px
}

.register-detainment-footer {
    text-align: center;
    padding: 0 28px 28px
}

.button-cancel,
.button-sure {
    width: 82px;
    height: 32px;
    border-radius: 4px;
    background-color: #f0f3f5;
    border: none;
    color: #4e5a70;
    cursor: pointer
}

.button-sure {
    background-color: #326cfe;
    color: #fff
}

.item-use-get {
    color: #545a6e;
    font-size: 14px;
    margin-top: 12px;
    height: 20px !important
}

.item-use-get>span {
    margin-right: 5px
}

.use-img-checked {
    background: url(../image/green_check.0457b321.png) no-repeat top;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: bottom
}

#corpName:focus {
    outline: 1px solid #4c6aff
}

.dealer-upervision-complaints-form {
    top: 10% !important
}

.dealer-upervision-complaints-form form#dealer_upervision_complaints_form .reg-form-wrap-title {
    margin-bottom: 2px !important
}

.dealer-upervision-complaints-form form#dealer_upervision_complaints_form .reg-form-wrap-title em {
    color: #d01414;
    margin-right: 5px
}

.g-container {
    padding-top: 0
}

.g-banner {
    position: relative
}

.g-banner .swiper-container {
    opacity: 0;
    height: 480px;
    margin: 0 auto;
    position: relative
}

.g-banner .swiper-container .swiper-slide>a {
    display: block;
    height: 100%
}

.g-banner .swiper-container .swiper-slide a.js-free-use {
    display: block;
    width: 220px;
    height: 44px;
    line-height: 44px;
    background: #2373ff;
    border-radius: 45px;
    text-align: center;
    font-size: 16px;
    letter-spacing: -.336px;
    color: #fff;
    margin-top: 27px
}

.g-banner .swiper-container .swiper-slide a.js-free-use:hover {
    background: #4888fa
}

.g-banner .swiper-container .swiper-slide.swiper-slide-t {
    background: #eff3fc url(../image/banner960_5.f0223c01.png) no-repeat top;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%
}

.g-banner .swiper-container .swiper-slide.swiper-slide-t .lx-banner__title {
    -webkit-transform: translateX(-24px);
    -moz-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
    font-size: 60px;
    font-weight: 600;
    line-height: 78px;
    font-family: PingFang SC, Microsoft YaHei
}

.g-banner .swiper-container .swiper-slide.swiper-slide-t .lx-banner__subtitle {
    font-size: 60px;
    font-family: PingFang SC, Microsoft YaHei;
    font-weight: 600
}

.g-banner .swiper-container .swiper-slide.swiper-slide-t .lx-banner__describe {
    width: 498px;
    color: #51555c;
    line-height: 24px;
    font-size: 16px;
    margin-top: 30px;
    font-family: PingFang SC, Microsoft YaHei
}

.g-banner .swiper-container .swiper-slide.swiper-slide-t a {
    display: inline-block;
    height: 44px;
    width: 220px;
    line-height: 44px;
    text-align: center;
    border-radius: 22px;
    font-size: 16px;
    margin-top: 40px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-t [value=点击了解] {
    border: 1px solid #386ee7;
    color: #386ee7
}

.g-banner .swiper-container .swiper-slide.swiper-slide-t [value=免费试用] {
    margin-left: 20px;
    background-color: #38c299;
    color: #fff
}

.g-banner .swiper-container .swiper-slide.swiper-slide-t [value=免费试用]:hover {
    background-color: #64caac;
    color: #fff
}

.g-banner .swiper-container .swiper-slide.swiper-slide-0 {
    background: url(../image/banner0.32067dd8.png) no-repeat top;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    padding-top: 178px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-0 h2 {
    font-weight: 600;
    font-size: 60px;
    height: 64px;
    line-height: 64px;
    color: #232d47;
    text-align: left
}

.g-banner .swiper-container .swiper-slide.swiper-slide-0 h2 span.banner-title-split {
    width: 4px;
    height: 25px;
    display: inline-block;
    background-color: #232d47;
    margin: 0 10px 4px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-0 p {
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    text-align: left;
    color: #232d47;
    margin-top: 10px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-0 a {
    margin: 28px auto 0
}

.g-banner .swiper-container .swiper-slide.swiper-slide-linhang {
    background: #031741 url(../image/fec0c63ecfbb2d65ce2bc12eecec038d.36485723.jpg) no-repeat top;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: left;
    padding-top: 101px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-linhang .banner-title {
    color: #fff;
    font-size: 44px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-linhang .banner-sub-title {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    width: 480px;
    margin-bottom: 32px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-linhang a {
    width: 204px;
    height: 53px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-linhang a.js-free-use {
    background: url(../image/3b31c83a8472dcf211c90cb1748df15c.d7c21f95.png) no-repeat top;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.g-banner .swiper-container .swiper-slide.swiper-slide-1 {
    background: #031741 url(../image/banner3.39b50952.jpg) no-repeat top;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: left;
    padding-top: 151px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-1 p {
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    color: #232d47
}

.g-banner .swiper-container .swiper-slide.swiper-slide-1 h2 {
    font-weight: 600;
    font-size: 64px;
    line-height: 64px;
    color: #232d47;
    margin-top: 16px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-1 span.banner-title-split {
    width: 4px;
    height: 25px;
    display: inline-block;
    background-color: #232d47;
    margin: 0 10px 4px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-1 a {
    font-size: 16px;
    margin-top: 28px;
    background: #4c6aff;
    width: 144px;
    height: 44px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-1 a:hover {
    background: #4c6aff
}

.g-banner .swiper-container .swiper-slide.swiper-slide-2 a {
    background: #150550 url(../image/banner_old2.922ec97c.jpg) no-repeat top;
    -webkit-background-size: 1920px 480px;
    background-size: 1920px 480px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-3 a {
    background: #fa6e26 url(../image/banner960_4.36d75bcf.png) no-repeat top;
    -webkit-background-size: 1920px 480px;
    background-size: 1920px 480px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-waimao a {
    background: #dee3e7 url(../image/waimao5.bb079f93.png) no-repeat top;
    -webkit-background-size: 2560px 480px;
    background-size: 2560px 480px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-live a {
    background: #181715 url(../image/live01.0d45bfa5.jpg) no-repeat top;
    -webkit-background-size: 2560px 480px;
    background-size: 2560px 480px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-4 {
    background: #ebe9ea url(../image/banner-ai.8bd2572e.jpg) no-repeat top;
    -webkit-background-size: 1200px 480px;
    background-size: 1200px 480px;
    padding-top: 100px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-4 .banner-title {
    color: #272e47;
    font-size: 44px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-4 .banner-sub-title {
    color: #545a6e;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    width: 400px;
    margin-bottom: 32px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-4 p {
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    color: #272e47;
    margin-top: 8px;
    margin-bottom: 26px
}

.g-banner .swiper-container .swiper-slide.swiper-slide-4 a {
    display: inline-block;
    width: 144px;
    height: 44px;
    line-height: 42px;
    border: 1px solid #326cfe;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    border-radius: 4px;
    color: #326cfe
}

.g-banner .swiper-container .swiper-slide.swiper-slide-4 a.js-free-use {
    background: #4c6aff;
    border-color: #4c6aff;
    margin-top: 0;
    margin-right: 14px;
    color: #fff
}

.g-banner .swiper-container .swiper-pagination {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 16px;
    z-index: 1
}

.g-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 30px;
    height: 3px;
    margin-right: 8px;
    background: hsla(0, 0%, 100%, .2);
    position: relative;
    opacity: 1;
    border-radius: 0
}

.g-banner .swiper-container .swiper-pagination .swiper-pagination-bullet span {
    background: #236def;
    display: inline-block;
    height: 3px;
    width: 0;
    position: absolute;
    top: 0;
    left: 0
}

.g-banner .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.g-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span {
    -webkit-animation: progressRun 5s linear forwards;
    -moz-animation: progressRun 5s linear forwards;
    animation: progressRun 5s linear forwards
}

.g-banner .swiper-buttons {
    max-width: 1500px;
    min-width: 1180px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    top: 50%
}

.g-banner .swiper-button-next,
.g-banner .swiper-button-prev {
    width: 60px;
    height: 60px;
    -webkit-background-size: contain;
    background-size: contain;
    display: none
}

.g-banner .swiper-button-next:after,
.g-banner .swiper-button-prev:after {
    content: ""
}

.g-banner .swiper-button-prev {
    left: 6vw;
    background-image: url(../image/icon-prev.2575416e.png)
}

.g-banner .swiper-button-prev:hover {
    background-image: url(../image/icon-prev-hover.0565b9d9.png)
}

.g-banner .swiper-button-next {
    right: 6vw;
    background-image: url(../image/icon-next.420d0370.png)
}

.g-banner .swiper-button-next:hover {
    background-image: url(../image/icon-next-hover.742d88dc.png)
}

.g-banner:hover .swiper-button-next,
.g-banner:hover .swiper-button-prev {
    display: block
}

@media only screen and (min-width:1580px) {
    .swiper-button-prev {
        left: 20px
    }

    .swiper-button-next {
        right: 20px
    }
}

.g-latest-news {
    height: 40px;
    background: #eceff4
}

.g-latest-news p {
    line-height: 40px;
    height: 40px;
    background: url(../image/icon-audio.01a3d4a3.png) no-repeat 0;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
    padding-left: 16px;
    font-size: 14px;
    color: #676c73
}

@-webkit-keyframes progressRun {
    0% {
        width: 0
    }

    to {
        width: 30px
    }
}

@-moz-keyframes progressRun {
    0% {
        width: 0
    }

    to {
        width: 30px
    }
}

@keyframes progressRun {
    0% {
        width: 0
    }

    to {
        width: 30px
    }
}

.g-why-select-us {
    padding-top: 80px;
    text-align: center;
    background-color: #f1f4f8
}

.g-why-select-us h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    color: #111f33
}

.g-why-select-us p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #676c73;
    margin-top: 8px
}

.g-why-select-us .g-swiper {
    position: relative;
    background: -webkit-linear-gradient(89.82deg, #f6f7fa .49%, hsla(0, 0%, 98%, .0001) 85.57%), #fff;
    background: -moz-linear-gradient(89.82deg, #f6f7fa .49%, hsla(0, 0%, 98%, .0001) 85.57%), #fff;
    background: linear-gradient(.18deg, #f6f7fa .49%, hsla(0, 0%, 98%, .0001) 85.57%), #fff
}

.g-why-select-us .swiper-container {
    margin-top: 110px;
    -webkit-background-size: 1920px 460px;
    background-size: 1920px 460px
}

.g-why-select-us .swiper-container .swiper-slide {
    height: 460px
}

.g-why-select-us .swiper-container .swiper-slide .g-wrapper {
    position: relative;
    width: 850px;
    margin: 0 auto;
    height: 100%
}

.g-why-select-us .swiper-container .swiper-slide .g-wrapper .text {
    position: absolute;
    top: 140px;
    left: 415px;
    text-align: left
}

.g-why-select-us .swiper-container .swiper-slide .g-wrapper .text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #676c73;
    margin-top: 0
}

.g-why-select-us .swiper-container .swiper-slide .g-wrapper .text p.tip {
    font-size: 14px;
    line-height: 20px;
    color: #acb3b8;
    margin-top: 16px
}

.g-why-select-us .swiper-container .swiper-slide .g-wrapper>a {
    display: block;
    position: absolute;
    width: 220px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.336px;
    background: #236def;
    -webkit-box-shadow: 0 6px 30px -8px rgba(30, 89, 238, .4);
    box-shadow: 0 6px 30px -8px rgba(30, 89, 238, .4);
    border-radius: 45px;
    top: 336px;
    left: 315px
}

.g-why-select-us .swiper-container .swiper-slide .g-wrapper>a:hover {
    background: #4888fa;
    -webkit-box-shadow: 0 10px 30px rgba(30, 89, 238, .32);
    box-shadow: 0 10px 30px rgba(30, 89, 238, .32)
}

.g-why-select-us .swiper-container .swiper-slide.swiper-slide-1 {
    background: url(../image/bg-why-select-us-swiper-1.cc4f5f9c.png) no-repeat 50%;
    -webkit-background-size: 1920px 460px;
    background-size: 1920px 460px
}

.g-why-select-us .swiper-container .swiper-slide.swiper-slide-2 {
    background: url(../image/bg-why-select-us-swiper-2.2d90ab4a.png) no-repeat 50%;
    -webkit-background-size: 1920px 460px;
    background-size: 1920px 460px
}

.g-why-select-us .swiper-container .swiper-slide.swiper-slide-3 {
    background: url(../image/bg-why-select-us-swiper-3.982b2faa.png) no-repeat 50%;
    -webkit-background-size: 1920px 460px;
    background-size: 1920px 460px
}

.g-why-select-us .swiper-container .swiper-slide.swiper-slide-4 {
    background: url(../image/bg-why-select-us-swiper-4.ca15a1b4.png) no-repeat 50%;
    -webkit-background-size: 1920px 460px;
    background-size: 1920px 460px
}

.g-why-select-us .swiper-container .swiper-slide.swiper-slide-4 .text {
    width: 450px
}

.g-why-select-us .swiper-pagination {
    position: absolute;
    z-index: 1;
    top: -66px
}

.g-why-select-us .swiper-pagination>div {
    width: 295px;
    height: 150px;
    padding-top: 84px;
    border-left: 1px solid #eceff4;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #111f33;
    text-align: center;
    float: left;
    opacity: 1;
    border-radius: 0
}

.g-why-select-us .swiper-pagination>div:first-child {
    border-left: none
}

.g-why-select-us .swiper-pagination>div.icon-1 {
    background: url(../image/icon-why-select-us-1.b7e18b15.png) no-repeat top;
    -webkit-background-size: 170px 80px;
    background-size: 170px 80px
}

.g-why-select-us .swiper-pagination>div.icon-1:hover,
.g-why-select-us .swiper-pagination>div.swiper-pagination-bullet-active.icon-1 {
    -webkit-box-shadow: 0 9px 36px rgba(47, 56, 111, .16);
    box-shadow: 0 9px 36px rgba(47, 56, 111, .16);
    border-radius: 4px;
    font-size: 22px;
    line-height: 31px;
    padding: 40px 0 0 24px;
    text-align: left;
    background: url(../image/icon-why-select-us-1-hover.7d61fe18.png) no-repeat;
    -webkit-background-size: 295px 150px;
    background-size: 295px 150px;
    cursor: pointer
}

.g-why-select-us .swiper-pagination>div.icon-2 {
    background: url(../image/icon-why-select-us-2.c45d898c.png) no-repeat top;
    -webkit-background-size: 170px 80px;
    background-size: 170px 80px
}

.g-why-select-us .swiper-pagination>div.icon-2:hover,
.g-why-select-us .swiper-pagination>div.swiper-pagination-bullet-active.icon-2 {
    -webkit-box-shadow: 0 9px 36px rgba(47, 56, 111, .16);
    box-shadow: 0 9px 36px rgba(47, 56, 111, .16);
    border-radius: 4px;
    font-size: 22px;
    line-height: 31px;
    padding: 40px 0 0 24px;
    text-align: left;
    background: url(../image/icon-why-select-us-2-hover.51f4648f.png) no-repeat;
    -webkit-background-size: 295px 150px;
    background-size: 295px 150px;
    cursor: pointer
}

.g-why-select-us .swiper-pagination>div.icon-3 {
    background: url(../image/icon-why-select-us-3.48b1ba67.png) no-repeat top;
    -webkit-background-size: 170px 80px;
    background-size: 170px 80px
}

.g-why-select-us .swiper-pagination>div.icon-3:hover,
.g-why-select-us .swiper-pagination>div.swiper-pagination-bullet-active.icon-3 {
    -webkit-box-shadow: 0 9px 36px rgba(47, 56, 111, .16);
    box-shadow: 0 9px 36px rgba(47, 56, 111, .16);
    border-radius: 4px;
    font-size: 22px;
    line-height: 31px;
    padding: 40px 0 0 24px;
    text-align: left;
    background: url(../image/icon-why-select-us-3-hover.ad305dd7.png) no-repeat;
    -webkit-background-size: 295px 150px;
    background-size: 295px 150px;
    cursor: pointer
}

.g-why-select-us .swiper-pagination>div.icon-4 {
    background: url(../image/icon-why-select-us-4.fd77754f.png) no-repeat top;
    -webkit-background-size: 170px 80px;
    background-size: 170px 80px
}

.g-why-select-us .swiper-pagination>div.icon-4:hover,
.g-why-select-us .swiper-pagination>div.swiper-pagination-bullet-active.icon-4 {
    -webkit-box-shadow: 0 9px 36px rgba(47, 56, 111, .16);
    box-shadow: 0 9px 36px rgba(47, 56, 111, .16);
    border-radius: 4px;
    font-size: 22px;
    line-height: 31px;
    padding: 40px 0 0 24px;
    text-align: left;
    background: url(../image/icon-why-select-us-4-hover.f86ce8de.png) no-repeat;
    -webkit-background-size: 295px 150px;
    background-size: 295px 150px;
    cursor: pointer
}

/*产品特色*start */
.g-animate {
    height: 806px;
    background-color: red;
    overflow: hidden
}

.g-animate>.g-wrapper {
    margin-top: 36px;
    height: 544px;
    overflow: hidden
}

.g-animate>.g-wrapper,
.g-animate>.g-wrapper .g-animate-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.g-animate>.g-wrapper .g-animate-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    margin-right: 24px
}

.g-animate>.g-wrapper .g-animate-container {
    width: 100%
}

.g-animate {
    padding: 80px 0;
    background: #f1f4f8
}

.g-animate>h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #232a38
}

.g-animate>p {
    font-weight: 400;
    line-height: 22px;
    color: #7a8599;
    margin-top: 8px
}

.g-animate>a,
.g-animate>p {
    font-size: 16px;
    text-align: center
}

.g-animate>a {
    display: block;
    width: 220px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    letter-spacing: -.336px;
    background: #236def;
    -webkit-box-shadow: 0 6px 30px -8px rgba(30, 89, 238, .4);
    box-shadow: 0 6px 30px -8px rgba(30, 89, 238, .4);
    border-radius: 45px;
    margin: 60px auto 0
}

.g-animate>a:hover {
    background: #4888fa;
    -webkit-box-shadow: 0 10px 30px rgba(30, 89, 238, .32);
    box-shadow: 0 10px 30px rgba(30, 89, 238, .32)
}

.g-animate .g-animate-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: space-evenly;
    justify-content: space-evenly
}

.g-animate .g-animate-nav,
.g-animate .g-animate-nav>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.g-animate .g-animate-nav>div {
    width: 252px;
    height: 84px;
    line-height: 34px;
    font-weight: 400;
    font-size: 20px;
    color: #232a38;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer
}

.g-animate .g-animate-nav>div.active {
    color: #fff;
    background-color: #7088ff
}

.g-animate .g-animate-nav>div.active span {
    display: inline-block;
    width: 220px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #236def;
    border-radius: 68px;
    -webkit-animation-name: progressRunAnimate;
    -moz-animation-name: progressRunAnimate;
    animation-name: progressRunAnimate;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes progressRunAnimate {
    0% {
        width: 0
    }

    to {
        width: 220px
    }
}

@-moz-keyframes progressRunAnimate {
    0% {
        width: 0
    }

    to {
        width: 220px
    }
}

@keyframes progressRunAnimate {
    0% {
        width: 0
    }

    to {
        width: 220px
    }
}

.g-animate .g-animate-container {
    position: relative
}

.g-animate .g-animate-container .swiper-container {
    height: 100%;
    --swiper-theme-color: #f60;
    --swiper-navigation-color: #0f3;
    --swiper-navigation-size: 30px
}

.g-animate .g-animate-container .swiper-slide {
    height: 100%;
    border: 1px solid #eceff4
}

.g-animate .g-animate-container .swiper-slide>div {
    opacity: 0;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50%;
    position: absolute
}

.g-animate .g-animate-container .swiper-slide>div.fadeIn {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.g-animate .g-animate-container .swiper-slide.swiper-slide-0 {
    background: url(../image/g-animate-swiper-0.0a4ddd22.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.g-animate .g-animate-container .swiper-slide.swiper-slide-1 {
    background: url(../image/g-animate-swiper-1.2d079029.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.g-animate .g-animate-container .swiper-slide.swiper-slide-2 {
    background: url(../image/g-animate-swiper-2.e6fb733c.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.g-animate .g-animate-container .swiper-slide.swiper-slide-3 {
    background: url(../image/g-animate-swiper-3.97f8faee.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.g-animate .g-animate-container .swiper-slide.swiper-slide-4 {
    background: url(../image/g-animate-swiper-4.fb0edeab.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.g-animate .g-animate-container .swiper-slide.swiper-slide-5 {
    background: url(../image/g-animate-swiper-5.7ba7a6fa.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.g-animate .g-animate-container .swiper-button-prev {
    left: -40px
}

.g-animate .g-animate-container .swiper-button-next {
    right: -40px
}

.g-animate .g-animate-container .swiper-button-next,
.g-animate .g-animate-container .swiper-button-prev {
    display: none
}

.g-animate:hover .swiper-button-next,
.g-animate:hover .swiper-button-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}
/*产品特色 end*/


.g-industry-solutions {
    padding: 80px 0;
    background: #fff;
    height: 722px
}

.g-industry-solutions h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #111f33
}

.g-industry-solutions .g-industry-solutions-contanier-header ul {
    margin-top: 25px;
    padding: 0 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.g-industry-solutions .g-industry-solutions-contanier-header ul li {
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    font-size: 20px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    color: #4e5a70
}

.g-industry-solutions .g-industry-solutions-contanier-header ul li:last-child {
    margin-right: 0
}

.g-industry-solutions .g-industry-solutions-contanier-header ul li.active {
    color: #4c6aff
}

.g-industry-solutions .g-industry-solutions-contanier-header ul li.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 34px;
    height: 4px;
    background: #4c6aff;
    left: 50%;
    margin-left: -17px
}

.g-industry-solutions .g-industry-solutions-contanier {
    margin-top: 24px;
    overflow: inherit
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide {
    position: relative;
    height: 426px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-0 .swiper-slide-img {
    width: 588px;
    height: 426px;
    background: #555 url(../image/icon-industry-solutions-swiper-slide-img-0.8cb54706.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-0 .content-body-img {
    height: 48px;
    background: url(../image/icon-content-body-img-0.d258db4d.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-1 .swiper-slide-img {
    width: 588px;
    height: 426px;
    background: #555 url(../image/icon-industry-solutions-swiper-slide-img-1.4d785f3b.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-1 .content-body-img {
    height: 48px;
    background: url(../image/icon-content-body-img-1.4fd0e937.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-2 .swiper-slide-img {
    width: 588px;
    height: 426px;
    background: #555 url(../image/icon-industry-solutions-swiper-slide-img-2.42d0552f.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-2 .content-body-img {
    height: 48px;
    background: url(../image/icon-content-body-img-2.49a1520e.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-3 .swiper-slide-img {
    width: 588px;
    height: 426px;
    background: #555 url(../image/icon-industry-solutions-swiper-slide-img-3.0b8a13d4.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-3 .content-body-img {
    height: 48px;
    background: url(../image/icon-content-body-img-3.2392058c.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-4 .swiper-slide-img {
    width: 588px;
    height: 426px;
    background: #555 url(../image/icon-industry-solutions-swiper-slide-img-4.4ec89d08.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-4 .content-body-img {
    height: 48px;
    background: url(../image/icon-content-body-img-4.63c49c54.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-5 .swiper-slide-img {
    width: 588px;
    height: 426px;
    background: #555 url(../image/icon-industry-solutions-swiper-slide-img-5.31444202.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-5 .content-body-img {
    height: 48px;
    background: url(../image/icon-content-body-img-5.b914e435.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-6 .swiper-slide-img {
    width: 588px;
    height: 426px;
    background: #555 url(../image/icon-industry-solutions-swiper-slide-img-6.f3bafbd4.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-6 .content-body-img {
    height: 48px;
    background: url(../image/icon-content-body-img-6.42a61907.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-7 .swiper-slide-img {
    width: 588px;
    height: 426px;
    background: #555 url(../image/icon-industry-solutions-swiper-slide-img-7.cb0a278d.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-7 .content-body-img {
    height: 48px;
    background: url(../image/icon-content-body-img-7.0cf3095a.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-8 .swiper-slide-img {
    width: 588px;
    height: 426px;
    background: #555 url(../image/icon-industry-solutions-swiper-slide-img-8.59bf9349.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-8 .content-body-img {
    height: 48px;
    background: url(../image/icon-content-body-img-8.740c7968.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-9 .swiper-slide-img {
    width: 588px;
    height: 426px;
    background: #555 url(../image/icon-industry-solutions-swiper-slide-img-9.c718906b.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-9 .content-body-img {
    height: 48px;
    background: url(../image/icon-content-body-img-9.4d57a325.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content {
    width: 1200px;
    padding: 12px 0 0 634px;
    background: #fff
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 38px;
    color: #232d47;
    width: 552px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content .icon-tips {
    height: 40px;
    position: relative
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content .icon-tips .icon-tips-wrapper {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content .icon-tips .icon-tips-wrapper span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 8px;
    background: #fff0db;
    border-radius: 4px;
    font-size: 14px;
    color: #e5a344;
    margin: 5px 10px 5px 0
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content .icon-tips .icon-tips-wrapper span:last-child {
    margin-right: 0
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content .content-body {
    position: relative;
    margin-top: 30px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content .content-body p {
    margin-top: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #4e5a70
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content .content-footer {
    text-align: right;
    margin-top: 56px;
    position: absolute;
    bottom: 0;
    right: 0
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content .content-footer span {
    display: inline-block;
    width: 112px;
    line-height: 40px;
    height: 40px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #4c6aff;
    cursor: pointer;
    border: 1px solid #4c6aff;
    border-radius: 4px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content .content-footer span.js-free-try,
.g-industry-solutions .g-industry-solutions-contanier .swiper-slide .swiper-slide-content .content-footer span.js-free-use {
    background: #4c6aff;
    color: #fff;
    margin-left: 8px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-pagination {
    bottom: -38px;
    height: 6px
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-pagination .swiper-pagination-bullet {
    margin: 0 7px;
    width: 6px;
    height: 6px;
    background: rgba(35, 109, 239, .2);
    opacity: 1;
    vertical-align: top;
    border-radius: 6px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.g-industry-solutions .g-industry-solutions-contanier .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px;
    background: #357dfd
}

.g-use-mail {
    padding: 80px 0;
    background: #f8f9fb
}

.g-use-mail h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #111f33
}

.g-use-mail ul {
    margin-top: 36px;
    width: 1198px;
    height: 436px;
    background: url(../image/mail_logos.5ad6e0dd.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.g-use-mail ul li {
    width: 200px;
    height: 60px;
    float: left;
    margin: 0 20px 20px 0
}

.g-use-mail ul li:nth-child(5n) {
    margin-right: 0
}

.g-use-mail a {
    display: block;
    width: 112px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #4c6aff;
    color: #4c6aff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin: 48px auto 0
}

.g-c-n {
    padding: 52px 0 0;
    height: 409px;
    background: #1c46bc url(../image/bg-c-n.f846462b.jpg) no-repeat 50%;
    -webkit-background-size: 1920px 409px;
    background-size: 1920px 409px
}

.g-c-n h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    color: #fff;
    text-align: center
}

.g-c-n ul {
    margin-top: 57px;
    padding: 0 116px
}

.g-c-n ul li {
    margin-right: 160px;
    float: left
}

.g-c-n ul li:last-child {
    margin-right: 0
}

.g-c-n ul li h3 {
    font-weight: 500;
    font-size: 36px;
    line-height: 50px;
    color: #fff
}

.g-c-n ul li p {
    font-weight: 400;
    line-height: 22px;
    color: #fff;
    margin-top: 6px
}

.g-c-n a,
.g-c-n ul li p {
    font-size: 16px;
    text-align: center
}

.g-c-n a {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 45px;
    display: block;
    margin: 59px auto 0;
    width: 220px;
    height: 44px;
    line-height: 42px;
    color: #236def
}

.g-help-center {
    padding: 80px 0 0;
    background: #313845
}

.g-help-center .g-wrapper {
    width: 1200px;
    background-position: 100px
}

.g-help-center .g-wrapper .left,
.g-help-center .g-wrapper .right {
    float: left;
    width: 600px;
    color: #c0c8d6;
    height: 180px
}

.g-help-center .g-wrapper h2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 13px
}

.g-help-center .g-wrapper p {
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.g-help-center .g-wrapper .left,
.g-help-center .g-wrapper .right {
    position: relative
}

.g-help-center .g-wrapper .left>a,
.g-help-center .g-wrapper .right>a {
    font-size: 14px;
    display: inline-block;
    margin-top: 22px;
    width: 100%;
    text-align: right;
    color: #4c6aff;
    padding-right: 100px;
    position: absolute;
    bottom: 0;
    left: 0
}

.g-slogan {
    z-index: 1;
    position: relative;
    -webkit-box-shadow: 0 4px 8px rgba(214, 225, 234, .3);
    box-shadow: 0 4px 8px rgba(214, 225, 234, .3)
}

.g-slogan-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative
}

.g-slogan-number .g-slogan-number-line {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.g-slogan-number .g-slogan-number-line span {
    display: block;
    width: 1px;
    height: 52px;
    background-color: #e1e6ed;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0
}

.g-slogan-number .g-slogan-number-line span:first-of-type {
    left: 300px
}

.g-slogan-number .g-slogan-number-line span:nth-of-type(2) {
    left: 600px
}

.g-slogan-number .g-slogan-number-line span:nth-of-type(3) {
    left: 900px
}

.g-slogan-number .g-slogan-number-card:first-of-type:hover~.g-slogan-number-line>span:first-of-type,
.g-slogan-number .g-slogan-number-card:nth-of-type(2):hover~.g-slogan-number-line>span:first-of-type,
.g-slogan-number .g-slogan-number-card:nth-of-type(2):hover~.g-slogan-number-line>span:nth-of-type(2),
.g-slogan-number .g-slogan-number-card:nth-of-type(3):hover~.g-slogan-number-line>span:nth-of-type(2),
.g-slogan-number .g-slogan-number-card:nth-of-type(3):hover~.g-slogan-number-line>span:nth-of-type(3),
.g-slogan-number .g-slogan-number-card:nth-of-type(4):hover~.g-slogan-number-line>span:nth-of-type(3) {
    display: none
}

.g-slogan-number .g-slogan-number-card {
    position: relative;
    width: 300px;
    height: 108px;
    text-align: center;
    padding-top: 28px
}

.g-slogan-number .g-slogan-number-card>a {
    display: inline-block;
    color: #4c6aff;
    border: 1px solid #4c6aff;
    border-radius: 4px;
    width: 72px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    display: none
}

.g-slogan-number .g-slogan-number-card .g-slogan-number-card-desc {
    font-size: 16px;
    color: #7a8599
}

.g-slogan-number .g-slogan-number-card .g-slogan-number-card-title {
    height: 32px;
    width: 100%;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.g-slogan-number .g-slogan-number-card:first-of-type .g-slogan-number-card-title {
    background-image: url(../image/liyi100.9aeea03b.png)
}

.g-slogan-number .g-slogan-number-card:nth-of-type(2) .g-slogan-number-card-title {
    background-image: url(../image/liyi180.deef3900.png)
}

.g-slogan-number .g-slogan-number-card:nth-of-type(3) .g-slogan-number-card-title {
    background-image: url(../image/liyi7x24.80266fb8.png)
}

.g-slogan-number .g-slogan-number-card:nth-of-type(4) .g-slogan-number-card-title {
    background-image: url(../image/liyi99.0ea97012.png)
}

.g-slogan-number .g-slogan-number-card:hover {
    background: #f5f8ff;
    cursor: pointer
}

.g-slogan-number .g-slogan-number-card:hover>a {
    display: inline-block
}

.g-slogan-number .g-slogan-number-card:hover .g-slogan-number-card-title {
    -webkit-transform: scale(.8) translateY(-6px);
    -moz-transform: scale(.8) translateY(-6px);
    -ms-transform: scale(.8) translateY(-6px);
    transform: scale(.8) translateY(-6px)
}

.g-slogan-number .g-slogan-number-card:hover .js-free-use {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

.g-slogan-number .g-slogan-number-card:hover .g-slogan-number-card-desc {
    display: none
}

.g-why-select-us>a {
    display: inline-block;
    width: 178px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #4c6aff;
    border-radius: 4px;
    font-size: 16px;
    color: #eee;
    margin: 48px 0 80px
}

.g-why-select-us>a:hover {
    color: #fff;
}

.g-why-select-us-feat {
    margin-top: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.g-why-select-us-feat .g-why-select-us-feat-card {
    width: 282px;
    height: 352px;
    left: 680px;
    top: 834px;
    -webkit-box-shadow: 0 4px 8px rgba(214, 225, 234, .3);
    box-shadow: 0 4px 8px rgba(214, 225, 234, .3);
    border-radius: 4px;
    padding: 18px 24px;
    background-color: #fff
}

@-webkit-keyframes entery {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -4500px
    }
}

@-moz-keyframes entery {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -4500px
    }
}

@keyframes entery {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -4500px
    }
}

@-webkit-keyframes leave {
    0% {
        background-position: 0 -4500px
    }

    to {
        background-position: 0 0
    }
}

@-moz-keyframes leave {
    0% {
        background-position: 0 -4500px
    }

    to {
        background-position: 0 0
    }
}

@keyframes leave {
    0% {
        background-position: 0 -4500px
    }

    to {
        background-position: 0 0
    }
}

.g-why-select-us-feat .g-why-select-us-feat-card.feat-card-1 .g-why-select-us-feat-card-icon {
    background-image: url(../image/icon-why-select-us-big-1.0767ae0b.png)
}

.g-why-select-us-feat .g-why-select-us-feat-card.feat-card-2 .g-why-select-us-feat-card-icon {
    background-image: url(../image/icon-why-select-us-big-2.d2e73f0b.png)
}

.g-why-select-us-feat .g-why-select-us-feat-card.feat-card-3 .g-why-select-us-feat-card-icon {
    background-image: url(../image/icon-why-select-us-big-3.498ef70a.png)
}

.g-why-select-us-feat .g-why-select-us-feat-card.feat-card-4 .g-why-select-us-feat-card-icon {
    background-image: url(../image/icon-why-select-us-big-4.ed1cb48d.png)
}

.g-why-select-us-feat .g-why-select-us-feat-card .g-why-select-us-feat-card-icon {
    background-color: #fff;
    display: inline-block;
    width: 150px;
    height: 150px;
    -webkit-background-size: 150px 150px;
    background-size: 150px;
    background-position: center 0;
    -webkit-animation: leave .4s steps(15) forwards;
    -moz-animation: leave .4s steps(15) forwards;
    animation: leave .4s steps(15) forwards
}

.g-why-select-us-feat .g-why-select-us-feat-card .g-why-select-us-feat-card-title {
    font-size: 21px;
    color: #232d47;
    font-weight: 500
}

.g-why-select-us-feat .g-why-select-us-feat-card .g-why-select-us-feat-card-desc {
    font-size: 16px;
    line-height: 170%;
    color: #4e5a70;
    text-align: left
}

.g-why-select-us-feat .g-why-select-us-feat-card:hover .g-why-select-us-feat-card-icon {
    -webkit-animation: entery .4s steps(15) forwards;
    -moz-animation: entery .4s steps(15) forwards;
    animation: entery .4s steps(15) forwards
}

#banner_register {
    cursor: pointer
}

/* WebP support */
.webp .g-header .g-header-loginbar .g-header-loginbar-logo a {
    background-image: url(../image/logo.23c43759.webp);
}

/* WebP support */
.webp .g-header.lighted .g-header-loginbar .g-header-loginbar-logo a {
    background-image: url(../image/logo-lighted.23717933.webp);
}

/* WebP support */
.webp .g-header.lighted.fixed .g-header-loginbar .g-header-loginbar-logo a {
    background-image: url(../image/logo.23c43759.webp);
}

/* WebP support */
.webp .g-left-nav>a {
    background-image: url(../image/icon-left-nav-a.1aa5eaf6.webp);
}

/* WebP support */
.webp .g-left-nav>a:hover {
    background-image: url(../image/icon-left-nav-a-hover.7984404d.webp);
}

/* WebP support */
.webp .g-left-nav .g-left-nav-main div.icon-1 {
    background-image: url(../image/icon-left-nav-1.ec70dd78.webp);
}

/* WebP support */
.webp .g-left-nav .g-left-nav-main div.icon-1:hover {
    background-image: url(../image/icon-left-nav-1-hover.24df95aa.webp);
}

/* WebP support */
.webp .g-left-nav .g-left-nav-main div.icon-2 {
    background-image: url(../image/icon-left-nav-2.b565e8bd.webp);
}

/* WebP support */
.webp .g-left-nav .g-left-nav-main div.icon-2:hover {
    background-image: url(../image/icon-left-nav-2-hover.beeb70b4.webp);
}

/* WebP support */
.webp .g-left-nav .g-left-nav-main div.icon-3 {
    background-image: url(../image/icon-left-nav-3.f985114b.webp);
}

/* WebP support */
.webp .g-left-nav .g-left-nav-main div.icon-3 span {
    background-image: url(../image/icon-left-nav-3-hover-img.b591ab57.webp);
}

/* WebP support */
.webp .g-left-nav .g-left-nav-main div.icon-3:hover {
    background-image: url(../image/icon-left-nav-3-hover.360b812e.webp);
}

/* WebP support */
.webp .g-left-nav .g-tjyl a {
    background-image: url(../image/icon-nav-tjyl.4b38b187.webp);
}

/* WebP support */
.webp .g-left-nav_new .g-left-nav_bg {
    background-image: url(../image/navBgTop.3a1e6bde.webp);
}

/* WebP support */
.webp .g-left-nav_new .g-left-nav_new-d {
    background-image: url(../image/navBgB.95fc1d25.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .phone-mail i.icon-phone {
    background-image: url(../image/icon_phone_new.22794e34.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .phone-mail i.icon-mail {
    background-image: url(../image/icon_mail_new.8f1910e3.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .icons li a i.icon-weixin {
    background-image: url(../image/icon_weixin.155b066c.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .icons li a i.icon-weibo {
    background-image: url(../image/icon_weibo.b3275890.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .icons li a i.icon-topic {
    background-image: url(../image/icon_topic.7d5f1ea7.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .icons li a i.icon-app {
    background-image: url(../image/icon_app.868b6054.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .icons li a i.icon-businessCard {
    background-image: url(../image/icon_businessCard.e455eacc.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .icons li a i.icon-qrcode {
    background-image: url(../image/icon_qrcode.e8a04837.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .icons li a i.icon-qrcode span {
    background-image: url(../image/icon_qrcode-main.ae572abd.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .icons li a i.icon-app-qrcode,
.g-footer .linkpart .right .icons li a i.icon-businessCard-qrcode,
.g-footer .linkpart .right .icons li a i.icon-weibo-qrcode {
    background-image: url(../image/icon_qrcode.e8a04837.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .icons li a i.icon-app-qrcode span,
.g-footer .linkpart .right .icons li a i.icon-businessCard-qrcode span,
.g-footer .linkpart .right .icons li a i.icon-weibo-qrcode span {
    background-image: url(../image/icon_qrcode-weibo.9f74dcdd.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .icons li a i.icon-app-qrcode span {
    background-image: url(../image/icon_qrcode-app.816951cc.webp);
}

/* WebP support */
.webp .g-footer .linkpart .right .icons li a i.icon-businessCard-qrcode span {
    background-image: url(../image/icon_qrcode-businessCard.9e63a55d.webp);
}

/* WebP support */
.webp .g-footer .copyright p i.icon-icp {
    background-image: url(../image/icon_icp.af2c3685.webp);
}

/* WebP support */
.webp .g-footer .copyright p i.icon-coremail {
    background-image: url(../image/icon_coremail.c4fcaa60.webp);
}

/* WebP support */
.webp .u-qiye-buy-img {
    background-image: url(../image/qiye_buy_img.1cb9722d.webp);
}

/* WebP support */
.webp .u-qiye-buy-loading-img {
    background-image: url(../image/qy_loading.275ab819.webp);
}

/* WebP support */
.webp .g-nav i {
    background-image: url(../image/mdi_map-marker.7216c232.webp);
}

/* WebP support */
.webp .g-nav.except i {
    background-image: url(../image/mdi_map-marker-fff.51d42b0c.webp);
}



/* WebP support */
.webp .g-price .g-price-container .g-price-body .accounts .accounts-num-controller span.minus.disabled,
.g-price .g-price-container .g-price-body .accounts .years-num-controller span.minus.disabled,
.g-price .g-price-container .g-price-body .years .accounts-num-controller span.minus.disabled,
.g-price .g-price-container .g-price-body .years .years-num-controller span.minus.disabled {
    background-image: url(../image/qyyx-mob-sy-6.1.ef0105c3.webp);
}



/* WebP support */
.webp .g-price .g-price-container .g-price-body .price-main .preferential-price .left label {
    background-image: url(../image/mdi_sale.2f48933f.webp);
}

/* WebP support */
.webp .g-price .g-price-container .g-price-body a.js-free-use:after {
    background-image: url(../image/icon-price-btn-tip.ceb78317.webp);
}



/* WebP support */
.webp .g-price .g-price-container .g-price-main .g-price-main-right .g-price-main-right-header {
    /*background-image: url(../image/ae9eaf7f3821897400be90e7e18cc9a2.e9688ba1.webp);*/
    background: #8197f0;
}

/* WebP support */
.webp #qy-select .select-head .select-icon {
    background-image: url(../image/64fb2943482fb6a1e9f7ef7c1f0c2389.d364181f.webp);
}

/* WebP support */
.webp #qy-select.g-price-edit-account-select .select-head .select-icon {
    background-image: url(../image/7966606b1fb71ea56cdf6321e4238eee.0a8a6a47.webp);
}

/* WebP support */
.webp #qy-bar-wrap .bar_drag {
    background-image: url(../image/16278ec25a875daf8f43627fd71a510a.7bfcab46.webp);
}

/* WebP support */
.webp .price-bar-wrap .price-bar-wrap-control .accounts-num-controller span.minus,
.price-bar-wrap .price-bar-wrap-control .accounts-num-controller span.minus.disabled,
.price-bar-wrap .price-bar-wrap-control .years-num-controller span.minus,
.price-bar-wrap .price-bar-wrap-control .years-num-controller span.minus.disabled {
    background-image: url(../image/qyyx-mob-sy-6.3_new.d87d43f3.webp);
}

/* WebP support */
.webp .price-bar-wrap .price-bar-wrap-control .accounts-num-controller span.plus,
.price-bar-wrap .price-bar-wrap-control .years-num-controller span.plus {
    background-image: url(../image/qyyx-mob-sy-6.2_new.c53d7b83.webp);
}



/* WebP support */
.webp .modal-wrapper .modal-content .register-form-wrapper .before-close-dialog h3 i {
    background-image: url(../image/icon_poor.b8f75850.webp);
}

/* WebP support */
.webp .modal-wrapper .modal-content.resister-suc-modal .suc-title {
    background-image: url(../image/logo.23c43759.webp);
}

/* WebP support */
.webp .modal-wrapper .modal-content.register-success-modal_new .modal-content-body {
    background-image: url(../image/success_bg.98c06e2a.webp);
}



/* WebP support */
.webp .modal-wrapper .modal-content.register-success-buy.register-success-modal_new .modal-content-body {
    background-image: url(../image/success_bg_new.4d624a55.webp);
}

/* WebP support */
.webp .modal-wrapper .modal-content.register-success-buy.register-success-modal_new .register-new-close {
    background-image: url(../image/close-modal-white.dd052a17.webp);
}

/* WebP support */
.webp .modal-wrapper .modal-content .popContent .info_icon_suc {
    background-image: url(../image/icon-form-submit-success.fc189719.webp);
}

/* WebP support */
.webp .modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#base-next .wrapper-header,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#discount-next .wrapper-header,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#base-next .wrapper-header,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#discount-next .wrapper-header {
    background-image: url(../image/modal_header.0f21f375.webp);
}

/* WebP support */
.webp .modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .wrapper-header,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper#adviser-next .wrapper-header {
    background-image: url(../image/adviser-header.e1619861.webp);
}



/* WebP support */
.webp .modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus+label,
.modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:hover+label,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus+label,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:hover+label {
    background-image: url(../image/form-item-label-name-hover.5f2e16fb.webp);
}

/* WebP support */
.webp .modal-wrapper .modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 label,
.modal-wrapper .modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 label {
    background-image: url(../image/form-item-label-name.63c67aaf.webp);
}

/* WebP support */
.webp .modal-wrapper .modal-content.register-planb-first .wrapper-header,
.modal-wrapper .modal-content.register-planb-second .wrapper-header {
    background-image: url(../image/planb_modal_head.ae595ed0.webp);
}

/* WebP support */
.webp #advister-modal #modal-form-wrap .wrapper-header {
    background-image: url(../image/adviser-header.e1619861.webp);
}

/* WebP support */
.webp .register-detainment-content .register-detainment-img {
    background-image: url(../image/detainment_img.6bf11983.webp);
}

/* WebP support */
.webp .use-img-checked {
    background-image: url(../image/green_check.0457b321.webp);
}

/* WebP support */
.webp .g-banner .swiper-container .swiper-slide.swiper-slide-t {
    background-image: url(../image/banner960_5.f0223c01.webp);
}

/* WebP support */
.webp .g-banner .swiper-container .swiper-slide.swiper-slide-0 {
    background-image: url(../image/banner0.32067dd8.webp);
}

/* WebP support */
.webp .g-banner .swiper-container .swiper-slide.swiper-slide-linhang {
    background-image: url(../image/fec0c63ecfbb2d65ce2bc12eecec038d.36485723.webp);
}

/* WebP support */
.webp .g-banner .swiper-container .swiper-slide.swiper-slide-linhang a.js-free-use {
    background-image: url(../image/3b31c83a8472dcf211c90cb1748df15c.d7c21f95.webp);
}



/* WebP support */
.webp .g-banner .swiper-container .swiper-slide.swiper-slide-2 a {
    background-image: url(../image/banner_old2.922ec97c.webp);
}

/* WebP support */
.webp .g-banner .swiper-container .swiper-slide.swiper-slide-3 a {
    background-image: url(../image/banner960_4.36d75bcf.webp);
}

/* WebP support */
.webp .g-banner .swiper-container .swiper-slide.swiper-slide-waimao a {
    background-image: url(../image/waimao5.bb079f93.webp);
}

/* WebP support */
.webp .g-banner .swiper-container .swiper-slide.swiper-slide-live a {
    background-image: url(../image/live01.0d45bfa5.webp);
}



/* WebP support */
.webp .g-banner .swiper-button-prev {
    background-image: url(../image/icon-prev.2575416e.webp);
}

/* WebP support */
.webp .g-banner .swiper-button-prev:hover {
    background-image: url(../image/icon-prev-hover.0565b9d9.webp);
}

/* WebP support */
.webp .g-banner .swiper-button-next {
    background-image: url(../image/icon-next.420d0370.webp);
}

/* WebP support */
.webp .g-banner .swiper-button-next:hover {
    background-image: url(../image/icon-next-hover.742d88dc.webp);
}

/* WebP support */
.webp .g-latest-news p {
    background-image: url(../image/icon-audio.01a3d4a3.webp);
}

/* WebP support */
.webp .g-why-select-us .swiper-container .swiper-slide.swiper-slide-1 {
    background-image: url(../image/bg-why-select-us-swiper-1.cc4f5f9c.webp);
}

/* WebP support */
.webp .g-why-select-us .swiper-container .swiper-slide.swiper-slide-2 {
    background-image: url(../image/bg-why-select-us-swiper-2.2d90ab4a.webp);
}

/* WebP support */
.webp .g-why-select-us .swiper-container .swiper-slide.swiper-slide-3 {
    background-image: url(../image/bg-why-select-us-swiper-3.982b2faa.webp);
}

/* WebP support */
.webp .g-why-select-us .swiper-container .swiper-slide.swiper-slide-4 {
    background-image: url(../image/bg-why-select-us-swiper-4.ca15a1b4.webp);
}

















/* WebP support */
.webp .g-animate .g-animate-container .swiper-slide.swiper-slide-0 {
    background-image: url(../image/g-animate-swiper-0.0a4ddd22.webp);
}

/* WebP support */
.webp .g-animate .g-animate-container .swiper-slide.swiper-slide-1 {
    background-image: url(../image/g-animate-swiper-1.2d079029.webp);
}

/* WebP support */
.webp .g-animate .g-animate-container .swiper-slide.swiper-slide-2 {
    background-image: url(../image/g-animate-swiper-2.e6fb733c.webp);
}

/* WebP support */
.webp .g-animate .g-animate-container .swiper-slide.swiper-slide-3 {
    background-image: url(../image/g-animate-swiper-3.97f8faee.webp);
}

/* WebP support */
.webp .g-animate .g-animate-container .swiper-slide.swiper-slide-4 {
    background-image: url(../image/g-animate-swiper-4.fb0edeab.webp);
}

/* WebP support */
.webp .g-animate .g-animate-container .swiper-slide.swiper-slide-5 {
    background-image: url(../image/g-animate-swiper-5.7ba7a6fa.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-0 .swiper-slide-img {
    background-image: url(../image/icon-industry-solutions-swiper-slide-img-0.8cb54706.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-0 .content-body-img {
    background-image: url(../image/icon-content-body-img-0.d258db4d.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-1 .swiper-slide-img {
    background-image: url(../image/icon-industry-solutions-swiper-slide-img-1.4d785f3b.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-1 .content-body-img {
    background-image: url(../image/icon-content-body-img-1.4fd0e937.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-2 .swiper-slide-img {
    background-image: url(../image/icon-industry-solutions-swiper-slide-img-2.42d0552f.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-2 .content-body-img {
    background-image: url(../image/icon-content-body-img-2.49a1520e.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-3 .swiper-slide-img {
    background-image: url(../image/icon-industry-solutions-swiper-slide-img-3.0b8a13d4.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-3 .content-body-img {
    background-image: url(../image/icon-content-body-img-3.2392058c.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-4 .swiper-slide-img {
    background-image: url(../image/icon-industry-solutions-swiper-slide-img-4.4ec89d08.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-4 .content-body-img {
    background-image: url(../image/icon-content-body-img-4.63c49c54.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-5 .swiper-slide-img {
    background-image: url(../image/icon-industry-solutions-swiper-slide-img-5.31444202.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-5 .content-body-img {
    background-image: url(../image/icon-content-body-img-5.b914e435.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-6 .swiper-slide-img {
    background-image: url(../image/icon-industry-solutions-swiper-slide-img-6.f3bafbd4.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-6 .content-body-img {
    background-image: url(../image/icon-content-body-img-6.42a61907.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-7 .swiper-slide-img {
    background-image: url(../image/icon-industry-solutions-swiper-slide-img-7.cb0a278d.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-7 .content-body-img {
    background-image: url(../image/icon-content-body-img-7.0cf3095a.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-8 .swiper-slide-img {
    background-image: url(../image/icon-industry-solutions-swiper-slide-img-8.59bf9349.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-8 .content-body-img {
    background-image: url(../image/icon-content-body-img-8.740c7968.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-9 .swiper-slide-img {
    background-image: url(../image/icon-industry-solutions-swiper-slide-img-9.c718906b.webp);
}

/* WebP support */
.webp .g-industry-solutions .g-industry-solutions-contanier .swiper-slide.swiper-slide-9 .content-body-img {
    background-image: url(../image/icon-content-body-img-9.4d57a325.webp);
}

/* WebP support */
.webp .g-use-mail ul {
    background-image: url(../image/mail_logos.5ad6e0dd.webp);
}

/* WebP support */
.webp .g-c-n {
    background-image: url(../image/bg-c-n.f846462b.webp);
}

/* WebP support */
.webp .g-slogan-number .g-slogan-number-card:first-of-type .g-slogan-number-card-title {
    background-image: url(../image/liyi100.9aeea03b.webp);
}

/* WebP support */
.webp .g-slogan-number .g-slogan-number-card:nth-of-type(2) .g-slogan-number-card-title {
    background-image: url(../image/liyi180.deef3900.webp);
}

/* WebP support */
.webp .g-slogan-number .g-slogan-number-card:nth-of-type(3) .g-slogan-number-card-title {
    background-image: url(../image/liyi7x24.80266fb8.webp);
}

/* WebP support */
.webp .g-slogan-number .g-slogan-number-card:nth-of-type(4) .g-slogan-number-card-title {
    background-image: url(../image/liyi99.0ea97012.webp);
}

/*提交表单*/
.code-group {
    display: flex;align-items: center;gap: 8px;padding-right: 0;
}

.layui-form input[type=checkbox], .layui-form input[type=radio], .layui-form select{
    display: block !important;
}