.hidden,
input[type=hidden] {
    display: none
}

.clearfix,
body {
    zoom: 1
}

.clearfix:after,
.visiable {
    visibility: hidden
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0;
    vertical-align: middle
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 400
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

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

a:hover {
    outline: 0;
    color: #2b99ff
}

::-webkit-input-placeholder {
    font-size: 14px !important
}

::-moz-placeholder {
    font-size: 14px !important
}

:-ms-input-placeholder {
    font-size: 14px !important
}

button,
input,
select,
textarea {
    vertical-align: baseline;
    border: none;
    outline: 0
}

button,
input {
    line-height: normal
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ccc
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #ccc
}

input::placeholder,
textarea::placeholder {
    color: #ccc
}

button,
input,
select,
textarea {
    font: 100% arial, helvetica, clean
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font: 100%
}

small {
    font-size: 75%
}

.album-3 {
    background-color: #e74d4d
}

.album-8 {
    background-color: #369aef
}

.album-7 {
    background-color: #24cfa8
}

.album-4 {
    background-color: #ffc355
}

.album-12 {
    background-color: #f15a9c
}

.album-0,
.album-99 {
    background-color: #8276f0
}

::-webkit-scrollbar-track-piece {
    background-color: #f8f8f8
}

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

::-webkit-scrollbar-thumb {
    background-color: #ddd;
    background-clip: padding-box
}

::-webkit-scrollbar-thumb:hover {
    background-color: #bbb
}

* {
    box-sizing: border-box
}

.clearfix,
.clearfix:after,
.show {
    display: block
}

.clearfix:after {
    clear: both;
    content: ".";
    height: 0
}

.fl {
    float: left
}

.fr {
    float: right
}

.hover-title {
    position: relative
}

.h-title {
    position: absolute;
    top: -28px;
    left: 50%;
    z-index: 999;
    transform: translateX(-50%);
    text-align: center;
    padding: 1px 8px;
    color: #fff !important;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    background-color: #000;
    border-radius: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: none
}

.album-tags-wrap .tag,
.doc-tag,
.filling,
.h-title .h-title-arrow,
.opt-con {
    display: inline-block
}

.h-title .h-title-arrow {
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-width: 4px 4px 0;
    border-style: solid;
    border-color: #000 transparent transparent;
    padding-bottom: 3px
}

.album-tags-wrap .tag {
    margin-top: 5px;
    border-radius: 3px;
    padding: 0 7px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 6px
}

.album-tags-wrap .icon {
    font-size: 14px;
    margin-right: 3px
}

.album-tags-wrap .discount-tag .icon,
.album-tags-wrap .tegong .icon {
    position: relative;
    top: 1px;
    font-size: 16px
}

.album-tags-wrap .give-doc-tag {
    color: #2b99ff;
    border: 1px solid #cde7ff;
    background-color: #fff
}

.album-tags-wrap .good-tearcher-tag {
    color: #fff;
    background-color: #e32a12
}

.album-tags-wrap .discount-tag {
    color: #fff;
    background-color: #F46E00;
    line-height: 22px
}

.album-tags-wrap .tegong {
    color: #fff;
    background-color: #00A224;
    line-height: 22px
}

.doc-tag {
    width: 40px;
    height: 20px;
    text-align: center;
    color: #2b99ff;
    border-radius: 13px;
    border: 1px solid #2b99ff;
    font-size: 12px;
    line-height: 20px;
    line-height: 18px\9;
    margin-left: 6px
}

.doc-tag.album {
    color: #f60;
    border-color: #f60
}

.doc-tag.complete {
    width: 38px;
    height: 18px;
    line-height: 18px;
    background-color: #fff;
    margin: 0
}

.doc-tag.tag-grey {
    color: #ccc;
    border: 1px solid #ccc
}

.content {
    width: 1200px;
    margin: 0 auto
}

.content-wrap .loading,
.lesson-wrap .loading,
.search-wrap .loading {
    text-align: center;
    padding: 150px 0 217px;
    background: #fff
}

.content-wrap .loading .loading-text,
.lesson-wrap .loading .loading-text,
.search-wrap .loading .loading-text {
    color: #2b99ff;
    margin-top: 10px
}

.filling {
    width: 60px;
    border-bottom: 1px solid #333;
    vertical-align: baseline;
    text-align: center
}

.paper-option-spacer {
    margin: 0 3px 0 20px
}

.paper-audio-wrap {
    margin-top: 10px
}

.paper-audio-wrap audio {
    outline: 0
}

.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(156, 156, 156, .5);
    border-bottom: 1px solid #eee\9
}

.sidebar-fixed-top {
    position: fixed;
    top: 0
}

.fixed-bottom {
    position: fixed !important;
    bottom: 0;
    z-index: 11;
    width: 1200px;
    box-shadow: 0 -1px 6px 0 rgba(204, 204, 204, .5);
    border-top: 1px solid #eee\9
}

.notify-dot {
    position: relative
}

.notify-dot::before {
    content: " ";
    border: 3px solid #e00;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    right: 0;
    margin-top: 5px;
    margin-right: -8px
}

.sending-sms {
    color: #ccc !important;
    cursor: not-allowed !important
}

.arrow {
    text-align: right;
    width: 1px;
    margin-top: -5px
}

.arrow.arrow-top {
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -6px;
    font-size: 0;
    line-height: 0;
    border-width: 0 6px 6px;
    border-color: #fff transparent #eee;
    border-style: dashed dashed solid
}

.arrow.arrow-top:after {
    position: absolute;
    content: " ";
    border-width: 0 6px 6px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    top: 1px;
    margin-left: -6px
}

.boutique-icon {
    display: inline-block;
    width: 18px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #f60;
    border-radius: 2px;
    margin-right: 5px
}

.is-free {
    color: #14b926 !important
}

.doc-price {
    color: #e00;
    font-weight: 600;
    padding: 0 5px
}

.warning-img {
    height: 54px;
    background: url(../image/tixing.png) center no-repeat
}

.hot-icon {
    position: relative
}

.hot-icon:before {
    content: "Hot";
    position: absolute;
    top: -8px;
    right: -16px;
    padding: 0 4px;
    background-color: #f60;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    border-radius: 2px
}

.common-pagination {
    width: 100%;
    background-color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 0;
    border-radius: 6px
}
.common-pagination .pagination {
    margin: 16px 0;
    font-size: 14px;
    display: flex;
    justify-content: center;
}

.common-pagination .pagination a{
    position: relative;
    padding: 6px 12px;
    line-height: 1;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    min-width: 38px;
    margin-right: 10px;
    color: #2b99ff;
    border-radius: 4px;
}
.common-pagination .pagination .active a{
    background-color: #2b99ff;
    color: #fff;
}
.jx-checkbox-wrap {
    display: inline-block
}

.jx-checkbox-wrap .jx-checkbox {
    cursor: pointer;
    display: inline-block
}

.jx-checkbox-wrap .jx-checkbox.disabled {
    cursor: not-allowed
}

.jx-checkbox-wrap .jx-checkbox.disabled.checked .checkbox-icon-box {
    cursor: not-allowed;
    border-color: #999;
    color: #fff;
    background-color: #999
}

.jx-checkbox-wrap .jx-checkbox .checkbox-icon-box {
    cursor: pointer;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #ccc;
    vertical-align: middle
}

.jx-checkbox-wrap .jx-checkbox .checkbox-icon-box i {
    display: none;
    width: 14px;
    height: 14px;
    font-size: 14px
}

.jx-checkbox-wrap .jx-checkbox .checkbox-icon-box i:before {
    position: relative;
    top: -1px
}

.jx-radio .jx-radio-input .jx-radio-inner:after,
.jx-radio .jx-radio-input.checked .jx-radio-inner:after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    top: 50%;
    margin-top: -2px;
    margin-left: -2px;
    left: 50%;
    content: ""
}

.jx-checkbox-wrap .jx-checkbox.checked .checkbox-icon-box {
    border-color: #2b99ff;
    color: #fff;
    background-color: #2b99ff
}

.jx-checkbox-wrap .jx-checkbox.checked .checkbox-icon-box i {
    display: inline-block
}

.jx-checkbox-wrap .jx-checkbox .checkbox-text {
    color: #666;
    vertical-align: middle
}

.jx-radio {
    color: #333;
    display: inline-block;
    outline: 0;
    text-align: center;
    cursor: pointer
}

.jx-radio .jx-radio-input {
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.jx-radio .jx-radio-input.checked .jx-radio-inner {
    border-color: #2b99ff;
    background: #2b99ff
}

.jx-radio .jx-radio-input.checked .jx-radio-inner:after {
    background-color: #fff;
    position: absolute
}

.jx-radio .jx-radio-input .jx-radio-inner {
    border: 1px solid #eee;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    position: relative;
    display: inline-block;
    box-sizing: border-box
}

.jx-radio .jx-radio-input .jx-radio-inner:after {
    background-color: #fff;
    position: absolute
}

.jx-radio .jx-radio-input .jx-radio-original {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.triangle,
.triangle:after {
    width: 0;
    border-width: 1px 4px 8px;
    margin-left: -4px
}

.jx-radio .jx-radio-label {
    padding-left: 5px;
    line-height: 20px
}

.triangle {
    position: absolute;
    top: -10px;
    left: 50%;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #f60
}

.triangle:after {
    content: "";
    position: absolute;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #f2f2f2;
    top: 1px;
    left: 50%
}

.triangle-left,
.triangle-left:after {
    border-width: 4px 1px 4px 8px;
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid
}

.triangle-left {
    top: 50%;
    right: -10px;
    border-color: transparent transparent transparent #f60;
    margin-top: -4px
}

.triangle-left:after {
    content: "";
    border-color: transparent transparent transparent #f2f2f2;
    top: 50%;
    right: 1px;
    margin-top: -4px
}

.icon-triangle {
    position: absolute;
    top: 1px;
    left: 76px;
    width: 0;
    height: 0;
    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #f60
}

.jx-btns {
    width: 100%;
    text-align: center
}

.jx-btn {
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    padding: 0 10px;
    min-width: 80px;
    height: 36px;
    line-height: 36px;
    line-height: 36px\9;
    text-align: center;
    cursor: pointer
}

.jx-btn.warn {
    background-color: #f60;
    color: #fff;
    margin-right: 6px;
    border: 1px solid #f60
}

.jx-btn.warn:hover {
    background-color: #ee6103;
    border-color: #ee6103
}

.jx-btn.plain {
    background-color: #fff;
    margin-right: 6px;
    border: 1px solid #2b99ff
}

.jx-btn.plain:hover {
    color: #067ff3;
    border-color: #067ff3
}

.jx-btn.primary {
    background-color: #2b99ff;
    color: #fff;
    margin-right: 6px;
    border: 1px solid #2b99ff
}

.jx-btn.primary:hover {
    background-color: #067ff3;
    border-color: #067ff3
}

.jx-btn.cancel {
    background-color: #fff;
    color: #999;
    border: 1px solid #ccc;
    margin-left: 6px
}

.jx-btn.disabled,
.jx-btn.disabled:hover {
    background-color: #a0cfff;
    border-color: #a0cfff
}

.jx-btn.plain {
    color: #2b99ff
}

.jx-btn.disabled {
    cursor: not-allowed
}

.album-img-wrap .album-name,
.album-img-wrap-l .album-name {
    padding-top: 3px;
    background-color: rgba(0, 0, 0, .1);
    overflow: hidden
}

.album-img-wrap {
    margin-right: 20px;
    width: 60px;
    min-width: 60px;
    height: 78px;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 6px
}

.album-img-wrap .album-img {
    width: 100%;
    height: 100%
}

.album-img-wrap .album-name {
    position: absolute;
    left: 0;
    top: 29px;
    width: 100%;
    height: 34px;
    line-height: 15px
}

.album-img-wrap .album-name .album-name-inner {
    width: 100%;
    height: 100%;
    padding: 0 6px;
    text-align: center;
    display: table
}

.album-img-wrap .album-name .album-name-inner .album-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    color: #fff
}

.upload-album-cover {
    display: block;
    margin-right: 20px;
    width: 110px;
    min-width: 110px;
    height: 142px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer
}

.upload-album-cover.small {
    width: 60px;
    min-width: 60px;
    height: 78px;
    margin-right: 0
}

.upload-album-cover .cover {
    width: 100%;
    height: 100%
}

.album-img-wrap-l {
    display: block;
    margin-right: 20px;
    width: 110px;
    min-width: 110px;
    height: 142px;
    position: relative
}

.album-img-wrap-l .album-img {
    width: 100%;
    height: 100%
}

.album-img-wrap-l .album-name {
    position: absolute;
    left: 0;
    top: 55px;
    width: 100%;
    height: 54px
}

.album-img-wrap-l .album-name .album-name-inner {
    width: 100%;
    height: 100%;
    padding: 0 6px;
    text-align: center;
    display: table
}

.album-img-wrap-l .album-name .album-name-inner .album-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    word-break: break-all
}

.album-list-item {
    margin-top: 15px
}

.album-list-item .album-img-wrap {
    width: 60px;
    min-width: 60px;
    height: 78px;
    position: relative;
    margin-right: 0;
    float: left
}

.album-list-item .item-text .file-info>span:first-child,
.new-album-list-item .item-text .file-info>span:first-child {
    margin-right: 20px
}

.album-list-item .item-text {
    padding-left: 72px;
    color: #333
}

.album-list-item .item-text.converge {
    position: relative;
    height: 78px
}

.album-list-item .item-text.converge .stars {
    position: absolute;
    bottom: 2px
}

.album-list-item .item-text.converge .stars i {
    color: #f60
}

.album-list-item .item-text>a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.album-list-item .item-text>a:visited {
    color: #999
}

.album-list-item .item-text .file-info {
    margin-top: 5px
}

.album-list-item .item-text .file-info>span {
    font-size: 12px;
    color: #ccc
}

.album-stats-wrap {
    background-color: #f2f2f2;
    border-radius: 6px;
    padding: 8px 10px;
    margin-top: 10px
}

.album-stats-wrap .stats-item {
    font-size: 12px;
    margin-bottom: 6px
}

.album-stats-wrap .stats-item:last-child {
    margin-bottom: 0
}

.album-stats-wrap .stats-item span {
    display: inline-block;
    width: 45px
}

.album-stats-wrap .stats-item .album-views {
    color: #fd7921
}

.album-stats-wrap .stats-item .album-downs {
    color: #3ba0fe
}

.album-stats-wrap .stats-item .doc-views {
    color: #1b9629
}

.album-stats-wrap .stats-item .album-make {
    color: #e42a2a;
    width: 34px
}

.new-album-list-item {
    position: relative;
    width: 100%;
    padding: 0 20px;
    border-right: 3px solid transparent;
    transition: all ease .2s
}

.new-album-list-item:last-child .item-text {
    border: none
}

.new-album-list-item.active {
    border-right-color: #f60;
    background-color: rgba(255, 102, 0, .1)
}

.new-album-list-item.active .arrow-right {
    border-left: 5px solid #f60
}

.new-album-list-item .arrow-right {
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent
}

.new-album-list-item .album-sort-icon {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: url(../image/album_icon_4.png) center no-repeat
}

.new-album-list-item .album-sort-icon.sort-1 {
    background: url(../image/album_icon_1.png) center no-repeat
}

.new-album-list-item .album-sort-icon.sort-2 {
    background: url(../image/album_icon_2.png) center no-repeat
}

.new-album-list-item .album-sort-icon.sort-3 {
    background: url(../image/album_icon_3.png) center no-repeat
}

.new-album-list-item .item-text {
    color: #333;
    padding: 10px 0;
    margin-left: 35px;
    border-bottom: 1px solid #eee
}

.new-album-list-item .item-text>a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #333;
    word-break: break-all
}

.new-album-list-item .item-text>a.active,
.new-album-list-item .item-text>a:hover {
    color: #2b99ff !important
}

.new-album-list-item .item-text>a:visited {
    color: #999
}

.new-album-list-item .item-text .total {
    color: #f60;
    font-size: 14px;
    margin-left: 3px
}

.new-album-list-item .item-text .file-info {
    margin-top: 5px;
    font-size: 12px;
    color: #999
}

.new-album-list-item .item-text .file-info .complete {
    color: #f60
}

.new-album-list-item .item-text .file-info .complete .icon {
    margin-right: 3px
}

.doc-files,
.doc-files-s {
    margin-right: 5px;
    display: inline-block;
    background-repeat: no-repeat
}

.doc-files {
    width: 34px;
    height: 34px;
    vertical-align: middle;
    background-image: url(../image/other.png)
}

.doc-files.ppt,
.doc-files.pptx {
    background-image: url(../image/ppt.png)
}

.doc-files.doc,
.doc-files.docx {
    background-image: url(../image/doc.png)
}

.doc-files.amrra,
.doc-files.flav,
.doc-files.flvc,
.doc-files.m3a,
.doc-files.m4a,
.doc-files.mp3,
.doc-files.ogg,
.doc-files.wav,
.doc-files.wma {
    background-image: url(../image/mp3.png)
}

.doc-files.rar,
.doc-files.zip {
    background-image: url(../image/zip.png)
}

.doc-files.bmp,
.doc-files.gif,
.doc-files.image,
.doc-files.jpeg,
.doc-files.jpg,
.doc-files.png {
    background-image: url(../image/img.png)
}

.doc-files.db,
.doc-files.other,
.doc-files.qlv,
.doc-files.qsv,
.doc-files.rtf,
.doc-files.tmp,
.doc-files.txt,
.doc-files.wps,
.doc-files.wpt,
.doc-files.xls,
.doc-files.xlsx {
    background-image: url(../image/other.png)
}

.doc-files.PDF,
.doc-files.pdf {
    background-image: url(../image/pdf.png)
}

.doc-files.avi,
.doc-files.exe,
.doc-files.flv,
.doc-files.kux,
.doc-files.mov,
.doc-files.mp4,
.doc-files.mpeg,
.doc-files.mpg,
.doc-files.mtv,
.doc-files.mvb,
.doc-files.rm,
.doc-files.rmv,
.doc-files.rmvb,
.doc-files.swf,
.doc-files.ts,
.doc-files.video,
.doc-files.wmv {
    background-image: url(../image/video.png)
}

.doc-files-s {
    width: 24px;
    height: 24px;
    background-size: 100%;
    vertical-align: middle;
    background-image: url(../image/other_s.png)
}

.doc-files-s.ppt,
.doc-files-s.pptx {
    background-image: url(../image/ppt_s.png)
}

.doc-files-s.doc,
.doc-files-s.docx {
    background-image: url(../image/doc_s.png)
}

.doc-files-s.amrra,
.doc-files-s.flav,
.doc-files-s.flvc,
.doc-files-s.m3a,
.doc-files-s.m4a,
.doc-files-s.mp3,
.doc-files-s.ogg,
.doc-files-s.wav,
.doc-files-s.wma {
    background-image: url(../image/mp3_s.png)
}

.doc-files-s.rar,
.doc-files-s.zip {
    background-image: url(../image/zip_s.png)
}

.doc-files-s.bmp,
.doc-files-s.gif,
.doc-files-s.image,
.doc-files-s.jpeg,
.doc-files-s.jpg,
.doc-files-s.png {
    background-image: url(../image/img_s.png)
}

.doc-files-s.db,
.doc-files-s.other,
.doc-files-s.qlv,
.doc-files-s.qsv,
.doc-files-s.rtf,
.doc-files-s.tmp,
.doc-files-s.txt,
.doc-files-s.wps,
.doc-files-s.wpt,
.doc-files-s.xls,
.doc-files-s.xlsx {
    background-image: url(../image/other_s.png)
}

.doc-files-s.PDF,
.doc-files-s.pdf {
    background-image: url(../image/pdf_s.png)
}

.doc-files-s.avi,
.doc-files-s.exe,
.doc-files-s.flv,
.doc-files-s.kux,
.doc-files-s.mov,
.doc-files-s.mp4,
.doc-files-s.mpeg,
.doc-files-s.mpg,
.doc-files-s.mtv,
.doc-files-s.mvb,
.doc-files-s.rm,
.doc-files-s.rmv,
.doc-files-s.rmvb,
.doc-files-s.swf,
.doc-files-s.ts,
.doc-files-s.video,
.doc-files-s.wmv {
    background-image: url(../image/video_s.png)
}

.doc-files-mini {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
    background-image: url(../image/other_mini.png)
}

.doc-files-mini.ppt,
.doc-files-mini.pptx {
    background-image: url(../image/ppt_mini.png)
}

.doc-files-mini.doc,
.doc-files-mini.docx {
    background-image: url(../image/doc_mini.png)
}

.doc-files-mini.amrra,
.doc-files-mini.flav,
.doc-files-mini.flvc,
.doc-files-mini.m3a,
.doc-files-mini.m4a,
.doc-files-mini.mp3,
.doc-files-mini.ogg,
.doc-files-mini.wav,
.doc-files-mini.wma {
    background-image: url(../image/mp3_mini.png)
}

.doc-files-mini.rar,
.doc-files-mini.zip {
    background-image: url(../image/zip_mini.png)
}

.doc-files-mini.bmp,
.doc-files-mini.gif,
.doc-files-mini.image,
.doc-files-mini.jpeg,
.doc-files-mini.jpg,
.doc-files-mini.png {
    background-image: url(../image/img_mini.png)
}

.doc-files-mini.db,
.doc-files-mini.other,
.doc-files-mini.qlv,
.doc-files-mini.qsv,
.doc-files-mini.rtf,
.doc-files-mini.tmp,
.doc-files-mini.txt,
.doc-files-mini.wps,
.doc-files-mini.wpt,
.doc-files-mini.xls,
.doc-files-mini.xlsx {
    background-image: url(../image/other_mini.png)
}

.doc-files-mini.PDF,
.doc-files-mini.pdf {
    background-image: url(../image/pdf_mini.png)
}

.doc-files-mini.avi,
.doc-files-mini.exe,
.doc-files-mini.flv,
.doc-files-mini.kux,
.doc-files-mini.mov,
.doc-files-mini.mp4,
.doc-files-mini.mpeg,
.doc-files-mini.mpg,
.doc-files-mini.mtv,
.doc-files-mini.mvb,
.doc-files-mini.rm,
.doc-files-mini.rmv,
.doc-files-mini.rmvb,
.doc-files-mini.swf,
.doc-files-mini.ts,
.doc-files-mini.video,
.doc-files-mini.wmv {
    background-image: url(../image/video_mini.png)
}

body {
    height: 100%;
    font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    min-width: 1200px;
    color: #333;
    background-color: #f2f2f2
}

body.modal-open {
    overflow: hidden
}

body .global-activity-wrap {
    width: 100%;
    height: 70px
}

body .global-activity-wrap.temp {
    background: url(../image/site_top_banner_02.png) center no-repeat;
    background-size: cover
}

body .global-activity-wrap.temp .link-wrap {
    width: 100%;
    height: 100%;
    font-size: 0
}

body .global-activity-wrap.temp .link-wrap .link {
    display: inline-block;
    width: 50%;
    height: 100%
}

body .global-activity-wrap .activity-banner {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 100%
}

body .global-activity-wrap .activity-banner .activity-link {
    height: 100%;
    display: block;
    font-size: 0
}

body .global-activity-wrap .activity-banner .activity-link img {
    height: 100%
}

body .global-activity-wrap .activity-banner .close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    color: #ccc;
    cursor: pointer;
    line-height: 1
}

body .global-activity-wrap .activity-banner .close:hover {
    opacity: .5;
    filter: alpha(opacity=50)
}

body .site-header {
    height: 32px;
    font-size: 12px;
    color: #999
}

body .site-header .inner {
    position: relative
}

body .site-header .hd-left,
body .site-header .hd-right {
    height: 100%
}

body .site-header .hd-left>li,
body .site-header .hd-right>li {
    height: 32px;
    line-height: 32px;
    float: left;
    margin-left: 15px
}

body .site-header .hd-left>li:first-child,
body .site-header .hd-right>li:first-child {
    margin-left: 0
}

body .site-header .hd-left>li>a,
body .site-header .hd-right>li>a {
    display: inline-block;
    height: 32px
}

body .site-header .hd-left>li.m-20,
body .site-header .hd-right>li.m-20 {
    margin-left: 20px
}

body .site-header .hd-left.hd-right>li,
body .site-header .hd-right.hd-right>li {
    line-height: inherit
}

body .site-header .hd-left.hd-right .hd-right-item,
body .site-header .hd-right.hd-right .hd-right-item {
    position: relative;
    line-height: 32px
}

body .site-header .slogan .icon51 {
    font-size: 18px;
    vertical-align: top;
    color: #2b99ff
}

body .site-header .slogan .slogan-text {
    vertical-align: top;
    color: #2b99ff
}

body .site-header .docs-count {
    color: #2b99ff
}

body .site-header .part-time {
    color: #f60;
    font-weight: 600
}

body .site-header .apply-free-download {
    position: relative
}

body .site-header .apply-free-download>.hot {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 40px;
    height: 40px;
    background: url(../image/comm_sprites.png) -10px -641px
}

body .site-header .register {
    padding-left: 12px;
    color: #f60
}

body .site-header .my-download .link {
    position: relative;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding-left: 15px
}

body .site-header .my-download .link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 14px;
    width: 1px;
    background-color: #d8d8d8;
    margin-top: -7px
}

body .site-header .docs-basket {
    position: relative
}

body .site-header .docs-basket .bkc-link {
    width: 70px;
    height: 100%;
    color: #fff;
    line-height: 32px;
    text-align: center;
    background-color: #2b99ff
}

body .site-header .docs-basket .bkc-link:hover {
    color: #fff
}

body .site-header .docs-basket>a:hover {
    color: inherit
}

body .site-header .docs-basket .count {
    padding: 0 5px;
    font-weight: 600
}

body .site-header .docs-basket .iconhtmal5icon29 {
    margin-right: 5px;
    color: #2b99ff;
    font-size: 18px;
    vertical-align: -2px
}

body .site-header .get-idealmoney {
    position: absolute;
    top: 41px;
    left: 50%;
    margin-left: -78px;
    display: none;
    z-index: 9;
    width: 155px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #f8ead5;
    border-radius: 2px;
    border: 1px solid #f60
}

body .site-header .get-idealmoney>a {
    color: #f60;
    display: block;
    text-align: center;
    font-size: 12px
}

body .site-header .get-idealmoney .iconguanbi {
    position: absolute;
    top: 2px;
    right: 5px;
    width: 10px;
    height: 10px;
    color: #aaa;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer
}

body .site-header .user-dropdown {
    position: relative;
    min-width: 70px;
    height: 100%;
    text-align: center
}

body .site-header .user-dropdown>a {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    width: 100%;
    color: #999
}

body .site-header .user-dropdown>a:hover {
    color: #2b99ff
}

body .site-header .user-dropdown .iconfont {
    position: relative;
    top: 2px;
    padding-left: 5px
}

body .site-header .user-dropdown .dropdown-list {
    position: absolute;
    top: 32px;
    right: 0;
    display: none;
    width: 270px;
    height: 184px;
    border: 1px solid #eee;
    background: #fff;
    z-index: 11;
    box-shadow: 0 8px 32px 16px rgba(175, 175, 175, .2);
    border-radius: 0 0 6px 6px
}

body .site-header .user-dropdown .dropdown-list .top {
    width: 100%;
    height: 80px;
    background: url(../image/user_dropdown.png);
    padding: 20px;
    overflow: hidden
}

body .site-header .user-dropdown .dropdown-list .top .left {
    float: left
}

body .site-header .user-dropdown .dropdown-list .top .left .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 8px
}

body .site-header .user-dropdown .dropdown-list .top .left .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

body .site-header .user-dropdown .dropdown-list .top .left .user-wrap {
    float: right;
    text-align: left;
    line-height: 20px
}

body .site-header .user-dropdown .dropdown-list .top .left .user-wrap .user-name {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .site-header .user-dropdown .dropdown-list .top .left .user-wrap .user-id {
    color: #999
}

body .site-header .user-dropdown .dropdown-list .top .right {
    float: right;
    line-height: 22px
}

body .site-header .user-dropdown .dropdown-list .bot {
    margin-top: 20px;
    text-align: center
}

body .site-header .user-dropdown .dropdown-list .bot .link {
    display: inline-block;
    width: 48px;
    text-align: center
}

body .site-header .user-dropdown .dropdown-list .bot .link.middle {
    margin: 0 30px
}

body .site-header .user-dropdown .dropdown-list .bot .link .icon {
    width: 48px;
    height: 40px;
    margin-bottom: 5px
}

body .site-header .user-dropdown .dropdown-list .bot .link .icon.user {
    position: relative;
    background: url(../image/user.png) center no-repeat
}

body .site-header .user-dropdown .dropdown-list .bot .link .icon.user .dot {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: #e00;
    border-radius: 50%
}

body .site-header .user-dropdown .dropdown-list .bot .link .icon.recharge {
    background: url(../image/recharge.png) center no-repeat
}

body .site-header .user-dropdown .dropdown-list .bot .link .icon.download {
    background: url(../image/download.png) center no-repeat
}

body .site-header .user-dropdown .dropdown-list .bot .link .text {
    color: #333
}

body .site-header .bk-pack-link {
    display: block;
    height: 32px;
    line-height: 32px;
    color: #2b99ff
}

body .site-header .bk-pack-link .icon {
    color: #f60;
    margin-right: 5px;
    vertical-align: bottom
}

body .site-sub-header-wrap {
    background-color: #fff
}

body .site-sub-header-wrap .sub-header {
    position: relative;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body .site-sub-header-wrap .sub-header .df-logo {
    width: 252px;
}

body .site-sub-header-wrap .sub-header .df-slogon {
    width: 118px;
    height: 46px;
    margin-left: 24px;
}

body .site-sub-header-wrap .sub-header .bkc-logo {
    height: 46px;
    margin-right: 225px
}

body .site-sub-header-wrap .sub-header .logo_1 {
    width: 140px;
    height: 46px
}

body .site-sub-header-wrap .sub-header .stage-subject-filters {
    position: relative;
    margin: 0 78px 0 25px;
    width: 135px;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .titel-wrap {
    height: 100%
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .titel-wrap .text {
    font-size: 16px;
    color: #666
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .titel-wrap>.icon {
    position: relative;
    top: 10px;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-style: solid
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .titel-wrap>.icon.bot {
    border-width: 4px 4px 0;
    border-color: #666 transparent transparent
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .titel-wrap>.icon.top {
    top: -11px;
    border-width: 0 4px 4px;
    border-color: transparent transparent #666
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list {
    position: absolute;
    left: 0;
    top: 45px;
    min-width: 240px;
    margin-left: -100px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    border: 1px solid #eee\9;
    border-radius: 2px;
    z-index: 10;
    display: none
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list a:hover {
    color: #2b99ff
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list .stage-wrap {
    position: relative;
    width: 100%;
    height: 38px;
    border-bottom: 2px solid #eee;
    padding: 0 20px
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list .stage-wrap .stage-item {
    position: relative;
    top: 1px;
    width: 50px;
    height: 36px;
    line-height: 36px;
    color: #000;
    font-weight: 600;
    text-align: center;
    cursor: pointer
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list .stage-wrap .stage-item.on .text {
    color: #2b99ff
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list .stage-wrap .stage-item>.text {
    display: inline-block;
    height: 100%
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list .stage-wrap .tab-scroll-bar {
    position: absolute;
    left: 20px;
    bottom: -1px;
    height: 2px;
    border-bottom: 2px solid #2b99ff;
    width: 50px
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list .list-content {
    min-height: 80px;
    padding: 10px 0 10px 20px;
    cursor: auto
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list .list-content .subject-list {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list .list-content .subject-list .subject-item {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0 14px 10px 0
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list .list-content .subject-list .subject-item>a {
    color: #666
}

body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list .list-content .subject-list .subject-item.active>a,
body .site-sub-header-wrap .sub-header .stage-subject-filters .filters-list .list-content .subject-list .subject-item:hover>a {
    color: #2b99ff
}

body .site-sub-header-wrap .sub-header .search-form-wrap {
    width: 450px;
    height: 40px;
    border-radius: 6px;
    float: right;
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form {
    position: relative
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-left {
    position: relative;
    padding-right: 100px;
    border: 2px solid #2b99ff;
    border-right: none;
    background-color: #fff
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-left .placeholder {
    position: absolute;
    left: 70px;
    top: 10px;
    z-index: 10;
    color: #888
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-left .search-type {
    position: relative;
    float: left;
    width: 70px
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-left .search-type .search-text {
    width: 58px;
    height: 20px;
    line-height: 18px;
    line-height: 20px\9;
    margin: 8px 0;
    padding: 0 5px 0 8px;
    border-right: 1px solid #ccc;
    cursor: pointer
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-left .search-type .search-text .search-value {
    color: #333;
    font-size: 12px
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-left .search-type .search-text .iconfont {
    position: relative;
    top: 2px;
    color: #999
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-left .search-type .form-search-list {
    position: absolute;
    top: 36px;
    left: 0;
    margin-left: -2px;
    width: 60px;
    background: #fff;
    border: 2px solid #2b99ff;
    display: none;
    z-index: 10;
    padding: 3px 0;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-left .search-type .form-search-list>li {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #666;
    cursor: pointer;
    padding-left: 8px
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-left .search-type .form-search-list>li:hover {
    background-color: #eee
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-left .search-input {
    width: 80%;
    height: 36px;
    line-height: 36px
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-right {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-right .album-btn-wrap {
    position: relative;
    top: 2px;
    width: 70px;
    height: 36px
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-right .album-btn-wrap .album-input-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: transparent;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-right .album-btn-wrap .album-text {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    color: #2b99ff;
    border-radius: 4px 0 0 4px;
    background-color: #d5ebff
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-right .doc-btn-wrap {
    position: relative;
    width: 70px;
    height: 40px
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-right .doc-btn-wrap .input-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: transparent;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .form-right .doc-btn-wrap .doc-text {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #2b99ff
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp {
    position: absolute;
    border: 2px solid #2b99ff;
    border-top: 0;
    z-index: 999;
    width: 450px;
    background-color: #fff;
    display: none
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp .warp-li {
    padding: 5px 8px;
    width: 100%;
    list-style-type: none;
    height: 48px;
    cursor: pointer
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp .warp-li:hover {
    background-color: #f1f1f1
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp .warp-li .warp-left {
    float: left;
    width: 252px
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp .warp-li .warp-left .title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp .warp-li .warp-left .msg {
    width: 100%;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp .warp-li .warp-left .msg span {
    color: #f60
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp .warp-li .warp-right {
    float: right;
    margin-top: 8px
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp .warp-li .warp-right li {
    display: inline-block;
    list-style-type: none;
    background-color: #d6ebff;
    padding: 2px 6px;
    border-radius: 20px;
    margin-left: 3px;
    font-size: 12px
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp .warp-li .warp-right li a {
    color: #2b99ff
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp .warp-li .warp-right li:hover {
    background-color: #2b99ff
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .associate-warp .warp-li .warp-right li:hover a {
    color: #fff
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .search-history-warp {
    position: absolute;
    border: 2px solid #2b99ff;
    border-top: 0;
    z-index: 999;
    width: 450px;
    background-color: #fff;
    display: none
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .search-history-warp .tip-label {
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    color: #999
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .search-history-warp .kw-item {
    overflow: hidden;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    cursor: pointer
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .search-history-warp .kw-item:hover {
    background-color: #f2f2f2
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .search-history-warp .kw-item:hover .kw {
    color: #2b99ff
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .search-history-warp .kw-item:hover .kw-del {
    display: block
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .search-history-warp .kw-item .kw {
    float: left;
    width: 85%;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .search-history-warp .kw-item .kw-del {
    float: right;
    color: #666;
    display: none
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form .search-history-warp .kw-item .kw-del:hover {
    color: #2b99ff
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form.docs .search-input {
    padding-left: 12px;
    width: 100%
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form.docs .form-left {
    border-radius: 6px;
    overflow: hidden
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form.docs .form-left.bdr {
    border-radius: 6px 6px 0 0
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form.docs .form-right {
    overflow: hidden;
    border-radius: 0 6px 6px 0
}

body .site-sub-header-wrap .sub-header .search-form-wrap .search-form.docs .form-right.bdr {
    border-radius: 0 6px 0 0
}

body .site-sub-header-wrap .sub-header .search-form-wrap .hot-search-wrap {
    margin-top: 5px
}

body .site-sub-header-wrap .sub-header .search-form-wrap .hot-search-wrap .h-item {
    color: #8c8b8b;
    font-size: 12px;
    margin-right: 16px
}

body .site-sub-header-wrap .sub-header .search-form-wrap .hot-search-wrap .h-item:first-child,
body .site-sub-header-wrap .sub-header .search-form-wrap .hot-search-wrap .h-item:first-child:hover {
    color: #f60
}

body .site-sub-header-wrap .sub-header .search-form-wrap .hot-search-wrap .h-item:last-child {
    margin-right: 0
}

body .site-sub-header-wrap .sub-header .search-form-wrap .hot-search-wrap .h-item:hover {
    color: #2b99ff
}

body .site-sub-header-wrap .sub-header .recharge-btn {
    width: 80px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin: 0 15px;
    transition: all ease .2s;
    text-align: center;
    color: #2b99ff;
    float: right;
}

body .site-sub-header-wrap .sub-header .recharge-btn>a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 9px
}

body .site-sub-header-wrap .sub-header .recharge-btn:hover {
    background-color: #f2f9ff;
    border-color: #2b99ff
}

body .site-sub-header-wrap .sub-header .recharge-btn .icon {
    vertical-align: text-bottom
}

body .site-sub-header-wrap .sub-header .shop-cart {
    width: 110px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #ccc;
    transition: all ease .2s;
    float: right;
}

body .site-sub-header-wrap .sub-header .shop-cart:hover {
    background-color: #f2f9ff;
    border-color: #2b99ff
}

body .site-sub-header-wrap .sub-header .shop-cart .shop-cart-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 11px 0 0 19px
}

body .site-sub-header-wrap .sub-header .shop-cart .shop-cart-link .icon i {
    color: #2b99ff;
    font-size: 16px
}

body .site-sub-header-wrap .sub-header .shop-cart .shop-cart-link .icon .top-cart-num {
    position: absolute;
    top: 3px;
    left: 29px;
    right: auto;
    display: inline-block;
    padding: 1px 3px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    background-color: #f60;
    border-radius: 7px;
    min-width: 12px;
    text-align: center;
    box-sizing: initial
}

body .site-sub-header-wrap .sub-header .shop-cart .shop-cart-link .cart-text {
    color: #2b99ff;
    font-size: 14px;
    margin-left: 12px;
    line-height: 18px
}

body .site-sub-header-wrap .sub-header .upload-files {
    position: relative;
    width: 116px;
    height: 40px;
    border: 2px solid #f60;
    text-align: center;
    border-radius: 4px
}

body .site-sub-header-wrap .sub-header .upload-files .upload-link {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #f60;
    border-radius: 4px
}

body .site-sub-header-wrap .sub-header .upload-files .upload-link:hover {
    background-color: #fffbf1
}

body .site-sub-header-wrap .sub-header .upload-files .upload-tooltips {
    position: absolute;
    top: -10px;
    left: 80px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    text-align: center;
    width: 44px;
    height: 17px;
    background-color: #f60
}

body .site-sub-header-wrap .sub-header .upload-files .upload-tooltips::after {
    position: absolute;
    content: " ";
    border-width: 3px 0 3px 3px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #f60;
    border-style: solid;
    top: 13px;
    margin-left: -3px;
    left: 3px
}

body .site-sub-header-wrap .sub-header .yxt {
    margin-left: 50px;
    line-height: 40px
}

body .site-sub-header-wrap .sub-header .yxt .yxt-link {
    display: block
}

body .site-sub-header-wrap .sub-header .yxt .yxt-text {
    padding-left: 5px;
    vertical-align: middle;
    color: #333
}

body .site-sub-header-wrap .sub-header .search-tabs {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -96px
}

body .site-sub-header-wrap .sub-header .search-tabs>li {
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

body .site-sub-header-wrap .sub-header .search-tabs>li.active {
    border-bottom-color: #2b99ff;
    color: #2b99ff
}

body .site-sub-header-wrap .sub-header .search-tabs>li.albums,
body .site-sub-header-wrap .sub-header .search-tabs>li.docs {
    margin: 0 20px
}

body .new-default-navigations-bar {
    position: relative;
    margin-top: -52px
}

body .new-default-navigations-bar .navs-wrap {
    position: relative;
    width: 1200px;
    height: 52px;
    margin: 0 auto;
}

body .new-default-navigations-bar .navs-wrap .navs {
    position: absolute;
    left: 0;
    top: 0;
    width: 220px;
    background: #fff;
    border-radius: 6px
}

body .new-default-navigations-bar .navs-wrap .navs .stage-tabs {
    width: 100%;
    border: 2px solid #2b99ff;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    overflow: hidden
}

body .new-default-navigations-bar .navs-wrap .navs .stage-tabs .stage-item {
    float: left;
    width: 54px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #2b99ff
}

body .new-default-navigations-bar .navs-wrap .navs .stage-tabs .stage-item.active {
    background-color: #fff;
    color: #2b99ff
}

body .new-default-navigations-bar .navs-wrap .navs .stage-tabs .stage-item.bdr-left {
    border-bottom-right-radius: 6px
}

body .new-default-navigations-bar .navs-wrap .navs .stage-tabs .stage-item.bdr-right {
    border-bottom-left-radius: 6px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap {
    border: 2px solid #2b99ff;
    border-top: none;
    border-radius: 0 0 6px 6px;
    padding-top: 6px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item {
    padding: 0 10px 0 12px;
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item:last-child {
    border-radius: 0 0 6px 6px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .name {
    font-size: 13px;
    color: #333
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .arrow-right {
    float: right;
    background: url(../image/nav_arrow.png) center no-repeat;
    width: 8px;
    height: 16px;
    background-size: 50%;
    margin: 10px 0
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap {
    display: none;
    position: absolute;
    left: 218px;
    top: 0;
    z-index: 100;
    background-color: #fff;
    width: 638px;
    min-height: 100%;
    border-radius: 6px;
    border: 2px solid #2b99ff;
    padding: 30px 24px 0
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .mult-subject+.mult-subject,
body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .shengxue {
    border-top: 1px solid #f2f2f2;
    padding-top: 20px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .tongbu {
    padding-bottom: 5px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .beikao {
    padding-top: 20px;
    border-top: 1px solid #f2f2f2;
    padding-bottom: 10px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap.full-width {
    width: 982px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .mult-subject {
    padding-bottom: 5px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .sub-nav-tit {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    margin-bottom: 8px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .list-wrap {
    margin-bottom: 7px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .list-wrap .lable {
    min-width: 70px;
    height: 22px;
    line-height: 22px;
    color: #666
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .list-wrap .list {
    width: 100%;
    padding-left: 70px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .list-wrap .list.no-pd {
    position: relative;
    left: -5px;
    padding: 0
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .list-wrap .list.version .list-item {
    margin-bottom: 8px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .list-wrap .list.version .list-item .home-nav-link {
    margin-right: 20px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .list-wrap .list .list-item {
    margin-bottom: 3px;
    line-height: 22px;
    height: 22px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .list-wrap .list .list-item .home-nav-link {
    display: block;
    padding: 0 5px;
    min-width: 40px;
    height: 100%;
    text-align: center;
    color: #333;
    border-radius: 3px;
    margin-right: 5px
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .list-wrap .list .list-item .home-nav-link.ms {
    color: #f60
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item .sub-navs-wrap .list-wrap .list .list-item .home-nav-link:hover {
    background: #2b99ff;
    color: #fff
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item.hover {
    background-color: #f0f8ff
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item.hover .name {
    color: #2b99ff
}

body .new-default-navigations-bar .navs-wrap .navs .subject-content-wrap .subject-content .subject-item.hover .arrow-right {
    background: url(../image/nav_arrow_active.png) center no-repeat;
    background-size: 50%
}

body .new-default-navigations-bar .navs-wrap .other-navs {
    background: #fff;
    border-radius: 6px
}

body .new-default-navigations-bar .navs-wrap .other-navs>li {
    position: relative;
    height: 52px;
    line-height: 54px;
    float: left;
    margin: 0 20px;
}

body .new-default-navigations-bar .navs-wrap .other-navs>li>a,
body .new-default-navigations-bar .navs-wrap .other-navs>li>span {
    font-size: 16px;
    font-weight: 600
}

body .default-navigations-bar .navs-wrap .hover-dropdown .dropdown-menus .menu-list .link-item,
body .new-default-navigations-bar .navs-wrap .other-navs>li .dropdown-menus .menu-list .link-item {
    font-size: 14px;
    line-height: 28px;
    display: block;
}

body .new-default-navigations-bar .navs-wrap .other-navs>li:hover .dropdown-menus {
    display: block
}

body .new-default-navigations-bar .navs-wrap .other-navs>li .dropdown-menus {
    position: absolute;
    top: 45px;
    left: 50%;
    width: 58px;
    margin-left: -29px;
    background-color: #fff;
    z-index: 10;
    box-shadow: 0 8px 32px 16px rgba(175, 175, 175, .2);
    border-radius: 6px;
    display: none
}

body .new-default-navigations-bar .navs-wrap .other-navs>li:nth-child(3) .dropdown-menus{
    width: 168px;
}
body .new-default-navigations-bar .navs-wrap .other-navs>li:nth-child(3) .dropdown-menus .arrow.arrow-top{
    left: 28px;
}

body .new-default-navigations-bar .navs-wrap .other-navs>li .dropdown-menus .menu-list {
    overflow: hidden;
    padding: 10px 15px;
    line-height: 28px;
}

body .new-default-navigations-bar .navs-wrap .other-navs>li.saike {
    float: right;
    margin-right: 20px
}

body .new-default-navigations-bar .navs-wrap .other-navs>li.saike>a {
    position: relative;
    margin-left: 20px
}

body .new-default-navigations-bar .navs-wrap .other-navs>li.saike>a:first-child {
    margin-left: 0
}

body .new-default-navigations-bar .navs-wrap .other-navs>li.saike>a .text {
    position: relative;
    z-index: 2
}

body .new-default-navigations-bar .navs-wrap .other-navs>li.saike>a .new {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: -28px;
    z-index: 1;
    width: 40px;
    height: 24px;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

body .new-default-navigations-bar .navs-wrap .other-navs>li.saike>a .icon {
    position: absolute;
    right: -3px;
    top: -6px;
    z-index: 1;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(180deg, #F60 0, #FFF6F0 61%, #FFF 100%)
}

body .default-navigations-bar {
    position: relative;
    border-bottom: 2px solid #2b99ff;
    background-color: #fff;
    padding-top: 2px
}

body .default-navigations-bar.hide-navs .main-navs {
    display: none;
    box-shadow: -1px 0 5px -1px rgba(0, 0, 0, .3)
}

body .default-navigations-bar .navs-wrap {
    width: 1200px;
    height: 36px;
    position: relative;
    margin: 0 auto
}

body .default-navigations-bar .navs-wrap .hover-dropdown:hover .dropdown-menus {
    display: block
}

body .default-navigations-bar .navs-wrap .hover-dropdown .dropdown-menus {
    position: absolute;
    top: 35px;
    left: 50%;
    width: 280px;
    margin-left: -140px;
    background-color: #fff;
    z-index: 10;
    box-shadow: 0 8px 32px 16px rgba(175, 175, 175, .2);
    border-radius: 6px;
    display: none
}

body .default-navigations-bar .navs-wrap .hover-dropdown .dropdown-menus.kidgarden {
    width: 58px;
    margin-left: -29px
}

body .default-navigations-bar .navs-wrap .hover-dropdown .dropdown-menus.kidgarden .menu-list .link-item {
    margin: 0 !important
}

body .default-navigations-bar .navs-wrap .hover-dropdown .dropdown-menus .menu-list {
    overflow: hidden;
    padding: 10px 15px
}

body .default-navigations-bar .navs-wrap .hover-dropdown .dropdown-menus .menu-list .link-item:nth-child(3n-1) {
    margin: 0 20px
}

body .default-navigations-bar .navs-wrap>div {
    position: relative;
    font-weight: 400;
    color: #333;
    height: 38px;
    line-height: 38px;
    float: left;
    margin-left: 40px;
    font-size: 16px
}

body .default-navigations-bar .navs-wrap>div>a {
    color: #333;
    font-size: 15px;
    font-weight: 600
}

body .default-navigations-bar .navs-wrap>div>a:hover {
    color: #2b99ff
}

body .default-navigations-bar .navs-wrap>div>.text {
    color: #333;
    font-size: 15px;
    font-weight: 600
}

body .default-navigations-bar .navs-wrap>div.navs {
    width: 200px;
    height: 36px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    border-radius: 0;
    position: relative;
    color: #fff;
    background-color: #2b99ff;
    margin: 0 auto
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs {
    position: absolute;
    left: 0;
    top: 37px;
    height: 409px;
    width: 200px;
    border: 1px solid #2b99ff;
    background-color: #fff;
    z-index: 10
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li {
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    cursor: pointer
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li.hover {
    background-color: #2b99ff
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li.hover .nav-icon {
    background-position-y: -49px !important
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li.hover .nav-link {
    color: #fff
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li.hover .nav-arror-right {
    background-image: url(../image/li-right.png)
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon {
    margin-left: 24px;
    width: 16px;
    height: 17px;
    margin-top: 8px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.yw {
    background: url(../image/iconall.png) 0 1px no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.sx {
    background: url(../image/iconall.png) -41px 0 no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.yy {
    background: url(../image/iconall.png) -80px 0 no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.wl {
    background: url(../image/iconall.png) -122px 0 no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.hx {
    background: url(../image/iconall.png) -163px 0 no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.sw {
    background: url(../image/iconall.png) -204px 0 no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.ls {
    background: url(../image/iconall.png) -244px 0 no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.dl {
    background: url(../image/iconall.png) -283px 0 no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.zz {
    background: url(../image/iconall.png) -325px 0 no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.kx {
    background: url(../image/iconall.png) -366px 0 no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.lssh {
    background: url(../image/iconall.png) -405px 0 no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-icon.other {
    background: url(../image/iconall.png) -447px 0 no-repeat
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-link {
    color: #333;
    margin-left: 10px;
    font-size: 14px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-arror-right {
    margin-right: 15px;
    background: url(../image/li-right1.png) center no-repeat;
    width: 20px;
    height: 34px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .nav-arror-right.hover {
    background-image: url(../image/li-right.png)
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap {
    position: absolute;
    left: 199px;
    top: -1px;
    width: 740px;
    min-height: 409px;
    border: 1px solid #2b99ff;
    padding: 0 10px;
    background-color: #fff;
    display: none;
    box-shadow: 2px 0 5px -1px rgba(0, 0, 0, .3)
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap.full-width {
    width: 1000px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item {
    padding: 14px 0 5px;
    margin: 0 15px;
    border-top: 1px dashed #eee
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item:first-child {
    border-top: none
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .stage-subject {
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .stage-subject .list-title {
    margin-right: 30px;
    float: left;
    height: 24px;
    line-height: 24px;
    color: #333;
    font-size: 14px;
    font-weight: 800
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .stage-subject .list-wrap {
    display: table-cell;
    height: 20px;
    line-height: 20px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .stage-subject .list-wrap .list-item {
    display: inline-block;
    margin-right: 10px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .stage-subject .list-wrap .list-item:hover .home-nav-link {
    background-color: #2b99ff
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .stage-subject .list-wrap .list-item .home-nav-link {
    display: table-cell;
    padding: 2px 3px 0 6px;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    background-color: #333
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .stage-subject .list-wrap .list-item .home-nav-link i {
    vertical-align: bottom;
    font-size: 12px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .fuxibeikao,
body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .tongbubeike {
    margin-bottom: 3px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .fuxibeikao .list-title,
body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .tongbubeike .list-title {
    margin-right: 30px;
    float: left;
    height: 24px;
    line-height: 24px;
    color: #999;
    font-size: 12px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .fuxibeikao .list-wrap,
body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .tongbubeike .list-wrap {
    display: table-cell;
    height: 20px;
    line-height: 20px;
    text-align: left
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .fuxibeikao .list-wrap .list-item,
body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .tongbubeike .list-wrap .list-item {
    display: inline-block;
    margin-right: 4px;
    line-height: 20px;
    height: 20px;
    margin-top: 2px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .fuxibeikao .list-wrap .list-item .home-nav-link,
body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .tongbubeike .list-wrap .list-item .home-nav-link {
    padding: 0 5px;
    display: inline-block;
    min-width: 40px;
    text-align: center;
    font-size: 12px;
    color: #666;
    border-radius: 2px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .fuxibeikao .list-wrap .list-item .home-nav-link:hover,
body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .stage-item .tongbubeike .list-wrap .list-item .home-nav-link:hover {
    background: #2b99ff;
    color: #fff
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .other-stage-item {
    margin-top: 20px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .other-stage-item .stage {
    color: #333;
    height: 20px;
    line-height: 20px;
    font-weight: 800;
    padding-left: 15px;
    text-align: left
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .other-stage-item .stage-subjects {
    height: 25px;
    line-height: 25px;
    text-align: left
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .other-stage-item .stage-subjects .home-nav-link {
    padding: 0 12px;
    display: inline-block;
    min-width: 40px;
    text-align: center;
    margin: 0 3px;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    color: #999;
    border-radius: 2px
}

body .default-navigations-bar .navs-wrap>div.navs .main-navs>li .sub-navs-wrap .other-stage-item .stage-subjects .home-nav-link:hover {
    background-color: #2b99ff;
    color: #fff
}

body .default-navigations-bar .navs-wrap>div.bkc-enterance {
    position: absolute;
    right: 0
}

body .default-navigations-bar .navs-wrap>div.bkc-enterance .link {
    position: relative;
    color: #2b99ff;
    font-weight: 600
}

body .default-navigations-bar .navs-wrap>div.bkc-enterance .link .icon {
    font-size: 14px
}

body .default-navigations-bar .navs-wrap>div.bkc-enterance .link .new {
    position: absolute;
    right: -20px;
    top: -10px
}

body .navigations-bar {
    width: 100%;
    height: 40px;
    background-color: #2b99ff
}

body .navigations-bar .nav-inner {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

body .navigations-bar .nav-inner .nav-item {
    position: relative;
    float: left;
    margin-right: 10px
}

body .navigations-bar .nav-inner .nav-item .icon-free {
    position: absolute;
    right: -12px;
    top: 4px;
    background: url(../image/free_icon.png) center no-repeat;
    display: inline-block;
    width: 30px;
    height: 18px;
    -webkit-animation: icon-float 1.8s infinite;
    animation: icon-float 1.8s infinite
}

@-webkit-keyframes icon-float {

    0%,
    100% {
        top: 4px
    }

    50% {
        top: -2px
    }
}

@keyframes icon-float {

    0%,
    100% {
        top: 4px
    }

    50% {
        top: -2px
    }
}

body .navigations-bar .nav-inner .nav-item>a {
    height: 40px;
    line-height: 42px;
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    font-size: 15px
}

body .navigations-bar .nav-inner .nav-item>a.nav-selected,
body .navigations-bar .nav-inner .nav-item>a:hover {
    background-color: #067ff3
}

body .navigations-bar .nav-inner .nav-item>a>i {
    font-size: 14px;
    margin-left: 3px
}

body .navigations-bar .nav-inner .nav-item .sub-nav-list {
    position: absolute;
    top: 40px;
    left: 0;
    margin-left: -50px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    width: 200px;
    padding: 20px 0;
    z-index: 12;
    overflow: hidden;
    display: none
}

body .navigations-bar .nav-inner.seo-nav-bar,
body .navigations-bar .nav-inner.tongyong {
    overflow: initial
}

body .navigations-bar .nav-inner .nav-item .sub-nav-list .sub-nav-item {
    float: left;
    width: 82px;
    margin-left: 16px
}

body .navigations-bar .nav-inner .nav-item .sub-nav-list .sub-nav-item.odd {
    border-right: 1px dashed #eee
}

body .navigations-bar .nav-inner .nav-item .sub-nav-list .sub-nav-item.active>a,
body .navigations-bar .nav-inner .nav-item .sub-nav-list .sub-nav-item:hover>a {
    color: #2b99ff
}

body .navigations-bar .nav-inner .nav-item .sub-nav-list .sub-nav-item>a {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    width: 100%;
    color: #333;
    font-size: 14px
}

body .navigations-bar .nav-inner .nav-item .sub-nav-list .sub-nav-item>a.active {
    color: #2b99ff
}

body .navigations-bar .nav-inner.tongyong .nav-item>a {
    padding: 0 20px !important
}

body .navigations-bar .nav-inner.seo-nav-bar>.link {
    height: 40px;
    line-height: 42px;
    float: left;
    padding: 0 15px;
    color: #fff;
    font-size: 15px
}

body .navigations-bar .nav-inner.seo-nav-bar>.link.nav-selected,
body .navigations-bar .nav-inner.seo-nav-bar>.link:hover {
    background-color: #067ff3
}

body .navigations-bar .nav-inner.seo-nav-bar .stage {
    height: 40px;
    line-height: 42px;
    float: left;
    padding: 0 15px;
    color: #fff;
    font-size: 15px
}

body .navigations-bar .nav-inner.seo-nav-bar .line {
    float: left;
    margin: 12px;
    width: 1px;
    height: 16px;
    background-color: #fff
}

body .navigations-bar .nav-inner.seo-nav-bar .more-wrap {
    position: relative;
    float: left
}

body .navigations-bar .nav-inner.seo-nav-bar .more-wrap:hover .more-navs {
    display: block
}

body .navigations-bar .nav-inner.seo-nav-bar .more-wrap .more {
    display: block;
    height: 40px;
    line-height: 42px;
    padding: 0 15px;
    font-size: 15px;
    color: #fff
}

body .navigations-bar .nav-inner.seo-nav-bar .more-wrap .more-navs {
    display: none;
    position: relative
}

body .navigations-bar .nav-inner.seo-nav-bar .more-wrap .more-navs .dropdown {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    padding: 10px 0;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 8px 32px 16px rgba(175, 175, 175, .2)
}

body .navigations-bar .nav-inner.seo-nav-bar .more-wrap .more-navs .dropdown .link {
    display: block;
    height: 32px;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    color: #666
}

body .navigations-bar .nav-inner.seo-nav-bar .more-wrap .more-navs .dropdown .link:hover {
    color: #2b99ff;
    background-color: #e6f3ff
}

body .breadcrumbs-wrap {
    height: 40px;
    line-height: 42px;
    font-size: 12px;
    color: #999;
    text-align: left;
    overflow: hidden;
    width: 1200px
}

body .breadcrumbs-wrap .separator {
    margin: 0 3px
}

body .contact-us-wrap {
    position: fixed;
    z-index: 11;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

body .contact-us-wrap .act-icon {
    width: 64px;
    max-height: 300px;
    margin-bottom: 10px;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

body .contact-us-wrap .contact-us {
    border: 1px solid #eee;
    margin-bottom: 10px;
    border-radius: 6px
}

body .contact-us-wrap .contact-us .share-zhuan .zhuan-img {
    width: 24px;
    height: 24px;
    margin-top: 10px
}

body .contact-us-wrap .hover-show-wrap {
    position: absolute;
    bottom: 0;
    display: none;
    padding-right: 10px;
    cursor: auto
}

body .contact-us-wrap .hover-show-wrap .wechat-qrcode {
    float: right;
    padding-top: 17px;
    width: 140px;
    height: 170px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 6px
}

body .contact-us-wrap .hover-show-wrap .wechat-qrcode>.erwx {
    width: 100px;
    height: 100px;
    background: url(../image/comm_sprites.png) -10px -957px;
    margin: 0 auto 3px
}

body .contact-us-wrap .hover-show-wrap .wechat-qrcode>.kfwx {
    width: 100px;
    height: 100px;
    background: url(../image/contact_us_qrcode.png) no-repeat;
    background-size: cover;
    margin: 0 auto 5px
}

body .contact-us-wrap .hover-show-wrap .wechat-qrcode>.skdz {
    width: 100px;
    height: 100px;
    background: url(../image/skdz.png) no-repeat;
    background-size: cover;
    margin: 0 auto 5px
}

body .contact-us-wrap .hover-show-wrap .wechat-qrcode>.zczx {
    width: 100px;
    height: 100px;
    background: url(../image/zczx.png) no-repeat;
    background-size: cover;
    margin: 0 auto 5px
}

body .contact-us-wrap .hover-show-wrap .wechat-qrcode>p {
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin-bottom: 4px
}

body .contact-us-wrap .hover-show-wrap .online-kf-info {
    padding: 10px;
    width: 140px;
    height: 180px;
    border: 1px solid #eee;
    background-color: #fff;
    text-align: left;
    border-radius: 6px
}

body .contact-us-wrap .hover-show-wrap .online-kf-info img {
    margin-bottom: 5px
}

body .contact-us-wrap .hover-show-wrap .online-kf-info>p {
    color: #666;
    text-align: center
}

body .contact-us-wrap .feedback:hover .hover-show-wrap,
body .contact-us-wrap .online-kf:hover .hover-show-wrap,
body .contact-us-wrap .weChat:hover .hover-show-wrap {
    display: block;
    left: -149px
}

body .contact-us-wrap .item {
    position: relative;
    display: table;
    width: 64px;
    height: 64px;
    border-top: 1px solid #eee;
    text-align: center;
    cursor: pointer;
    background-color: #fff
}

body .contact-us-wrap .item:first-child {
    border-radius: 6px 6px 0 0
}

body .contact-us-wrap .item.back-to-top .hover-text,
body .contact-us-wrap .item.cart .hover-text,
body .contact-us-wrap .item.feedback .hover-text,
body .contact-us-wrap .item.online-kf .hover-text,
body .contact-us-wrap .item.weChat .hover-text {
    display: none;
    height: 100%;
    padding-top: 15px;
    color: #fff;
    font-size: 12px
}

body .contact-us-wrap .item.back-to-top:hover,
body .contact-us-wrap .item.cart:hover,
body .contact-us-wrap .item.feedback:hover,
body .contact-us-wrap .item.online-kf:hover,
body .contact-us-wrap .item.weChat:hover {
    background-color: #2b99ff
}

body .contact-us-wrap .item.back-to-top:hover .contact-icon,
body .contact-us-wrap .item.back-to-top:hover .contact-link,
body .contact-us-wrap .item.back-to-top:hover .contact-text,
body .contact-us-wrap .item.back-to-top:hover .zx-icon,
body .contact-us-wrap .item.cart:hover .contact-icon,
body .contact-us-wrap .item.cart:hover .contact-link,
body .contact-us-wrap .item.cart:hover .contact-text,
body .contact-us-wrap .item.cart:hover .zx-icon,
body .contact-us-wrap .item.feedback:hover .contact-icon,
body .contact-us-wrap .item.feedback:hover .contact-link,
body .contact-us-wrap .item.feedback:hover .contact-text,
body .contact-us-wrap .item.feedback:hover .zx-icon,
body .contact-us-wrap .item.online-kf:hover .contact-icon,
body .contact-us-wrap .item.online-kf:hover .contact-link,
body .contact-us-wrap .item.online-kf:hover .contact-text,
body .contact-us-wrap .item.online-kf:hover .zx-icon,
body .contact-us-wrap .item.weChat:hover .contact-icon,
body .contact-us-wrap .item.weChat:hover .contact-link,
body .contact-us-wrap .item.weChat:hover .contact-text,
body .contact-us-wrap .item.weChat:hover .zx-icon {
    display: none
}

body .contact-us-wrap .item.back-to-top:hover .hover-text,
body .contact-us-wrap .item.cart:hover .hover-text,
body .contact-us-wrap .item.feedback:hover .hover-text,
body .contact-us-wrap .item.online-kf:hover .hover-text,
body .contact-us-wrap .item.weChat:hover .hover-text {
    display: block
}

body .contact-us-wrap .item.cart .icon {
    position: relative;
    margin-top: 8px
}

body .contact-us-wrap .item.cart .icon i {
    color: #666;
    font-size: 30px
}

body .contact-us-wrap .item.cart .icon span {
    position: absolute;
    right: 10px;
    color: #fff;
    background-color: #f60;
    padding: 2px 4px;
    border-radius: 20px;
    font-size: 10px;
    line-height: 10px;
    top: -2px
}

body .contact-us-wrap .item.cart .contact-text2 {
    font-size: 12px;
    color: #999
}

body .contact-us-wrap .item.cart:hover .contact-text2,
body .contact-us-wrap .item.cart:hover i {
    color: #fff !important
}

body .contact-us-wrap .item.feedback {
    border-radius: 0
}

body .contact-us-wrap .item.free-gifts {
    border-radius: 0 0 6px 6px
}

body .contact-us-wrap .item.free-gifts img {
    margin: 10px auto 0
}

body .contact-us-wrap .item.free-gifts .contact-text {
    color: #f60
}

body .contact-us-wrap .item .contact-link {
    display: block;
    height: 100%
}

body .contact-us-wrap .item .contact-link .register-gift {
    display: inline-block;
    width: 28px;
    height: 29px;
    margin: 8px auto 0;
    background: url(../image/comm_sprites.png) -10px -592px
}

body .contact-us-wrap .item:first-child {
    border: 0
}

body .contact-us-wrap .item .zx-icon {
    font-size: 22px;
    color: #999;
    margin: 10px auto 0
}

body .contact-us-wrap .item .contact-icon {
    width: 24px;
    height: 24px;
    margin: 10px auto 0
}

body .contact-us-wrap .item .contact-icon.wx {
    background: url(../image/comm_sprites.png) -10px -548px
}

body .contact-us-wrap .item .contact-icon.kefu .icon {
    font-size: 22px;
    color: #666
}

body .contact-us-wrap .item .contact-icon.fankui {
    background: url(../image/comm_sprites.png) -10px -460px
}

body .contact-us-wrap .item .contact-icon.back {
    font-size: 32px;
    color: #666
}

body .contact-us-wrap .item .contact-text {
    font-size: 12px;
    color: #999;
    margin-top: 5px
}

body .contact-us-wrap .item.back-to-top {
    display: none;
    border: 1px solid #eee;
    width: 66px;
    padding-top: 15px;
    border-radius: 6px
}

body .contact-us-wrap .item.back-to-top .hover-text {
    padding: 0
}

body .friendly-link {
    background: #e1e1e1
}

body .friendly-link>.link-content {
    padding: 40px 0 20px;
    width: 1200px;
    margin: 0 auto;
    border-bottom: solid 1px #d8d8d8
}

body .friendly-link>.link-content>.link-title {
    margin-bottom: 15px;
    font-size: 16px;
    color: #999;
    line-height: 25px
}

body .friendly-link>.link-content>.link-title .wx {
    font-size: 12px;
    margin-left: 10px
}

body .friendly-link>.link-content>.link-list>.link {
    float: left;
    margin: 0 30px 12px 0;
    font-size: 12px
}

body .friendly-link>.link-content>.link-list>.link a {
    color: #999
}

body .friendly-link>.link-content>.link-list>.link a:hover {
    color: #2b99ff
}

body .site-footer {
    position: relative;
    background-color: #e1e1e1
}

body .site-footer .our-links-wrap {
    padding: 40px 0
}

body .site-footer .our-links-wrap .our-links dl {
    margin-left: 90px;
    width: 70px
}

body .site-footer .our-links-wrap .our-links dl:first-child {
    margin-left: 0
}

body .site-footer .our-links-wrap .our-links dl.column-dl {
    width: 295px
}

body .site-footer .our-links-wrap .our-links dl .column-item {
    display: inline-block;
    vertical-align: top;
    width: 70px
}

body .site-footer .our-links-wrap .our-links dl dt {
    margin: 0 0 10px;
    color: #333;
    height: 20px;
    line-height: 20px
}

body .site-footer .our-links-wrap .our-links dl dd {
    float: left;
    line-height: 17px;
    font-size: 12px;
    width: 70px;
    margin-bottom: 4px;
    color: #666
}

body .site-footer .our-links-wrap .our-links .qr-code-wrap {
    width: 100px;
    height: 100px
}

body .site-footer .our-links-wrap .our-links .qr-code-wrap>div {
    display: none;
    width: 100px;
    height: 100px
}

body .site-footer .our-links-wrap .our-links .qr-code-wrap>div.erqq {
    background: url(../image/comm_sprites.png) -10px -837px
}

body .site-footer .our-links-wrap .our-links .qr-code-wrap>div.QR {
    background: url(../image/comm_sprites.png) -10px -957px
}

body .site-footer .our-links-wrap .wx-code-wrap .left {
    margin-right: 15px
}

body .site-footer .our-links-wrap .wx-code-wrap .left .tit {
    font-size: 14px;
    font-weight: 600;
    color: #f60;
    line-height: 20px
}

body .site-footer .our-links-wrap .wx-code-wrap .left .footer-line {
    width: 127px;
    height: 5px;
    margin-top: -2px
}

body .site-footer .our-links-wrap .wx-code-wrap .left .fuli-tips {
    width: 128px;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 18px
}

body .site-footer .our-links-wrap .wx-code-wrap .right {
    width: 100px;
    height: 100px
}

body .site-footer .our-links-wrap .wx-code-wrap .right img {
    width: 100%;
    height: 100%
}

body .site-footer .copy-right-wrap {
    padding: 20px 0;
    border-top: 1px solid #d8d8d8;
    font-size: 12px;
    color: #999;
    text-align: center
}

body .site-footer .copy-right-wrap .copy-right {
    margin-bottom: 10px
}

body .site-footer .copy-right-wrap .copy-right .copyright {
    color: #999
}

body .site-footer .copy-right-wrap .appeal,
body .site-footer .copy-right-wrap .copy-right .wx-kf {
    color: #2b99ff
}

body .site-footer .copy-right-wrap .copy-right .law,
body .site-footer .copy-right-wrap .copy-right .privite {
    padding: 0 13px;
    border-right: 1px solid #999
}

body .site-footer .copy-right-wrap .copy-right .mobile-site {
    padding: 0 13px
}

body .site-footer .copy-right-wrap .copy-right .wx-kf .icon {
    font-size: 13px;
    margin-right: 2px
}

body .alert-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000;
    display: none;
    overflow: hidden
}

body .alert-wrap .alert-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1050;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

body .alert-wrap .alert-content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 160px auto 0;
    z-index: 2050;
    width: 100%;
    text-align: center
}

body .dialog-backdrop,
body .dialog-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

body .alert-wrap .alert-content .alert-text {
    display: inline-block;
    min-width: 120px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    background-color: #000;
    opacity: .75;
    filter: alpha(opacity=75);
    color: #fff;
    border-radius: 4px
}

body .dialog-backdrop {
    z-index: 1040;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

body .dialog-wrap {
    z-index: 1050;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    outline: 0;
    opacity: 1
}

body .dialog-wrap .dialog {
    margin: 100px auto
}

body .dialog-wrap .dialog-content {
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border-radius: 4px;
    margin: auto;
    padding-bottom: 30px
}

body .dialog-wrap .dialog-content .dialog-hd {
    width: 100%;
    height: 30px;
    position: relative
}

body .dialog-wrap .dialog-content .dialog-hd .close-icon {
    position: absolute;
    right: 12px;
    top: 10px;
    color: #999;
    z-index: 11;
    cursor: pointer
}

body .dialog-wrap .dialog-content .dialog-hd .close-icon:hover {
    color: #2b99ff
}

body .dialog-wrap .dialog-content .dialog-ft {
    margin-top: 30px
}

.album-barrage-outter {
    width: 872px;
    overflow: hidden;
    padding: 0 20px;
    margin: 0 auto
}

.album-barrage-outter .album-barrage-wrap {
    overflow: hidden
}

.album-barrage-outter .album-barrage-wrap .barrage {
    max-height: 76px;
    overflow: hidden
}

.album-barrage-outter .album-barrage-wrap .barrage li {
    display: inline-block;
    font-size: 12px;
    color: #333;
    height: 28px;
    line-height: 28px;
    background: #f1f3fd;
    border-radius: 14px;
    padding: 0 15px;
    white-space: nowrap;
    margin: 0 10px 10px 0
}

.album-barrage-outter .album-barrage-wrap .barrage li .icon {
    font-size: 12px;
    margin-left: 4px
}

.qz-qm-wrap {
    background-color: #fff;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 30px
}

.qz-qm-wrap .tit {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

.qz-qm-wrap .qz {
    float: left;
    width: 50%;
    border-right: 1px solid #f2f2f2;
    padding-bottom: 15px
}

.qz-qm-wrap .qz.kno {
    padding-bottom: 0
}

.qz-qm-wrap .qz .qz-list {
    overflow: hidden
}

.qz-qm-wrap .qz .qz-list .link-item {
    float: left;
    margin-right: 28px;
    margin-bottom: 10px
}

.qz-qm-wrap .qz .qz-list .link-item:nth-child(6n) {
    margin-right: 0
}

.qz-qm-wrap .qm {
    float: left;
    width: 50%;
    padding-left: 20px;
    padding-bottom: 15px
}

.qz-qm-wrap .qm.zgk {
    padding-bottom: 0
}

.qz-qm-wrap .qm .qm-list {
    overflow: hidden
}

.qz-qm-wrap .qm .qm-list .link-item {
    float: left;
    margin-right: 28px;
    margin-bottom: 10px
}

.qz-qm-wrap .qm .qm-list .link-item:nth-child(6n) {
    margin-right: 0
}

.langdu-banner {
    display: block;
    margin: 10px 0;
    border-radius: 6px;
    overflow: hidden
}

.langdu-banner img {
    max-width: 100%
}

#common-acts .dialog {
    width: 530px
}

#common-acts .dialog .dialog-content {
    border-radius: 10px;
    background-color: transparent !important;
    box-shadow: none
}

#common-acts .dialog .dialog-content .dialog-bd .close-btn {
    width: 42px;
    height: 42px;
    line-height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.nav-ad,
.nav-ad img {
    width: 100%
}

#common-acts .dialog .dialog-content .dialog-bd .close-btn .icon {
    font-size: 24px;
    color: #fff
}

#common-acts .dialog .dialog-content .dialog-bd .gift-img {
    cursor: pointer
}

.nav-ad {
    display: block;
    margin-top: 13px
}

.kf-btn {
    cursor: pointer
}

#service-wechat .dialog {
    width: 450px
}

#service-wechat .dialog .dialog-content {
    padding: 10px 5px 30px;
    text-align: center
}

#service-wechat .dialog .dialog-content .dialog-hd {
    height: auto;
    padding-top: 45px
}

#service-wechat .dialog .dialog-content .h-tit {
    font-weight: 700;
    font-size: 22px;
    color: #333
}

#service-wechat .dialog .dialog-content .service-img {
    box-sizing: border-box;
    width: 200px;
    height: 200px;
    margin-top: 26px;
    border: 1px solid #eee;
    padding: 5px
}

#service-wechat .dialog .dialog-content .service-hint {
    font-size: 14px;
    margin-top: 14px
}

.temp-kxwy-wrap {
    overflow: hidden;
    background-color: #fff;
    padding: 43px;
    border-radius: 20px
}

.temp-kxwy-wrap .img_01 {
    float: left;
    width: 462px;
    height: 280px;
    background: url(../image/kx_img_01.png) center no-repeat;
    background-size: cover;
    margin-right: 30px
}

.temp-kxwy-wrap .box {
    float: left;
    overflow: hidden;
    width: calc(100% - 492px)
}

.temp-kxwy-wrap .box .img {
    float: left;
    display: block;
    width: 296px;
    height: 125px
}

.temp-kxwy-wrap .box .img.img_02 {
    background: url(../image/kx_img_02.png) center no-repeat;
    background-size: cover;
    margin: 0 30px 30px 0
}

.temp-kxwy-wrap .box .img.img_03 {
    background: url(../image/kx_img_03.png) center no-repeat;
    background-size: cover
}

.temp-kxwy-wrap .box .img.img_04 {
    background: url(../image/kx_img_04.png) center no-repeat;
    background-size: cover;
    margin-right: 30px
}

.temp-kxwy-wrap .box .img.img_05 {
    background: url(../image/kx_img_05.png) center no-repeat;
    background-size: cover
}

.teach-tools {
    width: 100%;
    border-radius: 20px;
    background-color: #fff;
    margin-top: 32px;
    text-align: center;
    padding: 34px 0 40px
}

.teach-tools .desc-wrap {
    margin-bottom: 28px
}

.teach-tools .desc-wrap .d-item:nth-child(2) {
    margin: 0 50px
}

.teach-tools .desc-wrap .d-item .s-check {
    display: inline-block;
    width: 22px;
    height: 23px;
    vertical-align: text-bottom;
    margin-right: 3px;
    background: url(../image/s_check.png) center no-repeat;
    background-size: cover
}

.teach-tools .desc-wrap .d-item .free {
    font-size: 20px;
    color: #f60;
    font-weight: 700
}

.teach-tools .desc-wrap .d-item .text {
    font-size: 20px;
    color: #333
}

.teach-tools .tool-wrap {
    position: relative
}

.teach-tools .tool-wrap .tool-img {
    height: 291px
}

.teach-tools .tool-wrap .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 278px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    background: #fff;
    border-radius: 46px;
    color: #f60;
    font-weight: 700;
    font-size: 24px;
    margin: -32px 0 0 -139px
}

.teach-tools.agg .desc-wrap .d-item .s-check {
    background: url(../image/agg_s_check.png) center no-repeat;
    background-size: cover
}

.teacher-fuli {
    text-align: center
}

.teacher-fuli .tit-wrap .tit-img {
    width: 288px;
    height: 120px;
    margin: 0 auto 30px;
    background: url(../image/item_3.png) center no-repeat;
    background-size: cover
}

.teacher-fuli .fuli-list .fl-item {
    background-color: #fff;
    border-radius: 30px;
    width: calc((100% - 80px)/ 3)
}

.teacher-fuli .fuli-list .fl-item:nth-child(2) {
    margin: 0 40px
}

.teacher-fuli .fuli-list .fl-item:nth-child(3) {
    padding-bottom: 58px
}

.teacher-fuli .fuli-list .fl-item .hat {
    width: 238px;
    height: 74px;
    margin: 0 auto 20px
}

.teacher-fuli .fuli-list .fl-item .hat.yy {
    background: url(../image/yy_hat.png) center no-repeat;
    background-size: cover
}

.teacher-fuli .fuli-list .fl-item .hat.yw {
    background: url(../image/yw_hat.png) center no-repeat;
    background-size: cover
}

.teacher-fuli .fuli-list .fl-item .hat.sx {
    background: url(../image/sx_hat.png) center no-repeat;
    background-size: cover
}

.teacher-fuli .fuli-list .fl-item .desc {
    width: 100%;
    padding: 0 40px;
    text-align: left;
    line-height: 34px
}

.teacher-fuli .fuli-list .fl-item .desc .check {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 3px;
    background: url(../image/check.png) center no-repeat;
    background-size: cover;
    vertical-align: middle
}

.teacher-fuli .fuli-list .fl-item .desc .text-01 {
    font-size: 18px;
    color: #18273E
}

.teacher-fuli .fuli-list .fl-item .desc .text-02 {
    font-size: 18px;
    color: red
}

.teacher-fuli .fuli-list .fl-item .qrcode {
    width: 184px;
    margin: 24px 0
}

.teacher-fuli .fuli-list .fl-item .free-btn {
    width: 306px;
    height: 64px;
    line-height: 64px;
    background: #00BA93;
    border-radius: 60px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    margin: 0 auto;
    cursor: pointer
}

.teacher-fuli .fuli-list .fl-item .hw {
    font-size: 20px;
    color: #339266;
    margin: 10px 0 22px;
    cursor: pointer
}

.teacher-fuli.agg .tit-wrap .tit-img {
    background: url(../image/agg_tit_icon.png) center no-repeat;
    background-size: cover
}

.teacher-fuli.agg .fuli-list .fl-item .hat.yy {
    background: url(../image/agg_yy_hat.png) center no-repeat;
    background-size: cover
}

.teacher-fuli.agg .fuli-list .fl-item .hat.yw {
    background: url(../image/agg_yw_hat.png) center no-repeat;
    background-size: cover
}

.teacher-fuli.agg .fuli-list .fl-item .hat.sx {
    background: url(../image/agg_sx_hat.png) center no-repeat;
    background-size: cover
}

.teacher-fuli.agg .fuli-list .fl-item .desc .check {
    background: url(../image/agg_check.png) center no-repeat;
    background-size: cover
}

.teacher-fuli.agg .fuli-list .fl-item .free-btn {
    background-color: #f60
}

.teacher-fuli.agg .fuli-list .fl-item .hw {
    color: #f60
}

#free-qrcode-dialog .dialog {
    width: 420px
}

#free-qrcode-dialog .dialog .dialog-content {
    padding-bottom: 50px;
    text-align: center;
    border-radius: 12px
}

#free-qrcode-dialog .dialog .dialog-content .title {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    margin-bottom: 20px
}

#free-qrcode-dialog .dialog .dialog-content .qrcode {
    width: 200px
}

#hw-dialog .dialog {
    width: 1100px
}

#hw-dialog .dialog .dialog-content {
    border-radius: 12px
}

#hw-dialog .dialog .dialog-content .slide-box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 798px;
    padding: 0 50px
}

#hw-dialog .dialog .dialog-content .slide-box .sliders {
    position: relative;
    height: 100%
}

#hw-dialog .dialog .dialog-content .slide-box .sliders .tempWrap,
#hw-dialog .dialog .dialog-content .slide-box .sliders .tempWrap ul,
#hw-dialog .dialog .dialog-content .slide-box .sliders .tempWrap ul .slide-item {
    height: 100%
}

#hw-dialog .dialog .dialog-content .slide-box .sliders .tempWrap ul .slide-item .img {
    display: block;
    width: 100%;
    height: 100%
}

#hw-dialog .dialog .dialog-content .slide-box .indicators-wrap {
    position: absolute;
    bottom: 0;
    z-index: 999;
    width: calc(100% - 100px)
}

#hw-dialog .dialog .dialog-content .slide-box .indicators-wrap ul {
    text-align: center
}

#hw-dialog .dialog .dialog-content .slide-box .indicators-wrap ul .dot {
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    text-align: center;
    background-color: #ccc;
    cursor: pointer
}

#hw-dialog .dialog .dialog-content .slide-box .indicators-wrap ul .dot.on {
    background-color: #2b99ff
}

#hw-dialog .dialog .dialog-content .slide-box .arrow-wrap .arrow-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    font-size: 60px;
    color: #2b99ff;
    cursor: pointer
}

#hw-dialog .dialog .dialog-content .slide-box .arrow-wrap .arrow-icon.prev {
    left: -6px;
    right: auto;
    transform: rotate(-90deg)
}

#hw-dialog .dialog .dialog-content .slide-box .arrow-wrap .arrow-icon.next {
    left: auto;
    right: -6px;
    transform: rotate(90deg)
}

@-webkit-keyframes bounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes bounceRight {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 5px
    }
}

@keyframes bounceRight {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 5px
    }
}