@charset "utf-8";

b,
body:not(.article-content) table th,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
strong {
    font-weight: 400
}

* {
    margin: 0;
    padding: 0
}

body {
    font-family: "SF Pro Display", "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    -webkit-font-smoothing: antialiased;
    letter-spacing: .04em
}

@-moz-document url-prefix() {
    body {
        letter-spacing: 0
    }
}

body:not(.article-content) table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

body:not(.article-content) .noteContent table {
    width: auto;
    word-break: break-all
}

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

input,
select,
textarea {
    vertical-align: middle;
    color: #000;
    border: none;
    border: 0;
    outline: 0;
    resize: none
}

body a {
    color: inherit;
    text-decoration: none
}

b,
em,
i,
strong {
    font-style: normal
}

/* .item-drag-wrap em *,
body .title-t em,
body .title-t i {
    font-style: italic
} */

img {
    border: 0
}

.pointer {
    cursor: pointer
}

.editor-page .pointer {
    cursor: initial
}

.eng-tabs span,
.item-engine-title a,
.ui-cursor,
.ui-paging li {
    cursor: pointer
}

#index {
    font-size: 16px;
    line-height: normal
}

body .title-t li,
body .title-t ol,
body .title-t ul {
    list-style-type: initial
}

body .title-t h1,
body .title-t h2,
body .title-t h3,
body .title-t h4,
body .title-t h5,
body .title-t h6 {
    font-weight: initial
}

body .title-t body a {
    color: inherit;
    text-decoration: inherit
}

.default-color,
.txt-hover-theme:hover,
.txt-theme {
    color: rgb(16, 95, 173);
}

body .title-t strong {
    font-weight: 700
}

.fix9999 {
    z-index: 9999 !important
}

.bder-theme {
    border-color: rgb(16, 95, 173);
}

.bg-theme {
    background: rgb(16, 95, 173);
}

.bg-hover-theme:hover {
    background-color: rgb(16, 95, 173) !important;
}

.bg-theme-rgba10 {
    background-color: rgba(16, 95, 173, .1)
}

.bg-theme-rgba20 {
    background-color: rgba(16, 95, 173, .2)
}

.bg-theme-rgba30 {
    background-color: rgba(16, 95, 173, .3)
}

.bg-theme-rgba40 {
    background-color: rgba(16, 95, 173, .4)
}

.bg-theme-rgba50 {
    background-color: rgba(16, 95, 173, .5)
}

.bg-theme-rgba60 {
    background-color: rgba(16, 95, 173, .6)
}

.bg-theme-rgba70 {
    background-color: rgba(16, 95, 173, .7)
}

.bg-theme-rgba80 {
    background-color: rgba(16, 95, 173, .8)
}

.bg-theme-rgba90 {
    background-color: rgba(16, 95, 173, .9)
}
.bder-hover-theme:hover {
    border-color: rgb(16, 95, 173) !important;
}
.col333 {
    color: #333
}

.col666 {
    color: #666
}

.col999 {
    color: #999
}

.clear:after {
    content: '';
    display: block;
    clear: both
}

.overHidden2,
.overHidden3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.6 !important;
    overflow: hidden;
    text-overflow: ellipsis
}

.clear {
    clear: none !important
}

.fr {
    float: right
}

.fl {
    float: left
}

.overflowHide {
    overflow: hidden
}

.overHidden1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.overHidden2 {
    -webkit-line-clamp: 2
}

.overHidden3 {
    -webkit-line-clamp: 3
}

.txt-l {
    text-align: left
}

.txt-c {
    text-align: center
}

.txt-r {
    text-align: right
}

.show {
    display: block
}

.hide {
    display: none
}

.fs12 {
    font-size: 12px
}

.fs14 {
    font-size: 14px
}

.fs16 {
    font-size: 16px
}

.fs18 {
    font-size: 18px
}

.fs20 {
    font-size: 20px
}

.fs22 {
    font-size: 22px
}

.fs24 {
    font-size: 24px
}

.fs26 {
    font-size: 26px
}

.fs28 {
    font-size: 28px
}

.fs30 {
    font-size: 30px
}

.fs32 {
    font-size: 32px
}

.fs34 {
    font-size: 34px
}

.fs36 {
    font-size: 36px
}

.item-engine-title {
    min-height: 22px;
    line-height: 22px;
    margin-bottom: 15px;
    padding: 0 17px 0 0;
    position: relative
}

.item-engine-title .title-icon {
    display: inline-block;
    width: 6px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle
}

.item-engine-title .title-t {
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.item-engine-title .more {
    font-size: 14px;
    color: #999;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 17px;
    cursor: pointer
}

.item-engine-title .more .icon-up {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 10px;
    position: relative;
    top: -1px
}

.eng-tabs {
    border-bottom: 1px solid #EEE;
    margin-bottom: 15px;
    height: 30px;
    width: 100%;
    overflow: hidden
}

.eng-tabs span {
    display: inline-block;
    padding-bottom: 6px;
    margin-right: 30px;
    font-size: 16px
}

.eng-tabs span.current {
    border-bottom: 2px solid;
    font-weight: 500
}

@media only screen and (min-width:1px) and (max-width:926px) {
    .eng-tabs span:nth-of-type(n+5) {
        display: none !important
    }

    #index .grid-stack {
        border: none
    }
}

@media only screen and (min-width:1px) and (max-width:1080px) {
    .touchmachine .eng-tabs span:nth-of-type(n+5) {
        display: none !important
    }

    .touchmachine #index .grid-stack {
        border: none
    }
}

.ui-select-mini {
    display: inline-block;
    font-size: 14px
}

.ui-select-mini .select2-container .select2-selection--single {
    height: 32px
}

.ui-select-mini .select2-container--default .select2-selection--single {
    outline: 0
}

.ui-select-mini .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 20px;
    padding-left: 16px
}

.ui-select-mini .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px
}

.ui-select-mini .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
    width: 25px
}

.ui-select-mini .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ddd transparent transparent;
    border-width: 7px 5px 0;
    top: 40%
}

.ui-select-big .select2-container .select2-selection--single {
    height: 40px
}

.ui-select-big .select2-container--default .select2-selection--single {
    border: none;
    outline: 0
}

.ui-select-big .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 40px;
    padding-left: 16px
}

.ui-select-big .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px
}

.ui-select-big .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    width: 40px
}

.ui-select-app,
.ui-select-app .select2-container .select2-selection--single {
    height: 2.25rem
}

.ui-select-big .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ddd transparent transparent;
    border-width: 8px 6px 0;
    top: 40%
}

.ui-select-app .select2-container {
    vertical-align: top
}

.ui-select-app .select2-container--default .select2-selection--single {
    border: none;
    outline: 0;
    background: #F5F5F5
}

.ui-select-app .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 1.5rem;
    padding-left: .5rem
}

.ui-select-app .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.25rem;
    font-size: .9375rem
}

.ui-select-app .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.25rem;
    width: 2.25rem
}

.ui-select-app .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ddd transparent transparent;
    border-width: 8px 6px 0;
    top: 40%
}

.select2-dropdown {
    -webkit-box-shadow: 0 6px 9px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 6px 9px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    background: #fff;
    border: none;
    margin-top: 5px
}

.select2-results__option {
    padding: 0 0 0 16px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #EEE;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-results__option:last-child {
    border-bottom: none
}

.select2-container--default .select2-results__option[aria-selected=true] {
    color: #3D82F2;
    background: #fff;
    border-color: #fff
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #F5F8FE;
    color: #333;
    border-color: #F5F8FE
}

.ui-paging {
    padding: 16px 0;
    text-align: center
}

.ui-paging li {
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    margin-right: 15px;
    min-width: 22px;
    height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 4px
}

.btn-blue-auto,
.btn-fff-auto {
    padding: 0 16px;
    min-width: 44px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.ui-paging li.xl-prevPage {
    width: auto;
    margin-right: 27px
}

.ui-paging li.xl-nextPage {
    width: auto;
    margin-left: 27px
}

.ui-paging li:last-child {
    margin-right: 0
}

.ui-paging li.xl-active {
    background: #09F;
    color: #fff
}

.ui-paging li.xl-disabled {
    opacity: .6
}

.btn-fff-auto {
    border: 1px solid #3D82F2;
    border-radius: 2px;
    color: #3D82F2;
    background-color: #fff
}

.btn-blue-auto {
    background: #3d82f2;
    border-radius: 2px;
    color: #fff
}

.pop .bottom-btns,
.pop .pop-content .top {
    padding: 16px;
    -webkit-box-sizing: border-box
}

#tipPop .bottom-btns .btn,
.pop .bottom-btns .btn {
    line-height: 30px;
    height: 30px
}

.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: #3d82f2 !important
}

.pop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, .6)
}

.pop .pop-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    border-radius: 6px
}

.pop .pop-content .top {
    border-bottom: 1px solid #eee;
    box-sizing: border-box
}

.pop .pop-content .icon {
    cursor: pointer
}

.pop .bottom-btns {
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #eee
}

.pop .bottom-btns.txt-r {
    text-align: right
}

.pop .bottom-btns .btn {
    margin: 0 12px
}

#tipPop .pop-content {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

#tipPop .middle {
    font-size: 14px;
    color: rgba(0, 0, 0, .8);
    line-height: 21px;
    text-align: left
}

#tipPop .middle a {
    color: #3d82f2
}

.toast {
    position: fixed;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    color: #333;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
    max-width: 300px;
    min-width: 60px;
    padding: 10px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 9999;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1)
}

.toast .icon {
    margin-right: 6px;
    font-size: 18px
}

.toast span {
    display: inline-block;
    vertical-align: middle
}

.bg-fff {
    background: #fff
}

.colccc {
    color: #ccc
}

.eng-null-data .tip,
.list-null-data .tip {
    font-size: 14px;
    color: #999
}

.margint16 {
    margin-top: 16px
}

.margint4 {
    margin-top: 4px
}

.eng-commoncss-search .href-list,
.eng-commoncss-search .radio-list {
    margin-top: 10px
}

.w1180 {
    width: 1180px
}

#banner .page-banner-style2 .swiper-slide>img {
    min-height: 200px
}

.list-null-data {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.list-null-data img {
    width: 200px;
    margin-bottom: 10px
}

.eng-null-data {
    width: 100%;
    text-align: center;
    padding: 16px 0
}

.eng-null-data img {
    width: 100px;
    margin-bottom: 10px
}

@media only screen and (min-width:1px) and (max-width:926px) {
    .list-null-data {
        position: unset;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .list-null-data img {
        width: 100px
    }
}

@media only screen and (min-width:1px) and (max-width:1080px) {
    .touchmachine .list-null-data {
        position: unset;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .touchmachine .list-null-data img {
        width: 100px
    }
}

.app-engine-title {
    line-height: 1.40625rem;
    padding: .5rem 1rem 0;
    margin-bottom: .5rem
}

.app-engine-title .title-t {
    font-size: 1rem !important;
    color: #333;
    font-weight: 700
}

.app-engine-title .title-t span {
    font-size: 1rem !important
}

.app-engine-title .more {
    font-size: .875rem;
    color: #999;
    display: inline-block
}

.app-engine-title .more .icon-up {
    font-size: .5rem;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: relative;
    top: -1px
}

.app-engine-item .eng-tabs {
    border-bottom: none;
    margin-bottom: .75rem;
    height: 1.25rem;
    line-height: 1.25rem;
    width: 100%;
    overflow: hidden;
    padding: 0 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mh-eng-tabs-style4 .type,
.mh-eng-tabs-style5 .type,
.mh-eng-tabs-style6 .type {
    box-sizing: border-box;
    display: inline-block
}

.app-engine-item .eng-tabs span {
    display: inline-block;
    margin-right: .75rem;
    font-size: .875rem;
    cursor: pointer
}

.app-engine-item .eng-tabs span:not(.current) {
    color: #666
}

.app-engine-item .eng-tabs span.current {
    font-weight: 500
}

.general-pop1 .icon:before {
    color: inherit
}

.general-pop1 .pop-content {
    padding-bottom: 40px;
    min-width: 200px
}

.general-pop1 .pop-content .top {
    padding: 8px 12px;
    border: none
}

.general-pop1 .pop-content .middle {
    padding: 0 12px;
    box-sizing: border-box;
    min-height: 100px;
    max-height: 540px;
    overflow-y: auto;
    word-break: break-all
}

.general-pop1 .pop-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.eng-commoncss-search .eng-hint {
    font-size: 14px;
    margin-top: 10px;
    text-align: left;
    color: inherit
}

.eng-commoncss-search .radio-list>span {
    margin-right: 32px;
    cursor: pointer;
    color: #666;
    font-size: 14px
}

.eng-commoncss-search .radio-list>span:before {
    color: #ddd;
    margin-right: 3px;
    vertical-align: middle
}

.eng-commoncss-search .radio-list .radio-box {
    display: inline-block;
    position: relative;
    color: inherit;
    font-size: 14px;
    margin-right: 24px;
    cursor: pointer
}

.eng-commoncss-search .radio-list .radio-box .txt-theme {
    display: none
}

.eng-commoncss-search .radio-list .radio-box span {
    margin-right: 3px;
    vertical-align: middle
}

.eng-commoncss-search .radio-list .radio-box input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 0;
    cursor: pointer
}

.eng-commoncss-search .radio-list .radio-box input[type=radio]:checked+.icon-radio {
    display: none
}

.eng-commoncss-search .radio-list .radio-box input[type=radio]:checked+.icon-radio+.icon-radio-checked {
    display: inline-block
}

.eng-commoncss-search .radio-list .radio-box .icon-radio {
    color: inherit
}

.eng-commoncss-search .href-list a {
    display: inline-block;
    font-size: 14px;
    color: inherit;
    margin-right: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    vertical-align: middle
}

.eng-commoncss-search .href-list a:hover {
    font-weight: 600
}

.eng-commoncss-search .href-list a .ui-circle {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 6px;
    background: #fff;
    vertical-align: middle
}

.eng-commoncss-search .href-list a .icon-href {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin-right: 8px
}

.eng-commoncss-search .href-list a span {
    vertical-align: middle
}

@media only screen and (min-width:1px) and (max-width:926px) {

    .eng-commoncss-search .eng-hint,
    .eng-commoncss-search .href-list,
    .eng-commoncss-search .radio-list {
        margin-top: 8px
    }

    .eng-commoncss-search .radio-list .radio-box {
        margin-bottom: 5px
    }

    .general-pop1 .pop-content {
        max-width: 300px !important
    }

    .general-pop1 .pop-content .middle {
        min-height: 100px !important;
        max-height: 300px !important
    }

    .item-engine-title {
        display: block !important
    }

    .item-engine-title .more {
        top: 8px
    }

    .item-engine-title .title-t>img {
        max-width: 100%;
        height: auto
    }

    .eng-tabs {
        width: calc(100% - 32px);
        padding: 0 16px
    }
}

@media only screen and (min-width:1px) and (max-width:1080px) {

    .touchmachine .eng-commoncss-search .eng-hint,
    .touchmachine .eng-commoncss-search .href-list,
    .touchmachine .eng-commoncss-search .radio-list {
        margin-top: 8px
    }

    .touchmachine .eng-commoncss-search .radio-list .radio-box {
        margin-bottom: 5px
    }

    .touchmachine .general-pop1 .pop-content {
        max-width: 300px !important
    }

    .touchmachine .general-pop1 .pop-content .middle {
        min-height: 100px !important;
        max-height: 300px !important
    }

    .touchmachine .item-engine-title {
        display: block !important
    }

    .touchmachine .item-engine-title .more {
        top: 8px
    }

    .touchmachine .item-engine-title .title-t>img {
        max-width: 100%;
        height: auto
    }

    .touchmachine .eng-tabs {
        width: calc(100% - 32px);
        padding: 0 16px
    }
}

.laypage-style {
    text-align: center
}

.laypage-style .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #3d82f2
}

.laypage-style .layui-laypage a:hover {
    color: #3d82f2
}

@font-face {
    font-family: font-raleway;
    src: url(/assets/font/raleway/raleway-2c1c889e361977e32c5505d62987fb35.woff), url(/assets/font/raleway/raleway-ee2d5b0472964762a3bc2b6066e51f81.ttf)
}

.font-raleway {
    font-family: font-raleway
}

.titlefs12 {
    font-size: 12px !important
}

.titlefs13 {
    font-size: 13px !important
}

.titlefs14 {
    font-size: 14px !important
}

.titlefs15 {
    font-size: 15px !important
}

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

.titlefs17 {
    font-size: 17px !important
}

.titlefs18 {
    font-size: 18px !important
}

.titlefs19 {
    font-size: 19px !important
}

.titlefs20 {
    font-size: 20px !important
}

.titlefs21 {
    font-size: 21px !important
}

.titlefs22 {
    font-size: 22px !important
}

.titlefs23 {
    font-size: 23px !important
}

.titlefs24 {
    font-size: 24px !important
}

.titlefs25 {
    font-size: 25px !important
}

.titlefs26 {
    font-size: 26px !important
}

.titlefs27 {
    font-size: 27px !important
}

.titlefs28 {
    font-size: 28px !important
}

.titlefs29 {
    font-size: 29px !important
}

.titlefs30 {
    font-size: 30px !important
}

.titlefs31 {
    font-size: 31px !important
}

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

.titlefs33 {
    font-size: 33px !important
}

.titlefs34 {
    font-size: 34px !important
}

.titlefs35 {
    font-size: 35px !important
}

.titlefs36 {
    font-size: 36px !important
}

.titlefw {
    font-weight: 700 !important
}

.titlenfw {
    font-weight: 400 !important
}

.bg-scale-style1 {
    -webkit-background-size: auto auto;
    background-size: auto auto
}

.bg-scale-style2 {
    -webkit-background-size: cover;
    background-size: cover
}

.bg-scale-style3 {
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}

.bg-scale-style4 {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.bg-repeat-style1 {
    background-repeat: no-repeat
}

.bg-repeat-style2 {
    background-repeat: repeat
}

.bg-repeat-style3 {
    background-repeat: repeat-x
}

.bg-repeat-style4 {
    background-repeat: repeat-y
}

.bg-align-style1 {
    background-position: left top
}

.bg-align-style2 {
    background-position: center top
}

.bg-align-style3 {
    background-position: right top
}

.bg-align-style4 {
    background-position: left center
}

.bg-align-style5 {
    background-position: center center
}

.bg-align-style6 {
    background-position: right center
}

.bg-align-style7 {
    background-position: left bottom
}

.bg-align-style8 {
    background-position: center bottom
}

.bg-align-style9 {
    background-position: right bottom
}

.custom-clip.bg-scale-style1,
.jqthumb.bg-scale-style1>div {
    background-size: auto auto !important
}

.custom-clip.bg-scale-style2,
.jqthumb.bg-scale-style2>div {
    background-size: cover !important
}

.custom-clip.bg-scale-style3,
.jqthumb.bg-scale-style3>div {
    background-size: auto 100% !important
}

.custom-clip.bg-scale-style4,
.jqthumb.bg-scale-style4>div {
    background-size: 100% 100% !important
}

.custom-clip.bg-repeat-style1,
.jqthumb.bg-repeat-style1>div {
    background-repeat: no-repeat !important
}

.custom-clip.bg-repeat-style2,
.jqthumb.bg-repeat-style2>div {
    background-repeat: repeat !important
}

.custom-clip.bg-repeat-style3,
.jqthumb.bg-repeat-style3>div {
    background-repeat: repeat-x !important
}

.custom-clip.bg-repeat-style4,
.jqthumb.bg-repeat-style4>div {
    background-repeat: repeat-y !important
}

.custom-clip.bg-align-style1,
.jqthumb.bg-align-style1>div {
    background-position: left top !important
}

.custom-clip.bg-align-style2,
.jqthumb.bg-align-style2>div {
    background-position: center top !important
}

.custom-clip.bg-align-style3,
.jqthumb.bg-align-style3>div {
    background-position: right top !important
}

.custom-clip.bg-align-style4,
.jqthumb.bg-align-style4>div {
    background-position: left center !important
}

.custom-clip.bg-align-style5,
.jqthumb.bg-align-style5>div {
    background-position: center center !important
}

.custom-clip.bg-align-style6,
.jqthumb.bg-align-style6>div {
    background-position: right center !important
}

.custom-clip.bg-align-style7,
.jqthumb.bg-align-style7>div {
    background-position: left bottom !important
}

.custom-clip.bg-align-style8,
.jqthumb.bg-align-style8>div {
    background-position: center bottom !important
}

.custom-clip.bg-align-style9,
.jqthumb.bg-align-style9>div {
    background-position: right bottom !important
}

.header-has-threenav {
    max-width: 100%
}

.grid-stack-item.full-item .grid-stack-item-content {
    left: 0;
    right: 0
}

.grid-stack-item.full-item .grid-stack-item-content .plugin-module-container {
    left: -2px !important;
    top: 0 !important;
    right: -2px;
    bottom: 0;
    border: 0;
    height: auto !important
}

.grid-stack-item.full-item .plugin-module-container .module-set-wrap {
    top: 0 !important;
    bottom: auto
}

.grid-stack-item.full-item .ui-resizable-handle.ui-resizable-e,
.grid-stack-item.full-item .ui-resizable-handle.ui-resizable-w {
    display: none !important
}

#convertFontBtn {
    position: fixed;
    right: 20px;
    top: 10px;
    z-index: 99999;
    font-size: 14px;
    line-height: 28px;
    color: #000
}

#convertFontBtn input {
    background: 0 0;
    cursor: pointer
}

.normal-switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 46px;
    height: 20px;
    font-size: 14px
}

.normal-switch input,
.normal-switch input:checked+.slider .close {
    display: none
}

.normal-switch input:checked+.slider {
    background-color: #2196F3
}

.normal-switch input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #2196F3;
    box-shadow: 0 0 1px #2196F3
}

.normal-switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.normal-switch input:checked+.slider .open {
    display: block
}

.normal-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 20px
}

.normal-switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

.normal-switch .slider .open {
    position: absolute;
    left: 10px;
    color: #FFF;
    display: none
}

.normal-switch .slider .close {
    position: absolute;
    right: 10px;
    color: #FFF
}

#index:not(.editor-page) #bgs {
    opacity: 0
}

.viewer-backdrop {
    background-color: rgba(53, 61, 72, .9) !important
}

.more.more-type-text * {
    vertical-align: middle;
    line-height: 1
}

.more.more-type-text .icon {
    top: auto !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.mh-eng-tabs-style1 {
    font-size: 0
}

.mh-eng-tabs-style2 {
    font-size: 0;
    border-bottom: none !important;
    height: auto !important
}

.mh-eng-tabs-style3,
.mh-eng-tabs-style4 {
    border-bottom: 3px solid #0084FF !important;
    position: relative;
    text-align: left !important;
    height: auto !important
}

.mh-eng-tabs-style2 .type {
    padding: 4px 12px !important;
    border-radius: 38px !important;
    background: #F5F5F5 !important;
    margin-right: 16px !important;
    font-size: 16px !important;
    color: rgba(0, 0, 0, .6) !important
}

.mh-eng-tabs-style2 .type:hover {
    background: rgba(0, 132, 255, .1) !important
}

.mh-eng-tabs-style2 .type.current {
    background: #0084FF !important;
    color: #fff !important;
    font-weight: 600 !important
}

.mh-eng-tabs-style3 {
    font-size: 0
}

.mh-eng-tabs-style3 .type {
    display: inline-block;
    padding: 9px 24px !important;
    font-size: 16px !important;
    color: rgba(0, 0, 0, .6) !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    background: 0 0 !important
}

.mh-eng-tabs-style3 .type:hover {
    color: #0084FF !important
}

.mh-eng-tabs-style3 .type.current {
    background: #0084FF !important;
    color: #fff !important;
    font-weight: 600 !important
}

.mh-eng-tabs-style4 {
    font-size: 0
}

.mh-eng-tabs-style4 .type {
    padding: 9px 16px !important;
    font-size: 16px !important;
    color: rgba(0, 0, 0, .6) !important;
    margin-right: 4px !important;
    border-radius: 6px 6px 0 0 !important;
    background: #fff !important;
    border: 1px solid #DDD !important;
    border-bottom: none !important
}

.mh-eng-tabs-style4 .type:hover {
    color: #0084FF !important
}

.mh-eng-tabs-style4 .type.current {
    background: #0084FF !important;
    color: #fff !important;
    font-weight: 600 !important
}

.mh-eng-tabs-style5 {
    position: relative;
    font-size: 0;
    text-align: left !important;
    height: auto !important;
    border-bottom: none !important
}

.mh-eng-tabs-style5 .type {
    padding: 13px 23px !important;
    font-size: 16px !important;
    color: rgba(0, 0, 0, .6) !important;
    margin-right: 16px !important;
    border-radius: 6px 6px 0 0 !important;
    background: 0 0 !important;
    border: 1px solid #DDD !important
}

.mh-eng-tabs-style5 .type:hover {
    color: #0084FF !important
}

.mh-eng-tabs-style5 .type.current {
    background: #fff !important;
    color: #0084FF !important;
    font-weight: 600 !important
}

.mh-eng-tabs-style6 {
    position: relative;
    font-size: 0;
    text-align: left !important;
    height: auto !important;
    border-bottom: none !important
}

.mh-eng-tabs-style6 .type {
    font-size: 16px !important;
    color: rgba(0, 0, 0, .6) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 9px 24px !important;
    margin-right: 0 !important;
    background: #F5F5F5 !important
}

.mh-eng-tabs-style6 .type:hover {
    color: #0084FF !important
}

.mh-eng-tabs-style6 .type.current {
    background: #0084FF !important;
    color: #fff !important;
    font-weight: 600 !important
}

.titledff1 {
    font-family: 'Microsoft YaHei', 'Helvetica Neue', 'PingFang SC', sans-serif !important
}

.titledff2 {
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important
}

.titledff3 {
    font-family: simsun, serif !important
}

.titledff4 {
    font-family: FangSong, serif !important
}

.titledff5 {
    font-family: SimHei, sans-serif !important
}

.titledff6 {
    font-family: KaiTi, BiauKai, serif !important
}

.titledff7 {
    font-family: arial, helvetica, sans-serif !important
}

.titledff8 {
    font-family: FZDBSJW !important
}

@font-face {
    font-family: fz-zhong;
    src: url(/assets/font/fzyansjw/FZYanSJW_Zhong-8ca45583ff3968646d2b2c4f225c6891.TTF)
}

.titledff9 {
    font-family: fz-zhong !important
}

@media only screen and (min-width:927px) and (max-width:1200px) {
    body:not(.responsive-page) {
        zoom: .7
    }
}

@media only screen and (min-width:927px) and (max-width:1080px) {
    body.touchmachine:not(.responsive-page) {
        zoom: 1
    }
}

@media only screen and (min-width:1080px) and (max-width:1200px) {
    body.touchmachine:not(.responsive-page) {
        zoom: .7
    }
}