@charset "UTF-8";

.qui_clear:after, .zk_tabNav:after {
    clear: both;
    content: ".";
    display: block;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}

.qui_txtOverflow {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: normal;
}
.qui_clear:after, .zk_tabNav:after {
    clear: both;
    content: ".";
    display: block;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}

.qui_txtOverflow {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: normal;
}

body, dl, dd, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, legend {
    margin: 0;
}

ul, ol, fieldset {
    margin: 0;
    padding: 0;
}

th, td {
    padding: 0;
}

table {
    font-size: inherit;
}

fieldset, img {
    border: 0;
}

ul, ol, li {
    list-style: none;
}

body {
    font-size: 14px;
    line-height: 1.5;
    background: #FFF;
    color: #000;
}

h1, h2, h3, h4 {
    font-size: 18px;
    font-weight: normal;
}

body, input, textarea, select, button {
    font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
    outline: none;
    -webkit-text-size-adjust: none;
}

input, textarea, select, button {
    font-size: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    color: #0055ff;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(105, 186, 255, 0.13);
}

:focus {
    outline: none;
}

/* #html5 HTML5 元素的支持 */
article, aside, details,
figcaption, figure,
footer, header, hgroup,
main, nav, section,
summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

/**
 * _function.scss
 * @author Kayo
 * @date 2014-11-17
 */
.qui_txtNormal {
    font-weight: normal !important;
}

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

.qui_txtLeft {
    text-align: left !important;
}

.qui_txtRight {
    text-align: right !important;
}

.qui_txtUnderline {
    text-decoration: underline !important;
}

.qui_txtUnderlineNone {
    text-decoration: none !important;
}

.qui_txtNowrap {
    white-space: nowrap !important;
}

.qui_layoutLeft {
    float: left !important;
}

.qui_layoutRight {
    float: right !important;
}

.qui_displayNone {
    display: none !important;
}

/**
 * _widget.scss 业务公共组件
 * @author 吴小桂
 * @date 2019-01-10
 *
 */
/**
 * _button.scss 按钮组件
 * @author 吴小桂
 * @date 2019-01-10
 *
 * .zk_btn
 *  + .zk_btn_Ghost
 *
 */
.zk_btn {
    display: inline-block;
    margin: 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    min-width: 46px;
    height: 30px;
    padding: 0 12px;
    background: #0055ff;
    border: 1px solid transparent;
    line-height: 32px;
    line-height: 31px \9\0;
    outline: none;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    color: #FFF;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 2px;
}

.zk_btn:not([disabled]):hover {
    background-color: #1861f2;
    color: #fff;
}

.zk_btn:active, .zk_btn_Active {
    background-color: #1861f2;
}

.zk_btn[Disabled] {
    opacity: .5;
}

a.zk_btn {
    text-decoration: none;
}

a.zk_btn:hover {
    text-decoration: none;
}

.zk_btn_Ghost {
    background-color: transparent;
    border: 1px solid #1861f2;
    color: #1861f2;
}

.zk_btn_Ghost:hover {
    background-color: transparent;
    border-color: #1861f2;
    color: #1861f2;
}

.zk_btn_Ghost:active, .zk_btn_Ghost_Active {
    background-color: transparent;
    border-color: #1861f2;
    color: #1861f2;
}

/**
 * _dialog.scss 对话框组件
 * @author 吴小桂
 * @date 2019-01-10
 *
 * .zk_dialog
 * > .zk_dialog_head 对话框的头部
 *   > .zk_dialog_title 对话框的标题
 *   > [.zk_dialog_close] 可选。对话框的关闭按钮
 * > .zk_dialog_cnt 对话框的内容区域
 * > [.zk_dialog_foot] 可选。对话框的底部
 */
.zk_dialog {
    position: absolute;
    z-index: 100;
    min-width: 420px;
    background: #fff;
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.zk_dialog_head {
    padding: 0 12px;
    background: #0055ff;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

.zk_dialog_title {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

.zk_dialog_close {
    position: absolute;
    top: 5px;
    right: 6px;
    padding: 5px;
    line-height: 1;
    font-size: 18px;
    color: #fff;
}

.zk_dialog_close:hover {
    color: #d6d9de;
    text-decoration: none;
}

.zk_dialog_close:active {
    color: #eaecee;
}

.zk_dialog_body {
    padding: 23px 30px 30px 37px;
    background: #fff;
    font-size: 14px;
    color: #353C46;
}

.zk_dialog_foot {
    padding: 17px 12px;
    background: #fff;
    border-top: none;
    border-radius: 0 0 5px 5px;
    text-align: right;
    line-height: 25px;
}

.zk_dialog_foot .zk_btn {
    margin-left: 12px;
}

/**
 * _mask.scss 遮罩层组件
 * @author 吴小桂
 * @date 2019-01-10
 *
 * .zk_maskWrap 遮罩层的包裹容器，包裹遮罩层以及需要弹出的内容（如对话框）
 * > .zk_mask
 */
.zk_maskWrap {
    position: relative;
    z-index: 90;
}

.zk_mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/**
 * _dropdownMenu.scss 下拉菜单组件
 * @author 吴小桂
 * @date 2019-01-10
 *
 * .zk_dropdownMenu
 *
 */
.zk_dropdownMenu {
    position: absolute;
    z-index: 30;
    min-width: 206px;
    background: #fff;
    border: 1px solid #CCCCCE;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.zk_dropdownMenu ul {
    padding: 12px 0;
}

.zk_dropdownMenu_itemLink {
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    color: #000;
}

.zk_dropdownMenu_itemLink:hover {
    background-color: #F5F5F5;
    text-decoration: none;
}

.zk_dropdownMenu_itemLink:active {
    background-color: #EBEBEB;
}

.zk_dropdownMenu_split {
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    margin: 5px 0;
    border-top: 1px solid #ccc;
}

/**
 * _dropdownMenu.scss 下拉菜单组件
 * @author 曾洁莹
 * @date 2019-04-16
 *
 * .zk-dropdown
 *
 */
.zk-dropdown {
    display: inline-block;
    position: relative;
    width: 300px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e1e4f5;
    background: #fff;
    vertical-align: middle;
    z-index: 10;
}

.zk-dropdown:focus {
    outline: 0;
}

.zk-dropdown .value {
    float: left;
    padding: 0 10px;
    text-indent: 0;
    max-width: 85%;
    text-align: left;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.zk-dropdown .drop-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    height: 5px;
    text-align: left;
    background: url("resources/dropdown-bottom.png") no-repeat;
}

.zk-dropdown .drop-panel {
    position: absolute;
    top: 100%;
    left: -1px;
    width: 100%;
    border: 1px solid #e1e4f5;
    background: #fff;
    text-align: left;
    display: none;
}

.zk-dropdown .drop-panel .bottom {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #e1e1e1;
    text-align: center;
}

.zk-dropdown .list {
    max-height: 240px;
    overflow: auto;
    scrollbar-face-color: #515b73;
    /*主色调*/
    scrollbar-highlight-color: #000000;
    scrollbar-shadow-color: #515b73;
    /*描边颜色*/
    scrollbar-3dlight-color: #515b73;
    /*左侧边高光颜色*/
    scrollbar-arrow-color: #515b73;
    /*小三角颜色*/
    scrollbar-track-color: #fff;
    scrollbar-darkshadow-color: #fff;
}

.zk-dropdown .list-item {
    padding: 0 6px;
    cursor: pointer;
}

.zk-dropdown .list-item:hover {
    background: #eee;
}

.zk-dropdown .list::-webkit-scrollbar {
    width: 6px;
    background-color: #515b73;
    border-radius: 6px;
}

.zk-dropdown .list::-webkit-scrollbar-track {
    background-color: #515b73;
}

.zk-dropdown .list::-webkit-scrollbar-button {
    display: none;
}

.zk-dropdown .list::-webkit-scrollbar-thumb {
    background-color: #515b73;
    border-radius: 10px;
}

.zk-dropdown .list::-webkit-scrollbar-thumb:hover {
    background-color: #343f5b;
}

.zk-dropdown .list::-webkit-scrollbar-track-piece {
    background-color: #fff;
}

/**
 * _dropdownMenu.scss 下拉菜单组件样式2
 * @author 小程
 * @date 2019-04-25
 *
 * .zk-dropdown-pop
 *
 */
.zk-dropdown-pop {
    display: inline-block;
    position: relative;
    width: 150px;
    height: 38px;
    line-height: 38px;
    border: none;
    background: #fff;
    vertical-align: middle;
    z-index: 10;
    color: #0055ff;
    background: url("resources/dropdown-popbg.png") no-repeat;
    background-size: 100%;
    background-position-y: 10px;
}

.zk-dropdown-pop:focus {
    outline: 0;
}

.zk-dropdown-pop:before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 8px solid #0055ff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 15px;
    right: 10px;
}

.zk-dropdown-pop .value {
    float: left;
    padding: 0 10px;
    text-indent: 0;
    max-width: 85%;
    text-align: left;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.zk-dropdown-pop .drop-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    height: 5px;
    text-align: left;
    background: url("resources/dropdown-bottom.png") no-repeat;
}

.zk-dropdown-pop .drop-panel {
    position: absolute;
    top: 100%;
    left: -1px;
    width: 100%;
    border: 1px solid #e1e4f5;
    background: #fff;
    text-align: left;
    display: none;
}

.zk-dropdown-pop .drop-panel .bottom {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #e1e1e1;
    text-align: center;
}

.zk-dropdown-pop .list {
    max-height: 240px;
    overflow: auto;
    scrollbar-face-color: #515b73;
    /*主色调*/
    scrollbar-highlight-color: #000000;
    scrollbar-shadow-color: #515b73;
    /*描边颜色*/
    scrollbar-3dlight-color: #515b73;
    /*左侧边高光颜色*/
    scrollbar-arrow-color: #515b73;
    /*小三角颜色*/
    scrollbar-track-color: #fff;
    scrollbar-darkshadow-color: #fff;
}

.zk-dropdown-pop .list-item {
    padding: 0 6px;
    cursor: pointer;
}

.zk-dropdown-pop .list-item:hover {
    background: #eee;
}

.zk-dropdown-pop .list::-webkit-scrollbar {
    width: 6px;
    background-color: #515b73;
    border-radius: 6px;
}

.zk-dropdown-pop .list::-webkit-scrollbar-track {
    background-color: #515b73;
}

.zk-dropdown-pop .list::-webkit-scrollbar-button {
    display: none;
}

.zk-dropdown-pop .list::-webkit-scrollbar-thumb {
    background-color: #515b73;
    border-radius: 10px;
}

.zk-dropdown-pop .list::-webkit-scrollbar-thumb:hover {
    background-color: #343f5b;
}

.zk-dropdown-pop .list::-webkit-scrollbar-track-piece {
    background-color: #fff;
}

/**
 * _tab.scss 选项卡组件
 * @author 吴小桂
 * @date 2019-01-10
 *
 * .zk_tab
 * > .zk_tab_title
 *   > .zk_tabNav
 *     > .zk_tabNav_item
 *       > .zk_tabNav_itemLink
 * > .zk_tab_cnt
 *
 */
.zk_tab {
    background: #fff;
    border: 1px solid #DEE0E2;
}

.zk_tab_title {
    background: #fff;
}

.zk_tabNav {
    padding: 0 16px;
    border-bottom: 1px solid #DEE0E2;
}

.zk_tabNav_item {
    float: left;
    margin: 0 24px -1px 0;
    border-bottom: 3px solid transparent;
    font-size: 16px;
}

.zk_tabNav_item_Curr {
    border-color: #04C9E8;
}

.zk_tabNav_item_Curr .zk_tabNav_itemLink {
    color: #04C9E8;
}

.zk_tabNav_itemLink {
    display: block;
    height: 43px;
    line-height: 43px;
    padding: 0;
    background: transparent;
    color: #858C96;
}

.zk_tabNav_itemLink:hover {
    color: #04C9E8;
    text-decoration: none;
}

.zk_tab_cnt {
    min-height: 100px;
    padding: 16px 24px;
}

/**
 * _textField.scss 文本输入组件
 * @author 吴小桂
 * @date 2019-01-10
 *
 * .zk_inputText
 * .zk_textarea
 *
 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #8f9bb2;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: #8f9bb2;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #8f9bb2;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: #8f9bb2;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #8f9bb2;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: #8f9bb2;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #8f9bb2;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: #8f9bb2;
}

.zk_inputText, .zk_textarea {
    width: 270px;
    line-height: 22px;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid #CCCCCE;
    border-radius: 5px;
}

.zk_inputText,
.zk_textarea {
    font-size: 15px;
    color: #353C46;
}

.zk_inputText {
    height: 22px;
}

.zk_inputText::-ms-clear {
    display: none;
}

.zk_textarea {
    height: 66px;
}

/*新的message组件*/
.message-container {
    position: fixed;
    top: 10%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 38px;
    padding: 0 16px;
    line-height: 36px;
    border-radius: 2px;
    border: 1px solid #000;
    background-color: #fff;
    z-index: 10003;
}

.message-container.has-close-btn {
    padding-right: 40px;
}

.message-container .message-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 8px;
    height: 8px;
    margin-left: 15px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.message-content {
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: left center;
}

.message-success {
    color: #16b841;
    border-color: #bce0c6;
    background-color: #ebfff0;
    -webkit-box-shadow: 0 2px 10px 2px #bbb;
            box-shadow: 0 2px 10px 2px #bbb;
}

.message-success .message-content {
    background-image: url(resources/message-success.png);
}

.message-success .message-close {
    background-image: url(resources/success-close-icon.png);
}

.message-wait {
    color: #ff8800;
    border-color: #ffcf99;
    background-color: #fff5eb;
    -webkit-box-shadow: 0 2px 10px 2px #bbb;
            box-shadow: 0 2px 10px 2px #bbb;
}

.message-wait .message-content {
    background-image: url(resources/message-wait.png);
}

.message-wait .message-close {
    background-image: url(resources/warn-close-icon.png);
}

.message-warn {
    color: #ff8800;
    border-color: #ffcf99;
    background-color: #fff5eb;
    -webkit-box-shadow: 0 2px 10px 2px #bbb;
            box-shadow: 0 2px 10px 2px #bbb;
}

.message-warn .message-content {
    background-image: url(resources/message-warn.png);
}

.message-warn .message-close {
    background-image: url(resources/warn-close-icon.png);
}

.message-error {
    color: #ff2200;
    border-color: #ffa799;
    background-color: #ffedeb;
    -webkit-box-shadow: 0 2px 10px 2px #bbb;
            box-shadow: 0 2px 10px 2px #bbb;
}

.message-error .message-content {
    background-image: url(resources/message-error.png);
}

.message-error .message-close {
    background-image: url(resources/error-close-icon.png);
}

@media screen and (max-width: 1000px) {
    .message-container {
        min-height: 30px;
        height: auto;
        line-height: 30px;
    }
}

/**
 * _sliderVerify.scss 滑动验证组件
 * @author 曾洁莹
 * @date 2019-04-22
 *
 *
 */
/*滑动验证码*/
.verify-bar-area {
    position: relative;
    background: #f7f9fa;
    text-align: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0px 0px 5px 1px #eee;
            box-shadow: inset 0px 0px 5px 1px #eee;
}

.verify-bar-area .verify-move-block {
    position: absolute;
    top: 0px;
    left: 0;
    background: url("resources/slider-block.png") no-repeat center center;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0 0 2px #cfd6e6;
            box-shadow: 0 0 2px #cfd6e6;
    -webkit-border-radius: 1px;
}

.verify-bar-area .verify-move-block .verify-icon {
    font-size: 18px;
}

.verify-bar-area .verify-left-bar {
    position: absolute;
    top: -1px;
    left: -1px;
    background: #f0fff0;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
}

.verify-bar-area .verify-msg {
    color: #a8acbf;
    z-index: 3;
}

.verify-bar-area.again-slider {
    background: #fff4f2;
    border-color: #ffcec4;
}

.verify-bar-area.again-slider .verify-msg {
    color: #ff8a73;
}

.verify-bar-area.success-slider {
    background: #e5f2ff;
    border-color: #0055ff;
}

.verify-bar-area.success-slider .verify-msg {
    color: #0055ff;
}

.verify-img-panel {
    margin: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: relative;
}

.verify-jigsaw-out {
    display: none;
    position: absolute;
    z-index: 2;
}

.verify-img-panel .verify-refresh {
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.verify-img-panel .icon-refresh {
    font-size: 20px;
    color: #fff;
}

.verify-img-panel .verify-gap {
    background-color: #fff;
    position: relative;
    z-index: 2;
    border: 1px solid #fff;
}

.icon-success {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("resources/slider-success.png") no-repeat center center;
    vertical-align: middle;
    margin: -2px 4px 0 0;
}

/*字体图标的css*/
@font-face {
    font-family: "iconfont";
    src: url("resources/iconfont.eot");
    /* IE9*/
    src: url("resources/iconfont.eot") format("embedded-opentype"), url("resources/ddb56c9468f642ba945b6cb079e0faba.woff") format("woff"), url("resources/iconfont.ttf") format("truetype"), url("resources/iconfont.svg") format("svg");
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-refresh:before {
    content: "\e6a4";
}

/**
 * _toolBar.scss 工具栏组件
 * @author 何纯锋
 * @date 2019-04-28
 *
 *
 */
/*工具栏*/
/**
 * var.scss 变量
 * @author 吴小桂
 * @date 2019-01-10
 *
 * --- function ----
 * #function QMUI 功能相关
 *
 * --- common ----
 * #common 通用

 * --- component ----
 * #button 按钮组件
 * #dialog 对话框组件
 * #mask 遮罩层组件
 * #dropdownMenu 下拉菜单组件
 * #tab 选项卡组件
 * #inputText、#textarea 文本输入组件
 *
 */
/**
 * _mixin.scss
 * @author Kayo
 * @date 2014-10-31
 *
 */
.qui_clear:after, .zk_tabNav:after {
    clear: both;
    content: ".";
    display: block;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}

.qui_txtOverflow {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: normal;
}

/**
 * _tool.scss 常用工具方法
 * @author Kayo
 * @date 2015-08-23
 *
 */
.zk_icon{
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.zk_icon_btn-qa-large{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -147px -309px;
    width: 20px;
    height: 19px;
}
.zk_icon_btn-qa-small{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -222px;
    width: 16px;
    height: 15px;
}
.zk_icon_btn-signin-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px 0;
    width: 13px;
    height: 12px;
}
.zk_icon_btn-signin-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -22px;
    width: 13px;
    height: 12px;
}
.zk_icon_cart{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -144px;
    width: 18px;
    height: 16px;
}
.zk_icon_checkbox_check{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -282px -238px;
    width: 14px;
    height: 14px;
}
.zk_icon_checkbox_icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -306px -238px;
    width: 14px;
    height: 14px;
}
.zk_icon_close-tag{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -202px;
    width: 10px;
    height: 10px;
}
.zk_icon_code-active-icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -184px;
    width: 12px;
    height: 15px;
}
.zk_icon_code-icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -209px;
    width: 12px;
    height: 15px;
}
.zk_icon_grade-expert{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -65px -262px;
    width: 81px;
    height: 22px;
}
.zk_icon_grade-professor{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -156px -262px;
    width: 81px;
    height: 22px;
}
.zk_icon_grade-student{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -247px -262px;
    width: 81px;
    height: 22px;
}
.zk_icon_grade-teacher{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: 0 -309px;
    width: 81px;
    height: 22px;
}
.zk_icon_integral-signin{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -297px;
    width: 14px;
    height: 16px;
}
.zk_icon_m-btn-my-enter{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: 0 -202px;
    width: 50px;
    height: 50px;
}
.zk_icon_m-enter-ask-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px 0;
    width: 18px;
    height: 18px;
}
.zk_icon_m-enter-collect-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -297px -309px;
    width: 19px;
    height: 18px;
}
.zk_icon_m-enter-message-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -28px;
    width: 18px;
    height: 18px;
}
.zk_icon_m-enter-quiz-bg{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -60px -202px;
    width: 50px;
    height: 50px;
}
.zk_icon_m-enter-reply-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -56px;
    width: 18px;
    height: 18px;
}
.zk_icon_m-signin-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -44px;
    width: 13px;
    height: 12px;
}
.zk_icon_m-signin-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -247px;
    width: 16px;
    height: 15px;
}
.zk_icon_mobile-active-icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -234px;
    width: 12px;
    height: 15px;
}
.zk_icon_mobile-icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -259px;
    width: 12px;
    height: 15px;
}
.zk_icon_my-message-delete{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -120px -202px;
    width: 50px;
    height: 50px;
}
.zk_icon_my-message-msspecify{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -180px -202px;
    width: 50px;
    height: 50px;
}
.zk_icon_my-message-reply{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -282px 0;
    width: 50px;
    height: 50px;
}
.zk_icon_p-first{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -260px;
    width: 7px;
    height: 8px;
}
.zk_icon_p-last{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -278px;
    width: 7px;
    height: 8px;
}
.zk_icon_p-next{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -296px;
    width: 5px;
    height: 8px;
}
.zk_icon_p-pre{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -314px;
    width: 5px;
    height: 8px;
}
.zk_icon_pass-active-icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -284px;
    width: 12px;
    height: 15px;
}
.zk_icon_pass-eye-active{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -68px -367px;
    width: 16px;
    height: 10px;
}
.zk_icon_pass-eye{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -94px -367px;
    width: 16px;
    height: 10px;
}
.zk_icon_pass-icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -309px;
    width: 12px;
    height: 15px;
}
.zk_icon_pass2-active-icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -334px;
    width: 12px;
    height: 15px;
}
.zk_icon_pass2-icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -190px -132px;
    width: 12px;
    height: 15px;
}
.zk_icon_prefix-icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -244px;
    width: 10px;
    height: 6px;
}
.zk_icon_qa-add-reward{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -60px -341px;
    width: 14px;
    height: 16px;
}
.zk_icon_qa-auth-company-large{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -91px -309px;
    width: 18px;
    height: 22px;
}
.zk_icon_qa-auth-company{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -84px;
    width: 16px;
    height: 20px;
}
.zk_icon_qa-auth-personal-large{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -119px -309px;
    width: 18px;
    height: 22px;
}
.zk_icon_qa-auth-personal{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -114px;
    width: 16px;
    height: 20px;
}
.zk_icon_qa-best{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: 0 0;
    width: 121px;
    height: 122px;
}
.zk_icon_qa-collection-empty-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px 0;
    width: 14px;
    height: 13px;
}
.zk_icon_qa-collection-solid-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -23px;
    width: 14px;
    height: 13px;
}
.zk_icon_qa-collection-solid-default-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -46px;
    width: 14px;
    height: 13px;
}
.zk_icon_qa-collection-solid-default-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -69px;
    width: 14px;
    height: 13px;
}
.zk_icon_qa-comment-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -108px -341px;
    width: 14px;
    height: 14px;
}
.zk_icon_qa-comment-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -132px -341px;
    width: 14px;
    height: 14px;
}
.zk_icon_qa-down-empty-allow{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -323px;
    width: 14px;
    height: 8px;
}
.zk_icon_qa-edit-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -92px;
    width: 12px;
    height: 12px;
}
.zk_icon_qa-edit-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -114px;
    width: 12px;
    height: 12px;
}
.zk_icon_qa-edit-person-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -136px;
    width: 12px;
    height: 12px;
}
.zk_icon_qa-great-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -156px -341px;
    width: 14px;
    height: 14px;
}
.zk_icon_qa-great-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -180px -341px;
    width: 14px;
    height: 14px;
}
.zk_icon_qa-integral-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -84px -341px;
    width: 14px;
    height: 16px;
}
.zk_icon_qa-m-collection-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -92px;
    width: 14px;
    height: 13px;
}
.zk_icon_qa-m-collection-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -115px;
    width: 14px;
    height: 13px;
}
.zk_icon_qa-more-arrow{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -66px;
    width: 9px;
    height: 16px;
}
.zk_icon_qa-reply-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -22px -367px;
    width: 13px;
    height: 13px;
}
.zk_icon_qa-reply-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -45px -367px;
    width: 13px;
    height: 13px;
}
.zk_icon_qa-report-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -204px -341px;
    width: 14px;
    height: 14px;
}
.zk_icon_qa-report-big{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -212px -132px;
    width: 57px;
    height: 50px;
}
.zk_icon_qa-report-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -228px -341px;
    width: 14px;
    height: 14px;
}
.zk_icon_qa-share-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -252px -341px;
    width: 14px;
    height: 14px;
}
.zk_icon_qa-share-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -276px -341px;
    width: 14px;
    height: 14px;
}
.zk_icon_qa-small-delete-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -138px;
    width: 14px;
    height: 13px;
}
.zk_icon_qa-small-delete-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -370px -161px;
    width: 14px;
    height: 13px;
}
.zk_icon_qa-tag-large{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -170px;
    width: 16px;
    height: 16px;
}
.zk_icon_qa-tag-small-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -158px;
    width: 12px;
    height: 12px;
}
.zk_icon_qa-text-tips{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -160px -163px;
    width: 20px;
    height: 20px;
}
.zk_icon_qa-tread-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -300px -341px;
    width: 14px;
    height: 14px;
}
.zk_icon_qa-tread-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -324px -341px;
    width: 14px;
    height: 14px;
}
.zk_icon_right-arrow{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -222px;
    width: 7px;
    height: 12px;
}
.zk_icon_search{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -196px;
    width: 16px;
    height: 16px;
}
.zk_icon_search_btn_new{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -240px -202px;
    width: 20px;
    height: 20px;
}
.zk_icon_signin-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -240px -232px;
    width: 20px;
    height: 20px;
}
.zk_icon_signin-close-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -131px -92px;
    width: 22px;
    height: 22px;
}
.zk_icon_signin-gold1{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -282px -206px;
    width: 40px;
    height: 22px;
}
.zk_icon_signin-gold2{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -282px -167px;
    width: 45px;
    height: 29px;
}
.zk_icon_signin-gold3{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -282px -120px;
    width: 45px;
    height: 37px;
}
.zk_icon_signin-gold4{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: 0 -262px;
    width: 55px;
    height: 37px;
}
.zk_icon_signin-growth1{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -90px -132px;
    width: 60px;
    height: 56px;
}
.zk_icon_signin-growth2{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -212px 0;
    width: 60px;
    height: 56px;
}
.zk_icon_signin-growth3{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -212px -66px;
    width: 60px;
    height: 56px;
}
.zk_icon_signin-receive{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: 0 -132px;
    width: 80px;
    height: 60px;
}
.zk_icon_signin-success{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -282px -60px;
    width: 50px;
    height: 50px;
}
.zk_icon_sm-qa-best{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -131px 0;
    width: 71px;
    height: 82px;
}
.zk_icon_sm-qa-edit-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -394px -180px;
    width: 12px;
    height: 12px;
}
.zk_icon_tb-car-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -177px -309px;
    width: 20px;
    height: 18px;
}
.zk_icon_tb-car-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -207px -309px;
    width: 20px;
    height: 18px;
}
.zk_icon_tb-doc-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -237px -309px;
    width: 20px;
    height: 18px;
}
.zk_icon_tb-doc-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -267px -309px;
    width: 20px;
    height: 18px;
}
.zk_icon_tb-service-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -163px -92px;
    width: 20px;
    height: 21px;
}
.zk_icon_tb-service-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -160px -132px;
    width: 20px;
    height: 21px;
}
.zk_icon_tb-toTop-before{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: 0 -341px;
    width: 20px;
    height: 16px;
}
.zk_icon_tb-toTop-hover{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -30px -341px;
    width: 20px;
    height: 16px;
}
.zk_icon_user-active-icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -190px -163px;
    width: 12px;
    height: 15px;
}
.zk_icon_user-icon{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: 0 -367px;
    width: 12px;
    height: 15px;
}
.zk_icon_warmtips{
    background-image: url(resources/icons.7376376d5c.png);
    background-position: -342px -272px;
    width: 15px;
    height: 15px;
}
/*清除浮动*/
.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

.tool-bar {
    position: fixed;
    top: 40%;
    right: 30px;
    left: auto;
    z-index: 999;
}

.icon-kf {
    display: inline-block;
    width: 11px;
    height: 13px;
    vertical-align: middle;
}

.icon-kf-mobile {
    background: url(resources/icon-kf-mobile.png) no-repeat;
}

.kf-name {
    display: inline-block;
    width: 46px;
    font-style: initial;
    text-align: left;
    margin-right: 10px;
    line-height: 30px;
}

.kf-num {
    vertical-align: middle;
    font-style: initial;
    color: #0055ff;
}

.kefu-sm-wrap {
    max-height: 175px;
    overflow: auto;
}

.kefu-link a {
    width: inherit;
    width: 105px;
    margin-left: 2px;
    margin-bottom: 10px;
    padding: 0 4px;
    display: block;
    background-color: #fafbfc;
    border-radius: 3px;
    border: solid 1px #e9ecf2;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
}

.tool-bar-common.tool-bar-chart {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #ff6040;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 26, 77, 0.15);
            box-shadow: 0px 3px 8px 0px rgba(0, 26, 77, 0.15);
    border-radius: 50%;
    border: none;
    margin-left: 20px;
    position: relative;
}

.tool-bar-common.tool-bar-chart:hover {
    background-color: #ff4a26;
}

.tool-bar-common.tool-bar-chart .add-success {
    width: 200px;
    height: 136px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 25, 76, 0.15);
            box-shadow: 0px 3px 8px 0px rgba(0, 25, 76, 0.15);
    border: solid 1px #e9ecf2;
    position: absolute;
    left: -220px;
    top: -25px;
    padding: 30px;
    display: none;
}

.tool-bar-common.tool-bar-chart .add-success::after {
    position: absolute;
    display: inline-block;
    top: 48px;
    right: -10px;
    width: 0;
    height: 0px;
    content: '';
    border-style: solid;
    border-width: 10px;
    border-color: #fff #fff transparent transparent;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-box-shadow: 2px -2px 2px rgba(0, 25, 76, 0.15);
            box-shadow: 2px -2px 2px rgba(0, 25, 76, 0.15);
}

.tool-bar-common.tool-bar-chart .add-success > p {
    font-size: 16px;
    color: #ff6040;
    font-weight: bold;
    margin-bottom: 13px;
    text-align: center;
    line-height: normal;
}

.tool-bar-common.tool-bar-chart .add-success > .go-pay-btn {
    display: block;
    width: 130px;
    height: 40px;
    background-color: #ff5533;
    border-radius: 5px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
}

.tool-bar-common.tool-bar-contact {
    height: 175px;
    border: none;
    background-color: initial;
    width: 80px;
    padding-left: 20px;
}

.tool-bar-common.tool-bar-contact > a {
    display: block;
    text-align: center;
    width: 60px;
    height: 175px;
    background-color: #0055ff;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 25, 76, 0.15);
            box-shadow: 0px 3px 8px 0px rgba(0, 25, 76, 0.15);
    border-radius: 5px;
    border: none;
    word-wrap: break-word;
    color: #fff;
    padding-top: 20px;
}

.tool-bar-common.tool-bar-contact > a:hover {
    background-color: #004ce5;
}

.tool-bar-common.tool-bar-contact:hover {
    background-color: transparent;
}

.tool-bar-common.tool-bar-gotop {
    width: 60px;
    height: 50px;
    text-align: center;
    background-color: #0055ff;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 25, 76, 0.15);
            box-shadow: 0px 3px 8px 0px rgba(0, 25, 76, 0.15);
    border-radius: 5px;
    border: none;
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px;
}

.tool-bar-common {
    width: 38px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 4px 0px 0px 4px;
    border: solid 2px #004bff;
    border-right: 0;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

.tool-bar-common:hover, .tool-bar-common.active {
    background-color: #004ce5;
}

.tool-bar-common.active .common-dialog-wrap {
    display: block;
}

.tool-bar-common .common-dialog-wrap {
    display: none;
    position: absolute;
    background: #f5f6fa;
    border-radius: 5px 0 0 5px;
    -webkit-box-shadow: -2px 4px 6px 2px rgba(0, 0, 0, 0.2);
            box-shadow: -2px 4px 6px 2px rgba(0, 0, 0, 0.2);
}

.tool-bar-common .common-dialog-wrap:not(.contact-wrap):after {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    top: 14px;
    border-left-color: #f5f6fa;
}

.tool-bar-common .tip-wrap {
    right: 40px;
    top: 0;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #333333;
}

.tool-bar-common .tip-wrap:after {
    left: 80px;
}

.tool-bar-common .contact-wrap {
    display: none;
    padding: 0 20px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 226px;
    max-width: 240px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(64, 85, 127, 0.2);
            box-shadow: 0px 2px 8px 0px rgba(64, 85, 127, 0.2);
    border-radius: 5px;
    border: solid 1px #e9ecf2;
    right: 80px;
    top: -130px;
    color: #333;
}

.tool-bar-common .contact-wrap:after {
    left: 170px;
    top: 145px;
}

.tool-bar-common .contact-wrap .contact-title {
    height: 30px;
    line-height: 30px;
    color: #8f9bb2;
    font-size: 16px;
    font-weight: bold;
}

.tool-bar-common .contact-wrap .phone-wrap {
    padding: 22px 0;
    border-top: 1px solid #e1e4f5;
    border-bottom: 1px solid #e1e4f5;
}

.tool-bar-common .contact-wrap .kefu-link-wrap {
    margin-bottom: 10px;
    padding-top: 20px;
}

.tool-bar-common .contact-wrap .kefu-link-wrap .contact-title {
    margin-top: 4px;
}

.tool-bar-common .contact-wrap .kf-list {
    max-height: 190px;
    overflow: auto;
    margin: 10px 0 15px;
}

.tool-bar-common .contact-wrap .kefu-link {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.tool-bar-common .contact-wrap .phone-num {
    margin-top: 20px;
}

.tool-bar-common .contact-wrap .QRCode-wrap {
    margin: 24px 0 22px 0;
    text-align: center;
}

.tool-bar-warp span {
    display: inline-block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.tool-bar-warp .tb-num {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: -12px;
    right: -10px;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

.tool-bar-warp .tb-has-num {
    background-color: #ffd7ce;
    color: #ff6040;
}

.toTopBtn {
    display: none !important;
}

.m-tool-bar {
    display: none;
}

@media screen and (max-width: 1000px) {
    .m-tool-bar {
        position: fixed;
        top: 88%;
        right: 8px;
        bottom: 0;
        left: auto;
        z-index: 999;
        width: 53px;
        height: 53px;
        background: url(resources/m-toolbar-icon.png) no-repeat center center;
        background-size: 53px 53px;
    }
    .m-tool-bar .m-content-wrap {
        display: none;
        position: absolute;
        padding-left: 12px;
        padding-bottom: 12px;
        background: #ffffff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 145px;
        right: 56px;
        top: 0;
        margin-top: -200%;
        border-radius: 5px;
        -webkit-box-shadow: -2px 4px 6px rgba(0, 0, 0, 0.1);
                box-shadow: -2px 4px 6px rgba(0, 0, 0, 0.1);
        color: #333;
    }
    .m-tool-bar .common-content-wrap {
        line-height: 22px;
    }
    .m-tool-bar .common-content-wrap .contact-title {
        background-size: 22px 22px;
        margin-bottom: 10px;
    }
    .m-tool-bar .common-content-wrap p {
        font-size: 16px;
        font-weight: 900;
    }
    .m-tool-bar .phone-wrap a {
        color: #0055ff;
    }
    .m-tool-bar .kefu-link-wrap {
        margin-top: 12px;
    }
    .m-tool-bar .kefu-link-wrap a {
        margin: 0 10px 6px 0;
        font-size: 12px;
        color: #0055ff;
        white-space: nowrap;
    }
    .m-tool-bar .kefu-link-wrap a span {
        color: #333;
        display: inline-block;
        width: 40px;
    }
    .tool-bar {
        right: 0;
    }
    .tool-bar-warp .tb-num {
        right: inherit;
        left: 0;
    }
    .tool-bar-common.tool-bar-chart, .tool-bar-common.tool-bar-contact {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .tool-bar-common.tool-bar-contact {
        height: 60px;
    }
    .tool-bar-common.tool-bar-contact > a {
        height: 60px;
    }
}