@charset "UTF-8";
/* 重置样式 */
* {
    margin: 0;
    padding: 0;
}
body {
    color: #333;
    font-size: 14px;
    font-family: "PingFang SC", "MicrosoftYaHei", "微软雅黑", "Arial";
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    outline: 0;
}

img {
    max-width: 100%;
    max-height: 100%;
    border: 0;
}

/* -------- */

/* 公共样式 */
.clearfix {
    zoom: 1;
    *zoom: 1
}

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

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}

.container:before, .container:after {
    display: table;
    line-height: 0;
    content: "";
}

.container:after {
    clear: both;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    zoom: 1;
    *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
    display: table;
    line-height: 0;
    content: "";
}

.container-fluid:after {
    clear: both;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
    zoom: 1;
    *zoom: 1;
}

.row:before, .row:after {
    display: table;
    line-height: 0;
    content: "";
}

.row:after {
    clear: both;
}

.row-5 {
    margin-left: -5px;
    margin-right: -5px;
}

.row-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.row-20 {
    margin-left: -20px;
    margin-right: -20px;
}

.row-border .list-item {
    margin-left: 1px;
    margin-right: -2px;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.text-left {
    text-align: left;
}

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

.text-right {
    text-align: right;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.fixed {
    position: fixed;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.color-success {
    color: #5cb85c;
}

.color-danger {
    color: #d9534f;
}

.color-warning {
    color: #f0ad4e;
}

.color-info {
    color: gray;
}

.color-light-gray {
    color: lightgray;
}

.color-primary {
    color: #2979e8;
}

.color-white {
    color: #fff;
}

.color-block {
    color: #333;
}

.bg-success {
    background-color: #5cb85c;
}

.bg-danger {
    background-color: #d9534f;
}

.bg-warning {
    background-color: #f0ad4e;
}

.bg-info {
    background-color: gray;
}

.bg-primary {
    background-color: #2979e8;
}

.bg-white {
    background-color: #fff;
}

.bg-block {
    background-color: #333;
}

.bd-success {
    border-color: #5cb85c;
}

.bd-danger {
    border-color: #d9534f;
}

.bd-warning {
    border-color: #f0ad4e;
}

.bd-info {
    border-color: gray;
}

.bd-primary {
    border-color: #2979e8;
}

.bd-white {
    border-color: #fff;
}

.bd-light {
    border-color: #eee;
}

.bd-block {
    border-color: #333;
}

.mar-auto {
    margin: auto;
}

.flex, .d-flex { display: flex; }
.d-flex > * { flex: 1 1 auto; }

.flex-column {
    flex-direction: column;
}

.flex-unset {flex-wrap: unset;}
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }

.align-unset { align-items: unset; }
.align-baseline { align-items: baseline; }
.align-start { align-items: flex-start; }
.align-end { align-items: flex-end; }
.align-center { align-items: center; }

.justify-unset { justify-content: unset;}
.justify-start { justify-content: flex-start;}
.justify-end { justify-content: flex-end;}
.justify-left { justify-content: left;}
.justify-right { justify-content: right;}
.justify-center { justify-content: center;}
.justify-between { justify-content: space-between;}

.fl-auto { flex: auto; }
.fl-0 { flex: 0; }
.fl-1 { flex: 1; }
.fl-2 { flex: 2; }
.fl-3 { flex: 3; }
.fl-4 { flex: 4; }
.fl-5 { flex: 5; }
.fl-6 { flex: 6; }
.fl-7 { flex: 7; }
.fl-8 { flex: 8; }
.fl-9 { flex: 9; }
.fl-10 { flex: 10; }

.ma-0 { margin: 0px; }
.ma-1 { margin: 5px; }
.ma-2 { margin: 10px; }
.ma-3 { margin: 15px; }
.ma-4 { margin: 20px; }
.ma-5 { margin: 25px; }
.ma-6 { margin: 30px; }
.ma-7 { margin: 35px; }
.ma-8 { margin: 40px; }
.ma-9 { margin: 45px; }
.ma-10 { margin: 50px; }
.ma-20 { margin: 100px; }
.mar-x0 { margin: 0px 0px; }
.mar-x5 { margin: 0px 5px; }
.mar-x10 { margin: 0px 10px; }
.mar-x15 { margin: 0px 15px; }
.mar-x20 { margin: 0px 20px; }
.mar-x25 { margin: 0px 25px; }
.mar-x30 { margin: 0px 30px; }
.mar-x35 { margin: 0px 35px; }
.mar-x40 { margin: 0px 40px; }
.mar-x45 { margin: 0px 45px; }
.mar-x50 { margin: 0px 50px; }
.mar-x100 { margin: 0px 100px; }
.mar-y0 { margin: 0px 0px; }
.mar-y5 { margin: 5px 0px; }
.mar-y10 { margin: 10px 0px; }
.mar-y15 { margin: 15px 0px; }
.mar-y20 { margin: 20px 0px; }
.mar-y25 { margin: 25px 0px; }
.mar-y30 { margin: 30px 0px; }
.mar-y35 { margin: 35px 0px; }
.mar-y40 { margin: 40px 0px; }
.mar-y45 { margin: 45px 0px; }
.mar-y50 { margin: 50px 0px; }
.mar-y100 { margin: 100px 0px; }
.mt-0 { margin-top: 0px; }
.mt-1 { margin-top: 5px; }
.mt-2 { margin-top: 10px; }
.mt-3 { margin-top: 15px; }
.mt-4 { margin-top: 20px; }
.mt-5 { margin-top: 25px; }
.mt-6 { margin-top: 30px; }
.mt-8 { margin-top: 40px; }
.mt-9 { margin-top: 45px; }
.mt-10 { margin-top: 50px; }
.mt-20 { margin-top: 100px; }
.mb-0 { margin-bottom: 0px; }
.mb-1 { margin-bottom: 5px; }
.mb-2 { margin-bottom: 10px; }
.mb-3 { margin-bottom: 15px; }
.mb-4 { margin-bottom: 20px; }
.mb-5 { margin-bottom: 25px; }
.mb-6 { margin-bottom: 30px; }
.mb-8 { margin-bottom: 40px; }
.mb-9 { margin-bottom: 45px; }
.mb-10 { margin-bottom: 50px; }
.mb-20 { margin-bottom: 100px; }
.mr-0 { margin-right: 0px; }
.mr-1 { margin-right: 5px; }
.mr-2 { margin-right: 10px; }
.mr-3 { margin-right: 15px; }
.mr-4 { margin-right: 20px; }
.mr-5 { margin-right: 25px; }
.mr-6 { margin-right: 30px; }
.mr-8 { margin-right: 40px; }
.mr-9 { margin-right: 45px; }
.mr-10 { margin-right: 50px; }
.mr-20 { margin-right: 100px; }
.ml-0 { margin-left: 0px; }
.ml-1 { margin-left: 5px; }
.ml-2 { margin-left: 10px; }
.ml-3 { margin-left: 15px; }
.ml-4 { margin-left: 20px; }
.ml-5 { margin-left: 25px; }
.ml-6 { margin-left: 30px; }
.ml-8 { margin-left: 40px; }
.ml-9 { margin-left: 45px; }
.ml-10 { margin-left: 50px; }
.ml-20 { margin-left: 100px; }
.pa-0 { padding: 0px; }
.pa-1 { padding: 5px; }
.pa-2 { padding: 10px; }
.pa-3 { padding: 15px; }
.pa-4 { padding: 20px; }
.pa-5 { padding: 25px; }
.pa-6 { padding: 30px; }
.pa-7 { padding: 35px; }
.pa-8 { padding: 40px; }
.pa-9 { padding: 45px; }
.pa-10 { padding: 50px; }
.pa-20 { padding: 100px; }
.px-0 { margin: 0px 0px; }
.px-1 { margin: 0px 5px; }
.px-2 { margin: 0px 10px; }
.px-3 { margin: 0px 15px; }
.px-4 { margin: 0px 20px; }
.px-5 { margin: 0px 25px; }
.px-6 { margin: 0px 30px; }
.px-7 { margin: 0px 35px; }
.px-8 { margin: 0px 40px; }
.px-9 { margin: 0px 45px; }
.px-10 { margin: 0px 50px; }
.px-20 { margin: 0px 100px; }
.py-0 { margin: 0px 0px; }
.py-1 { margin: 5px 0px; }
.py-2 { margin: 10px 0px; }
.py-3 { margin: 15px 0px; }
.py-4 { margin: 20px 0px; }
.py-5 { margin: 25px 0px; }
.py-6 { margin: 30px 0px; }
.py-7 { margin: 35px 0px; }
.py-8 { margin: 40px 0px; }
.py-9 { margin: 45px 0px; }
.py-10 { margin: 50px 0px; }
.py-20 { margin: 100px 0px; }
.pt-0 { padding-top: 0px; }
.pt-1 { padding-top: 5px; }
.pt-2 { padding-top: 10px; }
.pt-3 { padding-top: 15px; }
.pt-4 { padding-top: 20px; }
.pt-4 { padding-top: 20px; }
.pt-5 { padding-top: 25px; }
.pt-6 { padding-top: 30px; }
.pt-7 { padding-top: 35px; }
.pt-8 { padding-top: 40px; }
.pt-9 { padding-top: 45px; }
.pt-10 { padding-top: 50px; }
.pt-20 { padding-top: 100px; }
.pr-0 { padding-right: 0px; }
.pr-1 { padding-right: 5px; }
.pr-2 { padding-right: 10px; }
.pr-3 { padding-right: 15px; }
.pr-4 { padding-right: 20px; }
.pr-5 { padding-right: 25px; }
.pr-6 { padding-right: 30px; }
.pr-7 { padding-right: 35px; }
.pr-8 { padding-right: 40px; }
.pr-9 { padding-right: 45px; }
.pr-10 { padding-right: 50px; }
.pr-20 { padding-right: 100px; }
.pb-0 { padding-bottom: 0px; }
.pb-1 { padding-bottom: 5px; }
.pb-2 { padding-bottom: 10px; }
.pb-3 { padding-bottom: 15px; }
.pb-4 { padding-bottom: 20px; }
.pb-5 { padding-bottom: 25px; }
.pb-6 { padding-bottom: 30px; }
.pb-7 { padding-bottom: 35px; }
.pb-8 { padding-bottom: 40px; }
.pb-9 { padding-bottom: 45px; }
.pb-10 { padding-bottom: 50px; }
.pb-20 { padding-bottom: 100px; }
.pl-0 { padding-left: 0px; }
.pl-1 { padding-left: 5px; }
.pl-2 { padding-left: 10px; }
.pl-3 { padding-left: 15px; }
.pl-4 { padding-left: 20px; }
.pl-5 { padding-left: 25px; }
.pl-6 { padding-left: 30px; }
.pl-7 { padding-left: 35px; }
.pl-8 { padding-left: 40px; }
.pl-9 { padding-left: 45px; }
.pl-10 { padding-left: 50px; }
.pl-20 { padding-left: 100px; }

.bdw-0 { border-width: 0px; }
.bdw-1 { border-width: 1px; }
.bdw-2 { border-width: 2px; }
.bdw-3 { border-width: 3px; }
.bdw-4 { border-width: 4px; }
.bdw-5 { border-width: 5px; }
.bdw-6 { border-width: 6px; }
.bdw-7 { border-width: 7px; }
.bdw-8 { border-width: 8px; }
.bdw-9 { border-width: 9px; }
.bdw-10 { border-width: 10px; }
.bdw-15 { border-width: 15px; }

.fs-12 { font-size:12px;}
.fs-13 { font-size:13px;}
.fs-14 { font-size:14px;}
.fs-15 { font-size:15px;}
.fs-16 { font-size:16px;}
.fs-17 { font-size:17px;}
.fs-18 { font-size:18px;}
.fs-19 { font-size:19px;}
.fs-20 { font-size:20px;}
.fs-21 { font-size:21px;}
.fs-22 { font-size:22px;}
.fs-23 { font-size:23px;}
.fs-24 { font-size:24px;}
.fs-25 { font-size:25px;}
.fs-26 { font-size:26px;}
.fs-27 { font-size:27px;}
.fs-28 { font-size:28px;}
.fs-29 { font-size:29px;}
.fs-30 { font-size:30px;}
.fs-31 { font-size:31px;}
.fs-32 { font-size:32px;}
.fs-33 { font-size:33px;}
.fs-34 { font-size:34px;}
.fs-35 { font-size:35px;}
.fs-36 { font-size:36px;}
.fs-37 { font-size:37px;}
.fs-38 { font-size:38px;}
.fs-39 { font-size:39px;}
.fs-40 { font-size:40px;}
.fs-50 { font-size:50px;}
.fs-60 { font-size:60px;}
.fs-70 { font-size:70px;}
.fs-80 { font-size:80px;}
.fs-90 { font-size:90px;}
.fs-100 { font-size:100px;}

.lh-1 { line-height: 1; }
.lh-12 { line-height: 12px; }
.lh-14 { line-height: 14px; }
.lh-16 { line-height: 16px; }
.lh-18 { line-height: 18px; }
.lh-20 { line-height: 20px; }
.lh-22 { line-height: 22px; }
.lh-24 { line-height: 24px; }
.lh-26 { line-height: 26px; }
.lh-28 { line-height: 28px; }
.lh-30 { line-height: 30px; }
.lh-32 { line-height: 32px; }
.lh-34 { line-height: 34px; }
.lh-36 { line-height: 36px; }
.lh-38 { line-height: 38px; }
.lh-40 { line-height: 40px; }
.pos-t0 { top: 0; }
.pos-r0 { right: 0; }
.pos-b0 { bottom: 0; }
.pos-l0 { left: 0; }


.w0 { width: 0px; }
.w5 { width: 5px; }
.w10 { width: 10px; }
.w15 { width: 15px; }
.w20 { width: 20px; }
.w25 { width: 25px; }
.w30 { width: 30px; }
.w35 { width: 35px; }
.w40 { width: 40px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.w800 { width: 800px; }
.w900 { width: 900px; }
.w1000 { width: 1000px; }
.w1200 { width: 1200px; }
.w1500 { width: 1500px; }

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width:830px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

/* @media (min-width: 1500px) {
    .container {
        width:1500px
    }
} */

@media (max-width: 767px) {
    .col-xs-hidden {
        display: none!important;
    }
}

@media (max-width: 991px) {
    .col-sm-hidden {
        display: none!important;
    }
}

@media (max-width: 1199px) {
    .col-md-hidden {
        display: none!important;
    }
}

@media (max-width: 1499px) {
    .col-lg-hidden {
        display: none!important;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-auto {
    width: auto
}


.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-auto {
        width: auto
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-auto {
        width: auto
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-auto {
        width: auto
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

}

.col {
    float: left;
    font-size: 14px;
}

.break-all {
    word-break: break-all;
}

.inline-block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.btn {
    font-size: 14px;
    padding: 5px 20px;
    text-align: center;
    border-radius: 4px;
    behavior: url(./css/PIE.htc);
    background-color: #0071df;
    background-image: linear-gradient(90deg, #0071df 0%, #00a6ec 100%);
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.btn-mini {
    padding: 7px 12px;
}

.btn-small {
    padding: 9px 15px;
}

.btn-medium {
    padding: 10px 20px;
}

.btn-large {
    padding: 12px 20px;
}

.btn-plain {
    background: none;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.btn-plain.btn {
    padding: 4px 19px;
}

.btn-plain.btn-mini {
    padding: 6px 11px;
}

.btn-plain.btn-small {
    padding: 8px 14px;
}

.btn-plain.btn-medium {
    padding: 9px 19px;
}

.btn-plain.btn-large {
    padding: 11px 19px;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.line,
.line-item,
.line-left,
.line-active {
    position: relative;
}

.line:before,
.line-item:before,
.line-left:before,
.line-active:before {
    content: '';
    width: 0;
    height: 4px;
    background: #0071df;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.line-left:before {
    left: 0;
}

.menu-item.current .line:before {
    width: 100%;
    left: 0;
}

.line:hover:before,
.line-hover:hover .line-item:before,
.line-hover:hover .line-left:before,
.swiper-slide-active .line-active:before {
    width: 100%;
    left: 0;
}

.line-top:before {
    top: 0;
    bottom: auto;
}

.btn .fadeLeft {
    padding: 0 5px;
    margin-left: 6px;
}

.btn .fadeRight {
    opacity: 0;
    visibility: hidden \9;
    margin-left: -6px;
}

.btn:hover .fadeLeft,
.btn:hover .fadeRight {
    opacity: 1;
    visibility: visible \9;
    margin-left: 0px;
}

.ver-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.opa-0 {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.opa-2 {
    -webkit-opacity: 0.1;
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: .1;
    filter: alpha(opacity=10);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
}

.opa-4 {
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: .2;
    filter: alpha(opacity=20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}

.opa-6 {
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}

.opa-8 {
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}

.opa-10 {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

.opa-60 {
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}

.opa-70 {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.opa-80 {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.opa-90 {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: .9;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

.opa-20 {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}



.swiper-container, .swiper-slide {
    position: relative;
}

.swiper-container .swiper-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 1000;
}

.swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 0 2px;
    cursor: pointer;
    background: #fff;
}

.pagination-container {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 99999;
    width: 100%;
    text-align: center;
}

.arrow, .arrow-ie {
    position: relative;
}

.arrow::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -3px;
    content: " ";
    border-width: 6px;
    border-style: solid;
    border-color: inherit;
}

.arrow-ie .arrow-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -3px;
    content: " ";
    border-width: 6px;
    border-style: solid;
    border-color: inherit;
}

.arrow-left::before {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left: 0;
}

.arrow-ie.arrow-left .arrow-icon {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left: 0;
}

.arrow-right::before {
    border-right: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.arrow-ie.arrow-right .arrow-icon {
    border-right: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.arrow-down::before {
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-top: -8px;
}

.arrow-ie.arrow-down .arrow-icon {
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-top: -8px;
}

.arrow-up::before {
    border-top: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-top: -8px;
}

.arrow-ie.arrow-up .arrow-icon {
    border-top: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-top: -8px;
}

/* 圆角效果容器z-index是-1可能被背景层覆盖 */
.radius-index-ie {
    position: relative;
    z-index: 1;
}

.support-shadow .ie,
.shadow-ie {
    display: none;
    position: absolute;
    /* left: -5px;
    top: -5px; */
    right: -5px;
    bottom: -5px;
    /* filter: progid:dXImageTransform.Microsoft.blur(pixelradius=15);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=15)"; */
    z-index: 9999;
    display: block \9;
    background: #000 \9;
}

@font-face {
    font-family: "iconfont";
    src: url('./iconfont.woff2') format('woff2'),
    url('./iconfont.woff') format('woff'),
    url('./iconfont.ttf') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
}

.main {
    margin-top: 60px;
    min-height: 500px;
}

header.snow {
    background: #FFF;
}

header img {
    vertical-align: unset !important;
}

.qwb.chat-box {
    display: none;
    z-index: 100000;
    width: 400px;
    background: #FFF;
    overflow: hidden;
    right: 24px;
    left: auto;
    bottom: 28px;
    border-radius: 3px;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, .15);
    position: fixed;
    user-select: none;
    -webkit-font-smoothing: subpixel-antialiased;
    margin: 0;
    padding: 0;
    height: 660px;
}
@media (max-width: 767px) {
    .qwb.chat-box {
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        width: 320px;
        transform: translate(-50%, -50%);
    }
}
.qwb.chat-box .chat-title {
    height: 60px;
    background-image: linear-gradient(125deg, #009FDE -10%, #00618E 100%) !important;
    background-color: #009FDE !important;
    position: relative;
    cursor: pointer;
}

.qwb.chat-box .chat-title .close-btn-wrapper {
    padding: 4px 5px 4px 6px !important;
    position: absolute !important;
    right: 12px !important;
    top: 10px !important;
    border-radius: 2px !important;
}

.qwb.chat-box .chat-title .title-content {
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    display: flex;
    align-items: center;
    height: 60px;
    margin-left: 20px;
    flex-direction: column;
    justify-content: center;
}

.qwb.chat-box .chat-title .title-content span {
    width: 100%;
}

.qwb.chat-box .chat-title .title-content .memo {
    font-size: 12px;
    opacity: .8;
}

.qwb.chat-box .chat-title:hover .close-btn-wrapper {
    background: #00618E !important;
}

.qwb.chat-box .chat-title:before {
    background-image: url(../images/shapes.svg);
    background-size: 260px;
    opacity: .085;
    content: "" !important;
    background-repeat: repeat !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 0 !important;
}

.qwb.chat-box .chat-body {
    height: 600px;
}

.qwb.chat-box .close-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgiIHdpZHRoPSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjUuN0wxIDcuM00xIC43bDYuNSA2LjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNCIvPjwvc3ZnPg==) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 10px !important;
    height: 13px !important;
    display: block !important;
}

.qwb-im-client .qwb-im-float-btn {
    width: 60px !important;
    height: 60px !important;
    border-radius: 60px !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .04) !important;
    transition: transform .15s ease-in-out !important;
    background: #38F;
    cursor: pointer;
    right: 30px;
    left: auto;
    bottom: 50px;
    border-radius: 3px;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, .15);
    position: fixed;
    user-select: none;
    -webkit-font-smoothing: subpixel-antialiased;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qwb-im-client .qwb-im-float-btn .service-icon {
    background-image: url(../images/service.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: inline-block !important;
    width: 40px !important;
    height: 35px !important;
}

/**joe***/

.joe_action_item.mode svg.active, .joe_detail__agree .agree .icon .joe-font.active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.joe_action, .joe_pagination li.disabled {

}

.joe_action {
    position: fixed;
    bottom: 90px;
    right: 30px;
    z-index: 90
}

.joe_action_item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1), 0 5px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1), 0 5px 20px rgba(0, 0, 0, .2)
}

.joe_action_item svg {
    position: absolute;
    width: 25px;
    height: 25px;
    fill: #38F!important;
}

.joe_action_item.back2top {
    pointer-events: none;
    visibility: hidden;
    margin-bottom: 15px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: visibility .35s, -webkit-transform .35s;
    transition: visibility .35s, transform .35s;
    transition: visibility .35s, transform .35s, -webkit-transform .35s
}

.joe_action_item.back2top.active {
    pointer-events: auto;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.joe_action_item.im-chat {
    pointer-events: auto
}

.joe_header__above-search, .joe_header__above-search-mobile {
    position: relative;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.joe_header__above-search .input, .joe_header__above-search-mobile .input {
    background: #ebeef5;
    width: 170px;
    height: 30px!important;
    border: 1px solid transparent;
    padding: 0 14px 0 16px;
    color: #888;;
    -webkit-transition: width .35s, border-color .35s, padding-right .35s;
    transition: width .35s, border-color .35s, padding-right .35s;
    border-radius: 2px 0 0 2px!important;
    box-sizing: border-box;
}

.joe_header__above-search .input:focus, .joe_header__above-search-mobile .input:focus {
    background: #FFF;
    border-color: #fb6c28;
    padding-right: 28px;
    width: 170px
}

.joe_header__above-search .input:focus ~ .icon, .joe_header__above-search-mobile .input:focus ~ .icon {
    -webkit-transform: translate3d(0, -50%, 0) rotateY(180deg);
    transform: translate3d(0, -50%, 0) rotateY(180deg)
}

.joe_header__above-search .submit, .joe_header__above-search-mobile .submit {
    position: relative;
    z-index: 1;
    width: 42px!important;
    height: 30px!important;
    color: #fff;
    border: 0;
    background: #38F!important;
    border-radius: 0 2px 2px 0!important;
}

.joe_header__above-search .submit i, .joe_header__above-search-mobile .submit i {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    font-size: 20px
}

.joe_header__above-search .submit:hover i, .joe_header__above-search-mobile .submit:hover i {
    -webkit-animation: swag .3s ease infinite alternate;
    animation: swag .3s ease infinite alternate
}

.joe_header__above-search .icon, .joe_header__above-search-mobile .icon {
    position: absolute;
    top: 50%;
    right: 46px;
    width: 30px;
    height: 30px!important;
    background: url(data:image/png;base64,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);
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(100%, -50%, 0) rotateY(180deg);
    transform: translate3d(100%, -50%, 0) rotateY(180deg)
}

.joe_header__above-search .result, .joe_header__above-search-mobile .result {
    position: absolute;
    z-index: 2;
    top: 36px;
    left: 0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    opacity: 0;
    background: #FFF;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-transition: visibility .35s, opacity .35s, -webkit-transform .35s;
    transition: visibility .35s, opacity .35s, transform .35s;
    transition: visibility .35s, opacity .35s, transform .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0)
}

.joe_header__above-search .result.active, .joe_header__above-search-mobile .result.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.joe_header__above-search .result .item, .joe_header__above-search-mobile .result .item {
    height: 40px;
    line-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid #f2f6fc;
    -webkit-transition: background .35s;
    transition: background .35s
}

.joe_header__above-search .result .item:last-child, .joe_header__above-search-mobile .result .item:last-child {
    border-bottom: none
}

.joe_header__above-search .result .item:nth-child(1) .sort, .joe_header__above-search-mobile .result .item:nth-child(1) .sort {
    background: #fe2d46
}

.joe_header__above-search .result .item:nth-child(2) .sort, .joe_header__above-search-mobile .result .item:nth-child(2) .sort {
    background: #f60
}

.joe_header__above-search .result .item:nth-child(3) .sort, .joe_header__above-search-mobile .result .item:nth-child(3) .sort {
    background: #faa90e
}

.joe_header__above-search .result .item:hover, .joe_header__above-search-mobile .result .item:hover {
    background: #ebeef5;
}

.joe_header__above-search .result .item .sort, .joe_header__above-search-mobile .result .item .sort {
    color: #fff;
    background: #7f7f8c;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 2px;
    text-align: center;
    margin-right: 8px;
    font-weight: 500
}

.joe_header__above-search .result .item .text, .joe_header__above-search-mobile .result .item .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888;
    font-size: 12px
}

.joe_header__above-search .result .item .views, .joe_header__above-search-mobile .result .item .views {
    color: #666;
    font-size: 12px;
    margin-left: 5px
}

.joe_header__above-search-mobile input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.joe_header__above-searchicon {
    display: none;
    cursor: pointer;
    font-size: 23px !important;
    color: #888;
}

.joe_header__above-search  .icon-search{
    background-image: url(../svg/search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 25px;
    height: 25px;
}

::-webkit-scrollbar-track{
    background: 0 0;
}

::-webkit-scrollbar{
    height: 8px;
    width: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(102, 102, 102, 0.8);
}

.service-button {
    position: fixed;
    right: 20px;
    width: 60px;
    height: 60px;
    bottom: 100px;
}

.fab {
    width: 60px;
    height: auto;
    position: fixed;
    right: 20px;
    top: 50%;
    margin-top: -123px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 19891123;
}
.fab .fab-item {
    cursor: pointer;
    width: 120px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 4px;
    color: #333;
    display: flex;
    align-items: center;
    margin-top: 5px;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(5, 36, 82, 0.08);
}

.fab .wework-qrcode {
    margin-top: 5px;
    width: 120px;
    height: 142px;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(5, 36, 82, 0.08);
}
.fab .fab-item:hover {
    opacity: 0.9;
}

.fab .fab-item span {
    margin-left: 4px;
}

.fab-item.chat {
    background: linear-gradient(135deg, #3E9FFF 0%, #176FF2 100%);
    color: #FFF;
    position: relative;
}

.fab-item.apply {
    margin-top: 0;
    height: 140px;
    position: relative;
    border-radius: 63px 63px 4px 4px;
}

.fab:hover .close-btn{
    display: block!important;
}

.fab-item.apply .close-btn {
    display: none;
    position: absolute;
    right: 5px;
    top: 0;
}
.service-avatar {
    width: 65px;
    height: 65px;
    /*margin-top: -10px;*/
    animation: breathing 1s linear infinite;
}

.fab .action-box {
    position: relative;
    box-shadow: 0 0 18px 0 rgba(0,0,0,.1);
    border-radius: 4px;
}

.fab .action-box .action-item:not(:last-child):not(.wework){
    border-bottom: 1px solid #D8D8D8;
}

.fab .action-box .action-item span {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.fab .action-box .action-item:hover {
    background-color: #0064fa;
    color: #fff;
}

.fab .action-box .action-item svg path{
    fill: #0064fa!important;
}

.fab .action-box .action-item:hover svg path{
    fill: #FFFFFF!important;
}

.fab .action-box .action-item {
    position: relative;
    width: 56px;
    height: 56px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    cursor: pointer;
    padding: 6px 0 3px;
    z-index: 3;
    pointer-events: auto;
}

.fab .action-box .action-item.back2top {
    border: 1px solid #EEEEEE;
    display: none;
    margin-top: 5px;
}

.wework.action-item {
    position: relative;
}

.action-item .popover-menu {
    display: none;
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.17);
    margin-right: 4px;
    position: absolute;
    right: 80px;
    top: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}

.popover-menu .qrcode-box {
    width: 100%;
    height: 100%;
}

.action-item:hover .popover-menu {
    display: block;
}

.popover-menu .sub-item:hover{
    background: #FAFAFA;
}

.popover-menu .sub-item {
    min-width: 150px;
    white-space: nowrap;
    background-color: #FFF;
    display: flex;
    padding: 10px;
    height: auto;
    line-height: 20px;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    text-align: left;
}

.popover-menu .sub-item .title{
    font-size: 14px;
    color: #252b3a;
    font-weight: 600;
    line-height: 24px;
}

.popover-menu .sub-item .info {
    margin-top: 5px;
    line-height: 18px;
    background: none;
    font-size: 12px;
    padding: 0;
    color: #777;
}

.action-item .popover-menu:before {
    border: 8px solid transparent;
    border-left-color: #fff;
    content: "";
    position: absolute;
    right: -16px;
    top: 30px;
}

.avatar-container {
    opacity: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    width: 65px;
    height: 65px;
}

.avatar-container:before {
    animation: breath-ring 1s linear infinite;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .29;
    border: 1px solid #06f;
    border-radius: 50%;
    filter: blur(0);
    box-sizing: border-box;
    cursor: pointer;
}

.avatar-container .avatar-box {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #06f;
    border-radius: 50%;
}

.avatar-box .chat-btn {
    position: absolute;
    bottom: 0;
    padding: 2px 4px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    line-height: 16px;
    background: #0064fa;
    box-shadow: 0 0 18px 0 rgba(0,0,0,.1);
    border-radius: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.action-box .back2top {
    display: none;
}


.action-box .back2top.active {
    display: flex!important;
    transform: scale(1);
}
.fab.hide {
    display: none;
}

@keyframes breathing {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.9);
    }
    50% {
        transform: scale(.8);
    }
    75% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes breath-ring {
    0% {
        transform: scale(1);
        opacity: .8
    }

    25% {
        transform: scale(1.05);
        opacity: .6
    }

    50% {
        transform: scale(1.1);
        opacity: .1
    }

    75% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes breath-ring {
    0% {
        transform: scale(1);
        opacity: .8
    }

    25% {
        transform: scale(1.05);
        opacity: .6
    }

    50% {
        transform: scale(1.1);
        opacity: .1
    }

    75% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@media (max-width: 767px) {
    .fab {
        margin-top: -90px!important;
    }
    .fab .action-box {
        overflow: hidden;
        height: 56px;
    }
    .fab .action-box .action-item {
        display: none;
    }
    .fab .action-box .more {
        display: flex!important;
    }
    .fab .action-box .action-item.back2top {
        display: none;
    }
    .fab .action-box .action-item.more:hover {
        background-color: #fff;
        color: #333;
    }
    .fab .action-box .action-item.more:hover svg path {
        fill: #0064fa!important;
    }
    .fab .action-box .action-item.more span::after {
        content: "更多功能";
    }
    .fab.expand .action-box .action-item.more span::after {
        content: "收起";
    }
    .fab.expand .action-box {
        height: auto;
    }
    .fab.expand .action-box .action-item {
        display: flex;
    }
    .fab.expand .action-box .action-item.more {
        border-top: 1px solid #D8D8D8;
    }
}