@keyframes vip-199-180510 {
            0% {
                bottom: 30px;
            }

            50% {
                bottom: 10px;
            }

            100% {
                bottom: 30px;
            }
        }

        /*banner*/
        .wechat-banner{
            width: 100%;
            height: 400px;
            background: url("../img/wxdhwechat_banner.png") center no-repeat;
            overflow: hidden;
        }
        .wechat-banner-container{
            width: 1060px;
            height: 380px;
            padding-top: 1px;
            margin: 0 auto;
        }
        .wechat-sign-btn,.wechat-sign-btn:focus{
            display: block;
            width:150px;
            height:46px;
            line-height: 46px;
            text-align: center;
            background:rgba(255,255,255,1);
            border-radius:23px;
            font-size: 18px;
            color: #44A47F;
            margin-top: 312px;
        }
        .wechat-sign-btn:hover{
            opacity: 0.9;
            color: #44A47F;
        }
        /*公共标题*/
        .xmb-common-title{
            margin-top: 70px;
        }
        .xmb-common-title>h2{
            font-size: 40px;
            color: #333;
            text-align: center;
            font-weight:700;
            letter-spacing: 2px;
        }
        .xmb-line-2{
            width: 46px;
            height: 2px;
            background: #5185FF;
            margin: 17px auto 0;
        }
        .txt-white > h2{
            color: #fff;
        }
        .txt-white > .xmb-line-2{
            background-color: #fff;
        }
        /*精选优质资源*/
        .xmb-resource{
            width: 100%;
            padding-top: 1px;
            padding-bottom: 60px;
        }
        .xmb-resource-tabbar{
            width: 480px;
            height: 48px;
            line-height: 48px;
            background-color: #F6FAFF;
            margin: 35px auto;
        }
        .xmb-resource-tabbar-li{
            font-size: 16px;
            color: #666;
            font-weight: 400;
            width: 120px;
            float: left;
            text-align: center;
            cursor: pointer;
        }
        .xmb-resource-tabbar-li-checked{
            width:120px;
            height:64px;
            line-height: 64px;
            background-color: #5185FF;
            color: #fff;
            margin-top: -6px;
        }
        .xmb-resource-content{
            width: 1200px;
            margin: 0 auto;
            display: none;
        }
        .xmb-res-content-1.xmb-resource-content{
            display: block;
        }
        /*有表格的单个账号的部分*/
        .xmb-resource-content-top-li{
            width: 540px;
            margin-right: 120px;
            float: left;
        }
        .xmb-resource-content-top-li:last-child{
            margin-right: 0;
        }
        .xmb-resource-top-account-info{
            width: 100%;
            height: 100px;
        }
        .xmb-resource-top-account-avatar{
            width: 100px;
            height: 100px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            display: block;
            float: left;
            margin-right: 20px;
            background-color: hotpink;
        }
        .xmb-resource-top-account-details{
            float: left;
            width: 420px;
        }
        .xmb-resource-top-account-name{
            font-size: 18px;
            color: #333;
            margin-top: 8px;
            margin-bottom: 15px;
        }
        .xmb-resource-top-account-fansnum{
            width: 100px;
            float: left;
        }
        .xmb-resource-top-account-fansnum > p{
            font-size: 14px;
            color: #B8B8B8;
            margin-bottom: 8px;
        }
        .xmb-resource-top-account-fansnum > h5{
            font-size: 14px;
            color: #999;
            font-weight: 400;
        }
        .xmb-resource-top-account-fansnum > h6 {
            font-size: 14px;
            color: #E8333F;
            font-weight: 400;
        }
        .xmb-resource-chart{
            width: 500px;
            height: 245px;
            margin: 30px auto 20px;
        }
        .xmb-view-quotation{
            display: block;
            width: 90px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border: 1px solid #68C87A;
            border-radius: 4px;
            font-size: 14px;
            color: #6CC97D;
            margin: 0 auto 20px;
        }
        .xmb-view-quotation:hover{
            color: #fff;
            background-color: #68C87A;
        }
        .xmb-view-quotation:focus{
            color: #68C87A;
        }
        .xmb-resource-content-top{
            border-bottom: 1px solid #efefef;
        }
        .xmb-resource-content-bot{
            width: 1200px;
        }
        .xmb-resource-content-bot-li{
            width: 300px;
            float: left;
        }
        .xmb-resource-content-bot-account{
            margin-top: 30px;
            margin-bottom: 20px;
        }
        .xmb-resource-content-bot-account > img {
            width:75px;
            height:75px;
            border-radius:50%;
            display: block;
            float: left;
            margin-right: 10px;
            background-color: #7090dc;
        }
        /*公众号营销的优势*/
        .wechat-offical-accounts{
            width: 100%;
            height: 629px;
            padding-top: 1px;
            background: url("../img/wechat_offical_bg.png") center no-repeat;
        }
        .wechat-offical-accounts-content{
            width: 1200px;
            margin: 45px auto;
        }
        .wechat-offical-accounts-li{
            width: 280px;
            padding-top: 1px;
            height: 419px;
            background: #fff;
            border-radius: 6px;
            margin-right: 26px;
            float: left;
        }
        .wechat-offical-accounts-li:last-child{
            margin-right: 0;
        }
        .wechat-offical-accounts-li > img{
            width: 135px;
            height: 141px;
            display: block;
            margin: 70px auto 30px;
        }
        .wechat-offical-accounts-li > h3{
            font-size: 18px;
            color: #333;
            font-weight: bold;
            text-align: center;
            margin-bottom: 28px;
        }
        .wechat-offical-accounts-li > p{
            width: 230px;
            margin: 0 auto;
            font-size: 14px;
            color: #999;
            line-height: 20px;
            font-weight: 400;
        }
        /*广告展示分析*/
        .wechat-advertisement-analyse{
            width: 100%;
            height: 700px;
            overflow: hidden;
        }
        .wechat-advertisement-analyse>p{
            font-size: 20px;
            color: #999;
            margin: 20px 0 37px;
            text-align: center;
        }
        .wechat-ad-analyse-content{
            width: 1200px;
            margin: 0 auto;
            height: 510px;
            background: url("../img/wechat_display_analyse_bg.png") center no-repeat;
            left: 0;
            right: 0;
            position: relative;
        }
        .wechat-ad-analyse-li{
            position: absolute;
            overflow: hidden;
        }
        .wechat-create-title{
            width: 135px;
            height: 135px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #5185FF;
            text-align: center;
            left: 236px;
            top: -14px;
        }
        .wechat-create-title>i{
            display: block;
            font-size: 40px;
            color: #fff;
            margin-top: 10px;
        }
        .wechat-create-title>h3{
            font-size: 16px;
            color: #fff;
            margin-top: 3px;
        }
        .wechat-create-title>p{
            font-size: 12px;
            color: #fff;
            margin-top: 8px;
        }
        .wechat-deliver-time{
            width:135px;
            height:135px;
            border:1px dashed #5185FF;
            border-radius:50%;
            left: 41px;
            top: 138px;
            background-color: #fff;
            text-align: center;
        }
        .wechat-deliver-time>i{
            display: block;
            font-size: 40px;
            color: #5185FF;
            margin-top: 10px;
        }
        .wechat-deliver-time>h3{
            font-size: 16px;
            color: #5185FF;
            margin-top: 3px;
        }
        .wechat-deliver-time>p{
            font-size: 12px;
            color: #5185FF;
            margin-top: 8px;
        }
        .wechat-illustrated{
            width:150px;
            height:150px;
            border:1px dashed #5185FF;
            opacity:0.8;
            border-radius:50%;
            left: 241px;
            top: 208px;
            background-color: #fff;
            text-align: center;
        }
        .wechat-illustrated>i{
            display: block;
            font-size: 40px;
            color: #5185FF;
            margin-top: 10px;
        }
        .wechat-illustrated>h3{
            font-size: 16px;
            color: #5185FF;
            margin-top: 3px;
        }
        .wechat-illustrated>p{
            font-size: 12px;
            color: #5185FF;
            margin-top: 8px;
        }
        .wechat-original-href{
            width:135px;
            height:135px;
            background:#5185FF;
            opacity:0.6;
            border-radius:50%;
            left: 117px;
            top: 318px;
            text-align: center;
        }
        .wechat-original-href>i{
            display: block;
            font-size: 40px;
            color: #fff;
            margin-top: 10px;
        }
        .wechat-original-href>h3{
            font-size: 16px;
            color: #fff;
            margin-top: 3px;
        }
        .wechat-original-href>p{
            font-size: 12px;
            color: #fff;
            margin-top: 8px;
        }
        .wechat-ad-right-first{
            width:158px;
            height:158px;
            background:#94D59F;
            border-radius:50%;
            right: 220px;
        }
        .wechat-ad-right-first > p{
            font-size: 12px;
            color: #fff;
            line-height: 20px;
            width: 118px;
            margin: 40px auto;
        }
        .wechat-ad-right-second{
            width:158px;
            height:158px;
            border:1px dashed #68C87A;
            border-radius:50%;
            top: 163px;
            right: 10px;
        }
        .wechat-ad-right-second > p{
            font-size: 12px;
            color: #76BF83;
            line-height: 20px;
            width: 118px;
            margin: 46px auto;
        }
        .wechat-ad-right-third{
            width: 163px;
            height: 163px;
            background: #76BF83;
            border-radius: 50%;
            top: 273px;
            right: 196px;
        }
        .wechat-ad-right-third > p{
            font-size: 12px;
            color: #fff;
            line-height: 20px;
            width: 122px;
            margin: 35px auto;
        }
        .wechat-professional-data-content{
            width: 1200px;
            margin: 45px auto;
        }
        .wechat-professional-data-content-li{
            float: left;
            width:382px;
            height:461px;
            background:#fff;
            border:1px solid #EFEFEF;
            margin-right: 25px;
        }
        .wechat-professional-data-content-li:last-child{
            margin-right: 0;
        }
        .wechat-sjfx-cover{
            width: 100%;
            height: 192px;
        }
        .wechat-sjfx-cover-icon{
            width: 114px;
            height: 124px;
            display: block;
            margin: -80px auto 35px;
        }
        .wechat-professional-data-content-li>h3{
            font-size: 18px;
            color: #666;
            font-weight: bold;
            text-align: center;
        }
        .wechat-professional-data-content-li>p{
            width: 246px;
            margin: 40px auto 0;
            font-size: 14px;
            color: #999;
            line-height: 25px;
        }
        .wechat-promotion-form-content{
            width: 1200px;
            margin: 50px auto;
        }
        .wechat-promotion-form-content-li{
            float: left;
            width:382px;
            height:461px;
            background:#fff;
            border:1px solid #EFEFEF;
            margin-right: 25px;
        }
        .wechat-promotion-form-content-li:last-child{
            margin-right: 0;
        }
        .wechat-promotion-form-content-li > img{
            width: 110px;
            height: 110px;
            display: block;
            margin: 48px auto 28px;
        }
        .wechat-promotion-form-content-li > h3{
            font-size: 18px;
            color: #333;
            font-weight: 400;
            text-align: center;
            margin-bottom: 20px;
        }
        .wechat-line-2{
            width:28px;
            height:2px;
            margin: 0 auto 20px;
        }
        .wechat-promotion-form-content-li > p{
            font-size: 14px;
            color: #666;
            line-height: 22px;
            width: 310px;
            margin: 0 auto;
        }
        .wechat-see-sample{
            width:100px;
            height:34px;
            line-height: 34px;
            text-align: center;
            border:1px solid #94D59F;
            color: #94D59F;
            border-radius:17px;
            margin: 25px auto;
            cursor: pointer;
        }
        .wechat-see-sample:hover{
            background-color: #94D59F;
            color: #fff;
        }
        .ex-02{
            border:1px solid #F4B94C;
            color: #F4B94C;
        }
        .ex-02:hover{
            background-color: #F4B94C;
            color: #fff;
        }
        .ex-03{
            border:1px solid #6BB5F9;
            color: #6BB5F9;
        }
        .ex-03:hover{
            background-color: #6BB5F9;
            color: #fff;
        }

        /*专业数据分析*/
        .wechat-professional-data{
            width: 100%;
            padding-top: 1px;
            height: 699px;
            background-color: #F8F8F8;
        }



        /*推广形式*/
        .wechat-promotion-form{
            width: 100%;
            height: 657px;
            border-bottom: 2px solid #F8F8F8;
            overflow: hidden;
            left: 0;
            right: 0;
            position: relative;
        }
        .wechat-ex-alert{
            width: 100%;
            position: absolute;
            top: 20px;
            z-index: 2;
            overflow: hidden;
            display: none;
        }
        .wechat-ex-alert-content{
            width: 1200px;
            height: 500px;
            margin: 50px auto;
            background-color: #fff;
            -webkit-box-shadow: 0 0 10px #ddd;
            -moz-box-shadow: 0 0 10px #ddd;
            box-shadow: 0 0 10px #ddd;
            overflow: hidden;
        }
        .wechat-ex-alert img{
            display: block;
            float: left;
        }
        .alert-ex-01 img{
            width: 840px;
            height: auto;
            margin-top: 40px;
            margin-left: 25px;
        }
        .alert-ex-02 img{
            width: 819px;
            height: auto;
            margin-top: 40px;
            margin-left: 25px;
        }
        .alert-ex-03 img{
            width: 623px;
            height: auto;
            margin-top: 60px;
            margin-left: 25px;
        }
        .alert-ex-03 i{
            margin-left: 200px;
        }
        .ex-mark{
            width: 10px;
            height: 10px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #EB7651;
            float: left;
            margin-right: 12px;
            margin-top: 7px;
        }
        .ex-introduce,.icon-guanbix{
            float: left;
        }
        .ex-introduce{
            margin-top: 220px;
            margin-left: 20px;
        }
        .ex-introduce-txt{
            max-width: 220px;
            font-size: 18px;
            color: #333;
            line-height: 28px;
            float: left;
        }
        .ex-introduce-txt > h3{
            font-size: 18px;
            color: #333;
            font-weight: bold;
            margin-bottom: 8px;
        }
        .ex-introduce-txt > p{
            font-size: 18px;
        }
        .icon-guanbix{
            display: block;
            font-size: 45px;
            color: #ccc;
            margin-top: 20px;
        }
        .icon-guanbix:hover{
            cursor: pointer;
            transform: scale(1.2);
        }

        /*营销效果展示*/
        .index-market-effect {
            width: 100%;
            background-color: #fff;
            overflow: hidden;
        }
        .index-market-effect .index-market-effect-content {
            width: 1220px;
            margin: 0 auto;
            height: 722px;
            position: relative;
            left: 0;
            right: 0;
            top: 0;
            background: url("../img/fpublic_circle_blue.png") top center no-repeat;
            overflow: hidden;
        }
        .index-market-effect .index-market-effect-content > img {
            display: block;
            width: 1220px;
            height: auto;
            margin-top: 64px;
        }
        .index-market-effect .index-market-effect-content .index-resource-lookmore {
            position: absolute;
            bottom: 5px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }
        .index-market-effect .blank-space {
            width: 100%;
            height: 88px;
            background-color: transparent;
        }
        .index-resource-lookmore {
            display: block;
            font-size: 16px;
            color: #5185FF;
            width: 150px;
            height: 46px;
            line-height: 46px;
            text-align: center;
            border: 1px solid #5185ff;
            margin: 20px auto;
        }
        .index-resource-lookmore:hover {
            background-color: #5185FF;
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }

body,
.navbar-fixed-top,
.navbar-fixed-bottom {
    min-width: 1200px;
}

/* Don't let the lead text change font-size. */
.lead {
    font-size: 16px;
}

/* Finesse the page header spacing */
.page-header {
    margin-bottom: 30px;
}

.page-header .lead {
    margin-bottom: 10px;
}

.container {
    width: 1200px !important;
    max-width: none !important;
}

.container .navbar-header,
.container .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
    float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
}

.navbar-toggle {
    display: none;
}

.navbar-collapse {
    border-top: 0;
}

.navbar-brand {
    margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
    float: left;
    margin: 0;
}

.navbar-nav > li {
    float: left;
}

.navbar-nav > li > a {
    padding: 15px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
    float: right;
}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
}

.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff !important;
    background-color: #5185ff !important;
}

.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #999 !important;
    background-color: transparent !important;
}

.login-btn {
    padding-left: 20px;
    padding-right: 20px;
    color: #333;
}

.login-btn:hover {
    color: #5185ff;
}

/* Undo form expansion */
.navbar-form {
    float: left;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Copy-pasted from forms.less since we mixin the .form-inline styles. */
.navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.navbar-form .form-control-static {
    display: inline-block;
}

.navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
}

.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
    width: auto;
}

.navbar-form .input-group > .form-control {
    width: 100%;
}

.navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
}

.navbar-form .radio,
.navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.navbar-form .radio label,
.navbar-form .checkbox label {
    padding-left: 0;
}

.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
}

.navbar-form .has-feedback .form-control-feedback {
    top: 0;
}

/* Undo inline form compaction on small screens */
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.form-inline .form-control-static {
    display: inline-block;
}

.form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
}

.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
    width: auto;
}

.form-inline .input-group > .form-control {
    width: 100%;
}

.form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
}

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
}

.form-inline .has-feedback .form-control-feedback {
    top: 0;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft YaHei";
    /*padding-top: 80px;*/
}

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

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #ff794b;
    border-color: #ff794b; /*set the color you want here*/
}

.navbar {
    min-height: 80px;
    margin-bottom: 0;
    box-shadow: 0 0 14px 0 rgba(193, 174, 170, 0.3);
    font-size: 16px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #5185ff;
    background-color: transparent;
}

.navbar .navbar-nav .open .dropdown-menu {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    border: 0;
    border-bottom: 1px solid #efefef;
    box-shadow: 0 0 8px 0 rgba(221, 221, 221, 0.4);
}

.navbar .navbar-nav .open .user-dropdown {
    left: auto;
}

.navbar-default .navbar-nav > li > a {
    color: #333;
}

.navbar-static-top {
    border-width: 0;
}

.navbar-default {
    background-color: #fff;
    opacity: .98;
}

.navbar-brand {
    height: 80px;
    padding: 19px 30px;
}

.navbar-nav > li > a {
    padding-top: 30px;
    padding-bottom: 30px;
}

.navbar-form {
    margin-top: 23px;
    margin-bottom: 23px;
    padding-right: 0;
    padding-left: 0;
    margin-right: -20px !important;
}

#loginFalse .navbar-btn {
    margin-top: 22px;
    margin-bottom: 22px;
}

.user-dropdown {
    left: auto;
}

#loginTrue {
    display: none;
}

.kcb-navbar .nav > li {
    position: static;
}

.kcb-navbar .nav.navbar-right > li {
    position: relative;
}

.kcb-navbar .navbar-form .search-input {
    width: 100px;
    padding-right: 30px;
    border-radius: 17px;
    background-color: #fafafa;
    border-color: #fafafa;
}

.kcb-navbar.navbar-default .navbar-nav > .active > a {
    background-color: #fff;
}

.kcb-navbar .navbar-form .search-btn {
    position: relative;
    left: -32px;
    color: #666;
    display: inline-block;
    background-color: #fafafa;
}

.sub-nav {
    min-width: 974px;
}

.sub-nav > li {
    text-align: center;
    width: 130px;
    position: relative;
}

.sub-nav > li > a {
    display: inline-block;
    margin: 23px auto;
    color: #333;
    line-height: 40px;
}

.sub-nav > li.active > a {
    color: #5185ff;
}

.sub-nav > li > a:hover {
    color: #5185ff;
}

.sub-nav > li > a .sub-nav-icon {
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
    border: 1px solid #efefef;
    border-radius: 6px;
}

.sub-nav > li > a .sub-nav-icon > i {
    font-size: 22px;
}

.sub-nav > li > a .sub-nav-icon > img {
    display: block;
}

.line-h-40 {
    position: absolute;
    right: 0;
    top: 26px;
    width: 1px;
    height: 40px;
    background: #efefef;
    margin-top: 20px;
}

.btn-default {
    color: #5185ff;
    border-color: #5185ff;
    background-color: transparent;
}

.btn-default:hover {
    color: #5185ff;
    border-color: #5185ff;
    background-color: #fff;
}

.footer {
    background: #1F1F24;
    /*height: 392px;*/
    padding-top: 50px;
    color: #fff
}

.footer .qcode {
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.footer .contact {
    width: 190px;
    margin-left: 70px;
    text-align: center;
}

.footer .contact > h2 {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 22px;
}

.footer .contact > h5 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 26px;
}

.footer .contact > .btn {
    font-size: 14px;
    width: 100%;
    margin-bottom: 20px;
}

.footer .contact > .btn-default {
    background-color: #36363A;
    border-color: #999;
    color: #fff;
}

.footer .links {
    width: 700px;
    line-height: 46px;
}

.footer .links .links-item {
    float: left;
    width: 183px;
}

.footer .links .links-item a {
    color: #999;
}

.footer .links .links-item h4 > a {
    color: #fff;
}

.footer .links .links-item a:hover {
    color: #5185ff;
}

.footer .zhizao > a {
    margin-right: 10px;
    display: inline-block;
    float: left;
}
.index-e-icp{
    color: #888;
}
.index-e-icp:hover{
    color: #5185ff;
}
.index-e-icp:focus{
    color: #888;
}

.block-2-110 {
    width: 2px;
    height: 110px;
    background-color: #2a2a2f;
    float: right;
}

.line-w-p100 {
    width: 100%;
    height: 1px;
    background-color: #36363A;
    margin-top: 20px;
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0, -4px, 0);
    }
}

.amap-controls, .amap-logo, .amap-toolbar, .amap-copyright, .amap-scalecontrol {
    z-index: 9;
}

/*快传播平台优势*/
.xhs-kcb-platform{
    width: 100%;
    height: 739px;
    background-color: #FAFAFA;
    padding-top: 1px;
}
.xhs-kcb-platform-inner{
    width: 1200px;
    margin: 0 auto;
}
.xhs-kcb-platform-inner>.swiper-container1{
    margin-top: 35px;
    width: 100%;
    background-color: #fff;
    height: 550px;
    overflow: hidden;
}
.xhs-platform-first{
    margin: 35px 33px 0 70px;
}
.xhs-platform-first-right{
    width: 337px;
    height: 274px;
    display: block;
    float: right;
    margin-top: 112px;
}
.xhs-platform-first-left{
    float: left;
    width: 760px;
}
.xhs-platform-first-left-li{
    width: 364px;
    height: 50px;
    float: left;
    margin-bottom: 70px;
    margin-right: 15px;
}
.xhs-platform-first-left-li-mark{
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #FFF6F0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 16px;
}
.xhs-platform-first-left-li-mark>i{
    font-size: 26px;
    color: #FF5300;
}
.xhs-platform-first-left-li-text{
    float: left;
}
.xhs-platform-first-left-li-text>h3{
    font-size: 18px;
    color: #666;
    margin-top: 2px;
    margin-bottom: 10px;
    font-weight: 400;
}
.xhs-platform-first-left-li-text>p{
    font-size: 14px;
    color: #B2AEBB;
    margin-bottom: 0;
    font-weight: 400;
}
/*第2屏*/
.xhs-platform-public-title{
    margin-left: 20px;
    margin-top: 20px;
}
.xhs-platform-public-title>img{
    width: 20px;
    height: 17px;
    vertical-align: middle;
}
.xhs-platform-public-title>span{
    font-size: 16px;
    color: #666;
    vertical-align: middle;
    padding-left: 10px;
}
.xhs-platform-second-tips{
    font-size: 14px;
    color: #999;
    margin-top: 16px;
    text-indent: 2em;
}
.xhs-platform-second>img{
    width: 991px;
    height: 330px;
    display: block;
    margin:24px auto
}

/*第3屏*/
.xhs-platform-third-content-left,.xhs-platform-third-content>img,.xhs-platform-third-content-right{
    float: left;
}
.xhs-platform-third-content{
    width: 1100px;
    margin: 20px auto;
}
.xhs-platform-third-content>img{
    display: block;
    width: 310px;
    height: 310px;
    margin: 34px 24px;
}
.xhs-platform-third-content-li{
    width: 330px;
    height: 170px;
    background:url("/v2/assets/images/xhs_platform_third_li_bg.png") center no-repeat;
    padding: 20px;
}
.xhs-platform-third-content-left{
    margin-left: 42px;
    margin-top: 122px;
}
.xhs-platform-third-content-li-icon{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
}
.xhs-platform-third-content-li-icon>i{
    font-size: 40px;
    color: #FF5300;
}
.xhs-platform-third-content-li-details{
    margin-left: 6px;
    float: left;
}
.xhs-platform-third-content-li-details > h3{
    font-size: 16px;
    color: #666;
    margin-top: 0;
    line-height: 40px;
    margin-bottom: 0;
}
.xhs-platform-third-content-li-details > h3 >span{
    font-size: 18px;
    color: #FF5300;
}
.xhs-third-details-li{
    height: 14px;
    line-height: 14px;
    margin-top: 12px;
}
.xhs-third-details-li-square{
    width:6px;
    height:6px;
    background:#FF5300;
    float: left;
    margin-top: 4px;
    margin-right: 8px;
}
.xhs-third-details-li > p{
    font-size: 14px;
    color: #B2AEBB;
    margin: 0;
}



/*轮播的分页器*/
.pagination2 {
    position: absolute;
    z-index: 9;
    top: 648px;
    width: 100%;
    text-align: center;
}
.xhs-kcb-platform .pagination1 {
    position: absolute;
    z-index: 9;
    bottom: 40px;
    width: 100%;
    text-align: center;
}
.xhs-kcb-platform .swiper-pagination-switch {
    width:30px;
    height:6px;
    background:rgba(238,238,238,1);;
    border-radius:3px;
    display: inline-block;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
}
.xhs-kcb-platform .swiper-active-switch {
    width:40px;
    height:6px;
    background:#5185ff;
    border-radius:3px;
}

/*切换箭头*/
.swiper-button-next,.swiper-button-prev{
    width: 50px;
    height: 100px;
    line-height:100px;
    text-align: center;
    background-color: rgba(0,0,0,0.1);
    position: absolute;
    top: 225px;
}
.swiper-button-prev{
    left: 0;
}
.swiper-button-next{
    right: 0;
}
.swiper-button-prev > i,.swiper-button-next > i{
    display: block;
    font-size: 20px;
    color: #fff;
}
.swiper-button-next:hover,.swiper-button-prev:hover{
    cursor: pointer;
}


/*合作伙伴*/
.partner .nav-pills > li > a {
    width: 120px;
    text-align: center;
    border: 1px solid #efefef;
    color: #666;
    font-size: 16px;
}

.partner .nav-pills > li > a > i.iconfont {
    color: #999;
}

.partner .nav-pills > li + li {
    margin-left: 16px;
}

.partner .nav-pills > li.active > a, .partner .nav-pills > li.active > a:focus, .partner .nav-pills > li.active > a:hover {
    background-color: #5185ff;
    color: #fff;
}

.partner .nav-pills > li.active > a > i.iconfont {
    background-color: #5185ff;
    color: #fff;
}

.partner .nav-pills > li.active:hover > a > i.iconfont {
    color: #fff;
}

.partner .nav-pills > li:hover > a {
    border-color: #5185ff;
    background-color: #fff;
    color: #5185ff;
}

.partner .nav-pills > li:hover > a > i.iconfont {
    color: #5185ff;
}



.partner > h3 {
    margin-top: 98px;
    margin-bottom: 40px;
    padding-top: 20px;
}

.partner .nav-pills {
    margin-bottom: 40px;
}

.partner-item {
    width: 207px;
    height: 130px;
    margin-right: 41px;
    margin-bottom: 40px;
    line-height: 130px;
    float: left;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    overflow: hidden;
}

.partner-item-img {

}

.partner-item-name {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #fefefe;
    background-color: #5185ff;
    text-align: center;
}

.click-to-consult-free-plan {
    display: block;
    text-align: center;
    width: 250px;
    height: 40px;
    line-height: 40px;
    margin: 40px auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    background: #5185ff;
}
.click-to-consult-free-plan:hover,.click-to-consult-free-plan:focus{
    color: #fff;
    opacity: 0.9;
}

/*新媒宝*/

/*头部*/
.common-header{
    width: 100%;
    height: 34px;
    background-color: #F8F8F8;
    overflow: hidden;
}
.container-inner{
    width: 1200px;
    margin: 0 auto;
}
.header-welcome{
    float: left;
    font-size: 12px;
    color: #999;
    line-height: 35px;
}
.header-right,.header-right a{
    display: inline-block;
    float: right;
}
.header-right a:hover{
    opacity: 0.95;
}
.header-right-entrance-sign,.header-right-entrance-sign:focus{
    width: 80px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 12px;
    color: #5185ff;
    background-color: #fff;
    border: 1px solid #5185ff;
}
.header-right-entrance-sign:hover{
    color: #385eb7;
}

.header-right-entrance-login,.header-right-entrance-login:focus{
    width: 80px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #5185ff;
    border: 1px solid transparent;
}

.header-right-entrance-login:hover{
    color: #fff;
}
.header-right-center{
    float: left;
    margin-right: 20px;
}

.header-right-center > a,.header-line-12{
    float: left;
}
.header-right-center > a,.header-right-center > a:focus{
    font-size: 12px;
    display: block;
    line-height: 35px;
    color: #999;
}
.header-line-12{
    height: 13px;
    width: 1px;
    background-color: #999;
    margin: 11px 16px;
}
.header-right-center > a:hover{
    color: #5185ff;
}