@charset "UTF-8";
/* CSS Document */

body {
    background: #fff !important;
    font-family: -apple-system, SF Pro Text, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
}

.pading-b80 {
    padding-bottom: 80px;
}

.mt-150 {
    margin-top: 150px;
}

.topbar {
    z-index: 12;
    padding: 8px 30px 0px 0px;
    position: relative;
}

.topbar ul.loginbar {
    margin: 0;
}

.topbar ul.loginbar li {
    display: inline;
    list-style: none;
    position: relative;
    padding-bottom: 15px;
}

.topbar ul li i {
    color: #555 !important;
}

.topbar ul.loginbar li.Iota {
    padding: 0 5px;
    color: #555 !important;
}

.topbar ul.loginbar li a {
    color: #555;
    font-size: 14px;
    text-decoration: none;
}

.topbar ul.loginbar li a:hover {
    color: #1abc9c;
}

.topbar #dropdown-button {
    position: relative;
}

.topbar #notificationCount {
    position: absolute;
}

.badge-lists.badge-icons span.badge {
    min-width: 12px;
    padding: 3px 6px;
}

.badge-lists span.badge {
    top: -10px;
    right: -6px;
    position: absolute;
}

span.badge {
    font-weight: 400;
    padding: 4px 7px;
}

.rounded {
    border-radius: 4px !important;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px;
}

header .container {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar .nav li a {
    font-size: 16px;
    color: #2f3950;
    display: block;
    height: 50px;
}

.navbar .nav li a:hover, .navbar .nav li.active a:hover {
    background: none;
    color: #1abc9c;
}

.navbar .nav li.active a {
    background: none;
    font-size: 16px;
    color: #1abc9c;
    /* border-bottom: 2px solid #1abc9c; */
}

.navbar-default {
    background: #fff;
    border: none;
}

.navbar {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
}

@media screen and (max-width: 768px) {
    .navbar .nav li a {
        min-height: 45px;
        line-height: 45px;
        padding-bottom: 0px;
        padding-top: 0px;
        font-size: 15px;
        color: #555;
    }
    .navbar-header {
        padding-left: 30px;
        padding-top: 10px;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .navbar-header a img {
        margin-bottom: 10px;
    }
    .navbar-toggle {
        margin-right: 32px !important;
    }
}

.navbar-toggle {
    background: #1abc9c;
    color: #fff;
    padding: 5px 10px;
    border: none;
    margin-right: 45px;
    margin-top: 0px;
}

.navbar-toggle:hover {
    background: #56bc94 !important;
}

.navbar .nav li {
    text-align: center;
}

.navbar .nav li a:hover {
    color: #1abc9c;
}

.jumbotron {
    margin: 0px;
}

.jumbotron .container ul {
    list-style: none;
}

.jumbotron .container span.title {
    font-size: 60px;
    color: #222222 !important;
}

.jumbotron .container .des {
    margin-left: 28px;
    padding: 0px;
    font-size: 18px;
    margin-top: 30px;
}

.jumbotron .container .des .text-left {
    color: #6a6a6a !important;
}

.jumbotron {
    position: relative;
    padding-top: 0px;
    overflow: hidden;
    padding-bottom: 160px;
    background: #e4e4e4;
}

.jumbotron .container {
    margin-top: 318px;
}

.jumbotron .right-img {
    float: right;
}

.jumbotron .create {
    margin-top: 90px;
    margin-left: 3px;
}

.btnp {
    font-size: 20px;
    height: 52px;
    text-align: center;
    line-height: 50px;
    display: block;
    text-decoration: none !important;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
}

.create_btn {
    width: 236px;
    border: 2px solid #1abc9c;
    color: #1abc9c !important;
}

.create_btn i {
    margin-right: 10px;
}

.create_btn:hover {
    color: #fff !important;
    background: #1abc9c;
}

.jumbotron .phone-img {
    position: absolute;
    width: auto;
    height: auto;
}

.jumbotron .mouse-img {
    position: absolute;
    width: auto;
    height: auto;
}

@media screen and (min-width:1900px) {
    .jumbotron .phone-img {
        left: 52%;
        top: 50%;
    }
    .jumbotron .mouse-img {
        left: 68%;
        top: 60%;
    }
    .jumbotron {
        padding-bottom: 210px !important;
    }
}

@media screen and (min-width: 1700px) and (max-width: 1899px) {
    .jumbotron .right-img {
        width: 800px;
    }
    .jumbotron .phone-img {
        width: 250px;
        left: 52%;
        top: 50%;
    }
    .jumbotron .mouse-img {
        width: 200px;
        left: 68%;
        top: 60%;
    }
    .jumbotron {
        padding-bottom: 180px !important;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1699px) {
    .jumbotron .right-img {
        width: 700px;
    }
    .jumbotron .phone-img {
        width: 220px;
        left: 52%;
        top: 50%;
    }
    .jumbotron .mouse-img {
        width: 180px;
        left: 68%;
        top: 60%;
    }
    .jumbotron {
        padding-bottom: 160px !important;
    }
    .jumbotron .container {
        margin-top: 100px;
    }
    .jumbotron span.title {
        font-size: 38px !important;
    }
    .jumbotron .des {
        font-size: 16px !important;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1499px) {
    .jumbotron .right-img {
        width: 600px;
    }
    .jumbotron .phone-img {
        width: 200px;
        left: 55%;
        top: 47%;
    }
    .jumbotron .mouse-img {
        width: 160px;
        left: 70%;
        top: 60%;
    }
    .jumbotron {
        padding-bottom: 150px !important;
    }
    .jumbotron .container {
        margin-top: 100px;
    }
    .jumbotron span.title {
        font-size: 36px !important;
    }
    .jumbotron .des {
        font-size: 16px !important;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1299px) {
    .jumbotron .right-img {
        width: 500px;
    }
    .jumbotron .phone-img {
        width: 180px;
        left: 55%;
        top: 48%;
    }
    .jumbotron .mouse-img {
        width: 150px;
        left: 70%;
        top: 58%;
    }
    .jumbotron {
        padding-bottom: 150px !important;
    }
    .jumbotron .container {
        margin-top: 100px;
    }
    .jumbotron span.title {
        font-size: 34px !important;
    }
    .jumbotron .des {
        font-size: 16px !important;
    }
}

@media screen and (min-width: 900px) and (max-width: 1099px) {
    .jumbotron .right-img {
        width: 550px;
    }
    .jumbotron .phone-img {
        width: 160px;
        left: 45%;
        top: 55%;
    }
    .jumbotron .mouse-img {
        width: 140px;
        left: 62%;
        top: 65%;
    }
    .jumbotron {
        padding-bottom: 100px !important;
    }
    .jumbotron .container {
        margin-top: 100px;
    }
    .jumbotron span.title {
        font-size: 30px !important;
    }
    .jumbotron .des {
        font-size: 16px !important;
    }
    .jumbotron .create {
        margin-top: 40px;
    }
}

@media screen and (min-width: 769px) and (max-width: 899px) {
    .jumbotron .right-img {
        width: 400px;
    }
    .jumbotron .phone-img {
        width: 100px;
        left: 56%;
        top: 60%;
    }
    .jumbotron .mouse-img {
        width: 80px;
        left: 68%;
        top: 70%;
    }
    .jumbotron {
        padding-bottom: 60px !important;
    }
    .jumbotron .container {
        margin-top: 100px;
    }
    .jumbotron span.title {
        font-size: 30px !important;
    }
    .jumbotron .des {
        font-size: 14px !important;
        margin-left: 0px !important;
        padding-left: 20px !important;
    }
    .jumbotron .create {
        margin-top: 20px;
    }
}

@media screen and (max-width: 768px) {
    .jumbotron {
        height: 450px;
    }
    .jumbotron .phone-img {
        display: none;
    }
    .jumbotron .mouse-img {
        display: none;
    }
    .jumbotron .right-img {
        display: none;
    }
    .jumbotron .container {
        margin-top: 50px;
        margin-bottom: 50px;
        text-align: center;
    }
    .jumbotron span.title {
        clear: both;
        display: block;
        text-align: center;
        margin-left: 0px;
        font-size: 30px !important;
    }
    .jumbotron .des {
        width: auto;
        height: auto;
        display: inline-block;
        margin: 0 auto;
        clear: both;
        text-align: center;
        font-size: 14px !important;
    }
    .jumbotron .create {
        text-align: center;
        margin-top: 20px;
        margin-left: 0px;
    }
    .jumbotron .create .create_btn {
        margin-right: auto;
        margin-left: auto;
    }
}

.three-des .col-sm-12 {
    padding-left: 80px;
    padding-right: 80px;
}

.font-24 {
    font-size: 24px;
    color: #222;
}

.font-14 {
    font-size: 14px !important;
    color: #555;
    line-height: 28px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-270 {
    margin-top: 100px;
}

.server-line {
    border-top: 2px solid #000;
}

.server-name {
    margin: 0 auto;
}

.font-22 {
    font-size: 22px;
    color: #222222;
}

.font-16 {
    font-size: 16px;
    color: #555555;
}

.mt-10 {
    margin-top: 10px;
}

.center-margin {
    float: none;
    margin: 0 auto;
}

.mb-30 {
    margin-bottom: 30px;
}

.linght-16 {
    line-height: 28px;
}

.down_btn {
    width: 330px;
    border: 2px solid #1abc9c;
    color: #1abc9c !important;
}

.down_btn i {
    margin-right: 10px;
}

.down_btn:hover {
    color: #fff !important;
    background: #1abc9c;
}

.client_imac {
    width: auto;
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: 52%;
    left: 13%;
}

.client_android {
    width: auto;
    height: auto;
    margin: 0 auto;
    position: absolute;
    left: 72%;
    top: 54%;
}

.cilent_ios {
    width: auto;
    height: auto;
    margin: 0 auto;
    position: absolute;
    left: 68%;
    top: 70%;
}

.mt-75 {
    margin-top: 75px;
    position: relative;
}

.font-20 {
    font-size: 16px;
    color: #555;
    line-height: 30px;
}

.sdk_btn {
    width: 320px !important;
    border: 2px solid #1abc9c;
    color: #1abc9c !important;
}

.sdk_btn i {
    margin-left: 10px;
}

.sdk_btn:hover {
    color: #fff !important;
    background: #1abc9c;
}

.mt-25 {
    margin-top: 25px;
}

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

.four-des .col-sm-12 {
    padding-left: 35px;
    padding-right: 35px;
}

.slogan-life {
    position: absolute;
    top: 100px;
    left: 50%;
}

.font-36 {
    font-size: 36px;
    color: #222;
}

.font-20-life {
    font-size: 16px;
    color: #555;
    line-height: 35px;
}

.exp-btn {
    width: 216px;
    border: 2px solid #1abc9c;
    color: #1abc9c !important;
    margin-top: 50px;
}

.exp-btn:hover {
    color: #fff !important;
    background: #1abc9c;
}

.pading-0 {
    padding: 0px;
}

.pading-t80 {
    padding-top: 80px;
}

.bacgrey {
    background: #eeeeee;
}

.q_btn {
    width: 246px;
    border: 2px solid #ff5d37;
    color: #ff5d37 !important;
}

.q_btn i {
    margin-left: 10px;
}

.q_btn:hover {
    color: #fff !important;
    background: #ff5d37;
}

.container .about p {
    text-align: left;
}

.container .about p span {
    border-bottom: 2px solid #1abc9c;
    padding: 5px 0;
}

.container .about ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    width: 100%;
    float: left;
}

.container .about ul li {
    line-height: 26px;
    font-size: 14px;
    color: #555;
    text-align: left;
    line-height: 26px;
}

.padding-tb55 {
    padding: 55px 0;
}

.container .about ul li a {
    color: #7F8699;
    font-size: 14px;
    text-decoration: none !important;
}

.container .about ul li a:hover {
    color: #1abc9c;
}

.container .about ul li .btn-default {
    background: #aaa;
    border: #aaa;
    color: #fff !important;
    font-size: 14px;
    padding: 3px 15px;
}

.container .about ul li .btn-default:hover {
    background: #1abc9c;
}

.container .about ul li a img {
    margin-bottom: 3px;
    margin-right: 5px;
}

footer .container {
    border-top: 1px solid #3a3a3a;
    padding: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
}

footer a.pgy {
    color: #1abc9c !important;
    text-decoration: none !important;
}

/**
.container .about .f-chat {
    width: 48px;
    height: 48px;
    background: url(../img/footer_wechat.png) no-repeat;
    display: inline-block;
}
.container .about .f-chat:hover {
    width: 48px;
    height: 48px;
    background: url(../img/footer_wechat_hover.png) no-repeat;
}
.container .about .f-sina {
    width: 48px;
    height: 48px;
    background: url(../img/footer_sina.png) no-repeat;
    display: inline-block;
    margin-left:10px;
 }
.container .about .f-sina:hover {
    width: 48px;
    height: 48px;
    background: url(../img/footer_sina_hover.png) no-repeat;
}
**/

.container .about .f-facebook {
    width: 26px;
    height: 26px;
    /*background: url(../img_us/footer_icon_facebook.png) no-repeat;*/
    display: inline-block;
    margin-left: 10px;
    margin-top: -10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #666666;
    font-size: 26px;
}

.container .about .f-facebook:before {
    /*width: 26px;
     height: 26px;
     background: url(../img_us/footer_icon_facebook_active.png) no-repeat;*/
    content: "\f082";
}

.container .about .f-facebook:hover {
    /*width: 26px;
    height: 26px;
    background: url(../img_us/footer_icon_facebook_active.png) no-repeat;*/
    color: #1abc9c;
}

.container .about .f-twitter {
    width: 26px;
    height: 26px;
    /*background: url(../img_us/footer_icon_twitter.png) no-repeat;*/
    display: inline-block;
    margin-left: 24px;
    margin-top: -10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #666666;
    font-size: 26px;
}

.container .about .f-twitter:before {
    /*width: 26px;
     height: 26px;
     background: url(../img_us/footer_icon_facebook_active.png) no-repeat;*/
    content: "\f099";
}

.container .about .f-twitter:hover {
    /*width: 26px;
    height: 26px;
    background: url(../img_us/footer_icon_twitter_active.png) no-repeat;*/
    color: #1abc9c;
}

@media screen and (min-width: 1200px) and (max-width: 1800px) {
    .bacgrey .col-lg-7 {
        padding-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .bacgrey .row {
        text-align: center
    }
    .bacgrey .row .img-responsive {
        display: none;
    }
    .bacgrey .exp-btn {
        margin: 0 auto;
    }
    .bacgrey .col-lg-7 {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

.pading-lr-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.mtb-30 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.back-line {
    background: url(../img/line.png) repeat-x center;
}

.common-line {
    background: #fff;
    font-size: 36px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
}

.mb-100 {
    margin-bottom: 100px;
}

/*******app-recent******/

.list-app .logo {
    width: 124px;
    margin-top: -15px;
    border-right: 1px solid #24bc9b;
    padding-right: 15px;
    margin-right: 10px;
}

.list-app .title {
    font-size: 28px;
}

.list-app .title.desc {
    font-size: 16px;
}

.list-app .row.text-center.recommend-content {
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
    margin-top: 10px;
}

.list-app .row.text-center.recommend-content a {
    position: relative;
    display: inline-block;
}

.list-app .row.text-center.recommend-content .rbadge {
    width: 32px;
    height: 46px;
    position: absolute;
    left: 15px;
    top: -2px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.green_back {
    background: #1abc9c;
    background: url('/static/images/recent_head_bg.png');
    color: #fff;
    padding: 0px;
    height: 300px;
    vertical-align: middle;
    margin-bottom: 0px;
}

.green_back .container {
    margin-top: 99px;
}

.jumbotron p.font-36 {
    font-size: 36px !important;
    color: #fff !important;
}

.jumbotron p.font-16 {
    font-size: 16px !important;
    color: #fff !important;
}

.list-app-fluid {
    background: #eee;
    padding-bottom: 100px;
    border-bottom: 1px solid #d9d9d9;
}

.list-app {
    margin-top: 30px;
}

.list-app p img {
    width: 96px;
    height: 96px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}

.list-app p.font-14 {
    color: #777 !important;
    font-size: 14px !important;
}

.list-app p.font-14 a {
    color: #555 !important;
    text-decoration: none !important;
}

.list-app p.font-14 a:hover {
    color: #1abc9c !important;
}

.list-app p span {
    color: #fff;
    font-size: 14px;
    padding: 3px 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.list-app p span.and {
    background: #5cb85c;
}

.list-app p span.ios {
    background: #5cc0de;
}

.list-app p span.recommend {
    background: #ff0000;
}

.list-app .row div.text-center {
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    .three-des .col-sm-12 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .common-line {
        font-size: 30px !important;
    }
    .font-36 {
        font-size: 30px !important;
    }
}

.back-333 {
    background: #333;
}

.mt-70 {
    margin-top: 70px;
}

.color-wthite {
    color: #fff !important;
}

.color-777 {
    color: #777 !important;
}

.back-333 .container .row ul {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

.back-333 .container .row ul li {
    font-size: 14px;
}

.back-333 .container .row ul li a {
    color: #777;
    text-decoration: none;
}

.back-333 .container .row ul li a:hover {
    color: #1abc9c;
}

.back-333 .container .row p a:hover {
    color: #777;
}

.bg-f5f8fb .container .row p a:hover {
    color: #777;
}

.back-333 .row p.font-14 {
    font-size: 14px !important;
}

.back-333 .row div {
    padding-left: 25px;
    padding-right: 25px;
}

a.color-1abc9c {
    color: #1abc9c;
    text-decoration: none !important;
}

.back-2f2f2f {
    background: #2f2f2f;
}

.mt-215 {
    margin-top: 215px;
}

.mtb-180 {
    margin-top: 180px;
    margin-bottom: 180px;
}

.mt-280 {
    margin-top: 280px;
}

.mt-100 {
    margin-top: 100px;
}

p {
    font-weight: normal !important;
}

/*********about*********/

.about_back {
    height: 300px;
    background: url(../img/about_banner.png) no-repeat center #1abc9c;
    margin: 0px !important;
    padding: 0px !important;
}

.about_back .container {
    margin-top: 80px;
}

@media screen and (min-width: 541px) and (max-width: 1200px) {
    .about_back .container {
        margin-top: 87px;
    }
}

@media screen and (min-width: 421px) and (max-width: 540px) {
    .about_back .container {
        margin-top: 69px;
    }
}

@media screen and (max-width: 420px) {
    .about_back .container {
        margin-top: 58px;
    }
}

.about_back .container p {
    color: #ffffff !important;
}

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

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

.about_menu {
    background: #f2f2f2;
}

.about_menu .row a {
    height: 70px;
    font-size: 18px;
    color: #222;
    text-decoration: none;
    display: block;
    line-height: 70px;
}

.about_menu .row a:hover {
    color: #1abc9c;
    border-bottom: 2px solid #1abc9c;
}

.about_menu .row a.cur {
    color: #1abc9c;
    border-bottom: 2px solid #1abc9c;
}

.about_content {
    font-size: 16px;
    color: #525252;
    margin-top: 100px;
    padding-bottom: 500px;
}

.about_content p {
    line-height: 36px;
    margin-bottom: 30px;
}

.about_content p.time_line {
    margin-bottom: 20px;
}

.about_content p.time_line span {
    width: 90px;
    text-align: right;
    display: inline-block;
    margin-right: 30px;
    color: #a9a9a9;
}

.service_content {
    font-size: 16px;
    color: #525252;
    margin-top: 100px;
    padding-bottom: 100px;
}

.service_content p {
    line-height: 36px;
}
@media (max-width: 767px) {
    .service_content {
        padding-left:15px !important;
        padding-right:15px !important;
    }
}

.contact_content {
    font-size: 16px;
    color: #525252;
    margin-top: 100px;
    padding-bottom: 100px;
}

.contact_us .circle_back {
    margin-bottom: 10px;
    background: #1abc9c;
    width: 90px;
    height: 90px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    color: #fff;
    font-size: 42px !important;
}

.contact_us .circle_back i {
    margin-top: 24px;
}

.contact_us div {
    padding-left: 40px;
    padding-right: 40px;
}

.contact_us .title {
    margin-bottom: 10px;
    font-size: 24px;
}

.contact_us .content {
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 26px;
}

.join_content {
    font-size: 16px;
    color: #525252;
    margin-top: 100px;
    padding-bottom: 100px;
}

.join_content p {
    line-height: 36px;
    margin-bottom: 30px;
}

.join_content span.title {
    font-size: 24px;
}

.join_content .item {
    margin-top: 80px;
}

.join_content .item h4 {
    font-size: 24px;
}

.join_content .item h4 span {
    border-top: 2px solid #1abc9c;
    padding: 8px 0px;
}

.join_content .item, .join_content .item h5 {
    font-size: 16px;
    line-height: 32px;
}

.join_content .item .btn-u {
    width: 188px;
    text-align: center;
    line-height: 44px;
    height: 44px;
    border: 2px solid #1abc9c;
    font-size: 20px;
    background: #fff;
    color: #1abc9c;
    text-decoration: none;
    display: block;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}

.join_content .item .btn-u:hover {
    background: #1abc9c;
    color: #ffffff;
}

.partner_content {
    font-size: 16px;
    color: #525252;
    margin-top: 100px;
    padding-bottom: 100px;
}

.partner_content p {
    line-height: 36px;
    margin-bottom: 30px;
}

.partner_content p.title {
    font-size: 38px;
}

.partner_content .contact_us {
    color: #1abc9c;
    text-decoration: none;
}

.partner_content .partner_img div {
    margin-top: 30px;
}

.partner_content .partner_img a img {
    width: 180px;
    height: 72px;
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    filter: url('../css/gray.svg#grayscale');
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    object-fit: contain;
}

.partner_content .partner_img a:hover img {
    -webkit-filter: grayscale(0);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
}

/********feed_back*********/

.feed_back {
    height: 480px;
    background: #1abc9c;
    margin: 0px !important;
    padding: 0px !important;
}

.feed_back .container {
    margin-top: 116px;
}

@media screen and (min-width: 643px) and (max-width: 992px) {
    .feed_back .container {
        margin-top: 100px;
    }
}

@media screen and (min-width: 493px) and (max-width: 642px) {
    .feed_back .container {
        margin-top: 84px;
    }
}

@media screen and (max-width: 493px) {
    .feed_back .container {
        margin-top: 45px;
    }
}

.feed_back .container p {
    color: #ffffff !important;
}

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

.feed_back .font-16 {
    font-size: 16px !important;
    line-height: 32px;
    margin-top: 40px;
}

.feed_backmenu div {
    padding-left: 0px;
    padding-right: 0px;
}

.feed_content {
    font-size: 16px;
    color: #525252;
    margin-top: 150px;
    margin-bottom: 200px;
}

.feed_content p {
    color: #222;
}

.feed_content .descrip {
    margin-top: 150px;
    padding-left: 45px;
    padding-right: 45px;
}

.feed_content p.font-18 {
    margin-top: 30px;
    line-height: 36px;
}

.screenshots {
    background: #fff;
}

.voice {
    background: #1ABC9C;
}

.partner {
    background: #F5F5F5;
    padding-top: 40px;
    padding-bottom: 80px;
}

@media screen and (max-width: 992px) {
    .feed_content .descrip {
        margin-top: 100px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .voice .feed_content .descrip {
        margin-top: 0px;
        margin-bottom: 100px;
    }
    .feed_content {
        margin-top: 100px;
        margin-bottom: 100px;
    }
}

.tongji .container {
    margin-top: 152px;
}

@media screen and (max-width: 524px) {
    .tongji .container {
        margin-top: 123px;
    }
}

.statistical_content {
    margin-top: 100px;
}

.statistical_content p.img {
    margin-bottom: 0px;
    margin-top: 100px;
}

.statistical_content .short_con {
    padding-left: 80px;
    padding-right: 80px;
}

.short_con .font-18 {
    line-height: 36px;
    margin-top: 30px;
}

@media screen and (max-width: 555px) {
    .statistical_content .short_con {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.rpterror {
    background: #F5F5F5;
}

.rpterror p.img {
    margin-bottom: 30px;
}

.feed_content .crash_descrip {
    margin-top: 100px;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 992px) {
    .feed_content .crash_descrip {
        margin-top: 100px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.Crash .container {
    margin-top: 152px;
}

@media screen and (max-width: 465px) {
    .Crash .container {
        margin-top: 135px;
    }
}

.browser_notice {
    background-color: #d9534f;
    padding: 10px;
    color: #fff;
    text-align: center;
}

.browser_notice a {
    color: #FFF;
    text-decoration: underline;
}

.browser_notice button {
    color: #FFF;
    background-color: transparent;
    border: none;
}

.mb-70 {
    margin-bottom: 70px;
}

.statistical_content p.button {
    margin-top: 70px;
    margin-bottom: 110px;
}

.statistical_content p.button .down_btn {
    width: 260px;
}

.banben .descrip {
    margin-top: 140px;
}

.banben .crash_descrip {
    margin-top: 70px;
}

.zizhu .descrip {
    margin-top: 230px;
}

.device .descrip {
    margin-top: 100px;
}

.sdk-page {
    font-family: "PingFang SC";
}

.sdk-page .sdk-header {
    width: 50%;
    left: 25%;
}

.sdk-page .sdk-new {
    background-image: -moz-linear-gradient( 0deg, rgb(21, 216, 214) 0%, rgb(34, 223, 185) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(21, 216, 214) 0%, rgb(34, 223, 185) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(21, 216, 214) 0%, rgb(34, 223, 185) 100%);
}

.sdk-page .sdk-new .sdk-downlaod-box {
    border-radius: 14px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 16px 0px rgba(42, 53, 72, 0.12);
    position: absolute;
    bottom: -50px;
    width: 48%;
    margin-left: 27%;
    z-index: 1;
}

.sdk-page .sdk-new .sdk-downlaod-box .downlaod-box-item {
    width: 50%;
    float: left;
    position: relative;
}

.sdk-page .sdk-new .sdk-downlaod-box .downlaod-box-item>.division {
    background-color: #e4e9f0;
    width: 1px;
    right: 0px;
    height: 80%;
    top: 10%;
    position: absolute;
}

.sdk-page .sdk-new .sdk-downlaod-box .downlaod-box-item>a {
    display: block;
}

.sdk-page .sdk-new .sdk-downlaod-box>a:hover p {
    color: #1abc9c !important;
    text-decoration: none;
}

.sdk-page .sdk-overview .overview-introduce {
    width: 68%;
    margin-left: 19%;
}

.sdk-page .sdk-overview .overview-introduce .introduce-item {
    width: 20%;
    float: left;
}

.sdk-page .shake-container {
    background-color: rgb(245, 248, 251);
}

.sdk-page .shake-container .content-left {
    padding-right: 6%;
}

.sdk-page .shake-container .shake-introduce-box {
    display: flex;
    align-items: center;
    padding: 0 15px 0 0;
}

.sdk-page .shake-container .shake-introduce-box .shake-item-img {
    width: 20%;
}

.sdk-page .shake-container .shake-introduce-box .shake-item-content {
    width: 80%;
    padding-left: 15px;
}

.sdk-page .crash-container .overview-introduce {
    width: 52%;
    margin-left: 24%;
    background: url('/static/assets/img/sdk/scale.png');
    display: flex;
    padding-top: 50px;
    padding-bottom: 20px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}

.sdk-page .crash-container .overview-introduce>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sdk-page .crash-container .overview-introduce .introduce-arrow {
    position: absolute;
    bottom: 19%;
    right: -5%;
}

.sdk-page .crash-container .overview-introduce>div:nth-child(2) .introduce-arrow {
    right: -37%;
}

.sdk-page .version-container .version-introduce>div.row>div:first-child {
    transform: translateY(35%);
    padding-right: 4vw;
}

.sdk-page .multil-func .descript-box {
    border-radius: 14px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 16px 0px rgba(42, 53, 72, 0.12);
    position: relative;
    width: 95%;
    overflow: hidden;
}

.sdk-page .multil-func .descript-box>.box-bg {
    position: absolute;
}

.sdk-page .multil-func .descript-box>.descript-content {
    width: 60%;
    float: right;
    padding: 40px 20px 30px 0;
}

.sdk-page .multil-func .descript-box.box-right {
    float: right;
}

.sdk-page .multil-func .descript-box.box-left>img {
    position: absolute;
    top: 31%;
    left: -5%;
}

.sdk-page .multil-func .descript-box.box-right>img {
    position: absolute;
    left: -10%;
    top: 44%;
}

@media(max-width:1025px) and (min-width:991px) {
    .sdk-page .multil-func .descript-box.box-right>img {
        position: absolute;
        left: -23%;
        top: 44%;
    }
    .sdk-page .multil-func .descript-box.box-left>img {
        position: absolute;
        top: 29%;
        left: -10%;
    }
    .sdk-page .multil-func .descript-box>.descript-content {
        width: 65%;
        padding: 20px 10px 20px;
    }
    .sdk-page .multil-func .descript-box {
        width: 100%;
    }
}

@media(max-width:992px) {
    .sdk-page .multil-func .descript-box {
        width: 100%;
    }
    .sdk-page .mb-text-center {
        text-align: center;
    }
    .sdk-page .shake-container .content-left {
        padding: 0px;
    }
    .sdk-page .sdk-page .shake-container .shake-introduce-box {
        padding: 0;
    }
    .sdk-page .pt-50 {
        padding-top: 30px !important;
    }
    .sdk-page .pb-50 {
        padding-bottom: 30px !important;
    }
    .sdk-page .mt-50 {
        margin-top: 30px !important;
    }
    .sdk-page .mb-50 {
        margin-bottom: 30px !important;
    }
    .sdk-page .version-container .version-introduce>div.row>div:first-child {
        transform: translateY(0%);
        padding-right: 0;
        text-align: center;
        margin-top: 50px;
    }
    .sdk-page .version-container .version-introduce>div.row>div:first-child>p:nth-child(2) {
        margin-bottom: 0px !important;
    }
    .sdk-page .version-container .version-introduce>div.row>div:first-child>p:last-child {
        margin-bottom: 20px;
    }
    .sdk-page .multil-func .descript-box>.descript-content {
        width: 65%;
    }
    .sdk-page .crash-container .overview-introduce {
        width: 80%;
        margin-left: 10%;
    }
}

@media(max-width:767px) {
    .sdk-page .sdk-new .sdk-downlaod-box {
        width: 80%;
        margin-left: 10%;
    }
    .sdk-page .sdk-overview .overview-introduce .introduce-item {
        width: 100%;
    }
    .sdk-page .crash-container .overview-introduce>div, .sdk-page .crash-container .overview-introduce {
        display: block;
    }
    .sdk-page .crash-container .overview-introduce>div {
        margin-bottom: 20px;
    }
    .sdk-page .multil-func .descript-box.box-right>img, .sdk-page .multil-func .descript-box.box-left>img {
        display: none;
    }
    .sdk-page .multil-func .descript-box>.descript-content {
        width: 100%;
        padding: 15px;
        text-align: center;
        padding-top: 30px;
    }
    .sdk-page .crash-container .overview-introduce .introduce-arrow {
        display: none;
    }
}

/* outsource start */

.mh-50 {
    min-height: 50px;
}

.mh-60 {
    min-height: 60px;
}

.mh-90 {
    min-height: 90px;
}

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

.bg-f9fafb {
    background-color: #f9fafb;
}

.outsource-banner {
    height: 400px;
    background: linear-gradient( 90deg, #1ABC9C 0%, #1A9FBC 100%);
}

.outsource-banner .banner-row {
    position: relative;
    height: 100%;
}

.outsource-banner img {
    display: block;
    position: absolute;
    max-height: 80%;
    right: 0;
    top: 10%;
}

.outsource-banner a, .outsource-banner a:hover {
    padding: 10px 40px;
    background: white;
    color: #1ABC9C;
    border: none;
    font-size: 16px;
}

.outsource-customizing {
    height: 0;
}

.outsource-customizing .container {
    height: 100%;
}

.outsource-customizing .container>.row {
    margin-top: -20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(42, 53, 72, 0.12);
    position: relative;
    background: white;
    height: 100px;
}

.outsource-customizing .custom-select {
    height: 100%;
    padding: 35px 41px;
    position: relative;
    border-right: 1px solid #F8F9FA;
    width: 28%;
    cursor: pointer;
}

.outsource-customizing .custom-select:nth-of-type(3) {
    border: none;
}

.outsource-customizing .custom-select * {
    display: inline-block;
}

.outsource-customizing .custom-select img {
    width: 30px;
    height: 30px;
}

.outsource-customizing .custom-select p {
    color: #333333;
    font-size: 16px;
    font-family: PingFangSC-Regular;
    line-height: 30px;
    margin-bottom: 0;
    vertical-align: top;
    padding-left: 20px;
}

.outsource-customizing .custom-select i {
    position: absolute;
    font-size: 30px;
    line-height: 30px;
    vertical-align: top;
    right: 40px;
    transition: all .5s;
}

.rotate180 {
    transform: rotate(180deg);
}

.outsource-customizing .custom-select:hover p {
    color: #1ABC9C;
}

.outsource-customizing .custom-btn {
    width: 16%;
    height: 100%;
}

.outsource-customizing .custom-btn a, .outsource-customizing .custom-btn a:hover {
    background: #1ABC9C;
    color: white;
    line-height: 40px;
    width: 90%;
    height: 50px;
    margin-top: 25px;
    border: none;
    font-size: 18px;
}

.outsource-customizing .custom-btn a:hover {
    background: #27c7a5;
}

.outsource-customizing .custom-options1 {
    display: none;
    position: absolute;
    top: 100%;
    height: 200px;
    margin-top: 10px;
    background: white;
    box-shadow: 0px 0px 10px rgba(42, 53, 72, 0.12);
    border-radius: 8px;
    z-index: 1;
}

.outsource-customizing .custom-options2 {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    margin-top: 10px;
    background: white;
    box-shadow: 0px 0px 10px rgba(42, 53, 72, 0.12);
    z-index: 1;
}

.outsource-customizing .custom-options1 .row {
    height: 100%;
}

.outsource-customizing .custom-options1 .custom-option {
    height: 100%;
    border-right: 1px solid #F8F9FA;
}

.outsource-customizing .custom-options1 .custom-option:nth-of-type(1) {
    border-radius: 8px 0px 0px 8px;
}

.outsource-customizing .custom-options1 .custom-option:last-of-type {
    border-radius: 0px 8px 8px 0px;
}

.outsource-customizing .custom-options1 .custom-option img {
    display: block;
    width: 70px;
    height: 70px;
    margin: 42px auto 20px;
}

.outsource-customizing .custom-options1 .custom-option p {
    font-size: 16px;
    color: #333333;
    text-align: center;
}

.outsource-customizing .custom-options2 .custom-option {
    line-height: 74px;
    font-size: 16px;
    display: block;
    padding-left: 96px;
    border-bottom: 1px solid #F8F9FA;
}

.outsource-customizing .custom-options1 .custom-option:last-of-type, .outsource-customizing .custom-options2 .custom-option:last-of-type {
    border: none;
}

.outsource-customizing .custom-option:hover {
    background: #fafafa;
    cursor: pointer;
}

.outsource-reason {
    padding-top: 200px;
}

.outsource-reason .img-p {
    height: 100px;
    margin: 40px 0;
}

.outsource-reason img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0px auto;
}

.outsource-area img {
    width: 80px;
}

.outsource-area .area>div:hover {
    background: white;
    box-shadow: 0px 0px 15px #eee;
}

.outsource-progress img {
    width: 80px;
}

.progress-arrow {
    position: relative;
}

@media(min-width: 992px) {
    .progress-arrow::after {
        position: absolute;
        content: "";
        display: block;
        width: 0;
        height: 0;
        right: 0;
        top: 34px;
        border-left: 12px solid #1ABC9C;
        border-top: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }
}

.outsource-partner img {
    max-width: 100%;
}

.modal#fillContactInformation, .modal#fillContactTips, .modal#selectTips {
    height: 100%;
}

#fillContactInformation .modal-dialog, #fillContactTips .modal-dialog, #selectTips .modal-dialog {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
}

#fillContactInformation #formError {
    color: #ee9393;
}

#fillContactInformation .modal-title {
    color: #333333;
}

#fillContactInformation .modal-header, #fillContactInformation .modal-body, #selectTips .modal-header, #selectTips .modal-body, #fillContactTips .modal-header, #fillContactTips .modal-body {
    padding: 20px 30px;
    border: none;
}

#fillContactTips .modal-body {
    padding-bottom: 40px;
}

#fillContactInformation button, #fillContactInformation button:hover {
    color: white;
    background: #1ABC9C;
    border: none;
    height: 40px;
}

#fillContactInformation .form-group {
    min-height: 55px;
}

#fillContactInformation input {
    height: 40px;
    border-color: #E7EBED;
}

#fillContactInformation input::-webkit-input-placeholder {
    color: #B2BAC4;
}

#fillContactTips img {
    width: 100px;
    margin-top: 30px;
}

#fillContactTips p:nth-of-type(2) {
    line-height: 50px;
}

#selectTips p {
    line-height: 100px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    #fillContactInformation .modal-dialog, #selectTips .modal-dialog, #fillContactTips .modal-dialog {
        left: 1%;
        width: 98%;
        transform: translate(0, -50%);
        margin: 0;
    }
}

@media (max-width: 1200px) {
    .outsource-customizing, .outsource-customizing .container>.row {
        border-radius: 0;
        height: auto;
    }
    .outsource-customizing .custom-select {
        height: 80px;
        padding: 25px 41px;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #F8F9FA !important;
    }
    .outsource-customizing .custom-btn {
        position: relative;
        margin-bottom: 30px;
        width: 100%;
    }
    .outsource-customizing .custom-btn a, .outsource-customizing .custom-btn a:hover {
        width: 100%;
    }
    .outsource-customizing .custom-options1 {
        top: 80px;
        margin-top: 0;
        height: auto;
        border-radius: 0;
    }
    .outsource-customizing .custom-options2 {
        margin-top: 0;
    }
    .outsource-customizing .custom-options1 .custom-option {
        height: 100px;
        border-bottom: 1px solid #F8F9FA !important;
    }
    .outsource-customizing .custom-options1 .custom-option img {
        width: 50px;
        height: 50px;
        margin: 10px auto 0;
    }
    .outsource-customizing .custom-options1 .custom-option p {
        line-height: 30px;
    }
    .outsource-reason {
        padding-top: 100px;
    }
}

/* outsource end */

/* super signature start */

.pt-80 {
    padding-top: 80px;
}

.pt-400 {
    padding-top: 400px;
}

.pl-80 {
    padding-left: 80px;
}

.pr-80 {
    padding-right: 80px;
}

.bg-white {
    background: white !important;
}

.mh-110 {
    min-height: 110px;
}

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

.color-333- {
    color: #333;
    font-family: NotoSansHans-Regular, AvenirNext-Regular, "proxima-nova", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

.super-signature-banner {
    height: 490px;
    position: relative;
}

.super-signature-banner>img {
    position: absolute;
    width: 100%;
    height: 300px;
    bottom: 0;
    left: 0;
}

.super-signature-banner .p1 {
    color: #333;
    font-family: NotoSansHans-Regular, AvenirNext-Regular, "proxima-nova", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

.super-signature-banner .ka:hover {
    text-decoration: underline !important;
}

.super-signature-banner .ba, .super-signature-banner .ba:hover {
    background: #1ABC9C;
    color: white;
    line-height: 40px;
    width: 174px;
    height: 50px;
    margin-top: 25px;
    border: none;
    font-size: 18px;
}

.super-signature-banner .ba:hover {
    background: #27c7a5;
}

.super-signature-banner .video {
    position: relative;
    top: 40px;
}

.super-signature-banner .video-bg {
    width: 753px;
    display: block;
    margin: 0 auto;
}

.super-signature-banner .video-btn {
    position: absolute;
    width: 72px;
    height: 72px;
    top: 50%;
    left: 50%;
    margin-left: -36px;
    margin-top: -36px;
    cursor: pointer;
}

.super-signature-superiority img {
    width: 113px;
    height: 113px;
}

.super-signature-compare .compare-item:nth-of-type(1) {
    padding-right: 0px !important;
}

.super-signature-compare .compare-item:nth-of-type(2) {
    padding-left: 0px !important;
}

.super-signature-compare .compare-item>div {
    position: absolute;
    padding-top: 130px;
    padding-left: 80px;
    padding-right: 70px;
}

.super-signature-compare .compare-item:nth-of-type(1)>div {
    width: 477px;
    height: 587px;
    right: -55px;
    top: -40px;
    z-index: 2;
    padding-top: 150px;
    background: url(/static/images/super_signature/super_signature_bg_2x.png) 0 0 / 100% 100% no-repeat;
}

.super-signature-compare .compare-item:nth-of-type(2)>div {
    width: 488px;
    height: 547px;
    left: -55px;
    top: -20px;
    z-index: 1;
    background: url(/static/images/super_signature/enterprise_signature_bg_2x.png) 0 0 / 100% 100% no-repeat;
}

.super-signature-compare .compare-title {
    font-family: PingFangSC-Medium;
    color: #333333;
    font-size: 20px;
}

.super-signature-compare .underline {
    width: 28px;
    height: 2px;
    background: #1ABC9C;
    margin: 20px 0 40px 0;
}

.super-signature-compare .compare-content {
    position: relative;
    padding-left: 20px;
    margin: 20px 0;
}

.super-signature-compare .compare-content::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 10px;
    width: 4px;
    height: 4px;
    background: #1ABC9C;
    border-radius: 50%;
}

.super-signature-compare .compare-item:nth-of-type(2)>div .underline, .super-signature-compare .compare-item:nth-of-type(2)>div .compare-content::before {
    background: #1E90E0;
}

.super-signature-buy {
    padding-top: 300px;
    margin-top: -260px;
    padding-bottom: 120px;
}

.super-signature-buy img {
    width: 64px;
    height: 64px;
}

.super-signature-buy .p1 {
    width: 35%;
    margin: 0 auto;
}

.super-signature-question .questions, .pack-question .questions {
    padding: 0px 100px;
}

.super-signature-question .question, .pack-question .question {
    font-family: NotoSansHans-Regular, AvenirNext-Regular, "proxima-nova", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 20px;
    color: #252525;
    margin: 30px 0px 15px 0px;
}

.super-signature-question .answer, .pack-question .answer {
    font-family: NotoSansHans-Regular, AvenirNext-Regular, "proxima-nova", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    color: #8D9396;
    margin-bottom: 20px;
}

#video {
    max-height: 600px;
}

@media (max-width: 992px) {
    .super-signature-buy .p1 {
        width: 80%;
        min-height: 100px;
    }
}

@media (max-width: 768px) {
    .super-signature-banner .video-bg {
        width: 100%;
    }
    .super-signature-superiority {
        padding-top: 150px;
    }
    .super-signature-question .questions, .pack-question .questions {
        padding: 0px 30px;
    }
    .super-signature-compare .compare-item {
        padding: 0;
    }
    .super-signature-compare .compare-item>div {
        max-width: 100%;
        height: auto;
        position: relative;
        margin: 0 auto;
        left: 0;
        padding: 0 13%;
    }
    .super-signature-compare .compare-item:nth-of-type(2)>div {
        left: 0;
        height: 587px;
        padding-top: 150px;
        top: -130px;
    }
    .super-signature-buy .p1 {
        width: 80%;
        min-height: 100px;
    }
    #video {
        max-height: 500px !important;
    }
}

/* super signature end */

/* ad start */

.ad-banner, .ad-advantage, .ad-instance {
    font-family: "PingFang SC";
}

.ad-banner {
    height: 490px;
    background: url(/static/images/ad/banner_bg.png) 0 0 / 100% 100% no-repeat;
}

.ad-banner .row {
    position: relative;
    height: 490px;
}

.ad-banner .banner-content1 {
    width: 57%;
}

.ad-banner img {
    position: absolute;
    width: 678px;
    height: 442px;
    right: -60px;
    bottom: 0;
}

.ad-banner .btn, .ad-banner .btn:hover, .ad-instance .btn, .ad-instance .btn:hover {
    width: 140px;
    height: 48px;
    color: white;
    line-height: 34px;
    margin-top: 10px;
    background: #1abc9c;
}

.ad-advantage img {
    display: block;
    width: 158px;
    height: 136px;
    margin: 0 auto;
}

.ad-instance img {
    display: block;
    width: 427px;
    height: 619px;
    margin: 0 auto;
}

.ad-instance .btn, .ad-instance .btn:hover {
    height: 40px;
    width: 128px;
    line-height: 26px;
}

.float-right {
    float: right;
}

.pl-200 {
    padding-left: 200px;
}

.pointer {
    cursor: pointer;
}

@media (max-width: 1200px) {
    .ad-banner .banner-content1 {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .ad-banner {
        background-size: auto 100%;
    }
    .ad-banner .pt-130 {
        padding-top: 100px;
    }
    .ad-banner .banner-content1 {
        width: 100%;
    }
    .ad-advantage .div1 {
        margin-bottom: 100px;
    }
    .ad-advantage .pl-80, .ad-advantage .pr-80 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .ad-instance img {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .ad-instance .pt-230 {
        text-align: center;
        padding: 0;
    }
    .ad-instance .mt-100 {
        margin-top: 100px;
    }
}

/* ad end */

/* pack start */

.pack-banner {
    height: 430px;
    background: url(/static/images/pack/banner_bg.png) -1px 0 / 101% 514px no-repeat;
}

.pack-banner .container {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.pack-banner .banner-pic {
    position: absolute;
    height: 95%;
    width: auto;
    right: 0;
    top: 0;
}

.pack-banner .btn {
    background: #FFFFFF;
    color: #29CEAD;
    line-height: 42px;
    width: 200px;
    height: 50px;
    margin-top: 25px;
    border: none;
    font-size: 18px;
}

.pack-banner .p1 span {
    color: #1abc9c;
}

.pack-superiority .superiority-row>div {
    height: 370px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.pack-superiority img {
    width: 154px;
    height: 118px;
}

.pack-step {
    background: #F9FAFB;
}

.pack-step img {
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 1200px) {
    .pack-banner .banner-content {
        width: 80%;
    }
    .pack-banner .banner-pic {
        height: 85%;
        width: auto;
        right: 0;
        top: auto;
    }
}

@media screen and (max-width: 992px) {
    .pack-banner .banner-content {
        width: 60%;
    }
    .pack-banner .banner-pic {
        height: 70%;
        width: auto;
        right: 0;
        top: auto;
    }
}

@media (max-width: 768px) {
    .pack-banner {
        background-size: 1921px 514px;
    }
    .pack-banner .banner-pic {
        display: none;
    }
    .pack-banner p:nth-of-type(2) {
        width: 100%;
    }
    .pack-superiority .pl-80 {
        margin-top: 50px;
        padding-left: 0;
        padding-right: 0;
    }
    .pack-step .text-center {
        margin-top: 50px;
    }
}

/* pack end */

/* tools start */

#tools_integrated_single_page .color-878F92 {
    color: #878F92;
}

#tools_integrated_single_page .mt-32 {
    margin-top: 32px;
}

#tools_integrated_single_page .tools_banner {
    position: relative;
    height: 298px;
    background: #19AE9B;
}

#tools_integrated_single_page .tools_banner:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/static/images/tools/banner_bg2.png) 54px 0 / 1812px 298px no-repeat;
}

#tools_integrated_single_page .tools_list_div {
    height: 270px;
    display: block;
    cursor: pointer;
    border: 3px solid transparent;
    padding-top: 32px;
    border-radius: 12px;
    margin-top: 30px;
    box-shadow: 0px 0px 40px 0 rgba(157, 163, 179, 0.15);
    text-decoration: none !important;
    overflow: hidden;
}

#tools_integrated_single_page .tools_list_div_nohover {
    cursor: auto;
}

#tools_integrated_single_page .tools_list_div p:nth-of-type(1) {
    margin-bottom: 4px;
}

#tools_integrated_single_page .tools_list_div:hover {
    border-color: rgba(26, 188, 156, 1);
}

#tools_integrated_single_page .tools_list_div_nohover:hover {
    border-color: transparent;
}

#tools_integrated_single_page .tools_list_div img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

/* tools end */

#inviteUDIDURL .share-qr img.udid-qr {
    width: 29%;
    position: absolute;
    top: 10%;
    left: 34%;
    border: 1px solid #80878b;
}

.btn-u {
    background: #1abc9c !important;
}

.btn-u:hover {
    background: #28caad !important;
}

#editUDIDModal #editTabContent, #editUDIDModal #editTab, #editUDIDModal #editTab>li>a {
    border: none;
    background: none;
}

#editUDIDModal #udidURL {
    background: none;
    cursor: default;
}

#inviteUDIDURL .share-qr img.udid-qr {
    width: 29%;
    position: absolute;
    top: 10%;
    left: 34%;
    border: 1px solid #80878b;
}

#inviteUDIDURL #udidURL {
    background: #f7f8fb;
    cursor: default;
    color: #b8bdc0;
}

#inviteUDIDURL .share-qr img.udid-bg {
    width: 100%;
}

.footer-about-us .ul-title {
    color:#fff !important;
}

.about_us {
    height: 240px;
    background: url(https://assets.pgyer.com/static-20231115/assets/img/about/about_banner@2x.png);
    margin: 0px !important;
    padding: 0px !important;
    background-size: cover;
}
.font-48 {
    font-size: 48px !important;
}
.right-banner.rus>div:first-child {
    width:78%;
}