@charset "UTF-8";
.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

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

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

ol, ul {
    list-style: none
}

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

i {
    font-style: normal
}

caption, th {
    text-align: left
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article, aside, footer, header, nav, section {
    display: block
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    vertical-align: baseline;
    line-height: 0;
    font-size: 75%
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: \5fae\8f6f\96c5\9ed1, "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 0 none transparent
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[role=button] {
    cursor: pointer
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

[role=button] {
    cursor: pointer
}

@font-face {
    font-family: iconfont;
    src: url(../font/iconfont/iconfont.eot);
    src: url(../font/iconfont/iconfont.eot?#iefix) format("embedded-opentype"), url(../font/iconfont/iconfont.woff) format("woff"), url(../font/iconfont/iconfont.ttf) format("truetype"), url(../font/iconfont/iconfont.svg#iconfont) format("svg")
}

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

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container:hover .index-arrow {
    opacity: 1
}

.swiper-container:hover .side-arrow {
    opacity: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0, 0);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: left, top, -webkit-transform;
    transition-property: transform, left, top;
    transition-property: transform, left, top, -webkit-transform;
    transition-duration: 0s;
    transform: translate3d(0, 0, 0);
    transition-timing-function: ease;
    box-sizing: content-box
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    float: left;
    box-sizing: content-box
}

.swiper-slide a {
    background-size: cover;
    background-position: center;
    display: block;
    height: 100%
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

.swiper-container, .swiper-slide, .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-slide-shadow-bottom, .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.pure-u, .pure-u-1, .pure-u-1-1, .pure-u-1-12, .pure-u-1-2, .pure-u-1-24, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-10-24, .pure-u-11-12, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-2-24, .pure-u-2-3, .pure-u-2-5, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24, .pure-u-3-24, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-4-24, .pure-u-4-5, .pure-u-5-12, .pure-u-5-24, .pure-u-5-5, .pure-u-5-6, .pure-u-5-8, .pure-u-6-24, .pure-u-7-12, .pure-u-7-24, .pure-u-7-8, .pure-u-8-24, .pure-u-9-24 {
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
    padding-left: 20px
}

.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%
}

.pure-u-1-12, .pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%
}

.pure-u-1-8, .pure-u-3-24 {
    width: 12.5%;
    *width: 12.469%
}

.pure-u-1-6, .pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%
}

.pure-u-1-5 {
    width: 20%;
    *width: 19.969%
}

.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%
}

.pure-u-1-4, .pure-u-6-24 {
    width: 25%;
    *width: 24.969%
}

.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%
}

.pure-u-1-3, .pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%
}

.pure-u-3-8, .pure-u-9-24 {
    width: 37.5%;
    *width: 37.469%
}

.pure-u-2-5 {
    width: 40%;
    *width: 39.969%
}

.pure-u-10-24, .pure-u-5-12 {
    width: 41.6667%;
    *width: 41.6357%
}

.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%
}

.pure-u-1-2, .pure-u-12-24 {
    width: 50%;
    *width: 49.969%
}

.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%
}

.pure-u-14-24, .pure-u-7-12 {
    width: 58.3333%;
    *width: 58.3023%
}

.pure-u-3-5 {
    width: 60%;
    *width: 59.969%
}

.pure-u-15-24, .pure-u-5-8 {
    width: 62.5%;
    *width: 62.469%
}

.pure-u-16-24, .pure-u-2-3 {
    width: 66.6667%;
    *width: 66.6357%
}

.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%
}

.pure-u-18-24, .pure-u-3-4 {
    width: 75%;
    *width: 74.969%
}

.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%
}

.pure-u-4-5 {
    width: 80%;
    *width: 79.969%
}

.pure-u-20-24, .pure-u-5-6 {
    width: 83.3333%;
    *width: 83.3023%
}

.pure-u-21-24, .pure-u-7-8 {
    width: 87.5%;
    *width: 87.469%
}

.pure-u-11-12, .pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%
}

.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%
}

.pure-u-1, .pure-u-1-1, .pure-u-24-24, .pure-u-5-5 {
    width: 100%
}

.form-normal {
    position: relative;
    font-size: 18px
}

.form-normal .btn-wrapper, .form-normal .form-wrapper {
    position: relative;
    margin-left: 120px
}

.form-normal .form-label {
    position: absolute;
    left: -120px;
    color: #333;
    word-break: keep-all
}

.form-normal .form-input, .form-normal .form-label {
    height: 52px;
    line-height: 52px
}

.form-normal .form-wrapper {
    padding-right: 22px;
    margin-bottom: 40px
}

.form-normal .form-input {
    width: 100%;
    border: 1px solid #c3c3c3;
    padding-right: 10px;
    padding-left: 10px
}

.form-normal .form-static {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent !important;
    border-color: transparent !important
}

.form-normal .form-static:focus {
    box-shadow: none !important;
    background-color: transparent !important
}

.form-normal .form-required-field {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
    display: block;
    text-align: center;
    color: #999;
    cursor: default
}

.form-normal .form-verify-message {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    font-size: 16px;
    line-height: 1
}

.form-normal .has-error {
    color: red
}

.form-normal .has-error .iconfont {
    color: red
}

.form-normal .form-wrapper input:not([type]), .form-normal .form-wrapper input[type=color], .form-normal .form-wrapper input[type=date], .form-normal .form-wrapper input[type=datetime-local], .form-normal .form-wrapper input[type=datetime], .form-normal .form-wrapper input[type=email], .form-normal .form-wrapper input[type=month], .form-normal .form-wrapper input[type=number], .form-normal .form-wrapper input[type=password], .form-normal .form-wrapper input[type=search], .form-normal .form-wrapper input[type=tel], .form-normal .form-wrapper input[type=text], .form-normal .form-wrapper input[type=time], .form-normal .form-wrapper input[type=url], .form-normal .form-wrapper input[type=week], .form-normal .form-wrapper textarea {
    vertical-align: middle;
    border: 1px solid #c3c3c3;
    background-color: #fff
}

.form-normal .form-wrapper input:not([type])::-webkit-input-placeholder, .form-normal .form-wrapper input[type=color]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=date]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=datetime-local]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=datetime]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=email]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=month]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=number]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=password]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=search]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=tel]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=text]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=time]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=url]::-webkit-input-placeholder, .form-normal .form-wrapper input[type=week]::-webkit-input-placeholder, .form-normal .form-wrapper textarea::-webkit-input-placeholder {
    color: #bfbfbf
}

.form-normal .form-wrapper input:not([type]):focus, .form-normal .form-wrapper input[type=color]:focus, .form-normal .form-wrapper input[type=date]:focus, .form-normal .form-wrapper input[type=datetime-local]:focus, .form-normal .form-wrapper input[type=datetime]:focus, .form-normal .form-wrapper input[type=email]:focus, .form-normal .form-wrapper input[type=month]:focus, .form-normal .form-wrapper input[type=number]:focus, .form-normal .form-wrapper input[type=password]:focus, .form-normal .form-wrapper input[type=search]:focus, .form-normal .form-wrapper input[type=tel]:focus, .form-normal .form-wrapper input[type=text]:focus, .form-normal .form-wrapper input[type=time]:focus, .form-normal .form-wrapper input[type=url]:focus, .form-normal .form-wrapper input[type=week]:focus, .form-normal .form-wrapper textarea:focus {
    outline: 0;
    border-radius: 0;
    border-color: #b6b6b6;
    background-color: #fff
}

.form-normal .form-wrapper input[type=checkbox]:focus, .form-normal .form-wrapper input[type=file]:focus, .form-normal .form-wrapper input[type=radio]:focus {
    outline: 0
}

.form-normal .form-wrapper input:not([type])[disabled], .form-normal .form-wrapper input[type=color][disabled], .form-normal .form-wrapper input[type=date][disabled], .form-normal .form-wrapper input[type=datetime-local][disabled], .form-normal .form-wrapper input[type=datetime][disabled], .form-normal .form-wrapper input[type=email][disabled], .form-normal .form-wrapper input[type=month][disabled], .form-normal .form-wrapper input[type=number][disabled], .form-normal .form-wrapper input[type=password][disabled], .form-normal .form-wrapper input[type=search][disabled], .form-normal .form-wrapper input[type=tel][disabled], .form-normal .form-wrapper input[type=text][disabled], .form-normal .form-wrapper input[type=time][disabled], .form-normal .form-wrapper input[type=url][disabled], .form-normal .form-wrapper input[type=week][disabled], .form-normal .form-wrapper select[disabled], .form-normal .form-wrapper textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3
}

.form-normal .form-wrapper input[readonly], .form-normal .form-wrapper select[readonly], .form-normal .form-wrapper textarea[readonly] {
    background-color: #eee;
    color: #777;
    border-color: #e9e9e9
}

.form-normal .form-wrapper select[multiple] {
    height: auto
}

.form-normal .form-wrapper .extra, .form-normal .form-wrapper .get-sms {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 1px;
    height: 52px;
    margin-top: -26px;
    line-height: 52px
}

.form-normal .form-wrapper .get-sms {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
    color: #fff;
    background-color: #f04136;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-normal .form-wrapper .get-sms-disabled {
    color: #eee;
    background-color: #f79b95;
    cursor: not-allowed
}

.form-normal .form-wrapper .extra {
    padding-right: 20px;
    padding-left: 20px;
    color: #666;
    background-color: #fff
}

.form-normal .form-wrapper .extra .iconfont {
    font-size: 24px
}

.form-normal .btn-wrapper .btn {
    margin-top: 40px;
    margin-bottom: 40px
}

.form-normal .radio-wrapper, .form-normal .select-wrapper, .form-normal .textarea-wrapper {
    border: none;
    padding-right: 0;
    padding-left: 0
}

.form-normal .textarea-wrapper {
    height: auto
}

.form-normal .textarea-wrapper .textarea-inner {
    border: 1px solid #c3c3c3;
    padding: 10px
}

.form-normal .textarea-wrapper .input-textarea {
    width: 100%
}

.form-normal .textarea-wrapper .input-textarea, .form-normal .textarea-wrapper .input-textarea:focus {
    border: none;
    background-color: #f5f5f5
}

.form-normal .textarea-wrapper .input-textarea[disabled], .form-normal .textarea-wrapper .input-textarea[readonly] {
    border: none
}

.form-normal .select-wrapper select {
    height: 52px;
    margin-right: 20px
}

.form-normal .radio-wrapper .radio-label {
    margin-right: 40px
}

.form-normal .radio-wrapper .form-radio {
    margin-right: 10px
}

.form-underline {
    position: relative;
    font-size: 18px
}

.form-underline .btn-wrapper, .form-underline .form-wrapper {
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-left: 120px
}

.form-underline .form-label {
    position: absolute;
    left: -120px;
    color: #333;
    word-break: keep-all
}

.form-underline .form-input {
    width: 100%
}

.form-underline .form-input, .form-underline .form-label {
    height: 40px
}

.form-underline .form-wrapper {
    border-bottom: 1px solid #c3c3c3;
    line-height: 40px
}

.form-underline .form-static {
    background-color: transparent !important;
    border-color: transparent !important
}

.form-underline .form-static:focus {
    box-shadow: none !important;
    background-color: transparent !important
}

.form-underline .form-required-field {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
    display: block;
    text-align: center;
    cursor: default
}

.form-underline .form-verify-message {
    position: absolute;
    bottom: 8px;
    right: 0;
    z-index: 2;
    font-size: 16px;
    line-height: 1
}

.form-underline .has-error {
    color: red
}

.form-underline .has-error .iconfont {
    color: red
}

.form-underline .form-wrapper input:not([type]), .form-underline .form-wrapper input[type=color], .form-underline .form-wrapper input[type=date], .form-underline .form-wrapper input[type=datetime-local], .form-underline .form-wrapper input[type=datetime], .form-underline .form-wrapper input[type=email], .form-underline .form-wrapper input[type=month], .form-underline .form-wrapper input[type=number], .form-underline .form-wrapper input[type=password], .form-underline .form-wrapper input[type=search], .form-underline .form-wrapper input[type=tel], .form-underline .form-wrapper input[type=text], .form-underline .form-wrapper input[type=time], .form-underline .form-wrapper input[type=url], .form-underline .form-wrapper input[type=week], .form-underline .form-wrapper textarea {
    vertical-align: middle;
    border: none;
    background-color: transparent
}

.form-underline .form-wrapper input:not([type])::-webkit-input-placeholder, .form-underline .form-wrapper input[type=color]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=date]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=datetime-local]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=datetime]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=email]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=month]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=number]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=password]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=search]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=tel]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=text]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=time]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=url]::-webkit-input-placeholder, .form-underline .form-wrapper input[type=week]::-webkit-input-placeholder, .form-underline .form-wrapper textarea::-webkit-input-placeholder {
    color: #bfbfbf
}

.form-underline .form-wrapper input:not([type]):focus, .form-underline .form-wrapper input[type=color]:focus, .form-underline .form-wrapper input[type=date]:focus, .form-underline .form-wrapper input[type=datetime-local]:focus, .form-underline .form-wrapper input[type=datetime]:focus, .form-underline .form-wrapper input[type=email]:focus, .form-underline .form-wrapper input[type=month]:focus, .form-underline .form-wrapper input[type=number]:focus, .form-underline .form-wrapper input[type=password]:focus, .form-underline .form-wrapper input[type=search]:focus, .form-underline .form-wrapper input[type=tel]:focus, .form-underline .form-wrapper input[type=text]:focus, .form-underline .form-wrapper input[type=time]:focus, .form-underline .form-wrapper input[type=url]:focus, .form-underline .form-wrapper input[type=week]:focus, .form-underline .form-wrapper textarea:focus {
    outline: 0;
    border-radius: 0;
    border-color: transparent;
    background-color: transparent
}

.form-underline .form-wrapper input[type=checkbox]:focus, .form-underline .form-wrapper input[type=file]:focus, .form-underline .form-wrapper input[type=radio]:focus {
    outline: 0
}

.form-underline .form-wrapper input:not([type])[disabled], .form-underline .form-wrapper input[type=color][disabled], .form-underline .form-wrapper input[type=date][disabled], .form-underline .form-wrapper input[type=datetime-local][disabled], .form-underline .form-wrapper input[type=datetime][disabled], .form-underline .form-wrapper input[type=email][disabled], .form-underline .form-wrapper input[type=month][disabled], .form-underline .form-wrapper input[type=number][disabled], .form-underline .form-wrapper input[type=password][disabled], .form-underline .form-wrapper input[type=search][disabled], .form-underline .form-wrapper input[type=tel][disabled], .form-underline .form-wrapper input[type=text][disabled], .form-underline .form-wrapper input[type=time][disabled], .form-underline .form-wrapper input[type=url][disabled], .form-underline .form-wrapper input[type=week][disabled], .form-underline .form-wrapper select[disabled], .form-underline .form-wrapper textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3
}

.form-underline .form-wrapper input[readonly], .form-underline .form-wrapper select[readonly], .form-underline .form-wrapper textarea[readonly] {
    background-color: #eee;
    color: #777;
    border-color: transparent
}

.form-underline .form-wrapper select[multiple] {
    height: auto
}

.form-underline .form-wrapper .extra, .form-underline .form-wrapper .get-sms {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 50%;
    height: 40px;
    line-height: 40px;
    margin-top: -20px
}

.form-underline .form-wrapper .get-sms {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
    color: #fff;
    background-color: #f04136;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-underline .form-wrapper .get-sms-disabled {
    color: #eee;
    background-color: #f79b95;
    cursor: not-allowed
}

.form-underline .form-wrapper .extra {
    padding-right: 20px;
    padding-left: 20px;
    color: #666;
    background-color: #fff
}

.form-underline .form-wrapper .extra .iconfont {
    font-size: 24px
}

.form-underline .btn-wrapper .btn {
    margin-top: 40px;
    margin-bottom: 40px
}

.form-underline .radio-wrapper, .form-underline .select-wrapper, .form-underline .textarea-wrapper {
    border-bottom: none;
    padding-right: 0;
    padding-left: 0
}

.form-underline .textarea-wrapper .textarea-inner {
    border: 1px solid #c3c3c3;
    padding: 10px
}

.form-underline .textarea-wrapper .input-textarea {
    width: 100%;
    background-color: #f5f5f5
}

.form-underline .select-wrapper .form-label {
    margin-right: 20px
}

.form-underline .select-wrapper select {
    height: 40px;
    border: 1px solid #e9e9e9;
    margin-right: 20px
}

.form-underline .radio-wrapper .radio-label {
    margin-right: 40px
}

.form-underline .radio-wrapper .form-radio {
    margin-right: 10px
}

.column {
    padding-left: 10px;
    padding-right: 10px
}

.hs_col__container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

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

.hs_col__container:after {
    clear: both
}

@media (min-width: 768px) {
    .hs_col__container {
        width: 740px
    }
}

@media (min-width: 992px) {
    .hs_col__container {
        width: 960px
    }
}

@media (min-width: 1200px) {
    .hs_col__container {
        width: 1160px
    }
}

.hs_col__container-fluid {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

.hs_col__container-fluid:after, .hs_col__container-fluid:before {
    content: " ";
    display: table
}

.hs_col__container-fluid:after {
    clear: both
}

.hs_col__lg-1, .hs_col__lg-10, .hs_col__lg-11, .hs_col__lg-12, .hs_col__lg-2, .hs_col__lg-3, .hs_col__lg-4, .hs_col__lg-5, .hs_col__lg-6, .hs_col__lg-7, .hs_col__lg-8, .hs_col__lg-9, .hs_col__md-1, .hs_col__md-10, .hs_col__md-11, .hs_col__md-12, .hs_col__md-2, .hs_col__md-3, .hs_col__md-4, .hs_col__md-5, .hs_col__md-6, .hs_col__md-7, .hs_col__md-8, .hs_col__md-9, .hs_col__sm-1, .hs_col__sm-10, .hs_col__sm-11, .hs_col__sm-12, .hs_col__sm-2, .hs_col__sm-3, .hs_col__sm-4, .hs_col__sm-5, .hs_col__sm-6, .hs_col__sm-7, .hs_col__sm-8, .hs_col__sm-9, .hs_col__xs-1, .hs_col__xs-10, .hs_col__xs-11, .hs_col__xs-12, .hs_col__xs-2, .hs_col__xs-3, .hs_col__xs-4, .hs_col__xs-5, .hs_col__xs-6, .hs_col__xs-7, .hs_col__xs-8, .hs_col__xs-9 {
    position: relative;
    min-height: 1px
}

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

.hs_col__xs-1 {
    width: 8.33333%
}

.hs_col__xs-2 {
    width: 16.66667%
}

.hs_col__xs-3 {
    width: 25%
}

.hs_col__xs-4 {
    width: 33.33333%
}

.hs_col__xs-5 {
    width: 41.66667%
}

.hs_col__xs-6 {
    width: 50%
}

.hs_col__xs-7 {
    width: 58.33333%
}

.hs_col__xs-8 {
    width: 66.66667%
}

.hs_col__xs-9 {
    width: 75%
}

.hs_col__xs-10 {
    width: 83.33333%
}

.hs_col__xs-11 {
    width: 91.66667%
}

.hs_col__xs-12 {
    width: 100%
}

.hs_col__xs-pull-0 {
    right: auto
}

.hs_col__xs-pull-1 {
    right: 8.33333%
}

.hs_col__xs-pull-2 {
    right: 16.66667%
}

.hs_col__xs-pull-3 {
    right: 25%
}

.hs_col__xs-pull-4 {
    right: 33.33333%
}

.hs_col__xs-pull-5 {
    right: 41.66667%
}

.hs_col__xs-pull-6 {
    right: 50%
}

.hs_col__xs-pull-7 {
    right: 58.33333%
}

.hs_col__xs-pull-8 {
    right: 66.66667%
}

.hs_col__xs-pull-9 {
    right: 75%
}

.hs_col__xs-pull-10 {
    right: 83.33333%
}

.hs_col__xs-pull-11 {
    right: 91.66667%
}

.hs_col__xs-pull-12 {
    right: 100%
}

.hs_col__xs-push-0 {
    left: auto
}

.hs_col__xs-push-1 {
    left: 8.33333%
}

.hs_col__xs-push-2 {
    left: 16.66667%
}

.hs_col__xs-push-3 {
    left: 25%
}

.hs_col__xs-push-4 {
    left: 33.33333%
}

.hs_col__xs-push-5 {
    left: 41.66667%
}

.hs_col__xs-push-6 {
    left: 50%
}

.hs_col__xs-push-7 {
    left: 58.33333%
}

.hs_col__xs-push-8 {
    left: 66.66667%
}

.hs_col__xs-push-9 {
    left: 75%
}

.hs_col__xs-push-10 {
    left: 83.33333%
}

.hs_col__xs-push-11 {
    left: 91.66667%
}

.hs_col__xs-push-12 {
    left: 100%
}

.hs_col__xs-offset-0 {
    margin-left: 0
}

.hs_col__xs-offset-1 {
    margin-left: 8.33333%
}

.hs_col__xs-offset-2 {
    margin-left: 16.66667%
}

.hs_col__xs-offset-3 {
    margin-left: 25%
}

.hs_col__xs-offset-4 {
    margin-left: 33.33333%
}

.hs_col__xs-offset-5 {
    margin-left: 41.66667%
}

.hs_col__xs-offset-6 {
    margin-left: 50%
}

.hs_col__xs-offset-7 {
    margin-left: 58.33333%
}

.hs_col__xs-offset-8 {
    margin-left: 66.66667%
}

.hs_col__xs-offset-9 {
    margin-left: 75%
}

.hs_col__xs-offset-10 {
    margin-left: 83.33333%
}

.hs_col__xs-offset-11 {
    margin-left: 91.66667%
}

.hs_col__xs-offset-12 {
    margin-left: 100%
}

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

    .hs_col__sm-1 {
        width: 8.33333%
    }

    .hs_col__sm-2 {
        width: 16.66667%
    }

    .hs_col__sm-3 {
        width: 25%
    }

    .hs_col__sm-4 {
        width: 33.33333%
    }

    .hs_col__sm-5 {
        width: 41.66667%
    }

    .hs_col__sm-6 {
        width: 50%
    }

    .hs_col__sm-7 {
        width: 58.33333%
    }

    .hs_col__sm-8 {
        width: 66.66667%
    }

    .hs_col__sm-9 {
        width: 75%
    }

    .hs_col__sm-10 {
        width: 83.33333%
    }

    .hs_col__sm-11 {
        width: 91.66667%
    }

    .hs_col__sm-12 {
        width: 100%
    }

    .hs_col__sm-pull-0 {
        right: auto
    }

    .hs_col__sm-pull-1 {
        right: 8.33333%
    }

    .hs_col__sm-pull-2 {
        right: 16.66667%
    }

    .hs_col__sm-pull-3 {
        right: 25%
    }

    .hs_col__sm-pull-4 {
        right: 33.33333%
    }

    .hs_col__sm-pull-5 {
        right: 41.66667%
    }

    .hs_col__sm-pull-6 {
        right: 50%
    }

    .hs_col__sm-pull-7 {
        right: 58.33333%
    }

    .hs_col__sm-pull-8 {
        right: 66.66667%
    }

    .hs_col__sm-pull-9 {
        right: 75%
    }

    .hs_col__sm-pull-10 {
        right: 83.33333%
    }

    .hs_col__sm-pull-11 {
        right: 91.66667%
    }

    .hs_col__sm-pull-12 {
        right: 100%
    }

    .hs_col__sm-push-0 {
        left: auto
    }

    .hs_col__sm-push-1 {
        left: 8.33333%
    }

    .hs_col__sm-push-2 {
        left: 16.66667%
    }

    .hs_col__sm-push-3 {
        left: 25%
    }

    .hs_col__sm-push-4 {
        left: 33.33333%
    }

    .hs_col__sm-push-5 {
        left: 41.66667%
    }

    .hs_col__sm-push-6 {
        left: 50%
    }

    .hs_col__sm-push-7 {
        left: 58.33333%
    }

    .hs_col__sm-push-8 {
        left: 66.66667%
    }

    .hs_col__sm-push-9 {
        left: 75%
    }

    .hs_col__sm-push-10 {
        left: 83.33333%
    }

    .hs_col__sm-push-11 {
        left: 91.66667%
    }

    .hs_col__sm-push-12 {
        left: 100%
    }

    .hs_col__sm-offset-0 {
        margin-left: 0
    }

    .hs_col__sm-offset-1 {
        margin-left: 8.33333%
    }

    .hs_col__sm-offset-2 {
        margin-left: 16.66667%
    }

    .hs_col__sm-offset-3 {
        margin-left: 25%
    }

    .hs_col__sm-offset-4 {
        margin-left: 33.33333%
    }

    .hs_col__sm-offset-5 {
        margin-left: 41.66667%
    }

    .hs_col__sm-offset-6 {
        margin-left: 50%
    }

    .hs_col__sm-offset-7 {
        margin-left: 58.33333%
    }

    .hs_col__sm-offset-8 {
        margin-left: 66.66667%
    }

    .hs_col__sm-offset-9 {
        margin-left: 75%
    }

    .hs_col__sm-offset-10 {
        margin-left: 83.33333%
    }

    .hs_col__sm-offset-11 {
        margin-left: 91.66667%
    }

    .hs_col__sm-offset-12 {
        margin-left: 100%
    }
}

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

    .hs_col__md-1 {
        width: 8.33333%
    }

    .hs_col__md-2 {
        width: 16.66667%
    }

    .hs_col__md-3 {
        width: 25%
    }

    .hs_col__md-4 {
        width: 33.33333%
    }

    .hs_col__md-5 {
        width: 41.66667%
    }

    .hs_col__md-6 {
        width: 50%
    }

    .hs_col__md-7 {
        width: 58.33333%
    }

    .hs_col__md-8 {
        width: 66.66667%
    }

    .hs_col__md-9 {
        width: 75%
    }

    .hs_col__md-10 {
        width: 83.33333%
    }

    .hs_col__md-11 {
        width: 91.66667%
    }

    .hs_col__md-12 {
        width: 100%
    }

    .hs_col__md-pull-0 {
        right: auto
    }

    .hs_col__md-pull-1 {
        right: 8.33333%
    }

    .hs_col__md-pull-2 {
        right: 16.66667%
    }

    .hs_col__md-pull-3 {
        right: 25%
    }

    .hs_col__md-pull-4 {
        right: 33.33333%
    }

    .hs_col__md-pull-5 {
        right: 41.66667%
    }

    .hs_col__md-pull-6 {
        right: 50%
    }

    .hs_col__md-pull-7 {
        right: 58.33333%
    }

    .hs_col__md-pull-8 {
        right: 66.66667%
    }

    .hs_col__md-pull-9 {
        right: 75%
    }

    .hs_col__md-pull-10 {
        right: 83.33333%
    }

    .hs_col__md-pull-11 {
        right: 91.66667%
    }

    .hs_col__md-pull-12 {
        right: 100%
    }

    .hs_col__md-push-0 {
        left: auto
    }

    .hs_col__md-push-1 {
        left: 8.33333%
    }

    .hs_col__md-push-2 {
        left: 16.66667%
    }

    .hs_col__md-push-3 {
        left: 25%
    }

    .hs_col__md-push-4 {
        left: 33.33333%
    }

    .hs_col__md-push-5 {
        left: 41.66667%
    }

    .hs_col__md-push-6 {
        left: 50%
    }

    .hs_col__md-push-7 {
        left: 58.33333%
    }

    .hs_col__md-push-8 {
        left: 66.66667%
    }

    .hs_col__md-push-9 {
        left: 75%
    }

    .hs_col__md-push-10 {
        left: 83.33333%
    }

    .hs_col__md-push-11 {
        left: 91.66667%
    }

    .hs_col__md-push-12 {
        left: 100%
    }

    .hs_col__md-offset-0 {
        margin-left: 0
    }

    .hs_col__md-offset-1 {
        margin-left: 8.33333%
    }

    .hs_col__md-offset-2 {
        margin-left: 16.66667%
    }

    .hs_col__md-offset-3 {
        margin-left: 25%
    }

    .hs_col__md-offset-4 {
        margin-left: 33.33333%
    }

    .hs_col__md-offset-5 {
        margin-left: 41.66667%
    }

    .hs_col__md-offset-6 {
        margin-left: 50%
    }

    .hs_col__md-offset-7 {
        margin-left: 58.33333%
    }

    .hs_col__md-offset-8 {
        margin-left: 66.66667%
    }

    .hs_col__md-offset-9 {
        margin-left: 75%
    }

    .hs_col__md-offset-10 {
        margin-left: 83.33333%
    }

    .hs_col__md-offset-11 {
        margin-left: 91.66667%
    }

    .hs_col__md-offset-12 {
        margin-left: 100%
    }
}

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

    .hs_col__lg-1 {
        width: 8.33333%
    }

    .hs_col__lg-2 {
        width: 16.66667%
    }

    .hs_col__lg-3 {
        width: 25%
    }

    .hs_col__lg-4 {
        width: 33.33333%
    }

    .hs_col__lg-5 {
        width: 41.66667%
    }

    .hs_col__lg-6 {
        width: 50%
    }

    .hs_col__lg-7 {
        width: 58.33333%
    }

    .hs_col__lg-8 {
        width: 66.66667%
    }

    .hs_col__lg-9 {
        width: 75%
    }

    .hs_col__lg-10 {
        width: 83.33333%
    }

    .hs_col__lg-11 {
        width: 91.66667%
    }

    .hs_col__lg-12 {
        width: 100%
    }

    .hs_col__lg-pull-0 {
        right: auto
    }

    .hs_col__lg-pull-1 {
        right: 8.33333%
    }

    .hs_col__lg-pull-2 {
        right: 16.66667%
    }

    .hs_col__lg-pull-3 {
        right: 25%
    }

    .hs_col__lg-pull-4 {
        right: 33.33333%
    }

    .hs_col__lg-pull-5 {
        right: 41.66667%
    }

    .hs_col__lg-pull-6 {
        right: 50%
    }

    .hs_col__lg-pull-7 {
        right: 58.33333%
    }

    .hs_col__lg-pull-8 {
        right: 66.66667%
    }

    .hs_col__lg-pull-9 {
        right: 75%
    }

    .hs_col__lg-pull-10 {
        right: 83.33333%
    }

    .hs_col__lg-pull-11 {
        right: 91.66667%
    }

    .hs_col__lg-pull-12 {
        right: 100%
    }

    .hs_col__lg-push-0 {
        left: auto
    }

    .hs_col__lg-push-1 {
        left: 8.33333%
    }

    .hs_col__lg-push-2 {
        left: 16.66667%
    }

    .hs_col__lg-push-3 {
        left: 25%
    }

    .hs_col__lg-push-4 {
        left: 33.33333%
    }

    .hs_col__lg-push-5 {
        left: 41.66667%
    }

    .hs_col__lg-push-6 {
        left: 50%
    }

    .hs_col__lg-push-7 {
        left: 58.33333%
    }

    .hs_col__lg-push-8 {
        left: 66.66667%
    }

    .hs_col__lg-push-9 {
        left: 75%
    }

    .hs_col__lg-push-10 {
        left: 83.33333%
    }

    .hs_col__lg-push-11 {
        left: 91.66667%
    }

    .hs_col__lg-push-12 {
        left: 100%
    }

    .hs_col__lg-offset-0 {
        margin-left: 0
    }

    .hs_col__lg-offset-1 {
        margin-left: 8.33333%
    }

    .hs_col__lg-offset-2 {
        margin-left: 16.66667%
    }

    .hs_col__lg-offset-3 {
        margin-left: 25%
    }

    .hs_col__lg-offset-4 {
        margin-left: 33.33333%
    }

    .hs_col__lg-offset-5 {
        margin-left: 41.66667%
    }

    .hs_col__lg-offset-6 {
        margin-left: 50%
    }

    .hs_col__lg-offset-7 {
        margin-left: 58.33333%
    }

    .hs_col__lg-offset-8 {
        margin-left: 66.66667%
    }

    .hs_col__lg-offset-9 {
        margin-left: 75%
    }

    .hs_col__lg-offset-10 {
        margin-left: 83.33333%
    }

    .hs_col__lg-offset-11 {
        margin-left: 91.66667%
    }

    .hs_col__lg-offset-12 {
        margin-left: 100%
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 40px 40px;
    font-size: 32px;
    line-height: 1.8;
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0 none transparent;
    outline-offset: 0
}

.btn.focus, .btn:focus, .btn:hover {
    color: #666;
    text-decoration: none
}

.btn.active, .btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #666;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 4px
}

.btn-default.focus, .btn-default:focus {
    color: #666;
    background-color: #f2f2f2;
    border-color: #bfbfbf
}

.btn-default:hover {
    color: #666;
    background-color: #f2f2f2;
    border-color: #bfbfbf
}

.btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
    color: #666;
    background-color: #f2f2f2;
    border-color: #bfbfbf
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
    color: #666;
    background-color: #e6e6e6;
    border-color: #bfbfbf
}

.btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #666
}

.btn-primary {
    color: #fff;
    background-color: #f04136;
    border-color: #ee2b1e;
    border-radius: 4px
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #ee2b1e;
    border-color: #e21d11
}

.btn-primary:hover {
    color: #fff;
    background-color: #ee2b1e;
    border-color: #e21d11
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ee2b1e;
    border-color: #e21d11
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #e21d11;
    border-color: #e21d11
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #f04136;
    border-color: #ee2b1e
}

.btn-primary .badge {
    color: #f04136;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5da3d4;
    border-color: #4998cf;
    border-radius: 4px
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #4998cf;
    border-color: #358cc9
}

.btn-info:hover {
    color: #fff;
    background-color: #4998cf;
    border-color: #358cc9
}

.btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #4998cf;
    border-color: #358cc9
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #358cc9;
    border-color: #358cc9
}

.btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #5da3d4;
    border-color: #4998cf
}

.btn-info .badge {
    color: #5da3d4;
    background-color: #fff
}

.btn-accent {
    color: #666;
    background-color: #dadada;
    border-color: #dadada;
    border-radius: 4px
}

.btn-accent.focus, .btn-accent:focus {
    color: #666;
    background-color: #cdcdcd;
    border-color: #cdcdcd
}

.btn-accent:hover {
    color: #666;
    background-color: #cdcdcd;
    border-color: #cdcdcd
}

.btn-accent.active, .btn-accent:active, .open > .btn-accent.dropdown-toggle {
    color: #666;
    background-color: #cdcdcd;
    border-color: #cdcdcd
}

.btn-accent.active.focus, .btn-accent.active:focus, .btn-accent.active:hover, .btn-accent:active.focus, .btn-accent:active:focus, .btn-accent:active:hover, .open > .btn-accent.dropdown-toggle.focus, .open > .btn-accent.dropdown-toggle:focus, .open > .btn-accent.dropdown-toggle:hover {
    color: #666;
    background-color: #c1c1c1;
    border-color: #cdcdcd
}

.btn-accent.active, .btn-accent:active, .open > .btn-accent.dropdown-toggle {
    background-image: none
}

.btn-accent.disabled.focus, .btn-accent.disabled:focus, .btn-accent.disabled:hover, .btn-accent[disabled].focus, .btn-accent[disabled]:focus, .btn-accent[disabled]:hover, fieldset[disabled] .btn-accent.focus, fieldset[disabled] .btn-accent:focus, fieldset[disabled] .btn-accent:hover {
    background-color: #dadada;
    border-color: #dadada
}

.btn-accent .badge {
    color: #dadada;
    background-color: #666
}

.btn-disabled {
    color: #eee;
    background-color: #ccc;
    border-color: #bfbfbf;
    cursor: not-allowed
}

.btn-disabled.focus, .btn-disabled:focus {
    color: #eee;
    background-color: #ccc;
    border-color: #bfbfbf
}

.btn-disabled:hover {
    color: #eee;
    background-color: #ccc;
    border-color: #bfbfbf
}

.btn-disabled.active, .btn-disabled:active, .open > .btn-disabled.dropdown-toggle {
    color: #eee;
    background-color: #ccc;
    border-color: #bfbfbf
}

.btn-disabled.active.focus, .btn-disabled.active:focus, .btn-disabled.active:hover, .btn-disabled:active.focus, .btn-disabled:active:focus, .btn-disabled:active:hover, .open > .btn-disabled.dropdown-toggle.focus, .open > .btn-disabled.dropdown-toggle:focus, .open > .btn-disabled.dropdown-toggle:hover {
    color: #eee;
    background-color: #ccc;
    border-color: #bfbfbf
}

.btn-disabled.active, .btn-disabled:active, .open > .btn-disabled.dropdown-toggle {
    background-image: none
}

.btn-disabled.disabled.focus, .btn-disabled.disabled:focus, .btn-disabled.disabled:hover, .btn-disabled[disabled].focus, .btn-disabled[disabled]:focus, .btn-disabled[disabled]:hover, fieldset[disabled] .btn-disabled.focus, fieldset[disabled] .btn-disabled:focus, fieldset[disabled] .btn-disabled:hover {
    color: #eee;
    background-color: #ccc;
    border-color: #bfbfbf
}

.btn-disabled .badge {
    color: #ccc;
    background-color: #eee
}

.btn-link {
    color: #222;
    font-weight: 400;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #000;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    color: #999;
    text-decoration: none
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-primary {
    background-color: #f04136
}

.label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #e21d11
}

.label-success {
    background-color: #87c29c
}

.label-success[href]:focus, .label-success[href]:hover {
    background-color: #65b180
}

.label-info {
    background-color: #5da3d4
}

.label-info[href]:focus, .label-info[href]:hover {
    background-color: #358cc9
}

.label-warning {
    background-color: #3f3b37
}

.label-warning[href]:focus, .label-warning[href]:hover {
    background-color: #24221f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #c9302c
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: \5fae\8f6f\96c5\9ed1, "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background-color: #f9f9f9
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto
}

.img-fit {
    display: block;
    width: 100%;
    background: url(../img/placeholder.png) no-repeat center center #eee;
    background-size: 60%
}

.img-rounded {
    border-radius: 6px
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #f2f2f2
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

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

.clearfix:after {
    clear: both;
    overflow: hidden
}

.clearfix {
    *zoom: 1
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.separator {
    padding-right: 5px;
    padding-left: 5px;
    font-family: \5b8b\4f53, Simsun, sans-serif;
    font-size: .75em;
    color: #ccc
}

.spacer {
    width: 1px;
    height: 12px;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
    background-color: #ddd
}

.hr {
    display: block;
    clear: both;
    width: 100%;
    height: 20px;
    font: 0/0 a;
    background-color: #ebebeb
}

.login-shades {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 888
}

.login-sigin {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999
}

.login-sigin .agreement-protocol {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 525px;
    height: 720px;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px;
    box-sizing: border-box;
    z-index: 666;
    display: none
}

.login-sigin .agreement-protocol h2 {
    font-size: 24px;
    text-align: center;
    margin: 10px 0
}

.login-sigin .agreement-protocol .agreement-content {
    height: 70%;
    overflow-y: scroll
}

.login-sigin .agreement-protocol .conset-agree {
    width: 80%;
    height: 44px;
    background: #c1a991;
    opacity: 1;
    border-radius: 4px;
    text-align: center;
    line-height: 44px;
    margin: 50px auto;
    color: #fff;
    cursor: pointer
}

.login-sigin .close {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: right;
    cursor: pointer
}

.login-sigin .other-login-reminder p {
    font-size: 12px;
    line-height: 12px;
    color: #999;
    opacity: 1
}

.login-sigin .other-login-reminder .other-login-dis {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin: 20px 0
}

.login-sigin .other-login-reminder .other-login-dis a {
    display: inline-block;
    width: 40%;
    height: 44px;
    border: 1px solid #e4e4e4;
    opacity: 1;
    border-radius: 4px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #999
}

.login-sigin .login-logo {
    display: block;
    margin: 10px auto
}

.login-sigin .login-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 525px;
    height: 685px;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px;
    box-sizing: border-box
}

.login-sigin #j_form_normal_get_sms_demo {
    height: 42px !important;
    margin-top: -21px;
    line-height: 42px
}

.login-sigin .tab-trigger {
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    color: #000;
    float: left;
    margin-left: 20px
}

.login-sigin .tab-trigger .iconfont {
    font-size: 24px;
    margin-right: 40px
}

.login-sigin .tab-trigger:hover {
    text-decoration: none
}

.login-sigin .tab-trigger:nth-child(2) {
    margin-left: 30px
}

.login-sigin .get-sms {
    height: 42px !important;
    margin-top: -21px !important;
    line-height: 42px !important;
    background-color: #c1a991 !important
}

.login-sigin .tab-trigger-active {
    color: #990200
}

.login-sigin .tab-trigger-active p {
    width: 100px;
    margin: 0 auto;
    border-bottom: 2px solid #990200
}

.login-sigin .user-agreement {
    font-size: 14px
}

.login-sigin .user-agreement i {
    cursor: pointer
}

.login-sigin .J_signinBar {
    margin-bottom: 10px
}

.login-sigin .tab-panel-active {
    display: block !important
}

.login-sigin .get-sms-disabled {
    background-color: #c1a991 !important;
    opacity: .5
}

.login-sigin .link-module {
    width: 100%;
    height: 20px;
    text-align: right;
    font-size: 18px
}

.login-sigin .tab-panel {
    display: none;
    padding: 0 20px;
    box-sizing: border-box
}

.login-sigin .tab-panel .form-normal .form-wrapper {
    margin-bottom: 25px;
    margin-left: 0 !important
}

.login-sigin .tab-panel .form-normal .form-wrapper .form-label {
    left: -70px
}

.login-sigin .tab-panel .form-normal .form-wrapper .form-input {
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.login-sigin .tab-panel .form-normal .btn-wrapper {
    margin-left: 0
}

.login-sigin .tab-panel .form-normal .btn-wrapper .btn-sign-up {
    line-height: 50px;
    height: 50px;
    width: 240px;
    font-size: 24px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto
}

.login-sigin .tab-panel .form-normal .btn-wrapper .btn {
    margin-top: 30px;
    margin-bottom: 20px;
    height: 44px;
    line-height: 0;
    background-color: #c1a991 !important
}

.login-sigin .tab-panel:nth-child(1) {
    display: block
}

.login-sigin .btn-sign-in {
    color: #fff !important;
    margin-top: 30px;
    margin-bottom: 20px;
    height: 44px;
    line-height: 0;
    background-color: #c1a991 !important;
    text-align: center;
    line-height: 44px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer
}

.login-sigin .register {
    height: 44px;
    background: #c1a991;
    opacity: 1;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin: 30px 0;
    cursor: pointer
}

.login-sigin .get-back {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #990200;
    cursor: pointer;
    opacity: 1;
    text-align: right;
    width: 100%
}

.login-sigin .slip-password {
    font-size: 14px;
    color: #990200
}

.login-sigin .forget-password {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 525px;
    height: 730px;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px;
    box-sizing: border-box;
    display: none
}

.login-sigin .forget-password .subcoat-core {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box
}

.login-sigin .forget-password .subcoat-core .reminder {
    height: 40px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    line-height: 40px;
    color: #333
}

.login-sigin .forget-password .subcoat-core .input-box {
    position: relative
}

.login-sigin .forget-password .subcoat-core .input-box input {
    width: 95%;
    height: 40px;
    background: #fff;
    border: 1px solid #e4e4e4;
    opacity: 1;
    border-radius: 4px;
    outline: 0;
    padding-left: 20px
}

.login-sigin .forget-password .subcoat-core .input-box .validation {
    color: red;
    line-height: 30px;
    height: 30px
}

.login-sigin .forget-password .subcoat-core .input-box .calculated-value {
    position: absolute;
    right: 0;
    top: 0;
    width: 132px;
    height: 42px;
    background-color: pink;
    line-height: 42px;
    text-align: center;
    cursor: pointer
}

.login-sigin .forget-password .subcoat-core .input-box .count-down {
    position: absolute;
    right: 0;
    top: 0;
    width: 132px;
    height: 42px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    outline: 0;
    border: 0;
    background: #c1a991
}

.module:after, .module:before, .module__container:after, .module__container:before, .module__footer:after, .module__footer:before, .module__header:after, .module__header:before {
    content: " ";
    display: table
}

.module:after, .module__container:after, .module__footer:after, .module__header:after {
    clear: both
}

.module {
    margin-bottom: 40px
}

.module__header {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.module__header a:focus, .module__header a:hover {
    text-decoration: none
}

body, html {
    height: 100%
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: \5fae\8f6f\96c5\9ed1, "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    font-size: 16px !important;
    line-height: 1.5;
    color: #333;
    background-color: #f9f9f9
}

a {
    color: #222;
    text-decoration: none
}

a:focus, a:hover {
    color: #000;
    text-decoration: underline
}

a:focus {
    outline: 0 none transparent;
    outline-offset: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto
}

.img-fit {
    display: block;
    width: 100%
}

.img-fit, .img-responsive {
    background: url(../img/placeholder.png) no-repeat center center #f5f5f5
}

.img-repeat-bg {
    background: url(../img/page-bg.png) repeat
}

.img-wood-repeat-bg {
    background: url(../img/img-wood-bg.png) repeat
}

.img-rounded {
    border-radius: 6px
}

.img-circle {
    border-radius: 50%
}

.text-primary {
    color: #f04136 !important
}

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

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

hr {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #f2f2f2
}

.hr {
    display: block;
    clear: both;
    width: 100%;
    height: 20px;
    font: 0/0 a;
    background-color: #ebebeb
}

.spacer {
    padding-right: 2px;
    padding-left: 2px;
    font-family: \5b8b\4f53, Simsun, sans-serif;
    font-size: .75em;
    color: #ccc;
    cursor: default
}

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

.clearfix:after {
    clear: both;
    overflow: hidden
}

.clearfix {
    *zoom: 1
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hidden, .hide {
    display: none !important
}

.show {
    display: block !important
}

.page {
    position: relative;
    height: 100%;
    min-height: 100%
}

.page .page__body {
    position: relative
}

.page-container {
    position: relative
}

.page__header {
    width: 100%;
    height: 1.4rem;
    box-shadow: none;
    border-bottom: 1px solid rgba(132, 132, 132, .27);
    background-color: #fff;
    transition: all .3s ease-out 0s;
    z-index: 99
}

.page__header .logo {
    height: 1.4rem;
    margin-left: 45px;
    float: left;
    display: block
}

.page__header .logo img {
    height: 100%;
    width: auto
}

.page__header .search-wrapper {
    position: relative;
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
    border-radius: 30px;
    float: left;
    height: 44px;
    line-height: 44px;
    margin-left: 7%;
    padding-left: 44px;
    padding-right: 15px;
    width: 403px
}

.page__header .search-wrapper .iconfont {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    text-align: center;
    cursor: pointer
}

.page__header .search-wrapper input {
    width: 100%;
    height: 44px;
    border: 0;
    background: 0 0;
    outline: 0
}

.page__header .search-wrapper input:focus {
    outline: 0
}

.page__header .search-wrapper input::-webkit-input-placeholder {
    color: #bfbfbf
}

.page__header .nav {
    height: 1.4rem;
    margin-right: 10px;
    float: right;
    position: relative
}

.page__header .nav li {
    float: left;
    font-size: 18px;
    height: 100%;
    position: relative
}

.page__header .nav li a {
    display: block;
    padding: 0 22px;
    height: 1.4rem;
    line-height: 1.4rem;
    color: #9e9e9e;
    font-weight: 500;
    position: relative;
    overflow: hidden
}

.page__header .nav li a.cur, .page__header .nav li a:hover {
    color: #f04136
}

.page__header .nav li a span {
    display: inline-block;
    position: relative;
    transition: all ease-out .3s
}

.layer-password {
    width: 422px
}

.layer-password .win-container {
    border: 1px solid #797979
}

.layer-password .win-container .title {
    height: 40px;
    background: #be4c4d
}

.layer-password .win-container .win-content {
    padding: 40px 80px;
    text-align: center
}

.layer-password .win-container .win-content p {
    padding-top: 40px
}

.layer-password .win-container .win-btn {
    text-align: center;
    padding-bottom: 40px
}

.layer-password .win-container .leave_modif_btn {
    height: 40px;
    line-height: 40px;
    background: #be4c4d;
    display: inline-block;
    padding: 0 50px;
    border-radius: 5px;
    color: #fff
}

.layer-password .win-container .leave_modif_btn:hover {
    text-decoration: none;
    opacity: .9
}

.page-footer {
    width: 100%;
    height: 520px;
    padding-top: 50px;
    box-sizing: border-box;
    background: url(../img/22.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    font-family: Source Han Sans CN
}

.page-footer .footer-wrapper {
    width: 1400px;
    margin: 0 auto
}

.page-footer .footer-wrapper .information {
    height: 220px;
    width: 100%
}

.page-footer .footer-wrapper .information:after, .page-footer .footer-wrapper .information:before {
    content: " ";
    display: table
}

.page-footer .footer-wrapper .information:after {
    clear: both;
    overflow: hidden
}

.page-footer .footer-wrapper .information {
    *zoom: 1
}

.page-footer .footer-wrapper .information .connection-cont {
    float: left;
    margin-right: 120px
}

.page-footer .footer-wrapper .information .connection-cont h2 {
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 60px;
    color: #3c3c3c;
    opacity: 1
}

.page-footer .footer-wrapper .information .connection-cont p {
    height: 30px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    opacity: .5
}

.page-footer .footer-wrapper .information .connection-cont h5 {
    text-align: center;
    opacity: .5;
    line-height: 25px;
    font-size: 14px
}

.page-footer .footer-wrapper .information .officialwx {
    margin-right: 0 !important;
    margin-left: 140px;
    padding-top: 20px;
    text-align: center
}

.page-footer .footer-wrapper .information .officialwx h2 {
    display: none
}

.page-footer .footer-wrapper .copyright {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 20px;
    color: #666;
    margin-top: 30px;
    text-align: center
}

.page-footer .top {
    bottom: 3.2rem !important
}

.page-footer .page-advertising {
    position: fixed;
    right: .2rem;
    bottom: .2rem;
    z-index: 3;
    background: #b50f0f;
    padding: .15rem;
    border-radius: .08rem;
    box-shadow: -3px -3px 2px 0 rgba(0, 0, 0, .2)
}

.page-footer .page-advertising a {
    display: block;
    position: relative
}

.page-footer .page-advertising__close {
    width: .35rem;
    height: .35rem;
    background: #fdf100;
    border-radius: 50%;
    position: absolute;
    right: -.16rem;
    top: -.16rem;
    z-index: 4
}

.page-footer .page-advertising__close .close::after {
    content: '';
    display: block;
    background-image: url(../img/close.png);
    background-size: cover;
    width: .2rem;
    height: .2rem;
    margin-left: .7rem;
    margin-top: .7rem;
    cursor: pointer
}

.page__header-index {
    position: relative;
    z-index: 107;
    background: #000;
    opacity: .6;
    height: .8rem
}

.page__header-index .header-qr {
    float: left;
    margin-left: 10px
}

.page__header-index .header-search {
    float: right;
    position: relative;
    width: 100%;
    height: 59px
}

.page__header-index .header-search .header-logo {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -33px
}

.page__header-index .header-search .header-logo_gj {
    position: absolute;
    right: 38%
}

.page__header-index .header-search .topbar-sign {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    font-size: 16px;
    line-height: 38px
}

.page__header-index .header-search .topbar-sign a {
    text-decoration: none;
    margin: 0 20px
}

.page__header-index .header-search .topbar-sign-left {
    float: left;
    position: relative
}

.page__header-index .header-search .topbar-sign-left .header-logo, .page__header-index .header-search .topbar-sign-left .separation, .page__header-index .header-search .topbar-sign-left .site-topbar-sign-caption {
    float: left;
    margin-right: 40px
}

.page__header-index .header-search .topbar-sign-left .separation {
    background-color: #333;
    width: 1px;
    height: 58px
}

.page__header-index .header-search .topbar-sign-left .site-topbar-sign-caption {
    padding-top: 4px;
    font-size: 24px;
    color: #333
}

.page__header-index .header-search .topbar-sign-right {
    float: right
}

.page__header-index .header-search .topbar-sign-right a {
    color: #5da3d4;
    text-decoration: none
}

.page__header-index .header-search .hot-search {
    position: absolute;
    top: 100%;
    left: 0;
    height: 1em;
    overflow: hidden;
    padding-top: 10px;
    font-size: 14px;
    line-height: 1;
    color: #666;
    white-space: nowrap
}

.page__header-index .header-search .hot-search .item, .page__header-index .header-search .hot-search .title {
    float: left;
    padding-right: 8px
}

.page__header-index .header-search .hot-search .item a {
    color: #999
}

.page__header-index .header-search .hot-search .item a:focus, .page__header-index .header-search .hot-search .item a:hover {
    color: #f04136;
    text-decoration: none
}

.page__header-index .form-header-search {
    position: relative;
    z-index: 2;
    height: 40px;
    border: 0;
    border-radius: 40px;
    margin-top: 7px;
    margin-right: 45px;
    width: 0%;
    float: right;
    transition: width .1s linear;
    padding: 0 6px 0 30px
}

.page__header-index .form-header-search.search-hover-active {
    width: 24%;
    border: 1px solid #999
}

.page__header-index .form-header-search.search-hover-active .search-select {
    width: auto;
    overflow: inherit
}

.page__header-index .form-header-search.search-hover-active .search-button {
    right: 10px
}

.page__header-index .form-header-search .search-select {
    float: left;
    width: 0;
    overflow: hidden;
    transition: width .1s linear
}

.page__header-index .form-header-search .search-select .popup-header {
    height: 30px;
    margin-top: 5px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #999;
    line-height: 28px;
    cursor: pointer
}

.page__header-index .form-header-search .search-select .popup-header .title {
    font-size: 14px
}

.page__header-index .form-header-search .search-select .popup-header .iconfont {
    font-size: 12px
}

.page__header-index .form-header-search .search-select .popup-container .popup-panel {
    width: 150px;
    padding-top: 8px;
    left: -38px
}

.page__header-index .form-header-search .search-select .popup-container .popup-panel .popup-inner {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .1)
}

.page__header-index .form-header-search .search-select .popup-container .popup-panel .popup-inner .item {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    text-align: center;
    color: #333;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.page__header-index .form-header-search .search-select .popup-container .popup-panel .popup-inner .item:focus, .page__header-index .form-header-search .search-select .popup-container .popup-panel .popup-inner .item:hover {
    text-decoration: none;
    color: #f04136;
    background-color: #f2f2f2
}

.page__header-index .form-header-search .form-wrapper {
    float: left;
    width: 100%
}

.page__header-index .form-header-search .form-wrapper .search-input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
    vertical-align: middle;
    background-color: transparent;
    font-size: 14px;
    color: #333
}

.page__header-index .form-header-search .form-wrapper .search-input:focus {
    outline: 0;
    border-radius: 0;
    border-color: transparent;
    background-color: transparent
}

.page__header-index .form-header-search .form-wrapper .search-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.page__header-index .form-header-search .search-button {
    position: absolute;
    top: 8px;
    left: 5px;
    width: 30px;
    line-height: 1;
    cursor: pointer
}

.page__header-index .form-header-search .search-button .iconfont {
    position: relative;
    top: 2px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px;
    color: #999
}

.page__header-index .form-header-search .search-button:hover {
    color: #f04136
}

.page-main-nav {
    position: relative;
    z-index: 101;
    background: #000;
    opacity: .61;
    margin-bottom: 0;
    height: .6rem
}

.page__wrapper_md .section__header .page-main-nav {
    margin-bottom: 0
}

.page-nav {
    position: relative;
    background-color: #f04136
}

.page-nav .nav-item {
    position: relative;
    z-index: 2;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    list-style: none;
    line-height: 1
}

.page-nav .nav-item .nav-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #000
}

.page-nav .nav-item .nav-title a {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 20px;
    margin-left: 20px;
    color: #fff
}

.page-nav .nav-item .nav-title a:focus, .page-nav .nav-item .nav-title a:hover {
    text-decoration: none
}

.page-nav .nav-item:hover .popup-nav_container {
    display: block
}

.page-nav .nav-item .popup-nav_container {
    display: none;
    text-align: center;
    position: absolute;
    width: 100%
}

.page-nav .nav-item .popup-nav_container .popup-nav_panel .popup-nav_inner {
    background: #cc2239
}

.page-nav .nav-item .popup-nav_container .popup-nav_panel .popup-nav_inner .popup_item {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center
}

.page-nav .nav-item .popup-nav_container .popup-nav_panel .popup-nav_inner .popup_item a {
    color: #fff
}

.page-nav .nav-item .popup-nav_container .popup-nav_panel .popup-nav_inner .popup_item:hover {
    background: rgba(255, 255, 255, .3)
}

.page-nav .nav-item .popup-nav_container .popup-nav_panel .popup-nav_inner .popup_item:hover a {
    color: #fff;
    text-decoration: none
}

.page-nav .nav-item .popup-nav_container .popup-nav_panel .popup-nav_inner .popup_item-active {
    background: rgba(255, 255, 255, .3)
}

.page-nav .nav-item .popup-nav_container .popup-nav_panel .popup-nav_inner .popup_item-active a {
    color: #fff;
    text-decoration: none
}

.page-nav .nav-item-active {
    color: #f04136;
    background: #cc2239
}

.page-nav .nav-popup {
    z-index: 160
}

.page-nav .nav-popup .popup-panel {
    width: 180px;
    padding-top: 2px;
    left: 50%;
    margin-left: -90px
}

.page-nav .nav-popup .popup-panel .popup-inner {
    background-color: #fff;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .1)
}

.page-nav .nav-popup .popup-panel .popup-inner .list-item a {
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    text-align: center;
    color: #333
}

.page-nav .nav-popup .popup-panel .popup-inner .list-item a:focus, .page-nav .nav-popup .popup-panel .popup-inner .list-item a:hover {
    text-decoration: none;
    color: #f04136;
    background-color: #f2f2f2
}

.page-nav .follow-bar {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 60px;
    height: 2px;
    background-color: #fff;
    transition: all linear .1s;
    border-radius: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all ease-in .1s
}

.page-nav .follow-bar-active {
    filter: alpha(opacity=100);
    opacity: 1
}

.section__container:after, .section__container:before, .section__header:after, .section__header:before, .section__wrapper:after, .section__wrapper:before {
    content: " ";
    display: table
}

.section__container:after, .section__header:after, .section__wrapper:after {
    clear: both;
    overflow: hidden
}

.section__container, .section__header, .section__wrapper {
    *zoom: 1
}

.section__wrapper {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto
}

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

.section__wrapper:after {
    clear: both
}

.section__wrapper_height {
    width: 1600px;
    margin-right: auto;
    margin-left: auto
}

.section__header {
    position: relative
}

.section__header a, .section__header a:focus, .section__header a:hover {
    text-decoration: none
}

.section__title {
    font-size: 20px
}

.section__title a, .section__title a:focus, .section__title a:hover {
    color: #999
}

.section__container {
    clear: both
}

.avatar img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%
}

.singleline {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.multiline {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.media {
    margin-bottom: 40px
}

.media.toleft {
    display: flex;
    justify-content: space-between
}

.media.toleft .object {
    flex: 1
}

.media.toleft .caption {
    width: 60%;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.media.toright {
    display: flex;
    flex-direction: row-reverse
}

.media.toright .object {
    flex: 1
}

.media.toright .caption {
    width: 60%;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.media .object {
    display: block;
    position: relative;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.media .object .tag {
    color: #fff
}

.media .object img {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.media .object .iconfont {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 1.2;
    font-size: 14px;
    left: 50%;
    top: 50%;
    color: rgba(255, 255, 255, .6);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.media .caption {
    box-sizing: border-box
}

.media .caption .headline {
    font-size: 16px;
    line-height: 1.2;
    color: #333;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.media .abstract {
    margin-top: 20px;
    font-size: 16px;
    color: #666
}

.media .abstract p {
    font-size: 16px;
    margin-bottom: 10px
}

.media .abstract .iconfont {
    font-size: 16px
}

.media-normal .caption {
    padding: 0 20px 10px;
    position: relative
}

.media-aside {
    display: flex
}

.media-aside .object {
    padding-right: 20px;
    padding-left: 20px
}

.media-aside .caption {
    padding-right: 20px;
    padding-left: 20px
}

.media-swap .object {
    order: 2
}

.media-swap .caption {
    order: 1
}

.media-cover {
    position: relative;
    overflow: hidden
}

.media-cover .object {
    display: block;
    position: relative
}

.media-normal {
    box-sizing: border-box
}

.media-normal .caption {
    padding: 10px;
    position: relative
}

.media-scale .object {
    overflow: hidden
}

.media-scale .object img {
    transition: -webkit-transform linear .2s;
    transition: transform linear .2s;
    transition: transform linear .2s, -webkit-transform linear .2s
}

.media-scale:hover .object img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.media-border {
    border: 1px solid #e9e9e9
}

.media-border:hover {
    border-color: #dcdcdc
}

.media-card {
    transition: box-shadow .2s linear
}

.media-card:hover {
    box-shadow: 0 4px 10px 0 rgba(85, 85, 85, .4), inset 0 2px 0 0 rgba(255, 255, 255, .2)
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar:after, .btn-toolbar:before {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group-lg.btn-group > .btn + .dropdown-toggle, .btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-group-lg > .btn .caret, .btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-group-lg > .btn .caret, .dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before {
    content: " ";
    display: table
}

.btn-group-vertical > .btn-group:after {
    clear: both
}

.btn-group-vertical > .btn-group > .btn {
    float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified > .btn-group .btn {
    width: 100%
}

.btn-group-justified > .btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 20px 20px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0 none transparent;
    outline-offset: 0
}

.btn.focus, .btn:focus, .btn:hover {
    color: #666;
    text-decoration: none
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn_default {
    color: #666;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 4px
}

.btn_default.focus, .btn_default:focus {
    color: #666;
    background-color: #f2f2f2;
    border-color: #bfbfbf
}

.btn_default:hover {
    color: #666;
    background-color: #f2f2f2;
    border-color: #bfbfbf
}

.btn_default.active, .btn_default:active, .open > .btn_default.dropdown-toggle {
    color: #666;
    background-color: #f2f2f2;
    border-color: #bfbfbf
}

.btn_default.active.focus, .btn_default.active:focus, .btn_default.active:hover, .btn_default:active.focus, .btn_default:active:focus, .btn_default:active:hover, .open > .btn_default.dropdown-toggle.focus, .open > .btn_default.dropdown-toggle:focus, .open > .btn_default.dropdown-toggle:hover {
    color: #666;
    background-color: #e6e6e6;
    border-color: #bfbfbf
}

.btn_default.active, .btn_default:active, .open > .btn_default.dropdown-toggle {
    background-image: none
}

.btn_default.disabled.focus, .btn_default.disabled:focus, .btn_default.disabled:hover, .btn_default[disabled].focus, .btn_default[disabled]:focus, .btn_default[disabled]:hover, fieldset[disabled] .btn_default.focus, fieldset[disabled] .btn_default:focus, fieldset[disabled] .btn_default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn_default .badge {
    color: #fff;
    background-color: #666
}

.btn_primary {
    color: #fff;
    background-color: #f04136;
    border-color: #ee2b1e;
    border-radius: 4px
}

.btn_primary.focus, .btn_primary:focus {
    color: #fff;
    background-color: #ee2b1e;
    border-color: #e21d11
}

.btn_primary:hover {
    color: #fff;
    background-color: #ee2b1e;
    border-color: #e21d11
}

.btn_primary.active, .btn_primary:active, .open > .btn_primary.dropdown-toggle {
    color: #fff;
    background-color: #ee2b1e;
    border-color: #e21d11
}

.btn_primary.active.focus, .btn_primary.active:focus, .btn_primary.active:hover, .btn_primary:active.focus, .btn_primary:active:focus, .btn_primary:active:hover, .open > .btn_primary.dropdown-toggle.focus, .open > .btn_primary.dropdown-toggle:focus, .open > .btn_primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #e21d11;
    border-color: #e21d11
}

.btn_primary.active, .btn_primary:active, .open > .btn_primary.dropdown-toggle {
    background-image: none
}

.btn_primary.disabled.focus, .btn_primary.disabled:focus, .btn_primary.disabled:hover, .btn_primary[disabled].focus, .btn_primary[disabled]:focus, .btn_primary[disabled]:hover, fieldset[disabled] .btn_primary.focus, fieldset[disabled] .btn_primary:focus, fieldset[disabled] .btn_primary:hover {
    background-color: #f04136;
    border-color: #ee2b1e
}

.btn_primary .badge {
    color: #f04136;
    background-color: #fff
}

.btn_success {
    color: #fff;
    background-color: #87c29c;
    border-color: #76b98e;
    border-radius: 4px
}

.btn_success.focus, .btn_success:focus {
    color: #fff;
    background-color: #76b98e;
    border-color: #65b180
}

.btn_success:hover {
    color: #fff;
    background-color: #76b98e;
    border-color: #65b180
}

.btn_success.active, .btn_success:active, .open > .btn_success.dropdown-toggle {
    color: #fff;
    background-color: #76b98e;
    border-color: #65b180
}

.btn_success.active.focus, .btn_success.active:focus, .btn_success.active:hover, .btn_success:active.focus, .btn_success:active:focus, .btn_success:active:hover, .open > .btn_success.dropdown-toggle.focus, .open > .btn_success.dropdown-toggle:focus, .open > .btn_success.dropdown-toggle:hover {
    color: #fff;
    background-color: #65b180;
    border-color: #65b180
}

.btn_success.active, .btn_success:active, .open > .btn_success.dropdown-toggle {
    background-image: none
}

.btn_success.disabled.focus, .btn_success.disabled:focus, .btn_success.disabled:hover, .btn_success[disabled].focus, .btn_success[disabled]:focus, .btn_success[disabled]:hover, fieldset[disabled] .btn_success.focus, fieldset[disabled] .btn_success:focus, fieldset[disabled] .btn_success:hover {
    background-color: #87c29c;
    border-color: #76b98e
}

.btn_success .badge {
    color: #87c29c;
    background-color: #fff
}

.btn_info {
    color: #fff;
    background-color: #5da3d4;
    border-color: #4998cf;
    border-radius: 4px
}

.btn_info.focus, .btn_info:focus {
    color: #fff;
    background-color: #4998cf;
    border-color: #358cc9
}

.btn_info:hover {
    color: #fff;
    background-color: #4998cf;
    border-color: #358cc9
}

.btn_info.active, .btn_info:active, .open > .btn_info.dropdown-toggle {
    color: #fff;
    background-color: #4998cf;
    border-color: #358cc9
}

.btn_info.active.focus, .btn_info.active:focus, .btn_info.active:hover, .btn_info:active.focus, .btn_info:active:focus, .btn_info:active:hover, .open > .btn_info.dropdown-toggle.focus, .open > .btn_info.dropdown-toggle:focus, .open > .btn_info.dropdown-toggle:hover {
    color: #fff;
    background-color: #358cc9;
    border-color: #358cc9
}

.btn_info.active, .btn_info:active, .open > .btn_info.dropdown-toggle {
    background-image: none
}

.btn_info.disabled.focus, .btn_info.disabled:focus, .btn_info.disabled:hover, .btn_info[disabled].focus, .btn_info[disabled]:focus, .btn_info[disabled]:hover, fieldset[disabled] .btn_info.focus, fieldset[disabled] .btn_info:focus, fieldset[disabled] .btn_info:hover {
    background-color: #5da3d4;
    border-color: #4998cf
}

.btn_info .badge {
    color: #5da3d4;
    background-color: #fff
}

.btn_warning {
    color: #fff;
    background-color: #3f3b37;
    border-color: #312e2b;
    border-radius: 4px
}

.btn_warning.focus, .btn_warning:focus {
    color: #fff;
    background-color: #312e2b;
    border-color: #24221f
}

.btn_warning:hover {
    color: #fff;
    background-color: #312e2b;
    border-color: #24221f
}

.btn_warning.active, .btn_warning:active, .open > .btn_warning.dropdown-toggle {
    color: #fff;
    background-color: #312e2b;
    border-color: #24221f
}

.btn_warning.active.focus, .btn_warning.active:focus, .btn_warning.active:hover, .btn_warning:active.focus, .btn_warning:active:focus, .btn_warning:active:hover, .open > .btn_warning.dropdown-toggle.focus, .open > .btn_warning.dropdown-toggle:focus, .open > .btn_warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #24221f;
    border-color: #24221f
}

.btn_warning.active, .btn_warning:active, .open > .btn_warning.dropdown-toggle {
    background-image: none
}

.btn_warning.disabled.focus, .btn_warning.disabled:focus, .btn_warning.disabled:hover, .btn_warning[disabled].focus, .btn_warning[disabled]:focus, .btn_warning[disabled]:hover, fieldset[disabled] .btn_warning.focus, fieldset[disabled] .btn_warning:focus, fieldset[disabled] .btn_warning:hover {
    background-color: #3f3b37;
    border-color: #312e2b
}

.btn_warning .badge {
    color: #3f3b37;
    background-color: #fff
}

.btn_danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    border-radius: 4px
}

.btn_danger.focus, .btn_danger:focus {
    color: #fff;
    background-color: #d43f3a;
    border-color: #c9302c
}

.btn_danger:hover {
    color: #fff;
    background-color: #d43f3a;
    border-color: #c9302c
}

.btn_danger.active, .btn_danger:active, .open > .btn_danger.dropdown-toggle {
    color: #fff;
    background-color: #d43f3a;
    border-color: #c9302c
}

.btn_danger.active.focus, .btn_danger.active:focus, .btn_danger.active:hover, .btn_danger:active.focus, .btn_danger:active:focus, .btn_danger:active:hover, .open > .btn_danger.dropdown-toggle.focus, .open > .btn_danger.dropdown-toggle:focus, .open > .btn_danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c9302c
}

.btn_danger.active, .btn_danger:active, .open > .btn_danger.dropdown-toggle {
    background-image: none
}

.btn_danger.disabled.focus, .btn_danger.disabled:focus, .btn_danger.disabled:hover, .btn_danger[disabled].focus, .btn_danger[disabled]:focus, .btn_danger[disabled]:hover, fieldset[disabled] .btn_danger.focus, fieldset[disabled] .btn_danger:focus, fieldset[disabled] .btn_danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn_danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn_link {
    font-weight: 400;
    color: #222;
    border-radius: 0
}

.btn_link, .btn_link.active, .btn_link:active, .btn_link[disabled], fieldset[disabled] .btn_link {
    background-color: transparent;
    box-shadow: none
}

.btn_link, .btn_link:active, .btn_link:focus, .btn_link:hover {
    border-color: transparent
}

.btn_link:focus, .btn_link:hover {
    color: #000;
    text-decoration: underline;
    background-color: transparent
}

.btn_link[disabled]:focus, .btn_link[disabled]:hover, fieldset[disabled] .btn_link:focus, fieldset[disabled] .btn_link:hover {
    color: #999;
    text-decoration: none
}

.btn-group-lg > .btn, .btn-lg {
    padding: 20px 40px;
    font-size: 20px;
    line-height: 1.8;
    border-radius: 6px
}

.btn-group-sm > .btn, .btn-sm {
    padding: 10px 10px;
    font-size: 12px;
    line-height: 1.2;
    border-radius: 3px
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.2;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label_default {
    background-color: #999
}

.label_default[href]:focus, .label_default[href]:hover {
    background-color: gray
}

.label_primary {
    background-color: #f04136
}

.label_primary[href]:focus, .label_primary[href]:hover {
    background-color: #e21d11
}

.label_success {
    background-color: #87c29c
}

.label_success[href]:focus, .label_success[href]:hover {
    background-color: #65b180
}

.label_info {
    background-color: #5da3d4
}

.label_info[href]:focus, .label_info[href]:hover {
    background-color: #358cc9
}

.label_warning {
    background-color: #3f3b37
}

.label_warning[href]:focus, .label_warning[href]:hover {
    background-color: #24221f
}

.label_danger {
    background-color: #d9534f
}

.label_danger[href]:focus, .label_danger[href]:hover {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #999;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs > .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #222;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.section__breadcrumb {
    margin-bottom: 40px
}

.nav__breadcrumb {
    text-align: left
}

.nav__breadcrumb .item, .nav__breadcrumb .separator {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.nav__breadcrumb .separator {
    padding-right: 2px;
    padding-left: 2px;
    font-family: \5b8b\4f53, Simsun, sans-serif;
    font-size: 18px;
    color: #ccc;
    cursor: default
}

.nav__breadcrumb .item {
    font-size: 14px;
    text-decoration: none
}

.nav__breadcrumb .item:hover {
    text-decoration: none
}

.nav__breadcrumb .active {
    color: #f04136;
    cursor: default
}

.avatar img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%
}

.singleline {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.multiline {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.media {
    margin-bottom: 40px
}

.media.toleft {
    display: flex;
    justify-content: space-between
}

.media.toleft .object {
    flex: 1
}

.media.toleft .caption {
    width: 60%;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.media.toright {
    display: flex;
    flex-direction: row-reverse
}

.media.toright .object {
    flex: 1
}

.media.toright .caption {
    width: 60%;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.media .object {
    display: block;
    position: relative;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.media .object .tag {
    color: #fff
}

.media .object img {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.media .object .iconfont {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 1.2;
    font-size: 14px;
    left: 50%;
    top: 50%;
    color: rgba(255, 255, 255, .6);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.media .caption {
    box-sizing: border-box
}

.media .caption .headline {
    font-size: 16px;
    line-height: 1.2;
    color: #333;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.media .abstract {
    margin-top: 20px;
    font-size: 16px;
    color: #666
}

.media .abstract p {
    font-size: 16px;
    margin-bottom: 10px
}

.media .abstract .iconfont {
    font-size: 16px
}

.media-normal .caption {
    padding: 0 20px 10px;
    position: relative
}

.media-aside {
    display: flex
}

.media-aside .object {
    padding-right: 20px;
    padding-left: 20px
}

.media-aside .caption {
    padding-right: 20px;
    padding-left: 20px
}

.media-swap .object {
    order: 2
}

.media-swap .caption {
    order: 1
}

.media-cover {
    position: relative;
    overflow: hidden
}

.media-cover .object {
    display: block;
    position: relative
}

.media-normal {
    box-sizing: border-box
}

.media-normal .caption {
    padding: 10px;
    position: relative
}

.media-scale .object {
    overflow: hidden
}

.media-scale .object img {
    transition: -webkit-transform linear .2s;
    transition: transform linear .2s;
    transition: transform linear .2s, -webkit-transform linear .2s
}

.media-scale:hover .object img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.media-border {
    border: 1px solid #e9e9e9
}

.media-border:hover {
    border-color: #dcdcdc
}

.media-card {
    transition: box-shadow .2s linear
}

.media-card:hover {
    box-shadow: 0 4px 10px 0 rgba(85, 85, 85, .4), inset 0 2px 0 0 rgba(255, 255, 255, .2)
}

.attach {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #a8a8a8
}

.attach a {
    color: #a8a8a8
}

.attach a:focus, .attach a:hover {
    color: #000;
    text-decoration: none
}

.attach .tag-social {
    margin-right: 10px;
    cursor: pointer
}

.attach .tag-social:last-child {
    margin-right: 0
}

.attach .tag-social .iconfont {
    position: relative;
    top: 0;
    margin-right: 4px
}

.attach .tag-social:hover {
    color: #f04136
}

.attach .tag-social:hover .iconfont {
    -webkit-animation: icon-jump .2s;
    animation: icon-jump .2s
}

.attach-inline {
    margin-bottom: 0
}

.attach-inline:after, .attach-inline:before {
    content: " ";
    display: table
}

.attach-inline:after {
    clear: both
}

.attach-inline .attach-main {
    float: left
}

.attach-inline .attach-main .attach-item {
    float: left;
    margin-right: 40px
}

.attach-inline .attach-aside {
    float: right
}

.attach-inline .attach-extra {
    float: left
}

@-webkit-keyframes icon-jump {
    0% {
        top: 0
    }
    50% {
        top: -4px
    }
    100% {
        top: 0
    }
}

@keyframes icon-jump {
    0% {
        top: 0
    }
    50% {
        top: -4px
    }
    100% {
        top: 0
    }
}

.rate-score {
    position: relative;
    width: 140px;
    height: 28px
}

.rate-score .basic {
    z-index: 1
}

.rate-score .current {
    z-index: 2;
    width: 0
}

.rate-score .score {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    overflow: hidden
}

.rate-score .score .item {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    color: #ccb693
}

.section_swiper {
    width: 100%;
    height: 800px;
    background: url(../img/banner01.jpg)
}

.pl0 {
    padding-left: 0
}

.pr0 {
    padding-right: 0
}

.pt40 {
    padding-top: .4rem
}

a {
    text-decoration: initial !important;
    text-decoration: none !important;
    text-decoration: unset !important
}

.btn-primary {
    color: #fff;
    background: #990200;
    border: 1px solid #990200
}

.btn-default {
    color: #fff;
    background-color: #e8eaed;
    border-color: #e8eaed
}

.btn {
    display: inline-block;
    padding: .6rem .12rem;
    margin-bottom: 0;
    font-size: .14rem;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: none
}

.disabled {
    pointer-events: none
}

a.disabled {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: .65
}

.hs-pagination {
    text-align: right
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #c1a991
}

.select-area {
    display: inline-block;
    padding-left: .2rem
}

.select-area .select-area-operate {
    display: inline-block
}

.select-area .select-area-operate .city-box {
    display: inline-block
}

.select-area .select-area-operate .county-box {
    display: inline-block
}

.select-area .select-area-operate .select-area-item {
    margin-right: .2rem
}

.select-area .select-area-operate .select-area-item .select-area-name {
    font-size: .14rem;
    color: #999;
    background-color: #fff;
    border-radius: 0rem
}

.layui-laydate .layui-laydate-header .laydate-set-ym {
    font-size: .2rem;
    font-weight: 500;
    line-height: .3rem;
    color: #990200
}

.layui-laydate .layui-laydate-main {
    width: 3.8rem;
    min-width: 2.72rem
}

.layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr {
    line-height: .5rem
}

.layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    padding: 0
}

.layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td.layui-this {
    background-color: #990200 !important;
    color: #fff !important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.inline-block {
    display: inline-block
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.hs-gallery {
    position: relative
}

.hs-gallery .hs-gallery-arrow {
    position: absolute;
    top: 0;
    width: .4rem;
    height: 1.68rem;
    background: #000;
    opacity: .5
}

.hs-gallery .hs-gallery-arrow.left {
    left: 0
}

.hs-gallery .hs-gallery-arrow.right {
    right: 0
}

.hs-gallery .hs-gallery-arrow.left .arrow-wrap, .hs-gallery .hs-gallery-arrow.right .arrow-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff
}

.hs-gallery .hs-gallery-arrow.left .arrow-wrap i, .hs-gallery .hs-gallery-arrow.left .arrow-wrap img, .hs-gallery .hs-gallery-arrow.left .arrow-wrap span, .hs-gallery .hs-gallery-arrow.right .arrow-wrap i, .hs-gallery .hs-gallery-arrow.right .arrow-wrap img, .hs-gallery .hs-gallery-arrow.right .arrow-wrap span {
    position: absolute;
    top: 40%;
    left: .1rem
}

.img-box {
    position: relative;
    margin: 0 auto;
    font-size: 0
}

.img-box img {
    width: 100%;
    height: 100%
}

.no-comment {
    text-align: center;
    background: #fff
}

.no-comment p {
    color: #999;
    font-size: .14rem
}

.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

.module-area {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff
}

.module-area .title {
    padding-left: 40px;
    font-size: 18px
}

.module-area .module-filter {
    margin-bottom: 0;
    background-color: #fff
}

.module-area .module-filter .title {
    height: 36px;
    line-height: 36px;
    margin-top: -18px
}

.module-area .module-filter .module-filter-list {
    padding-top: 20px;
    padding-bottom: 20px
}

.module-area .select-area .title {
    color: #666
}

.module-area .panel-area {
    margin-top: 40px
}

.module-area .panel-area .title {
    padding-left: 40px;
    margin-bottom: 40px
}

.module-area .panel-area .row-letter {
    position: relative;
    border: 1px solid #e9e9e9;
    min-height: 44px;
    margin-top: -1px;
    margin-right: 20px;
    margin-left: 20px;
    padding-left: 44px;
    background-color: #f2f2f2
}

.module-area .panel-area .row-letter .letter {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    font-size: 14px;
    font-weight: 700;
    line-height: 44px;
    text-align: center;
    color: #666
}

.module-area .panel-area .row-letter .row-content {
    position: relative;
    padding-left: 70px;
    border-left: 1px solid #e9e9e9;
    border-bottom: 1px dashed #eee;
    background-color: #fff
}

.module-area .panel-area .row-letter .row-content .i-arrow-r {
    display: none;
    left: -1px;
    top: 50%;
    border-width: 6px;
    margin-top: -3px
}

.module-area .panel-area .row-letter .row-content .area-title {
    position: absolute;
    left: 0;
    top: 40px;
    width: 70px;
    font-size: 16px;
    text-align: center;
    cursor: default
}

.module-area .panel-area .row-letter .row-content .area-list {
    min-height: 14px;
    padding: 40px 40px;
    border-left: 1px solid #e9e9e9
}

.module-area .panel-area .row-letter .row-content .area-list .area-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline;
    margin-right: 20px;
    margin-left: 20px;
    font-size: 14px
}

.module-area .panel-area .row-letter .last, .module-area .panel-area .row-letter .row-content:nth-last-child(1) {
    border-bottom: none
}

.module-area .panel-area .row-letter .row-content-active, .module-area .panel-area .row-letter .row-content:hover {
    background-color: #f2f2f2
}

.module-area .panel-area .row-letter .row-content-active .i-arrow-r, .module-area .panel-area .row-letter .row-content:hover .i-arrow-r {
    display: block
}

.module-area .panel-area .row-letter-active, .module-area .panel-area .row-letter:hover {
    background-color: #f04136
}

.module-area .panel-area .row-letter-active .letter, .module-area .panel-area .row-letter:hover .letter {
    color: #fff
}

.hot-area-filter .module-filter-list .item {
    padding-right: 0;
    padding-left: 0;
    margin-right: 40px;
    border: none
}

.hot-area-filter .module-filter-list .item:hover {
    border: none
}

.hot-area-filter .module-filter-list .active {
    background-color: transparent;
    color: #f04136
}

.hot-area-filter .module-filter-list .active:hover {
    color: #f04136
}

.select-area .module-filter-list .item {
    vertical-align: middle;
    margin-right: 40px
}

.select-area-operate .select-area-item {
    position: relative;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline;
    margin-right: 40px;
    vertical-align: top
}

.select-area-operate .select-area-item .select-area-name {
    position: relative;
    padding-right: 24px;
    height: 24px;
    border: 1px solid #e9e9e9;
    line-height: 24px;
    text-indent: 1em;
    font-size: 14px;
    color: #999;
    background-color: #f2f2f2;
    width: 80px;
    cursor: default;
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.select-area-operate .select-area-item .select-area-name .iconfont {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-indent: 0;
    color: #999;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0)
}

.select-area-operate .select-area-item .select-area-panel {
    display: none;
    position: absolute;
    top: 26px;
    z-index: 1000;
    width: 144px;
    border: 1px solid #a9a9a9;
    max-height: 240px;
    overflow-y: scroll;
    background-color: #fff;
    border-radius: 4px
}

.select-area-operate .select-area-item .select-area-panel .area-item {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    height: 24px;
    padding-right: .5em;
    padding-left: .5em;
    line-height: 24px;
    cursor: default
}

.select-area-operate .select-area-item .select-area-panel .area-item:hover {
    color: #f04136;
    background-color: #f2f2f2;
    cursor: pointer
}

.select-area-operate .select-area-item .select-area-panel .area-item a {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block;
    text-decoration: none
}

.select-area-operate .select-area-item-enable .select-area-name {
    color: #333;
    border: 1px solid #a9a9a9;
    cursor: pointer
}

.select-area-operate .select-area-item-active .select-area-name {
    color: #333
}

.select-area-operate .select-area-item-active .select-area-name .iconfont {
    color: #666;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg)
}

.select-area-operate .select-area-item-active .select-area-panel {
    display: block
}

.select-area .select-area-operate {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline;
    vertical-align: middle
}

.select-area .btn {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline;
    vertical-align: middle;
    padding: 0 .8em;
    height: 26px;
    font-size: 16px;
    line-height: 26px
}

.page-collect {
    width: 100%;
    background-color: #f0f2f5
}

.page-collect .remove {
    text-align: right;
    cursor: pointer
}

.pl0 {
    padding-left: 0
}

.pr0 {
    padding-right: 0
}

.pt40 {
    padding-top: .4rem
}

a {
    text-decoration: initial !important;
    text-decoration: none !important;
    text-decoration: unset !important
}

.btn-primary {
    color: #fff;
    background: #990200;
    border: 1px solid #990200
}

.btn-default {
    color: #fff;
    background-color: #e8eaed;
    border-color: #e8eaed
}

.btn {
    display: inline-block;
    padding: .6rem .12rem;
    margin-bottom: 0;
    font-size: .14rem;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: none
}

.disabled {
    pointer-events: none
}

a.disabled {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: .65
}

.hs-pagination {
    text-align: right
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #c1a991
}

.select-area {
    display: inline-block;
    padding-left: .2rem
}

.select-area .select-area-operate {
    display: inline-block
}

.select-area .select-area-operate .city-box {
    display: inline-block
}

.select-area .select-area-operate .county-box {
    display: inline-block
}

.select-area .select-area-operate .select-area-item {
    margin-right: .2rem
}

.select-area .select-area-operate .select-area-item .select-area-name {
    font-size: .14rem;
    color: #999;
    background-color: #fff;
    border-radius: 0rem
}

.layui-laydate .layui-laydate-header .laydate-set-ym {
    font-size: .2rem;
    font-weight: 500;
    line-height: .3rem;
    color: #990200
}

.layui-laydate .layui-laydate-main {
    width: 3.8rem;
    min-width: 2.72rem
}

.layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr {
    line-height: .5rem
}

.layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    padding: 0
}

.layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td.layui-this {
    background-color: #990200 !important;
    color: #fff !important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.inline-block {
    display: inline-block
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.hs-gallery {
    position: relative
}

.hs-gallery .hs-gallery-arrow {
    position: absolute;
    top: 0;
    width: .4rem;
    height: 1.68rem;
    background: #000;
    opacity: .5
}

.hs-gallery .hs-gallery-arrow.left {
    left: 0
}

.hs-gallery .hs-gallery-arrow.right {
    right: 0
}

.hs-gallery .hs-gallery-arrow.left .arrow-wrap, .hs-gallery .hs-gallery-arrow.right .arrow-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff
}

.hs-gallery .hs-gallery-arrow.left .arrow-wrap i, .hs-gallery .hs-gallery-arrow.left .arrow-wrap img, .hs-gallery .hs-gallery-arrow.left .arrow-wrap span, .hs-gallery .hs-gallery-arrow.right .arrow-wrap i, .hs-gallery .hs-gallery-arrow.right .arrow-wrap img, .hs-gallery .hs-gallery-arrow.right .arrow-wrap span {
    position: absolute;
    top: 40%;
    left: .1rem
}

.img-box {
    position: relative;
    margin: 0 auto;
    font-size: 0
}

.img-box img {
    width: 100%;
    height: 100%
}

.no-comment {
    text-align: center;
    background: #fff
}

.no-comment p {
    color: #999;
    font-size: .14rem
}

.page-brief .brief-swiper img {
    width: 100%;
    height: 4rem
}

.page-brief .page-layui-tab {
    width: 14rem;
    margin: 0 auto
}

.page-brief .page-layui-tab .layui-tab-content {
    min-height: 1rem !important;
    height: auto !important
}

.page-brief .page-layui-tab .layui-tab-title {
    text-align: center;
    height: .8rem
}

.page-brief .page-layui-tab .layui-tab-title li {
    padding: 0 .4rem;
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666;
    height: .8rem;
    line-height: .8rem
}

.page-brief .page-layui-tab .layui-tab-brief > .layui-tab-title .layui-this {
    color: #990200
}

.page-brief .page-layui-tab .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom: none
}

.page-brief .page-layui-tab .this-introduce {
    padding-top: .8rem
}

.page-brief .page-layui-tab .this-introduce p:first-child {
    font-size: .36rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: .36rem;
    color: #333;
    margin-bottom: .4rem;
    text-align: center
}

.page-brief .page-layui-tab .this-introduce p:last-child {
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: .27rem;
    color: #333;
    margin-bottom: .4rem;
    text-align: left
}

.page-brief .leadership-introduced {
    position: relative;
    margin-bottom: .8rem
}

.page-brief .leadership-introduced .leadership-introduced-bg img {
    height: 5.1rem;
    width: 100%
}

.page-brief .leadership-introduced .leadership-list {
    width: 14rem;
    height: 6.76rem;
    background: #fff;
    box-shadow: 0 0 50px rgba(0, 0, 0, .08);
    opacity: 1;
    border-radius: 2px;
    margin: 0 auto;
    position: absolute;
    top: 1.28rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page-brief .leadership-introduced .leadership-list .leadership-swiper {
    width: 11.25rem;
    height: 4.8rem;
    margin: 0 auto
}

.page-brief .leadership-introduced .leadership-grid {
    width: 14rem;
    margin: 0 auto
}

.page-brief .leadership-introduced .subheading-title {
    text-align: center;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    margin: 40px 0;
    color: #666;
    opacity: .9
}

.page-brief .leadership-introduced .grid-4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .6rem
}

.page-brief .leadership-introduced .grid-4 .experiment:hover {
    color: pink;
    transition: all .5s
}

.page-brief .leadership-introduced .grid-4 .experiment:hover .administration {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/heilongjiang-h5/红框.png) 0 0 no-repeat;
    background-size: 100% 100%;
    color: #990200
}

.page-brief .leadership-introduced .grid-4 .experiment:hover .suspension-suped {
    display: block
}

.page-brief .leadership-introduced .grid-4 > div {
    position: relative;
    width: 20%;
    box-sizing: border-box;
    margin-bottom: .51rem
}

.page-brief .leadership-introduced .grid-4 > div > div {
    font-size: .24rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 1rem;
    color: #666;
    width: 2.4rem;
    height: 1rem;
    text-align: center;
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/heilongjiang-h5/灰框.png) 0 0 no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.page-brief .leadership-introduced .grid-4 > div .suspension-suped {
    position: absolute;
    left: -26px;
    top: .75rem;
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/heilongjiang-h5/悬浮窗.png) 100% 100% no-repeat;
    z-index: 999;
    width: 3rem;
    height: auto;
    padding: .5rem .5rem;
    box-sizing: border-box;
    background-size: 100% 100%;
    display: none
}

.page-brief .leadership-introduced .grid-4 > div .suspension-suped h2 {
    height: 50px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 550;
    line-height: 50px;
    color: #333;
    text-align: left
}

.page-brief .leadership-introduced .grid-4 > div .suspension-suped p {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 20px;
    color: #666;
    opacity: 1;
    text-align: left
}

.page-brief .leadership-introduced .grid-4 > div:last-child {
    margin-bottom: 0
}

.page-brief .feedback {
    width: 13.96rem;
    background: #fff;
    border-radius: 4px;
    margin: 0 auto
}

.page-brief .feedback .feedback-inputs {
    display: flex;
    justify-content: space-around;
    margin-bottom: .4rem
}

.page-brief .feedback .feedback-inputs .layui-inline {
    width: 3.2rem
}

.page-brief .feedback .feedback-inputs .layui-inline .layui-form-label {
    padding-left: 0
}

.page-brief .feedback .feek-input-block {
    width: 13.22rem
}

.page-brief .feedback .feek-input-block .layui-form-label {
    margin-left: .56rem;
    float: none
}

.page-brief .feedback .feek-input-block .layui-input-block {
    margin-left: .72rem
}

.page-brief .feedback .layui-form-label {
    text-align: left;
    white-space: nowrap
}

.page-brief .feedback .layui-form-label > span {
    padding: .1rem;
    color: red;
    padding: .1rem 0
}

.page-brief .feedback .but-sub {
    text-align: center;
    padding: .5rem 0 .34rem 0
}

.page-brief .feedback .sub {
    height: .56rem;
    line-height: .56rem;
    padding: 0 1rem;
    background: #990200;
    color: #fff;
    font-size: .24rem;
    font-family: Source Han Sans CN;
    font-weight: 400
}

.page-brief .hs-visit {
    width: 13.96rem;
    margin: 0 auto;
    box-sizing: border-box;
    color: #666
}

.page-brief .hs-visit .visit-wrap {
    padding: .6rem 0 .3rem;
    border-bottom: 1px solid #e4e4e4
}

.page-brief .hs-visit .visit-wrap .visit-title {
    font-size: .36rem;
    line-height: .61rem;
    color: #333
}

.page-brief .hs-visit .visit-wrap .visit-headline {
    height: .24rem;
    padding-bottom: .24rem;
    font-size: .24rem;
    line-height: .24rem
}

.page-brief .hs-visit .visit-wrap .visit-headline span {
    padding-left: .1rem
}

.page-brief .hs-visit .visit-wrap .visit-body p {
    font-size: .16rem;
    line-height: .32rem;
    opacity: .9
}

.page-brief .hs-visit .visit-wrap .visit-body .geo-position {
    padding-bottom: .2rem
}

.page-brief .hs-visit .visit-wrap .visit-body .geo-position .geo-info {
    display: inline
}

.page-brief .hs-visit .visit-wrap .visit-body .geo-position .geo-info .icon-wrap {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    color: #990200;
    border-radius: 50%
}

.page-brief .hs-visit .visit-wrap .visit-body .geo-position .geo-info .icon-wrap i.iconfont {
    font-size: .32rem;
    line-height: .6rem
}

.page-brief .hs-visit .visit-wrap .visit-body .geo-position .geo-info .icon-wrap span {
    padding-left: .16rem
}

.page-brief .hs-visit .visit-wrap .visit-body .geo-position .geo-info .geo-text {
    display: inline-block
}

.page-brief .hs-visit .visit-wrap .visit-body .visit-plan-wrap {
    text-align: center
}

.title-i {
    font-size: .36rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: .6rem;
    color: #333;
    text-align: center
}

.title-i.large {
    font-size: .36rem;
    line-height: .6rem
}

.title-i.medium {
    font-size: .24rem;
    line-height: .27rem
}

.title-i.small {
    font-size: .12rem;
    line-height: .14rem
}

.title-i.text-center {
    text-align: center
}

.title-i.text-left {
    text-align: left
}

.title-i.text-right {
    text-align: right
}

.page-brief .show-more {
    text-align: center;
    color: #990220;
    cursor: pointer;
    padding: .5rem 0;
    font-size: .1rem
}

.page-brief .leadership-list .page_swiper1 .swiper-slide {
    position: relative
}

.page-brief .leadership-list .page_swiper1 .swiper-slide .swiper-slide-item {
    position: relative;
    width: 3.46rem;
    height: 4.6rem
}

.page-brief .leadership-list .page_swiper1 .swiper-slide .swiper-slide-item img {
    width: 100%;
    height: 100%
}

.page-brief .leadership-list .page_swiper1 .swiper-slide .swiper-slide-item .name-tag {
    position: absolute;
    left: 0;
    top: 0;
    background: #990220;
    color: #fff;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 10px;
    padding: 20px 10px;
    border-radius: 0 0 40px 0
}

.cultural-tourism-detail .ct-name {
    font-size: .24rem;
    font-weight: 500;
    line-height: .24rem;
    color: #333;
    padding-top: .4rem;
    padding-bottom: .12rem
}

.cultural-tourism-detail .live-icons {
    font-size: .12rem;
    line-height: .2rem;
    color: #ccc
}

.cultural-tourism-detail .venue-content {
    padding-bottom: .8rem
}

.cultural-tourism-detail .venue-content.tourist {
    padding-bottom: .6rem
}

.cultural-tourism-detail .venue-content.comment {
    padding-bottom: 0
}

.cultural-tourism-detail .venue-content .big-title {
    padding-bottom: .4rem
}

.cultural-tourism-detail .venue-content .deseditor {
    padding: 0;
    line-height: .24rem
}

.cultural-tourism-detail .venue-content .deseditor p {
    font-size: .14rem;
    font-weight: 400;
    line-height: .2rem;
    color: grey;
    text-indent: .28rem
}

.cultural-tourism-detail .video-wrap {
    position: relative;
    width: 1.6rem;
    height: .9rem;
    margin: 0 auto;
    font-size: 0
}

.cultural-tourism-detail .video-wrap .video {
    position: absolute;
    height: 100%;
    width: 100%
}

.cultural-tourism-detail .video-wrap .video-status {
    position: absolute;
    width: 1.08rem;
    height: .32rem;
    top: .2rem;
    left: .24rem
}

.cultural-tourism-detail .video-wrap .video-btn-play {
    position: absolute;
    width: .48rem;
    height: .48rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cultural-tourism-detail .detail-info {
    padding-top: .3rem
}

.cultural-tourism-detail .swiper-container.gallery-thumbs {
    padding: .2rem 0
}

.cultural-tourism-detail .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide {
    margin-right: .2rem !important
}

.cultural-tourism-detail .message-ask {
    padding-top: 0
}

.cultural-tourism-detail .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto
}

.cultural-tourism-detail .swiper-slide {
    background-size: cover;
    background-position: center
}

.cultural-tourism-detail .gallery-top {
    height: 80%;
    width: 100%
}

.cultural-tourism-detail .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}

.cultural-tourism-detail .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: .4
}

.cultural-tourism-detail .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1
}

.hs-search .hs-search-input {
    height: .4rem;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
    border: initial;
    border-radius: 2px 2px 0 0
}

.hs-search .hs-search-select {
    height: .32rem;
    background: #f0f2f5;
    opacity: 1;
    border-radius: .02rem
}

.layui-card.cultural-card {
    width: 3.8rem;
    height: 100%;
    position: absolute;
    z-index: 1000
}

.layui-card.cultural-card .layui-card-header {
    height: .4rem;
    line-height: .4rem
}

.layui-card.cultural-card .layui-card-header .iconfont.prefix {
    position: absolute
}

.layui-card.cultural-card .layui-card-header .layui-input {
    height: .4rem;
    padding-left: .28rem;
    border-width: 0
}

.layui-card.cultural-card .layui-card-header .layui-btn {
    position: absolute;
    right: 0;
    top: .06rem;
    height: .24rem;
    line-height: .24rem;
    padding: 0 .14rem;
    background-color: #990200;
    font-size: .1rem;
    color: #fff
}

.layui-card.cultural-card .layui-card-body.cultural-list {
    height: calc(100% - .4rem);
    overflow-y: auto;
    box-sizing: border-box
}

.layui-card.cultural-card .layui-card-body.cultural-list .cultural-list__search {
    height: .32rem;
    margin-bottom: .1rem;
    background: #f0f2f5;
    opacity: 1;
    border-radius: .2rem;
    text-align: center
}

.layui-card.cultural-card .layui-card-body.cultural-list .cultural-list__search .hs-select {
    line-height: .32rem;
    vertical-align: middle;
    border-width: 0;
    background: #f0f2f5;
    font-size: .12rem;
    color: #666
}

.layui-card.cultural-card .hs-pagination {
    text-align: center
}

.page-ct {
    height: 100%;
    overflow: hidden
}

.page-ct .page__body {
    position: relative;
    height: calc(100% - 1.4rem)
}

.page-ct .page__body .map__container {
    height: 100%
}

.page-ct .page-pendant {
    display: none
}

.page-ct .brief-swiper img {
    width: auto;
    height: auto
}

.page-ct .ct-news {
    width: calc(100% - 3.8rem);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #fff;
    padding: .1rem .12rem;
    box-sizing: border-box;
    border: 1px solid #eee
}

.page-ct .ct-news .hs-pagination {
    text-align: center
}

.page-ct .ct-news .hs-list > ul {
    clear: both;
    padding-top: .1rem
}

.page-ct .ct-news .hs-list > ul > li {
    width: 50%;
    float: left;
    padding: 0 .12rem;
    box-sizing: border-box;
    color: #666;
    font-size: 14px
}

.page-ct .ct-news .hs-list > ul > li:hover {
    background-color: #c1a991;
    color: #fff;
    cursor: pointer
}

.page-ct .ct-news .hs-list > ul > li:hover .ct-title {
    color: #fff
}

.page-ct .ct-news .hs-list > ul > li > a {
    width: calc(100% - 120px);
    display: inline-block;
    padding-right: .16rem;
    box-sizing: border-box
}

.page-ct .ct-news .hs-list > ul > li .ct-time {
    width: 120px
}

.page-ct .ct-news .hs-list > ul > li .text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-ct .ct-news .hs-list > ul > li .cultual-type {
    color: #b2987f
}

.page-ct .ct-news .hs-list > ul > li .float-right {
    float: right
}

.media.cultural-media {
    margin-bottom: 0;
    border-bottom: 1px solid #e4e4e4
}

.media.cultural-media .headline {
    color: #990200;
    font-size: .16rem
}

.media.cultural-media .headline .singleline a {
    color: #990200;
    font-size: .16rem
}

.media.cultural-media .attach {
    color: #999;
    font-size: .1rem;
    margin-top: 0;
    margin-bottom: 0
}

.media.cultural-media .attach .attach-main .attach-item em .name {
    width: .52rem
}

.media.cultural-media .attach .attach-main .attach-item em .val {
    display: table-cell;
    width: 1.42rem
}

.media.cultural-media .object a img {
    width: 1rem;
    height: .75rem
}

.media.cultural-media .caption {
    width: 70%;
    padding: 0 .1rem;
    margin-bottom: .14rem
}

.cultural-list .media-list {
    padding: .1rem 0
}

.page-brief .text-right {
    text-align: right
}

.page-brief .mt20 {
    margin-top: .2rem
}

.page-brief .hs-pagination {
    text-align: right
}

.page-brief .hs-pagination .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #c1a991
}

.page-brief.hs-digital .layui-card-header {
    min-height: .42rem;
    height: initial
}

.page-brief.hs-digital .breadcrumb-wrap {
    height: .54rem;
    line-height: .54rem;
    text-align: left;
    box-sizing: border-box
}

.page-brief.hs-digital .breadcrumb-wrap .breadcrumb {
    width: 13.96rem;
    padding: 0 .4rem;
    margin: 0 auto;
    box-sizing: border-box
}

.page-brief.hs-digital .breadcrumb-wrap .breadcrumb span {
    font-size: .14rem;
    line-height: .24rem;
    color: #666
}

.page-brief.hs-digital .breadcrumb-wrap .breadcrumb .acitved {
    color: #990200
}

.page-brief.hs-digital .page__body {
    width: 13.96rem;
    margin: 0 auto .5rem;
    text-align: left;
    font-family: Source Han Sans CN;
    box-sizing: border-box
}

.page-brief.hs-digital .sl-wrap {
    font-size: .14rem
}

.page-brief.hs-digital .sl-wrap .sl-key {
    display: inline;
    font-weight: 500;
    line-height: .2rem;
    color: #333
}

.page-brief.hs-digital .sl-wrap .sl-value {
    display: inline;
    line-height: .2rem;
    color: #666
}

.page-brief.hs-digital .sl-wrap .sl-v-list {
    display: inline
}

.page-brief.hs-digital .sl-wrap .sl-v-list .sl-v-item {
    display: inline;
    line-height: .32rem;
    padding: .2rem
}

.page-brief.hs-digital .sl-wrap .sl-v-list .sl-v-item a {
    padding: .09rem .18rem
}

.page-brief.hs-digital .sl-wrap .sl-v-list .sl-v-item a.actived {
    color: #990200;
    background: rgba(255, 255, 255, .7);
    border: 1px solid #990200;
    border-radius: 0rem
}

.page-brief.hs-digital .sl-wrap .sl-v-list.sort .sl-v-item a.actived {
    border: initial
}

.page-brief.hs-digital .layui-card {
    box-sizing: border-box;
    border: .01rem solid transparent
}

.page-brief.hs-digital .layui-card .layui-card-body, .page-brief.hs-digital .layui-card .layui-card-header {
    padding: .1rem .4rem
}

.page-brief.hs-digital .layui-card .layui-card-header.hs-sl {
    height: 1.44rem;
    box-sizing: border-box
}

.page-brief.hs-digital .layui-card .layui-card-header.hs-sl.book {
    height: initial
}

.page-brief.hs-digital .layui-card .layui-card-body {
    padding-bottom: .6rem
}

.page-brief.hs-digital .layui-card.card .layui-card-body {
    padding: .2rem 0
}

.page-brief.hs-digital .layui-card.card:hover {
    border: .01rem solid #990200
}

.page-brief.hs-digital .img-box {
    width: 4.12rem;
    height: 2.32rem;
    position: relative;
    box-sizing: border-box
}

.page-brief.hs-digital .img-box .hs-collect {
    width: 100%;
    position: absolute;
    bottom: .12rem;
    font-size: .12rem;
    color: #fff;
    text-align: center
}

.page-brief.hs-digital .img-box .hs-collect i.iconfont {
    font-size: .12rem
}

.page-brief.hs-digital .video-info {
    padding-top: .2rem;
    line-height: .16rem
}

.page-brief.hs-digital .video-info .video-title {
    font-size: .18rem;
    font-weight: 500;
    line-height: .3rem;
    color: #333
}

.page-brief.hs-digital .video-info .video-playtime, .page-brief.hs-digital .video-info i.iconfont {
    font-size: .14rem;
    line-height: .16rem;
    color: #999
}

.page-brief.hs-digital .hs-flex-container {
    display: flex;
    padding: .16rem .12rem;
    padding-bottom: .24rem;
    align-items: center
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item {
    color: #333
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item .info-wrap {
    width: 4rem
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.left .time-wrap {
    width: .68rem;
    height: .48rem;
    padding: .06rem .12rem;
    background: #fff;
    border: 1px solid #e4e4e4;
    box-sizing: border-box
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.left .time-wrap .time-day {
    font-size: .14rem;
    line-height: .16rem
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.left .time-wrap .time-year {
    font-size: .16rem;
    line-height: .16rem;
    color: #ccc
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.right {
    flex: auto;
    padding-left: .06rem
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.right .info-wrap {
    width: 3.2rem
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.right .info-wrap .info-title {
    font-size: .18rem;
    font-weight: 500;
    line-height: .3rem;
    padding-bottom: .1rem
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.right .info-wrap .info-summary {
    font-size: .14rem;
    line-height: .16rem;
    color: #999
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.right.book {
    text-align: center
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.right.book .info-wrap {
    width: 4rem
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.right.book .btn-wrap {
    padding-top: .2rem
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.right.book .btn-wrap .hs-btn {
    width: 1.08rem;
    height: .32rem;
    line-height: .32rem;
    border: 1px solid #990200;
    background: #fff;
    border-radius: 1rem;
    font-size: .12rem;
    color: #990200
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.right.book .btn-wrap .hs-btn.actived, .page-brief.hs-digital .hs-flex-container .hs-flex-item.right.book .btn-wrap .hs-btn:focus, .page-brief.hs-digital .hs-flex-container .hs-flex-item.right.book .btn-wrap .hs-btn:hover {
    background: #990200;
    color: #fff
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.right.book .btn-wrap .hs-btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.page-brief.hs-digital .hs-flex-container .hs-flex-item.right.book .btn-wrap .hs-btn.disabled {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc
}

body, html {
    height: 100%
}

.page-header {
    height: 100%
}

.page-index {
    height: 100%
}

.page-index .index-swiper {
    height: 100%
}

.page-index .index-swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%
}

.page-index .pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center
}

.page-index .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #fff;
    margin: 0 5px;
    opacity: .8;
    border: 1px solid #fff;
    cursor: pointer
}

.page-index .swiper-active-switch {
    background: #990200
}

.page-index .page-header-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%
}

.page-index .mess-centont {
    flex: 1
}

.page-index .mess-centont > p {
    width: 5rem;
    font-size: .14rem;
    font-family: Roboto;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.page-index .mess-centont p:first-child {
    font-size: .18rem;
    line-height: .5rem;
    font-family: Roboto;
    font-weight: 400
}

.page-index .mess-centont p:nth-child(2) {
    height: 30px;
    line-height: 30px;
    color: #999
}

.page__container {
    height: 100%
}

.text-overflow {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-cultual-info {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-position-y: 100%
}

.page-cultual-info .swiper-dynamic {
    display: flex;
    justify-content: space-around;
    margin: 0 auto
}

.page-cultual-info .swiper-dynamic .swiper-container {
    height: 3.72rem
}

.page-cultual-info .swiper-dynamic .dynamic-swiper {
    position: relative;
    width: 4.96rem;
    height: 3.72rem
}

.page-cultual-info .swiper-dynamic .dynamic-swiper .swiper-slide {
    overflow: hidden
}

.page-cultual-info .swiper-dynamic .dynamic-swiper .swiper-slide img {
    width: 100%;
    height: 3.72rem
}

.page-cultual-info .swiper-dynamic .dynamic-swiper .agination {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .74rem;
    background: #000;
    z-index: 99;
    box-sizing: border-box;
    color: #fff;
    opacity: .56;
    padding: .1rem .24rem;
    --swiper-theme-color: #ff6600;
    --swiper-pagination-color: #00ff33
}

.page-cultual-info .swiper-dynamic .hs-list {
    flex: auto;
    height: 3.72rem;
    overflow-y: auto;
    padding-left: .4rem;
    padding-right: .1rem
}

.page-cultual-info .swiper-dynamic .hs-list ul li {
    height: .56rem;
    line-height: .56rem;
    border-bottom: 1px dashed #e4e4e4;
    font-size: .16rem;
    box-sizing: border-box
}

.page-cultual-info .swiper-dynamic .hs-list ul li:nth-child(1) {
    height: .36rem;
    line-height: .36rem
}

.page-cultual-info .swiper-dynamic .hs-list ul li a {
    width: 6rem;
    display: inline-block;
    color: #666;
    text-decoration: none
}

.page-cultual-info .swiper-dynamic .hs-list ul li a span.cultual-type {
    color: #b2987f
}

.page-cultual-info .swiper-dynamic .hs-list ul li:hover {
    background-color: #c1a991;
    color: #fff;
    cursor: pointer
}

.page-cultual-info .swiper-dynamic .hs-list ul li span.float-right {
    float: right
}

.page__container {
    height: 100%
}

.page-dynamicI-nformation {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/资讯动态和地方资源背景.png) no-repeat;
    background-size: 100% 100%;
    background-position-y: 100%;
    padding-top: .7rem
}

.page-dynamicI-nformation .nformation-title {
    width: 3rem;
    height: .57rem;
    margin: 0 auto;
    background-image: url("https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/114 – 3.png");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: .4rem
}

.page-dynamicI-nformation .swiper-dynamic {
    display: flex;
    justify-content: space-between;
    width: 16.8rem;
    margin: 0 auto;
    height: 5.4rem
}

.page-dynamicI-nformation .swiper-dynamic .swiper-container {
    height: 5.4rem
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-swiper {
    position: relative;
    width: 9.6rem;
    height: 5.4rem
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-swiper .swiper-slide {
    position: relative
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-swiper .swiper-slide img {
    width: 100%;
    height: 5.4rem
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-swiper .agination {
    text-align: right !important;
    padding-right: 20px;
    box-sizing: border-box
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-swiper .agination .swiper-active-switch {
    background-color: #ff481a !important
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-swiper .swiper-button-next, .page-dynamicI-nformation .swiper-dynamic .dynamic-swiper .swiper-button-prev {
    width: 72px;
    height: 72px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .1);
    color: #f5f5f5;
    font-size: 36px;
    text-align: center;
    line-height: 72px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-swiper .content-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .6rem;
    background: #000;
    z-index: 99;
    opacity: .56;
    color: #fff;
    line-height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 1.2rem 0 .2rem;
    box-sizing: border-box
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab {
    position: relative;
    flex: 1;
    height: 5.4rem;
    margin-right: .2rem;
    margin-left: .4rem;
    overflow: hidden
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .layui-tab-title {
    height: 60px !important;
    border: none !important
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .layui-tab-title li {
    height: 60px !important
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .layui-tab-title li {
    font-size: .29rem
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .layui-tab-brief {
    overflow: hidden
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .layui-tab-brief > .layui-tab-title .layui-this {
    position: relative;
    color: #990200;
    font-family: Source Han Sans CN;
    font-weight: 500
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .dynamic-tab-imgs {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .layui-this:after {
    border: none !important
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .select-more {
    position: absolute;
    right: 0rem;
    top: .1rem;
    font-size: .14rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 32px;
    color: #999;
    cursor: pointer
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .layui-tab-content {
    height: 4.7rem !important;
    width: 100%;
    overflow-y: auto;
    margin-right: 0 !important
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .mess-item {
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #ccc;
    display: flex;
    color: #333;
    padding-top: .15rem;
    cursor: pointer
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .mess-item .mess-data {
    width: 1.6rem;
    height: 100%
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .mess-item .mess-data > p {
    font-size: .16rem;
    font-family: Roboto;
    font-weight: 400;
    line-height: .31rem;
    padding-left: .2rem
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .mess-item .mess-data p:first-child {
    font-size: .28rem;
    line-height: .5rem
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .mess-item .mess-centont {
    flex: 1
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .mess-item .mess-centont > p {
    width: 5rem;
    font-size: .14rem;
    font-family: Roboto;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .mess-item .mess-centont p:first-child {
    font-size: .18rem;
    line-height: .5rem;
    font-family: Roboto;
    font-weight: 400
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .mess-item .mess-centont p:nth-child(2) {
    height: 30px;
    line-height: 30px;
    color: #999
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .mess-item:hover {
    background-color: #c13634;
    color: #fff
}

.page-dynamicI-nformation .swiper-dynamic .dynamic-tab .mess-item-active {
    background-color: #c13634;
    color: #fff;
    cursor: pointer
}

.page-dynamicI-nformation .icons-list {
    width: 16.8rem;
    margin: .3rem auto
}

.page-dynamicI-nformation .icons-list ul {
    display: flex;
    justify-content: space-between;
    margin-top: .4rem
}

.page-dynamicI-nformation .icons-list ul li {
    text-align: center;
    cursor: pointer
}

.page-dynamicI-nformation .icons-list ul li p:first-child {
    width: 1.12rem;
    height: 1.12rem;
    border-radius: 50%;
    background-color: #ebeced;
    margin-bottom: .2rem;
    transition: background-color 1s;
    -moz-transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -o-transition: background-color 1s
}

.page-dynamicI-nformation .icons-list ul li p:first-child .ali-icon-mess {
    font-size: .6rem;
    line-height: 1.12rem;
    color: #990200;
    transition: color 1s;
    -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: color 1s
}

.page-dynamicI-nformation .icons-list ul li p:first-child:hover .ali-icon-mess {
    color: #fff
}

.page-dynamicI-nformation .icons-list ul li p:last-child {
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: .3rem;
    color: #666
}

.page-dynamicI-nformation .icons-list ul li:hover p:last-child {
    color: #990200
}

.page-dynamicI-nformation .icons-list ul .lis1 p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/本馆简介-1.png) no-repeat;
    background-size: 100% 100%
}

.page-dynamicI-nformation .icons-list ul .lis2 p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/领导介绍-1.png) no-repeat;
    background-size: 100% 100%
}

.page-dynamicI-nformation .icons-list ul .lis3 p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/部门设置-1.png) no-repeat;
    background-size: 100% 100%
}

.page-dynamicI-nformation .icons-list ul .lis4 p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/意见反馈-1.png) no-repeat;
    background-size: 100% 100%
}

.page-dynamicI-nformation .icons-list ul .lis5 p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/来访须知-1.png) no-repeat;
    background-size: 100% 100%
}

.page-dynamicI-nformation .icons-list ul .lis6 p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/交通位置-1.png) no-repeat;
    background-size: 100% 100%
}

.page-dynamicI-nformation .icons-list ul .lis7 p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/开馆时间-1.png) no-repeat;
    background-size: 100% 100%
}

.page-dynamicI-nformation .icons-list ul .lis8 p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/馆内布局-1.png) no-repeat;
    background-size: 100% 100%
}

.page-dynamicI-nformation .icons-list .lis1:hover p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/本馆简介.png) no-repeat;
    background-size: 100% 100%;
    transition: all 2s
}

.page-dynamicI-nformation .icons-list .lis2:hover p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/领导介绍.png) no-repeat;
    background-size: 100% 100%;
    transition: all 2s
}

.page-dynamicI-nformation .icons-list .lis3:hover p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/部门设置.png) no-repeat;
    background-size: 100% 100%;
    transition: all 2s
}

.page-dynamicI-nformation .icons-list .lis4:hover p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/意见反馈.png) no-repeat;
    background-size: 100% 100%;
    transition: all 2s
}

.page-dynamicI-nformation .icons-list .lis5:hover p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/来访须知.png) no-repeat;
    background-size: 100% 100%;
    transition: all 2s
}

.page-dynamicI-nformation .icons-list .lis6:hover p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/交通位置.png) no-repeat;
    background-size: 100% 100%;
    transition: all 2s
}

.page-dynamicI-nformation .icons-list .lis7:hover p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/开馆时间.png) no-repeat;
    background-size: 100% 100%;
    transition: all 2s
}

.page-dynamicI-nformation .icons-list .lis8:hover p:first-child {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/馆内布局.png) no-repeat;
    background-size: 100% 100%;
    transition: all 2s
}

.page-dynamicI-nformation .visual-sense {
    width: 100%;
    margin: 50px auto 0
}

.page-dynamicI-nformation .visual-sense img {
    width: 100%
}

.page-dynamicI-nformation .agination {
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.section__submiss {
    background-color: transparent !important;
    margin-bottom: -100px
}

.page-header {
    width: 100%;
    height: 1.4rem;
    background: rgba(0, 0, 0, .2)
}

.page-header-index {
    background-color: rgba(0, 0, 0, .2)
}

.page-header .header-top {
    width: 100%;
    height: .8rem;
    box-sizing: border-box;
    padding: 0;
    background-color: #fff
}

.page-header .header-index-top {
    background-color: rgba(0, 0, 0, .2)
}

.page-header .header-nav {
    height: .6rem;
    background-image: url(../img/menu-nav-bg.jpg)
}

.page-header .header-nav.header-nav-index {
    background-image: none
}

.logo-login, .meun-nav {
    width: 14rem;
    margin: 0 auto;
    height: .58rem
}

.logo-login ul, .meun-nav ul {
    display: flex;
    justify-content: space-between;
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: .58rem;
    color: #333;
    background: rgba(0, 0, 0, 0)
}

.logo-login ul a, .meun-nav ul a {
    color: #333;
    text-decoration: none;
    font-size: .18rem
}

.logo-login ul li, .meun-nav ul li {
    flex: 1;
    text-align: center
}

.logo-login ul a.actived, .logo-login ul a:focus, .logo-login ul a:hover, .meun-nav ul a.actived, .meun-nav ul a:focus, .meun-nav ul a:hover {
    color: #990200
}

.logo-login ul li.actived, .logo-login ul li:focus, .logo-login ul li:hover, .meun-nav ul li.actived, .meun-nav ul li:focus, .meun-nav ul li:hover {
    color: #990200
}

.logo-login ul li.actived a, .logo-login ul li:focus a, .logo-login ul li:hover a, .meun-nav ul li.actived a, .meun-nav ul li:focus a, .meun-nav ul li:hover a {
    color: #990200
}

.logo-login ul li.actived, .meun-nav ul li.actived {
    border-bottom: .05rem solid
}

.logo-login ul .layui-nav a, .meun-nav ul .layui-nav a {
    font-size: .18rem !important
}

.logo-login ul .layui-nav-item, .meun-nav ul .layui-nav-item {
    line-height: .6rem
}

.logo-login ul .layui-nav-item a, .meun-nav ul .layui-nav-item a {
    color: #333
}

.logo-login ul .layui-nav-item .layui-nav-child, .meun-nav ul .layui-nav-item .layui-nav-child {
    z-index: 99999
}

.logo-login ul .layui-nav-bar, .meun-nav ul .layui-nav-bar {
    height: 0;
    background-color: #990200
}

.logo-login .layui-nav .layui-nav-item a:hover, .logo-login .layui-nav .layui-this a, .meun-nav .layui-nav .layui-nav-item a:hover, .meun-nav .layui-nav .layui-this a {
    color: #990200
}

.logo-login .layui-nav .layui-nav-child a, .meun-nav .layui-nav .layui-nav-child a {
    color: #333
}

.logo-login .layui-nav .layui-nav-child a:hover, .meun-nav .layui-nav .layui-nav-child a:hover {
    background-color: #c1a991;
    color: #990200
}

.page-header .header-nav-index {
    height: .6rem;
    background-color: rgba(0, 0, 0, .2) !important;
    border-top: 1px solid #000;
    color: #fff
}

.page-header .header-nav-index .meun-nav ul {
    color: #fff
}

.page-header .header-nav-index .meun-nav ul a {
    color: #fff
}

.page-header .header-nav-index .meun-nav ul .layui-nav-child {
    background-color: rgba(0, 0, 0, .2)
}

.logo-login {
    height: .8rem;
    display: flex;
    justify-content: space-between
}

.hlj-pc-input {
    display: flex;
    position: relative;
    height: .36rem;
    margin-top: .2rem
}

.hlj-pc-input input {
    width: 3rem;
    height: .36rem;
    padding-left: .4rem;
    box-sizing: border-box;
    color: #333;
    font-size: .14rem;
    background-color: #f7f7f7;
    border: 0;
    border-radius: .03rem
}

.hlj-pc-input :-moz-placeholder, .hlj-pc-input :-ms-input-placeholder, .hlj-pc-input ::-webkit-input-placeholder {
    color: #ccc
}

.hlj-pc-input i.search {
    position: absolute;
    top: .08rem;
    left: .16rem;
    cursor: pointer;
    font-size: .14rem;
    border-radius: 50%
}

.hlj-pc-input .register-btns {
    width: 1.12rem;
    height: .36rem;
    background-color: #c13634;
    line-height: .36rem;
    color: #fff;
    font-size: .14rem;
    text-align: center;
    outline: 0;
    border: 0;
    margin-left: .2rem;
    cursor: pointer;
    border-radius: .03rem
}

.hlj-pc-input .userinfo {
    display: flex;
    color: #000
}

.hlj-pc-input .userinfo .userinfo-imgs {
    width: .36rem;
    height: .36rem;
    margin-left: .2rem
}

.hlj-pc-input .userinfo .userinfo-imgs img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.hlj-pc-input .userinfo a {
    color: #fff;
    line-height: .36rem;
    margin-left: .2rem;
    text-decoration: none;
    color: #000
}

.hlj-pc-logo {
    width: 5.55rem;
    height: .58rem;
    margin-top: .11rem;
    background-image: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/heilongjiang-h5/Logo-hander.png);
    background-repeat: no-repeat;
    background-size: 100%
}

.hlj-pc-logos {
    width: 5.55rem;
    height: .58rem;
    margin-top: .11rem;
    background-image: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/heilongjiang-h5/Logo.png);
    background-repeat: no-repeat;
    background-size: 100%
}

.userinfo-index a {
    color: #fff !important
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

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

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.breadcrumb-wrap {
    height: .54rem;
    line-height: .54rem;
    text-align: left;
    margin-bottom: .2rem;
    box-sizing: border-box
}

.breadcrumb-wrap .breadcrumb {
    width: 13.96rem;
    padding: 0 .4rem;
    margin: 0 auto;
    box-sizing: border-box
}

.breadcrumb-wrap .breadcrumb span {
    font-size: .14rem;
    line-height: .24rem;
    color: #666
}

.breadcrumb-wrap .breadcrumb .acitved {
    color: #990200
}

.breadcrumb-wrap.detail {
    border-bottom: 1px solid #e4e4e4
}

.text-right {
    text-align: right
}

.local-resources {
    width: 13.96rem;
    margin: 0 auto .5rem;
    text-align: left;
    font-family: Source Han Sans CN;
    box-sizing: border-box
}

.local-resources .layui-card {
    box-sizing: border-box
}

.local-resources .layui-card .layui-card-body, .local-resources .layui-card .layui-card-header {
    padding: .1rem .4rem
}

.local-resources .layui-card .layui-card-header {
    height: .68rem;
    box-sizing: border-box
}

.local-resources .layui-card .layui-card-header .hs-card-title {
    height: .24rem;
    font-size: .24rem;
    color: #990200
}

.local-resources .layui-card .layui-card-header .hs-card-title span {
    padding-left: .1rem
}

.local-resources .layui-card .layui-card-body {
    padding-bottom: .6rem
}

.local-resources .highly-recommended .flex-container, .local-resources .lr-article .flex-container, .local-resources .lr-playback .flex-container {
    display: flex
}

.local-resources .highly-recommended .flex-container .flex-item.img-box, .local-resources .lr-article .flex-container .flex-item.img-box, .local-resources .lr-playback .flex-container .flex-item.img-box {
    width: 2rem;
    height: 1.12rem
}

.local-resources .highly-recommended .flex-container .flex-item.img-box.avatar, .local-resources .lr-article .flex-container .flex-item.img-box.avatar, .local-resources .lr-playback .flex-container .flex-item.img-box.avatar {
    width: .36rem;
    height: .36rem;
    border-radius: 50%
}

.local-resources .highly-recommended .flex-container .flex-item.img-caption, .local-resources .lr-article .flex-container .flex-item.img-caption, .local-resources .lr-playback .flex-container .flex-item.img-caption {
    flex: auto;
    padding: 0 .2rem
}

.local-resources .highly-recommended .flex-container .flex-item.img-caption h3, .local-resources .lr-article .flex-container .flex-item.img-caption h3, .local-resources .lr-playback .flex-container .flex-item.img-caption h3 {
    padding-bottom: .12rem;
    font-size: .16rem;
    line-height: .24rem;
    color: #333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: .24rem
}

.local-resources .highly-recommended .flex-container .flex-item.img-caption p, .local-resources .lr-article .flex-container .flex-item.img-caption p, .local-resources .lr-playback .flex-container .flex-item.img-caption p {
    height: .12rem;
    font-size: .12rem;
    line-height: .12rem;
    color: #ccc
}

.local-resources .highly-recommended li, .local-resources .lr-playback li {
    margin-bottom: .18rem
}

.local-resources .highly-recommended li a, .local-resources .lr-playback li a {
    text-decoration: none
}

.local-resources .highly-recommended li:hover, .local-resources .lr-playback li:hover {
    border: 1px solid #990200
}

.local-resources .lr-playback .flex-container .flex-item.img-caption {
    width: 2.69rem;
    padding-right: 0
}

.local-resources .lr-playback .flex-container .flex-item.img-caption h3 {
    padding-top: .2rem;
    padding-bottom: .26rem
}

.local-resources .lr-article .lr-article-li {
    padding: .24rem 0;
    border-bottom: 1px solid #e4e4e4
}

.local-resources .lr-article .lr-article-li .flex-item.img-caption {
    padding: 0 .1rem
}

.local-resources .lr-article .lr-article-li .flex-item.img-caption h3 {
    height: .14rem;
    padding-bottom: .04rem;
    font-size: .14rem;
    line-height: .16rem;
    color: #999
}

.local-resources .lr-article .lr-article-li .flex-item.img-caption p {
    height: .1rem;
    font-size: .1rem;
    line-height: .16rem;
    color: #ccc
}

.local-resources .lr-article .lr-article-li .lr-article-title {
    height: .2rem;
    padding: .16rem 0;
    font-size: .2rem;
    font-weight: 500;
    line-height: .27rem;
    color: #333
}

.local-resources .lr-article .lr-article-li .lr-article-desc {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .16rem;
    line-height: .26rem;
    color: grey
}

.local-resources .lr-article .lr-article-li .img-list {
    display: inline-block;
    padding-top: .2rem
}

.local-resources .lr-article .lr-article-li .img-list .img-box {
    width: 2.9rem;
    height: 1.62rem;
    display: inline-block;
    padding-right: .24rem
}

.local-resources .lr-article .lr-article-li:hover {
    margin: 0 -.2rem;
    padding: .2rem;
    border: .01rem solid #990200
}

.local-resources .lr-book-wrap ul.lr-book {
    margin: 0 -.3rem;
    font-size: 0
}

.local-resources .lr-book-wrap ul.lr-book li {
    display: inline-block;
    padding: .4rem .3rem 0;
    font-size: .2rem
}

.local-resources .lr-book-wrap ul.lr-book li .img-box.book {
    width: 2.14rem;
    height: 2.85rem
}

.local-resources .lr-book-wrap ul.lr-book li .img-box.book img {
    width: 100%;
    height: 100%
}

.local-resources .lr-book-wrap ul.lr-book li p.book-name {
    padding-top: .2rem;
    font-size: .2rem;
    color: #666
}

.local-resources .lr-book-wrap ul.lr-book li:hover {
    border: .01rem solid #990200
}

.local-resources .video-resouces {
    border: .01rem solid transparent
}

.local-resources .video-resouces:hover {
    border: .01rem solid #990200
}

.local-resources .video-container {
    box-sizing: border-box
}

.local-resources .video-container .video-wrap {
    width: 3.12rem;
    height: 1.75rem
}

.local-resources .video-container .video-wrap .video-item {
    width: 100%;
    height: 100%;
    background-color: #000
}

.local-resources .video-info {
    width: 3.12rem;
    padding-top: .2rem;
    line-height: .16rem
}

.local-resources .video-info .video-title {
    font-size: .18rem;
    font-weight: 500;
    line-height: .3rem;
    color: #333
}

.local-resources .video-info .video-playtime, .local-resources .video-info i.iconfont {
    font-size: .14rem;
    line-height: .16rem;
    color: #999
}

.local-resources .hs-more .layui-btn.layui-btn-fluid {
    height: .8rem;
    background: #f0f2f5;
    border-radius: 0rem;
    color: #666;
    font-size: .24rem
}

.online-stage {
    width: 13.96rem;
    margin: 0 auto
}

.online-stage .layui-card .layui-card-body.hot {
    padding: .24rem .4rem .4rem
}

.online-stage .layui-card .layui-card-body.hot.gallery {
    padding-bottom: 0
}

.online-stage .layui-card.detail {
    background: initial
}

.online-stage .layui-card.detail .layui-card-header.detail {
    border: initial;
    padding-top: .3rem;
    padding-left: .4rem;
    font-weight: 700;
    letter-spacing: .03rem
}

.online-stage .layui-card i.iconfont {
    font-size: .16rem;
    color: #a5acb9
}

.online-stage .highly-recommended .flex-container .flex-item.img-caption {
    width: 2.69rem;
    padding-right: 0
}

.online-stage .highly-recommended .flex-container .flex-item.img-caption h3 {
    height: .38rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0;
    line-height: .2rem;
    font-size: .16rem
}

.online-stage .highly-recommended .flex-container .flex-item.img-caption p.desc-1 {
    font-size: .12rem;
    line-height: .16rem;
    color: #666;
    padding-top: .1rem;
    padding-bottom: .3rem
}

.online-stage .layui-card.hs-card {
    width: 3.3rem;
    padding: .2rem;
    padding-bottom: 0;
    box-sizing: border-box;
    border: .01rem solid transparent
}

.online-stage .layui-card.hs-card.live-broadcast {
    width: 4.12rem
}

.online-stage .layui-card.hs-card.hot {
    width: 3.2rem;
    padding: 0
}

.online-stage .layui-card.hs-card.hot .video-title {
    font-size: .2rem;
    font-weight: 500;
    line-height: .3rem;
    color: #333;
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.online-stage .layui-card.hs-card.hot.detail .video-container .video-wrap {
    height: 1.8rem !important
}

.online-stage .layui-card.hs-card.hot.detail .video-container .video-wrap .video-item {
    width: 100%;
    height: 100%
}

.online-stage .layui-card.hs-card.hot.detail .video-container .video-wrap .video-item img {
    width: 100%;
    height: 100%
}

.online-stage .layui-card.hs-card.hot.detail .dark-reverse .video-title {
    height: .54rem;
    font-size: .2rem;
    font-weight: 500;
    line-height: .3rem
}

.online-stage .layui-card.hs-card.hot.detail .dark-reverse.local {
    padding-bottom: .12rem
}

.online-stage .layui-card.hs-card .layui-card-body, .online-stage .layui-card.hs-card.detail .layui-card-body {
    border-bottom: 1px solid #f0f2f5
}

.online-stage .layui-card.hs-card .layui-card-body .video-container, .online-stage .layui-card.hs-card.detail .layui-card-body .video-container {
    width: 100%;
    height: 100%
}

.online-stage .layui-card.hs-card .layui-card-body .video-container .video-wrap, .online-stage .layui-card.hs-card.detail .layui-card-body .video-container .video-wrap {
    width: 100%;
    height: 100%
}

.online-stage .layui-card.hs-card .layui-card-body .video-container .video-wrap .video-item, .online-stage .layui-card.hs-card.detail .layui-card-body .video-container .video-wrap .video-item {
    width: 100%;
    height: 100%;
    background-color: #000
}

.online-stage .layui-card.hs-card .layui-card-body .video-container .video-wrap .video-status, .online-stage .layui-card.hs-card.detail .layui-card-body .video-container .video-wrap .video-status {
    position: absolute !important;
    top: 0
}

.online-stage .layui-card.hs-card .layui-card-body .video-title, .online-stage .layui-card.hs-card.detail .layui-card-body .video-title {
    width: 100%;
    display: -webkit-box;
    font-size: .2rem;
    font-weight: 500;
    line-height: .3rem;
    color: #333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.online-stage .layui-card.hs-card .layui-card-body .video-desc, .online-stage .layui-card.hs-card.detail .layui-card-body .video-desc {
    padding-top: .16rem;
    padding-bottom: .24rem;
    font-size: .12rem;
    line-height: .16rem;
    color: #666
}

.online-stage .layui-card.hs-card .layui-card-body .video-desc i.iconfont, .online-stage .layui-card.hs-card.detail .layui-card-body .video-desc i.iconfont {
    font-size: .12rem;
    padding-left: .02rem
}

.online-stage .layui-card.hs-card .layui-card-footer {
    height: .4rem;
    line-height: .4rem
}

.online-stage .layui-card.hs-card .layui-card-footer i, .online-stage .layui-card.hs-card .layui-card-footer span {
    font-size: .12rem;
    color: #ccc
}

.online-stage .layui-card.hs-card.detail .layui-card-body {
    border-bottom: initial
}

.online-stage .layui-card.hs-card.detail .dark-reverse {
    background-color: #fff;
    padding: .12rem .16rem 0 .16rem
}

.online-stage .hs-card.detail:hover, .online-stage .hs-card:hover {
    border: .01rem solid #990200
}

.online-stage .live-list .layui-card.hs-card .layui-card-body .video-container {
    height: 1.75rem
}

.online-stage .hs-btn.hs-btn-more {
    padding-top: .4rem;
    text-align: center
}

.online-stage .hs-btn.hs-btn-more .span-more {
    padding: 0 .1rem;
    font-size: .16rem;
    line-height: .2rem;
    color: #999
}

.online-stage .hs-flex-live {
    display: flex;
    height: 6.4rem;
    padding: .4rem .4rem .2rem;
    box-sizing: border-box
}

.online-stage .hs-flex-live .hs-flex-item.video-container {
    width: 8.8rem;
    height: 5.8rem
}

.online-stage .hs-flex-live .hs-flex-item.chat {
    flex: auto;
    height: 5.8rem;
    padding: 0;
    color: #fff;
    background: #333;
    box-sizing: border-box
}

.online-stage .hs-flex-live .hs-flex-item.chat .layui-card {
    height: 100%;
    color: #fff;
    background: #333
}

.online-stage .hs-flex-live .hs-flex-item.chat .layui-card .layui-card-header {
    line-height: 1.2;
    height: .24rem;
    padding: .2rem .15rem .15rem;
    border-bottom: 0
}

.online-stage .hs-flex-live .hs-flex-item.chat .layui-card .layui-card-header .hs-card-title {
    width: 3.96rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .12rem;
    color: #c1905e;
    font-size: .24rem;
    border-left: 2px solid
}

.online-stage .hs-flex-live .hs-flex-item.chat .layui-card .layui-card-body {
    height: calc(100% - .59rem);
    padding: 0
}

.online-stage .hs-flex-live .hs-flex-item.chat .layui-card .layui-card-body .outer-container {
    height: 100%;
    position: relative;
    overflow: hidden
}

.online-stage .hs-flex-live .hs-flex-item.chat .layui-card .layui-card-body .outer-container .inner-container {
    position: absolute;
    left: 0;
    top: 0;
    right: -.17rem;
    overflow-x: hidden;
    overflow-y: scroll
}

.online-stage .hs-flex-live .hs-flex-item.chat .layui-card .layui-card-body .hs-collect {
    padding-left: .15rem;
    color: #ccc
}

.online-stage .hs-flex-live .hs-flex-item.chat .layui-card .layui-card-body .video-desc {
    line-height: 1.5;
    width: 3.96rem;
    font-size: .16rem;
    margin-bottom: .2rem;
    padding-left: .15rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended {
    box-sizing: border-box;
    height: calc(100% - 1.5rem);
    overflow-x: hidden;
    overflow-y: scroll;
    color: #999;
    border-top: 1px solid #1a1a1a;
    background: #333
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended > li {
    padding: .24rem .15rem;
    border-bottom: 1px solid #1a1a1a
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended > li a {
    color: #999
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended li.actived, .online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended li:hover {
    background: #c1905e
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended li.actived a, .online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended li:hover a {
    color: #fff
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended li.actived p.desc-1, .online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended li:hover p.desc-1 {
    color: #fff !important
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended .flex-container {
    display: flex;
    box-sizing: border-box
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended .flex-container .flex-item {
    box-sizing: border-box
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended .flex-container .flex-item.img-box {
    width: 1.24rem;
    height: .7rem
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended .flex-container .flex-item.img-caption {
    flex: auto;
    padding: 0 .2rem;
    box-sizing: border-box;
    opacity: .95
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended .flex-container .flex-item.img-caption h3 {
    height: .38rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0;
    line-height: .2rem;
    font-size: .16rem
}

.online-stage .hs-flex-live .hs-flex-item.chat .highly-recommended .flex-container .flex-item.img-caption p.desc-1 {
    font-size: .12rem;
    line-height: .16rem;
    color: #8a8a8a;
    padding-top: .1rem;
    padding-bottom: .1rem
}

.online-stage .hs-flex-live .hs-flex-item.chat {
    flex: auto;
    height: 5.8rem;
    padding: .2rem .12rem;
    color: #fff;
    background: #333;
    box-sizing: border-box
}

.online-stage .hs-flex-live .hs-flex-item.chat .chat-wrap {
    height: 4.6rem;
    border-bottom: 1px solid #1a1a1a;
    box-sizing: border-box;
    font-size: .15rem;
    line-height: .15rem
}

.online-stage .hs-flex-live .hs-flex-item.chat .chat-wrap .chat-record .chat-li {
    padding-bottom: .2rem
}

.online-stage .hs-flex-live .hs-flex-item.chat .chat-wrap .chat-record .chat-record-speaker {
    color: #e5a769;
    padding-bottom: .08rem
}

.online-stage .hs-flex-live .hs-flex-item.chat .chat-input-wrap {
    position: relative;
    max-height: 1rem;
    box-sizing: border-box;
    padding-top: .05rem
}

.online-stage .hs-flex-live .hs-flex-item.chat .chat-input-wrap .chat-input {
    width: 80%
}

.online-stage .hs-flex-live .hs-flex-item.chat .chat-input-wrap .chat-input .layui-textarea {
    resize: none;
    min-height: auto;
    background: #fff;
    border-width: 0;
    color: #333
}

.online-stage .hs-flex-live .hs-flex-item.chat .chat-input-wrap .chat-btn {
    position: absolute;
    bottom: 0;
    right: 0
}

.online-stage .hs-flex-live .hs-flex-item.chat .chat-input-wrap .chat-btn .chat-btn-send {
    height: .36rem;
    line-height: .36rem;
    background: #e5a769
}

.online-stage .hs-flex-live .hs-flex-item.chat .chat-input-wrap .chat-btn .chat-btn-send span {
    height: .15rem;
    font-size: .15rem;
    line-height: .24rem;
    color: #fff
}

.online-stage .layui-input.datepick {
    width: 3.6rem;
    display: inline-block;
    text-align: right;
    border: initial
}

.online-stage .online-live .dark-reverse {
    color: #fff;
    padding: 0 .4rem
}

.online-stage .online-live .dark-reverse .video-title {
    font-size: .2rem;
    font-weight: 500;
    line-height: .3rem;
    color: #fff;
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.online-stage .online-live .dark-reverse .video-desc {
    padding-top: .1rem;
    font-size: .15rem;
    line-height: .24rem;
    color: #fff;
    opacity: .61
}

.online-stage .online-live .dark-reverse .layui-row.collected {
    width: 40%;
    opacity: .5
}

.online-stage .viewer-container .viewer-footer .viewer-title {
    font-size: 18px;
    margin-top: 5px
}

.online-stage2 [class*=pure-u-] {
    padding: 0
}

.online-stage2 .highly-recommended .live-video {
    padding-top: .1rem
}

.online-stage2 .highly-recommended .video-wrap {
    width: 7.68rem;
    height: 4.32rem;
    position: relative
}

.online-stage2 .highly-recommended .video-wrap .video-item {
    width: 100%;
    height: 100%
}

.online-stage2 .highly-recommended .video-wrap .video-status {
    position: absolute !important;
    top: .1rem
}

.online-stage2 .highly-recommended .hs-row {
    width: 100%;
    position: relative;
    clear: both;
    padding: .1rem;
    box-sizing: border-box
}

.online-stage2 .highly-recommended .hs-row .hs-col {
    position: relative
}

.online-stage2 .highly-recommended .pull-left {
    float: left
}

.online-stage2 .highly-recommended .pull-right {
    float: right
}

.online-stage2 .highly-recommended .hs-media.actived, .online-stage2 .highly-recommended .hs-media:hover {
    background: #c1a991;
    color: #fff !important
}

.online-stage2 .highly-recommended .hs-media.actived .desc-1, .online-stage2 .highly-recommended .hs-media:hover .desc-1 {
    color: #fff
}

.online-stage2 .highly-recommended .hs-media .media-img {
    width: 2.68rem;
    height: 1.3rem;
    padding-right: .2rem;
    box-sizing: border-box
}

.online-stage2 .highly-recommended .hs-media .media-img img {
    width: 100%;
    height: 100%
}

.online-stage2 .highly-recommended .hs-media .media-text {
    width: calc(100% - 2.68rem);
    box-sizing: border-box
}

.online-stage2 .highly-recommended .hs-media h3 {
    height: .38rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0;
    line-height: .2rem;
    font-size: .16rem
}

.online-stage2 .highly-recommended .hs-media p {
    font-size: .14rem
}

.online-stage2 .highly-recommended .hs-media .desc-1 {
    line-height: .16rem;
    color: #8a8a8a;
    padding-top: .2rem;
    padding-bottom: .24rem
}

.online-stage2 .highly-recommended .hs-media .desc-2 {
    line-height: 1;
    color: #ccc
}

.activity-breadcrumb-wrap {
    height: .54rem;
    line-height: .54rem;
    text-align: left;
    box-sizing: border-box
}

.activity-breadcrumb-wrap .activity-breadcrumb {
    width: 13.96rem;
    padding: 0 .4rem;
    margin: 0 auto;
    box-sizing: border-box
}

.activity-breadcrumb-wrap .activity-breadcrumb span {
    font-size: .14rem;
    line-height: .24rem;
    color: #666
}

.activity-breadcrumb-wrap .activity-breadcrumb .acitved {
    color: #990200
}

.activity-breadcrumb-wrap.detail {
    border-bottom: 1px solid #e4e4e4
}

.hs-container.theme-activity {
    width: 100%;
    height: 4rem
}

.thematic-swiper .swiper-slide-imgs {
    width: 100%;
    height: 100%
}

.thematic-swiper .swiper-slide-imgs img {
    width: 100%;
    height: 4rem
}

.theme-activity {
    width: 13.96rem;
    margin: 0 auto;
    text-align: left;
    box-sizing: border-box
}

.theme-activity .hs-panel {
    width: 100%;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    padding: .6rem .4rem
}

.theme-activity .hs-panel .hs-panel-header {
    height: .68rem;
    border-bottom: 1px solid #e4e4e4
}

.theme-activity .hs-panel .hs-panel-header a.more {
    font-size: .16rem;
    line-height: .27rem;
    color: #999
}

.theme-activity .hs-panel.home {
    height: 4.65rem;
    margin: .4rem auto
}

.theme-activity .hs-panel.home:nth-child(1) {
    margin-top: .4rem
}

.theme-activity .hs-panel.home .layui-row .layui-col-md6:nth-child(2) {
    padding-left: .2rem
}

.theme-activity .hs-panel .activity-title {
    width: 6.4rem;
    height: .36rem;
    font-size: .24rem;
    font-weight: 700;
    line-height: 32px;
    color: #333
}

.theme-activity .hs-panel .activity-description {
    height: .74rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    padding-top: .1rem;
    padding-right: .2rem;
    font-size: .14rem;
    line-height: .24rem;
    color: #999
}

.theme-activity .activity-description {
    height: .74rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: .1rem;
    font-size: .14rem;
    line-height: .24rem;
    color: #999
}

.theme-activity .activity-info {
    font-size: .16rem;
    line-height: .27rem;
    color: #333;
    padding-top: .6rem;
    padding-bottom: .4rem
}

.theme-activity .activity-btn-a a, .theme-activity .activity-btn-a i {
    font-size: .1rem;
    line-height: .17rem;
    color: #990200
}

.theme-activity .activity-img {
    width: 6.38rem;
    height: 3.58rem
}

.theme-activity .activity-img img {
    width: 100%;
    height: 100%
}

.theme-activity .text-left {
    text-align: left
}

.theme-activity .text-right {
    text-align: right
}

.theme-activity .hs-group {
    padding: .6rem 0 .3rem
}

.theme-activity .hs-group a.more {
    font-size: .16rem;
    line-height: .27rem;
    color: #999
}

.theme-activity .item-p-title {
    padding-top: .2rem;
    font-size: .2rem;
    font-weight: 500;
    color: #333
}

.hs-more {
    padding-bottom: .4rem
}

.hs-more .layui-btn.layui-btn-fluid {
    height: .8rem;
    background: #fff;
    border-radius: .08rem;
    color: #666;
    font-size: .24rem
}

.video-container {
    width: 4.12rem
}

.video-container .video-wrap {
    width: 100%;
    height: 100%
}

.video-container .video-wrap .video-item {
    width: 100%;
    height: 100%;
    background-color: #000
}

.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

.county-view .media-list {
    margin-top: 100px;
    padding: 20px 0
}

.county-view .media {
    margin-bottom: 20px
}

.county-view .media-card {
    width: 24%;
    height: 236px;
    position: relative;
    float: left;
    margin: 6px
}

.county-view .media-card .back, .county-view .media-card .font {
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.county-view .media-card .back img, .county-view .media-card .font img {
    height: 236px
}

.county-view .media-card .back h2, .county-view .media-card .back i, .county-view .media-card .font h2, .county-view .media-card .font i {
    display: block;
    color: #fff;
    font-weight: bolder;
    font-size: xx-large;
    text-align: center
}

.county-view .media-card .back i, .county-view .media-card .font i {
    padding-bottom: 100px
}

.county-view .media-card .back .cover-text, .county-view .media-card .font .cover-text {
    z-index: 99;
    position: relative;
    top: -100px
}

.county-view .media-card .font {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.county-view .media-card .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.county-view .media-card:hover .font {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.county-view .media-card:hover .back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

.hs-home {
    width: 100%;
    height: 100%
}

.hs-home .page-index {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden
}

.hs-home .page-index .special-effects {
    transition: all 2s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.hs-home .page-index .page-header-box .page-header .header-index-top .hlj-pc-input {
    position: relative
}

.hs-home .page-index .page-header-box .page-header .header-index-top .hlj-pc-input .search-input-wrapper {
    position: relative
}

.hs-home .page-index .page-header-box .page-header .header-index-top .hlj-pc-input .hlj-link {
    margin-right: 30px;
    padding: 8px 12px;
    border: 1px solid #cb9a6d;
    font-size: 14px;
    box-sizing: border-box
}

.hs-home .page-index .page-header-box .page-header .header-index-top .hlj-pc-input .hlj-link a {
    color: #cb9a6d
}

.hs-home .banner_index {
    position: relative
}

.hs-home .banner_index .header__wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 65px;
    font-size: 24px;
    color: #fff
}

.hs-home .banner_index .header__wrapper .iconfont {
    font-size: 24px;
    margin-right: 30px
}

.hs-home .banner_index .header__wrapper .header__name {
    margin-top: 40px
}

.hs-home .banner_index .header__wrapper .header__button {
    background: #f8732e;
    width: 120px;
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 5px;
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 6px;
    box-shadow: 0 3px 3px #646464
}

.hs-home .banner_index .header__wrapper img {
    width: 145px;
    height: 145px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #fff
}

.hs-home .section__nav {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    height: 34px
}

.hs-home .section__nav .module {
    margin-bottom: 0
}

.hs-home .section__nav .active {
    background-image: linear-gradient(to bottom, #f07e36, #f04136);
    color: #fff;
    border-radius: 0 20px 20px 20px
}

.hs-home .section__nav .arrow {
    position: absolute;
    top: 7px;
    background: #f04136;
    color: #fff;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    border-radius: 50%;
    cursor: pointer
}

.hs-home .section__nav .arrow .iconfont {
    display: block;
    height: 19px;
    width: 19px;
    font-size: 13px;
    font-family: \5b8b\4f53, Simsun, sans-serif !important
}

.hs-home .section__nav .arrow.arrow-left {
    left: -30px
}

.hs-home .section__nav .arrow.arrow-right {
    right: -30px
}

.hs-home .section__nav .module__container {
    position: relative
}

.hs-home .section__content {
    margin-top: 60px
}

.hs-home .home__aside .info {
    font-size: 12px
}

.hs-home .home__aside .info .top .item {
    width: 50%;
    font-size: 14px;
    box-sizing: border-box;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.hs-home .home__aside .info .top .item .img_icon {
    margin-right: 10px
}

.hs-home .home__aside .info .top .item .title {
    color: #999;
    text-align: center
}

.hs-home .home__aside .info .top .item .num {
    text-align: center;
    font-weight: 700
}

.hs-home .home__aside .info .top {
    border-left: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    margin-bottom: 20px
}

.hs-home .home__aside .info .top:after, .hs-home .home__aside .info .top:before {
    content: " ";
    display: table
}

.hs-home .home__aside .info .top:after {
    clear: both
}

.hs-home .home__aside .info p {
    display: block;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    color: #999
}

.hs-home .home__aside .info .iconfont {
    display: inline-block;
    width: 25px;
    text-align: center;
    margin-right: 5px
}

.hs-home .home__aside .info .code {
    margin-top: 10px;
    color: #999
}

.hs-home .home__aside .info .code img {
    margin-left: 10px;
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #e9e9e9
}

.hs-home .home__aside .recommend {
    margin-top: 20px;
    border: 1px solid #e9e9e9;
    border-bottom: 0 solid #000;
    font-size: 12px
}

.hs-home .home__aside .recommend .module__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #e9e9e9
}

.hs-home .home__aside .recommend .module__header::after, .hs-home .home__aside .recommend .module__header::before {
    display: none
}

.hs-home .home__aside .recommend .madie {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9
}

.hs-home .home__aside .recommend .madie:last-child {
    margin-bottom: 0
}

.hs-home .home__aside .recommend .madie .head_img {
    display: flex;
    align-items: center
}

.hs-home .home__aside .recommend .madie .head_img img {
    border-radius: 50%;
    margin-right: 10px
}

.hs-home .home__aside .recommend .madie .head_img .item {
    color: #999
}

.hs-home .home__aside .recommend .madie .madie__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.hs-home .home__aside .recommend .madie .button {
    background: #f04136;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    cursor: pointer
}

.hs-home .home__aside .recommend .madie .madie__container .title {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.hs-home .home__aside .recommend .madie .madie__container .text {
    margin-bottom: 10px
}

.hs-home .home__aside .recommend .madie .madie__container .text a {
    color: #999
}

.hs-home .home__aside .recommend .madie .madie__container .text.multiline {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

.hs-home .home__aside .recommend .madie .madie__container .button_all {
    margin-bottom: 10px;
    color: #fa8950;
    cursor: pointer
}

.hs-home .home__aside .recommend .madie .madie__info {
    display: flex;
    margin-top: 20px;
    padding-bottom: 20px;
    justify-content: flex-end;
    color: #999
}

.hs-home .home__aside .recommend .madie .madie__info .attach-item {
    margin-left: 20px
}

.hs-home .home__aside .recommend .madie .madie__info .iconfont {
    margin-right: 10px;
    font-size: 12px
}

.hs-home .home__container {
    width: 100%;
    overflow: hidden;
    overflow-y: hidden
}

.hs-home .page-row {
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    *zoom: 1
}

.hs-home .page-row .section-head {
    margin-top: 10%
}

.hs-home .page-row .section-head .subtitle, .hs-home .page-row .section-head .title {
    color: #333
}

.hs-home .page-row .section-head .title {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.hs-home .page-row .section-head .subtitle {
    width: calc(65% - 60px);
    height: 78px
}

.hs-home .page-row .section-head a {
    border-color: #f04136 !important;
    margin-top: 24px !important
}

.hs-home .page-row .section-head a i {
    border-color: #f04136
}

.hs-home .page-row .section-head a i::after, .hs-home .page-row .section-head a i::before {
    background-color: #f04136
}

.hs-home .visual-sense {
    width: 100%;
    height: 100%;
    position: relative
}

.hs-home .visual-sense .admire-envy {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    padding: 30px 0;
    box-sizing: border-box
}

.hs-home .visual-sense .admire-envy .originate {
    position: absolute;
    top: 10%;
    left: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 80px;
    color: #fff;
    font-size: 90px;
    margin: 20px 0;
    font-weight: 100
}

.hs-home .visual-sense .admire-envy .longhair {
    position: absolute;
    bottom: 15%;
    right: 28%;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px
}

.hs-home .visual-sense .admire-envy .longhair i {
    float: right;
    display: block;
    font-size: 20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: .5;
    margin-left: 5px;
    margin-top: 2px
}

.hs-home .visual-sense .admire-envy .originate-lr {
    position: absolute;
    top: 40%;
    right: 10%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 80px;
    color: #fff;
    font-size: 90px;
    margin: 20px 0;
    font-weight: 100
}

.hs-home .visual-sense .admire-envy span {
    position: relative;
    -webkit-animation: letter 1s cubic-bezier(.1, .5, .2, 1) infinite alternate;
    animation: letter 1s cubic-bezier(.1, .5, .2, 1) infinite alternate;
    top: 0
}

.hs-home .visual-sense .admire-envy span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.hs-home .visual-sense .admire-envy span:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.hs-home .visual-sense .admire-envy span:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.hs-home .visual-sense .admire-envy span:nth-child(4) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.hs-home .visual-sense .admire-envy span:nth-child(5) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.hs-home .visual-sense .admire-envy span:nth-child(6) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.hs-home .visual-sense .admire-envy span:nth-child(7) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.hs-home .visual-sense .admire-envy span:nth-child(8) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.hs-home .visual-sense .admire-envy span:nth-child(9) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.hs-home .visual-sense .admire-envy span:nth-child(10) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.hs-home .visual-sense .admire-envy span:nth-child(11) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes letter {
    from {
        top: 0
    }
    to {
        top: 50px
    }
}

@keyframes letter {
    from {
        top: 0
    }
    to {
        top: 50px
    }
}

.hs-home .home-mlist {
    display: block;
    margin: 0 auto .4rem
}

.hs-home .page-pendantdel {
    height: 100%;
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/线上舞台.png) no-repeat;
    background-size: 100% 100%;
    padding: 80px 0 20px
}

.hs-home .page-pendant {
    width: 16.8rem;
    height: 100%;
    margin: 0 auto
}

.hs-home .page-pendant .oneself-alone {
    margin: 30px 0;
    box-sizing: border-box;
    margin: 50px 0
}

.hs-home .page-pendant .oneself-alone ul {
    width: 100%;
    height: 645px
}

.hs-home .page-pendant .oneself-alone ul li {
    width: 32%;
    float: left;
    height: 645px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff
}

.hs-home .page-pendant .oneself-alone ul li .imgs {
    width: 99%;
    margin: 0 auto;
    overflow: hidden
}

.hs-home .page-pendant .oneself-alone ul li h2 {
    margin: 30px 0;
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 32px;
    color: #333;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hs-home .page-pendant .oneself-alone ul li p {
    height: 72px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 24px;
    color: grey;
    opacity: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.hs-home .page-pendant .oneself-alone ul li .view-details {
    width: 88px;
    height: 26px;
    border: 1px solid #c1a991;
    font-size: 12px;
    color: #e9e1d8;
    text-align: center;
    line-height: 25px;
    margin: 30px auto;
    display: block;
    text-decoration: none;
    color: #c1a991
}

.hs-home .page-pendant .oneself-alone ul li:nth-child(2) {
    margin: 0 2%
}

.hs-home .page-pendant .oneself-alone ul li:hover {
    border: 1px solid #cab193
}

.hs-home .page-pendant .oneself-alone ul li:hover a {
    transition: all 1s;
    background: #cab193;
    color: #fff
}

.hs-home .page-pendant .oneself-alone ul li:hover img {
    transition: all 1s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.hs-home .page-pendant .chakan {
    display: block;
    margin: 50px auto
}

.hs-home .technology {
    width: 100%;
    height: 100%
}

.hs-home .technology img {
    display: block
}

.hs-home .technology ul {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto 0
}

.hs-home .technology ul li {
    float: left;
    width: 16.6%;
    overflow: hidden;
    height: 100%;
    position: relative;
    cursor: pointer
}

.hs-home .technology ul li .techonlagy-bottom {
    position: absolute;
    bottom: 30px;
    left: 30px
}

.hs-home .technology ul li .techonlagy-top {
    position: absolute;
    top: 30px;
    left: 30px
}

.hs-home .technology ul li a {
    display: block;
    width: 100%;
    height: 100%
}

.hs-home .technology ul li .layer .p1 {
    position: absolute;
    bottom: 5px;
    left: 10px
}

.hs-home .technology ul li .layer .p2 {
    position: absolute;
    bottom: 5px;
    right: -200%
}

.hs-home .technology .dh ul li .layer .p2 span, .hs-home .technology ul li .layer .p2 b {
    display: block;
    font-weight: 700;
    font-size: 20px
}

.hs-home .technology .dh ul li .layer .p1 span, .hs-home .technology ul li .layer .p1 b {
    display: block;
    font-weight: 700;
    font-size: 14px
}

.hs-home .technology .col1 {
    color: #00a39a
}

.hs-home .technology .col2 {
    color: #fff
}

.hs-home .reservation-book {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 1080px;
    background: url("https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/01-7 预约.png") no-repeat;
    padding: 0 15%;
    box-sizing: border-box;
    background-size: 100% 100%
}

.hs-home .reservation-book .venue-booking {
    width: 580px;
    float: left;
    height: 580px;
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/49.png) no-repeat center center;
    background-size: 100% 100%
}

.hs-home .reservation-book .venue-booking:hover {
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/heilongjiang-h5/49.png) no-repeat center center;
    transition: all .5s;
    -webkit-animation: rotate 6s linear infinite;
    animation: rotate 6s linear infinite;
    background-size: 100% 100%
}

.hs-home .reservation-book .venue-booking:hover .orientation-left {
    color: red
}

.hs-home .reservation-book .orientation-left:hover {
    opacity: 1
}

.hs-home .reservation-book .orientation-left {
    position: absolute;
    top: 50%;
    left: 33%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    opacity: .5
}

.hs-home .reservation-book .orientation-left img {
    display: block;
    margin: 0 auto
}

.hs-home .reservation-book .orientation-right {
    position: absolute;
    top: 50%;
    right: 26%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    opacity: .5
}

.hs-home .reservation-book .orientation-right img {
    display: block;
    margin: 0 auto
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.hs-home .traditional-culture {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hs-home .statistical-data {
    width: 100%;
    height: 100%;
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/背景.png) no-repeat;
    padding: 40px 0;
    background-size: 100% 100%;
    position: relative;
    box-sizing: border-box
}

.hs-home .statistical-data .booking {
    text-align: center
}

.hs-home .statistical-data .booking .venue-booking {
    display: inline-block;
    height: 280px;
    width: 6.8rem;
    cursor: pointer;
    line-height: 280px;
    text-align: center;
    font-size: 48px;
    margin-right: 10px;
    background: url(../img/back-l.png) no-repeat 100% 100%
}

.hs-home .statistical-data .booking .venue-booking:hover {
    border: 2px solid #bea376;
    border-radius: 20px
}

.hs-home .statistical-data .booking .activity-booking {
    display: inline-block;
    height: 280px;
    width: 6.8rem;
    cursor: pointer;
    line-height: 280px;
    text-align: center;
    font-size: 48px;
    margin-left: 10px;
    background: url(../img/back-r.png) no-repeat 100% 100%
}

.hs-home .statistical-data .booking .activity-booking:hover {
    border: 2px solid #bea376;
    border-radius: 20px
}

.hs-home .statistical-data .photograph {
    display: block;
    margin: 30px auto
}

.hs-home .statistical-data .home-wrapper-custom .module.bgShow.bgParallax {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.hs-home .statistical-data .home-wrapper-custom .module.bgShow.bgParallax {
    background-position: initial;
    background-size: cover;
    background-repeat: no-repeat
}

.hs-home .statistical-data .module.bgShow.bgParallax {
    background-position: initial;
    background-size: cover;
    background-repeat: no-repeat;
    color: #000
}

.hs-home .statistical-data .module .bgmask {
    display: none
}

.hs-home .statistical-data .module.bgShow.bgmask {
    display: block
}

.hs-home .statistical-data .module.bgShow.bgParallax {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.hs-home .statistical-data .module .module_container {
    max-width: 1400px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 80px;
    margin: 0 auto
}

.hs-home .statistical-data .module .module_container.wide {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.hs-home .statistical-data .singlescreen > .module > .module_container {
    max-height: 100%;
    width: 100%
}

.hs-home .statistical-data .singlescreen .module .container_header {
    padding-top: 0;
    padding-bottom: 0
}

.hs-home .statistical-data .module.mcounter .module_container {
    padding: 40px 0;
    position: relative;
    z-index: 1
}

.hs-home .statistical-data .module.mcounter .particles-js-canvas-el {
    opacity: .5
}

.hs-home .statistical-data .module.mcounter ul.content_list {
    width: 100%;
    height: auto
}

.hs-home .statistical-data .module.mcounter ul.content_list li {
    width: 20%;
    height: 48px;
    float: left;
    text-align: center;
    color: #000
}

.hs-home .statistical-data .image-text {
    margin: 10px 0
}

.hs-home .statistical-data .module.mcounter ul.content_list li div {
    color: #000
}

.hs-home .statistical-data .module.mcounter ul.content_list li:last-child div {
    border-right: none
}

.hs-home .statistical-data .module.mcounter ul.content_list li p {
    text-align: left;
    font-size: 14px;
    color: #000
}

.hs-home .statistical-data .module.mcounter ul.content_list li p.number {
    text-align: center
}

.hs-home .statistical-data .module.mcounter ul.content_list li p.number .counterDX {
    font-size: 32px;
    color: #333;
    font-family: HELVETICANEUELTPRO-THEX, Arial;
    text-align: center;
    margin-top: 15px
}

.hs-home .statistical-data .module.mcounter ul.content_list li p.number .unit {
    vertical-align: top;
    font-size: 14px;
    text-align: center
}

.hs-home .statistical-data .module.mcounter ul.content_list li p.title {
    margin-bottom: 10px;
    position: static !important;
    text-align: center
}

.hs-home .statistical-data .statistical_module_container {
    width: 1400px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 480px;
    padding-top: 10px;
    box-sizing: border-box
}

.hs-home .statistical-data .statistical_module_container .image-text {
    margin: 0
}

.hs-home .statistical-data .statistical_module_container .information {
    height: 220px
}

.hs-home .statistical-data .statistical_module_container .information .connection-cont {
    float: left;
    margin-right: 120px
}

.hs-home .statistical-data .statistical_module_container .information .connection-cont h2 {
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 60px;
    color: #3c3c3c;
    opacity: 1
}

.hs-home .statistical-data .statistical_module_container .information .connection-cont p {
    height: 30px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    opacity: .5
}

.hs-home .statistical-data .statistical_module_container .information .connection-cont h5 {
    text-align: center;
    opacity: .5;
    line-height: 25px;
    font-size: 14px
}

.hs-home .statistical-data .statistical_module_container .information .officialwx {
    margin-right: 0 !important;
    margin-left: 140px;
    padding-top: 20px;
    text-align: center
}

.hs-home .statistical-data .statistical_module_container .information .officialwx h2 {
    display: none
}

.hs-home .banquan {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 20px;
    color: #666;
    margin-top: 30px;
    text-align: center
}

.hs-home .banquan p {
    color: #666 !important
}

.hs-home .banquan p a {
    color: #666 !important
}

.hs-home .home-mlist-chak {
    display: block;
    margin: 0 auto
}

.hs-home .magnification:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 5s
}

.hs-home .swiper-container-del {
    width: 100%;
    height: 100%
}

.hs-home .swiper-container-del .swiper-slide {
    width: 100%;
    height: 100%
}

.hs-home .swiper-container-del .swiper-slide .background-color {
    width: 100%;
    height: 100%;
    background-color: pink
}

@media screen and (max-width: 1750px) {
    .hs-home .home-wrapper-custom .video-text {
        height: 190px
    }

    .hs-home .reservation-book .venue-booking {
        width: 520px;
        height: 520px
    }

    .hs-home .home-wrapper-custom {
        padding-top: 50px
    }

    .hs-home .reservation-book .orientation-right {
        right: 25%
    }
}

@media screen and (max-width: 1600px) {
    .hs-home .home-wrapper-custom .video-text {
        height: 170px
    }

    .hs-home .reservation-book .venue-booking {
        width: 480px;
        height: 480px
    }

    .hs-home .visual-sense .admire-envy .originate-lr {
        right: -5%
    }

    .hs-home .visual-sense .admire-envy .longhair {
        right: 18%
    }

    .hs-home .page-dynamicI-nformation .icons-list {
        margin: .5rem auto
    }

    .hs-home .reservation-book .orientation-right {
        right: 24%
    }
}

@media screen and (max-width: 1450px) {
    .hs-home .home-wrapper-custom .video-text {
        height: 150px
    }

    .hs-home .reservation-book .venue-booking {
        width: 420px;
        height: 420px
    }

    .hs-home .visual-sense .admire-envy .originate-lr {
        right: -10%
    }

    .hs-home .page-dynamicI-nformation .icons-list {
        margin: 1.2rem auto
    }
}

.hs-home .section-wrap {
    width: 100%;
    height: 100%;
    overflow: visible;
    transition: -webkit-transform .3s cubic-bezier(.86, 0, .03, 1);
    transition: transform .3s cubic-bezier(.86, 0, .03, 1);
    transition: transform .3s cubic-bezier(.86, 0, .03, 1), -webkit-transform .3s cubic-bezier(.86, 0, .03, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.86, 0, .03, 1)
}

.hs-home .section-wrap .section {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat
}

.hs-home .section-wrap .section .title {
    width: 100%;
    position: absolute;
    top: 10%;
    color: #fff;
    font-size: 2.4em;
    text-align: center
}

.hs-home .section-wrap .section .title p {
    padding: 0 4%;
    opacity: 0
}

.hs-home .section-wrap .section .title.active .tit {
    opacity: 1;
    transition: all 2s cubic-bezier(.86, 0, .8, 1);
    -webkit-transition: all 2s cubic-bezier(.86, 0, .8, 1)
}

.hs-home .put-section-0 {
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.hs-home .put-section-1 {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%)
}

.hs-home .put-section-2 {
    transform: translateY(-200%);
    -webkit-transform: translateY(-200%)
}

.hs-home .put-section-3 {
    transform: translateY(-300%);
    -webkit-transform: translateY(-300%)
}

.hs-home .put-section-4 {
    transform: translateY(-400%);
    -webkit-transform: translateY(-400%)
}

.hs-home .put-section-5 {
    transform: translateY(-500%);
    -webkit-transform: translateY(-500%)
}

.hs-home .put-section-6 {
    transform: translateY(-600%);
    -webkit-transform: translateY(-600%)
}

.hs-home .put-section-7 {
    transform: translateY(-700%);
    -webkit-transform: translateY(-700%)
}

.hs-home .section-btn {
    width: 14px;
    position: fixed;
    right: 4%;
    top: 50%;
    z-index: 999
}

.hs-home .section-btn li {
    width: 14px;
    height: 14px;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 12px;
    background: #fff;
    text-align: center;
    color: #bd362f;
    onsor: pointer;
    box-shadow: #999
}

.hs-home .section-btn li.actived {
    background: #bd362f
}

.hs-home .arrow {
    opacity: 1;
    animation: arrow 3s cubic-bezier(.5, 0, .1, 1) infinite;
    -webkit-animation: arrow 3s cubic-bezier(.5, 0, .1, 1) infinite;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    overflow: hidden
}

.hs-home .arrow:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

.hs-home .platform-stats {
    display: block;
    margin: 0 auto
}

.hs-home .home-video-wrapper {
    width: 16.8rem;
    margin: 0 auto
}

.hs-home .home-video-wrapper .content_list {
    max-width: 1800px;
    margin: 0 auto
}

.hs-home .home-video-wrapper .mlist {
    position: relative;
    z-index: 2;
    margin-bottom: 30px
}

.hs-home .home-video-wrapper .mlist .swiper__submiss_conatainer {
    height: 390px
}

.hs-home .home-video-wrapper .mlist .swiper__submiss_conatainer img {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.hs-home .home-video-wrapper .mlist .section-head {
    height: 100%;
    position: relative
}

.hs-home .home-video-wrapper .mlist .section-head .title {
    padding: 0 0 0 60px;
    width: calc(60% - 10px)
}

.hs-home .home-video-wrapper .mlist .section-head .subtitle {
    padding: 30px 0 0 60px;
    width: calc(75% - 60px)
}

.hs-home .home-video-wrapper .mlist .section-head a {
    color: transparent;
    position: relative;
    width: 158px;
    height: 40px;
    display: block;
    margin: 60px auto 0;
    opacity: 1;
    filter: alpha(opacity=0);
    transition: all .3s ease-out 0s;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    top: 100%;
    position: absolute;
    margin-top: 44px;
    left: 42px
}

.hs-home .home-video-wrapper .mlist .section-head a i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1
}

.hs-home .home-video-wrapper .mlist .section-head a i::before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -1px;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    margin-left: -7px;
    width: 15px;
    background-color: #fff
}

.hs-home .home-video-wrapper .mlist .section-head a i::after {
    content: "";
    width: 1px;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -58px;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    margin-top: -8px;
    height: 15px;
    background-color: #fff
}

.hs-home .home-video-wrapper .mlist .section-head a i:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.hs-home .home-video-wrapper .mlist .section-head a::after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    z-index: 0;
    transition: all .3s ease 0s
}

.hs-home .home-video-wrapper .mlist .section-head a:hover {
    height: 38px
}

.hs-home .home-video-wrapper .mlist .section-head a:hover::after {
    width: 100%
}

.hs-home .home-video-wrapper .mlist .section-head a:hover i::before {
    background-color: #f04136
}

.hs-home .home-video-wrapper .mlist .section-head a:hover i::after {
    background-color: #f04136
}

.hs-home .home-video-wrapper .mlist-item {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: block;
    margin-right: 15px;
    margin-bottom: 15px
}

.hs-home .home-video-wrapper .mlist-item .match-pictures {
    -webkit-transform: scale(1, 1) !important;
    transform: scale(1, 1) !important;
    margin-left: 80px;
    margin-top: 35px
}

.hs-home .home-video-wrapper .item_info .nums {
    position: absolute;
    top: 58px;
    width: 60px;
    left: 50%;
    margin-left: -30px;
    font-size: 24px;
    color: #000;
    opacity: 1;
    transition: all cubic-bezier(.02, .45, .26, 1.01) .3s
}

.hs-home .home-video-wrapper .item_info .title {
    font-size: 16px;
    color: #262626;
    padding: 94px 40px 0;
    position: relative;
    transition: all .3s ease-out 0s
}

.hs-home .home-video-wrapper .item_info .date_wrap {
    color: transparent;
    font-size: 12px;
    padding: 0 40px;
    height: 20px;
    line-height: 20px;
    transition: all .3s ease-out 0s;
    margin-top: 4px
}

.hs-home .home-video-wrapper .item_info .description {
    color: #7b7b7b;
    font-size: 12px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
    padding: 0 40px;
    transition: all .3s ease-out 0s;
    margin-top: 10px
}

.hs-home .home-video-wrapper .item_info {
    text-align: center;
    padding: 0 14%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -120px;
    width: 72%
}

.hs-home .home-video-wrapper .item_info .nums {
    font-size: 64px;
    color: #fff;
    font-family: HELVETICANEUELTPRO-THEX;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition-delay: 0s
}

.hs-home .home-video-wrapper .item_info .title {
    font-size: 16px;
    color: #fff;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition-delay: .15s;
    margin-top: 20px;
    opacity: .6
}

.hs-home .home-video-wrapper .item_info .line {
    width: 1px;
    height: 36px;
    background: rgba(255, 255, 255, .3);
    margin: 12px auto 16px
}

.hs-home .home-video-wrapper .item_info .subtitle {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
    white-space: initial;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition-delay: .2s;
    margin-top: 30px;
    opacity: .3
}

.hs-home .home-video-wrapper .item_info .details {
    color: transparent;
    position: relative;
    width: 178px;
    height: 40px;
    display: block;
    margin: 0 auto;
    opacity: 0;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    filter: alpha(opacity=0);
    margin-top: 46px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.hs-home .home-video-wrapper .item_info .details::after {
    content: "";
    width: 100%;
    height: 42px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease 0s
}

.hs-home .home-video-wrapper .item_info .details .fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    line-height: 14px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    color: #bebebe;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    text-rendering: auto
}

.hs-home .home-video-wrapper .item_info .details .fa::before {
    content: "";
    width: 15px;
    height: 1px;
    background: #ef4136;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: 3px;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    z-index: 1
}

.hs-home .home-video-wrapper .item_info .details .fa::after {
    content: "";
    width: 1px;
    height: 15px;
    background: #ef4136;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    z-index: 1
}

.hs-home .page-col-8 {
    width: 33.33333%;
    float: left
}

.hs-home .page-col-16 {
    width: 66.66667%;
    float: left
}

.hs-home .home-wrapper-custom {
    padding: 80px 0;
    width: 100%;
    height: 100%;
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/线上舞台.png) no-repeat;
    background-size: 100% 100%
}

.hs-home .home-wrapper-custom #j_form_normal_captcha_demo {
    display: none
}

.hs-home .home-wrapper-custom .page-w-1120 {
    width: 1120px
}

.hs-home .home-wrapper-custom .nav > li a.active span, .hs-home .home-wrapper-custom .nav > li:hover a span {
    color: #000
}

.hs-home .home-wrapper-custom .page-wrapper {
    width: 100%
}

.hs-home .home-wrapper-custom .section {
    width: 100%
}

.hs-home .home-wrapper-custom .section .section-wrapper {
    width: 1600px;
    margin-left: auto;
    padding-right: auto
}

.hs-home .home-wrapper-custom .column-inner {
    padding-left: 15px;
    padding-right: 15px
}

.hs-home .home-wrapper-custom .title {
    color: #fff;
    font-size: 20px !important
}

.hs-home .home-wrapper-custom .subtitle {
    color: #fff;
    font-size: 16px;
    height: 52px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.hs-home .home-wrapper-custom .mlist-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.hs-home .home-wrapper-custom .mlist-container .item_info {
    text-align: center;
    padding: 20px 40px;
    position: relative;
    top: 10%;
    margin-top: -44px
}

.hs-home .home-wrapper-custom .mlist-container .item_info .title {
    padding: 0;
    width: auto
}

.hs-home .home-wrapper-custom .mlist-container .item_info .subtitle {
    padding: 0;
    height: auto;
    width: auto
}

.hs-home .home-wrapper-custom .mlist-container .item_info::after, .hs-home .home-wrapper-custom .mlist-container .item_info::before {
    content: "";
    width: 16px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -8px
}

.hs-home .home-wrapper-custom .mlist-container .item_info::before {
    bottom: 0;
    top: auto
}

.hs-home .home-wrapper-custom .mlist-container::after {
    content: "";
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    border: 1px solid rgba(255, 255, 255, .6);
    position: absolute;
    top: 16px;
    left: 16px
}

.hs-home .home-wrapper-custom .mlist-item {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: block;
    margin-right: 15px;
    margin-bottom: 15px
}

.hs-home .home-wrapper-custom .mlist-item .match-pictures {
    -webkit-transform: scale(1, 1) !important;
    transform: scale(1, 1) !important;
    margin-left: 80px;
    margin-top: 35px
}

.hs-home .home-wrapper-custom .bg {
    position: absolute;
    top: 0;
    left: -100%;
    background: #990200
}

.hs-home .home-wrapper-custom .video-text {
    overflow: hidden;
    height: 11.8em;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    color: #000;
    cursor: pointer
}

.hs-home .home-wrapper-custom .video-text-title {
    margin-top: 20px;
    font-size: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    color: #000;
    opacity: .6
}

.hs-home .home-wrapper-custom .video-text:hover {
    transition: all .5s;
    background-color: #c13634;
    color: #fff
}

.hs-home .home-wrapper-custom .video-text-subtitle {
    margin-top: 20px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #000;
    line-height: 30px;
    opacity: .6
}

.hs-home .home-wrapper-custom .more {
    height: 26px !important;
    line-height: 26px !important;
    border: 1px solid rgba(255, 255, 255, .6) !important;
    text-indent: 0;
    margin-left: 20px !important;
    overflow: hidden;
    font-size: 66px;
    color: #c6c4c3
}

.hs-home .home-wrapper-custom .more:hover {
    transition: none;
    border: 1px solid #000;
    background-color: #000 !important
}

.hs-home .home-wrapper-custom .more:hover::before {
    margin-top: -26px
}

.hs-home .home-wrapper-custom .more::after, .hs-home .home-wrapper-custom .more::before {
    content: "\e64a";
    display: block;
    transition: all .3s ease
}

.hs-home .home-wrapper-custom .more::after {
    content: "\e64a"
}

.hs-home .home-wrapper-custom .spacing-left {
    margin-left: 5% !important
}

.hs-home .home-wrapper-custom .home-video-wrapper .content_list {
    max-width: 1800px;
    margin: 0 auto
}

.swiper-pagination-switch {
    border: 0 !important;
    margin: 0 4px !important
}

.module-advertising {
    position: absolute;
    top: 1.4rem;
    z-index: 10;
    left: 0;
    display: block
}

.module-advertising .left-advertising {
    position: relative;
    left: 0;
    top: 0
}

.module-advertising .left-advertising .close-module {
    position: relative;
    display: block;
    margin-bottom: .1rem
}

.module-advertising .left-advertising .close-module .close {
    position: absolute;
    top: .05rem;
    left: .05rem;
    background: #fff;
    cursor: pointer;
    height: .25rem;
    width: .25rem;
    text-align: center;
    border-radius: .03rem
}

.layui-change-password-skin {
    background: 0 0 !important;
    font-size: 14px
}

.layui-change-password-skin .layui-layer-title {
    text-align: center;
    padding: 0
}

.layui-change-password-skin .buts-item {
    margin: 0
}

.layui-change-password-skin .layui-input-block {
    position: relative
}

.layui-change-password-skin .layui-input-block .layui-btn {
    display: block;
    margin: auto;
    color: #6c757d;
    border: 1px solid #6c757d;
    background: 0 0
}

.layui-change-password-skin .layui-input-block .graphic-poster, .layui-change-password-skin .layui-input-block .send-code {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 133px;
    height: 40px;
    cursor: pointer;
    z-index: 11
}

.layui-change-password-skin .layui-input-block .send-code {
    color: #6c757d;
    border: 1px solid #6c757d;
    border-radius: 2px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box
}

.layui-change-password-skin .layui-input-block .phone-code-disabled {
    background: #ccc;
    cursor: no-drop
}

.layui-change-password-skin .user-password-item {
    padding: 20px;
    box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .6);
    overflow: hidden
}

.layui-change-password-skin .user-password-item .user-list-item {
    padding-top: 20px;
    background: #fff;
    border-radius: 20px
}

.layui-change-password-skin .user-password-item .user-list-item .layui-form {
    margin: 0 20px
}

.layui-change-password-skin .user-password-item .prompting-language_two {
    font-size: 16px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center
}

.layui-change-password-skin .user-password-item .layui-form-label {
    width: auto
}

.layui-change-password-skin .user-password-item .layui-form-label span {
    color: red
}

.layui-change-password-skin .user-password-item .layui-form-item {
    border-bottom: 1px solid #e4e4e4;
    margin: 0;
    padding: 11px 0;
    box-sizing: border-box
}

.layui-change-password-skin .user-password-item .layui-form-item:last-child {
    border-bottom: none;
    padding: 20px 0
}

.layui-change-password-skin .user-password-item input {
    border: none !important
}

.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

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

.media-item-special-archive .caption .headline {
    padding-right: 240px;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.media__type_01.media__bdtype_01 {
    border: 1px solid #e9e9e9
}

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

.media__type_01 .headline:after {
    clear: both
}

.media__type_01 .headline .tag_btn {
    background: rgba(240, 65, 54, .5);
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer
}

.media__type_01 .headline .tag_btn i {
    font-size: 14px;
    margin-right: 20px
}

.media__type_01 .object {
    position: relative;
    display: block
}

.media__type_01 .object .tag_delete {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    border-radius: 50%
}

.media__type_01 .object .tag_delete i {
    font-size: 48px
}

.media__type_01 .caption {
    padding-left: 10px;
    padding-right: 10px
}

.media__type_01 .caption .headline {
    background: #f6f6f6;
    margin: 0;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.media__type_01 .caption .abstract {
    padding-left: 20px
}

.media__type_01 .caption .abstract p.text {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 26px
}

.media__type_02 {
    background-color: #fff
}

.media__type_02.media__bdtype_01 {
    border: 1px solid #e9e9e9;
    border-radius: 6px
}

.media__type_02 .object .tag_wrapper {
    bottom: 10px;
    right: 10px
}

.media__type_02 .object .tag {
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    padding: 3px 10px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.media__type_02 .object .tag__type_01 {
    background: #f18e8f
}

.media__type_02 .object .tag__type_02 {
    background: #9adb99
}

.media__type_02 .caption {
    margin-top: 20px;
    border-top: 1px solid #e9e9e9
}

.media__type_02 .caption .headline {
    margin-top: 10px;
    margin-bottom: 10px
}

.media__type_03 {
    display: block;
    border-bottom: 1px solid #e9e9e9
}

.media__type_03 .caption {
    position: relative
}

.media__type_03 .caption .headline {
    margin-top: 0
}

.media__type_03 .caption .abstract .content-text {
    padding-right: 480px;
    margin-bottom: 50px;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.media__type_03 .caption .attach {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.media__type_03 .caption .attach:after, .media__type_03 .caption .attach:before {
    content: " ";
    display: table
}

.media__type_03 .caption .attach:after {
    clear: both
}

.media__type_03 .caption .attach .special-archive-publish-time {
    font-size: 18px;
    text-align: center;
    margin-top: 60px;
    float: right
}

.media__type_03 .caption .attach .special-archive-arrow {
    margin-top: 50px;
    margin-left: 40px;
    float: right;
    font-size: 48px;
    color: #f2f2f2
}

.media__type_03:hover .abstract, .media__type_03:hover .attach {
    color: #f04136
}

.media__type_03:hover .abstract .special-archive-arrow, .media__type_03:hover .attach .special-archive-arrow {
    color: #f04136
}

.media__type_04 {
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #e9e9e9
}

.media__type_04 .object {
    position: relative;
    padding-bottom: 20px
}

.media__type_04 .object img {
    border-radius: 50%;
    border: 2px solid #707070
}

.media__type_04 .tagtpye {
    position: absolute;
    top: 15px;
    right: 0
}

.media__type_04 .tagtpye .icon {
    margin-right: 20px
}

.media__type_04 .tagname {
    position: absolute;
    bottom: 0;
    left: 68px;
    background: #f5f5f5;
    border: 2px solid #d0cece;
    padding: 0 10px;
    border-radius: 6px
}

.media__type_04 .caption {
    padding-left: 0;
    padding-right: 0
}

.media__type_04 .caption .headline b {
    font-weight: 400;
    color: #f04136
}

.media__type_04 .caption .abstract {
    color: #999;
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9
}

.media__type_04 .caption .attach-main:after, .media__type_04 .caption .attach-main:before {
    content: " ";
    display: table
}

.media__type_04 .caption .attach-main:after {
    clear: both
}

.media__type_04 .caption .attach-main .attach-item {
    float: left
}

.media__type_04 .caption .attach-main .attach-more {
    float: right
}

.media__type_04 .caption .attach-main .attach-more a {
    color: #f04136
}

.media__type_05 .attach-inline {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px
}

.media__type_05 .attach-inline .attach-main:after, .media__type_05 .attach-inline .attach-main:before {
    content: " ";
    display: table
}

.media__type_05 .attach-inline .attach-main:after {
    clear: both
}

.media__type_05 .attach-inline .attach-left {
    float: left
}

.media__type_05 .attach-inline .attach-right {
    float: right
}

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

.media__type_06 .headline:after {
    clear: both
}

.media__type_06 .headline .singleline {
    padding-top: 2px;
    font-weight: 700
}

.media__type_06 .headline .tag_btn {
    background: rgba(240, 65, 54, .5);
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer
}

.media__type_06 .headline .tag_btn i {
    font-size: 14px;
    margin-right: 20px
}

.media__type_06 .caption {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #e9e9e9
}

.media__type_06 .caption .headline {
    background: #f6f6f6;
    margin: 0;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.media__type_06 .caption .abstract {
    padding-left: 20px
}

.media__type_06 .caption .abstract p.text {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 26px
}

.media__type_07 {
    border: 1px solid #e9e9e9;
    padding-top: 10px;
    padding-bottom: 8px;
    box-shadow: 3px 3px 2px rgba(51, 51, 51, .2)
}

.media__type_07 .object {
    margin-top: 12px
}

.media__type_07 .caption {
    position: relative
}

.media__type_07 .caption .headline {
    margin: 0
}

.media__type_07 .caption .abstract {
    margin: 0
}

.media__type_07 .caption .abstract i {
    margin-right: 10px
}

.media__type_07 .caption .abstract span {
    color: #f04136
}

.media__type_07 .attach-extra {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.media__type_07 .attach-extra .btn {
    color: #f04136;
    border: 1px solid #f04136;
    font-size: 16px
}

.media__type_07 .attach-inline .attach-main:after, .media__type_07 .attach-inline .attach-main:before {
    content: " ";
    display: table
}

.media__type_07 .attach-inline .attach-main:after {
    clear: both
}

.media__type_07 .attach-inline .attach-item {
    margin-right: 40px;
    font-size: 14px
}

.media__type_07 .attach-inline .attach-item i {
    margin-right: 10px;
    font-size: 14px
}

.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

.page__container {
    width: 13.96rem;
    margin: .1rem auto
}

.page-news .demo7 {
    text-align: right
}

.page-news .layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #cab193
}

.page-news .culture_item {
    background: #fff;
    padding: .2rem
}

.page-news .culture_item_module {
    position: relative;
    display: block;
    padding: .2rem 0;
    border-bottom: 1px solid #ccc
}

.page-news .culture_item_module .pure-u-1-4 {
    padding-left: 0;
    padding-right: 0
}

.page-news .culture_item_module .abstract .title {
    font-weight: 700;
    color: #333;
    font-size: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    padding-top: .2rem
}

.page-news .culture_item_module .abstract .title .news-tag {
    display: inline-block;
    text-align: center;
    background: #cb4947;
    font-size: .14rem;
    color: #fff;
    padding: .02rem .1rem
}

.page-news .culture_item_module .abstract .headline {
    font-size: .16rem;
    color: #666;
    padding-top: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

.page-news .culture_item_module .time-more {
    position: absolute;
    right: -.5rem;
    top: .8rem
}

.page-news .culture_item_module .time-more .to-right {
    margin-left: .5rem
}

.page-news .culture_item_module .time-tag {
    display: inline-block;
    text-align: center;
    color: #999
}

.page-news-info .content {
    text-align: left
}

.page-news-info .content .videoClass, .page-news-info .content img, .page-news-info .content video {
    max-width: 100%
}

.page-news-info .img-box {
    width: 6.4rem;
    height: 100%
}

.page-news-info .img-box img {
    width: 100%;
    height: 100%
}

.page-news-info .intro-list .img-box {
    width: 2.8rem;
    height: 1.8rem
}

.page-news-info .live_ture {
    color: #921d22
}

.page-news-info .live_ture .iconfont {
    color: #921d22
}

.page-news-info .section__container {
    background: #fff;
    padding: .5rem .4rem 0;
    box-sizing: border-box;
    margin-bottom: .4rem
}

.page-news-info .culture_item_left {
    text-align: left;
    padding-right: .6rem
}

.page-news-info .culture_item_left.detail {
    padding-right: 0
}

.page-news-info .culture_item_left .content-pic {
    margin: .2rem 0
}

.page-news-info .culture_item_left .title {
    font-size: .24rem;
    color: #333;
    text-align: center
}

.page-news-info .culture_item_left .tag {
    font-size: .12rem;
    color: #ccc;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: .4rem
}

.page-news-info .culture_item_left .tag span {
    display: inline-block;
    padding: .1rem .4rem;
    cursor: pointer
}

.page-news-info .culture_item_left .text {
    text-align: left;
    color: #666;
    font-size: .14rem
}

.page-news-info .culture_item_left .j_banner_swiper {
    height: 3.6rem;
    margin: .2rem 0;
    text-align: center
}

.page-news-info .culture_item_right .intro {
    background: url(../img/title-icon.png) no-repeat center left;
    color: #990200;
    font-size: .24rem;
    border-bottom: 2px dashed #e4e4e4;
    padding-left: .2rem
}

.page-news-info .culture_item_right .intro-list {
    padding-top: .4rem
}

.page-news-info .culture_item_right .intro-list .intro-text {
    color: #333;
    font-size: .18rem
}

.page-news-info #waterfall {
    margin: .5rem auto;
    position: relative;
    overflow: hidden;
    padding: .3rem;
    box-sizing: border-box;
    width: 13.96rem !important
}

.page-news-info .picList {
    width: 3.2rem;
    box-shadow: 0 0 3px #ccc;
    background: #fff;
    margin: 0 .06rem .12rem .06rem;
    position: absolute;
    left: -9.99rem;
    display: block
}

.page-news-info .mine .intro-text {
    color: #333;
    font-size: .18rem
}

.r11583 .intro-text {
    color: #333;
    font-size: .18rem
}

.picList:hover {
    box-shadow: 1px 1px 5px #bbb
}

.picThumbnail {
    width: 3.2rem;
    border-bottom: 1px solid #eee
}

.picThumbnail img {
    width: 100%
}

.picThumbnail a {
    display: block;
    max-height: 6rem;
    overflow: hidden
}

.picThumbnail img {
    max-width: 320px;
    display: block
}

.picDescription {
    padding: 1px;
    text-align: left;
    padding: .05rem .1rem;
    background: #fff;
    margin-top: 1px
}

.pictitle {
    color: #666;
    font-size: .14rem
}

.pictime {
    color: #ccc;
    font-size: .12rem
}

.show-more {
    text-align: center
}

.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

.page-online-training-detail .section-wrapper {
    width: 1400px;
    margin-right: auto;
    margin-left: auto
}

.page-online-training-detail .page-container {
    padding-bottom: 500px
}

.page-online-training-detail .train-detail-title {
    font-size: 18px;
    font-weight: 700
}

.page-online-training-detail .train-detail-show {
    clear: both
}

.page-online-training-detail .train-detail-show .train-detail-show-left img {
    height: 360px
}

.page-online-training-detail .train-detail-show .btn_wrapper {
    margin-top: 60px
}

.page-online-training-detail .train-detail-show .btn_wrapper .btn {
    padding: 6px 40px;
    color: #fff;
    background-color: #10578e;
    border-color: #0d4977;
    border-radius: 4px
}

.page-online-training-detail .train-detail-show .show-icon {
    height: 36px;
    border-bottom: 2px solid #10578e;
    font-size: 18px;
    margin-bottom: 20px
}

.page-online-training-detail .train-detail-show .show-icon .iconfont {
    padding-right: 10px;
    font-size: 18px
}

.page-online-training-detail .train-detail-show .parameter {
    font-size: 14px;
    line-height: 40px
}

.page-online-training-detail .train-detail-show .parameter .name {
    color: #999
}

.page-online-training-detail .train-detail-show .parameter .iconfont {
    font-size: 14px;
    padding-right: 10px
}

.page-online-training-detail .train-detail-show .parameter a {
    color: #10578e
}

.page-online-training-detail .train-detail-show .parameter img {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.page-online-training-detail .train-detail-show ul.parameter:after, .page-online-training-detail .train-detail-show ul.parameter:before {
    content: " ";
    display: table
}

.page-online-training-detail .train-detail-show ul.parameter:after {
    clear: both
}

.page-online-training-detail .train-detail-show ul.parameter li {
    float: left;
    width: 50%
}

.page-online-training-detail .train-detail-show .show-sub-tt {
    padding-top: 20px;
    line-height: 30px;
    padding-bottom: 4px;
    font-size: 18px
}

.page-online-training-detail .train-detail-show .show-des {
    position: relative;
    line-height: 26px;
    padding-right: 50px;
    overflow: hidden;
    height: 26px
}

.page-online-training-detail .train-detail-show .show-des p {
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.page-online-training-detail .train-detail-show .upPack {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #10578e;
    cursor: pointer
}

.page-online-training-detail .train-detail-show .upPack .iconfont {
    font-size: 14px
}

.page-online-training-detail .train-detail-show .vhidden {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.page-online-training-detail .train-detail-show .j-collect, .page-online-training-detail .train-detail-show .j-like {
    cursor: pointer
}

.page-online-training-detail .train-detail-show .j-collect i, .page-online-training-detail .train-detail-show .j-like i {
    margin: 0 5px
}

.page-online-training-detail .train-type-title {
    line-height: 50px;
    font-size: 18px
}

.page-online-training-detail .train-course {
    border-top: 1px solid #dcdcdc
}

.page-online-training-detail .train-course-list {
    border: 1px solid #dcdcdc;
    border-top: 1px solid #fff;
    min-height: 30px;
    padding: 40px 60px;
    position: relative;
    cursor: pointer
}

.page-online-training-detail .train-course-list .headline {
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    max-width: 1000px
}

.page-online-training-detail .train-course-list .time {
    opacity: .7;
    line-height: 30px
}

.page-online-training-detail .train-course-list .amount {
    position: absolute;
    right: 30px;
    top: 35px;
    height: 30px;
    line-height: 30px;
    padding-right: 36px;
    font-size: 12px;
    background: url(../img/not-selected.png) no-repeat right
}

.page-online-training-detail .train-course-list .amount font {
    opacity: .7;
    padding-right: 20px
}

.page-online-training-detail .active {
    border-color: #10578e
}

.page-online-training-detail .active .amount {
    background: url(../img/already-selected.png) no-repeat right
}

.page-online-training-detail .train-message {
    padding: 40px 0;
    border: 1px solid #ddd
}

.page-online-training-detail .train-message .input-text {
    height: 42px;
    margin: 10px 0
}

.page-online-training-detail .train-message .labname {
    display: inline-block;
    line-height: 42px;
    color: #999;
    padding-left: 30px;
    min-width: 100px;
    float: left
}

.page-online-training-detail .train-message .ui-text {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #ddd;
    outline: 0;
    padding: 0 10px;
    opacity: .7;
    width: 240px;
    font-size: 14px;
    float: left
}

.page-online-training-detail .train-message .w120 {
    width: 120px !important
}

.page-online-training-detail .train-message .captchaImg {
    border: 1px solid #bae2ce;
    width: 110px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin-left: 20px;
    background: url(../img/captcha.png) no-repeat center center;
    cursor: default;
    float: left
}

.page-online-training-detail .train-message .phone-verification {
    border: 1px solid #999;
    width: 110px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin-left: 20px;
    cursor: default;
    outline: 0;
    background: #fff;
    font-size: 14px;
    float: left
}

.page-online-training-detail .input-btn {
    margin-top: 40px;
    text-align: right
}

.page-online-training-detail .input-btn .commitBtn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 4px;
    padding: 0 28px;
    background: #10578e;
    color: #fff;
    cursor: pointer
}

.page-online-training-detail .map-detail-title {
    background: #f6f6f6;
    height: 44px
}

.page-online-training-detail .map-detail-title .map-tiem {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0 40px;
    color: #666;
    cursor: pointer
}

.page-online-training-detail .map-detail-title .active {
    background: #10578e;
    color: #fff
}

.page-online-training-detail .map-detail-content {
    padding: 40px 0
}

.page-online-training-detail .map-detail-content .detail-editor {
    font-size: 14px;
    line-height: 180%
}

.page-online-training-detail .map-detail-content .detail-editor img {
    width: 100%
}

.page-online-training-detail .map-detail-content .map-tab-picture {
    border: 1px solid #ebebeb;
    padding: 4px
}

.page-online-training-detail .map-detail-content .map-tab-picture .headline {
    height: 48px;
    line-height: 48px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    font-size: 18px
}

.page-online-training-detail .map-detail-content .clear {
    clear: both
}

.page-online-training-detail .map-detail-content .map-tab-video {
    border: 1px solid #ebebeb
}

.page-online-training-detail .map-detail-content .map-tab-video .object {
    position: relative
}

.page-online-training-detail .map-detail-content .map-tab-video .object .post-video {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 50px
}

.page-online-training-detail .map-detail-content .map-tab-video .headline {
    padding: 0 20px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    font-size: 18px
}

.page-online-training-detail .map-detail-content .map-comment-title {
    border-top: 1px solid #ddd;
    padding-bottom: 40px;
    padding-top: 80px;
    line-height: 30px;
    color: #999
}

.page-online-training-detail .map-detail-content .map-comment-title span {
    padding-left: 40px;
    color: #10578e
}

.page-online-training-detail .map-video-layer-wrapper .win-map-video {
    width: 100%;
    height: 670px;
    overflow: hidden
}

.page-online-training-detail .map-video-layer-wrapper .win-map-video .music_video {
    width: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.page-online-training-detail .map-picture-layer-wrapper {
    background: 0 0 !important;
    box-shadow: none !important
}

.page-online-training-detail .map-picture-layer-wrapper .layui-layer-close2 {
    right: 76px !important;
    z-index: 100
}

.page-online-training-detail .picture-slide {
    width: 1008px
}

.page-online-training-detail .picture-slide .pictureView {
    position: relative;
    height: 476px
}

.page-online-training-detail .picture-slide .pictureView .swiper-container {
    width: 808px;
    height: 456px
}

.page-online-training-detail .picture-slide .pictureView .swiper-container .picture-box {
    background: #fff;
    border: 6px solid #fff
}

.page-online-training-detail .picture-slide .pictureView .swiper-container .picture-box-tt {
    height: 56px;
    border: 1px solid #f6f6f6;
    line-height: 56px;
    text-align: center;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.page-online-training-detail .picture-slide .pictureView .swiper-container .boxleft, .page-online-training-detail .picture-slide .pictureView .swiper-container .boxright {
    bottom: 0;
    width: 22px;
    height: 22px;
    position: absolute
}

.page-online-training-detail .picture-slide .pictureView .swiper-container .boxleft {
    left: 0;
    background: url(../img/picture-tt-z.png) no-repeat
}

.page-online-training-detail .picture-slide .pictureView .swiper-container .boxright {
    right: 0;
    background: url(../img/picture-tt-r.png) no-repeat
}

.page-online-training-detail .picture-slide .pictureView .pictureArrowLeft {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 0;
    cursor: pointer
}

.page-online-training-detail .picture-slide .pictureView .pictureArrowRight {
    display: inline-block;
    position: absolute;
    margin-top: -25px;
    top: 50%;
    right: 0;
    cursor: pointer
}

.page-online-training-detail .picture-slide .preview {
    width: 808px;
    height: 122px;
    margin: 0 auto;
    position: relative
}

.page-online-training-detail .picture-slide .preview .swiper-container {
    background: #fff;
    width: 808px;
    height: 122px
}

.page-online-training-detail .picture-slide .preview .swiper-slide {
    width: 202px;
    height: 122px
}

.page-online-training-detail .picture-slide .preview .preview-box {
    border: 6px solid #fff
}

.page-online-training-detail .picture-slide .preview .preview-box img {
    border: 1px solid #fff;
    width: 100%;
    display: block;
    height: 108px
}

.page-online-training-detail .picture-slide .preview .active-nav img {
    border: 1px solid #10578e
}

.page-online-training-detail .course-outline-list {
    background-color: #f6f6f6;
    margin: 0 20px;
    padding: 40px;
    margin-bottom: 10px
}

.page-online-training-detail .course-outline-list a {
    text-decoration: none
}

.page-online-training-detail .course-outline-list .course-first-title {
    width: 100%;
    padding-right: 100px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    font-size: 16px;
    position: relative
}

.page-online-training-detail .course-outline-list .course-first-title .iconfont {
    display: block;
    position: absolute;
    font-size: 16px;
    right: 0;
    top: 0;
    cursor: pointer;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: all .5s linear
}

.page-online-training-detail .course-outline-list .course-first-title .active-info {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all .5s linear
}

.page-online-training-detail .course-outline-list .course-first-title span {
    color: #999;
    margin-right: 20px
}

.page-online-training-detail .course-outline-list .course-second {
    display: none
}

.page-online-training-detail .course-outline-list .second-list {
    position: relative;
    padding-top: 10px;
    padding-right: 260px;
    padding-left: 50px;
    font-size: 14px;
    color: #666;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.page-online-training-detail .course-outline-list .second-list::after {
    content: "";
    width: 26px;
    height: 24px;
    position: absolute;
    left: 20px;
    top: 0;
    background: url(../img/course-second.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.page-online-training-detail .course-outline-list .second-list span {
    color: #999;
    margin-right: 20px
}

.page-online-training-detail .course-outline-list .second-list .state-item {
    position: absolute;
    text-align: right;
    right: 0;
    top: 10px
}

.page-online-training-detail .course-outline-list .second-list .state-item .state {
    color: #10578e
}

.page-online-training-detail .course-record-item {
    margin: 0 10px
}

.page-online-training-detail .course-record-item .record-list {
    background-color: #f6f6f6;
    padding: 20px;
    padding-left: 100px;
    color: #000;
    width: 100%;
    padding-right: 300px;
    box-sizing: border-box;
    position: relative;
    font-size: 16px;
    margin-bottom: 10px
}

.page-online-training-detail .course-record-item .record-list .record-number {
    position: absolute;
    left: 20px;
    top: 22px;
    color: #999;
    font-size: 14px
}

.page-online-training-detail .course-record-item .record-list .time {
    color: #000
}

.page-online-training-detail .course-record-item .record-list .record-add {
    cursor: pointer;
    color: #10578e;
    margin: 0 20px
}

.page-online-training-detail .course-record-item .record-list .record-updata {
    position: absolute;
    right: 0;
    top: 20px
}

.page-online-training-detail .course-record-input {
    padding-top: 10px;
    margin: 0 10px;
    position: relative
}

.page-online-training-detail .course-record-input input {
    width: 100%;
    height: 60px;
    padding: 0 10px;
    padding-right: 160px;
    box-sizing: border-box
}

.page-online-training-detail .course-record-input .record-buts {
    position: absolute;
    right: 0;
    top: 10px;
    width: 160px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    line-height: 60px;
    background-color: #10578e;
    color: #fff;
    font-size: 20px
}

.page-online-training-detail .course-record-input .record-buts span {
    font-size: 20px
}

.page-online-training-detail .course-quiz-item {
    margin: 0 10px
}

.page-online-training-detail .course-quiz-item .quiz-name, .page-online-training-detail .course-quiz-item .quiz-time {
    font-size: 12px;
    color: #999
}

.page-online-training-detail .course-quiz-item .quiz-title {
    font-size: 14px;
    padding: 10px 0;
    color: #666
}

.page-online-training-detail .course-quiz-item .quiz-list {
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px
}

.page-online-training-detail .course-work-item {
    margin: 0 10px
}

.page-online-training-detail .course-work-item .course-work-list {
    padding: 20px 0;
    padding-left: 80px;
    position: relative;
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
    background-color: #f6f6f6;
    margin-bottom: 10px
}

.page-online-training-detail .course-work-item .course-work-list .course-answer-false, .page-online-training-detail .course-work-item .course-work-list .course-answer-true {
    position: absolute;
    right: 20px;
    color: #52b100;
    padding-left: 30px;
    background-position-y: 2.5px
}

.page-online-training-detail .course-work-item .course-work-list .course-answer-false {
    color: #10578e
}

.page-online-training-detail .course-work-item .course-work-list .resource {
    position: absolute;
    left: 20px;
    color: #999;
    font-size: 14px
}

.page-online-training-detail .course-work-item .course-work-list .title {
    color: #000;
    margin-bottom: 5px;
    padding-right: 100px;
    box-sizing: border-box
}

.page-online-training-detail .course-work-item .course-work-list .option-list {
    color: #888;
    cursor: pointer;
    margin-bottom: 5px;
    padding-left: 30px;
    background: url(../img/course-no-chose.png) 0 0 no-repeat;
    background-position-y: 2.5px
}

.page-online-training-detail .course-work-item .course-work-list .option-list span {
    color: #000;
    margin-right: 10px
}

.page-online-training-detail .course-work-item .course-work-list .option-active {
    background: url(../img/course-yes-chose.png) 0 0 no-repeat;
    background-position-y: 2.5px
}

.page-online-training-detail .course-updata-buts {
    overflow: hidden
}

.page-online-training-detail .course-updata-buts > div {
    float: right;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer
}

.page-online-training-detail .course-updata-buts .download, .page-online-training-detail .course-updata-buts .upload {
    border: 1px solid #ddd;
    color: #666;
    margin-right: 20px
}

.page-online-training-detail .course-updata-buts .submit {
    color: #fff;
    background-color: #10578e;
    min-width: 100px;
    text-align: center;
    margin-right: 10px
}

.page-online-training-detail .course-updata-buts .submit-false {
    background-color: #ddd;
    cursor: no-drop
}

.page-online-training-detail .course-course-tip {
    text-align: center;
    color: #10578e;
    font-size: 20px;
    padding: 40px 0
}

.class-signup {
    box-sizing: border-box;
    width: 500px !important;
    height: 400px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important
}

.class-signup .layui-layer-content {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px
}

.form-wapper_class {
    padding-top: 30px
}

.form-wapper_class {
    padding: 20px
}

.form-wapper_class .form-wapper_button .btn {
    padding: 10px 20px
}

.form-wapper_class .form-wapper_button .btn-primary.active.focus, .form-wapper_class .form-wapper_button .btn-primary.active:focus, .form-wapper_class .form-wapper_button .btn-primary.active:hover, .form-wapper_class .form-wapper_button .btn-primary:active.focus, .form-wapper_class .form-wapper_button .btn-primary:active:focus, .form-wapper_class .form-wapper_button .btn-primary:active:hover, .form-wapper_class .form-wapper_button .open > .btn-primary.dropdown-toggle.focus, .form-wapper_class .form-wapper_button .open > .btn-primary.dropdown-toggle:focus, .form-wapper_class .form-wapper_button .open > .btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #d6dde2;
    border-color: #7fb8e4
}

.form-wapper_class .form-wapper_button .btn-primary {
    background: #10578e
}

.form-wapper_class .form-wapper_button .btn-primary:hover {
    color: #fff
}

.form-wapper_class .form-wapper_input {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 5px;
    font-size: 14px
}

.form-wapper_class label.error {
    position: absolute;
    width: 80%;
    right: 0;
    bottom: 0;
    text-align: right;
    padding-right: 10px;
    color: #10578e
}

.form-wapper_class label {
    width: 30%
}

.form-wapper_class .form-input {
    flex: 1;
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    padding-left: 10px
}

.form-wapper_class .input-aside {
    margin-left: 20px;
    width: 30%
}

.form-wapper_class .input-aside img {
    width: 114px;
    border: 3px solid #bae2ce;
    box-sizing: border-box
}

.form-wapper_class .input-aside button {
    border: 1px solid #999;
    background: 0 0;
    border-radius: 4px;
    width: 100%;
    cursor: pointer
}

.form-wapper_class .input-aside button.get-sms-disabled {
    border: 1px solid #e9e9e9;
    background: #f2f2f2;
    color: #999;
    pointer-events: none;
    cursor: no-drop
}

.form-wapper_class .input-aside button, .form-wapper_class .input-aside img {
    height: 40px
}

.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living {
    display: inline-block
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .mooc-list-position {
    display: block;
    margin-top: 10px;
    position: relative
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .mooc-list-position .mooc-get-into_live-broadcast-btn {
    width: 120px;
    height: 45px;
    color: #fff;
    background: rgba(212, 43, 51, .7);
    font-size: 24px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .mooc-list-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 35px;
    background: rgba(51, 51, 51, .35);
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 18px
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .object-attach__icon-living {
    position: absolute;
    line-height: 30px;
    background-color: rgba(0, 0, 0, .161);
    color: #fff;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 0 10px 0 5px;
    top: 18px;
    right: 20px;
    font-size: 16px
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .object-attach__icon-living .iconfont {
    float: left;
    color: #f04136
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .object-attach__icon-living .play-iconfont {
    color: #fff
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .object-attach__icon-living span {
    display: block;
    float: left;
    padding-left: 5px;
    padding-right: 5px
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .mooc-list-living_right {
    margin-top: 10px;
    height: 452px
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .mooc-list-living_right .pure-u-mooc-list {
    width: 100%;
    height: 33.33%
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .mooc-list-living_right .pure-u-mooc-list .column-inner {
    margin-top: 10px;
    margin-bottom: 10px
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .mooc-list-living_right .pure-u-mooc-list .headline a {
    white-space: inherit !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.page-online-training .section__wrapper .create-archive-list .mooc-list-living .mooc-list-living_right .pure-u-mooc-list .attach {
    color: #8a8a8a !important
}

.page-online-training .section__wrapper .create-archive-list .live-label {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 16px;
    color: #fff;
    width: 108px;
    text-align: center;
    height: 32px;
    line-height: 32px
}

.page-online-training .section__wrapper .create-archive-list .look {
    background: url(../img/new/state.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.page-online-training .section__wrapper .create-archive-list .begin {
    background: url(../img/new/begin.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.page-online-training .section__wrapper .create-archive-list .notice {
    background: url(../img/new/notice.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.page-online-training .section__wrapper .training-brief {
    color: #8a8a8a;
    font-size: 18px;
    margin-bottom: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.page-online-training .section__wrapper .training-brief em {
    font-size: 24px;
    color: #000
}

.page-online-training .section__wrapper .training-brief p {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.page-online-training .section__wrapper .training-brief .detail-text__abstract-more {
    color: #258cff;
    cursor: pointer
}

.page-online-training .section__wrapper .media-list .paddTop15 {
    padding-top: 15px
}

.page-online-training .section__wrapper .media-list .media {
    border-radius: 0
}

.page-online-training .section__wrapper .media-list .media .object .user-img {
    width: 157px !important;
    margin-top: 15px;
    margin-bottom: 20px;
    border-radius: 50%
}

.page-online-training .section__wrapper .media-list .media .caption {
    padding: 0 27px
}

.page-online-training .section__wrapper .media-list .media .caption .object-des {
    text-align: left;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.page-online-training .section__wrapper .media-list .media .caption .object-des:last-child {
    color: #ccc
}

.page-online-training .section__wrapper .media-list .media .caption .headline {
    border-bottom: 1px solid #eaeaea;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 0;
    width: 100%
}

.page-online-training .section__wrapper .media-list .media .caption .headline a {
    white-space: nowrap !important;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block
}

.page-online-training .section__wrapper .media-list .media .view-info {
    height: 68px;
    line-height: 68px;
    padding: 0 27px;
    font-size: 16px;
    color: #333;
    overflow: hidden
}

.page-online-training .section__wrapper .media-list .media .view-info .name {
    color: #333 !important
}

.page-online-training .section__wrapper .media-list .media .view-info .view-left {
    float: left;
    color: #ccc
}

.page-online-training .section__wrapper .media-list .media .view-info .view-left i.iconfont {
    color: #ccc
}

.page-online-training .section__wrapper .media-list .media .view-info .view-left a i.iconfont {
    color: #333
}

.page-online-training .section__wrapper .media-list .media .view-info .view-left .user-head {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.page-online-training .section__wrapper .media-list .media .view-info .view-left .name {
    margin-left: 8px
}

.page-online-training .section__wrapper .media-list .media .view-info .view-right {
    float: right;
    color: #ccc
}

.page-online-training .section__wrapper .media-list .media .view-info .view-right i.iconfont {
    color: #ccc
}

.page-online-training .section__wrapper .media-list .media .view-info .view-right a i.iconfont {
    color: #333
}

.page-online-training .section__wrapper {
    width: 1400px;
    margin-right: auto;
    margin-left: auto
}

.page-online-training .page-container {
    margin-bottom: 380px
}

.page-online-training .page-main-nav {
    margin-bottom: 0
}

.page-online-training .section-breadcrumb {
    background-color: #fafafa;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-bottom: 0
}

.page-online-training .nva-background-color {
    background-color: #fff
}

.page-online-training .hot-create-filter {
    padding-left: 200px !important
}

.page-online-training .hot-area-filter {
    background: #fff;
    padding-left: 500px;
    margin-bottom: 0 !important
}

.page-online-training .hot-area-filter .module-filter-list {
    font-size: 16px;
    display: flex
}

.page-online-training .hot-area-filter .module-filter-list .item {
    display: block;
    margin-right: 80px;
    margin-left: 45px;
    line-height: 30px;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 0;
    box-sizing: border-box
}

.page-online-training .hot-area-filter .module-filter-list a {
    color: #9e9e9e
}

.page-online-training .hot-area-filter .module-filter-list a:hover {
    color: #000;
    border-bottom: 2px solid #000
}

.page-online-training .hot-area-filter .module-filter-list .active {
    color: #000;
    border-bottom: 2px solid #000
}

.page-online-training .create-archive-nav .module-filter {
    position: relative;
    padding-left: 90px;
    margin-bottom: 0;
    line-height: 30px
}

.page-online-training .create-archive-nav .filter-right {
    float: right;
    margin-top: 10px;
    margin-right: 10px
}

.page-online-training .create-archive-nav .filter-right .title {
    float: left;
    padding-right: 0;
    color: #000
}

.page-online-training .create-archive-nav .filter-right select {
    margin-top: 2px;
    border: none;
    outline: 0;
    color: #9f9f9f;
    text-decoration: underline
}

.page-online-training .create-archive-nav .filter-right option {
    border: none
}

.page-online-training .create-archive-nav .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #c2c2c2;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    padding: .1em .6em
}

.page-online-training .create-archive-nav .module-filter-list {
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0
}

.page-online-training .create-archive-nav .module-filter-list .item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline;
    padding: .1em .6em;
    border: 1px solid transparent;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #7d8288
}

.page-online-training .create-archive-nav .module-filter-list .item:hover {
    background-color: #f8f8f8
}

.page-online-training .create-archive-nav .module-filter-list .active {
    color: #10578e;
    border-bottom: 1px solid #10578e;
    cursor: default
}

.page-online-training .media-list-type-5 {
    display: none
}

.page-online-training .media-list-type-5 .attach .label {
    padding: 0 !important;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 1
}

.page-online-training .art-archive-list {
    margin-top: 20px
}

.page-online-training .art-archive-list .media-normal .caption {
    padding: 0 0 5px
}

.page-online-training .art-archive-list .media-normal .caption .headline {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 3rem;
    margin-left: .5rem;
    margin-right: .5rem
}

.page-online-training .art-archive-list .media-normal .caption a {
    height: auto
}

.page-online-training .art-archive-list .media-normal .caption .label {
    color: #919191;
    font-size: 16px
}

.page-online-training .art-archive-list .media-normal .caption .label .iconfont {
    font-size: 18px
}

.page-online-training .art-archive-list .media-normal .label_box div {
    float: left;
    border: 1px solid #d3d3d3;
    margin-left: 5px;
    padding: 1px 5px;
    border-radius: 5px;
    color: #919191
}

.page-online-training .art-archive-list .media-bg-white {
    border: 1px solid #e7e2e1;
    padding-bottom: 40px
}

.page-online-training .create-archive-list .create-archive-nav {
    margin-bottom: 20px
}

.page-online-training .create-archive-list .media-bg-white .object img {
    border-radius: 10px 10px 0 0
}

.page-online-training .create-archive-list .media-opera-internet-archivea {
    padding: 20px 0 !important
}

.page-online-training .create-archive-list .media-opera-internet-archivea:hover {
    border-color: #d42b33;
    background-color: #fdf7f0
}

.page-online-training .create-archive-list .media-opera-internet-archivea:hover .object {
    border: 2px solid #d42b33
}

.page-online-training .create-archive-list .media-opera-internet-archivea:hover a {
    color: #d42b33
}

.page-online-training .create-archive-list .media-opera-internet-archivea:hover .triangle-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #d42b33;
    border-bottom: 10px solid transparent
}

.page-online-training .create-archive-list .media-opera-internet-archivea:hover .triangle-left1 {
    position: absolute;
    bottom: 93.5%;
    margin-left: -16px
}

.page-online-training .create-archive-list .media-opera-internet-archivea:hover .triangle-left2 {
    position: absolute;
    bottom: 84.5%;
    margin-left: -16px
}

.page-online-training .create-archive-list .media-opera-internet-archivea:hover .triangle-left3 {
    position: absolute;
    bottom: 75.5%;
    margin-left: -16px
}

.page-online-training .create-archive-list .order-join-volunteers {
    padding-left: 35px;
    margin-top: 36px;
    padding-bottom: 55px
}

.page-online-training .create-archive-list .order-join-volunteers_sign-up .order-join-volunteers_sign-up-box {
    text-align: center;
    width: 80%;
    background-color: #fff;
    margin-top: 40px;
    margin-left: 10%;
    padding: 20px
}

.page-online-training .create-archive-list .order-join-volunteers_sign-up .sign-up-botton {
    font-size: 20px;
    border-radius: 25px;
    background-color: #d42b33;
    color: #fff;
    padding: 5px 5px;
    cursor: pointer
}

.page-online-training .create-archive-list .order-join-volunteers_sign-up .sign-up-botton .iconfont {
    font-size: 26px;
    margin-right: 5px
}

.page-online-training .create-archive-list .order-join-volunteers_sign-up span {
    font-size: 16px;
    color: #adadad;
    display: block;
    margin-top: 10px
}

.page-online-training .create-archive-list .media-normal .caption {
    padding: 0 0 5px
}

.page-online-training .create-archive-list .media-normal .caption .headline {
    height: 48px
}

.page-online-training .create-archive-list .media-normal .caption .headline a {
    white-space: normal !important;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.page-online-training .create-archive-list .media-normal .caption .label {
    color: #919191;
    font-size: 16px
}

.page-online-training .create-archive-list .media-normal .caption .label .iconfont {
    font-size: 18px
}

.page-online-training .create-archive-list .media-bg-white {
    padding: 3px;
    border: 1px solid #e7e2e1;
    border-radius: 1rem;
    position: relative
}

.page-online-training .create-archive-list .media-bg-white .label_box {
    color: #fff;
    margin-top: -6.5rem;
    position: absolute;
    right: 10px
}

.page-online-training .create-archive-list .media-bg-white .label_box .label_delicious-food {
    float: left;
    margin-left: 2.5rem;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, .25);
    border-radius: 10px;
    padding: 1px 15px
}

.page-online-training .create-archive-list .media-bg-white .label_box .label_author {
    float: right;
    margin-left: .5rem;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, .25);
    border-radius: 10px;
    padding: 1px 15px
}

.page-online-training .page-section_main {
    border-top: 1px solid #e6e6e6
}

.page-online-training .page-section_main .column-inner {
    margin-top: 10px
}

.page-online-training .page-section_main .img-title {
    position: absolute;
    width: 640px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    background-color: rgba(0, 0, 0, .6);
    text-align: center;
    margin-top: -50px
}

.page-online-training .page-section_main .media-opera-internet-archive {
    padding: 8px 0;
    border-left: 6px solid transparent;
    margin-bottom: 2px;
    margin-left: 10px
}

.page-online-training .page-section_main .media-opera-internet-archive:hover {
    border-color: #d42b33;
    background-color: #fdf7f0
}

.page-online-training .page-section_main .media-opera-internet-archive:hover .object {
    border: 2px solid #d42b33
}

.page-online-training .page-section_main .media-opera-internet-archive:hover a {
    color: #d42b33
}

.page-online-training .page-section_main .media-opera-internet-archive .media-opera-internet-archive_left {
    width: 28% !important
}

.page-online-training .page-section_main .media-opera-internet-archive .media-opera-internet-archive_left .column-inner {
    padding-left: 20px !important;
    padding-right: 10px !important
}

.page-online-training .page-section_main .media-opera-internet-archive .media-opera-internet-archive_left .swiper-container {
    height: 350px !important;
    margin: 0 auto;
    padding: 0
}

.page-online-training .page-section_main .media-opera-internet-archive .media-opera-internet-archive_left .swiper-container .swiper-slide .headline a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.page-online-training .page-section_main .media-opera-internet-archive .media-opera-internet-archive_right {
    width: 72% !important
}

.page-online-training .page-section_main .media-opera-internet-archive .media-opera-internet-archive_right .column-inner {
    padding-left: 40px !important
}

.page-online-training .page-section_main .media-opera-internet-archive .media-opera-internet-archive_right .headline {
    text-align: left;
    font-size: 18px;
    line-height: 32px;
    margin: 0
}

.page-online-training .page-section_main .media-opera-internet-archive .media-opera-internet-archive_right .headline a {
    display: block;
    height: 64px;
    text-decoration: none
}

.page-online-training .page-section_main .media-opera-internet-archive .media-opera-internet-archive_right .attach {
    margin: 0
}

.page-online-training .page-section_main .media-opera-internet-archive .media-opera-internet-archive_right .opera-internet-publish-state {
    float: left;
    border-radius: 10px;
    background-color: #f04136;
    color: #fff;
    width: 68px;
    line-height: 24px;
    text-align: center;
    margin-right: 15px
}

.page-online-training .page-section_main .media-opera-internet-archive .media-opera-internet-archive_right .opera-internet-publish-time {
    float: left;
    font-size: 16px;
    color: rgba(167, 120, 80, .5)
}

.page-online-training .page-countryside-pagination {
    padding-bottom: 40px
}

.page-online-training .create-archive_online-recruitment .appointment-box {
    color: #838383;
    border: 1px solid #ddd;
    line-height: 40px
}

.page-online-training .create-archive_online-recruitment .appointment-box span {
    padding-right: 5px;
    padding-left: 5px
}

.page-online-training .create-archive_online-recruitment .appointment-box button {
    width: 118px;
    height: 40px;
    background-color: #d42b33;
    border: none;
    color: #fff;
    float: right;
    outline: 0
}

.page-online-training .create-archive_online-recruitment .appointment-box button a {
    color: #fff
}

.page-online-training .create-archive_online-recruitment .appointment-box .end-button {
    background-color: #d2d2d2
}

.page-online-training .nva-background-colora {
    background-color: #fff;
    padding: 0 28%;
    margin-left: -28%
}

.page-online-training .first-archive-list {
    display: block
}

.page-online-training .create-archive-search .create-archive-create-search {
    position: relative;
    z-index: 2;
    height: 30px;
    border: 0;
    border-radius: 5px;
    margin-bottom: 0;
    margin-right: 20px;
    margin-top: 7px;
    width: 0%;
    float: right;
    transition: width .1s linear;
    padding: 0 17px;
    background-color: #fcfbfb
}

.page-online-training .create-archive-search .create-archive-create-search.create_search-hover-active {
    width: 19%;
    border: 1px solid #dedede
}

.page-online-training .create-archive-search .create-archive-create-search.create_search-hover-active .create_search-select {
    width: auto;
    overflow: inherit
}

.page-online-training .create-archive-search .create-archive-create-search.create_search-hover-active .create_search-button {
    right: 0
}

.page-online-training .create-archive-search .create-archive-create-search .create-archive-wrapper {
    float: left;
    text-align: left;
    width: 70%
}

.page-online-training .create-archive-search .create-archive-create-search .create-archive-wrapper .create_search-input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: none;
    vertical-align: middle;
    background-color: transparent;
    font-size: 14px
}

.page-online-training .create-archive-search .create-archive-create-search .create-archive-wrapper .create_search-input:focus {
    outline: 0;
    border-radius: 0;
    border-color: transparent;
    background-color: transparent
}

.page-online-training .create-archive-search .create-archive-create-search .create-archive-wrapper .create_search-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.page-online-training .create-archive-search .create-archive-create-search .create_search-button {
    position: absolute;
    bottom: 50%;
    right: 0;
    width: 23%;
    line-height: 1;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    cursor: pointer;
    color: #b9b9b9;
    font-size: 14px
}

.page-online-training .create-archive-search .create-archive-create-search .create_search-button .iconfont {
    position: relative;
    top: 0;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 700;
    font-size: 16px
}

.page-online-training .create-archive-search .create-archive-create-search .create_search-button:hover {
    color: #f04136
}

.page-online-training .create-archive-search .create-archive-create-search .create_search-separate {
    position: absolute;
    width: 1px;
    height: 30px;
    background-color: #dcdcdc;
    top: 50%;
    right: 60px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-online-training .create-archive-document-download-list .create-archive-document-download-list_bg-white {
    width: 380.66px;
    padding: 3px;
    border: 1px solid #e7e2e1;
    position: relative;
    display: inline-block;
    background-color: #fff
}

.page-online-training .create-archive-document-download-list .create-archive-document-download-list_bg-white .create-archive-document-download-list_headline {
    background-color: #fff !important
}

.page-online-training .create-archive-document-download-list .create-archive-document-download-list_bg-white .create-archive-document-download-list_headline a {
    font-size: 18px !important;
    height: 50px !important;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    word-break: break-all;
    line-height: 50px;
    text-indent: 0rem
}

.page-online-training .create-archive-document-download-list .create-archive-document-download-list_bg-white .create-archive-document-download-list_attach {
    margin-bottom: 0;
    color: #999 !important;
    font-size: 16px
}

.page-online-training .create-archive-document-download-list .create-archive-document-download-list_bg-white .create-archive-document-download-list_attach .attach_brief-introduction {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.page-online-training .create-archive-document-download-list .create-archive-document-download-list_bg-white .create-archive-document-download-list_attach .upload-time {
    margin-top: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.page-online-training .train-live-list:after, .page-online-training .train-live-list:before {
    content: " ";
    display: table
}

.page-online-training .train-live-list:after {
    clear: both
}

.index-menu-layer-wrapper {
    top: 100px !important;
    bottom: 100px !important;
    background-color: transparent !important;
    border: 3px solid #e4e0e0
}

.index-menu-layer-wrapper .layui-layer-content {
    position: static !important
}

.index-menu-layer-wrapper .index-layer-center {
    position: absolute;
    top: 1.5%;
    width: 97.6%;
    height: 96.5%;
    overflow-y: scroll;
    border: 3px solid #484744;
    background-color: #fff;
    margin-left: 1%
}

.index-menu-layer-wrapper .index-layer-attach {
    z-index: 999;
    position: absolute;
    width: 261px;
    height: 66px;
    background: url(../img/index-attach.png) 0 0 no-repeat;
    background-size: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 66px;
    color: #5f2025;
    font-size: 26px;
    letter-spacing: 2rem
}

.index-menu-layer-wrapper .mooc-layer-attach {
    letter-spacing: .5rem !important
}

.index-menu-layer-wrapper .btn-layer-close {
    z-index: 999;
    width: 50px;
    height: 50px;
    position: absolute;
    background: url(../img/index-attach2.png) 0 0 no-repeat;
    background-size: 100%;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    cursor: pointer
}

.index-menu-layer-wrapper .btn-layer-close:hover {
    background: url(../img/index-attach3.png) 0 0 no-repeat;
    background-size: 100%
}

.index-menu-layer-wrapper .layer-text-container {
    padding-top: 70px;
    padding-bottom: 90px;
    padding-left: 20px;
    padding-right: 20px
}

.index-menu-layer-wrapper .layer-text-container .layer-text-para {
    font-size: 18px;
    line-height: 38px;
    text-indent: 2em
}

.index-menu-layer-wrapper .layer-text-container p img {
    width: 100%;
    height: 100%
}

.index-menu-layer-wrapper .layer-text-container__item {
    margin-bottom: 50px
}

.index-menu-layer-wrapper .hs-more {
    padding-bottom: .4rem
}

.index-menu-layer-wrapper .hs-more .layui-btn.layui-btn-fluid {
    height: .8rem;
    background: #fff;
    border-radius: .08rem;
    color: #666;
    font-size: .24rem
}

.page-pagination {
    text-align: center
}

.pagination {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline;
    padding-left: 0;
    margin: 24px 0
}

.pagination .item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline
}

.pagination .item a, .pagination .item span {
    position: relative;
    display: block;
    padding: 0 20px;
    height: 36px;
    min-width: -4px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    color: #8a8a8a;
    background-color: #fff;
    border-radius: 4px
}

.pagination .item:first-child a, .pagination .item:first-child span {
    margin-left: 0
}

.pagination .item:last-child a, .pagination .item:last-child span {
    margin-right: 0
}

.pagination .item input {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #c6c6c6;
    text-align: center;
    background-color: #f5f5f5;
    outline: 0
}

.pagination .news-number {
    font-size: 14px;
    margin-left: 20px;
    cursor: initial
}

.pagination .news-number i {
    font-size: 18px;
    color: #f04136;
    margin-left: 10px;
    margin-right: 10px
}

.pagination li a:hover, .pagination li span:hover {
    z-index: 2;
    color: #f04136;
    text-decoration: none;
    background-color: #fff;
    border: none;
    cursor: pointer
}

.pagination li a:focus, .pagination li span:focus {
    text-decoration: none
}

.pagination .first a, .pagination .last a, .pagination .next a, .pagination .previous a {
    color: #717171
}

.pagination .active a, .pagination .active a:hover, .pagination .active span, .pagination .active span:hover {
    z-index: 3;
    color: #fff;
    background-color: #f04136;
    border: none;
    cursor: default
}

.pagination .disabled a, .pagination .disabled a:focus, .pagination .disabled a:hover, .pagination .disabled span, .pagination .disabled span:focus, .pagination .disabled span:hover {
    color: #999;
    background-color: #fff;
    border: none;
    cursor: not-allowed
}

.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

.ui-text {
    border: 1px solid #dcdbdb;
    border-radius: 5px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    min-width: 367px;
    font-size: 14px;
    outline: 0;
    padding: 0 20px
}

.ui-area {
    border: 1px solid #dcdbdb;
    border-radius: 5px;
    line-height: 26px;
    background: #fff;
    width: 100%;
    font-size: 14px;
    height: 100px;
    box-sizing: border-box;
    outline: 0;
    padding: 0 20px
}

.formdatas-false {
    border: 1px solid #921d22
}

.column-list {
    text-align: center
}

.column-list .column_item {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border-bottom: 2px solid #fff;
    margin: 0 80px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer
}

.column-list .active {
    color: #f04136;
    border-bottom-color: #f04136
}

.message-ask {
    padding-top: 40px
}

.message-ask .tr {
    text-align: right
}

.message-ask .sendBtn {
    display: inline-block;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    background: #f04136;
    border-radius: 2px;
    padding: 0 80px;
    color: #fff
}

.message-list_wrapper .message-box {
    padding: 40px 0;
    border-bottom: 1px solid #e7e7e7
}

.message-list_wrapper .ask-list {
    height: 56px;
    line-height: 56px;
    position: relative;
    font-size: 14px
}

.message-list_wrapper .ask-list .avatar {
    border-radius: 50%;
    float: left;
    margin-right: 20px
}

.message-list_wrapper .ask-list .minute {
    float: right;
    opacity: .7
}

.message-list_wrapper .message-content {
    font-size: 14px;
    line-height: 24px;
    text-indent: 2em;
    padding-top: 20px
}

.venue-content {
    background: #fafafa
}

.page-search {
    width: 100%;
    height: 100%;
    background: url(https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/heilongjiang-h5/轻纸纤维@2x.png) 0 0 repeat;
    background-size: 100% 100%
}

.page-search .top-select-search {
    width: 14rem;
    margin: 0 auto;
    min-height: 200px
}

.page-search .top-select-search .consequence {
    color: #333;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 30px 0
}

.page-search .top-select-search .correlation {
    background: #ebeced;
    height: 120px;
    padding: 40px 20px;
    width: 100%;
    box-sizing: border-box
}

.page-search .top-select-search .correlation .antistop {
    display: inline-block
}

.page-search .top-select-search .correlation .antistop img {
    float: left;
    display: inline-block;
    margin: 10px 10px 0 10px
}

.page-search .top-select-search .correlation .antistop .particularly {
    display: inline-block
}

.page-search .top-select-search .correlation .antistop .particularly span {
    color: #cb4947
}

.page-search .top-select-search .recommend {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0
}

.page-search .top-select-search .recommend .shake-head {
    width: 23%;
    height: 270px;
    margin-right: 2.65%;
    margin-bottom: 10px
}

.page-search .top-select-search .recommend .shake-head img {
    width: 100%;
    height: 180px
}

.page-search .top-select-search .recommend .shake-head .compare {
    width: 100%;
    height: 80px;
    background-color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 15px 10px;
    box-sizing: border-box;
    line-height: 30px;
    cursor: pointer
}

.page-search .top-select-search .recommend .shake-head:nth-child(4n+4) {
    margin-right: 0
}

.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

.page__container {
    width: 13.96rem;
    margin: .5rem auto
}

.page__container.digital {
    margin-top: .1rem
}

.page-VR-show .live_ture {
    color: #921d22
}

.page-VR-show .live_ture .iconfont {
    color: #921d22
}

.page-VR-show .layui-laypage-refresh {
    display: none
}

.page-VR-show .demo7 {
    text-align: right
}

.page-VR-show .brief-swiper img {
    width: 100%
}

.page-VR-show .hs-more {
    margin-bottom: .3rem
}

.page-VR-show .hs-more .layui-btn {
    background: #fff;
    color: #333
}

.page-VR-show .pure-u-1-3 {
    width: 30% !important
}

.page-VR-show .VR-show-item {
    border: .01rem solid transparent;
    padding: .2rem;
    margin: .2rem;
    background: #fff;
    box-sizing: border-box
}

.page-VR-show .VR-show-item:hover {
    border: .01rem solid #990200
}

.page-VR-show .VR-show-item .title {
    font-size: .24rem;
    line-height: .6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.page-VR-show .VR-show-item .tag {
    color: #ccc;
    font-size: .12rem
}

.page-VR-show .VR-show-item .tag i.iconfont {
    padding-right: .06rem
}

.page-VR-show .VR-show-item .tag span {
    padding-right: .4rem;
    cursor: pointer
}

.page-digital-show .layui-laypage-refresh {
    display: none
}

.page-digital-show .demo7 {
    text-align: right
}

.page-digital-show .brief-swiper img {
    width: 100%
}

.page-digital-show .digital-show-item {
    position: relative;
    padding: .4rem .2rem;
    margin-bottom: .3rem;
    background: #fff
}

.page-digital-show .digital-show-item .img-box {
    width: 6.38rem;
    height: 3.58rem
}

.page-digital-show .digital-show-item .img-box img {
    width: 100%;
    height: 100%
}

.page-digital-show .title {
    padding-top: .3rem;
    font-size: .24rem;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.page-digital-show .content {
    font-size: .14rem;
    color: #999;
    padding-top: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 4
}

.page-digital-show .tag {
    font-size: .16rem;
    color: #333;
    line-height: .3rem;
    padding-top: .3rem
}

.page-digital-show .digital-show-item .detail {
    position: absolute;
    bottom: .4rem;
    color: #990200;
    font-size: .1rem;
    cursor: pointer
}

.page-digital-show .hs-more .layui-btn {
    background: #fff;
    color: #333
}

.page-web-show .page__container {
    margin: .5rem auto 0
}

.page-web-show .big-title {
    text-align: center;
    font-size: .36rem;
    color: #333;
    padding-bottom: .4rem
}

.page-web-show .big-title span {
    padding: 0 .36rem
}

.page-web-show .brief-swiper {
    width: 100%;
    height: 8rem;
    background: url(../img/swiper_bcgrd.png) no-repeat;
    background-size: 100% 100%
}

.page-web-show .footage {
    height: 6rem;
    width: 13.96rem;
    padding-top: 1rem
}

.page-web-show .footage .swiper-slide {
    text-align: center;
    color: #222;
    position: relative;
    width: 10rem;
    height: 5.62rem
}

.page-web-show .footage .swiper-slide .footage-title {
    padding: 0 .1rem;
    box-sizing: border-box;
    position: absolute;
    width: 60%;
    height: .55rem;
    line-height: .55rem;
    background: rgba(0, 0, 0, .6);
    text-align: center;
    bottom: .4rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    color: #fff;
    font-size: .2rem
}

.page-web-show .section__container {
    background-color: #fff
}

.page-web-show .digital-show-item {
    position: relative;
    padding: .4rem .2rem;
    margin-bottom: .3rem;
    background: #fff
}

.page-web-show .digital-show-item .title {
    padding-top: .3rem;
    font-size: .24rem;
    color: #333;
    font-weight: 700;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.page-web-show .digital-show-item .content {
    font-size: .14rem;
    color: #999;
    padding-top: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 4
}

.page-web-show .digital-show-item .tag {
    font-size: .16rem;
    color: #333;
    line-height: .3rem;
    padding-top: .3rem
}

.page-web-show .digital-show-item .detail {
    position: absolute;
    bottom: .4rem;
    color: #990200;
    font-size: .1rem;
    cursor: pointer
}

.page-web-show .VR-show-item {
    background: #fff;
    padding: .2rem;
    margin: .2rem;
    border: .01rem solid transparent;
    box-sizing: border-box;
    width: 30%
}

.page-web-show .VR-show-item:hover {
    border: .01rem solid #990200
}

.page-web-show .VR-show-item .title {
    font-size: .24rem;
    line-height: .6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.page-web-show .VR-show-item .tag {
    color: #ccc;
    font-size: .12rem
}

.page-web-show .VR-show-item .tag i.iconfont {
    padding-right: .06rem
}

.page-web-show .VR-show-item .tag span {
    padding-right: .4rem
}

.page-web-show .detail i {
    font-size: .1rem
}

.page-web-show .hs-more {
    margin-top: .4rem
}

.page-web-show .hs-more .layui-btn {
    background: #fff;
    color: #333
}

.page-activity-regist .area1-selection {
    position: relative;
    padding-left: .2rem;
    padding-top: .3rem
}

.page-activity-regist .area1-selection .select-area {
    position: absolute;
    left: .8rem;
    top: .3rem
}

.page-activity-regist .top-select {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: .4rem
}

.page-activity-regist .list-navs {
    padding-left: .2rem;
    padding-bottom: .5rem
}

.page-activity-regist .list-navs .navs-items li {
    float: left;
    padding-right: .5rem;
    padding-top: .2rem;
    font-size: .14rem;
    color: #666;
    cursor: pointer
}

.page-activity-regist .list-navs .navs-items .active {
    color: #990200
}

.page-activity-regist .venues-tab {
    position: relative;
    padding-left: .2rem;
    padding-top: .3rem
}

.page-activity-regist .venues-tab .venues-items {
    position: absolute;
    left: .8rem;
    top: .3rem;
    margin-left: .2rem
}

.page-activity-regist .venues-tab .venues-items li {
    float: left;
    padding: 0 .2rem;
    cursor: pointer;
    font-size: .14rem;
    color: #666
}

.page-activity-regist .venues-tab .venues-items .active {
    border: 1px solid #990200
}

.page-activity-regist .layui-laypage-refresh {
    display: none
}

.page-activity-regist .demo7 {
    text-align: right
}

.page-activity-regist .brief-swiper img {
    width: 100%
}

.page-activity-regist .hs-more {
    margin-bottom: .3rem
}

.page-activity-regist .hs-more .layui-btn {
    background: #fff;
    color: #333
}

.page-activity-regist .pure-u-1-3 {
    padding: 0;
    width: 30% !important
}

.page-activity-regist .culture_item {
    margin: 0 auto
}

.page-activity-regist .VR-show-item {
    position: relative;
    padding-bottom: .2rem;
    margin: .2rem;
    border: .01rem solid transparent;
    box-sizing: border-box;
    box-shadow: 1px 0 5px rgba(0, 0, 0, .2)
}

.page-activity-regist .VR-show-item:hover {
    border: .01rem solid #990200
}

.page-activity-regist .VR-show-item .title {
    width: calc(100% - .16rem);
    font-size: .18rem;
    color: #333;
    line-height: .6rem;
    padding-left: .1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.page-activity-regist .VR-show-item .tag {
    width: calc(100% - .24rem);
    color: #999;
    font-size: .14rem;
    padding-left: .18rem
}

.page-activity-regist .VR-show-item .tag i.iconfont {
    padding-right: .06rem
}

.page-activity-regist .VR-show-item .order-ticket {
    position: absolute;
    right: .3rem;
    bottom: .3rem;
    width: 1.08rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: 12px;
    cursor: pointer
}

.page-activity-regist .VR-show-item .time-out {
    background: #e8eaed
}

.page-activity-detail .big-title {
    text-align: center;
    font-size: .32rem;
    color: #333
}

.page-activity-detail .detail-title {
    width: 5rem;
    padding: 20px 0;
    line-height: .3rem;
    min-height: .6rem
}

.page-activity-detail .detail-title h3 {
    width: 100%;
    height: .24rem;
    font-size: .24rem;
    font-weight: 500;
    line-height: .24rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-activity-detail .detail-title .live_iconfont {
    padding-top: .12rem;
    overflow: hidden
}

.page-activity-detail .detail-title .live_iconfont .live_info span {
    margin: 0 5px;
    cursor: pointer
}

.page-activity-detail .detail-title .live_iconfont .live_info .iconfont {
    font-size: .14 prem;
    color: #999;
    margin-right: .02rem
}

.page-activity-detail .detail-title .live_iconfont .live_info .live_ture {
    color: #921d22
}

.page-activity-detail .detail-title .live_iconfont .live_info .live_ture .iconfont {
    color: #921d22
}

.page-activity-detail .detail-title h3 {
    font-size: 24px
}

.page-activity-detail .detail-title span {
    font-size: 14px;
    color: #999
}

.page-activity-detail .active_right {
    padding-top: 0
}

.page-activity-detail .active_right a.see-map {
    padding-left: .2rem;
    color: #4094ef;
    font-size: .16rem
}

.page-activity-detail .active_right .detail-line {
    position: relative;
    color: #333;
    font-size: .16rem;
    line-height: .4rem
}

.page-activity-detail .active_right .detail-line i {
    color: #999;
    display: inline-block;
    width: .7rem
}

.page-activity-detail .active_right .detail-line a {
    color: #4094ef
}

.page-activity-detail .active_right .makeBtn {
    width: 3rem;
    height: .6rem;
    line-height: .6rem;
    display: inline-block;
    background: #990200;
    color: #fff;
    font-size: .2rem;
    text-align: center;
    cursor: pointer;
    margin-top: 1rem
}

.page-activity-detail .active_right .ticket {
    color: #990200;
    padding-left: .1rem
}

.page-activity-detail .venue-content {
    padding-bottom: .3rem
}

.page-activity-detail .message-ask {
    padding-top: 40px
}

.page-activity-detail .message-ask .tr {
    text-align: right
}

.page-activity-detail .message-ask .sendBtn {
    display: inline-block;
    cursor: pointer;
    height: .38rem;
    line-height: .38rem;
    background: #990200;
    padding: 0 40px;
    color: #fff
}

.page-activity-detail .message-text {
    margin-bottom: .1rem
}

.page-activity-detail .no-comment {
    text-align: center;
    background: #fff
}

.page-activity-detail .no-comment p {
    color: #999;
    font-size: .14rem
}

.page-activity-detail .win-activity-container {
    height: 7.34rem
}

.page-activity-detail .win-activity-container .layui-layer-content {
    height: 7.34rem
}

.page-activity-detail .win-activity-container .win-title {
    color: #666 !important
}

.page-activity-detail .venue-swiper {
    padding: 50px 0;
    text-align: center;
    color: #999;
    font-size: .12rem;
    cursor: pointer;
    padding-bottom: 100px
}

.page-activity-detail .venue-swiper .swiper-slide {
    padding: 0 .1rem;
    box-sizing: border-box
}

.page-activity-detail .venue-swiper .item-wrapper {
    width: auto;
    height: 425px;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .2)
}

.page-activity-detail .venue-swiper .venue-name {
    text-align: center;
    color: #333;
    font-size: .18rem;
    padding-top: .2rem;
    box-sizing: border-box;
    font-weight: 600
}

.page-activity-detail .venue-swiper .venue-num {
    font-size: .12rem;
    text-align: center;
    color: #999;
    padding: .1rem 0
}

.page-activity-detail .venue-swiper .booking-btn1 {
    text-align: center;
    background: #990200;
    color: #fff;
    border-radius: .3rem;
    font-size: 12px;
    padding: .05rem .2rem;
    cursor: pointer
}

.page-activity-detail .venue-swiper .booking-btn2 {
    text-align: center;
    border: 1px solid #990200;
    color: #990200;
    border-radius: .3rem;
    font-size: .12rem;
    padding: .05rem .2rem;
    cursor: pointer
}

.reco-items {
    border-left: 1px solid #e5e5e5
}

.info-list {
    padding-top: .2rem
}

.info-item {
    padding: 0 0 .3rem 0
}

.info-item .intro-title {
    font-size: .16rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.info-item .intro-area, .info-item .intro-desc, .info-item .intro-num {
    font-size: .12rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.info-item .intro-area {
    padding-top: .2rem
}

.map-inner {
    height: 6.4rem;
    border: 1px solid;
    margin: .3rem .2rem
}

.page-personal-information .userInfo-div-author {
    margin: 20px auto
}

.page-personal-information .author-input {
    width: 526px;
    height: 40px;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    margin-right: 50px;
    padding-left: 10px;
    color: #999
}

.page-personal-information .prohibit-bant {
    border: 0 !important;
    background-color: #fff !important
}

.page-personal-information .btn-active {
    background: #9a0402 !important
}

.page-personal-information #save {
    width: 160px;
    background: #ccc;
    cursor: pointer;
    border: 0
}

.page-personal-information .form-div-title {
    text-align: right
}

.page-personal-information .form-div-title span {
    display: inline-block;
    width: 130px
}

.page-personal-information .upGoups-label-box {
    display: inline-flex;
    width: 250px;
    height: 150px;
    border-radius: 10px;
    background: #fff;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #b4b4b4;
    position: relative
}

.page-personal-information .upGoups-label-box > img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 9;
    border-radius: 10px;
    background: #fff
}

.page-personal-information .upload-div-goups {
    width: 526px;
    display: flex;
    justify-content: space-between
}

.page-personal-information .upload-div-addIcon {
    margin: 20px;
    display: inline-block;
    width: 39px;
    height: 39px;
    background-image: url("https://culturetv.hanyastar.com.cn/front-end-engineer/Intangible-heritage/special/组件 81 – 1.png");
    background-size: cover;
    background-position: center
}

.page-personal-information .author-div-submit {
    padding-left: 150px;
    box-sizing: border-box;
    margin-top: 50px
}

.page-personal-information .author-div-submit .userCenter-button-btn {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    min-width: 108px
}

.page-personal-information .author-div-result {
    width: 571px;
    height: 618px;
    border: 15px solid rgba(255, 255, 255, .7)
}

.page-personal-information .result-div-container {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.page-personal-information .result-div-title {
    font-size: 22px;
    margin: 20px 0
}

.page-personal-information .result-div-text {
    font-size: 16px;
    color: #747474
}

.page-personal-information .active-order {
    color: #b92d0a
}

.page-collect .userInfo-div-collction {
    display: flex;
    flex-flow: row wrap;
    margin-top: 20px;
    width: 100%
}

.page-collect .collction-div-item {
    width: 325px;
    height: 275px;
    border: 1px solid #ddd;
    margin-right: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-flow: column;
    cursor: pointer
}

.page-collect .item-div-imgBox {
    width: 100%;
    height: 185px;
    position: relative
}

.page-collect .imgBox-img-cover {
    width: 100%;
    height: 100%
}

.page-collect .imgBox-img-delete {
    border-radius: 26px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 9
}

.page-collect .item-p-title {
    width: 100%;
    font-size: 18px;
    color: #333;
    padding: 0 10px;
    line-height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-collect .item-p-time {
    font-size: 16px;
    width: 100%;
    line-height: 30px;
    line-height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between
}

.page-collect .active-collection {
    color: #b92d0a
}

.page-comment .userCenter-div-comments {
    width: 100%;
    min-height: 300px
}

.page-comment .item-div-title {
    height: 52px;
    width: 100%;
    background: #f4f4f4;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box
}

.page-comment .userCenter-div-comments {
    margin: 20px 0
}

.page-comment .commenst-div-item {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    margin: 20px 0;
    border-radius: 2px;
    border: 1px solid #e4e4e4
}

.page-comment .item-div-title p {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 900
}

.page-comment .userCenter-button-commentDelete {
    width: 70px;
    height: 28px;
    border-radius: 10px;
    color: #fff;
    display: flex;
    background: #b92d0a;
    color: #fff;
    border: 0;
    justify-content: center;
    align-items: center
}

.page-comment .review {
    line-height: 30px
}

.page-comment .item-div-container {
    padding: 20px;
    font-size: 16px;
    color: #333;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.page-comment .item-div-container div {
    width: 90%
}

.page-comment .item-div-container i {
    cursor: pointer
}

.page-comment .item-div-time {
    padding: 0 20px;
    font-size: 14px
}

.page-order-form .userOrder-div-list {
    width: 95%;
    min-height: 600px
}

.page-order-form .order-div-item {
    width: 90%;
    height: 220px;
    cursor: pointer
}

.page-order-form .userOrder-div-list {
    margin: 20px 0
}

.page-order-form .order-div-item {
    display: flex;
    flex-direction: column
}

.page-order-form .order-div-item .price-ipc {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e4e4e4;
    line-height: 50px;
    margin-bottom: 20px
}

.page-order-form .item-div-img {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.page-order-form .item-div-img .nest-relation {
    display: flex;
    width: 70%
}

.page-order-form .item-div-img .nest-relation img {
    width: 240px;
    height: 135px;
    margin-right: 10px
}

.page-order-form .item-div-img .nest-relation .correlation h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    color: #333;
    opacity: 1;
    margin-bottom: 15px
}

.page-order-form .item-div-img .nest-relation .correlation p {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 25px;
    color: #999;
    height: 25px;
    opacity: 1
}

.page-order-form .check-audit {
    width: 10%
}

.page-order-form .item-div-orderInfo {
    margin-left: 15px;
    flex: 1;
    padding: 10px 0
}

.page-order-form .order-div-info, .page-order-form .order-div-note {
    width: 95%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    border-bottom: 1px solid #d0cece
}

.page-order-form .order-div-info span {
    font-size: 16px;
    color: #838383;
    margin: 10px 0
}

.page-order-form .order-div-title {
    margin: 10px 0;
    font-size: 18px;
    color: #333;
    min-height: 60px
}

.page-order-form .order-div-note {
    border: 0;
    align-items: center
}

.page-order-form .order-div-note > span {
    color: #b92d0a;
    font-size: 16px
}

.page-order-form .note-div-btns .btns-button-look {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 0;
    border-radius: 5px;
    color: #fff;
    background: #f38848;
    margin: 0 10px
}

.page-order-form .note-div-btns .btns-button-status {
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 0;
    border-radius: 5px;
    color: #fff;
    background: #b92d0a;
    margin: 0 10px
}

.userCenter-div {
    width: 1400px;
    min-height: 600px;
    margin: 10px auto;
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box
}

.userCenter-div-nav {
    font-size: 14px;
    color: #707070
}

.userCenter-div-nav a {
    color: #707070;
    margin: 0 2px
}

.userCenter-div-nav .userCenter-a-select {
    color: #b92d0a
}

.userCenter-div-box {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    min-height: 400px;
    margin: 26px 0
}

.userCenter-div-menu {
    width: 224px;
    height: 600px;
    display: flex;
    flex-flow: column;
    border: 1px solid #e4e4e4
}

.menu-div-userInfo {
    width: 224px;
    height: 224px;
    text-align: center;
    background: url(../../image/userCenterBg.png) no-repeat;
    background-size: 100% 100%;
    background-color: #fffaf2
}

.userCenter-div-userImg {
    position: relative;
    width: 105px;
    height: 105px;
    background: #fff;
    margin: auto;
    border-radius: 54px;
    margin-top: 63px;
    border: 3px solid #fff
}

.userCenter-div-userImg .userInfo-img-userImg {
    width: 108px;
    height: 108px;
    border-radius: 54px
}

.userInfo-div-userName {
    font-size: 20px;
    color: #313131;
    margin: 10px 0
}

.userCenter-div-userInfo {
    margin-left: 57px;
    flex: 1;
    color: #707070
}

.userCenter-div-menuList {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    min-width: 500px
}

.userCenter-div-userImg .userInfo-img-setting {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    border: 1px solid #d0cece;
    border-radius: 10px;
    padding: 2px;
    width: 15px;
    background: #fff;
    height: 15px
}

.userInfo-img-setting img {
    width: 100%;
    height: 100%
}

.userInfo-div-menuList {
    flex: 1;
    display: flex;
    flex-flow: column wrap;
    text-align: center
}

.menuList-div-item {
    height: 52px;
    width: 100%
}

.menuList-div-item a {
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #707070
}

.menuList-div-item.menuList-div-itemSelect a {
    color: #b92d0a
}

.userInfo-div-titleNoSelect {
    text-align: center;
    display: inline-block;
    color: #707070;
    min-width: 76px;
    height: 35px;
    font-size: 18px;
    cursor: pointer;
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.userInfo-div-titleNoSelect:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, 0);
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px
}

.userInfo-div-title {
    text-align: center;
    display: inline-block;
    color: #b92d0a;
    min-width: 76px;
    height: 35px;
    font-size: 18px;
    position: relative
}

.userInfo-div-title img {
    margin-right: 10px
}

.userCenter-button-btn {
    min-width: 75px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background: #b92d0a;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #b92d0a
}

.code-img {
    width: 185px;
    height: 100px
}

.form-div-title, .form-div-titleTwo {
    font-size: 16px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.form-div-title > span {
    margin-right: 10px;
    display: inline-block;
    width: 130px;
    text-align: right
}

.form-div-titleTwo > span {
    margin-right: 10px
}

.userInfo-div-form, .userInfo-div-formMin {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px auto
}

.userInfo-div-formFile {
    height: auto;
    min-height: 50px
}

.userInfo-div-formFile .form-div-title {
    align-items: flex-start
}

.public-div-model {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99
}

.userInfo-div-form, .userInfo-div-formMin {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0
}

.userInfo-div-formMin {
    width: 92%
}

.date-div-box {
    position: relative;
    display: flex;
    align-items: center
}

.sex-label-boy {
    color: #75b9eb
}

.sex-div-box {
    width: 456px
}

.sex-label-girl {
    color: #ff3fc9
}

.sex-div-box input {
    width: 13px;
    height: 13px
}

.sex-div-box label {
    display: flex;
    align-items: center
}

.sex-div-box label span {
    margin: 0 10px
}

.sex-label-boy img, .sex-label-girl img {
    width: 21px;
    height: 21px
}

.sex-selection, .title-div-name, .title-input-date, .title-input-phone, .title-input-pwd {
    width: 480px;
    height: 40px;
    border: 0;
    font-size: 16px;
    line-height: 40px;
    border: 1px solid #e4e4e4;
    opacity: 1;
    border-radius: 4px;
    padding-left: 15px;
    box-sizing: border-box;
    color: #999
}

#userBtn {
    width: 160px;
    background: #ccc;
    opacity: 1;
    border-radius: 2px;
    border: 0;
    margin-left: 140px;
    cursor: pointer
}

#phoneBtn {
    width: 160px;
    background: #ccc;
    opacity: 1;
    border-radius: 2px;
    border: 0;
    margin-left: 140px;
    cursor: pointer
}

.base-account {
    position: relative
}

.base-account .diagram-fign {
    position: absolute;
    top: 0;
    right: 0;
    width: 132px;
    height: 40px;
    background: #c1a991;
    opacity: 1;
    border-radius: 0 4px 4px 0;
    text-align: center;
    line-height: 40px;
    color: #fff;
    cursor: pointer
}

.base-account .fign-btns {
    border: 0;
    outline: 0;
    font-size: 14px
}

.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

.page-my-training .user-center-main__list {
    border-top: 2px dashed #e6e6e6;
    margin-top: -2px;
    padding-top: 25px
}

.page-my-training .user-center-main__list .user-center-main__list-item {
    border: 1px solid #f5f5f5;
    position: relative;
    padding-left: 200px;
    height: 140px !important;
    margin-bottom: 20px
}

.page-my-training .user-center-main__list .user-center-main__list-item:hover {
    border-color: #d42b33
}

.page-my-training .user-center-main__list .user-center-main__list-item .object {
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 0;
    padding-left: 0;
    height: 114px;
    width: 180px
}

.page-my-training .user-center-main__list .user-center-main__list-item .object img {
    width: 100%;
    height: 100%
}

.page-my-training .user-center-main__list .user-center-main__list-item .caption {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 205px;
    padding-bottom: 18px
}

.page-my-training .user-center-main__list .user-center-main__list-item .caption .completion {
    position: absolute;
    right: 130px;
    top: 20px;
    color: #52b100;
    font-size: 12px;
    border: 1px solid #52b100;
    border-radius: 4px;
    padding: 2px 6px
}

.page-my-training .user-center-main__list .user-center-main__list-item .caption .down-load {
    position: absolute;
    right: 130px;
    bottom: 20px;
    background: #dc1a22;
    color: #fff;
    font-size: 14px;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer
}

.page-my-training .user-center-main__list .user-center-main__list-item .caption .abstract {
    margin-top: 50px
}

.page-my-training .user-center-main__list .user-center-main__list-item .caption .abstract .abstract-span-item {
    margin-right: 25px;
    font-size: 14px
}

.page-my-training .user-center-main__list .user-center-main__list-item .caption .abstract .abstract-span-item .iconfont {
    font-size: 16px;
    margin-right: 5px
}

.page-my-training .user-center-main__list .user-center-main__list-item .headline {
    line-height: 1;
    font-size: 18px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.page-my-training .user-center-main__list .user-center-main__list-item .attach {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #333;
    margin: 0
}

.page-my-training .user-center-main__list .user-center-main__list-item .attach-item {
    font-size: 18px
}

.page-my-training .user-center-main__list .user-center-main__list-item .attach-item .iconfont {
    margin-right: 5px
}

.page-my-training .user-center-main__list .user-center-main__list-item .attach-item.success .iconfont {
    color: #2b923a
}

.page-my-training .user-center-main__list .user-center-main__list-item .attach-item.fail .iconfont {
    color: #e16613
}

.page-my-training .user-center-main__list .user-center-main__list-item .attach-item.waiting {
    color: #976d4b
}

.login-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../image/signin-bg.png) no-repeat center center;
    background-size: cover;
    flex-grow: 2;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .login-box {
    width: 572px;
    height: 640px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #f8fbfd;
    box-sizing: border-box
}

.login-content .login-center {
    box-sizing: border-box;
    width: 570px;
    height: 638px;
    background-image: url(../../image/loginBox.png);
    background-size: cover;
    padding: 50px 30px
}

.login-content .login-card {
    width: 100%;
    height: 100%;
    border: 1px solid transparent
}

.login-content .login-title {
    font-size: 38px;
    font-weight: 400;
    color: #b92d0a;
    text-align: center;
    margin: 10px 0 30px
}

.login-content .form-box, .login-content .login-tab {
    padding: 0 20px
}

.login-content .login-tab {
    margin-bottom: 20px
}

.login-content .login-tab a {
    cursor: pointer
}

.login-content .form-box .form-item {
    position: relative;
    margin-bottom: 25px
}

.login-content .form-box .form-item input[type=password], .login-content .form-box .form-item input[type=text] {
    height: 25px
}

.login-content .form-box .form-item .phone, .login-content .form-box .form-item .pwd, .login-content .form-box .form-item .username {
    width: 430px
}

.login-content .message-code, .login-content .verification-code {
    width: 258px
}

.login-content .form-box .form-item button {
    padding: 7px 17px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    width: 167px
}

.login-content .form-box .form-item .canvas {
    width: 167px;
    height: 37px;
    background: #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.login-content .send-btn {
    padding: 7px 26px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #b92d0a;
    color: #fff;
    cursor: pointer
}

.login-content .form-box .form-item button.submit-btn {
    width: 100%
}

.login-content .check-box {
    margin-top: 80px;
    text-align: center
}

.login-content .pasword-login-form {
    display: none
}

.login-content .forget-pwd {
    text-align: right
}

.login-content .agreeTitle {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.login-content .agree-content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.login-content .agree-btn {
    text-align: center
}

.login-content .agree-btn a {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background-color: #707070;
    color: #fff
}

.login-content .agree-btn .red {
    background-color: #b92d0a;
    color: #fff;
    margin-left: 35px
}

.venue-detail .detail-img {
    position: relative;
    min-height: 450px
}

.venue-detail .detail-img .detail-state {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff
}

.venue-detail .detail-img .detail-state font {
    padding: 0 10px
}

.venue-detail .detail-img .detail-state .iconfont {
    font-size: 14px
}

.venue-detail .detail-img .detail-state .red {
    color: red;
    opacity: .7
}

.venue-detail .detail-ico {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 30px;
    height: 60px;
    border-bottom: 2px solid #e2e2e2;
    position: relative;
    background: url(../img/poster/news-title.png) no-repeat left bottom
}

.venue-detail .detail-ico .read {
    display: inline-block;
    position: absolute;
    left: 0
}

.venue-detail .detail-ico .share {
    display: inline-block;
    position: absolute;
    right: 0
}

.venue-detail .detail-ico .iconfont {
    padding-right: 10px
}

.venue-detail .detail-ico .pure-u-1-2 {
    text-align: center
}

.venue-detail .venue-content .deseditor {
    padding: 40px 0;
    line-height: 28px
}

.venue-detail .venue-content .deseditor img {
    width: 100% !important
}

.venue-detail .venue-content .activity-site {
    padding-top: 40px;
    overflow: hidden
}

.venue-detail .venue-content .activity-site .activity-site_list {
    border: 1px solid #f1f1f1;
    background: #f9f9f9;
    padding: 10px
}

.venue-detail .venue-content .activity-site .activity-site_list .headline {
    height: 40px;
    line-height: 40px;
    text-indent: 20px;
    background: #f6f6f6;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    font-size: 18px
}

.venue-detail .venue-content .activity-site .activity-site_list .abstract {
    line-height: 36px;
    text-indent: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.venue-detail .venue-content .activity-site .activity-site_list .yuding {
    padding-bottom: 20px;
    text-align: center
}

.venue-detail .venue-content .activity-site .activity-site_list .yuding a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background: #e2b68b;
    width: 136px;
    border-radius: 5px;
    color: #fff
}

.venue-detail .venue-content .activity-site .activity-site_list .yuding a:hover {
    opacity: .9
}

.venue-detail .venue-content .activity-site .activity-site_list a:hover {
    text-decoration: none
}

.forms-style .top40 {
    top: 40px
}

.forms-style .input-wrapper {
    position: relative;
    min-height: 30px;
    padding-left: 100px
}

.forms-style .input-wrapper .input-lable {
    position: absolute;
    line-height: 30px;
    display: inline-block;
    left: 0;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.forms-style .input-wrapper .w25 {
    width: 22%
}

.forms-style .input-wrapper .w27 {
    min-width: 170px !important
}

.forms-style .input-wrapper .v_code {
    height: 28px;
    line-height: 28px;
    border: 1px solid #f04136;
    background: #f04136;
    display: inline-block;
    border-radius: 5px;
    width: 160px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-left: 36px
}

.forms-style .input-wrapper .phone-code-disabled {
    background: #c9c9c9;
    cursor: not-allowed;
    border: none
}

.forms-style .input-wrapper .v_picture {
    display: inline-block;
    width: 160px;
    height: 28px;
    border-radius: 5px;
    margin-left: 36px;
    cursor: pointer
}

.forms-style .form-book-swiper {
    position: relative;
    padding: 0 20px;
    height: 318px;
    overflow: hidden
}

.forms-style .form-book-swiper .book-time {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 700
}

.forms-style .form-book-swiper .book-day {
    background: #f9f9f9;
    text-align: center;
    padding: 20px 0
}

.forms-style .form-book-swiper .chunk {
    display: inline-block;
    border: 1px dashed #b8b8b8;
    width: 98px;
    font-size: 14px;
    padding-bottom: 10px
}

.forms-style .form-book-swiper .chunk .bookBtn {
    width: 90%;
    display: inline-block;
    line-height: 24px;
    background: #e2b68b;
    color: #fff;
    cursor: pointer
}

.forms-style .form-book-swiper .chunk .grey {
    background: #d0cece
}

.forms-style .form-book-swiper .chunk .full {
    background: #8e030a
}

.forms-style .form-book-swiper .active .chunk {
    border: 1px dashed #f04136;
    background: #fff5ec;
    color: #8e030a
}

.forms-style .form-book-swiper .arrowLeft, .forms-style .form-book-swiper .arrowRight {
    position: absolute;
    display: inline-block;
    bottom: 0;
    width: 28px;
    height: 278px;
    line-height: 278px;
    text-align: center;
    z-index: 10;
    background: #f1f1f1
}

.forms-style .form-book-swiper .arrowLeft .iconfont, .forms-style .form-book-swiper .arrowRight .iconfont {
    font-size: 20px
}

.forms-style .form-book-swiper .arrowLeft:hover, .forms-style .form-book-swiper .arrowRight:hover {
    background: #fff5ec
}

.forms-style .form-book-swiper .arrowLeft:hover .iconfont, .forms-style .form-book-swiper .arrowRight:hover .iconfont {
    color: #8e030a
}

.forms-style .form-book-swiper .arrowLeft {
    left: 0
}

.forms-style .form-book-swiper .arrowRight {
    right: 0
}

.forms-style .forms-btn {
    padding: 80px;
    text-align: center
}

.forms-style .forms-btn .confirmSubmit {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    background: #f04136;
    color: #fff;
    font-size: 18px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    padding: 0 80px;
    cursor: pointer
}

.win-activity {
    background: 0 0 !important
}

.win-activity .win-title {
    height: 78px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 24px;
    color: #555;
    text-align: center;
    line-height: 78px
}

.win-activity .win-activity-top {
    height: 80px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff
}

.win-activity .win-activity-bottom {
    height: 64px;
    background-color: #fff
}

.win-activity .win-activity-container {
    background-color: #fff
}

.win-activity .win-wrapper {
    width: 1064px;
    margin: 0 auto
}

.win-activity .win-wrapper .success-title {
    text-align: center;
    padding: 20px 0
}

.win-activity .win-wrapper .success-title p {
    font-size: 24px;
    margin-top: 10px;
    color: #666
}

.win-activity .win-wrapper .success-space-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 6rem;
    width: 98%;
    background: url(../img/poster/win-activity-bg.png) 0 0 no-repeat;
    background-size: 100%
}

.win-activity .win-wrapper .success-space {
    padding: 20px 50px
}

.win-activity .win-wrapper .success-space .success-information {
    background: #f7f7f7;
    padding: 30px;
    position: relative
}

.win-activity .win-wrapper .success-space .success-information h1 {
    font-size: 22px;
    padding: 30px 0;
    padding-top: 0;
    margin-bottom: 30px;
    border-bottom: 1px dashed #e8e8e8
}

.win-activity .win-wrapper .success-space .success-information .information-fl {
    position: relative
}

.win-activity .win-wrapper .success-space .success-information .information-fl p {
    padding: 10px 0;
    font-size: 16px
}

.win-activity .win-wrapper .success-space .success-information .information-fl p em {
    opacity: .7
}

.win-activity .win-wrapper .success-space .success-information .code-fr {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding: 10px;
    text-align: right
}

.win-activity .win-wrapper .success-space .success-information .code-fr .code-img {
    padding: 5px
}

.win-activity .win-wrapper .success-space .success-information .code-fr p {
    margin-top: 20px;
    padding: 1.5px 0 !important;
    background: #f5f5f5;
    position: relative;
    left: -24px;
    width: initial;
    font-size: 14px
}

.win-activity .win-wrapper .success-space .btn-box {
    padding: 50px 0 0 0;
    text-align: center;
    display: inline-block;
    width: 30%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.win-activity .win-wrapper .success-space .btn-box .information-btn {
    line-height: 44px;
    width: 137px
}

.win-activity .win-wrapper .success-space .btn-box .information-btn a:active, .win-activity .win-wrapper .success-space .btn-box .information-btn a:hover {
    text-decoration: none
}

.win-activity .win-wrapper .success-space .btn-box .btn-go {
    border: 1px solid #990200;
    float: left
}

.win-activity .win-wrapper .success-space .btn-box .btn-go a {
    color: #990200
}

.win-activity .win-wrapper .success-space .btn-box .btn-return {
    float: right;
    border: 1px solid #999
}

.win-activity .win-wrapper .success-space .btn-box .btn-return a {
    color: #999
}

.win-activity .win-wrapper .pd-space {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 30px;
    padding-bottom: 30px
}

.win-activity .win-wrapper .headline {
    height: 40px;
    line-height: 40px;
    font-size: 22px
}

.win-activity .win-wrapper .win-form-wrapper {
    min-height: 40px;
    position: relative;
    padding-left: 150px
}

.win-activity .win-wrapper .win-form-wrapper input {
    cursor: pointer
}

.win-activity .win-wrapper .winLable {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    display: inline-block;
    width: 150px;
    text-align: right
}

.win-activity .win-wrapper .win-name {
    display: inline-block;
    line-height: 40px
}

.win-activity .win-wrapper .modifyBtn {
    line-height: 40px;
    display: inline-block;
    margin-left: 40px;
    color: #047aff;
    cursor: pointer
}

.win-activity .win-wrapper .modifyBtn .iconfont {
    padding-right: 10px
}

.win-activity .win-wrapper .win-text {
    border: 1px solid #dcdbdb;
    border-radius: 5px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    min-width: 240px;
    outline: 0;
    padding: 0 10px;
    display: none
}

.win-activity .win-wrapper .win-number {
    border: 1px solid #dcdbdb;
    border-radius: 5px;
    height: 38px;
    width: 480px;
    outline: 0;
    text-indent: 10px
}

.win-activity .win-wrapper .win-verification-code {
    width: 480px;
    border: 1px solid #dcdbdb;
    height: 38px;
    border-radius: 5px;
    position: relative
}

.win-activity .win-wrapper .win-verification-code .v-code-text {
    display: inline-block;
    width: 350px;
    height: 38px;
    border: 0;
    text-indent: 10px;
    outline: 0;
    border-radius: 5px
}

.win-activity .win-wrapper .win-verification-code .code-img {
    position: absolute
}

.win-activity .win-wrapper .win-verification-code .get-message {
    display: inline-block;
    background: #c1a991;
    cursor: pointer;
    width: 125px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    height: 38px;
    line-height: 40px
}

.win-activity .win-wrapper .win-cbox {
    font-size: 14px
}

.win-activity .win-wrapper .win-week-swiper {
    width: 665px;
    position: relative
}

.win-activity .win-wrapper .win-week-swiper .swiper-button-prev {
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    cursor: pointer
}

.win-activity .win-wrapper .win-week-swiper .swiper-button-next {
    position: absolute;
    right: -25px;
    top: 50%;
    font-weight: 600;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.win-activity .win-wrapper .win-week-swiper .swiper-slide {
    width: 95px
}

.win-activity .win-wrapper .win-week-swiper .date-time {
    text-align: center;
    padding-right: 20px
}

.win-activity .win-wrapper .win-week-swiper .weekItem {
    width: 86px;
    height: 66px;
    padding-top: 6px;
    line-height: 20px;
    text-align: center;
    border: 2px dashed #e5e5e5;
    font-size: 12px;
    font-family: Arial;
    margin-bottom: 20px;
    cursor: pointer
}

.win-activity .win-wrapper .win-week-swiper .weekItem span {
    font-size: 14px;
    font-family: '微软雅黑'
}

.win-activity .win-wrapper .win-week-swiper .booking-tag1 {
    background: #c1a991;
    color: #fff;
    padding: 0 10px
}

.win-activity .win-wrapper .win-week-swiper .booking-tag2 {
    background: #ccc;
    color: #fff;
    padding: 0 10px
}

.win-activity .win-wrapper .win-week-swiper .booking-tag3 {
    background: #d26867;
    color: #fff;
    padding: 0 10px
}

.win-activity .win-wrapper .win-week-swiper .tickets {
    font-size: 12px;
    margin-right: 10px;
    text-align: center;
    color: #666;
    margin-bottom: 10px
}

.win-activity .win-wrapper .win-week-swiper .tickets font {
    color: red
}

.win-activity .win-wrapper .win-week-swiper .disabled {
    opacity: .6;
    cursor: not-allowed
}

.win-activity .win-wrapper .win-week-swiper .disabled .weekItem {
    background: #e4e4e4;
    color: #999
}

.win-activity .win-wrapper .win-week-swiper .active {
    background: #c1a991;
    color: #fff;
    border: 2px solid #c1a991
}

.win-activity .win-wrapper .win-week-swiper .active1 .weekItem {
    background: #c1a991;
    color: #fff;
    border: 2px solid #c1a991
}

.win-activity .win-wrapper .codeBtn {
    width: 90px;
    position: absolute;
    text-align: center;
    font-size: 14px;
    right: 0;
    top: 0;
    height: 38px;
    line-height: 38px;
    color: #fff;
    background: #c1a991;
    outline: 0;
    border: 0;
    cursor: pointer
}

.win-activity .win-wrapper .losing_item {
    text-align: center;
    padding: 50px 0;
    box-sizing: border-box
}

.win-activity .win-wrapper .losing_item .losing_bg {
    width: 550px;
    padding: 90px 0;
    box-sizing: border-box;
    margin: auto;
    height: 500px;
    background-color: #f5f5f5
}

.win-activity .win-wrapper .losing_item .losing_bg .title {
    font-size: 28px;
    color: #181818;
    font-weight: 700;
    margin-top: 30px
}

.win-activity .win-wrapper .losing_item .losing_buts {
    width: 135px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border: 1px solid #8e030a;
    border-radius: 5px;
    color: #8e030a;
    margin: 20px auto;
    font-size: 18px;
    cursor: pointer
}

.win-activity .win-wrapper .nextStepBtn {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    background: #990200;
    border-radius: 2px;
    padding: 0 50px;
    font-size: 18px;
    color: #fff;
    margin-left: 50px;
    cursor: pointer
}

.win-activity .win-wrapper .cancelBtn {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 0 50px;
    font-size: 18px;
    color: #999;
    margin-left: 50px;
    cursor: pointer
}

.win-activity .win-wrapper .explain {
    border-top: 1px dashed #b4b4b4;
    padding: 40px 100px;
    background-color: #f1f1f1
}

.win-activity .win-wrapper .explain p {
    opacity: .7;
    font-size: 14px
}

.win-activity .layui-layer-close2 {
    top: -10px !important;
    right: 0 !important
}

.page-culture-travel-detail .venue-content {
    border-bottom: 1px solid rgba(112, 112, 112, .15);
    min-height: auto
}

.page-culture-travel-detail .column_item {
    font-size: 24px !important
}

.page-culture-travel-detail .culture-travel-title {
    color: #333;
    font-size: 24px;
    line-height: 70px;
    padding-left: 15px;
    font-weight: 700;
    position: relative
}

.page-culture-travel-detail .culture-travel-title::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 23px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.page-culture-travel-detail .deseditor .map-poster {
    text-align: center;
    padding: 20px 0
}

.page-culture-travel-detail .deseditor .map-poster img {
    width: 780px !important
}

.activity-swiper-container {
    position: relative
}

.activity-swiper-container .swiper-button-prev {
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    cursor: pointer
}

.activity-swiper-container .swiper-button-next {
    position: absolute;
    right: -25px;
    top: 50%;
    font-weight: 600;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

#_ideConac {
    display: none;
}