@charset "utf-8";
input, select, textarea, button {
    font-family: 微软雅黑, 'microsoft yahei', 宋体, 新宋体, sans-serif
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, strong, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: 微软雅黑, 'microsoft yahei', 宋体, 新宋体, sans-serif
}

body {
    font-size: 100%
}

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

.clearFix:before, .clearFix:after {
    content: "";
    display: table
}

.clearFix:after {
    clear: both
}

.fa-mobi {
    display: none
}


.row {
    margin: 0
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #efefef;
    transition: width .3s;
    opacity: .5
}

.swiper-pagination-bullet-active {
    width: 36px;
    opacity: 1
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px !important
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: -12px
}

.anim {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: -1
}

.anim:before {
    position: relative;
    content: '';
    display: block;
    margin-top: 100%
}

.anim:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%
}

.anim {
    -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s
}

.anim:after {
    -moz-animation: anim-out-pseudo .75s;
    -webkit-animation: anim-out-pseudo .75s;
    animation: anim-out-pseudo .75s
}

.anim, .anim:after {
    animation-iteration-count: infinite;
    animation-duration: 1.3s
}

.nav_register {
    float: left;
    width: 126px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #4a68ec;
    text-align: center;
    background-color: #4a68ec;
    font-size: 14px;
    font-family: "微软雅黑";
    border-radius: 28px;
    color: #fff
}

.nav_login {
    float: left;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    width: 86px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    font-family: "微软雅黑";
    border-radius: 28px;
    color: #333;
    text-align: center;
    margin-left: 8px
}

.login:hover {
    background-color: rgba(153, 153, 153, 0.1);
    border-color: #999
}

.nav_enter_manage {
    float: left;
    width: 120px;
    height: 36px;
    margin-right: 15px;
    line-height: 34px;
    border: 1px solid #4a68ec;
    text-align: center;
    background-color: #4a68ec;
    font-size: 14px;
    font-family: "微软雅黑";
    border-radius: 28px;
    color: #fff
}

.reg:hover, .nav_enter_manage:hover {
    color: #fff;
    text-decoration: none;
    background-color: #5776ff;
    border-color: #5776ff
}

.nav_enter_manage:focus {
    color: #fff;
    text-decoration: none
}

.personal_manage {
    position: relative;
    float: right;
    height: 40px;
    width: 40px;
    font-size: 14px;
    margin-right: 38px
}

.personal_manage .user_icon {
    background: url("/image/avatarIcon.png?v=20180518");
    display: block;
    width: 37px;
    height: 37px;
    background-size: contain
}

.personal_manage .user_icon:hover {
    cursor: pointer
}

.personal_manage .manage_list {
    transition: all .3s;
    -webkit-transition: all .3s;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    position: fixed;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
    width: 128px;
    border-radius: 4px;
    background-color: white;
    z-index: 10;
    margin-top: 11px;
    margin-left: -88px;
    color: #4f4f4f;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    opacity: 0
}

.personal_manage .manage_list li {
    width: 100%;
    display: block;
    padding-left: 14px;
    padding-right: 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 38px;
    line-height: 38px
}

.personal_manage .manage_list li a {
    color: #4f4f4f;
    display: block;
    width: 100%;
    margin-top: 0
}

.personal_manage .manage_list .boss_name {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    margin-bottom: 4px;
    color: #a8a8a8;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.personal_manage .manage_list::before {
    display: block;
    position: absolute;
    width: 48px;
    right: 0;
    top: -18px;
    height: 18px;
    content: ''
}

.personal_manage .manage_list .TriangleTip {
    position: absolute;
    border-width: 7px;
    top: -14px;
    border-style: solid;
    border-color: transparent transparent rgba(255, 255, 255, 1);
    font-size: 0;
    line-height: 0;
    display: block;
    right: 0;
    margin-right: 12px;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
    z-index: 0
}

.personal_manage .manage_list .portal_btn:hover, .personal_manage .manage_list .logout_btn:hover {
    color: #4a68ec;
    background-color: #dbe1fb;
    cursor: pointer
}

.personal_manage .manage_list .logout_btn {
    margin-bottom: 4px
}

.personal_manage .manage_list .portal_btn:hover a {
    text-decoration: none;
    color: #4a68ec
}

.personal_manage:hover .manage_list {
    transition: all .3s;
    -webkit-transition: all .3s;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    opacity: 1
}

a:focus {
    text-decoration: none
}

@-webkit-keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-ms-keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes anim-in {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-moz-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-ms-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-webkit-keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-ms-keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes anim-out {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-moz-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@-ms-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

@keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }
    100% {
        background: transparent
    }
}

.fa-head {
    position: fixed;
    z-index: 2;
    height: 70px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1)
}

.fa-head .row {
    height: 100%
}

.fa-head .f-img {
    display: inline-block;
    height: 100%
}

.fa-head .f-img img {
    width: 136px;
    height: 38px;
    margin-top: 16px
}

.fa-head .f-action {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    min-width: 220px
}

.fa-head .f-action .f-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-top: 17px
}

.fa-head .f-register {
    display: block;
    float: left;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    background: #4a68ec;
    color: #fff;
    text-align: center;
    border-radius: 28px;
    margin-right: 22px;
    text-decoration: none;
    cursor: pointer
}

.fa-head .f-register:hover {
    background-color: #5776ff;
    border-color: #5776ff
}

.fa-head .f-login {
    display: block;
    float: left;
    width: 80px;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    color: #333;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: 28px;
    text-decoration: none;
    cursor: pointer
}

.fa-head .f-login:hover {
    background-color: rgba(153, 153, 153, 0.1);
    border-color: #999
}

.fa-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 70px
}

.fa-banner .f-wrapper {
    width: 88%
}

.fa-banner .f-section {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 19%
}

.fa-banner .f-section .h1 {
    font-size: .554rem;
    font-family: 思源黑体 CN Light, 微软雅黑;
    color: #fff;
    font-weight: normal
}

.fa-banner .f-section .h3 {
    font-size: .302rem;
    font-family: 思源黑体 CN Light, 微软雅黑;
    color: #fff;
    font-weight: normal;
    margin-top: .3rem
}

.fa-banner .f-section a {
    position: relative;
    display: block;
    width: 1.5rem;
    height: .42rem;
    font-size: .16rem;
    font-family: 思源黑体 CN Light, 微软雅黑;
    color: #fff;
    font-weight: normal;
    margin-top: .35rem;
    border-radius: .21rem;
    border: 1px solid #fff;
    text-align: center;
    line-height: .42rem;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden
}

.fa-section {
    height: .756rem;
    font-size: .168rem;
    color: #666;
    line-height: .756rem;
    text-align: center
}

.fa-section strong {
    display: inline;
    font-size: .201rem;
    color: #fd8e25;
    font-weight: normal
}

.fa-banner .baidu-text {
    position: absolute;
    top: 37.9%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15.68%;
    width: 29.48%
}

.fa-banner .baidu-text .f-section {
    left: 15.68%;
    top: 88%
}

.fa-window {
    height: 7.394rem;
    background: #f2f3f5
}

.fa-window h2, .fa-tuyere h2 {
    font-size: .302rem;
    color: #333;
    padding-top: .84rem
}

.fa-window .h4, .fa-tuyere .h4 {
    font-size: .168rem;
    color: #666;
    margin-top: .252rem
}

.fa-window .f-content {
    margin: .84rem 2%
}

.fa-window .f-content .f-img {
    position: relative;
    width: 2.858rem;
    height: 3.699rem;
    display: block;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1)
}

.fa-window .f-content .h4 {
    margin-top: 0;
    margin-bottom: .18rem;
    font-size: .168rem;
    color: #333
}

.fa-window .f-content .h5 {
    margin-top: 0;
    margin-bottom: .134rem;
    font-size: .13rem;
    color: #666
}

.fa-window .f-content .f-wrapper {
    position: absolute;
    padding: .184rem .151rem .151rem .151rem;
    width: 2.84rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.fa-window .fa-pc .f-wrapper {
    height: 1rem
}

.fa-tuyere {
    background: #fff
}

.fa-tuyere .f-content {
    margin: .84rem 13%
}

.fa-tuyere .f-content .f-img {
    position: relative;
    width: 1.261rem;
    height: 1.261rem;
    display: block;
    margin: 0 auto
}

.fa-tuyere .f-content .h5 {
    margin-top: .302rem;
    color: #333;
    font-size: .151rem
}

.fa-tuyere .f-content .f-row-2 {
    margin-top: .84rem
}

.fa-tuyere .f-content .f-action {
    display: block;
    width: 1.512rem;
    height: .42rem;
    margin: .84rem auto 0;
    font-size: .151rem;
    color: #fff;
    background: #5689ff;
    line-height: .42rem;
    text-align: center;
    border-radius: .21rem;
    text-decoration: none;
    cursor: pointer
}

.fa-template {
    height: auto;
    background: #ebedf0
}

.fa-template h2 {
    font-size: .302rem;
    color: #333;
    padding-top: .672rem
}

.fa-template .h4 {
    font-size: .168rem;
    color: #666;
    margin-top: .168rem
}

.fa-template .f-section {
    margin-top: .504rem
}

.fa-template .f-section .h5 {
    font-size: .168rem;
    color: #333
}

.fa-template .f-section .h5:before {
    display: inline-block;
    content: '';
    height: 1px;
    width: 1.68rem;
    background: #cfd1d4;
    vertical-align: middle;
    margin-right: .521rem
}

.fa-template .f-section .h5:after {
    display: inline-block;
    content: '';
    height: 1px;
    width: 1.68rem;
    background: #cfd1d4;
    vertical-align: middle;
    margin-left: .521rem
}

.fa-template .row-1, .fa-template .row-2 {
    margin-top: .588rem;
    margin-bottom: .84rem
}

.fa-template .f-content {
    margin: 0 .7rem
}

.fa-template .f-section .col-2 {
    float: left;
    width: 20%
}

.fa-template .f-section .f-wrapper {
    position: relative;
    margin: 0 auto;
    width: 2.1rem;
    height: 3.411rem;
    overflow: hidden
}

.fa-template .f-section .f-img {
    width: 2.102rem;
    height: 3.414rem;
    margin: 0 auto;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: .033rem
}

.fa-template .f-section .f-mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    border-radius: .033rem;
    transition: opacity .3s
}

.fa-template .f-section .f-qr {
    display: inline-block;
    width: 1.226rem;
    height: 1.226rem;
    border-radius: .033rem;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity .3s
}

.fa-template .f-section .f-action {
    display: inline-block;
    font-size: .117rem;
    width: 1.176rem;
    height: .285rem;
    line-height: .285rem;
    margin-top: .168rem;
    background: #5874d8;
    border-radius: .033rem;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    transition: opacity .3s
}

.fa-template .f-section .f-fill {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: .504rem;
    text-align: center;
    display: none;
}

.fa-template .f-section .f-fill .f-search {
    display: inline-block;
    vertical-align: -0.016rem;
    width: .126rem;
    height: .126rem;
    margin-right: .05rem
}

.fa-template .f-section .f-fill span {
    color: #fff;
    font-size: .117rem
}

.fa-template .f-section .f-wrapper:hover .f-mask {
    opacity: .5;
    filter: alpha(opacity=50)
}

.fa-template .f-section .f-wrapper:hover .f-action {
    opacity: 1;
    filter: alpha(opacity=100)
}

.fa-template .f-section .f-wrapper:hover .f-qr {
    opacity: 1;
    filter: alpha(opacity=100)
}

.fa-introduction {
    background: #fff
}

.fa-introduction .f-content {
    margin: .92rem .672rem 0
}

.fa-introduction .f-content .f-col-2, .fa-introduction .f-content .f-col-3 {
    top: -0.42rem
}

.fa-introduction h2 {
    font-size: .302rem;
    color: #333;
    padding-top: .672rem
}

.fa-introduction .h4 {
    font-size: .168rem;
    color: #666;
    margin-top: .252rem
}

.fa-introduction .f-wrapper {
    position: relative;
    width: 3.03rem;
    margin: 0 auto;
    background: #fff;
    border-radius: .084rem;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1)
}

.fa-introduction .f-wrapper .f-img {
    position: relative;
    width: 3.03rem;
    height: 1.26rem;
    display: block;
    margin: 0 auto
}

.fa-introduction .f-wrapper .f-container {
    position: absolute;
    width: 100%;
    height: 1.26rem;
    top: 0
}

.fa-introduction .f-wrapper .h4 {
    position: absolute;
    width: 100%;
    color: #fff;
    font-size: .184rem;
    line-height: .285rem;
    top: 50%;
    margin-top: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fa-introduction .f-wrapper .f-price {
    font-size: .218rem
}

.fa-introduction .f-wrapper .f-favor {
    display: inline-block;
    padding: 0 .1rem;
    line-height: .22rem;
    font-size: .126rem;
    background: #fff;
    border-radius: 1rem;
    opacity: .8;
    filter: alpha(opacity=80)
}

.fa-introduction .f-wrapper .f-favor-1 {
    color: #2b74ef
}

.fa-introduction .f-wrapper .f-favor-2 {
    color: #0ba457
}

.fa-introduction .f-wrapper .f-favor-3 {
    color: #ff4742
}

.fa-introduction .f-wrapper .f-list {
    position: relative;
    overflow: hidden
}

.fa-introduction .f-wrapper .f-hot {
    display: inline-block;
    width: .252rem;
    height: .109rem
}

.fa-introduction .f-wrapper .f-list .f-dot {
    display: inline-block;
    width: .042rem;
    height: .042rem;
    background: #666;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: .168rem
}

.f-col-2 .f-wrapper {
    width: 3.2rem
}

.f-col-2 .f-wrapper .f-img {
    width: 3.2rem
}

.f-col-3 .f-wrapper {
    width: 3.2rem
}

.f-col-3 .f-wrapper .f-img {
    width: 3.2rem
}

.fa-introduction .f-action-wrapper {
    text-align: center
}

.fa-introduction .f-col-4 .f-action-wrapper {
    text-align: center
}

.fa-introduction .f-wrapper .f-list-1 ul {
    padding-left: 26%;
    padding-top: .14rem;
    text-align: left;
    width: 90%
}

.fa-introduction .f-wrapper .f-list-2 ul {
    padding-left: .788rem;
    padding-top: .185rem;
    padding-bottom: .02rem;
    text-align: left;
    width: 90%
}

.fa-introduction .f-wrapper .f-list-3 ul {
    padding-left: 26%;
    padding-top: .17rem;
    padding-bottom: .03rem;
    text-align: left;
    width: 90%
}

.fa-introduction .f-wrapper .f-list-4 ul {
    padding-left: 26%;
    padding-top: .14rem;
    text-align: left;
    width: 90%
}

.fa-introduction .f-wrapper .f-list li {
    list-style: none;
    margin: .152rem 0;
    font-size: .126rem;
    color: #666
}

.fa-introduction .f-wrapper .f-action {
    display: inline-block;
    width: 1.092rem;
    height: .336rem;
    margin: .2rem auto .252rem;
    vertical-align: top;
    font-size: .134rem;
    color: #fff;
    background: #5689ff;
    line-height: .32rem;
    text-align: center;
    border-radius: .21rem;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #5689ff
}

.fa-introduction .f-col-4 .f-wrapper .f-action {
    margin-top: .1rem
}

.fa-introduction .f-col-1 .f-wrapper .f-action {
    color: #999;
    background: 0;
    border: 1px solid #e3e2e8
}

.fa-introduction .f-col-1 .f-wrapper .f-action:hover {
    color: #fff;
    background: #5689ff;
    border: 1px solid #5689ff
}

.fa-tutorial {
    background: #f9fbff
}

.fa-tutorial .f-content {
    margin: .487rem 18% 0 11%;
    padding-bottom: .677rem
}

.fa-tutorial h2 {
    padding-top: .539rem
}

.fa-tutorial h2 a {
    font-size: .302rem;
    color: #333;
    text-decoration: none
}

.fa-tutorial .f-main-list {
    overflow: hidden;
    margin: 0
}

.fa-tutorial .f-main-list .f-main-item {
    float: left;
    list-style-type: none;
    width: 3.633rem;
    font-size: .2rem;
    color: #5d5d5d;
    margin-left: 15.5%
}

.fa-tutorial .f-main-list .f-main-item a {
    display: inline-block;
    text-decoration: none;
    color: #333;
    font-size: .154rem;
    line-height: 1;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.fa-tutorial .f-main-list .f-main-item a:hover {
    color: #2f82ff
}

.fa-tutorial .f-main-list .f-main-item a::before {
    display: inline-block;
    content: "";
    border-radius: 50%;
    width: .051rem;
    height: .051rem;
    background: #333;
    vertical-align: middle;
    margin-right: .171rem
}

.fa-tutorial .f-main-list .f-main-item .f-summary {
    height: .41rem;
    overflow: hidden;
    color: #999;
    font-size: .12rem;
    margin: .111rem 0 .189rem .273rem;
    line-height: .214rem
}

.fa-tutorial .f-main-list .f-main-item .f-hot {
    background: url(/image/index/hot-2.gif?v=201907171755) no-repeat;
    background-size: .214rem .214rem;
    width: .214rem;
    height: .214rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .026rem
}

.fa-tutorial .f-main-list .f-main-item .f-text {
    vertical-align: middle
}

.fa-footer {
    position: absolute;
    width: 100%;
    height: 310px;
    bottom: 0;
    background: #2c2c2c;
    font-size: small
}

.fa-footer .f-main {
    position: relative;
    height: 210px;
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

.fa-footer .f-main .f-mainPart {
    display: inline-block;
    text-align: left;
    vertical-align: top
}

.fa-footer .f-mainPart .f-title {
    padding-top: 42px;
    font-size: 16px;
    color: #909090;
    line-height: 1
}

.fa-footer .f-connect {
    width: 301px;
    margin-left: 132px
}

.fa-footer .f-partner {
    width: 224px;
    margin-right: 167px
}

.fa-footer .f-connect .f-content {
    padding-top: 16px
}

.fa-footer .f-qrCode {
    width: 96px;
    height: 96px;
    left: 0;
    bottom: 4px
}

.fa-footer .f-partner .f-content {
    position: relative;
    padding-top: 30px
}

.fa-footer .f-partner .f-main-list {
    position: relative;
    overflow: hidden;
    width: 300px;
    margin: -4px auto 0;
    margin-left: -23px
}

.fa-footer .f-partner .f-main-item {
    float: left;
    width: 80px;
    height: 30px;
    margin-bottom: 20px;
    margin-right: 20px;
    background: url(/image/index/applets.png?v=201802261210) no-repeat
}

.fa-footer .f-partner .f-360 {
    background-position: 10px -75px
}

.fa-footer .f-partner .f-baidu {
    background-position: -93px -75px
}

.fa-footer .f-partner .f-sogou {
    background-position: -196px -75px
}

.fa-footer .f-partner .f-cft {
    background-position: 10px -127px
}

.fa-footer .f-partner .f-alipay {
    background-position: -93px -127px
}

.fa-footer .f-partner .f-cn {
    background-position: -196px -127px
}

.fa-footer .f-partner .f-main-item a {
    display: block;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0)
}

.fa-footer .f-main .f-productService {
    display: inline-block;
    width: 634px;
    vertical-align: top;
    overflow: hidden
}

.fa-footer .f-productService .f-content {
    padding-top: 30px
}

.fa-footer .f-productService .f-main-list {
    overflow: hidden
}

.fa-footer .f-productService .f-main-list .f-main-item {
    float: left;
    list-style-type: disc;
    margin-bottom: 30px;
    width: 44%;
    color: #5d5d5d;
    margin-left: 16px;
    font-size: 12px
}

.fa-footer .f-productService .f-main-list .f-main-item a {
    display: inline-block;
    text-decoration: none;
    color: #5d5d5d;
    font-size: 14px;
    line-height: 1;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.fa-footer .f-productService .f-list2 .f-main-item {
    padding-right: 10px
}

.fa-footer .f-main-list-item a {
    display: block;
    line-height: 1;
    color: #5d5d5d;
    font-size: 14px;
    text-decoration: none
}

.fa-footer .f-main .f-lineWrap {
    width: 2px;
    height: 156px;
    padding-top: 46px;
    display: inline-block;
    vertical-align: top
}

.fa-footer .f-lineWrap .f-line {
    height: 100%;
    width: 0;
    border-left: solid #343434 1px;
    border-right: solid #202020 1px
}

.fa-footer .f-splitLine {
    border-top: solid #343434 1px;
    border-bottom: solid #202020 1px
}

.fa-footer .f-bottom {
    width: 1200px;
    height: 98px;
    margin: auto;
    font-size: 12px
}

.fa-footer .f-bottom .f-links {
    padding-top: 30px;
    text-align: center
}

.fa-footer .f-bottom .f-links span {
    margin: 0 8px
}

.fa-footer .f-bottom .f-links a {
    font-size: 13px
}

.fa-footer .f-bottom .f-links a, .fa-footer .f-bottom .f-cpy a {
    color: #525252;
    text-decoration: none
}

.fa-footer .f-bottom .f-cpy {
    margin-top: 7px;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    color: #525252
}

.fa-footer .f-cpy .f-img, .fa-footer .f-cpy .f-txt {
    display: inline-block;
    vertical-align: middle
}

.fa-footer .f-cpy .f-img {
    background: url(/image/index/applets.png?v=201802261210) no-repeat -169px 0;
    width: 20px;
    height: 20px
}

.fa-footer .f-cpy .f-img2 {
    background: url(/image/index/applets.png?v=201802261210) no-repeat 0 -190px;
    width: 84px;
    height: 31px
}

.fa-footer .f-cpy .f-trustLink {
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom;
    zoom: 1
}

.fa-medium-1 {
    display: block
}

.fa-medium-2 {
    display: none
}

.fa-banner .f-section {
    left: 50%;
    transform: translate(-50%, -50%)
}

.fa-banner .f-section a {
    margin-top: 1.35rem
}

.fa-banner .f_section_two {
    left: 22%;
    top: 52%;
    transform: translate(-50%, -50%)
}

@media (max-width: 768px) {
    .swiper-pagination-bullet {
        width: .205rem;
        height: .205rem;
        border-radius: .205rem
    }

    .swiper-pagination-bullet-active {
        width: .462rem
    }

    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: .256rem
    }

    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        font-weight: normal
    }

    .fa-mobi {
        display: block
    }

    .fa-pc {
        display: none
    }

    .col-sm-6 {
        width: auto
    }

    .col-sm-offset-4 {
        margin-left: auto
    }

    .col-sm-4 {
        width: auto;
        float: none
    }

    .fa-head {
        height: 2.05rem
    }

    .fa-head .f-action {
        float: right
    }

    .fa-head .f-action .f-wrapper {
        height: auto;
        margin-top: .512rem
    }

    .fa-head .f-img img {
        width: auto;
        height: auto;
        margin-top: .5rem
    }

    .fa-head .f-action {
        height: 2.05rem;
        line-height: 2.05rem;
        min-width: auto
    }

    .fa-head .f-register {
        width: 3.333rem;
        height: 1.128rem;
        line-height: 1.128rem;
        font-size: .512rem;
        margin-right: .41rem
    }

    .fa-head .f-login {
        width: 2.256rem;
        height: 1.128rem;
        line-height: 1.128rem;
        font-size: .512rem
    }

    .fa-section {
        height: 1.794rem;
        font-size: .46rem;
        line-height: 1.794rem;
        margin-left: auto;
        text-align: center
    }

    .fa-section strong {
        display: inline;
        font-size: .615rem
    }

    .fa-banner {
        margin-top: 2.05rem
    }

    .fa-banner .f-section {
        left: 6%
    }

    .fa-banner .f-section .h1 {
        font-size: .9rem;
        font-weight: normal
    }

    .fa-banner .f-section .h3 {
        font-size: .51rem;
        margin-top: .61rem;
        font-weight: normal
    }

    .fa-banner .f-section a {
        width: 3.38rem;
        height: 1rem;
        line-height: 1rem;
        font-size: .51rem;
        border-radius: .64rem;
        margin-top: .9rem;
        font-weight: normal
    }

    .fa-window {
        height: 17.179rem;
        overflow: hidden
    }

    .fa-window h2, .fa-tuyere h2, .fa-template h2, .fa-introduction h2, .fa-tutorial h2 {
        font-size: .923rem;
        padding-top: 1.23rem
    }

    .fa-window .h4, .fa-tuyere .h4, .fa-template .h4, .fa-introduction .h4 {
        font-size: .512rem;
        margin-top: .512rem
    }

    .fa-window .f-content {
        margin: 1.23rem .48rem
    }

    .fa-window .f-content .f-img {
        width: 8.717rem;
        height: 11.282rem
    }

    .fa-window .f-content .h4 {
        margin-top: 0;
        margin-bottom: .4rem;
        font-size: .615rem
    }

    .fa-window .f-content .h5 {
        margin-top: 0;
        margin-bottom: .541rem;
        font-size: .461rem;
        line-height: .7rem
    }

    .fa-window .f-content .f-wrapper {
        position: absolute;
        padding: .184rem 1.538rem 0 1.538rem;
        width: 8.717rem;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    .fa-tuyere {
        height: 19.025rem
    }

    .fa-tuyere .f-content {
        margin: 1.538rem .2rem
    }

    .fa-tuyere .f-content .f-img {
        width: 3.076rem;
        height: 3.076rem
    }

    .fa-tuyere .f-content .h5 {
        margin-top: .512rem;
        font-size: .512rem;
        line-height: .612rem
    }

    .fa-tuyere .f-content .f-row-2 {
        margin-top: .923rem
    }

    .fa-tuyere .f-content .f-action {
        width: 4.615rem;
        height: 1.282rem;
        margin: 1.846rem auto 0;
        font-size: .512rem;
        line-height: 1.282rem;
        border-radius: .64rem
    }

    .fa-tuyere .col-xs-3 {
        padding: 0
    }

    .fa-template {
        height: 36.815rem;
        overflow: hidden
    }

    .fa-template .f-section {
        margin-top: 1.538rem
    }

    .fa-template .f-section .h5 {
        font-size: .615rem
    }

    .fa-template .f-section .h5:before {
        width: 4rem;
        background: #dddfe2;
        margin-right: 1rem
    }

    .fa-template .f-section .h5:after {
        width: 4rem;
        background: #dddfe2;
        margin-left: 1rem
    }

    .fa-template .row-1 {
        margin-top: 1.333rem;
        margin-bottom: 2.256rem
    }

    .fa-template .row-2 {
        margin-top: 1.333rem;
        margin-bottom: 1.8rem
    }

    .fa-template .f-content {
        margin-left: .717rem
    }

    .fa-template .f-section .col-2 {
        width: auto
    }

    .fa-template .f-section .f-img {
        width: 6.41rem;
        height: 10.41rem;
        border-radius: .102rem
    }

    .fa-template .f-more {
        font-size: .564rem;
        color: #666
    }

    .fa-template .f-more-addr {
        display: block;
        margin-top: .3rem;
        font-size: .564rem;
        color: #5586fe;
        text-decoration: underline
    }

    .fa-introduction {
        height: 98.2rem;
        margin-bottom: 0
    }

    .fa-introduction .f-content {
        margin: 1.33rem 10% 0
    }

    .fa-introduction .f-content .f-col-1, .fa-introduction .f-content .f-col-2, .fa-introduction .f-content .f-col-3 {
        margin-bottom: 2.564rem
    }

    .fa-introduction .f-content .f-col-2 {
        top: 0
    }

    .fa-introduction .f-wrapper {
        width: 10.769rem;
        border-radius: .256rem
    }

    .fa-introduction .f-wrapper .f-img {
        width: 10.769rem;
        height: 4.256rem
    }

    .fa-introduction .f-wrapper .f-container {
        height: 4.256rem
    }

    .fa-introduction .f-wrapper .h4 {
        font-size: .666rem;
        line-height: 1.045rem
    }

    .fa-introduction .f-wrapper .f-price {
        font-size: .769rem
    }

    .fa-introduction .f-wrapper .f-favor {
        font-size: .41rem;
        line-height: .77rem;
        padding: 0 .3rem
    }

    .fa-introduction .f-wrapper .f-list {
        width: 10.769rem
    }

    .fa-introduction .f-wrapper .f-list .f-dot {
        width: .128rem;
        height: .128rem;
        margin-right: .512rem
    }

    .fa-introduction .f-action-wrapper {
        text-align: center;
        height: 2.5rem
    }

    .fa-introduction .f-wrapper .f-list ul {
        width: 90%
    }

    .fa-introduction .f-wrapper .f-list-1 ul {
        padding-left: 28%;
        padding-top: .9rem;
        padding-bottom: .9rem
    }

    .fa-introduction .f-wrapper .f-list-2 ul {
        padding-left: 2.75rem;
        padding-top: .6rem
    }

    .fa-introduction .f-wrapper .f-list-3 ul {
        padding-left: 27%;
        padding-top: .85rem;
        padding-bottom: .5rem
    }

    .fa-introduction .f-wrapper .f-list-4 ul {
        padding-left: 28%;
        padding-top: .9rem;
        padding-bottom: .9rem
    }

    .fa-introduction .f-wrapper .f-list li {
        margin: .44rem 0;
        font-size: .512rem
    }

    .fa-introduction .f-wrapper .f-action {
        width: 3.589rem;
        height: 1.128rem;
        margin: .5rem auto .2rem;
        font-size: .461rem;
        line-height: 1.128rem;
        border-radius: .641rem
    }

    .fa-introduction .f-wrapper .f-hot {
        width: .769rem;
        height: .333rem
    }

    .fa-tutorial {
        margin-bottom: -2rem
    }

    .fa-tutorial .f-content {
        margin: 1.33rem 0 0;
        padding-bottom: .855rem
    }

    .fa-tutorial .f-main-list .f-main-item {
        width: 36%
    }

    .fa-tutorial .f-main-list .f-main-item:nth-child(even) {
        margin-left: 5.5%
    }

    .fa-tutorial .f-main-list .f-main-item a {
        font-size: .512rem;
        margin-bottom: .684rem
    }

    .fa-tutorial .f-main-list .f-main-item a::before {
        width: .171rem;
        height: .171rem
    }

    .fa-tutorial .f-main-list .f-main-item .f-summary {
        display: none
    }

    .fa-tutorial .f-main-list .f-main-item .f-hot {
        width: .512rem;
        height: .512rem;
        background-size: .512rem .512rem
    }

    .fa-tutorial h2 a {
        font-size: .702rem
    }

    .fa-footer {
        position: relative;
        height: 2.564rem;
        font-size: 100%;
        margin-top: 2rem
    }

    .fa-footer .f-main {
        width: 100%;
        height: auto
    }

    .fa-footer .f-main .f-productService {
        width: 6.453rem
    }

    .fa-footer .f-productService .f-content {
        padding-top: .625rem
    }

    .fa-footer .f-main .f-connect {
        width: 3.013rem;
        margin-left: 1.76rem;
        font-size: .461rem
    }

    .fa-footer .f-qrCode {
        width: 80px;
        height: 80px
    }

    .fa-footer .f-mainPart .f-title {
        font-size: .5rem;
        padding-top: .875rem
    }

    .fa-footer .f-productService .f-main-list .f-main-item {
        list-style: none;
        margin-bottom: .417rem;
        float: none;
        width: 100%;
        margin-left: 0
    }

    .fa-footer .f-productService .f-main-list .f-main-item a {
        font-size: .461rem
    }

    .fa-footer .f-productService .f-main-list .theFourthItem {
        display: none
    }

    .fa-footer .f-main .f-lineWrap {
        width: 2px;
        height: 3.85rem;
        padding-top: .958rem;
        display: inline-block;
        vertical-align: top
    }

    .fa-medium-1 {
        display: none
    }

    .fa-medium-2 {
        display: block
    }

    .fa-medium-2 h3 {
        font-size: .461rem;
        color: #666;
        line-height: .805rem;
        text-align: center;
        padding-top: .47rem
    }

    .fa-banner .f-section {
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .fa-banner .f-section a {
        margin-top: 3.35rem
    }

    .fa-banner .f_section_two {
        left: 16%;
        top: 52%;
        transform: translate(-50%, -50%)
    }
}

@media (max-width: 769px) {
    .baidu-text > img {
        display: none
    }

    .fa-banner .baidu-text {
        left: 11%
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .fa-introduction {
        margin-bottom: 29px
    }

    .fa-footer {
        position: relative;
        font-size: 100%
    }

    .fa-footer .f-main {
        width: 100%
    }

    .fa-footer .f-main .f-productService {
        width: 6.453rem
    }

    .fa-footer .f-main .f-connect {
        width: 2.013rem;
        margin-left: 1.76rem
    }

    .fa-medium-1 {
        display: none
    }

    .fa-medium-2 {
        display: block
    }

    .fa-medium-2 h3 {
        font-size: .243rem;
        color: #666;
        line-height: .405rem;
        text-align: center;
        padding-top: .27rem
    }

    .fa-window .f-content .f-wrapper {
        height: 1.2rem
    }

    .fa-window .f-content .h5 {
        line-height: .28rem !important;
        font-size: 12px
    }

    .fa-tuyere .f-content .f-action {
        min-width: 111px;
        min-height: 31px;
        line-height: 31px;
        border-radius: 20px
    }

    .fa-introduction .f-wrapper .f-action {
        min-width: 81px;
        min-height: 25px;
        line-height: 25px;
        border-radius: 20px
    }
}

@media (min-width: 769px) and (max-width: 998px) {
    .fa-window .f-content .f-wrapper {
        height: 1.3rem
    }
}

@media (min-width: 769px) and (max-width: 1300px) {
    .fa-window h2, .fa-tuyere h2, .fa-template h2, .fa-tutorial h2 {
        font-size: 24px
    }

    .fa-introduction .f-wrapper .h4 {
        font-size: 14px
    }

    .fa-introduction .f-wrapper .f-favor {
        font-size: 12px;
        line-height: .26rem
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    .fa-window .h4, .fa-tuyere .h4, .fa-template .h4, .fa-introduction .h4 {
        font-size: 14px
    }
}

@media (min-width: 1200px) {
    .fa-window .f-content .f-wrapper {
        height: 1.1rem
    }
}

@media (min-width: 769px) and (max-width: 1450px) {
    .fa-section {
        font-size: 15px
    }

    .fa-section strong {
        font-size: 18px
    }

    .fa-window .f-content .h4 {
        font-size: 15px
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .fa-template .f-section .h5 {
        font-size: 15px
    }

    .fa-window .f-content .h5 {
        line-height: .2rem
    }
}

@media (min-width: 769px) and (max-width: 1550px) {
    .fa-tuyere .f-content .h5 {
        font-size: 14px
    }

    .fa-tuyere .f-content .f-action {
        font-size: 14px
    }

    .fa-introduction .f-wrapper .f-action {
        font-size: 13px
    }

    .fa-introduction .f-wrapper .f-price {
        font-size: 16px
    }
}

@media (min-width: 769px) and (max-width: 1700px) {
    .fa-introduction .f-wrapper .f-list li {
        font-size: 12px
    }

    .fa-tutorial .f-main-list .f-main-item a {
        font-size: 14px
    }

    .fa-tutorial .f-main-list .f-main-item .f-summary {
        font-size: 12px
    }
}

.jz-btn {
    cursor: pointer;
    padding: 8px 24px;
    border-radius: 2px;
    border: 1px solid #e3e2e8;
    background-color: #fafafa;
    font-size: 13px;
    font-family: 微软雅黑
}

.jz-btn:focus {
    outline: 0
}

.jz-btn:hover {
    border-color: #b4c5f2;
    background-color: #f8fafe;
    color: #557ce1
}

.jz-btn > .jz-icon + span {
    margin-left: 4px;
    vertical-align: middle
}

.jz-btn-icon {
    padding: 6px 14px 6px 10px
}

.jz-icon {
    font-size: 20px;
    vertical-align: middle
}

.jz-btn-global-oper {
    padding: 8px 37px;
    background-color: #FFF
}

.jz-btn-global-oper:hover {
    border-color: #5874d8;
    background-color: #5874d8;
    color: #FFF
}

.jz-btn-global-oper.jz-btn-active {
    border-color: #5874d8;
    background-color: #5874d8;
    color: #FFF
}

.jz-btn-global-oper:active {
    border-color: #4a67d1;
    background-color: #4a67d1
}

.jz-btn[disabled] {
    cursor: not-allowed;
    color: #bbbec4;
    background-color: #fff;
    border-color: #eaeaea
}

.preview-btn {
    margin-top: 16px;
    padding: 6px 37px
}

.preview-btn-icon {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    display: inline-block;
    background: url(../image/mbg01.png?v=201811211417) no-repeat -740px -44px
}

.f-previewTemplate {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center
}

.f-previewTemplate .containerWrapper {
    position: fixed;
    top: 10%;
    margin: auto
}

.f-previewTemplate .containerWrapper .previewContainer {
    width: 1030px;
    height: 706px;
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
    position: relative
}

.f-previewTemplate .containerWrapper .toggleBtn {
    width: 76px;
    height: 76px;
    line-height: 76px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: rgba(0, 0, 0, 0.15);
    text-align: center;
    cursor: pointer;
    transition: background .3s ease
}

.f-previewTemplate .containerWrapper .toggleBtn:hover {
    background: rgba(0, 0, 0, 0.3)
}

.f-previewTemplate .containerWrapper .previewLeftBtn.toggleBtn:after {
    content: '';
    width: 19px;
    height: 65px;
    display: inline-block;
    vertical-align: middle
}

.f-previewTemplate .containerWrapper .previewRightBtn.toggleBtn:after {
    content: '';
    width: 19px;
    height: 65px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px
}

.f-previewTemplate .containerWrapper .previewLeftBtn {
    left: -154px
}

.f-previewTemplate .containerWrapper .previewLeftBtn:after {
    background: url(../image/mbg01.png?v=201811211417) no-repeat -412px -87px
}

.f-previewTemplate .containerWrapper .previewRightBtn {
    right: -154px
}

.f-previewTemplate .containerWrapper .previewRightBtn:after {
    background: url(../image/mbg01.png?v=201811211417) no-repeat -373px -87px
}

.f-previewTemplate .p_frame {
    width: 375px;
    height: 631px;
    position: relative
}

.f-previewTemplate .p_content {
    position: relative;
    top: 36px;
    left: 50%;
    margin-left: -187px
}

.previewContainer .p_left {
    position: absolute;
    width: 513px;
    height: 706px;
    background-color: #f4f4f4
}

.previewContainer .p_right {
    font-family: "微软雅黑";
    position: absolute;
    width: 515px;
    height: 706px;
    background: #fff;
    margin-left: 513px;
    border-radius: 0 4px 4px 0;
    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.04)
}

.previewContainer .qrcodeWrapper {
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    bottom: 0
}

.previewContainer .qrcode-wrapper {
    width: 240px;
    height: 282px;
    border: 1px solid #e6e7ec;
    position: relative;
    margin: auto;
    text-align: center;
    margin-bottom: 25px;
    font-size: 13px
}

.previewContainer .qrcode-tip {
    margin-bottom: 30px;
    display: inline-block;
    color: #666;
    font-size: 13px
}

.previewContainer .qrcode-wrapper .img-wrapper {
    height: 240px
}

.previewContainer .qrcode-wrapper img {
    width: 100%;
    height: 100%
}

.previewContainer .closeBtn {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(../image/mbg01.png?v=201811211417) no-repeat -681px -44px;
    cursor: pointer;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.previewContainer .closeBtn:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.previewContainer .createBtn {
    padding: 8px 27.5px;
    margin-left: 135px;
    width: 122px;
    position: absolute
}

.previewContainer .cancel {
    padding: 8px 33.5px;
    margin-left: 277px;
    width: 95px;
    position: absolute
}

.previewContainer .btn-group {
    position: relative;
    display: block;
    vertical-align: middle;
    height: 40px
}

.fancybox-lock {
    overflow-y: hidden !important
}

.tips {
    width: auto;
    height: 40px;
    line-height: 41px;
    margin: 3px 0;
    padding: 2px 16px;
    font-size: 12px;
    font-family: "微软雅黑";
    color: #323232;
    background-color: #fff;
    z-index: 9999;
    border-radius: 3px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    top: 0;
    left: 0;
    float: left
}

.tips .icon {
    display: inline-block;
    vertical-align: top;
    width: auto;
    width: 20px;
    height: 40px;
    line-height: 41px;
    margin: 0;
    margin-right: 5px
}

.tips .icon.success {
    background: url(../image/mbg01.png?v=201811211417) -970px 11px no-repeat
}

.tips .icon.failed {
    background: url(../image/mbg01.png?v=201811211417) -1004px 11px no-repeat
}

.tips .msg {
    display: inline;
    width: auto;
    height: 40px;
    margin-left: 10px;
    line-height: 41px;
    word-break: keep-all;
    white-space: nowrap;
    float: left
}

.tips .close {
    margin: 1px 2px 0 10px;
    width: 8px;
    height: 40px;
    cursor: pointer;
    background: url(/image/close02.png?v=201803071424) center no-repeat;
    display: inline-block
}

.tips .close_hover {
    background: url(/image/close03.png?v=201803071424) center no-repeat
}

.tips a {
    color: red;
    cursor: pointer
}

.tips .msgWrap {
    display: inline-block;
    vertical-align: top
}

.versionIcon {
    width: 17px;
    height: 17px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    background: url(../image/mbg01.png?v=201811211417) no-repeat;
    background-position: -615px 0
}

.fk-ask-panel {
    width: 182px;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    z-index: 4
}

.fk-ask-panel .f-ask-telWrap {
    height: 56px;
    background: url(/image/baiduHome/v2/home_ico.png?v=201802071918) no-repeat -296px -1236px;
    text-align: center;
    color: #fff;
    padding-top: 30px
}

.fk-ask-panel .f-ask-qqWrap {
    padding-bottom: 14px
}

.fk-ask-panel .f-tel-txtWrap, .fk-ask-panel .fk-icon-tel, .fk-ask-panel .fk-icon-wx, .fk-ask-panel .f-qq-txtWrap {
    display: inline-block;
    *display: inline;
    _zoom: 1;
    vertical-align: middle;
    width: auto;
    text-align: left
}

.fk-ask-panel .fk-icon {
    width: 30px;
    height: 30px;
    background: url(/image/baiduHome/v2/home_ico.png?v=201802071918) no-repeat -297px -1077px
}

.fk-ask-panel .f-tel-txtWrap .f-txt {
    font-size: 16px;
    line-height: 1
}

.fk-ask-panel .f-tel-txtWrap .f-tel {
    font-size: 14px;
    line-height: 1;
    padding-top: 8px
}

.fk-ask-panel .fk-icon-wx {
    background-position: -356px -1075px;
    width: 33px;
    height: 33px
}

.fk-ask-panel .f-qq-hd {
    padding-top: 30px;
    font-size: 18px;
    color: #4ca5ee;
    padding-bottom: 25px;
    text-align: center
}

.fk-ask-panel .f-qq-list {
    width: auto
}

.fk-ask-panel .f-qq-item {
    height: 30px;
    line-height: 30px;
    background: #ccc;
    width: 100px;
    border-radius: 15px;
    text-align: center;
    margin: 0 auto 16px auto;
    overflow: hidden;
    background: #4fbce8;
    color: #fff;
    display: block
}

.fk-ask-panel .f-qq-item-proxy {
    background: #fff;
    color: #4ca5ee;
    background: #fff;
    border: solid 1px #4ca5ee;
    height: 30px;
    width: 98px
}

.fk-ask-panel .f-qq-item-before, .fk-ask-panel .f-qq-item-after, .fk-ask-panel .f-qq-item-proxy:hover {
    background: url(/image/baiduHome/v2/home_ico.png?v=201802071918) no-repeat -297px -1130px;
    color: #fff;
    border-color: #fff;
    border-color: transparent
}

.fk-ask-panel .f-qq-item-before:hover, .fk-ask-panel .f-qq-item-after:hover {
    background: url(/image/baiduHome/v2/home_ico.png?v=201802071918) no-repeat -297px -1174px
}

.fk-toolArea {
    width: 80px;
    height: 240px;
    font-size: 0;
    text-align: center;
    z-index: 99;
    right: 20px;
    position: fixed;
    top: 274px;
    right: 20px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop)+274);
    _right: 20px
}

.fk-toolArea .f-toolItem {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 10px;
    margin-bottom: 14px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    background: #fff
}

.fk-toolArea .f-toolAskItem {
    width: 79px;
    height: 79px;
    margin: 0;
    margin-bottom: 20px;
    background: url(/image/baiduHome/v2/home_ico.png?v=201802071918) no-repeat -1505px -90px
}

.fk-toolArea .f-toolRebackItem .f-toolBlock, .fk-toolArea .f-toolRefeedItem .f-toolBlock {
    overflow: hidden;
    border-radius: 50%
}

.fk-toolArea .f-icon {
    width: 20px;
    height: 20px;
    background: url(/image/baiduHome/v2/home_ico.png?v=201802071918) no-repeat -498px -1080px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    display: block
}

.fk-toolArea .f-icon-reback {
    background-position: -553px -1080px
}

.fk-toolArea .f-icon-ask {
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    background-position: -428px -1075px
}

.fk-toolArea .f-toolBlock {
    display: block;
    width: 100%;
    height: 100%
}

.fk-toolArea .f-toolAskItem {
    position: relative
}

.fk-toolArea .f-toolAskItem.disable .fk-ask-panelWrap {
    display: none
}

.fk-toolArea .f-toolAskItem.left .fk-ask-panelWrap {
    transition: all .3s;
    left: 0;
    width: 0;
    padding: 8px 0
}

.fk-toolArea .f-toolAskItem.left:hover .fk-ask-panelWrap {
    width: 182px;
    padding: 8px;
    left: -190px
}

.fk-toolArea .f-toolAskItem.left .fk-ask-panel {
    margin-left: 0
}

.fk-toolArea .f-toolAskItem.left .f-subArea, .fk-toolArea .f-toolAskItem.left:hover .f-subArea {
    left: -12px
}

.fk-toolArea .f-toolAskItem:hover .f-subArea {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 120px
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap, .fk-toolArea .f-toolAskItemUnHover .fk-ask-panelWrap {
    position: absolute;
    left: 100px;
    top: 0;
    display: block;
    font-size: 14px;
    overflow: hidden;
    width: 182px;
    height: 365px;
    padding: 8px 0;
    margin: -8px
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panel, .fk-toolArea .f-toolAskItemUnHover .fk-ask-panel {
    margin-left: -184px
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panel {
    transition: all .3s .01s
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap, .fk-toolArea .f-toolAskItemUnHover .fk-ask-panelWrap {
    display: block;
    width: 0
}

.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap {
    transition: width .3s
}

.fk-toolArea .f-toolAskItemHover:hover .fk-ask-panel {
    margin-left: 0
}

.fk-toolArea .f-toolAskItemHover:hover .fk-ask-panelWrap {
    width: 182px;
    padding: 8px
}

.fk-toolArea .f-toolRefeedItem {
    font-size: 14px;
    line-height: 60px
}

.fk-toolArea .f-toolRefeedItem .f-txt {
    color: #333;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
    transition: opacity .3s
}

.fk-toolArea .f-toolRefeedItem .f-icon-refeed {
    filter: alpha(opacity=100);
    opacity: 1;
    transition: opacity .3s
}

.fk-toolArea .f-toolRefeedItem:hover .f-icon-refeed {
    opacity: 0;
    filter: alpha(opacity=0)
}

.fk-toolArea .f-toolRefeedItem:hover .f-txt {
    opacity: 1;
    color: #333;
    filter: alpha(opacity=100)
}

.fk-toolArea li {
    list-style: none;
    float: left
}

.fk-toolArea * {
    box-sizing: content-box
}

.fk-toolArea a {
    text-decoration: none
}