body,
html {
    min-width: 1200px;
    margin: 0;
    padding: 0;
    font-family: "PingFangSC-Regular", "PingFang SC", "Helvetica Neue",
    "Helvetica", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Arial", "sans-serif";
    text-align: center;
    font-size: 18px;
    color: #5f6367;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hidden-style {
    display: none;
}

a,
a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
    outline: none;
}

.menu {
    height: 60px;
    line-height: 60px;
    width: 100%;
    min-width: 1200px;
    position: fixed;
    padding: 0 30px;
    z-index: 1009;
    color: #FFF;
    font-size: 14px;
    font-family: PingFangSC-Regular, sans-serif;
}

.menu .menu-con {
    min-width: 1200px;
    margin: 0 auto;
}

.menu.mover {
    background: #191919;
}

.menu a.mlogo {
    display: block;
    margin-top: 17px;
    width: 112px;
    height: 26px;
    float: left;
    opacity: 1;
    background: url(/webstatic/img/logo_baiduanquan_navbar_web.svg) no-repeat center center;
}

.mnavlist {
    padding-left: 65px;
    float: left;
    list-style: none;
    margin: 0;
}

.mnavlist > li,
.mnavlist > li > a {
    display: inline-block;
}

.mnavlist > li {
    padding: 0 15px;
    font-size: 14px;
}

.mnavlist > li > a,
.mnavlist > li > span {
    display: block;
    cursor: pointer;
    color: #FFF;
    line-height: 60px;
}

.mnavlist > li.cur > a {
    color: #38F;
    opacity: 1;
}

.thirdmenu a.cur {
    color: #38F;
    opacity: 1;
}

.about-contacts.cur,
.about-us.cur,
.mnavlist > li.cur,
.mnavlist > li.cur > a,
.mnavlist > li.cur > span,
.mnavlist > li:hover,
.mnavlist > li:hover > a,
.mnavlist > li:hover > span,
.nav-lista .cur,
.twoLevelLink.cur .twoLevelTitle {
    color: #38F;
}

.honorList {
    width: 200px;
    height: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 70px;
    left: 70px;
}

#iconHonor {
    display: none;
    top: -4px;
    left: 68px;
    position: absolute;
}

.honorList > li {
    padding-left: 30px;
    box-sizing: border-box;
    text-align: left;
}

.honorList > li > a {
    width: auto;
    margin: 0 0;
}

.muser-link > i,
.select- .mnavlist > li > a > i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 8px;
    height: 5px;
    transition: transform .2s;
    background-image: url(/webstatic/img/icon_arrowline_white_down.png);
}

.muser-link > i {
    background-image: url(/webstatic/img/icon_arrow_white_down.png);
}

.menu.mover .mnavlist a i {
    background-image: url(/webstatic/img/icon_arrowline_blue_down.png);
}

.menu.mover .muser-link i {
    background-image: url(/webstatic/img/icon_arrow_blue_down.png);
}

.menu.mover .show-down .muser-link {
    opacity: 1;
}

.menu.mover .show-down .muser-link i,
.mnavlist > li > a:hover i {
    transform: rotate(180deg);
}

.mlogin {
    float: right;
    display: none;
    line-height: 60px;
}

.muser-name {
    display: inline-block;
    position: relative;
    height: 60px;
    cursor: pointer;
}

.muser-name:hover .muser-down {
    display: block;
}

.muser-link {
    height: 60px;
}

.muser-down {
    display: none;
    position: absolute;
    top: 60px;
    right: -30px;
    width: 160px;
    padding: 20px 30px;
    background: #05042C;
    line-height: 20px;
    text-align: left;
    border-top: 1px solid rgba(255, 255, 255, .4);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.muser-down a {
    line-height: 20px;
    font-size: 14px;
    color: #FFF;
    opacity: .8;
}

.muser-down a:hover {
    color: #38F;
    opacity: 1;
}

.show-down .muser-down {
    display: block;
}

.submenu {
    float: left;
    width: 121px;
    border-right: 1px solid #ccc;
}

.submenu a {
    display: block;
    height: 40px;
    line-height: 20px;
    padding: 10px 12px;
    color: #38f;
    font-size: 14px;
    text-align: left;
    position: relative;
    cursor: pointer;
}

.menu.mover .mnavlist .submenu a i {
    position: absolute;
    right: 12px;
    top: 16px;
    display: none;
    vertical-align: middle;
    width: 5px;
    height: 8px;
    background: url(/webstatic/img/icon_arrow_right.png) no-repeat;
}

.submenu a.act,
.submenu a:hover {
    background: rgba(51, 136, 255, .1);
}

.menu.mover .mnavlist .submenu a.act i,
.menu.mover .mnavlist .submenu a:hover i {
    display: block;
}

.thirdmenu {
    position: relative;
    padding: 20px 0 10px 15px;
    text-align: left;
    line-height: normal;
}

.thirdmenu a {
    width: 280px;
    display: block;
    position: relative;
    margin-right: 16px;
    margin-bottom: 30px;
    font-size: 14px;
    color: #FFF;
    opacity: .8;
    line-height: 20px;
}

.thirdmenu a span {
    display: block;
    padding-top: 4px;
    font-size: 12px;
    color: #999;
}

.thirdmenu a:hover {
    color: #38F;
    opacity: 1;
}

.banner {
    width: 100%;
    height: 500px;
    text-align: left;
    overflow: hidden;
    position: relative;
    background-image: linear-gradient(45deg, #050129, #08086E 65%, #0F0659);
}

.banner.banner-page {
    height: 500px;
}

.banner.color2 {
    background: linear-gradient(to left top, #00BFE6, #2CD8DB);
}

.banner.color0 {
    background: linear-gradient(to left top, #0a50ff, #77a3fc);
}

.banner.new-color {
    background: linear-gradient(224deg, #191919 0%, #0A0959 28%, #191919 100%);
}

.banner-img {
    position: absolute;
    width: 100%;
    height: 500px;
    left: 0;
    top: 0;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1920px 600px;
}

.banner-img.banner-page-img {
    height: 500px;
    background-size: 1920px 500px;
}

#user_name {
    display: inline-block;
    vertical-align: top;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.backend-btn {
    display: inline-block;
    line-height: 20px;
    text-align: center;
    margin-right: 30px;
}

#user_name:hover,
.backend-btn:hover {
    color: #38F;
}

/*************** footer ***********************/
.footer {
    position: relative;
    font-size: 14px;
    color: #fff;
    width: 100%;
    background: #191919;
    text-align: left;
    z-index: 1002;
}

.footer-container {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
    border-width: 1px 0;
    text-align: center;
    position: relative;
}

.footer-cell {
    display: inline-block;
    width: 130px;
    margin: 0;
    vertical-align: top;
    margin-left: 30px;
}

.footer-business-contact {
    font-size: 12px;
    color: #fff;
}

.footer-container div.footer-cell:last-child img {
    width: 72px;
}

.footer-cell-head {
    font-size: 12px;
    margin-bottom: 20px;
    text-align: left;
}

.footer-cell-content {
    font-size: 12px;
    line-height: 17px;
    text-align: left;
    font-family: PingFangSC-Regular, sans-serif;
}

.footer-cell-content a,
.footer-cell-content span.fade {
    opacity: .6;
    line-height: 17px;
    padding-bottom: 10px;
}

.footer-cell-content a:last-child {
    padding-bottom: 0;
}

.footer-cell-content a {
    display: block;
}

.footer-cell-content a:hover {
    color: #38f;
    opacity: 1;
}

.footer-line {
    position: relative;
    width: 100%;
    background: #fff;
    height: 1px;
    margin-top: 80px;
    opacity: .2;
}

.footer-container-line {
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .2);
    top: 105px;
    left: 0;
}

.footer-site-line {
    position: relative;
}

.footer-container-line.pl {
    top: -1px;
    left: 0;
}

.footer-tips {
    height: 128px;
    width: 1200px;
    margin: 0 auto;
    line-height: 2;
    text-align: left;
    font-size: 12px;
    padding: 40px 20px 0;
}

.footer-tips p {
    margin-bottom: 14px;
    line-height: 17px;
}

.footer-tips span {
    opacity: .6;
}

.footer-tips a {
    margin-right: 30px;
    opacity: .6;
    line-height: 17px;
}

.footer-tips .copyright a {
    margin-right: 0;
}

.footer-tips a:hover {
    color: #38f;
    opacity: 1;
}

.spu-btn-primary {
    width: 140px;
    height: 36px;
    line-height: 36px;
    background: #38F;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

.spu-btn-primary:hover {
    background: #4DA6FF;
}

.spu-btn-primary:active {
    background: #2E7AE6;
}

.contact {
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    z-index: 10001;
}

.contact .contact-normal,
.contact.active .contact-press,
.contact:hover .contact-press {
    display: inline-block;
}

.contact .contact-press,
.contact.active .contact-normal,
.contact:hover .contact-normal {
    display: none;
}

.contact-info {
    width: 290px;
    height: 236px;
    position: fixed;
    right: 25px;
    bottom: 100px;
    color: #333;
    border-radius: 4px;
    text-align: center;
    z-index: 10002;
    padding-top: 25px;
    background: url(/webstatic/img/bbs/bg_zixunliuyan.svg) 0 0 no-repeat;
}

.contact-info-con {
    width: 240px;
    margin: 0 auto;
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #D8D8D8;
    font-family: PingFang-SC-Regular, sans-serif;
}

.contact-info-con > a {
    display: block;
    float: left;
    width: 80px;
    height: 114px;
    text-align: center;
}

.contact-info-con > a:hover .contact-info-title {
    color: #38F;
}

.contact-info-icon {
    width: 48px;
    height: 48px;
}

.contact-info-title {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.contact-info-des {
    margin-top: 2px;
    font-size: 12px;
    line-height: 17px;
    color: #999;
}

.contact-consult {
    height: 60px;
    line-height: 60px;
    font-family: PingFang-SC-Regular, sans-serif;
    font-size: 14px;
    color: #333;
}

.contact-consult-phone {
    margin-left: 10px;
    color: #FC646B;
}

.contact .aboatqr,
.contact .concats,
.contact .gotop {
    display: block;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border-radius: 50%;
    margin-top: 30px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    background: #FFF;
}

.contact .gotop {
    display: none;
}

.contact img {
    width: 25px;
    vertical-align: middle;
}

.contact .gotop:hover {
    background: #F5F6F7;
}

.contact .aboatqr {
    background: url(/webstatic/img/bbs/icon_gzwechat_normal.svg) #FFF center no-repeat;
}

.contact .aboatqr:hover {
    background-image: url(/webstatic/img/bbs/pressed@1x-1.svg);
    background-color: #0BA360;
    /*background-image: url(/webstatic/img/bbs/pressed@1x3.svg);*/
}

.contact .concats {
    padding-top: 12px;
    background: #FFF;
    font-family: PingFang-SC-Regular, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #38F;
    text-align: center;
}

.contact .concats:hover {
    color: #FFF;
    background-image: linear-gradient(225deg, #02CEFF 0, #02CEFF 15%, #5F50FF 100%);
}

.try-btn {
    width: 200px;
    height: 60px;
    background: #38f;
    margin-top: 10px;
    display: inline-block;
    line-height: 60px;
    color: #fff;
}

.try-btn:hover {
    color: #fff;
    background: #4da6ff;
}

.try-btn:focus {
    color: #fff;
    background: #2e7ae6;
}

.try-btn img {
    position: relative;
    top: -2px;
}

.try-btn span {
    font-size: 18px;
    margin-left: 6px;
}

.header-back {
    background: #fff;
    opacity: 0;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
}

.ghost-btn {
    display: block;
    color: #fff;
    width: 180px;
    height: 44px;
    line-height: 44px;
    background: #38f;
    font-size: 18px;
    margin: 0;
    position: absolute;
    top: 171px;
    text-align: center;
}

.ghost-btn:hover {
    color: #fff;
    background: #4da6ff;
}

.ghost-btn:active {
    color: #fff;
    background: #2e7ae6;
}

.ghost-btn a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.ghost-btn .ghost-img {
    position: relative;
    width: 32px;
    height: 22px;
    display: inline-block;
    background: url(/webstatic/img/newicon/icon_letter_white.svg) no-repeat;
    top: 4px;
}

.ghost-btn span {
    position: relative;
    font-size: 18px;
}

.ghost-btn:hover span {
    color: #fff;
}

.ghost-btn2 {
    position: absolute;
    top: 171px;
    left: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 44px;
    border: 1px solid #fff;
}

.ghost-btn2:hover {
    color: #333;
    background-color: #fff;
}

.ghost-btn2:active {
    color: #333;
    border: none;
    background-color: rgba(255, 255, 255, .8);
}

.banner-text {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 100%;
    padding-left: 30px;
    padding-top: 160px;
    color: #fff;
    z-index: 12;
    font-size: 16px;
    overflow: hidden;
}

.banner-page-text {
    position: relative;
    width: 1200px;
    height: 240px;
    left: 50%;
    margin-left: -600px;
    padding-left: 30px;
    color: #fff;
    z-index: 12;
    top: 130px;
    font-size: 16px;
    overflow: hidden;
}

.banner-head {
    font-size: 40px;
    min-height: 60px;
    line-height: 56px;
    margin-bottom: 14px;
}

.banner-head img {
    display: block;
    height: 60px;
}

.banner-tips {
    width: 720px;
    line-height: 24px;
    font-size: 14px;
}

.banner-call {
    width: 180px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 223px;
    opacity: .6;
}

.product-block-area {
    position: relative;
    font-size: 18px;
    color: #5f6367;
    line-height: 24px;
    padding-top: 100px;
}

.product-block-area.bg-gray {
    background: #f5f5f5;
    padding-bottom: 100px;
}

.product-head {
    font-size: 28px;
    line-height: 40px;
    color: #1a292b;
    margin-bottom: 80px;
    position: relative;
    text-align: center;
}

.product-head::after,
.product-head::before,
.questions-head::after,
.questions-head::before {
    content: " ";
    display: block;
    position: absolute;
    background: linear-gradient(225deg, rgba(255, 255, 255, 0) 0%, #999 100%);
    width: 232px;
    height: 2px;
    left: 50%;
    top: 20px;
    margin-left: 70px;
}

.product-head::after {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #999 100%);
    margin-left: -302px;
}

.prod-feature {
    max-width: 1200px;
    margin: 0 auto;
}


.prod-feature.prod-feature5 .prod-feature-item.block-cell {
    padding: 0 20px;
}

.prod-feature.prod-feature5 .prod-feature-item .cell-des {
    width: 200px;
}

.prod-feature.prod-feature6 {
    width: 900px;
}

.prod-feature.prod-feature7 .prod-feature-item:nth-child(1),
.prod-feature.prod-feature7 .prod-feature-item:nth-child(2),
.prod-feature.prod-feature7 .prod-feature-item:nth-child(3) {
    padding: 0 40px;
}

.prod-feature.prod-feature6 .prod-feature-item:nth-child(4),
.prod-feature.prod-feature6 .prod-feature-item:nth-child(5),
.prod-feature.prod-feature6 .prod-feature-item:nth-child(6),
.prod-feature.prod-feature7 .prod-feature-item:nth-child(4),
.prod-feature.prod-feature7 .prod-feature-item:nth-child(5),
.prod-feature.prod-feature7 .prod-feature-item:nth-child(6),
.prod-feature.prod-feature7 .prod-feature-item:nth-child(7),
.prod-feature.prod-feature8 .prod-feature-item:nth-child(5),
.prod-feature.prod-feature8 .prod-feature-item:nth-child(6),
.prod-feature.prod-feature8 .prod-feature-item:nth-child(7),
.prod-feature.prod-feature8 .prod-feature-item:nth-child(8) {
    margin-top: 80px;
}

.prod-feature-header {
    margin-bottom: 40px;
}

.prod-feature.more {
    text-align: left;
}

.prod-feature .prod-feature-item {
    margin-top: 40px;
    text-align: center;
}

.questions-head:before {
    margin-left: 84px;
}

.questions-head::after {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #999 100%);
    margin-left: -316px;
}

.blank-area {
    height: 100px;
    width: 100%;
    display: block;
    position: relative;
}

.anchor-point {
    position: relative;
    top: -120px;
    display: block;
}

.anchor-point.short {
    position: relative;
    top: -220px;
    display: block;
}

.anchor-point.none-top {
    position: relative;
    top: 0;
    display: block;
}

.nav-tab-warpper {
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 13;
    background: rgba(255, 255, 255, .1);
    font-size: 18px;
}

.nav-tab-warpper.fixed {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 1008;
}

.nav-tab-warpper.fixed .nav-tab {
    color: #999;
    opacity: 1;
}

.nav-tab-warpper.fixed .nav-tab-item {
    color: #999;
    opacity: 1;
}

.nav-tab-warpper.fixed .nav-tab-item:hover {
    color: #38f;
}

.nav-tab-warpper.fixed .nav-tab-item-active {
    color: #38f;
}

.nav-tab-warpper .nav-tab-item-active {
    color: #38f;
}

.nav-tab {
    margin: 0 auto;
    min-width: 1200px;
    width: 1200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    display: table;
}

.nav-tab-item {
    display: table-cell;
    height: 100%;
    text-align: center;
    position: relative;
    opacity: .6;
}

.nav-tab-item:hover {
    color: #38f;
    opacity: 1;
}

.nav-tab-item-active {
    color: #38f;
    opacity: 1;
}

.nav-tab-item-active .bottom-line:after {
    content: "";
    display: inline-block;
    background: #38f;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bottom-line {
    position: relative;
    padding: 18px 20px;
}

.block-area {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 0;
    vertical-align: top;
}

.block-cell {
    display: inline-block;
    padding: 0 30px;
    position: relative;
    vertical-align: top;
}

.sao-block .block-cell {
    width: 300px;
}

.cell-head {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #333;
}

.cell-des {
    display: inline-block;
    width: 240px;
    font-size: 14px;
    line-height: 24px;
    color: #5f6367;
    word-break: break-all;
    text-align: left;
    vertical-align: top;
}

.security-products .cell-des {
    text-align: left;
}

.saas-function .cell-des {
    width: 230px;
}

.cooperate-area {
    position: relative;
    margin-bottom: 134px;
}

.cooperate-head {
    font-size: 40px;
    line-height: 52px;
    color: #000;
    margin-bottom: 75px;
}

.cooperate-row {
    margin-bottom: 30px;
}

.cooperate-link {
    display: inline-block;
}

.cooperate-row a.cooperate-link {
    margin-right: 90px;
}

.cooperate-row a.cooperate-link:last-child {
    margin-right: 0;
}

.service-area {
    width: 100%;
    height: 360px;
    position: relative;
    color: #fff;
    font-size: 36px;
}

.service-cell {
    display: inline-block;
    margin-right: 145px;
    margin-top: 148px;
}

.service-area div.service-cell:last-child {
    margin-right: 0;
}

.service-cell span {
    line-height: 64px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}

.block-row {
    width: 1140px;
    font-size: 14px;
    color: #5f6367;
    text-align: left;
    opacity: 1;
}

.row-head {
    color: #333;
    font-size: 18px;
    line-height: 1.4em;
    word-spacing: 1.14px;
}

.row-head:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #333;
    margin-right: 9px;
    display: inline-block;
    position: relative;
    top: -2px;
}

.row-content {
    line-height: 24px;
    padding-left: 21px;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 14px;
    color: #5f6367;
}

.block-area div.block-row:last-child .row-content {
    margin-bottom: 0;
}

.header .dropdown-menu {
    border: none;
    border-top: 3px solid #38f;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    padding: 0;
}

/*#quit_addr {
    padding: 0;
    line-height: 40px;
}

a#quit_addr:hover {
    background: rgba(51, 136, 255, .1);
    color: #38f;
}*/

div.product-block-area.first-block {
    padding-top: 100px;
}

.process-block {
    width: 245px;
    height: 60px;
    position: relative;
    background: #99c3ff;
    color: #fff;
    font-size: 14px;
    display: inline-table;
    margin-right: 60px;
    vertical-align: top;
    margin-top: 28px;
}

.block-area div.process-block:last-child {
    margin-right: 0;
}

.process-block:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    right: -20px;
    border-left: 20px solid #99c3ff;
    border-bottom: 30px solid #fff;
    border-top: 30px solid #fff;
    border-right: 20px solid #fff;
}

.process-num {
    font-size: 72px;
    position: absolute;
    left: -6px;
    top: -15px;
    color: #38f;
}

.process-text {
    line-height: 19px;
    vertical-align: middle;
    display: table-cell;
    vertical-align: middle;
}

.questions {
    position: relative;
    width: 100%;
    background: #f5f6f7;
    padding-top: 120px;
    text-align: center;
}

.questions-head {
    margin-bottom: 80px;
    line-height: 40px;
    font-size: 28px;
    color: #000;
    position: relative;
}

.questions-content {
    position: relative;
    width: 1140px;
    text-align: left;
    margin: 0 auto;
}

.question-cell {
    width: 550px;
    height: 164px;
    position: relative;
    margin-right: 40px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #5f6367;
}

.questions-content div.question-cell:nth-child(2n) {
    margin-right: 0;
}

.questions-content div.question-cell:nth-child(2+n) {
    margin-bottom: 0;
}

.question-header {
    color: #333;
    position: relative;
}

.question-header span {
    position: absolute;
    left: 0;
    top: 1px;
}

.question-header-text {
    font-size: 18px;
    margin-left: 30px;
}

.question-content {
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px;
    line-height: 24px;
}

.answer-text {
    position: absolute;
    left: 0;
    top: 0;
}

.question-content-text {
    position: relative;
    padding-left: 30px;
}

.question-content p {
    margin: 0;
}

.question-content a {
    color: #38f;
    text-decoration: underline;
}

.contact-infos {
    width: 170px;
    text-align: left;
    margin-right: 30px;
    margin-left: 0;
}

.contact-infos img {
    margin-bottom: 30px;
}

.new-service {
    height: 105px;
    line-height: 105px;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Regular, sans-serif;
}

.new-service img {
    margin-right: 14px;
    margin-top: -3px;
}

.new-service span {
    display: block;
    width: 33.33%;
    float: left;
    height: 105px;
}

.questions-more-btn,
.questions-more-btn:visited {
    display: inline-block;
    width: 200px;
    height: 60px;
    border: 2px solid #38f;
    font-size: 18px;
    color: #38f;
    line-height: 58px;
    background: transparent;
    margin-top: 40px;
    margin-bottom: 120px;
    cursor: pointer;
}

.questions-more-btn:hover {
    background: #4DA6FF;
    line-height: 60px;
    color: #fff;
    border: none;
}

.questions-more-btn:active {
    background: #2E7AE6;
    line-height: 60px;
    color: #fff;
    border: none;
}

.xsrc-sight .block-area {
    width: 1200px;
    margin: 0 auto 97px;
}

.xsrc-sight .block-cell {
    width: 32.33%;
    color: #fff;
    background: #666;
    margin: 3px .5%;
    padding: 0;
}

.xscol4 .block-cell {
    width: 24%;
    margin: 3px .25%;
}

.xsrc-sight .cell-img {
    width: 100%;
    position: relative;
    opacity: .8;
}

.xsrc-sight .cell-head {
    display: block;
    width: 100%;
    color: #fff;
    margin: 0;
    font-size: 18px;
    line-height: 31px;
    position: absolute;
    top: 120px;
}

.xsrc-sight .cell-des {
    display: block;
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    position: absolute;
    top: 191px;
    padding: 0 50px;
    width: 100%;
    opacity: 1;
    text-align: left;
}

.serving,
.serving a {
    color: #3f3f3f;
}

.serving a.act {
    color: #38f;
}

.product-head {
    color: #333;
}

.zhichi {
    color: #5F6367;
    text-align: center;
}

.price-cons,
.serv-cons,
.zhichi {
    text-align: left;
    width: 1140px;
    margin: 0 auto;
}

.zhichi {
    text-align: center;
}

.serv-cons img {
    max-width: 100%;
}

.zhichi img {
    margin-right: 4px;
    vertical-align: middle;
}

.zhichi span {
    display: inline-block;
    width: 25%;
    text-align: center;
}

.serving-nav-con {
    height: 100px;
}

.serving-nav {
    text-align: left;
    width: 100%;
    background: #fff;
    color: #999;
    font-size: 14px;
}

.serving-nav.fixed {
    position: fixed;
    top: 60px;
    z-index: 2;
}

.serving-nav a {
    color: #999;
}

.serving-nav a:hover {
    color: #4da6ff;
}

.serving-nav a.act {
    color: #38f;
}

.snbox {
    height: 100px;
    line-height: 100px;
    width: 1140px;
    margin: 0 auto;
}

.snbox a.getbtn {
    border-color: #38f;
    color: #38f;
    float: right;
    margin-top: 30px;
    font-size: 14px;
    display: none;
}

.snbox a.getbtn:hover {
    opacity: 1;
    background: #4da6ff;
    border-color: #4da6ff;
    color: #fff;
}

.snbox a.getbtn:active {
    background: #2e7ae6;
    border-color: #2e7ae6;
}

.serving-nav.fixed .snbox a.getbtn {
    display: inline-block;
}

.ability table,
table.price-table {
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #E5E5E5;
    border-bottom: none;
    color: rgba(0, 0, 0, .8);
    font-size: 14px;
}

.ability table td,
.ability table th,
.price-table td,
.price-table th {
    border-bottom: 1px solid #E5E5E5;
    padding: 15px 20px;
}

.ability table th,
.price-table th {
    padding: 25px 20px;
    background-color: #f7fbff;
}

.ability img,
.friend-img {
    max-width: 100%;
}

.ability img {
    padding: 10px 0;
}

.gray-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 40px;
    text-align: center;
}

.gray-title.gttpad {
    padding-top: 40px;
}

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

/* 产品人气榜start */
.product-rank {
    padding-bottom: 24px;
    margin-bottom: 24px;
    font-family: PingFangSC-Regular, serif;
    font-size: 16px;
    color: #333;
    background: #F5F6F7;
}

.product-rank-title {
    padding: 15px 0 17px 10px;
    font-size: 18px;
    border-bottom: 1px solid #E5E5E5;
}

.product-rank li {
    padding-left: 10px !important;
    height: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.product-rank li a {
    color: #333;
}

.product-rank li:first-child {
    margin-top: 14px;
}

.product-rank li.rank-top {
    height: 60px;
}

.rankTop1 {
    background: url(/webstatic/img/forum/rank_top1.svg) center no-repeat;
}

.rankTop2 {
    background: url(/webstatic/img/forum/rank_top2.svg) center no-repeat;
}

.rankTop3 {
    background: url(/webstatic/img/forum/rank_top3.svg) center no-repeat;
}

.product-rank-left {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 14px;
    text-align: center;
    font-family: PingFangSC-Medium, serif;
}

.product-title {
    display: block;
    line-height: 22px;
    padding-bottom: 2px;
    cursor: pointer;
}

.product-des {
    padding-right: 18px;
    line-height: 17px;
    font-size: 12px;
    color: #999;
}

/* 产品人气榜end */
.clearfix:after {
    display: table;
    content: " ";
}

*,
:after,
:before {
    box-sizing: border-box;
}

.questions-content {
    font-size: 0;
}

img {
    vertical-align: middle;
}

.example-list {
    display: block;
    margin-bottom: 24px;
    width: 800px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    transition: .3s;
}

.example-list:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
}

.example-list:last-child {
    margin-bottom: 0;
}

.example-img {
    float: left;
}

.example-des {
    position: relative;
    margin-left: 252px;
    padding: 30px 24px 0;
    height: 146px;
    font-family: PingFang-SC-Regular, sans-serif;
    font-size: 18px;
    color: #333;
    text-align: left;
}

.example-des-title {
    height: 50px;
    line-height: 25px;
    overflow: hidden;
}

.example-info {
    position: absolute;
    bottom: 23px;
    left: 24px;
    color: #38F;
    font-size: 14px;
    cursor: pointer;
}

.example-info:hover {
    color: #4DA6FF;
}

.example-info:active {
    color: #2E7AE6;
}

.redirect {
    padding: 200px 0 166px;
    font-family: PingFangSC-Regular, sans-serif;
}

.redirect img {
    width: 144px;
    height: 144px;
}

.redirect p {
    margin: 20px 0 10px;
    font-size: 14px;
    color: #333;
}

.redirect a {
    margin: 0 auto;
    display: block;
    width: 152px;
    height: 40px;
    line-height: 40px;
    background: #38F;
    border-radius: 50px;
    font-size: 14px;
    color: #FFF;
}

.redirect a:hover {
    background: #4DA6FF;
}

.redirect a:active {
    background: #2E7AE6;
}

.contact-us {
    position: fixed;
    top: 50%;
    right: 10px;
    margin-top: -105px;
    z-index: 3000;
    width: 40px;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 0;
    color: #333;
    transition: .5s;
}

.contact-us-list {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
}

.contact-us-list:hover {
    background: #EAF3FF;
}

.contact-us-list:active {
    color: #38F;
}

.contact-us-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: center #38F no-repeat;
}

.back-top:active .contact-us-icon,
.contact-us-list.on .contact-us-icon {
    background-color: #2E7AE6;
}

.contact-us-list.on .contact-us-text {
    display: block;
}

.phone-icon .contact-us-icon {
    background-image: url(/webstatic/img/footer/icon_shouqiandianhua_normal_40.svg);
}

.contact-us-list.on .contact-us-icon,
.phone-icon:hover .contact-us-icon {
    background-image: url(/webstatic/img/footer/icon_shouqiandianhua_hover_40.svg);
}

.form-icon .contact-us-icon {
    background-image: url(/webstatic/img/footer/icon_lijizixun_normal_40.svg);
}

.form-icon .contact-us-icon.on,
.form-icon:hover .contact-us-icon {
    background-image: url(/webstatic/img/footer/icon_lijizixun_hover_40.svg);
}

.form-icon .contact-us-icon.on {
    background-color: #2E7AE6;
}

.cs-icon1 .contact-us-icon {
    background-image: url(/webstatic/img/footer/icon_zhinnegkefu_normal_40.svg);
}

.cs-icon1:hover .contact-us-icon {
    background-image: url(/webstatic/img/footer/icon_zhinnegkefu_hover_40.svg);
}

.cs-icon2 .contact-us-icon {
    background-image: url(/webstatic/img/footer/icon_liuyanfankui_normal_40.svg);
}

.cs-icon2:hover .contact-us-icon {
    background-image: url(/webstatic/img/footer/icon_liuyanfankui_hover_40.svg);
}

.contact-us-content {
    height: 130px;
    width: 40px;
    background: #38f;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    position: relative;
}

.contact-us-content-icon {
    width: 40px;
    height: 40px;
    background-image: url(/webstatic/img/footer/icon_lianxiwomen_white.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.contact-us-content-title {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
}


.contact-us-options {
    position: absolute;
    top: -40px;
    left: -298px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .10);
    display: none;
}

.contact-us-content .contact-us-options.on {
    display: block;
}

.contact-us-options-item {
    height: 78px;
    width: 288px;
    cursor: pointer;
    padding: 10px 24px;
}

.contact-us-options-item a {
    height: 64px;
    width: 100%;
    padding: 10px 24px;
    display: block;
}

.contact-us-options-item:first-child {
    padding: 24px;
}

.contact-us-options-item:nth-child(2) {
    padding: 0;
    height: 64px;
}

.contact-us-options-item:hover .contact-us-options-title span:first-child,
.contact-us-options-item:active .contact-us-options-title span:first-child {
    color: #38f;
}

.contact-us-options-item:last-child:hover .contact-us-options-title span:first-child,
.contact-us-options-item:last-child:active .contact-us-options-title span:first-child {
    color: #333;
}


.contact-us-options-icon {
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-right: 12px;
}

.contact-us-options-icon.apply {
    background-image: url(/webstatic/img/footer/icon_yewuzixun_blue.svg);
}

.contact-us-options-icon.service {
    background-image: url(/webstatic/img/footer/icon_zhinengkefu_blue.svg);
}

.contact-us-options-icon.mobile {
    background-image: url(/webstatic/img/footer/icon_shouqiandianhua_blue.svg);
}

.contact-us-options-title {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.contact-us-options-title span:first-child {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    line-height: 22px;
    display: block;
}

.contact-us-options-title span:last-child {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 2px;
    display: block;
}

.back-top {
    display: none;
    margin-top: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.back-top .contact-us-icon {
    background-image: url(/webstatic/img/footer/icon_backtothetop_24.svg);
}

.back-top:active .contact-us-icon,
.back-top:hover .contact-us-icon {
    background-image: url(/webstatic/img/footer/icon_backtothetop_24.svg);
}

.contact-us-text {
    display: none;
    position: absolute;
    top: 0;
    right: 40px;
    width: 320px;
    height: 152px;
    font-size: 14px;
    line-height: 40px;
    cursor: initial;
    background-color: #FFF;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
}

.contact-phone {
    margin: 30px 0 0 30px;
    font-size: 0;
    height: 25px;
    line-height: 25px;
}

.contact-phone-des {
    line-height: 20px;
    height: 20px;
}

.contact-phone-number {
    line-height: 20px;
    height: 20px;
}

.contact-time {
    margin-top: 20px;
}

.contact-time,
.contact-des {
    font-size: 0;
    margin-left: 30px;
    line-height: 20px;
}

.contact-time span,
.contact-des span {
    font-size: 14px;
    color: #333;
    text-align: center;
    font-family: PingFangSC-Regular, sans-serif;
    text-align: left;
    line-height: 20px;
}

.contact-phone span {
    display: inline-block;
    font-size: 18px;
    color: #333;
    text-align: center;
    font-family: PingFangSC-Regular, sans-serif;
}

.contact-phone span:first-child {
    margin-right: 16px;
}

.imgShadow {
    position: relative;
}

.imgShadow:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, .2) 100%);
}

.prod_struct-pic {
    max-width: 1140px;
    text-align: center;
    margin: 0 auto;
}

.page-tab-box-ghost-btn {
    position: absolute;
    top: 171px;
    left: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 0 20px;
    height: 44px;
    border: 1px solid #FFF;
}

.page-tab-box-ghost-btn:visited {
    border: 1px solid #FFF;
    opacity: 1;
}

.page-tab-box-ghost-btn:hover {
    color: #333;
    background-color: #FFF;
    opacity: 1;
}

.page-tab-box-ghost-btn:active {
    color: #333;
    border: none;
    background-color: rgba(255, 255, 255, .8);
    opacity: 1;
}

.page-tab-box {
    position: absolute;
    left: 210px;
    top: 171px;
    width: 540px;
    font-size: 0;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    height: 44px;
}

.page-tab-box a {
    display: block;
    opacity: .6;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #FFF;
    margin-left: 30px;
}

.page-tab-box a:hover {
    opacity: 1;
}

/*  业务咨询弹窗 */
.saas-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    align-items: center;
    padding: 10px 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, .3);
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #333;
}

.overall-form-success.on,
.overall-form-box.on,
.apply-plan.on {
    display: flex;
    justify-content: flex-end;
}

.modal-con {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 440px;
    min-height: 300px;
    max-height: 100%;
    background-color: #FFF;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
}

.overall-form-con {
    height: 770px;
    margin-right: 60px;
}

.overall-form-mod {
    position: absolute;
    top: 70px;
    bottom: 0;
    width: 100%;
    left: 0;
    padding-top: 20px;
    padding-bottom: 30px;
    overflow-y: auto;
}

.modal-con-h3 {
    margin: 0;
    height: 70px;
    padding-left: 30px;
    font-size: 24px;
    text-align: left;
    line-height: 70px;
    border-bottom: 1px solid #E5E5E5;
    background: url(/webstatic/img/footer/biaotou.png) 0 0 no-repeat;
    background-size: cover;
}

.modal-close {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: url(/webstatic/img/footer/icon_close_white.svg) center no-repeat;
    background-size: cover;
}

.overall-mod-list {
    overflow: hidden;
}

.overall-mod-list-left {
    width: 106px;
    height: 40px;
    line-height: 40px;
    padding-right: 13px;
    font-size: 14px;
    text-align: right;
    color: #333;
    float: left;
}

.hintStart {
    color: #F5535B;
}

.overall-mod-list-right {
    float: left;
}

.overall-mod-list-right input {
    width: 304px;
    height: 40px;
    padding-left: 10px;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    outline: none;
}

.overall-mod-list-right input::-webkit-input-placeholder,
.overall-textarea::-webkit-input-placeholder {
    color: #999;
}

.overall-mod-list-right input:disabled {
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2;
}

.overall-mod-list-right input:disabled::-webkit-input-placeholder {
    color: #CCC;
}

.overall-type-select,
.probation-type-select,
.apply-type-select,
.number-search-select {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    border-radius: 50%;
    cursor: pointer;
}

.overall-type-select.on,
.probation-type-select.on,
.apply-type-select.on,
.number-search-select.on {
    background-color: #40C87F;
    border: none;
}

.overall-type-select i,
.probation-type-select i,
.apply-type-select i,
.number-search-select i {
    display: none;
}

.overall-type-select.on i,
.probation-type-select.on i,
.apply-type-select.on i,
.number-search-select.on i {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -3px;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #FFF;
    border-radius: 50%;
}

.overall-type-box {
    display: inline-block;
    line-height: 40px;
    font-size: 0;
}

.overall-type-box span {
    vertical-align: middle;
}

.overall-type-box .overall-type-val {
    font-size: 14px;
}

.mr40 {
    margin-right: 40px;
}

.ml10 {
    margin-left: 10px;
}

.overall-textarea {
    display: block;
    width: 304px;
    height: 88px;
    padding: 10px;
    line-height: 20px;
    border: 1px solid #CCC;
    border-radius: 2px;
    outline: none;
}

.waring-hint {
    visibility: hidden;
    padding-left: 30px;
    height: 24px;
    line-height: 20px;
    font-size: 14px;
    color: #F5535B;
    text-align: left;
    background: url(/webstatic/img/footer/icon_input_error.svg) 10px 3px no-repeat;
}

.overall-mod-list-right.error .waring-hint {
    visibility: visible;
}

.overall-mod-list-right.error input,
.overall-mod-list-right.error textarea {
    display: block;
    border-color: #F5535B;
}

.overall-mod-list-right input.width140 {
    width: 140px;
}

.pr {
    position: relative;
}

.overall-code {
    position: absolute;
    left: 146px;
    top: 0;
    width: 110px;
    height: 40px;
    cursor: pointer;
    background-color: #000;
}

.saas-btn,
.saas-btn:focus {
    display: block;
    width: 96px;
    height: 36px;
    line-height: 36px;
    background: #38F;
    border-radius: 2px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

.close-form-success.saas-btn {
    margin: 40px auto 0;
}

.llmsec-btn {
    display: block;
    width: 96px;
    height: 36px;
    line-height: 36px;
    /* background: #38F; */
    border-radius: 2px;
    font-size: 14px;
    color: #38f;
    text-align: center;
    cursor: pointer;
    margin: 30px auto 0;
    border: 1px solid #38f;
}

.overall-submit.saas-btn {
    margin: 0 30px;
    width: 180px;
    height: 44px;
    line-height: 44px;
    border-radius: 0;
}

.saas-btn:hover {
    color: #FFF;
    background: #4DA6FF;
}

.saas-btn:active {
    background: #2E7AE6;
}

.saas-btn.disable {
    cursor: default;
    background: #CCC;
}

.form-modal-title {
    margin-top: 142px;
    font-size: 24px;
    color: #333;
}

.form-modal-img {
    margin-top: 50px;
    width: 120px;
    height: 120px;
}

.form-modal-text {
    margin-top: 20px;
    font-size: 14px;
    color: #333;
}

.overall-mod-apply-select {
    width: 400px;
    height: 40px;
    padding-left: 10px;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.overall-mod-apply-select-container {
    position: relative;
}

.overall-mod-apply-select-container:after {
    display: block;
    content: '';
    position: absolute;
    top: 17px;
    right: 10px;
    border-radius: 1px;
    border: 5px solid #CCC;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.overall-mod-list-handle-select,
.overall-mod-list-handle-textarea {
    display: none;
}

.overall-mod-list-handle-select.on,
.overall-mod-list-handle-textarea.on {
    display: block;
}

.product-sences-container {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
}

.product-sences-wrapper {
    position: relative;
    width: 1140px;
    height: 470px;
}

.product-sences {
    padding: 60px 40px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    opacity: 0;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.product-sences.block {
    display: block;
}

.sences-content {
    overflow: hidden;
}

.sences-content-des {
    float: left;
    width: 420px;
    height: 350px;
    margin-left: 40px;
    position: relative;
}

.sences-content-des .title {
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    padding-bottom: 40px;
    text-align: left;
    line-height: 25px;
    font-family: PingFangSC-Medium, sans-serif;
}

.sences-content-des .article {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 16px;
    color: #666;
    letter-spacing: 0;
    text-align: left;
}

.sences-content-des .logo {
    width: 420px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.sences-content-des .logo img {
    width: 420px;
}

.product-sences .sences-blank {
    width: 600px;
    height: 350px;
    float: left;
}

.product-sences .sences-blank img {
    width: 600px;
    height: 350px;
}

.product-sences-tab {
    border-top: 4px solid #e5e5e5;
    margin-top: 40px;
    display: table;
    width: 100%;
    max-width: 1140px;
}

.product-sences-tab-item {
    display: table-cell;
    text-align: center;
    position: relative;
    cursor: pointer;
    line-height: 14px;
}

.product-sences-tab-item span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 20px 20px 0;
}

.product-sences-tab-item.active span:before {
    display: block;
    content: "";
    width: 100%;
    position: absolute;
    top: -4px;
    left: 0;
    border-top: 4px solid #38f;
}

.product-sences-tab-item:hover {
    color: #38f;
}

.product-sences-tab-item.active {
    color: #38f;
}

.product-sences-tab-item.item-1 {
    width: 100%;
}

.product-sences-tab-item.item-2 {
    width: 20%;
}

.product-sences-tab-item.item-3 {
    width: 33.33%;
}

.business-contact {
    background-color: #38f;
    padding: 100px 0;
    position: relative;
}

.business-contact .block-area {
    vertical-align: top;
}

.business-contact-bg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(/webstatic/img/bg_contact.png);
}

.business-contact .contact-head {
    font-size: 28px;
    line-height: 40px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-family: PingFangSC-Regular, sans-serif;
}

.business-contact .contact-head:before {
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.business-contact .contact-head:after {
    background-image: linear-gradient(-225deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.contact-content-logo {
    width: 176px;
    height: 220px;
    float: left;
    position: relative;
}

.contact-content-logo-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/webstatic/img/business-contact-logo-bg.png);
    background-repeat: no-repeat;
    background-size: center;
}

.contact-content-logo img {
    width: 176px;
    height: 220px;
}

.contact-content-des {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    line-height: 30px;
    float: left;
    text-align: left;
    padding-left: 40px;
    height: 220px;
    position: relative;
}

.contact-content-des-article {
    width: 554px;
}

.contact-content-des-name {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    padding-top: 20px;
    line-height: 20px;
    font-family: PingFangSC-Medium, sans-serif;
}

.contact-content-des-name-d {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    padding-top: 6px;
    line-height: 20px;
}

.contact-content-btn {
    width: 180px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    text-align: center;
    color: #38f;
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 40px;
    font-size: 18px;
}

.contact-content-btn:hover {
    opacity: .8;
    color: #38f;
}

.contact-content-btn:active {
    opacity: .6;
    color: #38f;
}

.help {
    padding-top: 100px;
}

.help-content .content {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 18px;
    color: #666;
    letter-spacing: 0;
    line-height: 40px;
    text-align: left;
    padding: 30px 0;
    vertical-align: top;
}

.help-content .content.no-guid {
    padding: 0 0 30px;
}

.help-content .title {
    text-align: left;
    font-size: 0;
}

.help-content .title > span {
    font-size: 20px;
    line-height: 28px;
    color: #666;
    letter-spacing: 0;
    vertical-align: middle;
    font-family: PingFangSC-Medium, sans-serif;
}

.help-content .title img {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 14px;
    vertical-align: middle;
}

.help-content .guid {
    display: inline-block;
    margin-right: 100px;
    width: 200px;
}

.help-content .more {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 0;
    color: #38f;
    letter-spacing: 0;
    text-align: left;
    max-width: 120px;
}

.help-content .more > span {
    font-size: 18px;
}

.help-content .more .icon-arrow {
    display: inline-block;
    vertical-align: top;
    margin-left: 18px;
    width: 24px;
    height: 24px;
    background-image: url(/webstatic/img/icon_arrow_more_normal.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.help-content .more:hover {
    color: #4da6ff;
}

.help-content .more:active {
    color: #2e7ae6;
}

.help-content .more:active .icon-arrow {
    background-image: url(/webstatic/img/icon_arrow_more_click.svg);
}

.help-content .more:hover .icon-arrow {
    background-image: url(/webstatic/img/icon_arrow_more_hover.svg);
}

.help-content .more:click .icon-arrow {
    background-image: url(/webstatic/img/icon_arrow_more_click.svg);
}

.help-content .question {
    display: inline-block;
    vertical-align: top;
    width: 440px;
}

.help-content a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.help-content a:hover {
    color: #38f;
}

.help-content a:active {
    color: #38f;
}

.help-content .question a {
    width: 440px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* new nav */

.mdrop {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 1001;
    max-height: 600px;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    padding-left: 55px;
    background: #191919;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    text-align: left;
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.mnavlist-left {
    float: left;
    padding-top: 10px;
    padding-bottom: 40px;
}

.mnavlist-left li {
    padding-bottom: 40px;
    width: 155px;
    height: 44px;
    cursor: pointer;
    line-height: 44px;
    padding-left: 15px;
    color: rgba(255, 255, 255, .8);
    background: 129px center no-repeat;
}

.mnavlist-left li.all {
    background-image: url(/webstatic/img/icon_quanbuchanpin_normal_16.svg);
}

.mnavlist-left li.all.on {
    background-image: url(/webstatic/img/icon_quanbuchanpin_click_web.svg);
}

.mnavlist-left li.on {
    background-image: url(/webstatic/img/icon_arrow_blue_web.svg);
    background-color: rgba(255, 255, 255, .1);
    color: #38F;
    opacity: 1;
}

.mnavlist-right {
    padding-bottom: 30px;
    max-height: 560px;
    overflow: auto;
    color: rgba(255, 255, 255, .6);
    font-size: 0;
    border-left: 1px solid rgba(255, 255, 255, .2);
}

.mnavlist-right.single {
    border-left: none;
}

.mnavlist-right.single .nav-right-box {
    padding-left: 15px;
}

.mnavlist-right h3 {
    margin: 20px 0 0;
    line-height: 17px;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 12px;
    color: rgba(255, 255, 255, .6);
}

.nav-right-box {
    width: 782px;
    padding-left: 30px;
}

.mnavlist-right-list {
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.mnavlist-right-list:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.mnavlist-right-list .nav-lista {
    display: inline-block;
    width: 254px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, .8);
    font-family: PingFangSC-Regular, sans-serif;
}

.mnavlist-right-list a {
    opacity: .8;
}

.mnavlist-right-list .nav-lista:nth-child(3n) {
    width: 244px;
}

.mnavlist-right-list .nav-lista:hover a {
    color: #38F;
    opacity: 1;
}

.mnavlist-right-list .nav-lista span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.mnavlist-right-list .nav-lista em,
.twoLevelTitle em {
    display: inline-block;
    width: 28px;
    height: 14px;
    margin-left: 14px;
    vertical-align: middle;
    background: url(/webstatic/img/tag_hot_navbar_web.svg) 0 0 no-repeat;
}

.mnavlist-right-list .nav-lista .em-sale-white,
.twoLevelTitle .em-sale-white {
    background: url(/webstatic/img/icon_sale_white.svg) 0 0 no-repeat;
}

.mnavlist-right-list .nav-lista .em-sale-black,
.twoLevelTitle .em-sale-black {
    background: url(/webstatic/img/icon_sale_black.svg) 0 0 no-repeat;
}

.nav-right-box {
    display: none;
}

.nav-right-box.on {
    display: block;
}

.nav-right-box ul {
    padding-left: 0;
}

.nav-lista a {
    display: block;
    height: 20px;
    line-height: 20px;
    color: #FFF;
    font-family: PingFangSC-Regular, sans-serif;
}

.twoLevelTitle {
    display: inline-block;
    box-sizing: content-box;
    color: rgba(255, 255, 255, .8);
    padding-bottom: 8px;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}

.twoLevelTitle span {
    vertical-align: middle;
}

.twoLevelHint {
    width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255, 255, 255, .4);
    font-size: 12px;
    line-height: 17px;
}

.nav-right-box a:hover .twoLevelTitle {
    opacity: 1;
    color: #38F;
}

.twoLevel li:first-child {
    margin-top: 20px;
}

.twoLevel li {
    margin-top: 30px;
    line-height: normal;
}

.twoLevel li:last-child {
    padding-bottom: 10px;
}

.twoLevel li a {
    display: block;
}

/* 号码认证模块 */
.banner-number-auth-text {
    top: 170px;
}

.number-auth-tips {
    margin-top: 20px;
}

.banner-number-auth-text .banner-head {
    margin-bottom: 20px;
}

.number-auth-product-function-item {
    display: inline-block;
    width: 255px;
    height: 287px;
    background: #fff;
    transition: .3s;
    margin: 0 20px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
    cursor: pointer;
}

.number-auth-product-function-item:hover {
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .1);
}

.number-auth-product-function-item .num-auth-item-header {
    background: #f5f5f5;
    height: 136px;
    line-height: 136px;
}

.num-auth-item-title {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    display: block;
    margin-top: 20px;
    margin-bottom: 2px;
}

.num-auth-item-subtitle {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    display: block;
    margin-bottom: 20px;
}

.num-auth-item-btn {
    display: inline-block;
    color: #FFF;
    background: #38F;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 215px;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    cursor: pointer;
}

.num-auth-item-btn:hover {
    background: #4da6ff;
}

.num-auth-item-btn:active {
    background: #2e7ae6;
}

.search-area {
    padding-bottom: 50px;
}

.common-number-container {
    width: 1160px;
    margin: 0 auto;
}

/* 常用号码搜索框 */
.search-number {
    font-size: 0;
    display: block;
}

.search-number input,
.captcha-input {
    outline: none;
    background: #fff;
    border: 1px solid #ccc;
    width: 541px;
    height: 60px;
    padding: 12px;
    font-size: 16px;
    color: #333;
}

.search-number input::-webkit-input-placeholder,
.captcha-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
}

.search-number input::-moz-placeholder,
.captcha-input::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
}

.search-number input:-ms-input-placeholder,
.captcha-input:-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
}

.search-number input:-moz-placeholder,
.captcha-input:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
}

.search-number input:hover,
.captcha-input:hover {
    border: 1px solid #999;
}

.search-number input:focus,
.captcha-input:focus {
    border: 1px solid #38f;
}

.search-number-btn,
.search-number-auth-btn {
    display: inline-block;
    background: #38f;
    width: 180px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    vertical-align: top;
}

.search-number-btn:hover,
.search-number-auth-btn:hover {
    background: #4da6ff;
}

.search-number-btn:active,
.search-number-auth-btn:active {
    background: #2e7ae6;
}

.search-number-content .search-loading-more {
    height: 0;
}

/* 常用号码模块 */
.common-number {
    background: #fff;
    width: 270px;
    height: 80px;
    line-height: 80px;
    text-align: left;
    padding: 0 20px;
    margin: 10px;
    display: inline-block;
    transition: .3s;
}

.common-number:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
}

.common-number > span {
    font-size: 14px;
    color: #333;
    vertical-align: top;
    margin-left: 14px;
}

/* 号码搜索页面 */

.number-search-page {
    padding-top: 60px;
    padding-bottom: 100px;
    overflow: hidden;
    background: #f5f5f5;
}

.number-search-page-container {
    width: 1140px;
    margin: 0 auto;
    text-align: left;
}

.number-search-page-title {
    font-size: 28px;
    color: #333;
    margin: 0;
    padding: 40px 0;
}

.search-number-content {
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-top: 40px;
    display: block;
}

.search-number-content .search-number-result-title {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 18px;
    color: #333;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
}

.search-number-no-input,
.search-number-no-result-error {
    height: 359px;
    text-align: center;
    overflow: hidden;
}

.search-number-no-input > img {
    margin-top: 68px;
}

.search-number-no-result-error > img {
    margin-top: 60px;
}

.search-number-no-input > span {
    font-size: 14px;
    color: #999;
    margin-top: 14px;
    display: block;
}

.search-number-no-input.loading {
    line-height: 359px;
}

.search-number-no-input.loading > span {
    margin-top: 0;
}

.search-number-no-result-inclusion a,
.result-item-des-tips a {
    color: #38f;
    cursor: pointer;
}

.search-number-no-result-inclusion a:hover,
.result-item-des-tips .a:hover {
    color: #4da6ff;
}

.search-number-no-result-inclusion a:active,
.result-item-des-tips .a:active {
    color: #2e7ae6;
}

.search-number-result-wrapper {
    padding: 0 20px;
}

.search-number-result-item {
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5;
}

.search-number-result-item.auth {
    padding: 30px 0 20px 0;
}

.search-number-result-item.auth .result-item-des-subtitle {
    padding-bottom: 10px;
}

.search-number-result-item > img {
    vertical-align: top;
    margin-right: 20px;
    margin-left: 10px;
    float: left;
}

.search-number-result-item-des {
    overflow: hidden;
}

.result-item-des-title {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #333;
    margin-bottom: 6px;
}

.result-item-des-title .title-auth {
    padding-left: 20px;
    font-size: 0;
}

.result-item-des-title .title-auth img {
    width: 12px;
    height: 12px;
    margin-right: 6px;
    vertical-align: top;
    margin-top: 7px;
}

.result-item-des-title .title-auth span {
    font-size: 12px;
    color: #40c77f;
    line-height: 17px;
    font-family: PingFangSC-Regular, sans-serif;
}

.result-item-des-subtitle {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    max-width: 940px;
}

.result-item-des-tips {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
    width: 100%;
}

/* 常见号码模块 */
.select-section {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 30px;
    font-size: 0;
    margin-bottom: 40px;
}

.select-section-row {
    margin-bottom: 30px;
}

.select-section-row:last-child {
    margin-bottom: 0;
}

.number-search-value {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    line-height: 16px;
    width: 90px;
}

.number-select-item {
    display: inline-block;
    vertical-align: top;
}

.number-select-item .number-search-select {
    margin-left: 20px;
}

.number-select-item:first-child .number-search-select {
    margin-left: 0;
}

.number-select-item:nth-child(4) .number-search-select {
    margin-left: 30px;
}

.result-section {
    width: 1140px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.result-section-header {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    border-bottom: 1px solid #e5e5e5;
}

.result-section-body-loading {
    font-size: 14px;
    color: #999;
    text-align: center;
    padding-top: 108px;
    min-height: 297px;
}

/* 常用号码-搜索结果块 */
.result-section-item-wrapper {
    line-height: 88px;
    padding: 0 20px;
}

.result-section-item {
    font-size: 0;
    padding: 0 10px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.result-section-item-wrapper:last-child .result-section-item {
    border-bottom: none;
}

.result-section-item-wrapper:hover {
    background: #ecf6fd;
}

.result-section-item-wrapper:active {
    background: #ecf6fd;
}

.result-section-item-icon {
    height: 48px;
    width: 48px;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

.result-section-item-icon img {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: top;
}

.result-section-item-title {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #333;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    margin-right: 10px;
}

.result-section-item-count {
    font-size: 0;
    display: inline-block;
}

.result-section-item-count > span {
    display: inline-block;
    font-size: 14px;
    color: #38f;
    vertical-align: top;
}

.result-section-item-count:after {
    display: inline-block;
    content: "";
    border-radius: 2px;
    border-top: 4px solid #38f;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: top;
    margin-top: 43px;
    margin-left: 6px;
}

.number-search-auth {
    text-align: center;
    padding-top: 120px;
    padding-bottom: 138px;
}

.number-search-auth .image {
    width: 128px;
    height: 128px;
    margin: 0 auto;
}

.number-search-auth .title {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    margin: 14px 0 20px 0;
}

.number-search-auth .captcha {
    font-size: 0;
    display: block;
}

.number-search-auth .captcha input {
    width: 120px;
    height: 40px;
    font-size: 14px;
    padding: 0 10px;
    margin-right: 20px;
    vertical-align: top;
}

.number-search-auth .captcha img {
    width: 120px;
    height: 40px;
    vertical-align: top;
    margin-right: 10px;
}

.number-search-auth .captcha span {
    font-size: 14px;
    color: #38f;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    cursor: pointer;
}

.number-search-auth .captcha span:hover {
    color: #4da6ff;
}

.number-search-auth .captcha span:active {
    color: #2e7ae6;
}

.number-search-auth .auth-btn {
    height: 40px;
    line-height: 40px;
    width: 140px;
    margin-top: 40px;
}

.number-search-page .disable {
    display: none;
}

/* 常用号码搜索结果展开时 */
.result-section-item-wrapper.active .result-section-item-count:after {
    margin-top: 38px;
    transform: rotateX(180deg);
}

.result-section-item-wrapper.active:hover,
.result-section-item-wrapper.active {
    background: none;
}

.result-section-item-wrapper.active .result-section-item {
    border-bottom: none;
}

.result-section-item-wrapper.active .result-section-item-detail {
    display: block;
    border-bottom: 1px solid #e5e5e5;
}

.result-section-item-detail {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    padding-left: 78px;
    margin-top: -30px;
    padding-bottom: 31px;
    display: none;
}

.result-section-item-detail > p {
    margin: 0;
}

.number-common-url,
.number-common-url:focus {
    color: #38f;
}

.number-common-url:hover {
    color: #4da6ff;
}

.number-common-url:active {
    color: #2e7ae6;
}

.fr {
    float: right;
}

/* login dialog */

.saas-login-dialog {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    top: 0;
    left: 0;
    z-index: 1009;
    display: none;
}

.saas-login-dialog.open {
    display: block;
}

.saas-login-dialog .passport {
    padding: 0 75px;
}

.saas-login-dialog p {
    margin: 0;
}

.saas-login-container {
    height: 500px;
    width: 800px;
    font-size: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-400px, -250px);
    background: #FFF;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    border-radius: 4px;
}

.saas-login-container-left {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 350px;
    background-image: url(/webstatic/img/login/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.saas-login-container-right {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 450px;
    position: relative;
}

.saas-login-container-right-title {
    height: 70px;
    width: 100%;
}

.saas-login-dialog-close {
    float: right;
    height: 100%;
    width: 56px;
    cursor: pointer;
    background: url(/webstatic/img/footer/icon_close_normal-0.svg) center no-repeat;
}

.saas-login-dialog .saas-login-container-right-body {
    width: 300px;
    margin: auto;
}

.saas-login-container-right-footer {
    width: 300px;
    margin: auto;
    border-top: 1px solid #E5E5E5;
    padding-top: 10px;
    font-family: MicrosoftYaHei, sans-serif;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    text-align: left;
    position: absolute;
    left: 75px;
    bottom: 30px;
}

.saas-login-dialog .tang-pass-login .pass-form-logo {
    display: none;
}

.tang-pass-login .pass-form.pass-form-normal,
.tang-pass-login > form {
    padding-top: 30px;
    position: relative;
}

.tang-pass-login .pass-form-item-userName,
.tang-pass-login .pass-form-item-smsPhone,
.tang-pass-login .pass-form-item-password,
.saas-login-dialog .login-info .account,
.saas-login-dialog .login-info .password {
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    border-radius: 2px;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #999;
    width: 300px;
    height: 40px;
    padding: 0 10px;
    position: relative;
    text-align: left;
}

.tang-pass-login .pass-form-item-userName,
.saas-login-dialog .login-info .account {
    margin-bottom: 24px;
}

.tang-pass-login .pass-form-item-userName:before,
.saas-login-dialog .login-info .account:before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(/webstatic/img/login/person.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px;
}

.tang-pass-login .pass-form-item-password,
.saas-login-dialog .login-info .password {
    margin-bottom: 24px;
}

.tang-pass-login .pass-form-item-password:before,
.saas-login-dialog .login-info .password:before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(/webstatic/img/login/key.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px;
}

.tang-pass-login .pass-form-item-userName .pass-text-input,
.tang-pass-login .pass-text-input-smsPhone,
.tang-pass-login .pass-form-item-password .pass-text-input,
.saas-login-dialog .login-info .account input {
    border: none;
    outline: none;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #333;
    vertical-align: top;
    width: 257px;
    padding: 9px 12px 9px 5px;
    vertical-align: top;
}

.saas-login-dialog .login-info .password .safe-input {
    display: inline-block;
    width: 257px;
    padding: 9px 12px 9px 5px;
    vertical-align: top;
}

.saas-login-dialog .login-info .password #ucsl-password-edit {
    border: none;
    outline: none;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #333;
    vertical-align: top;
}

.tang-pass-login .pass-text-input-smsPhone {
    padding-left: 0;
}

.tang-pass-login .pass-form-item-userName .pass-text-input::-webkit-input-placeholder,
.tang-pass-login .pass-form-item-password .pass-text-input::-webkit-input-placeholder,
.tang-pass-login .pass-text-input-smsPhone::-webkit-input-placeholder,
.tang-pass-login .pass-form-item-smsVerifyCode .pass-text-input::-webkit-input-placeholder,
.saas-login-dialog .login-info .account input::-webkit-input-placeholder,
.saas-login-dialog .login-info .password #ucsl-password-edit::-webkit-input-placeholder,
#uc-common-token::-webkit-input-placeholder,
.tang-pass-login .pass-form-item-verifyCode .pass-text-input-verifyCode::-webkit-input-placeholder,
.tang-pass-pop-confirmWidget .pass-confirmWidget-pop-form .pass-confirm-verifyWidget-imgWrapper .pass-confirm-verifyWidget-verifyCode::-webkit-input-placeholder {
    color: #999;
}

.tang-pass-login .pass-clearbtn {
    position: absolute;
    top: 12px;
    right: 6px;
    height: 16px;
    width: 16px;
    background: url(/webstatic/img/login/pass_login_icons.png) no-repeat -88px -48px;
    background-image: -webkit-image-set(url(/webstatic/img/login/pass_login_icons.png) 1x, url(/webstatic/img/login/pass_login_icons_retina.png) 2x);
    background-image: -moz-image-set(url(/webstatic/img/login/pass_login_icons.png) 1x, url(/webstatic/img/login/pass_login_icons_retina.png) 2x);
    background-image: -o-image-set(url(/webstatic/img/login/pass_login_icons.png) 1x, url(/webstatic/img/login/pass_login_icons_retina.png) 2x);
    cursor: pointer;
}

.tang-pass-login .pass-clearbtn-smsVerifyCode {
    display: none !important;
}

.tang-pass-login .pass-form-item-memberPass {
    font-family: inherit;
    font-size: inherit;
    box-sizing: content-box;
    transition: none;
    outline: 0;
    width: 300px;
    text-align: left;
}

.tang-pass-login .pass-form-item-memberPass label {
    display: inline;
    color: #666;
    font-size: 12px;
    margin-left: 5px;
}

.tang-pass-login .pass-form-item-submit {
    margin: 0;
    margin-bottom: 16px;
    width: 300px;
    text-align: right;
}

.tang-pass-login .pass-form-item-submit input,
#uc-passport-login .submit {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 300px;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    background: #38F;
    border: 0;
}

.tang-pass-login .pass-form-item-smsVerifyCode {
    text-align: left;
    margin-top: 24px;
    margin-bottom: 24px;
}

.saas-login-dialog .login-info .token {
    text-align: left;
}

.saas-login-dialog .pass-form-item-verifyCode {
    text-align: left;
    margin-bottom: 24px;
}

.tang-pass-login .pass-text-input-smsVerifyCode,
.saas-login-dialog .login-info .token input,
.tang-pass-login .pass-form-item-verifyCode .pass-text-input-verifyCode,
.tang-pass-pop-confirmWidget .pass-confirmWidget-pop-form .pass-confirm-verifyWidget-imgWrapper .pass-confirm-verifyWidget-verifyCode {
    border: 1px solid #CCC;
    border-radius: 2px;
    border-radius: 2px;
    padding: 10px;
    width: 140px;
    height: 40px;
    outline: none;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #333;
    vertical-align: top;
}

.tang-pass-login .pass-item-timer,
.tang-pass-login .pass-item-time-timing {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #38F;
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    outline: none;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
}

.tang-pass-login .pass-generalErrorWrapper {
    height: auto;
    _height: 24px;
    min-height: 24px;
    font-family: PingFang-SC-Regular;
    font-size: 14px;
    color: #F5535B;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    top: 136px;
    left: 0;
    text-align: left;
}

.tang-pass-login .pass-form-item.pass-form-item-memberPass {
    display: none;
}

.tang-pass-login .pass-link.pass-sms-btn,
.tang-pass-login .pass-link.pass-sms-link-back {
    position: absolute;
    width: 100px;
    left: 200px;
    top: 0;
    text-align: right;
}

.tang-pass-login .pass-form-item-submit a.pass-link,
.tang-pass-login .pass-item-timer {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #38F;
    text-align: right;
    cursor: pointer;
}

.tang-pass-login .pass-form-item-submit a.pass-link:hover,
.tang-pass-login .pass-item-timer:hover {
    color: #4DA6FF;
}

.tang-pass-login .pass-form-item-submit a.pass-link:active,
.tang-pass-login .pass-item-timer:active {
    color: #2E7AE6;
}

.tang-pass-login .pass-link.pass-reglink,
.tang-pass-login .pass-link.pass-fgtpwd {
    display: block;
    float: right;
    margin-top: 12px;
}

.tang-pass-login .pass-link.pass-reglink {
    margin-right: 10px;
}

.saas-login-dialog .saas-login-dialog-tab {
    height: 40px;
    width: 300px;
    margin: 0 auto 30px;
}

.saas-login-dialog .saas-login-dialog-tab .saas-login-dialog-tab-item {
    width: 150px;
    line-height: 40px;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #999;
    text-align: center;
    float: left;
    border-bottom: 2px solid #E5E5E5;
    cursor: pointer;
}

.saas-login-dialog .saas-login-dialog-tab .saas-login-dialog-tab-item.active {
    border-bottom-color: #38F;
    color: #38F;
}

.saas-login-dialog .saas-login-dialog-tab .saas-login-dialog-tab-item:hover {
    color: #4DA6FF;
}

.saas-login-dialog .pass-button-submit,
#uc-passport-login .submit,
.tang-pass-pop-confirmWidget .pass-confirm-verifyWidget-imgWrapper .pass-button,
#TANGRAM__PSP_3__smsRegPromptBtn {
    background: #3388FF;
    outline: none;
    border: none;
    color: #FFF;
}

.saas-login-dialog .pass-button-submit:hover,
#uc-passport-login .submit:hover,
.tang-pass-pop-confirmWidget .pass-confirm-verifyWidget-imgWrapper .pass-button:hover,
#TANGRAM__PSP_3__smsRegPromptBtn:hover {
    background: #4DA6FF;
}

.saas-login-dialog .pass-button-submit:active,
#uc-passport-login .submit:active,
.tang-pass-pop-confirmWidget .pass-confirm-verifyWidget-imgWrapper .pass-button:active,
#TANGRAM__PSP_3__smsRegPromptBtn:active {
    background: #2E7AE6;
}

.tang-pass-login .tang-pass-sms-agreement.pass-link {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #333;
    text-align: right;
    margin-top: 10px;
    display: block;
}

.saas-login-dialog .pass-form-item-unrecevie {
    font-size: 14px;
    font-family: PingFangSC-Regular, sans-serif;
    text-align: right;
    margin-bottom: 10px;
}

.tang-pass-login .tang-pass-sms-agreement.pass-link a,
.saas-login-dialog a.js-change-token,
.saas-login-dialog .other a,
.saas-login-dialog .pass-change-verifyCode,
.saas-login-dialog .pass-form-item-unrecevie {
    color: #38F;
}

.tang-pass-login .tang-pass-sms-agreement.pass-link a:hover,
.saas-login-dialog a.js-change-token:hover,
.saas-login-dialog .other a:hover,
.saas-login-dialog .pass-change-verifyCode:hover,
.saas-login-dialog .pass-form-item-unrecevie:hover {
    color: #4DA6FF;
}

.tang-pass-login .tang-pass-sms-agreement.pass-link a:active,
.saas-login-dialog a.js-change-token:active,
.saas-login-dialog .other a:active,
.saas-login-dialog .pass-change-verifyCode:active,
.saas-login-dialog .pass-form-item-unrecevie:active {
    color: #2E7AE6;
}

.tang-pass-sms .pass-reglink.pass-link {
    display: none;
}

.saas-login-dialog-tab-container {
    display: none;
}

.saas-login-dialog-tab-container.active {
    display: block;
}

/* uclogin */
.saas-login-dialog .login-info > h2 {
    display: none;
}

.saas-login-dialog .login-info .account,
.saas-login-dialog .login-info .password {
    margin: 0;
}

.saas-login-dialog img.js-change-token,
.saas-login-dialog .pass-verifyCode {
    height: 40px;
    margin-left: 8px;
    vertical-align: top;
}

.saas-login-dialog a.js-change-token,
.saas-login-dialog .pass-change-verifyCode {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-left: 8px;
    font-family: PingFangSC-Regular, sans-serif;
}

.saas-login-dialog .other {
    margin-top: 10px;
}

.saas-login-dialog .other a {
    font-size: 14px;
    font-family: PingFangSC-Regular, sans-serif;
}

.saas-login-dialog .other a.uc-register {
    margin-right: 10px;
}

.saas-login-dialog .other .fl {
    float: left;
}

.saas-login-dialog .other .fr {
    float: right;
}

.uc-common-login .error.visible-show {
    visibility: visible;
}

.uc-common-login .error {
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    font-family: PingFang-SC-Regular, sans-serif;
    font-size: 14px;
    color: #F5535B;
    vertical-align: top;
    visibility: hidden;
    max-width: 300px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin: 0;
    text-align: left;
    width: 300px;
}

.uc-common-login .error span {
    content: '';
    background-image: url(/webstatic/img/applyForm/icon_input_arror.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 6px;
    margin-top: 5px;
    vertical-align: top;
}

.saas-login-dialog .pass-form-sms-checkphone {
    box-sizing: content-box;
}

.tang-pass-pop-confirmWidget .pass-confirm-verifyWidget-imgWrapper {
    text-align: left;
}

.tang-pass-pop-confirmWidget .pass-confirm-verifyWidget-imgWrapper .pass-confirm-verifyWidget-verifyCode-img {
    border: none;
    height: 40px;
}

.tang-pass-pop-confirmWidget .pass-confirm-verifyWidget-msg {
    text-align: left;
}

.tang-pass-pop-confirmWidget .pass-confirm-verifyWidget-imgWrapper .pass-confirm-verifyWidget-imgChange,
.tang-pass-pop-confirmWidget .pass-confirm-verifyWidget-imgWrapper .pass-confirm-verifyWidget-error {
    top: 0;
}

.tang-pass-pop-confirmWidget .pass-confirm-verifyWidget-imgWrapper .pass-button {
    border-radius: 2px;
}

.tang-pass-login ::-ms-clear,
.tang-pass-login ::-ms-reveal {
    display: none;
}

.vdc-mod {
    width: 1140px;
    margin: 0 auto;
    background: #F5F5F5;
}

.vdc-tab {
    height: 50px;
}

.vdc-tab > div {
    float: left;
    width: 380px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    background: #E9E9E9;
}

.vdc-tab > div:hover {
    color: #38F;
}

.vdc-tab > div.on {
    color: #38F;
    background: transparent;
}

.vdc-tab > div i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    background: center no-repeat;;
    background-size: cover;
    vertical-align: text-bottom;
}

.vdc-tab .vdc-search i {
    background-image: url(/webstatic/img/vdc/icon_search.svg);
}

.vdc-tab .vdc-search.on i, .vdc-tab .vdc-search:hover i {
    background-image: url(/webstatic/img/vdc/icon_search_click.svg);
}

.vdc-tab .vdc-url i {
    background-image: url(/webstatic/img/vdc/icon_url.svg);
}

.vdc-tab .vdc-url.on i, .vdc-tab .vdc-url:hover i {
    background-image: url(/webstatic/img/vdc/icon_url_click.svg);
}

.vdc-tab .vdc-file i {
    background-image: url(/webstatic/img/vdc/icon_file.svg);
}

.vdc-tab .vdc-file.on i, .vdc-tab .vdc-file:hover i {
    background-image: url(/webstatic/img/vdc/icon_file_click.svg);
}

.vdc-con {
    display: none;
    font-size: 0;
    height: 200px;
    padding-top: 60px;
}

.vdc-con.on {
    display: block;
}

.vdc-input {
    margin: 0 auto;
}

.vdc-con .vdc-text {
    padding: 0 10px;
    width: 360px;
    height: 40px;
    background: #FFF;
    border: 1px solid #CCC;
    font-size: 14px;
    color: #333;
    outline: none;
    vertical-align: middle;
}

.vdc-con .vdc-text:hover {
    border: 1px solid #999;
}

.vdc-con .vdc-text::placeholder {
    color: #999;
}

.vdc-con .vdc-text:focus {
    border: 1px solid #38F;
}

.vdc-con .saas-btn {
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    border-radius: 0;
}

.vdc-waring, .vdc-hint {
    margin-top: 20px;
    line-height: 20px;
    font-size: 14px;
}

.vdc-waring {
    display: none;
    color: #F5535B;
}

.vdc-waring.on {
    display: block;
}

.vdc-hint {
    color: #666;
}

.vdc-hint.on {
    display: none;
}

.vdc-file-input {
    display: block;
    width: 140px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.vdc-file-mod {
    display: none;
    margin: 0 auto;
    width: 140px;
    height: 40px;
}

.vdc-file-mod:hover .saas-btn {
    color: #FFF;
    background: #4DA6FF;
}

.vdc-file-mod:active .saas-btn {
    background: #2E7AE6;
}

.product-head.vdc-head:before {
    margin-left: 102px;
}

.product-head.vdc-head:after {
    margin-left: -336px;
}

.file-loading {
    display: none;
    margin: 0 auto;
    width: 140px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #FFF;
    font-family: PingFangSC-Regular, sans-serif;
    background-image: linear-gradient(to right, #38F 65%, #4DA6FF 35%);
}

.file-loading:active {
    background-color: #2E7AE6;
}

.vdc-file-mod.on, .file-loading.on {
    display: block;
}

/* --------------------- conpin ----------------------- */

.conpin .conpin-close {
    height: 24px;
    width: 24px;

    background-image: url(/webstatic/img/conpin/icon_close.svg);
    background-repeat: no-repeat;
    background-size: cover;

    position: absolute;
    top: -54px;
    right: 0;
    cursor: pointer;

    opacity: .6;
}

.conpin .conpin-close:hover,
.conpin .conpin-close:active {
    opacity: .8;
}

.conpin .conpin-container {
    margin: 0 auto;
    padding-top: 83px;
    width: 442px;
    height: 279px;

    background-image: url(/webstatic/img/conpin/conpin.png);
    background-repeat: no-repeat;
    background-size: cover;

    position: relative;

    font-size: 0;
    font-family: PingFangSC-Regular;
}

.conpin .conpin-container.success {
    background-image: url(/webstatic/img/conpin/conpin-success.png);
}

.conpin .conpin-container.success .conpin-btn {
    display: none;
}

.conpin .conpin-container.success .conpin-no-login {
    display: none;
}

.conpin .conpin-value {
    display: none;
}

.conpin .conpin-value.show {
    display: block;
}

.conpin .conpin-value > div {
    display: inline-block;
    vertical-align: middle;
}

.conpin .conpin-value > .conpin-value-unit {
    vertical-align: bottom;
    color: #F4535B;
    font-family: PingFangSC-Semibold, sans-serif;
    font-size: 25px;
    line-height: 21px;
}

.conpin .conpin-value-price {
    font-family: PingFangSC-Semibold, sans-serif;
    font-size: 46px;
    color: #F4535B;
    line-height: 34px;
}

.conpin .conpin-value-des {
    opacity: .4;
    font-size: 16px;
    color: #F5535B;

    position: absolute;
    top: 90px;
    right: 70px;
}

.conpin .conpin-name {
    font-size: 12px;
    color: #8E5524;
    text-align: center;
    line-height: 17px;
    margin-top: 10px;
}

.conpin .conpin-btn {
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #FFFAF5;
    background: #FF9940;
    border-radius: 27.5px;
    position: absolute;
    top: 178px;
    left: 130px;
    cursor: pointer;
}

.conpin .conpin-btn:hover {
    background: #FFB06B;
}

.conpin .conpin-btn:active {
    background: #E58028;
}

.conpin .conpin-btn.disabled,
.conpin .conpin-btn.disabled:hover,
.conpin .conpin-btn.disabled:active {
    opacity: .6;
    background: rgba(78, 0, 4, .2);
    font-size: 16px;
    color: #FFF;
}

.conpin .conpin-no-login {
    opacity: .6;
    font-size: 14px;
    color: #4E0004;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 30px;
}

.conpin .conpin-success {
    display: none;
    opacity: .6;
    font-size: 14px;
    color: #4E0004;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 30px;
}

.conpin .conpin-success.show {
    display: block;
}

/* --------------------- conpin ----------------------- */

/* --------------------- 自定义page  ----------------------- */
/* ai解决方案模块 */
.temperature-bg {
    background-image: url(/webstatic/img/page_temperature/banner-web.png);
}

.product-head-temperature:before {
    margin-left: 98px;
}

.product-head-temperature:after {
    margin-left: -330px;
}

.saas-p-face-des {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    line-height: 22px;
    width: 1140px;
    margin: 0 auto;
    text-align: left;
}

.saas-p-face-container {
    font-size: 0;
    margin-top: 60px;
}

.saas-p-face-container .face-item {
    display: inline-block;
    vertical-align: top;
    width: 360px;
    margin-right: 60px;
}

.saas-p-face-container .face-item:last-child {
    margin-right: 0;
}

.face-item .face-item-img {
    width: 360px;
    height: 210px;
    background-repeat: no-repeat;
    background-size: cover;
}

.face-item .face-item-img.img1 {
    background-image: url(/webstatic/img/page_temperature/pic_gudingdianjiance_web.png);
}

.face-item .face-item-img.img2 {
    background-image: url(/webstatic/img/page_temperature/pic_yidongxuncha_web.png);
}

.face-item-title {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 6px;
}

.face-item-des {
    opacity: .8;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #5F6367;
    letter-spacing: 0;
    line-height: 24px;
    text-align: left;
}

.saas-p-tree-img {
    width: 1140px;
    height: 550px;
    margin-bottom: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/webstatic/img/page_temperature/pic_yewujiegou_web.png);
}

.saas-p-sence {
    font-size: 0;
    margin-bottom: 100px;
}

.saas-p-sence-item {
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 320px;
    margin-right: 20px;
}

.saas-p-sence-item:last-child {
    margin-right: 0;
}

.saas-p-sence-item > div {
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 16px;
    color: #FFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
}

.saas-p-sence-item > div:first-child {
    padding-top: 120px;
}

.saas-p-sence-item.img1 {
    background-image: url(/webstatic/img/page_temperature/pic_ditie_web.png);
}

.saas-p-sence-item.img2 {
    background-image: url(/webstatic/img/page_temperature/pic_anfang_web.png);
}

.saas-p-sence-item.img3 {
    background-image: url(/webstatic/img/page_temperature/pic_ditie_web.png);
}

.saas-p-advantage {
    font-size: 0;
}

.saas-p-advantage-item {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    margin-right: 60px;
    padding-bottom: 100px;
}

.saas-p-advantage-item:last-child {
    margin-right: 0;
}

.saas-p-advantage-item .icon {
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
}

.saas-p-advantage-item .title {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 6px;
}

.saas-p-advantage-item .des {
    opacity: .8;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #5F6367;
    letter-spacing: 0;
    line-height: 24px;
    text-align: left;
}

.saas-p-advantage-item .icon.icon1 {
    background-image: url(/webstatic/img/page_temperature/icon_shishigaoxiao_web.svg);
}

.saas-p-advantage-item .icon.icon2 {
    background-image: url(/webstatic/img/page_temperature/icon_jingzhunkekao_web.svg);
}

.saas-p-advantage-item .icon.icon3 {
    background-image: url(/webstatic/img/page_temperature/icon_feijiechuwuganzhi_web.svg);
}

.saas-p-advantage-item .icon.icon4 {
    background-image: url(/webstatic/img/page_temperature/icon_dichengben_web.svg);
}

.saas-p-case {
    width: 1140px;
    margin: 0 auto;
    font-size: 0;
    padding-bottom: 100px;
}

.saas-p-case .img {
    display: inline-block;
    vertical-align: top;
    width: 448px;
    height: 264px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/webstatic/img/page_temperature/pic_chenggonganli_web.png);
}

.saas-p-case .content {
    display: inline-block;
    vertical-align: top;
    width: 652px;
    text-align: left;
    margin-left: 40px;
}

.saas-p-case .content .content-label {
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    line-height: 25px;
}

.saas-p-case .content .label-sence {
    margin-top: 24px;
}

.saas-p-case .content .content-value {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 4px;
}

/* app solution */

.app-solution-bg {
    background-image: url(/webstatic/img/page_app_solution/banner.png);
}

.product-app-card {
    background: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
    width: 360px;
    /* height: 354px; */
    margin: 0 15px;
    transition: .3s;
    padding: 30px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.product-app-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .1);
}

.product-app-card-title {
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    line-height: 32px;
}

.product-app-card-content {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 30px;
    height: 168px;
    text-align: left;
}

.product-app-card-btn {
    display: block;
    background: #38F;
    width: 300px;
    height: 40px;
    margin: 30px auto 0 auto;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 16px;
    color: #FFF;
    line-height: 40px;
    cursor: pointer;
}

.product-app-card-btn:visited {
    background: #38F;
    color: #FFF;
}

.product-app-card-btn:hover {
    background: #4DA6FF;
    color: #FFF;
}

.product-app-card-btn:active {
    background: #2E7AE6;
    color: #FFF;
}

.product-page-contact {
    height: 300px;
    width: auto;
    background: #38F;
}

.product-page-contact-inner {
    background-image: url(/webstatic/img/page_app_solution/contact.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.product-page-contact-des {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 25px;
    padding-top: 90px;
}

.product-page-contact-btn {
    display: block;
    background: #FFF;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 18px;
    color: #38F;
    letter-spacing: 0;
    height: 44px;
    width: 180px;
    line-height: 44px;
    margin: 41px auto 0;
    cursor: pointer;
}

.product-page-contact-btn:visited {
    opacity: 1;
    color: #38f;
}

.product-page-contact-btn:hover {
    opacity: .8;
    color: #38f;
}

.product-page-contact-btn:active {
    opacity: .6;
    color: #38f;
}

.saas-app-solution-icon1 {
    background-image: url(/webstatic/img/page_app_solution/icon_quanmianfanghu.svg);
}

.saas-app-solution-icon2 {
    background-image: url(/webstatic/img/page_app_solution/icon_anxudingzhi.svg);
}

.saas-app-solution-icon3 {
    background-image: url(/webstatic/img/page_app_solution/icon_shiyongmianguang.svg);
}

.saas-app-solution-icon4 {
    background-image: url(/webstatic/img/page_app_solution/icon_youxiaofanghu.svg);
}

.spuBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #38f;
    cursor: pointer;
}

.spuBtn:hover {
    background-color: #4da6ff;
}

.spuBtn:active {
    background-color: #2e7ae6;
}

#showErweima.on {
    display: block !important;
}

#showErweima.off {
    display: none !important;
}