.text-left { text-align: left!important }
@font-face { font-family: iconfontL; src: url("https://assets-cdn.lanqb.com/iconfont/lanqb/pc/iconfont.eot?t=1663753752574"); src: url("https://assets-cdn.lanqb.com/iconfont/lanqb/pc/iconfont.eot?t=1663753752574#iefix") format("embedded-opentype"), url("https://assets-cdn.lanqb.com/iconfont/lanqb/pc/iconfont.woff2?t=1663753752574") format("woff2"), url("https://assets-cdn.lanqb.com/iconfont/lanqb/pc/iconfont.woff?t=1663753752574") format("woff"), url("https://assets-cdn.lanqb.com/iconfont/lanqb/pc/iconfont.ttf?t=1663753752574") format("truetype"), url("https://assets-cdn.lanqb.com/iconfont/lanqb/pc/iconfont.svg?t=1663753752574#iconfont") format("svg"); font-display: swap }
.iconfont, .iconfont-2021, .iconfont-new { font-family: iconfontL!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-height: 100%; position: relative; height: auto }
body { margin: 0; font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \\\5FAE\8F6F\96C5\9ED1, STHeitiSC-Light, simsun, \\\5B8B\4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif"; font-size: 12px; color: #212b34; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "kern", "liga"; font-feature-settings: "kern", "liga"; background-color: #fff; cursor: default; padding-bottom: 120px }
body, html { overflow-x: hidden; -webkit-tap-highlight-color: transparent }
article, aside, details, figure, footer, header, iframe, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box }
audio:not([controls]) { display: none }
[role=button], a, object {
outline:none;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
a { color: #212b34; text-decoration: none; background-color: transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
address, cite, dfn, em, i { font-style: normal }
figure { margin: 0 }
hr { height: 0; overflow: visible; border: 0; border-top: 1px solid transparent; -webkit-box-sizing: content-box; box-sizing: content-box }
img { border: 0; vertical-align: middle }
table { border-collapse: collapse; border-spacing: 0 }
dd, dl, li, ol, td, th, ul { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box }
dl, ol, ul { list-style: none }
a, button, div, input, optgroup, p, select, span, textarea { -webkit-box-sizing: border-box; box-sizing: border-box }
button, input, optgroup, select, textarea { margin: 0; font: inherit; outline: none; border-radius: 0 }
button, input { overflow: visible }
button, select { text-transform: none }
[type=reset], [type=submit], button, html [type=button] {
cursor:pointer;
-webkit-appearance:button
}
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
button:-moz-focusring, input:-moz-focusring {
outline:0
}
fieldset { padding: 20px; margin: 0 auto; border: 1px solid #525a67 }
legend { display: table; padding: 0; color: inherit; white-space: normal; -webkit-box-sizing: border-box; box-sizing: border-box }
input, textarea { overflow: hidden; font-size: 14px; line-height: 1.42857143; color: #212b34; background-color: hsla(0,0%,100%,.2); border: 1px solid #e3e9ef; resize: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
iframe { padding: 0; margin: 0; border: none }
input:focus, textarea:focus { outline: none; background-color: #fff; border-color: #027cdb }
input[type=checkbox], input[type=radio] { padding: 0 }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] { -webkit-appearance: textfield; outline-offset: -2px }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#b1bbc3
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#b1bbc3
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
background-color:transparent!important
}
input::-ms-clear, input::-ms-reveal {
display:none
}
input::-o-clear {
display:none
}
input::-webkit-input-safebox-button {
display:none
}
[v-cloak] {
display:none!important
}
.show { display: block!important }
.hide { display: none!important }
.clearfix:after { display: table; clear: both; content: " " }
.clearfix { *zoom:1
}
.tleft { text-align: left }
.tright { text-align: right }
.tcenter { text-align: center }
.tbold { font-weight: 700 }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-family: inherit; font-weight: 400; color: inherit }
.h1, h1 { font-size: 24px }
.h2, h2 { font-size: 18px }
.h3, h3 { font-size: 16px }
.h4, h4 { font-size: 14px }
.h5, h5, p { font-size: 12px }
p { margin: 0; line-height: 1.42857143; cursor: default }
.bg-gray { background-color: #f6f8fa }
.bg-white { background-color: #fff }
.container-wrap { position: relative; overflow: hidden; max-width: 1920px; margin-right: auto; margin-left: auto }
.container-wrap.auto { max-width: none }
@media screen and (max-width:768px) {
.container-wrap { min-width: 768px }
}
.container { margin: 0 auto }
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.container-log { position: relative; min-height: 560px }
.wptsz { width: 360px; margin: 0 auto }
@media (min-width:768px) {
.container-wrap { min-height: 727px }
.container { width: 748px }
}
@media (min-width:992px) {
.container-wrap { min-height: 457px }
.container { width: 980px }
}
@media (min-width:1200px) {
.container-wrap { min-height: 727px }
.container { width: 1180px }
}
.ptb { padding-top: 20px }
.prb { padding-right: 20px }
.pbb { padding-bottom: 20px }
.plb { padding-left: 20px }
.ptbb { padding-top: 20px; padding-bottom: 20px }
.plrb { padding-left: 20px; padding-right: 20px }
.mtb { margin-top: 20px }
.mrb { margin-right: 20px }
.mlb { margin-left: 20px }
.mbb, .mtbb { margin-bottom: 20px }
.mtbb { margin-top: 20px }
.mlrb { margin-left: 20px; margin-right: 20px }
.btn { display: inline-block; padding: 0; width: 120px; height: 40px; font-size: 14px; line-height: 38px; background-image: none; border: 1px solid transparent; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.btn:active:focus, .btn:focus { text-decoration: none; outline: none }
.btn.disabled, .btn.disabled:active, .btn.disabled:hover { pointer-events: none; cursor: not-allowed }
.btn-bdblue { background-color: inherit; color: #027cdb; border-color: #027cdb }
.btn-bdblue:hover { color: #0097e6 }
.btn-bdblue:active { color: #027cdb }
.btn-bdblue:hover { border-color: #0097e6 }
.btn-bdblue:active { border-color: #027cdb }
.btn-bgblue, .tofan-btn, .tozhan-btn.bgblue { background-color: #027cdb; color: #fff }
.btn-bgblue:hover, .tozhan-btn.bgblue:hover { background-color: #73b2fc }
.btn-bgblue:active, .tozhan-btn.bgblue:active { background-color: #027cdb }
.btn-bggray { background-color: #b1bbc3; color: #fff }
.btn-bdwhite { background-color: inherit; color: #fff; border-color: #fff }
.btn-bdwhite:hover { background-color: #fff; color: #212b34; border-color: #fff }
.btn-bgwhite { background-color: #fafafa; color: #212b34 }
.btn-bgwhite:hover { background-color: #fff }
.btn-bgwhite:active { background-color: #f7f7f7 }
.btn-bgcyan, .tofan-btn.disabled { background-color: #57c8ba; color: #fff }
.btn-bgcyan:hover { background-color: #7dd5ca }
.btn-bgcyan:active { background-color: #57c8ba }
.aft-ver:after { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle }
@media (min-width:768px) {
.btn { width: 75.6px; height: 25.2px; font-size: 12px; line-height: 23.94px }
}
@media (min-width:992px) {
.btn { width: 98.4px; height: 32.8px; font-size: 12px; line-height: 31.16px }
}
@media (min-width:1200px) {
.btn { width: 120px; height: 40px; font-size: 14px; line-height: 38px }
}
.unread { position: relative }
.unread:after { content: ""; display: block; position: absolute; top: -1px; right: -1px; width: 5px; height: 5px; border-radius: 100%; background-color: #ff5900 }
.btn-large { width: 100% }
.of-hd { overflow: hidden }
.box-shadow { -webkit-box-shadow: 0 5px 10px rgba(33,43,52,.1); box-shadow: 0 5px 10px rgba(33,43,52,.1) }
.mrt20 { margin-top: 20px }
.mrb20 { margin-bottom: 20px }
.mrl20 { margin-left: 20px }
.mrr20 { margin-right: 20px }
.mrt10 { margin-top: 10px }
.mrl10 { margin-left: 10px }
.mrr10 { margin-right: 10px }
.mask1, .mask2, .mask3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.mask1 { background-color: rgba(33,33,33,.5); opacity: 0 }
.mask2 { background-color: rgba(33,33,33,.2) }
.mask3 { background-color: rgba(33,33,33,.3) }
.link-text-blue { color: #027cdb }
.link-text-blue:hover { color: #73b2fc }
.link-text-blue:active { color: #212b34 }
.ver-mid { display: inline-block; vertical-align: middle }
.ver-mid .ver-mid-child { display: block }
.btn-small { width: 80px; height: 30px; line-height: 30px }
.inline-block { display: inline-block }
.form-input-text { padding: 0 10px; height: 40px; line-height: 40px }
.form-input-text, .form-input-textarea { background-color: #f6f8fa; border: 1px solid #eef3f5 }
.form-input-textarea { padding: 10px; overflow-y: auto; vertical-align: top }
.form-input-textarea~.numb { background-color: rgba(246,248,250,.78) }
.form-input-textarea:focus~.numb { background-color: hsla(0,0%,100%,.78) }
.text-group { position: relative }
.text-group .numb { position: absolute; right: 10px; bottom: 10px; color: #b1bbc3; font-size: 12px }
.textarea-group { position: relative }
.textarea-group .numb { position: absolute; right: 10px; bottom: 10px; color: #b1bbc3; font-size: 12px }
.input-group-search { padding: 0 10px; border: 1px solid #e3e9ef; border-radius: 3px; height: 40px; line-height: 40px; min-width: 100px }
.input-group-search .input-search { height: 100%; padding: 0 0 0 10px; border: none }
.input-group-search:active, .input-group-search:focus, .input-group-search:hover { border-color: #87959f }
.input-group-search .iconfont { color: #87959f; font-size: 15px }
.input-group-select { position: relative; height: 40px; line-height: 40px; text-align: left }
.input-group-select .select-showbox { position: relative; padding: 0 10px; border: transparent; background-color: transparent; color: #525a67; border: 1px solid #e3e9ef; cursor: pointer; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.input-group-select .select-showbox:before { content: "\E684"; color: #87959f; position: absolute; right: 10px; font-size: 8px }
.input-group-select .select-option { z-index: 1; opacity: 0; visibility: hidden; position: absolute; padding: 1px; width: auto; border-radius: 3px; border: 1px solid #eef3f5; background-color: #fff; -webkit-box-shadow: 0 5px 10px rgba(33,43,52,.1); box-shadow: 0 5px 10px rgba(33,43,52,.1) }
.input-group-select .select-option li { text-align: left; cursor: pointer; color: #525a67; padding: 0 10px; white-space: nowrap; font-size: 14px }
.input-group-select .select-option li+li { border-top: 1px solid #eef3f5 }
.input-group-select .select-option li:hover { background-color: #f6f8fa; color: #525a67 }
.input-group-select .select-option li.selected { color: #027cdb }
.input-group-select .select-option.show { opacity: 1; visibility: inherit; display: block }
.input-group-select select { display: none }
.input-group-select.radius .select-showbox { border-radius: 3px }
.radio-group { display: inline-block }
.radio-group+.radio-group { margin-left: 20px }
.input-group-radio { display: inline-block; vertical-align: top; position: relative; width: 22px; height: 22px; text-align: center }
.input-group-radio input { opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2 }
.input-group-radio .radio { display: inline-block; position: absolute; top: 0; left: 0; width: 22px; height: 22px; border: 1px solid #b1bbc3; border-radius: 100%; line-height: 22px }
.input-group-radio .radio .iconfont { opacity: 0; font-size: 10px; position: absolute; top: -1px; left: 1px; color: #fff; -webkit-transform: scale(.7); transform: scale(.7) }
.input-group-radio input[type=radio]:checked+.radio { background-color: #7ed321; border-color: #7ed321 }
.input-group-radio input[type=radio]:checked+.radio .iconfont { opacity: 1 }
.input-group-radio-s { display: inline-block; vertical-align: top; position: relative; width: 10px; height: 10px; margin-top: 6px }
.input-group-radio-s input { opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2 }
.input-group-radio-s .radio { display: inline-block; position: absolute; top: 0; left: 0; width: 10px; height: 10px; border: 1px solid #e3e9ef; border-radius: 100% }
.input-group-radio-s input[type=radio]:checked+.radio { background-color: #7ed321; border-color: #7ed321 }
.input-group-radio-s input[type=radio]:checked+.radio .iconfont { opacity: 1 }
.radio-label { display: inline-block; margin-left: 10px; font-size: 14px; color: #525a67; vertical-align: top; line-height: 22px }
.input-group-file { position: relative; display: inline-block; cursor: pointer }
.input-group-file .file-cover { position: relative; width: 170px; height: 127px; overflow: hidden }
.input-group-file .file-cover .uploadbox { display: inline-block; border: 1px solid #e3e9ef; text-align: center; width: 100%; height: 100% }
.input-group-file .file-cover .uploadbox em { font-size: 58px; margin-bottom: 10px; color: #e3e9ef; line-height: 1; display: inline-block }
.input-group-file .file-cover .uploadbox p { font-size: 14px; color: #87959f }
.assets-popup .assets-cover .file-img, .hmyk-add-job .hmyk-job-cover-con .file-img, .input-group-file .file-cover .file-img { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center }
.input-group-file .file-cover .file-img img { display: inline-block }
.input-group-file .file-cover .file-img .file-info, .input-group-file .file-cover .file-img .mask1 { opacity: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.input-group-file .file-cover .file-img:hover .file-info, .input-group-file .file-cover .file-img:hover .mask1 { opacity: 1 }
.assets-popup .assets-cover .mask1, .hmyk-add-job .hmyk-job-cover-con .mask1, .input-group-file .file-cover .mask1 { z-index: 2; opacity: 1 }
.assets-popup .assets-cover .file-info, .hmyk-add-job .hmyk-job-cover-con .file-info, .input-group-file .file-cover .file-info { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center }
.input-group-file .file-cover .file-info p { display: inline-block; color: #fff }
.input-group-file .file-cover .file-info .file-tips .iconfont { font-size: 60px; -webkit-transform: scale(.8); transform: scale(.8); vertical-align: middle; color: hsla(0,0%,100%,.8); border-radius: 50%; display: inline-block }
.input-group-file .file-cover .file-info .file-tips .iconfont.play { font-size: 28px }
.input-group-file .file-cover .file-info .file-tips .iconfont+p { margin-top: 10px }
.input-group-file .file-cover .file-info .file-tips .iconfont+p.file-btn-p { display: block; margin-top: 10px }
.input-group-file .input-file { z-index: 4; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer }
.input-group-file .btn { width: 100%; height: 100%; cursor: pointer; background-color: inherit; color: #027cdb; border-color: #027cdb }
.input-group-file .btn:hover { color: #0097e6 }
.input-group-file .btn:active { color: #027cdb }
.form-item { margin-top: 20px }
.form-label { color: #87959f; text-align: right }
.form-info, .form-label { font-size: 14px; display: inline-block; vertical-align: top }
.form-info { text-align: left }
.form-info .select-box, .form-info .select-box li, .form-info .select-box ul { width: 100%!important }
.form-p { font-size: 14px; color: #212b34; word-break: break-all }
.schedule { display: block; height: 6px; background-color: hsla(0,0%,100%,.4); border-radius: 6px; padding: 1px 2px }
.schedule .schedule-bar { display: block; width: 30%; height: 4px; background-color: #45e6c4; border-radius: 6px }
.popup-mask { position: fixed; z-index: 16; opacity: 0; visibility: hidden; text-align: center }
.popup-mask.active { opacity: 1; visibility: visible }
.popup-mask:after { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle }
.popup-mask .popup-loading { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; border: 2px solid transparent; border-right-color: #fff; border-left-color: #fff; border-radius: 50%; -webkit-animation: rotate 1s linear; animation: rotate 1s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.primary-popup { display: none; position: absolute; left: 50%; top: 50%; background-color: #fff; text-align: center; -webkit-transition: visibility .1s ease-in-out; transition: visibility .1s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.primary-popup.active { display: block }
.primary-popup .popup-con { border-radius: 0 0 10px 10px; padding: 20px 0 70px }
.primary-popup h4 { padding: 20px 0; font-size: 22px; color: #525a67; text-align: center; border-bottom: 1px solid #eef3f5 }
.primary-popup h4 em { display: block; padding: 0 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.primary-popup h4 .step { margin-top: 10px; position: relative; display: inline-block }
.primary-popup h4 .step:after { z-index: 0; content: ""; display: inline-block; position: absolute; top: 6px; left: 10px; right: 10px; height: 8px; background-color: #f6f8fa }
.primary-popup h4 .step span { z-index: 1; position: relative; display: inline-block; float: left; width: 20px; height: 20px; line-height: 16px; font-size: 12px; color: #87959f; border: 2px solid #f6f8fa; background-color: #f6f8fa; border-radius: 100%; vertical-align: top }
.primary-popup h4 .step span+span { margin-left: 250px }
.primary-popup h4 .step span em { z-index: 1; position: relative; padding: 0 }
.primary-popup h4 .step span:before { z-index: 0; content: ""; position: absolute; display: inline-block; top: 50%; margin-top: -2px; height: 4px }
.primary-popup h4 .step span.step1:before { width: 135px; left: 10px }
.primary-popup h4 .step span.step2:before { width: 270px; left: -125px }
.primary-popup h4 .step span.step3:before { width: 135px; left: -125px }
.primary-popup h4 .step span.active { color: #fff; background-color: #73b2fc }
.primary-popup h4 .step span.active:before { background-color: #73b2fc }
.primary-popup .tips { font-size: 12px; color: #87959f; text-align: justify }
.primary-popup .popup-tips { text-align: center; font-size: 12px; color: #b1bbc3; width: 100% }
.primary-popup .popup-tips a { color: #b1bbc3; text-decoration: underline }
.primary-popup .btn-group.bottom { position: absolute; bottom: 40px; width: 100% }
.primary-popup .popup-btn { margin: 10px auto; display: block; width: 400px; height: 50px; line-height: 50px; font-size: 18px }
.primary-popup .popup-close { position: absolute; display: inline-block; top: 16px; right: 16px; cursor: pointer; z-index: 2 }
.primary-popup .popup-close i { font-size: 14px; color: #87959f }
.primary-popup .popup-close i:hover { color: #027cdb }
.primary-popup.vcenter { -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.big-popup { border-radius: 10px; max-height: 800px }
.big-popup .height100 { height: 610px }
@media (min-width:768px) {
.big-popup { width: 680px; margin-left: -340px }
}
@media (min-width:992px) {
.big-popup { width: 760px; margin-left: -380px }
}
@media (max-height:800px) {
.big-popup { height: 80% }
}
.small-popup { width: 400px; margin-left: -200px; border-radius: 4px; margin-top: 20px }
.small-popup .popup-con { padding: 30px }
.small-popup .btn { height: 50px; line-height: 50px; font-size: 18px }
.small-popup .popup-btn { width: 100% }
.promp-popup { text-align: center }
.promp-popup .promp-icon { margin: 0 0 20px; display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 26px; border-radius: 100%; color: #fff }
.promp-popup.big-popup .promp-icon { width: 100px; height: 100px; line-height: 100px; font-size: 40px; margin: 120px 0 30px }
.promp-popup.promp-success .promp-icon { background-color: #7ed321 }
.promp-popup.promp-fail .promp-icon { background-color: #f36b61 }
.promp-popup .promp-tips { margin-bottom: 30px; font-size: 18px; color: #525a67; text-align: center }
.promp-popup .form-info { width: 250px }
.promp-popup .popup-tips { margin: 30px 0 }
.promp-popup .popup-tips span { display: inline-block; position: relative }
.promp-popup .popup-tips span:after, .promp-popup .popup-tips span:before { content: ""; display: inherit; position: absolute; top: 50%; width: 20px; height: 1px; background-color: #b1bbc3 }
.promp-popup .popup-tips span:before { left: -30px }
.promp-popup .popup-tips span:after { right: -30px }
.form-popup .form-info { width: 480px }
.form-popup .form-input-textarea { width: 100% }
.form-popup .form-label { line-height: 40px }
.redeem-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20 }
.redeem-modal .redeem-title { position: relative; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.redeem-modal .redeem-title>h2 { font-size: 26px; line-height: 36px; color: #212b34; margin-top: 50px }
.redeem-white { position: absolute; top: 50%; left: 50%; z-index: 0; background-color: #fff; opacity: 0; visibility: hidden }
.redeem-white.active { opacity: 1; visibility: visible }
.redeem-white .redeem-close { position: absolute; top: 16px; right: 16px; z-index: 2; width: 16px; height: 16px; overflow: hidden; cursor: pointer }
.redeem-white .redeem-close>span { display: block; font-size: 14px; color: #a2b1b8; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.redeem-white .redeem-close:hover>span { color: #0097e6 }
.redeem-w { width: 400px; height: 320px; padding: 0 38px; margin-top: -160px; margin-left: -200px; text-align: center; border-radius: 8px }
.redeem-w h4 { font-size: 14px; line-height: 26px; color: #87959f; margin-top: 10px }
.redeem-w h4>a { color: #027cdb }
.redeem-w h4>a:hover { color: #0097e6 }
.redeem-w h4 .blue { color: #027cdb }
.redeem-w .redeem-help { margin-top: 8px; font-size: 12px; line-height: 18px; color: #ec5c31; text-align: right }
.redeem-w.height-auto { height: auto; padding-bottom: 50px }
.redeem-success .redeem-title>h2 { margin-top: 6px }
.redeem-success .promp-icon { margin-top: 44px }
.redeem-group { position: relative; min-height: 40px; margin-top: 10px }
.redeem-group>label { position: absolute; top: 10px; left: 0; z-index: 1; display: block; font-size: 14px; line-height: 1.42857143; color: #70818b }
.redeem-group .redeem-txt { width: 100%; height: 40px; padding: 9px; text-align: center }
.redeem-btnd { margin-top: 28px }
.redeem-btnd>.redeem-btn { vertical-align: top; display: inline-block; width: 150px }
.redeem-btnd .redeem-btn2 { color: #87959f; cursor: pointer; border: 1px solid #e7eaec }
.redeem-btnd .redeem-btn2:hover :hover { color: #007cdb }
.main-starlet { position: relative }
.main-starlet:after { content: ""; position: absolute; top: 50%; left: -8px; margin-top: -2px; width: 4px; height: 4px }
.dot-s, .main-starlet:after { display: inline-block; border-radius: 100%; background-color: #f36b61 }
.dot-s { width: 8px; height: 8px }
.dot-s.color-orange { background-color: #ffc03a }
.dot-m { display: inline-block; width: 15px; height: 15px; border-radius: 100% }
.text-dot { position: relative }
.text-dot:before { position: absolute; top: 18px; right: -10px; z-index: 1; width: 5px; height: 5px; background-color: #ff7879; content: ""; border-radius: 50% }
.scrollbar { overflow-y: auto }
.scrollbar::-webkit-scrollbar {
width:6px;
background:#e3e9ef;
border-radius:100px
}
.scrollbar::-webkit-scrollbar-thumb {
background:#87959f;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-text-decoration-skip:objects;
text-decoration-skip:objects;
border-radius:100px
}
.scrollbar:hover::-webkit-scrollbar-thumb {
background:#525a67
}
.live-anim { margin-right: 5px; display: inline-block; height: 40px; line-height: 28px }
.live-anim span { vertical-align: bottom!important; display: inline-block; width: 2px; border-radius: 100px; background-color: #027cdb; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: line-scale-party; animation-name: line-scale-party; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: .8s; animation-duration: .8s }
.live-anim span.live1 { height: 6px; -webkit-animation-delay: .2s; animation-delay: .2s }
.live-anim span.live2 { height: 17px; -webkit-animation-delay: .4s; animation-delay: .4s }
.live-anim span.live3 { height: 10px; -webkit-animation-delay: .6s; animation-delay: .6s }
.star-group .star { color: #eef3f5; display: inline-block; vertical-align: top; margin-top: 3px }
.star-group .star.active { color: #ffd765 }
.more-info { position: relative; font-size: 14px; color: #525a67; text-align: justify; height: 40px; overflow: hidden }
.more-info .more { position: absolute; bottom: 0; right: 0; color: #027cdb; background-color: #fff; width: 42px; text-align: right }
.more-info .more:hover { color: #0097e6 }
.more-info .more:active { color: #212b34 }
.more-info .more span { color: #525a67; margin-right: 2px }
.more-info.open { height: auto!important }
.tags { overflow: hidden; height: 28px }
.tags:after { display: table; clear: both; content: "" }
.tags .tag { float: left; display: block; min-width: 48px; max-width: 100%; padding: 6px 10px; text-align: center; font-size: 12px; line-height: 16px; color: #87959f; background-color: #f6f8fa; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px }
.tags .tag+.tag { margin-left: 10px }
.tags.hover .tag:hover { color: #fff; background-color: #87959f }
.mintags { height: 23px }
.mintags .tag { padding: 3px 5px }
.mintags .tag+.tag { margin-left: 5px }
.bdtags { overflow: auto; height: auto }
.bdtags .tag { margin-top: 8px; border-color: #e3e9ef; cursor: pointer }
.bdtags .tag.active { background-color: transparent; border-color: #027cdb; color: #027cdb }
.swal-modal { padding-bottom: 40px; width: 400px }
.swal-button { width: 150px; height: 40px; line-height: 38px; border: 1px solid rgba(135,149,159,.2); font-size: 14px; color: #87959f; background-color: transparent; border-radius: 0; padding: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.swal-button:focus { outline: none; -webkit-box-shadow: none; box-shadow: none }
.swal-button:hover { border-color: #87959f }
.swal-button:active { background-color: transparent; border-color: rgba(135,149,159,.2) }
.swal-title { font-size: 26px; color: #212b34; font-weight: 400; padding: 0 16px; margin: 26px 0 0!important; line-height: 1 }
.swal-text { font-size: 14px; color: #87959f; line-height: 20px; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; padding: 0 38px; text-align: justify; margin-top: 26px }
.swal-footer { padding: 0; margin-top: 21px }
.swal-icon { font-family: iconfontL!important; font-size: 70px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: auto; height: auto; margin: 44px 0 0!important }
.swal-icon--success__hide-corners, .swal-icon--success__ring { display: none }
.swal-icon--success { border: transparent; color: #7ed321 }
.swal-icon--success:before { content: "\E678"; -webkit-transform: none; transform: none; width: auto; height: auto; position: relative; left: auto; top: auto; border-radius: auto }
.swal-icon--success:after { display: none }
.swal-icon--warning { border: transparent; color: #73b2fc }
.swal-icon--warning:before { content: "\E6A8" }
.swal-icon--error { border: transparent; color: #f36b61 }
.swal-icon--error:before { content: "\E6A9" }
.swal-icon--error__line, .swal-icon--success__line, .swal-icon--warning__body, .swal-icon--warning__dot { display: none }
.overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; background-color: rgba(0,0,0,.4); z-index: 10000; -webkit-transition: opacity .3s; transition: opacity .3s }
.overlay:before { content: ""; height: 100% }
.overlay .modal, .overlay:before { display: inline-block; vertical-align: middle }
.overlay .modal { -webkit-animation: showSweetAlert .3s; animation: showSweetAlert .3s; will-change: transform; padding-bottom: 40px; width: 400px; background-color: #fff; text-align: center; border-radius: 5px; margin: 20px auto; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; z-index: 10001; transition: opacity .2s, -webkit-transform .3s; -webkit-transition: opacity .2s, -webkit-transform .3s; transition: transform .3s, opacity .2s; transition: transform .3s, opacity .2s, -webkit-transform .3s }
.overlay .modal .modal-icon { font-family: iconfontL!important; font-size: 70px; font-style: normal; margin: 44px 0 0!important }
.overlay .modal .modal-icon:after { content: "\E6A9"; color: #f36b61 }
.overlay .modal .swal-footer .btn-con { margin: 5px; display: inline-block; position: relative }
.overlay .modal .swal-footer .btn-con .swal-button { margin: 0; cursor: pointer; width: 120px }
.overlay .modal .swal-footer .btn-con .swal-button:first-child { margin-right: 10px }
.overlay .modal .swal-footer .btn-con .swal-button:last-child { margin-left: 10px }
.act2022-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; background-color: rgba(0,0,0,.5) }
.act2022-modal .act2022-mask { position: relative; z-index: 1; width: 100%; height: 100% }
.act2022-modal .act2022-con { position: fixed; top: 50%; left: 50%; z-index: 2; background-repeat: no-repeat; background-position: top; background-size: 100% 100% }
.act2022-modal .act2022-con .act2022-close { position: absolute; z-index: 3; width: 36px; height: 36px; border: 1px solid #fff; cursor: pointer; opacity: .4; overflow: hidden; white-space: nowrap; text-align: left; text-indent: 9999px; border-radius: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.act2022-modal .act2022-con .act2022-close:after, .act2022-modal .act2022-con .act2022-close:before { position: absolute; top: 16px; left: 9px; width: 16px; height: 2px; background-color: #fff; content: ""; border-radius: 2px }
.act2022-modal .act2022-con .act2022-close:after { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.act2022-modal .act2022-con .act2022-close:hover { background-color: rgba(0,0,0,.05) }
.act2022-modal .act2022-con .saleman-wx-inner { position: absolute }
.act2022-modal .act2022-con .saleman-wx-inner.loading:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; background: url("https://assets-cdn.lanqb.com/load.png") no-repeat 50%; background-size: 100% 100%; content: ""; -webkit-animation: rotate 2.5s linear infinite; animation: rotate 2.5s linear infinite }
.act2022-modal .act2022-con .saleman-wx-inner .saleman-wx-code { position: relative; width: 100%; height: 100%; background-color: #fff; border-radius: 8px }
.act2022-modal .act2022-con .saleman-wx-inner .saleman-wx-code.loading { background-color: transparent }
.act2022-modal .act2022-con .saleman-wx-inner .reload { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; font-size: 14px; line-height: 20px; background-color: #fff; color: #525a67; text-align: center; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.act2022-modal .act2022-con .act2022-btn { position: absolute; cursor: pointer; overflow: hidden; white-space: nowrap; text-align: left; text-indent: 9999px }
.act2022-modal .act2022-con .act2022-btns { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.act2022-modal .act2022-con .act2022-btns .btn { border: none; background-color: transparent; overflow: hidden; white-space: nowrap; text-align: left; text-indent: 9999px; border-radius: 12px }
.bindqq2212-modal .bindqq2212-close { position: absolute; top: 16px; right: 6px; z-index: 3; width: 24px; height: 24px; cursor: pointer; overflow: hidden; white-space: nowrap; text-align: left; text-indent: 9999px; border-radius: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.bindqq2212-modal .bindqq2212-close:after, .bindqq2212-modal .bindqq2212-close:before { position: absolute; top: 11px; left: 4px; width: 16px; height: 2px; background-color: #87959f; content: ""; border-radius: 4px }
.bindqq2212-modal .bindqq2212-close:after { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.bindqq2212-modal .bindqq2212-close:hover:after, .bindqq2212-modal .bindqq2212-close:hover:before { background-color: #525a67 }
.bindqq2212-modal .act2022-con { width: 400px; padding: 0 42px 10px; margin-left: -200px; background-color: #fff; border-radius: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.bindqq2212-modal .act2022-con h2 { margin-right: -42px; margin-left: -42px; font-size: 18px; font-weight: 500; line-height: 56px; color: #1a1b1e; text-align: center; border-bottom: 1px solid #eef3f5 }
.bindqq2212-modal .act2022-con .title-img { height: 72px; margin: 10px auto 28px; background: url("https://assets-cdn.lanqb.com/imgv3/accout-qq/p-h4.png") no-repeat 50%; background-size: 273px 72px }
.bindqq2212-modal .bindqq2212-group { position: relative; margin-bottom: 32px; color: #1a1b1e }
.bindqq2212-modal .bindqq2212-group .label { position: relative; margin-bottom: 15px; font-size: 14px; font-weight: 500; line-height: 20px }
.bindqq2212-modal .bindqq2212-group .label.red:before { position: absolute; top: 0; left: -14px; color: #f36b61; content: "*" }
.bindqq2212-modal .bindqq2212-group .group-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.bindqq2212-modal .bindqq2212-group .group-form .bindqq2212-qq { width: 248px; height: 36px; padding: 0 19px; color: #1a1b1e; border-radius: 30px }
.bindqq2212-modal .bindqq2212-group .group-form .bindqq2212-qq-sf { font-size: 14px; font-weight: 400; line-height: 20px }
.bindqq2212-modal .bindqq2212-group .btn.w100p { width: 100%; height: 40px; font-size: 14px; line-height: 38px; border: none; border-radius: 40px }
.bindqq2212-modal .bindqq2212-group .btn.w100p.disabled { color: #87959f; background-color: #e3e9ef }
.bindqq2212-modal .bindqq2212-group .group-tips { position: absolute; top: 100%; left: 0; width: 100%; color: #f36b61; font-size: 12px; line-height: 20px }
.bindqq2212-modal .bindqq2212-group .group-tips.mt4 { margin-top: 4px }
.bindqq2212-modal .bindqq2212-group .group-tips.mt_6 { margin-top: -6px }
.bindqq2212-modal .bindqq2212-id-list { margin-right: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.bindqq2212-modal .bindqq2212-id-list .identity-item { min-width: 58px; height: 28px; padding-right: 6px; padding-left: 6px; margin-right: 8px; margin-bottom: 10px; font-size: 12px; line-height: 26px; text-align: center; color: #87959f; background-color: #f1f3f5; cursor: pointer; border-radius: 40px }
.bindqq2212-modal .bindqq2212-id-list .identity-item:hover { color: #212b34 }
.bindqq2212-modal .bindqq2212-id-list .identity-item.active { color: #fff; background-color: #027cdb; cursor: default }
@-webkit-keyframes line-scale-party { 0% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%
}
50% {
-webkit-transform:scaleY(.5);
transform:scaleY(.5);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%
}
to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% }
}
@keyframes line-scale-party { 0% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%
}
50% {
-webkit-transform:scaleY(.5);
transform:scaleY(.5);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%
}
to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% }
}
@-webkit-keyframes showSweetAlert { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
1% {
-webkit-transform:scale(.5);
transform:scale(.5)
}
45% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
80% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
to { -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes showSweetAlert { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
1% {
-webkit-transform:scale(.5);
transform:scale(.5)
}
45% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
80% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
to { -webkit-transform: scale(1); transform: scale(1) }
}
.borlid-top { border-top: 1px solid #e3e9ef }
.borlid-bottom { border-bottom: 1px solid #e3e9ef }
.dot { background-color: #eb2626 }
.borlid { border: 1px solid #e3e9ef }
.btn-bdgray { background-color: inherit; color: #212b34; border-color: #e3e9ef }
.btn-bdgray:hover { color: #525a67 }
.btn-bdgray:active { color: #212b34 }
.btn-bdgray:hover { border-color: #eef3f5 }
.btn-bdgray:active { border-color: #e3e9ef }
.btn-orange { color: #fff; background-color: #ff4f17; border-color: #ff4f17 }
.btn-orange:hover { color: #fff; background-color: #ff672b; border-color: #ff672b }
.btn-orange:active { color: #fff; background-color: #f63a15; border-color: #f63a15 }
.btn-tr-orange { color: #ff4f17; background-color: transparent; border-color: #ff4f17 }
.btn-tr-orange:hover { color: #fff; background-color: #ff672b; border-color: #ff672b }
.btn-tr-orange:active { color: #fff; background-color: #f63a15; border-color: #f63a15 }
.tozhan-btn { width: 120px; height: 60px; line-height: 1; padding: 10px; border: none; white-space: nowrap; border-radius: 60px }
.tozhan-btn .tozhan-num { position: absolute; left: 70px; top: -10px; z-index: 0; font-size: 14px; line-height: 20px }
.tozhan-btn .iconfont { display: inline-block; font-size: 24px; line-height: 20px; vertical-align: top }
.tozhan-btn .like-num { display: block; padding-top: 4px; font-size: 12px; line-height: 16px }
.tozhan-btn.active, .tozhan-btn.active:active, .tozhan-btn.active:hover { cursor: default; pointer-events: none }
.tozhan-btn.bgblue .tozhan-num { color: #0097e6 }
.tozhan-btn.bgblue.active, .tozhan-btn.bgblue.active:active, .tozhan-btn.bgblue.active:hover { color: #b1bbc3; background-color: #eef3f5 }
.tozhan-btn.act-se-pink { color: #fff; background-color: #fc91bc }
.tozhan-btn.act-se-pink:active, .tozhan-btn.act-se-pink:hover { background-color: #fec4db }
.tozhan-btn.act-se-pink .tozhan-num { color: #fc91bc }
.tozhan-btn.act-se-pink .iconfont { font-size: 18px }
.tozhan-btn.act-se-pink.active, .tozhan-btn.act-se-pink.active:active, .tozhan-btn.act-se-pink.active:hover { color: #fff; background-color: #fec4db }
.btn-bgdaniu { color: #634b19; background-color: #edce8c; border: none }
.btn-bgdaniu:hover { background-color: #eac576 }
.btn-bgdaniu:active { background-color: #ddb256 }
.icon-male { color: #0097e6 }
.icon-female { color: #f45178 }
.dot { width: 6px; height: 6px; background-color: #ff5900; border-radius: 50% }
.dot, .lanpixel { display: inline-block; vertical-align: middle }
.lanpixel { content: ""; width: 0; height: 100% }
.portrait { border-radius: 50%; background-color: #e3e9ef }
.lan-con { position: relative; margin: 0 -10px }
.details-left, .details-right { position: relative; float: left; padding-right: 10px; padding-left: 10px }
.details-c1 { position: relative; padding: 19px; overflow: hidden; background-color: #fff; border: 1px solid #e3e9ef }
.details-c1.initial { overflow: initial }
@media (min-width:768px) {
.details-left, .details-right { width: 100% }
}
@media (min-width:992px) {
.details-left { width: 716px }
.details-right { width: 284px }
}
@media (min-width:1200px) {
.details-left { width: 880px }
.details-right { width: 320px }
}
.lan-des { position: relative; display: table-cell; width: 10000px; -webkit-box-sizing: border-box; box-sizing: border-box }
.tutor-swiper { margin-top: 20px; margin-bottom: 10px }
.lan-swiper { width: 100% }
.lan-swiper .swiper-slide { text-align: center; background-color: #e3e9ef }
.lan-swiper .lan-swiper-cover { display: block; width: 100%; height: 100% }
.lan-swiper-cover>img { width: 100%; height: 100% }
@media (min-width:768px) {
.lan-swiper { height: 222px }
}
@media (min-width:992px) {
.lan-swiper { height: 291px }
}
@media (min-width:1200px) {
.lan-swiper { height: 350px }
}
.lan-swiper>.lan-swiper-page { position: absolute; top: 0; bottom: 0; z-index: 10; width: 8%; text-align: center; cursor: pointer; opacity: .5; -webkit-transition: opacity .35s ease-out; transition: opacity .35s ease-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.lan-swiper>.lan-swiper-page:hover { opacity: 1 }
.lan-swiper>.lan-swiper-next { right: 0 }
.lan-swiper>.lan-swiper-prev { left: 0 }
.lan-swiper-page>img { width: 40% }
.publisherd>.publisher { float: left; display: block }
.publisherd>.publishing-time { float: left; display: block; font-family: arial; font-size: 12px; line-height: 1.666667; color: #87959f }
.publisher>.portrait { float: left; width: 20px; height: 20px; margin-right: 4px }
.publisher>span { float: left; display: block; font-size: 12px; line-height: 1.666667; color: #212b34; vertical-align: middle }
.publisher:hover>span { color: #0097e6 }
@media (min-width:992px) {
.publisherd>.publisher { padding-right: 1px }
}
@media (min-width:1200px) {
.publisherd>.publisher { padding-right: 8px }
}
.details-edreviews { color: #43535c; background-color: #fef9f1; border: 1px solid #f1dfc3; border-radius: 12px 0 12px 0 }
.details-edreviews>h5 { padding-bottom: 5px; font-size: 14px; line-height: 1.42857143 }
.details-edreviews>p { font-size: 12px; line-height: 2 }
.details-tags { min-height: 24px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.details-tags>span.icon-biaoqian { font-size: 18px; line-height: 1; color: #87959f; vertical-align: middle }
.details-tags>a, .details-tags>em { display: inline-block; font-size: 12px; line-height: 2; color: #87959f; vertical-align: middle }
.details-tags>a:focus, .details-tags>a:hover { color: #0097e6 }
@media (min-width:768px) {
.details-tags>a, .details-tags>em { margin-left: 8px }
}
@media (min-width:992px) {
.details-tags>a, .details-tags>em { margin-left: 4px }
}
.details-icons>div { position: relative; display: inline-block; height: 30px; padding-left: 30px; vertical-align: top }
.details-icons>div:before { position: absolute; top: 0; left: 0; font-size: 12px; line-height: 30px; color: #525a67 }
.details-icons>div a, .details-icons>div span { display: block; width: 30px; height: 30px; padding: 0; margin: 0; line-height: 30px; color: #87959f; text-align: center; vertical-align: top; background: none; cursor: pointer }
.details-icons>div.share:before { content: "\5206\4EAB" }
.details-icons>div.share a { float: left; font-size: 20px }
.details-icons>div.share a+a { margin-left: 4px }
.details-icons>div.share a:hover { color: #525a67 }
.details-icons>div.favorites:before { content: "\6536\85CF" }
.details-icons>div.favorites span { font-size: 20px }
.details-icons>div.favorites span.active, .details-icons>div.favorites span:hover { color: #ffad03 }
.details-icons>div.down:before { content: "\4E0B\8F7D" }
.details-icons>div.down a { font-size: 24px; color: #027cdb }
.details-icons>div.down a:hover { color: #0097e6 }
.details-icons>div.down a:active { color: #212b34 }
.details-icons.no-st>div { padding-left: 0 }
.details-icons.no-st>div:before { content: "" }
.opensdet-intro-d1 .details-icons { padding-right: 4px; padding-left: 10px; border-left: 1px solid #e3e9ef }
@media (min-width:768px) {
.opensdet-intro-d1 .details-icons { margin-top: 6px }
}
@media (min-width:1200px) {
.opensdet-intro-d1 .details-icons { margin-top: 9px }
}
.works-shadow { position: absolute; z-index: 0; background-color: #fff; border: 1px solid #e3e9ef; opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.news-mark { display: inline-block; padding: 3px 8px; color: #fff; background-color: #0097e6 }
.detail-location { position: relative; padding-right: 4px; padding-left: 4px; margin-top: 16px; margin-bottom: 12px; cursor: default }
.breadcrumb>li { float: left; font-size: 14px; line-height: 1.42857143; color: #525a67 }
.breadcrumb>li+li:before { padding: 0 6px; color: #87959f; content: ">" }
.breadcrumb>li>a { color: #525a67 }
.breadcrumb>li>a:hover { color: #0097e6 }
.details-newsnote { position: relative; font-size: 14px; line-height: 1.7142857; color: #525a67; vertical-align: middle; cursor: default }
.details-newsnote>span { display: inline-block; padding-right: 28px }
.details-newsnote>span>a { color: #525a67 }
.details-newsnote>span>a:hover { color: #0097e6 }
.tofan-btn.active { position: relative; overflow: hidden; background-color: #57c8ba; color: #fff }
.tofan-btn.active:hover { background-color: #ff5900 }
.tofan-btn.active:hover>em { top: 0 }
.tofan-btn.active:hover>span { top: -100% }
.tofan-btn.active:active { background-color: #cc4700 }
.tofan-btn.active>em, .tofan-btn.active>span { position: absolute; left: 0; z-index: 1; display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: top .2s ease-in-out; transition: top .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.tofan-btn.active>em { top: 100% }
.tofan-btn.active>span { top: 0 }
.details-operation { position: relative; color: #87959f; vertical-align: middle; cursor: default }
.details-operation>em { display: inline-block; padding-right: 10px; font-family: arial; font-style: normal; font-size: 12px; line-height: 2; vertical-align: middle }
.details-operation>span { font-size: 14px; line-height: 1; vertical-align: middle }
.details-time { display: inline-block; color: #87959f }
.details-time>em { margin-right: 4px; font-size: 14px; line-height: 1; vertical-align: middle }
.details-time>span { display: inline-block; font-family: arial; font-size: 12px; line-height: 2; vertical-align: middle }
.qing-nav { padding: 30px 0 20px; font-size: 18px; text-align: center }
.qing-nav .qing-menu>li { display: inline-block }
.qing-nav .qing-menu>li.active a { font-weight: 700; color: #0097e6 }
.qing-nav .qing-menu>li+li:before { padding: 0 20px; color: #e3e9ef; content: "|" }
.list-title .qing-title-right { margin-top: 15px }
.qing-title-right { float: right; font-size: 14px }
.qing-title-right ol { padding: 0; margin: 0; list-style: none }
.qing-title-right li { float: left; line-height: 1.5 }
.qing-title-right li>a { color: #87959f }
.qing-title-right .active>a, .qing-title-right .active>a:hover, .qing-title-right li>a:focus, .qing-title-right li>a:hover { color: #525a67 }
.qing-title-right>strong { padding: 0 4px; font-weight: 700; color: #0097e6 }
.qing-title-right ol>li+li:before { padding: 0 10px; color: #e4e9eb; content: "|" }
.interview-title { position: relative; padding-bottom: 15px; border-bottom: 1px solid #e3e9ef }
.interview-title>h2 { display: inline-block; padding: 0 10px; font-size: 14px; line-height: 1.42857143; color: #212b34 }
.interview-title .interview-title-right { float: right; display: inline-block; padding-right: 10px; font-size: 14px; line-height: 1.42857143 }
.interview-title .interview-title-right a { color: #212b34 }
.interview-title .interview-title-right a:hover { color: #0097e6 }
.interview-title .interview-title-right a:active { color: #027cdb }
.joinqing-title { position: relative; padding: 15px 38px; border-bottom: 1px solid #e3e9ef }
.joinqing-title>h1 { font-size: 14px; font-weight: 700; line-height: 2; color: #212b34 }
.joinqing-title2>h4 { position: relative; margin: 15px 38px 24px; font-size: 16px; font-weight: 500; line-height: 1.625 }
.list-title { position: relative; z-index: 5; padding-top: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e3e9ef }
.sale-prices>h4, .sale-prices>h5 { display: inline-block; padding-right: 12px; border-right: 1px solid #e4e9eb; font-weight: 400; vertical-align: middle }
.sale-prices>h4:last-child, .sale-prices>h5:last-child { padding-right: 0; border-right: none }
.sale-prices>h4 { font-size: 14px; line-height: 22px; color: #0f233a }
.sale-prices>h5 { padding-left: 12px; color: #70818b }
.sale-prices>h5.sale-prices-original { font-size: 12px; line-height: 22px }
.sale-prices>h5.sale-prices-original>span { text-decoration: line-through }
.sale-prices>h5.sale-prices-num { font-size: 14px; line-height: 22px }
.sale-prices>h5>span { padding-right: 4px; font-family: arial }
.sale-prices.free>h4>span { color: #0097e6 }
.sale-prices.pay>h4>span { font-family: arial; font-weight: 700; color: #ff1717 }
.sale-prices.pay>h4>em { font-style: normal; color: #ff1717 }
.sale-prices.pay>h4>em, .sale-prices>h4>span { display: inline-block; font-size: 18px; line-height: 1.2222222 }
.noinfo-default { text-align: center }
.noinfo-default .noinfo-des { display: inline-block }
.noinfo-default img { max-width: 300px }
.noinfo-default h4 { margin-top: 30px; font-size: 18px; line-height: 25px; color: #87959f }
.dropdown-menu::-webkit-scrollbar {
width:8px
}
.dropdown-menu::-webkit-scrollbar-track {
border-radius:8px;
background-color:#f1f5f7
}
.dropdown-menu::-webkit-scrollbar-thumb {
background-color:#e4e9eb;
border-radius:6px
}
.dropdown-menu:hover::-webkit-scrollbar-thumb {
background-color:#a2b1b8
}
.details-cg-list::-webkit-scrollbar {
width:8px
}
.details-cg-list::-webkit-scrollbar-track {
border-radius:8px
}
.details-cg-list::-webkit-scrollbar-thumb {
background-color:#e4e9eb;
border-radius:6px
}
.details-cg-list:hover::-webkit-scrollbar-thumb {
background-color:#e4e9eb
}
.details-cg-list:hover::-webkit-scrollbar-thumb:hover {
background-color:#a2b1b8
}
.nav-log { position: relative; height: 60px; overflow: hidden; background-color: #f9fbfc; border-bottom: 1px solid #e4e9eb }
.navbar-log>li { float: left; width: 140px; text-align: center; border-right: 1px solid #e4e9eb }
.navbar-log>li:hover>a { background-color: #fefefe }
.navbar-log>li.active>a { background-color: #fff; border-top-color: #0097e6 }
.navbar-log>li>a { display: block; width: 100%; height: 60px; padding: 18px; color: #43535c; font-size: 14px; line-height: 1.5; letter-spacing: 1px; border-top: 3px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.global-toast { position: fixed; top: 50%; left: 50%; z-index: 99; padding: 15px 20px; margin-top: -60px; background-color: #fff; border-radius: 4px; -ms-box-shadow: 0 0 10px rgba(0,0,0,.15); -o-box-shadow: 0 0 10px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.global-toast .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.global-toast .inner .status { width: 20px; height: 20px }
.global-toast .inner .status i { font-size: 20px; color: #027cdb }
.global-toast .inner .status i.success { color: #7ed321 }
.global-toast .inner .status i.error { color: #f36b61 }
.global-toast .inner .text { max-width: 200px; margin-left: 10px; line-height: 20px; font-size: 14px; color: #434343 }
.comment { margin: 20px 0; overflow: hidden; border: 1px solid transparent }
.comment.bg-white { background-color: #fff; border-color: #f6f8fa }
.comment.bg-gray { background-color: #f6f8fa; border-color: #eef3f5 }
.comment.bg-gray .comment-iteam.active { background-color: #fdfdfd }
.comment h2 { position: relative; margin: 10px 20px 0; font-size: 14px; line-height: 20px; color: #87959f }
.comment h2:before { position: absolute; top: 2px; left: -20px; width: 2px; height: 16px; background-color: #027cdb; content: "" }
.comment .comment-my { padding: 20px }
.comment .comment-textarea { position: relative; padding: 0; background-color: transparent; height: auto }
.comment .form-input-textarea { background-color: #fff; width: 100% }
.comment .comment-textarea-numb { position: absolute; right: 10px; bottom: 10px; color: #87959f; top: auto; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.comment .comment-textarea-numb.bottom { bottom: -12px }
.comment .btn.loading { pointer-events: none; cursor: default; opacity: .7 }
.comment .btn.loading:after { display: inline-block; width: 20px; height: 20px; background: url("https://assets-cdn.lanqb.com/appointment/loading.png") no-repeat 50%; background-size: 20px 20px; vertical-align: middle; content: ""; -webkit-animation: rotate 2.5s linear infinite; animation: rotate 2.5s linear infinite }
.comment .comment-btn { margin-top: 10px; text-align: right }
.comment .comment-btn .btn { width: 120px; height: 40px; font-size: 14px; line-height: 38px }
.comment .comment-others { margin-top: 20px; border-top: 1px solid #e3e9ef }
.comment .comment-head { padding: 20px }
.comment h3 { font-size: 14px; color: #212b34 }
.comment .comment-rank { font-size: 14px; color: #525a67; position: relative; cursor: pointer }
.comment .comment-rank i { margin: -2px 0 0 13px; display: inline-block; width: 9px; -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #ced6dc; vertical-align: top }
.comment .comment-rank .comment-sortlist { z-index: 1; visibility: hidden; opacity: 0; position: absolute; top: 25px; right: 0; -webkit-box-shadow: 0 5px 10px rgba(33,43,52,.1); box-shadow: 0 5px 10px rgba(33,43,52,.1); border: 1px solid #eef3f5; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.comment .comment-rank .comment-sortlist span { display: block; width: 80px; height: 38px; line-height: 38px; color: #525a67; background-color: #fff; text-align: center; cursor: pointer }
.comment .comment-rank .comment-sortlist span+span { border-top: 1px solid #f6f8fa }
.comment .comment-rank:hover .comment-sortlist { opacity: 1; visibility: inherit }
.comment .comment-others .btn-cancle { background-color: transparent; color: #87959f }
.comment .comment-others .btn { width: 80px; height: 30px; line-height: 28px }
.comment .comment-others .btn.loading:after { background-size: 18px 18px }
.comment .comment-iteam { position: relative; padding: 20px; border-bottom: 1px solid #eef3f5 }
.comment .comment-iteam .comment-avatar { position: absolute; top: 20px; left: 20px; width: 50px; height: 50px }
.comment .comment-iteam .comment-avatar img { width: 100%; height: 100%; border-radius: 100% }
.comment .comment-iteam .comment-des { padding-left: 20px; margin-left: 50px }
.comment .comment-iteam .comment-des .avatar-tail { width: 20px; vertical-align: top }
.comment .comment-iteam .comment-author { display: inline-block; font-size: 16px; line-height: 20px; color: #525a67; vertical-align: top }
.comment .comment-iteam .comment-p { margin: 10px 0 20px; font-size: 14px; color: #212b34 }
.comment .comment-iteam .comment-reply-tips { font-size: 14px }
.comment .comment-iteam .comment-reply-tips span { color: #87959f; margin-right: 5px }
.comment .comment-iteam .comment-reply-tips a { color: #027cdb }
.comment .comment-iteam .comment-handle { color: #87959f }
.comment .comment-iteam .comment-handle span { font-size: 12px; cursor: pointer }
.comment .comment-iteam .comment-handle span+span { margin-left: 18px }
.comment .comment-iteam .comment-handle span i { font-size: 14px; vertical-align: middle; margin-right: 5px }
.comment .comment-iteam .comment-handle .comment-zan .iconfont { vertical-align: top }
.comment .comment-iteam .comment-handle .comment-zan.active { color: #73b2fc }
.comment .comment-iteam .comment-handle .comment-report { color: #b1bbc3; margin-left: 30px; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.comment .comment-iteam .comment-handle .comment-report .iconfont { font-size: 12px; vertical-align: baseline }
.comment .comment-iteam .comment-source { position: absolute; right: 20px; top: 25px; font-size: 12px; color: #87959f }
.comment .comment-iteam .comment-source span+span { margin-left: 20px }
.comment .comment-iteam .comment-source i { font-size: 14px; margin-right: 5px }
.comment .comment-iteam .comment-reply { display: none; margin-top: 20px }
.comment .comment-iteam .comment-reply.active { display: block }
.comment .comment-iteam .comment-reply .form-input-textarea { color: #525a67 }
.comment .comment-iteam:hover .comment-report { opacity: 1; visibility: inherit }
.comment .comment-iteam.active { background-color: #fdfdfd }
.lan-pagination { padding-top: 20px; padding-bottom: 20px; text-align: center; vertical-align: middle }
.page-jump, ul.lan-page { display: inline-block; vertical-align: middle }
.page-jump { width: 60px }
.lan-page>li { display: inline-block; height: 30px; padding: 0 1px; vertical-align: middle; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.lan-page>li>a, .lan-page>li>span { position: relative; display: block; height: 30px; overflow: hidden; vertical-align: middle }
.lan-page>li>a { min-width: 30px; padding: 3px 2px; font: normal 14px/1.6 arial, sans-serif; color: #87959f; background-color: #fff; border: 1px solid #e9eef3; cursor: pointer; -webkit-transition: .32s ease-in-out .2s; transition: .32s ease-in-out .2s; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.lan-page>li>a:hover { color: #027cdb }
.lan-page>li.active { pointer-events: none }
.lan-page>li.active>a { color: #fff; background-color: #027cdb; border-color: #027cdb; cursor: default }
.lan-page>li>span { border: 1px solid #e9eef3; cursor: default }
.lan-page>li.ellipsis>span { width: 30px; padding: 12px 5px 0; background-color: #fff }
.lan-page>li.ellipsis>span>em { float: left; display: inline-block; width: 2px; height: 2px; margin: 2px; overflow: hidden; background-color: #87959f; vertical-align: middle; border-radius: 50% }
.lan-page>li.next>a { min-width: 24px }
.lan-page>li.next>a, .lan-page>li.previous>a { color: #525a67; border-color: transparent; background: none }
.lan-page>li.previous>a:hover { color: #0097e6 }
.lan-page>li.previous>a:active { color: #027cdb }
.lan-page>li.next>a>em, .lan-page>li.previous>a>em { display: inline-block; font-size: 14px; line-height: 1.57142857; vertical-align: bottom }
.lan-page>li.next.disabled>a, .lan-page>li.previous.disabled>a { color: #e3e9ef; cursor: not-allowed }
.page-group { position: relative; display: table; border-collapse: separate }
.page-group .page-txt { position: relative; z-index: 2; float: left; display: table-cell; width: 100%; height: 30px; font-family: arial; font-size: 14px; text-align: center; border-color: #e9eef3; background-color: #fff }
.page-group .page-group-btn { position: relative; z-index: 1; display: table-cell; width: 1%; font-size: 0; white-space: nowrap; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box }
.page-jump .btn { margin-left: -1px; height: 30px; width: 30px; padding: 0; font: normal 14px/1.6 arial; color: #87959f; background-color: #fff; border-color: #e9eef3 }
.page-jump .btn:hover { color: #027cdb }
.page-info { display: inline-block; margin-left: 14px; vertical-align: middle }
.page-info>span { display: inline-block; margin-left: 5px; font-size: 14px; line-height: 30px; color: #87959f; vertical-align: top }
.page-info>span span { margin-right: 2px; margin-left: 2px }
.page-info.assist-tips { margin-left: 4px; font-size: 14px; line-height: 30px; color: #ff8407 }
.page-v2 li.next>a>em, .page-v2 li.previous>a>em { width: 12px; height: 12px; vertical-align: middle; border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.page-v2 li.previous>a>em { border-left-color: #525a67; border-bottom-color: #525a67 }
.page-v2 li.previous>a:hover>em { border-left-color: #027cdb; border-bottom-color: #027cdb }
.page-v2 li.previous.disabled>a { cursor: not-allowed }
.page-v2 li.previous.disabled>a>em { border-left-color: #e3e9ef; border-bottom-color: #e3e9ef }
.page-v2 li.next>a>em { border-top-color: #525a67; border-right-color: #525a67 }
.page-v2 li.next>a:hover>em { border-top-color: #027cdb; border-right-color: #027cdb }
.page-v2 li.next.disabled>a { cursor: not-allowed }
.page-v2 li.next.disabled>a>em { border-top-color: #e3e9ef; border-right-color: #e3e9ef }
.rebanner { position: relative; max-width: 1920px; width: 100%; margin-right: auto; margin-left: auto; overflow: hidden; background-color: #fff; text-align: center }
.rebanner:hover .rebanner-button { opacity: 1 }
.rebanner .rebanner-img { position: absolute; top: 0; left: 50%; display: block; width: 1920px; height: 100%; margin-left: -960px }
.rebanner .rebanner-img img { height: 100% }
.rebanner .rebanner-button { position: absolute; top: 50%; z-index: 5; width: 30px; text-align: center; background-color: hsla(0,0%,100%,.6); cursor: pointer; opacity: 0; vertical-align: middle; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.rebanner .rebanner-button em { display: inline-block; width: 14px; height: 14px; border-style: solid; border-color: #87959f; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.rebanner .rebanner-button:hover { background-color: hsla(0,0%,100%,.8) }
.rebanner .rebanner-button:active { background-color: hsla(0,0%,100%,.7) }
.rebanner .rebanner-button.prev { left: 0; border-radius: 0 8px 8px 0 }
.rebanner .rebanner-button.prev em { border-width: 0 0 2px 2px }
.rebanner .rebanner-button.next { right: 0; border-radius: 8px 0 0 8px }
.rebanner .rebanner-button.next em { border-width: 2px 2px 0 0 }
.rebanner .rebanner-pagination { position: absolute; bottom: 15px; z-index: 5; width: 100%; height: 3px; text-align: center; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.rebanner .rebanner-pagination .swiper-pagination-bullet { width: 23px; height: 100%; margin: 0; background: #fff; vertical-align: top; opacity: .4; border-radius: 0 }
.rebanner .rebanner-pagination .swiper-pagination-bullet+.swiper-pagination-bullet { margin-left: 6px }
.rebanner .rebanner-pagination .swiper-pagination-bullet-active { background-color: #fff; opacity: 1 }
@media (min-width:768px) {
.rebanner { height: 240px }
.rebanner .rebanner-button { height: 78px; margin-top: -39px }
}
@media (min-width:992px) {
.rebanner { height: 320px }
}
@media (min-width:1200px) {
.rebanner { height: 400px }
.rebanner .rebanner-button { height: 98px; margin-top: -49px }
}
.p-banner { text-align: center }
.p-banner .p-ban-img, .p-banner .p-banner-img { display: block; overflow: hidden; background-color: #e8f0f3; text-align: center }
.p-banner.n1 { position: relative; width: 100%; margin-right: auto; margin-left: auto; overflow: hidden }
.p-banner.n1 .p-ban-img, .p-banner.n1 .p-banner-img { position: absolute; top: 0; left: 50%; display: block; width: 1180px; height: 100%; margin-left: -590px }
.p-banner.n1 img { height: 100% }
@media (min-width:768px) {
.p-banner.n1 { height: 78px }
}
@media (min-width:1200px) {
.p-banner.n1 { height: 98px }
}
.p-banner.n2 .p-ban-img, .p-banner.n2 .p-banner-img { float: left; display: block; overflow: hidden; height: 100% }
.p-banner.n2 .p-ban-img img, .p-banner.n2 .p-banner-img img { width: 100%; height: 100% }
@media (min-width:768px) {
.p-banner.n2 { height: 64px }
.p-banner.n2 .p-ban-img, .p-banner.n2 .p-banner-img { width: 369px }
.p-banner.n2 .p-ban-img+.p-ban-img, .p-banner.n2 .p-ban-img+.p-banner-img, .p-banner.n2 .p-banner-img+.p-ban-img, .p-banner.n2 .p-banner-img+.p-banner-img { margin-left: 10px }
}
@media (min-width:992px) {
.p-banner.n2 { height: 83px }
.p-banner.n2 .p-ban-img, .p-banner.n2 .p-banner-img { width: 480px }
.p-banner.n2 .p-ban-img+.p-ban-img, .p-banner.n2 .p-ban-img+.p-banner-img, .p-banner.n2 .p-banner-img+.p-ban-img, .p-banner.n2 .p-banner-img+.p-banner-img { margin-left: 20px }
}
@media (min-width:1200px) {
.p-banner.n2 { height: 98px }
.p-banner.n2 .p-ban-img, .p-banner.n2 .p-banner-img { width: 564px }
.p-banner.n2 .p-ban-img+.p-ban-img, .p-banner.n2 .p-ban-img+.p-banner-img, .p-banner.n2 .p-banner-img+.p-ban-img, .p-banner.n2 .p-banner-img+.p-banner-img { margin-left: 52px }
}
.p-banner.r1 .p-ban-img, .p-banner.r1 .p-banner-img { display: block; width: 100%; height: 340px }
.p-banner.r1 .p-ban-img+.p-ban-img, .p-banner.r1 .p-ban-img+.p-banner-img, .p-banner.r1 .p-banner-img+.p-ban-img, .p-banner.r1 .p-banner-img+.p-banner-img { margin-top: 20px }
.detail-active-banner .active-banner-img { display: block; width: 100%; text-align: center }
.detail-active-banner .active-banner-img img { max-width: 100%; max-height: 98px }
.detail-active-banner .swiper-pagination { bottom: 0 }
.detail-active-banner .swiper-pagination-bullet { opacity: .3 }
.detail-active-banner .swiper-pagination-bullet-active { opacity: 1 }
.p-banner-h60 { position: relative; height: 80px }
.p-banner-h60>a { left: 0; z-index: 1; width: 100% }
.p-banner-h60 img, .p-banner-h60>a { position: absolute; top: 0; height: 100% }
.p-banner-h60 img { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
@media (min-width:768px) {
.p-banner-h60 { height: 39px }
}
@media (min-width:992px) {
.p-banner-h60 { height: 49.8px }
}
@media (min-width:1200px) {
.p-banner-h60 { height: 60px }
}
.schoolHome-banner { position: relative; width: 100%; height: 100% }
.schoolHome-banner .sh-pagination { position: absolute; bottom: 16px; z-index: 1; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.schoolHome-banner .swiper-pagination-bullet { opacity: .3; background: #fff }
.schoolHome-banner .swiper-pagination-bullet-active { opacity: 1; background: #fff }
.header { position: fixed; top: 0; z-index: 15; width: 100%; -ms-box-shadow: 0 1px 5px rgba(33,43,52,.1); -o-box-shadow: 0 1px 5px rgba(33,43,52,.1); -webkit-box-shadow: 0 1px 5px rgba(33,43,52,.1); box-shadow: 0 1px 5px rgba(33,43,52,.1) }
.header .header-nav { position: relative; height: 60px; margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.header .header-nav__flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.header .header-nav .center, .header .header-nav .left, .header .header-nav .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.header .header-nav .left.v2023 { position: relative }
.header .header-nav .left.v2023:after { position: absolute; bottom: 6px; right: 0; width: 81px; height: 30px; margin-right: -86px; background: url("https://assets-cdn.lanqb.com/lanqb/2023/2023year.png") no-repeat 0 100%; background-size: 100% 100%; content: "" }
@media (min-width:768px) {
.header .header-nav { padding-right: 2px; padding-left: 2px }
.header .header-nav .left.v2023:after { bottom: -15px; width: 43px; height: 16px; margin-right: 0 }
}
@media (min-width:992px) {
.header .header-nav { padding-right: 8px; padding-left: 8px }
.header .header-nav .left.v2023:after { bottom: 6px; width: 32px; height: 12px; margin-right: -34px }
}
@media (min-width:1200px) {
.header .header-nav { padding-right: 16px; padding-left: 16px }
.header .header-nav .left.v2023:after { bottom: 4px; width: 43px; height: 16px; margin-right: -46px }
}
@media (min-width:1300px) {
.header .header-nav { padding-right: 20px; padding-left: 20px }
.header .header-nav .left.v2023:after { bottom: 5px; width: 54px; height: 20px; margin-right: -60px }
}
@media (min-width:1450px) {
.header .header-nav { padding-right: 24px; padding-left: 24px }
.header .header-nav .left.v2023:after { bottom: 6px; width: 65px; height: 24px; margin-right: -70px }
}
@media (min-width:1680px) {
.header .header-nav { padding-right: 50px; padding-left: 50px }
.header .header-nav .left.v2023:after { width: 86px; height: 32px; margin-right: -90px }
}
@media (min-width:1785px) {
.header .header-nav { padding-right: 64px; padding-left: 64px }
}
.header .header-logo { display: block }
@media (min-width:768px) {
.header .header-logo .logo { width: 131px; height: 20px }
}
@media (min-width:1300px) {
.header .header-logo .logo { width: 157px; height: 24px }
}
@media (min-width:1450px) {
.header .header-logo .logo { width: 196px; height: 30px }
}
@media (min-width:1680px) {
.header .header-logo .logo { width: 236px; height: 36px }
}
.header~.container-wrap { margin-top: 80px }
.ear2023:before { position: absolute; background: url("https://assets-cdn.lanqb.com/lanqb/2023/rabbit-ear.png") no-repeat bottom; background-size: 100% 100%; content: "" }
.header-navbar>li { position: relative; float: left }
@media (min-width:768px) {
.header-navbar>li { margin-left: 8px; font-size: 13px }
}
@media (min-width:992px) {
.header-navbar>li { margin-left: 12px; font-size: 14px }
}
@media (min-width:1200px) {
.header-navbar>li { margin-left: 14px }
}
@media (min-width:1300px) {
.header-navbar>li { margin-left: 20px }
}
@media (min-width:1450px) {
.header-navbar>li { margin-left: 22px }
}
@media (min-width:1680px) {
.header-navbar>li { margin-left: 30px }
}
@media (min-width:1785px) {
.header-navbar>li { margin-left: 40px }
}
.header-navbar>li>a { position: relative; display: block; font-weight: 500; line-height: 60px; color: #212b34 }
.header-navbar>li>a.icon:before { position: absolute; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; content: "" }
.header-navbar>li>a.icon.hot:before { top: 3px; left: -4px; width: 40px; height: 22px; background-image: url("https://assets-cdn.lanqb.com/imgv3/image/hot-s.png") }
.header-navbar>li>a.icon.new:before { top: 4px; left: -3px; width: 32px; height: 20px; background-image: url("https://assets-cdn.lanqb.com/imgv3/image/new.png") }
.header-navbar>li.active>a { color: #027cdb }
.header-navbar>li.active>a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #027cdb; content: "" }
.header-navbar>li:hover>a { color: #027cdb }
.header-navbar>li:hover .header-subnavbar { opacity: 1; visibility: visible }
.header-navbar>li.other>a { color: #87959f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.header-navbar>li.other>a .iconfont { font-size: 18px }
.header-navbar>li.other>a .iconfont.fz23 { font-size: 23px }
@media (min-width:768px) {
.header-navbar>li.other>a .iconfont { margin-right: 3px }
}
@media (min-width:992px) {
.header-navbar>li.other>a .iconfont { margin-right: 6px }
}
@media (min-width:1200px) {
.header-navbar>li.other>a .iconfont { margin-right: 10px }
}
.header-navbar>li.other>a:hover { color: #525a67 }
.header-navbar .header-subnavbar { position: absolute; top: 100%; z-index: 2; background-color: #fff; text-align: left; opacity: 0; visibility: hidden; border-radius: 0 0 4px 4px; -ms-box-shadow: 0 0 10px rgba(33,43,52,.08); -o-box-shadow: 0 0 10px rgba(33,43,52,.08); -webkit-box-shadow: 0 0 10px rgba(33,43,52,.08); box-shadow: 0 0 10px rgba(33,43,52,.08); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.header-navbar .header-subnavbar a { display: block; color: #525a67; white-space: nowrap }
.header-navbar .header-subnavbar li:hover a { color: #fff; background-color: #027cdb }
@media (min-width:768px) {
.header-navbar .header-subnavbar { left: 0; width: 90px; padding-top: 4px; padding-bottom: 4px }
.header-navbar .header-subnavbar.prl20 a { padding-right: 12px; padding-left: 12px }
.header-navbar .header-subnavbar.pl34 a { padding-left: 22px }
.header-navbar .header-subnavbar a { font-size: 12px; line-height: 26px }
}
@media (min-width:992px) {
.header-navbar .header-subnavbar { left: -7px; width: 110px; padding-top: 6px; padding-bottom: 6px }
.header-navbar .header-subnavbar.prl20 a { padding-right: 16px; padding-left: 16px }
.header-navbar .header-subnavbar.pl34 a { padding-left: 28px }
.header-navbar .header-subnavbar a { font-size: 13px; line-height: 32px }
}
@media (min-width:1200px) {
.header-navbar .header-subnavbar { left: -11px; width: 130px; padding-top: 10px; padding-bottom: 10px }
.header-navbar .header-subnavbar.prl20 a { padding-right: 20px; padding-left: 20px }
.header-navbar .header-subnavbar.pl34 a { padding-left: 34px }
.header-navbar .header-subnavbar a { font-size: 14px; line-height: 40px }
}
@media (min-width:1320px) {
.header-navbar .header-subnavbar { left: -15px }
}
.login-hds.no-login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.login-hds.no-login a { font-size: 12px; line-height: 20px; color: #87959f }
.login-hds.no-login a:hover { color: #212b34 }
.login-hds.no-login em { margin-right: 10px; margin-left: 10px; color: #87959f }
@media (min-width:768px) {
.login-hds.no-login .register-reward { display: none }
}
@media (min-width:1200px) {
.login-hds.no-login .register-reward { display: none }
}
@media (min-width:1375px) {
.login-hds.no-login .register-reward { display: block; width: 97px; height: 30px }
}
@media (min-width:1470px) {
.login-hds.no-login .register-reward { display: block; width: 57px; height: 20px }
}
@media (min-width:1510px) {
.login-hds.no-login .register-reward { display: block; width: 97px; height: 30px }
}
.login-hds .login-users>li { position: relative; float: left }
@media (min-width:768px) {
.login-hds .login-users>li+li { margin-left: 2px }
}
@media (min-width:992px) {
.login-hds .login-users>li+li { margin-left: 4px }
}
@media (min-width:1200px) {
.login-hds .login-users>li+li { margin-left: 10px }
}
.login-hds .login-users>li.icon>a { width: 30px; height: 30px; color: #87959f; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.login-hds .login-users>li.icon>a .iconfont { font-size: 16px }
.login-hds .login-users>li.icon>a.publish { width: 68px; background-color: #f6f8fa; border-radius: 20px }
.login-hds .login-users>li.icon>a.publish span { margin-left: 6px; font-size: 13px; line-height: 20px }
.login-hds .login-users>li.icon>a.publish:hover { color: #fff; background-color: #457eec }
.login-hds .login-users>li.icon:hover>a { background-color: #f6f8fa; color: #525a67 }
.login-hds .login-users>li.profile a { display: block; color: #87959f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.login-hds .login-users>li.profile a .name { font-size: 12px; line-height: 30px; color: #525a67; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
@media (min-width:768px) {
.login-hds .login-users>li.profile a .name { max-width: 40px; margin-right: 2px }
}
@media (min-width:992px) {
.login-hds .login-users>li.profile a .name { margin-right: 6px; max-width: 52px }
}
@media (min-width:1200px) {
.login-hds .login-users>li.profile a .name { max-width: 92px; margin-right: 10px }
}
.login-hds .login-users>li.profile a .cover { width: 30px; height: 30px; overflow: hidden; border-radius: 50% }
.login-hds .login-users>li.profile.no-email>a { position: relative }
.login-hds .login-users>li.profile.no-email>a:after { position: absolute; top: 4px; right: 0; z-index: 1; width: 5px; height: 5px; background-color: #ff5900; content: ""; border-radius: 50% }
.login-hds .login-users>li.profile.no-email .logined-list li.no-email em { position: relative }
.login-hds .login-users>li.profile.no-email .logined-list li.no-email em:after { position: absolute; top: 2px; left: 100%; z-index: 1; width: 5px; height: 5px; background-color: #ff5900; content: ""; border-radius: 50% }
.login-hds .login-users>li.profile>.ear2023 .cover { position: relative }
.login-hds .login-users>li.profile>.ear2023:before { right: -6px; top: -10px; width: 42px; height: 21px }
.login-hds .logined-list { position: absolute; top: 100%; right: 0; z-index: 2; display: none; min-width: 50px; margin-top: 15px; border: 1px solid #eef3f5; background-color: #fff; -ms-box-shadow: 0 0 10px rgba(33,43,52,.08); -o-box-shadow: 0 0 10px rgba(33,43,52,.08); -webkit-box-shadow: 0 0 10px rgba(33,43,52,.08); box-shadow: 0 0 10px rgba(33,43,52,.08); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.login-hds .logined-list:before { position: absolute; top: -8px; right: 8px; width: 13px; height: 8px; background: url("https://assets-cdn.lanqb.com/imgv3/image/icon03.png") no-repeat 50%; background-size: 13px 8px; content: "" }
.login-hds .logined-list li { padding: 0 6px }
.login-hds .logined-list li+li a { border-top: 1px solid #f6f8fa }
.login-hds .logined-list li a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 10px 7px; white-space: nowrap }
.login-hds .logined-list li .iconfont { margin-right: 7px; font-size: 16px; line-height: 1; color: #87959f }
.login-hds .logined-list li .iconfont, .login-hds .logined-list li em { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.login-hds .logined-list li em { font-size: 14px; line-height: 20px; color: #525a67 }
.login-hds .logined-list li:hover .iconfont, .login-hds .logined-list li:hover em { color: #027cdb }
.login-hds .new-personal-list { min-width: 360px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border: none; -ms-box-shadow: 0 10px 10px rgba(33,43,52,.08); -o-box-shadow: 0 10px 10px rgba(33,43,52,.08); -webkit-box-shadow: 0 10px 10px rgba(33,43,52,.08); box-shadow: 0 10px 10px rgba(33,43,52,.08); margin-top: 15px; border-top: 1px solid #f1f3f5 }
.login-hds .new-personal-list:before { content: ""; background: none }
.login-hds .new-personal-list li { padding: 0 }
.login-hds .new-personal-list li:hover em { color: #525a67 }
.login-hds .new-personal-list .li-top { padding: 16px 20px; vertical-align: top }
.login-hds .new-personal-list .li-top a { padding: 0 }
.login-hds .new-personal-list .li-top .avatar { width: 46px; height: 46px; border-radius: 50%; display: inline-block; margin-right: 12px }
.login-hds .new-personal-list .li-top .info { vertical-align: top; display: inline-block }
.login-hds .new-personal-list .li-top .info .nickname { font-size: 18px; color: #212b34; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; max-width: 222px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.login-hds .new-personal-list .li-top .info .student-id { color: #b1b5b9; font-size: 12px; margin-top: 4px }
.login-hds .new-personal-list .li-top .info .avatar-tail { width: 18px; height: 18px }
.login-hds .new-personal-list .li-top .ear2023, .login-hds .new-personal-list .li-top .ear2023 .avatar { position: relative }
.login-hds .new-personal-list .li-top .ear2023:before { left: -9px; top: -14px; width: 64px; height: 33px }
.login-hds .new-personal-list .li-content { padding: 0 20px; border-top: 1px solid #f1f3f5 }
.login-hds .new-personal-list .li-content-top ol { padding: 20px 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.login-hds .new-personal-list .li-content-top ol .top-item { width: 60px; text-align: center; display: block; padding: 0; border: none; cursor: pointer }
.login-hds .new-personal-list .li-content-top ol .top-item img { width: 34px; height: 34px; display: block; margin: 0 auto; margin-bottom: 8px }
.login-hds .new-personal-list .li-content-top ol .top-item em { font-size: 14px; color: #212b34 }
.login-hds .new-personal-list .li-content-top ol .top-item:hover em { color: #027cdb }
.login-hds .new-personal-list .li-content-item { border-top: 1px solid #f1f3f5; padding: 14px 0 }
.login-hds .new-personal-list .li-content-item a { border: none; padding: 0 }
.login-hds .new-personal-list .li-content-item a:hover em, .login-hds .new-personal-list .li-content-item a:hover i { color: #027cdb }
.login-hds .new-personal-list .li-content-item a.logout:hover em { color: #525a67 }
.login-hds .new-personal-list .li-content-item i { font-size: 18px; margin-right: 8px; line-height: 20px }
.login-hds .new-personal-list .li-content-item em { font-size: 14px; color: #525a67; line-height: 20px }
.login-hds .new-personal-list .li-content-item span { color: #b1b5b9; font-size: 12px; line-height: 20px; margin-left: 12px }
.login-hds .new-personal-list .li-content-item span.tag { color: #fff; background: -webkit-gradient(linear, right top, left top, color-stop(0, #ff5a6b), to(#ff3f72)); background: linear-gradient(270deg, #ff5a6b, #ff3f72); -webkit-box-shadow: 0 1px 4px 0 rgba(226,0,88,.5); box-shadow: 0 1px 4px 0 rgba(226,0,88,.5); border-radius: 2px; display: inline-block; height: 20px; width: 35px; text-align: center; line-height: 20px; -webkit-transform: scale(.8); transform: scale(.8); margin-left: 4px }
.login-hds .new-personal-list .li-content-item .logout { display: inline-block; text-align: right }
.login-hds .new-personal-list .li-content-item .logout em { color: #b1b5b9 }
.login-hds .new-personal-list .li-content-item.between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.login-hds .new-personal-list .li-bottom { height: 90px }
.login-hds .new-personal-list .li-bottom a, .login-hds .new-personal-list .li-bottom img { padding: 0; width: 100%; height: 100%; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px }
.header-search { position: relative; height: 40px }
@media (min-width:768px) {
.header-search { width: 45px; margin-left: 4px; background-color: #f6f8fa; border-radius: 6px }
}
@media (min-width:992px) {
.header-search { width: 80px; margin-left: 15px; background-color: transparent; border-radius: 6px }
.header-search .header-hot-search-popup .hot-search-btn:before { display: none }
}
@media (min-width:1200px) {
.header-search { width: 140px; margin-left: 20px }
}
@media (min-width:1450px) {
.header-search { width: 180px; margin-right: 0; margin-left: 40px }
.header-search .header-hot-search-popup .hot-search-btn:before { display: block }
}
@media (min-width:1640px) {
.header-search { width: 240px; margin-right: 0; margin-left: 40px }
}
@media (min-width:768px) {
.header-search.no-login { margin-right: 20px; width: 95px }
}
@media (min-width:992px) {
.header-search.no-login { width: 160px }
}
@media (min-width:1200px) {
.header-search.no-login { width: 240px }
}
.header-search.no-login .header-hot-search-popup .hot-search-btn:before { display: none }
.header-search.no-login .header-search-keywords:focus~.header-hot-search-popup .hot-search-btn:before { display: block }
.header-search .header-search-keywords { width: 100%; height: 100%; padding-left: 40px; padding-left: 16px; font-size: 14px; line-height: 40px; background-color: #f6f8fa; color: #212b34; border: none; outline: none; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box }
@media (min-width:992px) {
.header-search .header-search-keywords { opacity: 1; visibility: visible }
}
.header-search .header-search-keywords::-webkit-input-placeholder {
color:#87959f
}
.header-search .header-search-keywords::-moz-placeholder {
color:#87959f
}
.header-search .header-search-keywords::-ms-input-placeholder {
color:#87959f
}
.header-search .header-search-keywords:focus::-webkit-input-placeholder {
color:#ced6dc
}
.header-search .header-search-keywords:focus:-moz-placeholder, .header-search .header-search-keywords:focus::-moz-placeholder {
color:#ced6dc
}
.header-search .header-search-keywords:focus:-ms-input-placeholder {
color:#ced6dc
}
@-webkit-keyframes people { 0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes people { 0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}
@-webkit-keyframes searchBtn { 0% {
opacity:0;
-webkit-transform:translate3D(50%, -50%, 0);
transform:translate3D(50%, -50%, 0)
}
to { opacity: 1; -webkit-transform: translate3D(0, -50%, 0); transform: translate3D(0, -50%, 0) }
}
@keyframes searchBtn { 0% {
opacity:0;
-webkit-transform:translate3D(50%, -50%, 0);
transform:translate3D(50%, -50%, 0)
}
to { opacity: 1; -webkit-transform: translate3D(0, -50%, 0); transform: translate3D(0, -50%, 0) }
}
@media (min-width:992px) {
.header-search .header-search-keywords:focus~.header-hot-search-popup { visibility: visible; opacity: 1 }
}
.header-search .header-search-keywords:focus~.header-hot-search-popup .hot-search-btn:before { display: block; -webkit-animation: people 1s ease; animation: people 1s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
.header-search .header-search-keywords:focus~.header-hot-search-popup .hot-search-btn span { -webkit-animation: searchBtn 1.5s ease; animation: searchBtn 1.5s ease; -webkit-animation-delay: .75s; animation-delay: .75s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
.header-search .header-search-btn { position: absolute; top: 2px; right: 2px; z-index: 1; width: 36px; height: 36px; overflow: hidden; color: #525a67; background-color: transparent; border: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.header-search .header-search-btn:after { font-family: iconfontL; font-size: 16px; font-weight: 700; content: "\E632" }
.header-search .header-search-btn:hover { color: #212b34 }
.header-search .header-hot-search-popup { position: absolute; top: 38px; right: 0; left: 0; padding-top: 12px; visibility: hidden; opacity: 0; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; width: 240px }
.header-search .header-hot-search { overflow: hidden; background-color: #fff; border-top: 1px solid #f1f3f5; border-radius: 0 0 6px 6px; -ms-box-shadow: 0 2px 10px rgba(0,0,0,.1); -o-box-shadow: 0 2px 10px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1); box-shadow: 0 2px 10px rgba(0,0,0,.1) }
.header-search .hot-search-btn { position: relative; width: 100%; height: 64px; border: none; background: url("https://assets-cdn.lanqb.com/imgv3/image/nav-search-bg@2x_pc.png?format/webp") no-repeat bottom; background-size: 100% 100% }
.header-search .hot-search-btn:before { position: absolute; bottom: 0; right: 3px; z-index: 1; display: none; width: 98px; height: 84px; background: url("https://assets-cdn.lanqb.com/imgv3/image/nav-search-img@2x_pc.png") no-repeat bottom; background-size: 100% 100%; opacity: 0; content: "" }
.header-search .hot-search-btn span { position: absolute; top: 50%; left: 12px; display: block; width: 138px; height: 30px; font-size: 12px; font-weight: 600; line-height: 30px; color: #7d6504; background-color: #fff337; opacity: 0; border-radius: 6px }
.header-search .hot-search-btn:hover span { background-color: #fff004 }
.header-search .hot-search-con { padding: 10px 16px 15px }
@media (min-width:992px) {
.header-search .hot-search-con { padding-right: 8px; padding-left: 8px }
}
@media (min-width:1200px) {
.header-search .hot-search-con { padding-right: 16px; padding-left: 16px }
}
.header-search .hot-search-con h4, .header-search .hot-search-con h4 .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.header-search .hot-search-con h4 .icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 16px; margin-right: 6px; color: #fff; background-color: #b1bbc3; border-radius: 50% }
.header-search .hot-search-con h4 .icon:before { display: block; font-family: iconfontL; font-size: 12px; line-height: 1 }
.header-search .hot-search-con h4 .icon.search:before { content: "\EB51" }
.header-search .hot-search-con h4 .icon.course:before { content: "\E6E1"; -webkit-transform: scale(.83); transform: scale(.83) }
.header-search .hot-search-con h4 span { font-size: 12px; line-height: 20px; color: #87959f }
.header-search .hot-search-con p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap }
.header-search .hot-search-con p+h4 { padding-top: 15px; margin-top: 15px; border-top: 1px solid #f1f3f5 }
.header-search .hot-search-con p a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 9px; padding-left: 9px; margin-top: 10px; margin-right: 10px; font-size: 12px; line-height: 20px; color: #525a67; border: 1px solid #e3e9ef; border-radius: 20px }
.header-search .hot-search-con p a:hover { color: #027cdb; border-color: #027cdb }
.header-search .hot-search-con p.course a { padding-right: 12px; padding-left: 8px }
.header-search .hot-search-con p.course a:before { display: block; margin-right: 2px; font-family: iconfontL; font-size: 16px; line-height: 1; content: "\EB51"; color: #ff5900 }
@media (min-width:992px) {
.header-search .hot-search-con p+h4 { padding-top: 10px; margin-top: 10px }
.header-search .hot-search-con p a { margin-top: 5px; margin-right: 5px }
.header-search .hot-search-con p.course a { padding-right: 10px; padding-left: 6px }
}
@media (min-width:1200px) {
.header-search .hot-search-con p+h4 { padding-top: 15px; margin-top: 15px }
.header-search .hot-search-con p a { margin-top: 10px; margin-right: 10px }
.header-search .hot-search-con p.course a { padding-right: 12px; padding-left: 8px }
}
.returnTop { z-index: 15; position: fixed; right: 30px; bottom: 140px; width: 114px; -webkit-animation: fadeInRight 1s ease; animation: fadeInRight 1s ease }
.returnTop li { position: relative; margin-top: 1px; width: 114px; height: 40px; line-height: 40px; background-color: #87959f; text-align: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.returnTop li a { position: relative; display: block; width: 100%; height: 100% }
.returnTop li #unreadNum { position: absolute; top: -4px; right: -4px; display: none; width: 16px; height: 16px; color: #fff; background-color: red; font: normal 300 12px/1.33333333 arial; border: 1px solid #fff; border-radius: 50% }
.returnTop li i { font-size: 12px; width: 15px; margin-right: 8px; line-height: 42px; vertical-align: top }
.returnTop li em, .returnTop li i { display: inline-block; color: #fff; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.returnTop li em { font-size: 14px; width: 60px }
.returnTop li.rezx { background-color: #027cdb }
.returnTop li.retop { display: none }
.returnTop li.retop.active { display: block }
.returnTop li.zone i { font-size: 20px; margin-left: -6px }
.returnTop li.zone em { padding-left: 5px; -webkit-box-sizing: border-box; box-sizing: border-box }
.returnTop li.gz i { font-size: 14px }
.returnTop li:hover { background-color: #525a67 }
.returnTop li .returnTop-pop { position: absolute; top: 50%; right: 125px; margin-top: -65px; visibility: hidden; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.returnTop li .gz-pop-con { position: relative; z-index: 2; width: 100%; height: 100%; background-color: #fff }
.returnTop li .gz-pop { width: 290px; height: 220px; padding: 20px 0 25px }
.returnTop li .gz-pop, .returnTop li .gz-pop:after { z-index: 1; background-color: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1); box-shadow: 0 0 4px 0 rgba(0,0,0,.1) }
.returnTop li .gz-pop:after { position: absolute; top: 60px; right: -4px; width: 12px; height: 12px; -webkit-transform: rotate(35deg) skew(-25deg); transform: rotate(35deg) skew(-25deg); border-radius: 1px; content: "" }
.returnTop li .gz-pop .gz-QRcode { display: inline-block; width: 112px; vertical-align: top }
.returnTop li .gz-pop .gz-QRcode+.gz-QRcode { margin-left: 24px }
.returnTop li .gz-pop img { width: 106px; height: 106px }
.returnTop li .gz-pop span { display: inline-block; width: 100%; margin-top: 12px; font-size: 14px; line-height: 1.4; text-align: left; color: #4a4a4a }
.returnTop li.call { height: auto; padding-bottom: 10px }
.returnTop li.call p { color: #fff; margin-top: -10px; font-size: 14px }
.returnTop li.call p.time { margin-top: 0; font-size: 12px }
.returnTop li:hover .gz-pop { visibility: visible; opacity: 1 }
@media (min-width:768px) {
.returnTop { display: none }
}
@media (min-width:992px) {
.returnTop { display: block }
}
@media (min-width:768px) {
.returnTop { right: 19.014px }
}
@media (min-width:992px) {
.returnTop { right: 24.915px }
}
@media (min-width:1200px) {
.returnTop { right: 30px }
}
.sidebar { position: fixed; bottom: 0; z-index: 10; min-height: 80px; -webkit-transition: height .45s ease; transition: height .45s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-animation: fadeInRight 1s ease; animation: fadeInRight 1s ease }
.sidebar #unreadNum { position: absolute; top: -4px; right: -7px; z-index: 5; display: none; width: 14px; height: 14px; color: #fff; background-color: red; font: normal 300 12px/14px arial; border: 1px solid #fff; text-align: center; border-radius: 50% }
.sidebar .sidebar-s1 { position: relative; z-index: 2; display: block; width: 100px; padding: 4px 0; margin-bottom: 28px; background-color: #363652; opacity: 1; border-radius: 3px; -webkit-transition: all .45s ease; transition: all .45s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-transform: translateZ(0); transform: translateZ(0) }
.sidebar .sidebar-s1 .sidebar-close { position: absolute; bottom: -26px; left: 43px; display: block; width: 15px; height: 15px; background-color: #363652; cursor: pointer; border-radius: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.sidebar .sidebar-s1 .sidebar-close:after, .sidebar .sidebar-s1 .sidebar-close:before { position: absolute; top: 4px; left: 7px; width: 1px; height: 7px; background-color: #fff; content: "" }
.sidebar .sidebar-s1 .sidebar-close:after { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.sidebar .sidebar-s1 .sidebar-close:hover { background-color: #252539 }
.sidebar .sidebar-s1-qq { position: absolute; bottom: 100%; left: 0; width: 100%; padding: 6px 0 10px; margin-bottom: 8px; color: #fff; background-color: #585884; text-align: center; border-radius: 3px }
.sidebar .sidebar-s1-qq:before { position: absolute; top: -67px; left: 6px; z-index: -1; width: 90px; height: 100px; background: url("https://assets-cdn.lanqb.com/imgv3/sidebar/side-open@2x.gif") no-repeat top; background-size: 100% auto; content: "" }
.sidebar .sidebar-s1-qq span { display: block; font-size: 12px; line-height: 20px }
.sidebar .sidebar-s1-qq .btn { width: 70px; height: 20px; margin-top: 4px; font-size: 12px; line-height: 20px; color: #fff; background-color: #6a699e; border: none; border-radius: 10px }
.sidebar .sidebar-s1-qq .btn:hover { color: #fff; background-color: #7676bc }
.sidebar .sidebar-s1-qq .btn:active { color: #fff; background-color: #6f6fb8 }
.sidebar .sidebar-s2 { position: absolute; bottom: 0; right: 0; width: 100px; height: 62px; margin-bottom: 18px; cursor: pointer; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) }
.sidebar .sidebar-s2:before { position: absolute; bottom: -1px; left: 0; width: 118px; height: 99px; background: url("https://assets-cdn.lanqb.com/imgv3/sidebar/side-close@2x.gif") no-repeat 0 100%; background-size: cover; content: "" }
.sidebar .sidebar-s2 span { position: relative; display: none; width: 24px; padding: 8px 4px 10px; margin-left: 68px; color: #fff; background-color: #363652; text-align: center; cursor: pointer; border-radius: 3px }
.sidebar .sidebar-s2 span .iconfont { font-size: 12px; line-height: 15px }
.sidebar .sidebar-s2 span em { display: block; font-size: 12px; line-height: 13px }
.sidebar .sidebar-s2:hover span { background-color: #252539 }
.sidebar .sidebar-list { position: relative; z-index: 2; color: #fff }
.sidebar .sidebar-list li { position: relative; width: 100%; height: 36px; line-height: 36px; text-align: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.sidebar .sidebar-list li a { position: relative; display: block; width: 100%; height: 100%; color: #fff; font-size: 12px }
.sidebar .sidebar-list li a .iconfont { display: inline-block; width: 15px; margin-right: 7px; font-size: 12px; line-height: 36px; vertical-align: top }
.sidebar .sidebar-list li a em { display: inline-block; width: 48px; text-align: left }
.sidebar .sidebar-list li:hover { background-color: #252539 }
.sidebar .sidebar-list li.zone a .iconfont { font-size: 20px; margin-left: -6px }
.sidebar .sidebar-list li.retop { display: none }
.sidebar .sidebar-list li.retop.active { display: block }
.sidebar .sidebar-list li .gz-pop { z-index: 1; background-color: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1); box-shadow: 0 0 4px 0 rgba(0,0,0,.1); width: 290px; height: 220px; padding: 20px 0 25px }
.sidebar .sidebar-list li:hover .sidebar-pop { visibility: visible; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
.sidebar .sidebar-list .sidebar-pop { position: absolute; right: 113px; color: #fff; background-color: #363652; visibility: hidden; opacity: 0; border-radius: 3px; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0) }
.sidebar .sidebar-list .sidebar-pop:before { position: absolute; right: -2px; width: 12px; height: 12px; -webkit-transform: rotate(35deg) skew(-25deg); transform: rotate(35deg) skew(-25deg); background-color: #363652; border-radius: 3px; content: "" }
.sidebar .sidebar-list .sidebar-pop.rx { top: 0; padding: 10px 15px; text-align: left }
.sidebar .sidebar-list .sidebar-pop.rx:before { top: 12px }
.sidebar .sidebar-list .sidebar-pop.rx p { font-size: 12px; line-height: 20px; white-space: nowrap }
.sidebar .sidebar-list .sidebar-pop.gz { top: -50px; width: 290px; padding: 20px 0 12px }
.sidebar .sidebar-list .sidebar-pop.gz:before { top: 60px }
.sidebar .sidebar-list .sidebar-pop.gz .gz-QRcode { display: inline-block; width: 112px; vertical-align: top }
.sidebar .sidebar-list .sidebar-pop.gz .gz-QRcode+.gz-QRcode { margin-left: 24px }
.sidebar .sidebar-list .sidebar-pop.gz .gz-QRcode img { width: 106px; height: 106px }
.sidebar .sidebar-list .sidebar-pop.gz .gz-QRcode span { display: inline-block; width: 100%; margin-top: 12px; font-size: 12px; line-height: 16px; text-align: left }
.sidebar .sidebar-list .sidebar-pop.gz.v4 { width: 140px; padding: 15px }
.sidebar .sidebar-list .sidebar-pop.gz.v4 .gz-QRcode { width: 110px }
.sidebar.closed #unreadNum { top: -6px; right: 0 }
.sidebar.closed .sidebar-s1 { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0) }
.sidebar.closed .sidebar-s2 { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
.sidebar.closed .sidebar-s2 span { display: block }
.sidebar.v3 .sidebar-s1 { border-radius: 0 0 3px 3px }
.sidebar.v3 .sidebar-s1-qq { padding-top: 9px; padding-bottom: 2px; margin-bottom: 0; background-color: #363652; border-radius: 3px 3px 0 0 }
.sidebar.v3~.sidebar-right { position: fixed; top: 0; right: -4px; bottom: 0; z-index: 10; width: 52px; color: #fff; background-color: #0d0d2b; -webkit-transition: top .2s ease-in-out; transition: top .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-animation: fadeInRight 1s ease; animation: fadeInRight 1s ease }
.sidebar.v3~.sidebar-right:after { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: "" }
.sidebar.v3~.sidebar-right .sidebr-qq, .sidebar.v3~.sidebar-right .sidebr-retop { position: absolute; left: 0; width: 48px; text-align: center }
.sidebar.v3~.sidebar-right .sidebr-list { display: inline-block; width: 48px; vertical-align: middle }
.sidebar.v3~.sidebar-right .sidebr-item { position: relative; text-align: center }
.sidebar.v3~.sidebar-right .sidebr-item+.sidebr-item { margin-top: 6px }
.sidebar.v3~.sidebar-right .sidebr-item:hover .sidebr-item-span { background-color: #28284a }
.sidebar.v3~.sidebar-right .sidebr-item:hover .sidebr-pop { visibility: visible; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
.sidebar.v3~.sidebar-right .sidebr-item-span { display: block; padding: 7px 0 15px; color: #fff; cursor: default; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.sidebar.v3~.sidebar-right .sidebr-item-span.hover { cursor: pointer }
.sidebar.v3~.sidebar-right .sidebr-item-span .iconfont { display: block; font-size: 16px; line-height: 30px }
.sidebar.v3~.sidebar-right .sidebr-item-span em { display: block; font-size: 12px; line-height: 14px }
.sidebar.v3~.sidebar-right .sidebr-retop { bottom: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0) }
.sidebar.v3~.sidebar-right .sidebr-retop.active { visibility: visible; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
.sidebar.v3~.sidebar-right .sidebr-retop:hover .sidebr-retop-span { background-color: #28284a }
.sidebar.v3~.sidebar-right .sidebr-retop .sidebr-retop-span { display: block; padding: 9px 0 12px; color: #fff }
.sidebar.v3~.sidebar-right .sidebr-retop .sidebr-retop-span .iconfont { display: block; font-size: 16px; line-height: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.sidebar.v3~.sidebar-right .sidebr-retop .sidebr-retop-span em { display: block; margin-top: 5px; font-size: 12px; line-height: 12px }
.sidebar.v3~.sidebar-right .sidebr-qq { top: 50px; -webkit-transition: top .2s ease-in-out; transition: top .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.sidebar.v3~.sidebar-right .sidebr-qq .sidebr-qq-span { position: relative; display: block; padding: 8px 0; color: #fff; background-color: #f3655a; border-top: 28px solid #f24d4d; cursor: default }
.sidebar.v3~.sidebar-right .sidebr-qq .sidebr-qq-span:before { position: absolute; top: -38px; left: 0; width: 48px; height: 38px; background: url("https://assets-cdn.lanqb.com/imgv3/sidebar/sider-vip@2x.png?imageView2/1/w/48/h/38") no-repeat top; background-size: cover; content: "" }
.sidebar.v3~.sidebar-right .sidebr-qq .sidebr-qq-span em { display: block; font-size: 12px; line-height: 15px }
.sidebar.v3~.sidebar-right .sidebr-qq:hover .sidebr-pop { visibility: visible; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
.sidebar.v3~.sidebar-right .sidebr-pop { top: 0; right: 63px; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0) }
.sidebar.v3~.sidebar-right .sidebr-pop, .sidebar.v3~.sidebar-right .sidebr-pop:before { position: absolute; border-radius: 3px; -ms-box-shadow: 0 0 4px rgba(0,0,0,.1); -o-box-shadow: 0 0 4px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1); box-shadow: 0 0 4px rgba(0,0,0,.1) }
.sidebar.v3~.sidebar-right .sidebr-pop:before { top: 13px; right: -5px; width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; content: "" }
.sidebar.v3~.sidebar-right .sidebr-pop.rx p { font-size: 12px; line-height: 12px; white-space: nowrap }
.sidebar.v3~.sidebar-right .sidebr-pop.rx p+p { margin-top: 8px }
.sidebar.v3~.sidebar-right .sidebr-pop.QRcode { width: 124px }
.sidebar.v3~.sidebar-right .sidebr-pop.QRcode .sidebr-QRcode-item { display: inline-block; width: 94px; vertical-align: top }
.sidebar.v3~.sidebar-right .sidebr-pop.QRcode .sidebr-QRcode-item+.sidebr-QRcode-item { margin-left: 12px }
.sidebar.v3~.sidebar-right .sidebr-pop.QRcode .sidebr-QRcode-item img { width: 94px; margin-bottom: 10px }
.sidebar.v3~.sidebar-right .sidebr-pop.QRcode .sidebr-QRcode-item p { font-size: 12px; line-height: 16px }
.sidebar.v3~.sidebar-right .sidebr-pop.qq { width: 135px }
.sidebar.v3~.sidebar-right .sidebr-pop.qq .sidebr-pop-con { text-align: center }
.sidebar.v3~.sidebar-right .sidebr-pop.qq img { width: 85px; height: 85px }
.sidebar.v3~.sidebar-right .sidebr-pop.qq h6 { margin-top: 5px; margin-bottom: 5px; font-size: 12px; font-weight: 700; line-height: 21px; color: #212b34; border-top: 1px dashed rgba(33,43,52,.15); border-bottom: 1px dashed rgba(33,43,52,.15) }
.sidebar.v3~.sidebar-right .sidebr-pop.qq p { font-size: 12px; line-height: 16px }
.sidebar.v3~.sidebar-right .sidebr-pop.qq p.red { color: #f3655a }
.sidebar.v3~.sidebar-right .sidebr-pop-con { position: relative; z-index: 1; padding: 15px; color: #525a67; background-color: #fff; text-align: left; border-radius: 3px }
.sidebar.v4.closed #unreadNum { right: 18px }
.sidebar.v4 .sidebar-s2:before { bottom: -4px; left: 6px; width: 61px; height: 80px; background-image: url("https://assets-cdn.lanqb.com/imgv3/sidebar/side-open@2x.gif") }
.sidebar.v4 .sidebar-s2 span { margin-left: 50px }
.sidebar .limited-time-coupon-button { position: absolute; bottom: 100%; right: 12px; display: none; width: 81px; height: 72px; margin-bottom: 145px; text-indent: -9999px; background: url("https://assets-cdn.lanqb.com/popupv3/201908/bg1_pc.png") no-repeat top; background-size: 81px 72px; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.sidebar .limited-time-coupon-button em { position: absolute; bottom: -23px; left: -16px; right: -16px; font-size: 16px; line-height: 23px; text-indent: 0; text-align: center; -webkit-transform: scale(.7); transform: scale(.7) }
.sidebar .limited-time-coupon-button.no-login, .sidebar.lt-coupon-sidebar .limited-time-coupon-button { display: block }
.sidebar.closed .limited-time-coupon-button { right: 14px; margin-bottom: 43px }
@media (min-width:768px) {
.sidebar { display: none }
.sidebar.v3 { right: 15px; display: block }
.sidebar.v3~.sidebar-right { display: none }
.sidebar.v3 .sidebar-list li.retop.active { display: block }
}
@media (min-width:992px) {
.sidebar { right: 5px; display: block }
.sidebar.v3 { right: 58px }
.sidebar.v3~.sidebar-right { display: block }
.sidebar.v3 .sidebar-list li.retop.active { display: none }
}
@media (min-width:1200px) {
.sidebar { right: 60px }
.sidebar.v3 { right: 78px }
.sidebar.v3 .sidebar-list li.retop.active { display: none }
}
@media (min-height:640px) and (max-height:768px) {
.sidebar.v3~.sidebar-right .sidebr-item+.sidebr-item { margin-top: 10px }
.sidebar.v3~.sidebar-right .sidebr-item-span { padding-top: 7px; padding-bottom: 7px }
.sidebar.v3~.sidebar-right .sidebr-item-span .iconfont { line-height: 24px }
.sidebar.v3~.sidebar-right .sidebr-qq { top: 25px }
}
@media (max-height:640px) {
.sidebar.v3~.sidebar-right .sidebr-item+.sidebr-item { margin-top: 6px }
.sidebar.v3~.sidebar-right .sidebr-item-span { padding-top: 3px; padding-bottom: 3px }
.sidebar.v3~.sidebar-right .sidebr-item-span .iconfont { line-height: 21px }
.sidebar.v3~.sidebar-right .sidebr-qq { top: 5px }
}
.sBar { position: fixed; bottom: 0; z-index: 10; -webkit-animation: fadeInRight 1s ease; animation: fadeInRight 1s ease }
.sBar.v5 { bottom: 55px }
.sBar.v5.has-girdle { bottom: 160px }
.sBar.v5.school { bottom: 112px }
.sBar.v5.school .sidebar-lists~.retop, .sBar.v5.school .sidebar-lists~.sBar-close { bottom: -24px }
.sBar.v5 .sBar-btns { margin-bottom: 10px; cursor: pointer }
.sBar.v5 .sBar-btns:before { position: absolute; bottom: 100%; display: block; content: ""; background-repeat: no-repeat; background-position: bottom; background-size: 100% }
.sBar.v5 .sBar-btns .sBar-btn { display: inline-block; font-size: 12px; color: #212b34; background-color: #ffc543; border: none; content: ""; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.sBar.v5 .sBar-btns:hover .sBar-btn { background-color: #fba937 }
.sBar.v5 .sBar-btns.money:before { width: 73px; height: 66px; margin-bottom: 6px; background-image: url("https://assets-cdn.lanqb.com/imgv3/sidebar/money@2x.png") }
.sBar.v5 .sBar-btns.dachu:before { width: 78px; height: 54px; margin-bottom: 3px; background-image: url("https://assets-cdn.lanqb.com/imgv3/sidebar/dachu@2x.png") }
.sBar.v5 .sBar-btns.news:before { width: 65px; height: 64px; margin-bottom: 3px; background-image: url("https://assets-cdn.lanqb.com/imgv3/sidebar/news@2x.png") }
.sBar.v5 .sBar-btns.works:before { width: 72px; height: 61px; margin-bottom: 3px; background-image: url("https://assets-cdn.lanqb.com/imgv3/sidebar/works@2x.png") }
.sBar.v5 .sBar-btns.lucky-bag-2021 { display: block }
.sBar.v5 .sBar-btns.lucky-bag-2021:before { left: 50%; width: 68px; height: 58px; margin-left: -34px; margin-bottom: 4px; background-image: url("https://assets-cdn.lanqb.com/activity/lucky-bag-2021/sbar-img1-s135.png"); background-size: 100% 100% }
.sBar.v5 .sBar-btns.lucky-bag-2021 .sBar-btn { overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; white-space: nowrap; text-indent: 9999px }
@media (min-width:768px) {
.sBar.v5 .sBar-btns.lucky-bag-2021 .sBar-btn { height: 30px; background-image: url("https://assets-cdn.lanqb.com/activity/lucky-bag-2021/sbar-img2@2x_m.png") }
}
@media (min-width:1200px) {
.sBar.v5 .sBar-btns.lucky-bag-2021 .sBar-btn { height: 26px; background-image: url("https://assets-cdn.lanqb.com/activity/lucky-bag-2021/sbar-img2@2x.png") }
}
.sBar.v5 .sidebar-lists { position: relative; text-align: center }
.sBar.v5 .sidebar-lists #unreadNum { position: absolute; top: 5px; z-index: 1; display: none; width: 16px; height: 16px; color: #fff; background-color: red; font: normal 300 12px/16px arial; border: 1px solid #fff; border-radius: 50% }
.sBar.v5 .sidebar-lists #unreadNum.display { display: block }
.sBar.v5 .sidebar-lists #unreadMsg { position: absolute; top: 0; z-index: 1; display: none; width: 186px; cursor: pointer; border-radius: 3px; -ms-box-shadow: 0 0 8px rgba(0,0,0,.08); -o-box-shadow: 0 0 8px rgba(0,0,0,.08); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.08); box-shadow: 0 0 8px rgba(0,0,0,.08) }
.sBar.v5 .sidebar-lists #unreadMsg.display { display: block }
.sBar.v5 .sidebar-lists #unreadMsg:before { position: absolute; top: 22px; right: -5px; width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; content: ""; border-radius: 3px; -ms-box-shadow: 0 0 4px rgba(0,0,0,.08); -o-box-shadow: 0 0 4px rgba(0,0,0,.08); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.08); box-shadow: 0 0 4px rgba(0,0,0,.08) }
.sBar.v5 .sidebar-lists #unreadMsg #unreadMsg-con { position: relative; z-index: 1; padding: 10px; background-color: #fff; text-align: left; border-radius: 3px }
.sBar.v5 .sidebar-lists #unreadMsg .tea { display: block; white-space: nowrap }
.sBar.v5 .sidebar-lists #unreadMsg .tea img { width: 20px; height: 20px; margin-right: 4px; border-radius: 50% }
.sBar.v5 .sidebar-lists #unreadMsg .tea em { display: inline-block; max-width: 140px; font-size: 14px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top }
.sBar.v5 .sidebar-lists #unreadMsg p { max-height: 36px; margin-top: 8px; margin-right: -4px; overflow: hidden; font-size: 12px; line-height: 18px; color: #525a67 }
.sBar.v5 .sidebar-lists #unreadMsg p img.emoji { width: 18px; height: 18px }
.sBar.v5 .sidebar-lists~.retop { position: absolute; bottom: -36px; left: 50%; width: 20px; height: 16px; margin-left: -10px; overflow: hidden; background: url("https://assets-cdn.lanqb.com/imgv3/sidebar/retopx2x.png") no-repeat 50%; background-size: 100%; text-indent: -9999px; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.sBar.v5 .sidebar-lists~.retop.active:hover { -webkit-filter: brightness(1.15); filter: brightness(1.15) }
.sBar.v5 .sidebar-lists~.sBar-close { position: absolute; bottom: -36px; left: 50%; width: 20px; height: 20px; margin-left: -10px; color: #979797; background-color: #fff; cursor: pointer; text-align: center; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: 50%; -ms-box-shadow: 0 2px 4px rgba(0,0,0,.09); -o-box-shadow: 0 2px 4px rgba(0,0,0,.09); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.09); box-shadow: 0 2px 4px rgba(0,0,0,.09) }
.sBar.v5 .sidebar-lists~.sBar-close .iconfont { display: inline-block; font-size: 12px; font-weight: 700; line-height: 20px; vertical-align: top; -webkit-transform: scale(.66); transform: scale(.66) }
.sBar.v5 .sidebar-lists~.sBar-close:hover { background-color: #f1f9ff }
.sBar.v5 .sidebar-lists .welfare { position: relative }
.sBar.v5 .sidebar-lists .welfare .welfare-btn img { width: 50px; height: 42px }
.sBar.v5 .sidebar-lists .welfare .welfare-popup-activated, .sBar.v5 .sidebar-lists .welfare .welfare-popup-inactivated { position: absolute; left: -266px; bottom: -12px; width: 266px; padding: 59px 24px 22px 22px }
.sBar.v5 .sidebar-lists .welfare .welfare-popup-inactivated { height: 141px; background: url("https://assets-cdn.lanqb.com/imgv3/newWalfare/panel1.png?v=1") no-repeat 50%; background-size: 100% }
.sBar.v5 .sidebar-lists .welfare .welfare-popup-inactivated a { position: absolute; top: 68px; left: 173px; width: 60px; height: 22px; background: url("https://assets-cdn.lanqb.com/imgv3/newWalfare/penel1-btn.png?v=1") no-repeat 50%; background-size: 100% }
.sBar.v5 .sidebar-lists .welfare .welfare-popup-activated { height: 192px; padding: 71px 30px; background: url("https://assets-cdn.lanqb.com/imgv3/newWalfare/panel2.png?v=1") no-repeat 50%; background-size: 100% }
.sBar.v5 .sidebar-lists .welfare .welfare-popup-activated .iconfont { position: absolute; top: -24px; right: 16px; font-size: 16px; line-height: 16px; color: #8a8a8a }
.sBar.v5 .sidebar-lists .welfare .welfare-popup-activated .code { float: left; width: 90px; height: 90px; margin-right: 5px }
.sBar.v5 .sidebar-lists .welfare .welfare-popup-activated p { padding-top: 8px; font-size: 12px; line-height: 18px; text-align: left; color: #87959f }
.sBar.v5 .sidebar-lists .welfare .welfare-popup-activated p span { color: #027cdb }
.sBar.v5 .sidebar-list { background-color: #fff; border-radius: 4px; -ms-box-shadow: 0 2px 6px rgba(0,0,0,.09); -o-box-shadow: 0 2px 6px rgba(0,0,0,.09); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.09); box-shadow: 0 2px 6px rgba(0,0,0,.09) }
.sBar.v5 .sidebar-list li { position: relative; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.sBar.v5 .sidebar-list li+li { border-top: 1px solid #eee }
.sBar.v5 .sidebar-list li.default { cursor: default }
.sBar.v5 .sidebar-list li.retop { display: none }
.sBar.v5 .sidebar-list li.retop.active { display: block }
.sBar.v5 .sidebar-list li:hover { background-color: #f1f9ff }
.sBar.v5 .sidebar-list li:hover .sidebar-pop { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
.sBar.v5 .sidebar-list .icon { width: auto; height: 24px; vertical-align: top }
.sBar.v5 .sidebar-list em { margin-top: 2px; font-size: 12px; line-height: 18px; color: #666; white-space: nowrap }
.sBar.v5 .sidebar-pop { position: absolute; display: inline-block; visibility: hidden; opacity: 0; border-radius: 3px; -ms-box-shadow: 0 0 8px rgba(0,0,0,.08); -o-box-shadow: 0 0 8px rgba(0,0,0,.08); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.08); box-shadow: 0 0 8px rgba(0,0,0,.08); -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-transform: translateX(15px); transform: translateX(15px) }
.sBar.v5 .sidebar-pop:before { position: absolute; right: -5px; width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; content: ""; border-radius: 3px; -ms-box-shadow: 0 0 4px rgba(0,0,0,.08); -o-box-shadow: 0 0 4px rgba(0,0,0,.08); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.08); box-shadow: 0 0 4px rgba(0,0,0,.08) }
.sBar.v5 .sidebar-pop .sidebr-pop-con { position: relative; z-index: 1; background-color: #fff; border-radius: 3px }
.sBar.v5 .sidebar-pop.gzh { top: -87px; text-align: left }
.sBar.v5 .sidebar-pop.gzh .sidebr-pop-con { padding: 13px 16px }
.sBar.v5 .sidebar-pop.gzh img { width: 104px; height: auto }
.sBar.v5 .sidebar-pop.gzh strong { display: block; margin-top: 8px; font-size: 14px; font-weight: 700; line-height: 18px; color: #212b34 }
.sBar.v5 .sidebar-pop.gzh span { display: block; margin-top: 4px; font-size: 12px; line-height: 15px; color: #6b727d }
.sBar.v5 .sidebar-pop.sale-wx { top: 0; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent }
.sBar.v5 .sidebar-pop.sale-wx:before { display: none }
.sBar.v5 .sidebar-pop.sale-wx .sidebr-pop-con { width: 254px; height: 138px; background-color: transparent }
.sBar.v5 .sidebar-pop.sale-wx .sidebr-pop-con:before { position: absolute; bottom: -17px; right: -23px; width: 353px; height: 246px; background: url("https://assets-cdn.lanqb.com/imgv5/sale-conslut/wx-code-bg@2x_side.png?v=220218"); background-size: 100% 100%; content: "" }
.sBar.v5 .sidebar-pop.sale-wx .sidebr-pop-con .saleman-wx-code { position: absolute; z-index: 1; top: 23px; left: 21px; width: 92px; height: 92px; border: 1px solid #f6f8fa; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px }
.sBar.v5.closed .sBar-btns { margin-bottom: 0 }
.sBar.v5.closed .sidebar-lists #unreadNum { top: -32px; right: -8px }
.sBar.v5.closed .sidebar-lists #unreadMsg { top: -40px }
.sBar.v5.closed .sidebar-lists~.sBar-close { display: none }
.sBar.v5.closed .sidebar-lists~.retop.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
.sBar.v5.uhome { display: none }
@media (min-width:768px) {
.sBar { right: 20px }
.sBar.v5 { width: 36px }
.sBar.v5 .sBar-btns .sBar-btn { width: 36px; height: auto; padding: 4px; line-height: 12px; white-space: normal }
.sBar.v5 .sBar-btns.dachu:before, .sBar.v5 .sBar-btns.money:before { left: -19px }
.sBar.v5 .sBar-btns.news:before { left: -14px }
.sBar.v5 .sBar-btns.works:before { left: -17px }
.sBar.v5 .sidebar-lists #unreadNum { right: -2px }
.sBar.v5 .sidebar-lists #unreadMsg { top: -8px; right: 53px }
.sBar.v5 .sidebar-list em { display: none }
.sBar.v5 .sidebar-list li { padding-top: 5px; padding-bottom: 5px }
.sBar.v5 .sidebar-list li.sidebar-item { padding-top: 0; padding-bottom: 0 }
.sBar.v5 .sidebar-list li.sidebar-item .sidebar-item-a { display: block; padding-top: 5px; padding-bottom: 5px }
.sBar.v5 .sidebar-pop { right: 53px }
.sBar.v5 .sidebar-pop.gzh:before { top: 98px }
}
@media (min-width:1200px) {
.sBar { right: 40px }
.sBar.v5 { width: 80px }
.sBar.v5 .sBar-btns .sBar-btn { width: 80px; height: 26px; line-height: 26px; padding: 0; white-space: nowrap }
.sBar.v5 .sBar-btns.dachu:before, .sBar.v5 .sBar-btns.money:before { left: 3px }
.sBar.v5 .sBar-btns.news:before { left: 8px }
.sBar.v5 .sBar-btns.works:before { left: 5px }
.sBar.v5 .sidebar-lists #unreadNum { right: 18px }
.sBar.v5 .sidebar-lists #unreadMsg { top: 0; right: 97px }
.sBar.v5 .sidebar-list em { display: block }
.sBar.v5 .sidebar-list li { padding-top: 8px; padding-bottom: 8px }
.sBar.v5 .sidebar-list li.sidebar-item { padding-top: 0; padding-bottom: 0 }
.sBar.v5 .sidebar-list li.sidebar-item .sidebar-item-a { display: block; padding-top: 8px; padding-bottom: 8px }
.sBar.v5 .sidebar-pop { right: 97px }
.sBar.v5 .sidebar-pop.gzh:before { top: 108px }
}
.sBar.v5 .sidebar-lists.no_login #unreadNum { top: 66px }
.sBar.v5 .sidebar-lists.no_login #unreadMsg { top: 61px }
@media (min-width:768px) {
.sBar.v5 .sidebar-lists.no_login #unreadNum { top: 40px }
.sBar.v5 .sidebar-lists.no_login #unreadMsg { top: 25px }
}
@media (min-width:1200px) {
.sBar.v5 .sidebar-lists.no_login #unreadNum { top: 66px }
.sBar.v5 .sidebar-lists.no_login #unreadMsg { top: 61px }
}
.sBarv5-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; background-color: rgba(0,0,0,.5) }
.sBarv5-modal .sBarv5-mask { position: relative; z-index: 1; width: 100%; height: 100% }
.sBarv5-modal .sBarv5m-wrap { position: fixed; top: 50%; left: 50%; z-index: 2; width: 600px; padding-top: 40px; padding-bottom: 42px; margin-left: -300px; color: #525a67; background: #fff url("https://assets-cdn.lanqb.com/imgv3/sidebar/works-bgx2x.png") repeat 50%; background-size: 600px 672px; cursor: default; text-align: left; border-radius: 10px }
.sBarv5-modal .sBarv5m-wrap .sBarv5m-close { position: absolute; top: 12px; right: 12px; z-index: 3; width: 22px; height: 22px; overflow: hidden; text-align: center; color: #87959f; cursor: pointer; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.sBarv5-modal .sBarv5m-wrap .sBarv5m-close .iconfont { font-size: 14px; line-height: 22px }
.sBarv5-modal .sBarv5m-wrap .sBarv5m-close:hover { color: #027cdb }
.sBarv5-modal .sBarv5m-heading { border-bottom: 1px solid #eef3f5 }
.sBarv5-modal .sBarv5m-heading h2 { font-size: 18px; line-height: 22px; font-weight: 700 }
.sBarv5-modal .sBarv5m-heading p { margin-bottom: 6px; font-size: 12px; line-height: 18px; color: #87959f }
.sBarv5-modal .sBarv5m-btns { text-align: center }
.sBarv5-modal .sBarv5m-btns .sBarv5m-btn { width: 210px; height: 40px; font-size: 16px; line-height: 40px; border: none; border-radius: 20px }
.sBarv5-modal .sBarv5m-btns .sBarv5m-btn.disabled { opacity: .4 }
.sBarv5-modal.money .sBarv5m-wrap { margin-top: -250px }
.sBarv5-modal.money .sBarv5m-heading { padding: 16px 60px }
.sBarv5-modal.money .sBarv5m-con { padding-top: 18px; padding-left: 60px }
.sBarv5-modal.money .sBarv5m-btns { padding-top: 50px }
.sBarv5-modal.money .sBarv5m-m-item+.sBarv5m-m-item { margin-top: 35px }
.sBarv5-modal.money .sBarv5m-m-item h5 { font-size: 16px; line-height: 22px }
.sBarv5-modal.money .sBarv5m-m-item .des { margin-top: 10px }
.sBarv5-modal.money .sBarv5m-m-item .des span { position: relative; display: inline-block; padding-left: 20px; font-size: 14px; line-height: 20px; cursor: pointer; vertical-align: top }
.sBarv5-modal.money .sBarv5m-m-item .des span+span { margin-left: 30px }
.sBarv5-modal.money .sBarv5m-m-item .des span em { top: 3px; left: 0; width: 14px; height: 14px; border: 1px solid #d0dbdc; border-radius: 50% }
.sBarv5-modal.money .sBarv5m-m-item .des span em, .sBarv5-modal.money .sBarv5m-m-item .des span em:before { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.sBarv5-modal.money .sBarv5m-m-item .des span em:before { top: 4px; left: 5px; width: 8px; height: 5px; border-left: 1px solid transparent; border-bottom: 1px solid transparent; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom }
.sBarv5-modal.money .sBarv5m-m-item .des span:hover em { border-color: #027cdb }
.sBarv5-modal.money .sBarv5m-m-item .des span.active em { background-color: #027cdb; border-color: #027cdb }
.sBarv5-modal.money .sBarv5m-m-item .des span.active em:before { border-left-color: #fff; border-bottom-color: #fff }
.sBarv5-modal.try .sBarv5m-wrap { margin-top: -340px }
.sBarv5-modal.try .sBarv5m-heading { padding: 16px 100px 21px }
.sBarv5-modal.try .sBarv5m-btns { padding-top: 40px }
.sBarv5-modal.try .sBarv5m-con { max-height: 427px; overflow: hidden; overflow-y: auto }
.sBarv5-modal.try .sBarv5m-con::-webkit-scrollbar {
width:6px;
border-radius:100px
}
.sBarv5-modal.try .sBarv5m-con::-webkit-scrollbar-thumb {
background:#e3e9ef;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-text-decoration-skip:objects;
text-decoration-skip:objects;
border-radius:10px
}
.sBarv5-modal.try .sBarv5m-con:hover::-webkit-scrollbar-thumb {
background:#87959f
}
.sBarv5-modal.try .sBarv5m-m-item { position: relative; width: 400px; padding: 20px 32px 20px 0; margin-right: auto; margin-left: auto; border-bottom: 1px solid #eef3f5; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.sBarv5-modal.try .sBarv5m-m-item a { font-size: 14px; color: #525a67 }
.sBarv5-modal.try .sBarv5m-m-item a, .sBarv5-modal.try .sBarv5m-m-item span { display: inline-block; line-height: 20px; vertical-align: top; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.sBarv5-modal.try .sBarv5m-m-item span { font-size: 12px; color: #87959f; opacity: 0 }
.sBarv5-modal.try .sBarv5m-m-item>em { top: 26px; right: 16px; width: 14px; height: 14px; border: 1px solid #d0dbdc; border-radius: 50% }
.sBarv5-modal.try .sBarv5m-m-item>em, .sBarv5-modal.try .sBarv5m-m-item>em:before { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.sBarv5-modal.try .sBarv5m-m-item>em:before { top: 4px; left: 5px; width: 8px; height: 5px; border-left: 1px solid transparent; border-bottom: 1px solid transparent; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom }
.sBarv5-modal.try .sBarv5m-m-item:hover { background-color: #f1f9ff }
.sBarv5-modal.try .sBarv5m-m-item:hover a { color: #027cdb }
.sBarv5-modal.try .sBarv5m-m-item:hover span { opacity: 1 }
.sBarv5-modal.try .sBarv5m-m-item:hover>em:before { border-left-color: #d0dbdc; border-bottom-color: #d0dbdc }
.sBarv5-modal.try .sBarv5m-m-item.active a { color: #027cdb }
.sBarv5-modal.try .sBarv5m-m-item.active>em { background-color: #027cdb; border-color: #027cdb }
.sBarv5-modal.try .sBarv5m-m-item.active>em:before { border-left-color: #fff; border-bottom-color: #fff }
.sBarv5-modal.try .regsu2-loading { margin-top: 20px; text-align: center }
.community-banner { position: relative; overflow: hidden; text-align: center }
.community-banner .community-banner-img { position: absolute; top: 0; left: 50%; display: block; width: 1920px; height: 100%; margin-left: -960px }
.community-banner .community-banner-img img { height: 100% }
@media (min-width:768px) {
.community-banner { height: 135px }
}
@media (min-width:992px) {
.community-banner { height: 125px }
}
@media (min-width:1200px) {
.community-banner { height: 150px }
}
.nav-subNav { position: relative; z-index: 5; -webkit-transition: height .2s ease-in-out; transition: height .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; text-align: center }
.nav-subNav.fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 14 }
.nav-subNav.fixed a.nav-logo { display: none }
@media (min-width:768px) {
.nav-subNav.fixed .school-navtab .container { padding-left: 260px }
.nav-subNav.fixed .school-navtab a.first { margin-left: 0 }
.nav-subNav.fixed .school-navtab a+a { margin-left: 15px }
.nav-subNav.fixed .school-subNav .container { padding-left: 0 }
.nav-subNav.fixed .school-subNav .school-subNavcon { text-align: center }
.nav-subNav.fixed .school-subNav .school-subNavcon span+span { margin-left: 60px }
.nav-subNav.fixed .school-subNav .school-thrdNav p { width: 640px }
}
@media (min-width:992px) {
.nav-subNav.fixed .school-navtab a+a { margin-left: 56px }
.nav-subNav.fixed .school-subNav .school-subNavcon { text-align: left }
.nav-subNav.fixed .school-subNav .school-thrdNav p { width: 100% }
}
@media (min-width:1200px) {
.nav-subNav.fixed .school-navtab a+a { margin-left: 90px }
.nav-subNav.fixed .school-subNav .school-subNavcon span+span { margin-left: 80px }
}
.community-tab { height: 80px; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.05); box-shadow: 0 5px 5px 0 rgba(0,0,0,.05) }
.community-tab.fixed { height: 50px }
.community-tab.fixed a { font-size: 18px; line-height: 50px }
.community-tab.fixed a.active:after { bottom: 6px; height: 3px }
.community-tab .container, .community-tab a { position: relative }
.community-tab a { display: inline-block; font-size: 20px; line-height: 80px; color: #525a67; vertical-align: top }
.community-tab a.active { color: #027cdb }
.community-tab a.active:after { content: ""; position: absolute; width: 16px; height: 4px; background-color: #027cdb; bottom: 16px; left: 50%; margin-left: -8px; border-radius: 100px }
.community-tab a.nav-logo { position: absolute; left: 0; display: none }
.community-tab a.first { margin-left: 0 }
.community-tab .community-issue { display: inline-block; margin-top: 20px; font-size: 16px; width: 100px; height: 40px; line-height: 40px; background-color: #0097e6; color: #fff; text-align: center; cursor: pointer; border-radius: 37px; vertical-align: top }
.community-tab .community-issue .iconfont { font-size: 18px; margin-right: 10px }
@media (min-width:768px) {
.community-tab .community-issue, .community-tab a+a { margin-left: 45px }
}
@media (min-width:992px) {
.community-tab a+a { margin-left: 60px }
.community-tab .community-issue { margin-left: 130px }
}
.school-subNav { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.05) }
.school-subNav .school-subNavcon span { position: relative; display: inline-block; font-size: 14px; line-height: 40px; color: #525a67; cursor: pointer; border-radius: 4px; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.school-subNav .school-subNavcon span:before { position: absolute; bottom: -1px; left: 50%; z-index: 1; width: 20px; height: 3px; margin-left: -10px; background-color: #0097e6; content: ""; opacity: 0; border-radius: 4px }
.school-subNav .school-subNavcon span em { display: inline-block; min-width: 15px; height: 15px; padding: 0 3px; margin-top: 13px; margin-left: 5px; font-size: 12px; line-height: 16px; color: #fff; background-color: rgba(0,151,230,.5); text-align: center; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px }
.school-subNav .school-subNavcon span.active:before { opacity: 1 }
.school-subNav .school-thrdNav { display: block }
.school-subNav .school-thrdNav>div { display: none; border-top: 1px solid #eef3f5 }
.school-subNav .school-thrdNav p { padding: 10px 0; margin-right: auto; margin-left: auto; text-align: left }
.school-subNav .school-thrdNav p.active { display: block }
.school-subNav .school-thrdNav p a { display: inline-block; padding: 10px 0; margin-right: 35px; font-size: 14px; line-height: 20px; color: #525a67 }
.school-subNav .school-thrdNav p a:hover { color: #87959f }
.school-subNav .school-thrdNav p a:active { color: #212b34 }
@media (min-width:768px) {
.school-subNav .school-subNavcon span+span { margin-left: 40px }
.school-subNav .school-thrdNav p { width: 635px }
}
@media (min-width:992px) {
.school-subNav .school-subNavcon span+span { margin-left: 80px }
.school-subNav .school-thrdNav p { width: 710px }
}
@media (min-width:1200px) {
.school-subNav .school-subNavcon span+span { margin-left: 80px }
.school-subNav .school-thrdNav p { width: 710px }
}
@media (min-width:768px) {
.dachu-navtab a+a, .daniu-navtab a+a { margin-left: 20px }
}
@media (min-width:992px) {
.dachu-navtab a+a, .daniu-navtab a+a { margin-left: 70px }
}
@media (min-width:1200px) {
.dachu-navtab a+a, .daniu-navtab a+a { margin-left: 90px }
}
.community-tabv2.fixed { background-color: #fff; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.05); box-shadow: 0 5px 5px 0 rgba(0,0,0,.05) }
.community-tabv2.fixed .container { padding-left: 40px }
.community-tabv2.fixed .community-uploads { top: 100px; border-radius: 4px }
.community-tabv2 .community-tabv2-con { padding: 16px 40px; border-radius: 4px }
.community-tabv2 .community-tabv2-nav a { position: relative; display: inline-block; font-size: 16px; line-height: 28px; color: #525a67; vertical-align: top }
.community-tabv2 .community-tabv2-nav a+a { margin-left: 45px }
.community-tabv2 .community-tabv2-nav a:before { position: absolute; bottom: -5px; right: 5px; left: 5px; height: 2px; background-color: transparent; content: ""; border-radius: 1px }
.community-tabv2 .community-tabv2-nav a.active, .community-tabv2 .community-tabv2-nav a:hover { color: #027cdb }
.community-tabv2 .community-tabv2-nav a.active:before { background-color: #027cdb }
.community-tabv2 .community-tabv2-tab a { position: relative; display: inline-block; padding: 0 12px; font-size: 14px; line-height: 28px; color: #87959f; vertical-align: top; border-radius: 3px }
.community-tabv2 .community-tabv2-tab a em { position: absolute; top: 0; right: -6px; width: 18px; height: 18px; font-size: 12px; line-height: 18px; color: #fff; text-align: center; background-color: #ff5900; border-radius: 50%; -webkit-transform: scale(.65); transform: scale(.65) }
.community-tabv2 .community-tabv2-tab a:hover { color: #525a67 }
.community-tabv2 .community-tabv2-tab a.active { color: #212b34; background-color: #e3e9ef }
.nav-crumbs { margin-top: 20px; margin-bottom: 20px }
.nav-crumbs p.crumbs { font-size: 14px; line-height: 20px; color: #525a67 }
.nav-crumbs p.crumbs a { display: inline-block; vertical-align: top; color: #525a67 }
.nav-crumbs p.crumbs a:hover { color: #87959f }
.nav-crumbs p.crumbs a:active { color: #212b34 }
.nav-crumbs p.crumbs em { margin: 0 4px }
.community-uploads { position: fixed; left: 50%; width: 70px; margin-left: -680px; background-color: #fff; text-align: center }
.community-uploads a { position: relative; display: inline-block; margin-top: 16px; margin-bottom: 13px; color: #525a67; cursor: pointer }
.community-uploads a+a { margin-top: 18px }
.community-uploads a+a:before { position: absolute; top: -18px; left: 50%; width: 34px; height: 2px; margin-left: -17px; background-color: #e3e9ef; content: ""; border-radius: 1px }
.community-uploads a img { max-width: 54px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.community-uploads a:hover { color: #027cdb }
.community-uploads a:hover img { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) }
.community-uploads em { display: block; margin-top: 4px; font-size: 12px; line-height: 20px }
.global-saleman { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; background-color: rgba(0,0,0,.5) }
.global-saleman .saleman-mask { position: relative; z-index: 1; width: 100%; height: 100% }
.global-saleman .saleman-con { position: fixed; top: 50%; left: 50%; z-index: 2; width: 380px; height: 215px; margin-top: -52px; margin-left: -150px }
.global-saleman .saleman-con:before { position: absolute; bottom: -26px; right: -26px; width: 520px; height: 378px; background: url("https://assets-cdn.lanqb.com/imgv5/sale-conslut/wx-code-bg2211@2x_pc.png?v=220218"); background-size: 100% 100%; content: "" }
.global-saleman .saleman-con .saleman-close { position: absolute; top: -41px; right: 7px; z-index: 3; cursor: pointer }
.global-saleman .saleman-con .saleman-close .iconfont { font-size: 25px; color: hsla(0,0%,100%,.9) }
.global-saleman .saleman-con .saleman-close:hover .iconfont { color: #fff }
.global-saleman .saleman-con .saleman-wx-inner { position: absolute; z-index: 1; top: 40px; left: 32px; width: 138px; height: 138px; border: 1px solid #f6f8fa; -webkit-box-sizing: border-box; box-sizing: border-box }
.global-saleman .saleman-con .saleman-wx-inner.loading:before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; background: url("https://assets-cdn.lanqb.com/load.png") no-repeat 50%; background-size: 100% 100%; content: ""; -webkit-animation: rotate 2.5s linear infinite; animation: rotate 2.5s linear infinite }
.global-saleman .saleman-con .saleman-wx-inner .saleman-wx-code { position: relative; width: 100%; height: 100%; background-color: #fff; border-radius: 8px }
.global-saleman .saleman-con .saleman-wx-inner .saleman-wx-code.loading { background-color: transparent }
.global-saleman .saleman-con .saleman-wx-inner .reload { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; font-size: 14px; line-height: 20px; background-color: #fff; color: #525a67; text-align: center; border: 1px solid rgba(0,0,0,.05); cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.topics-sidebar { position: fixed; right: 18px; bottom: 18px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }
.topics-sidebar.has-girdle { bottom: 78px }
.topics-sidebar-mq { width: 146px; height: 68px; margin-bottom: 14px; background-color: #fff; border: 1px solid #f6f8fa; border-radius: 14px; -ms-box-shadow: 0 2px 30px rgba(0,0,0,.08); -o-box-shadow: 0 2px 30px rgba(0,0,0,.08); -webkit-box-shadow: 0 2px 30px rgba(0,0,0,.08); box-shadow: 0 2px 30px rgba(0,0,0,.08); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.topics-sidebar-mq img { width: 40px; height: 36px; margin-right: 10px }
.topics-sidebar-mq span { font-size: 14px; font-weight: 500; line-height: 20px; color: #3f4345 }
.topics-sidebar-qrcde { width: 192px; height: 365px; padding-bottom: 43px; background: url("https://assets-cdn.lanqb.com/topics/sidebar2211/p-mid.png") no-repeat bottom; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.topics-sidebar-qrcde img { width: 114px; height: 114px; padding: 3px; border: 1.5px solid #000; border-radius: 10px }
.topics-sidebar #unreadNum { position: absolute; top: -4px; right: -4px; z-index: 1; display: none; width: 16px; height: 16px; color: #fff; background-color: red; font: normal 300 12px/16px arial; border: 1px solid #fff; text-align: center; border-radius: 50% }
.topics-sidebar #unreadNum.display { display: block }
.topics-sidebar #unreadMsg { position: absolute; top: 0; right: 160px; z-index: 1; display: none; width: 186px; cursor: pointer; border-radius: 3px; -ms-box-shadow: 0 0 8px rgba(0,0,0,.08); -o-box-shadow: 0 0 8px rgba(0,0,0,.08); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.08); box-shadow: 0 0 8px rgba(0,0,0,.08) }
.topics-sidebar #unreadMsg.display { display: block }
.topics-sidebar #unreadMsg:before { position: absolute; top: 22px; right: -5px; width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; content: ""; border-radius: 3px; -ms-box-shadow: 0 0 4px rgba(0,0,0,.08); -o-box-shadow: 0 0 4px rgba(0,0,0,.08); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.08); box-shadow: 0 0 4px rgba(0,0,0,.08) }
.topics-sidebar #unreadMsg #unreadMsg-con { position: relative; z-index: 1; padding: 10px; background-color: #fff; text-align: left; border-radius: 3px }
.topics-sidebar #unreadMsg .tea { display: block; white-space: nowrap }
.topics-sidebar #unreadMsg .tea img { width: 20px; height: 20px; margin-right: 4px; border-radius: 50% }
.topics-sidebar #unreadMsg .tea em { display: inline-block; max-width: 140px; font-size: 14px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top }
.topics-sidebar #unreadMsg p { max-height: 36px; margin-top: 8px; margin-right: -4px; overflow: hidden; font-size: 12px; line-height: 18px; color: #525a67 }
.topics-sidebar #unreadMsg p img.emoji { width: 18px; height: 18px }
.topics-sidebar-mq, .topics-sidebar-qrcde { -webkit-transform-origin: right bottom; transform-origin: right bottom }
.topics-sidebar.v230605 .topics-sidebar-mq { width: 180px; height: 168px; margin-bottom: 4px; background-color: transparent; border: none; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent }
.topics-sidebar.v230605 .topics-sidebar-mq img { width: 100%; height: 100%; margin-right: 0 }
.topics-sidebar.v230605 .topics-sidebar-qrcde { width: 180px; height: 222px; padding-bottom: 51px; background-image: url("https://assets-cdn.lanqb.com/topics/sidebar2211/230605/p-mid.png") }
.topics-sidebar.v230605 .topics-sidebar-qrcde img { width: 120px; height: 120px; padding: 4px; border: none; border-radius: 10px }
@media (min-height:420px) {
.topics-sidebar.has-girdle { bottom: 78px }
.topics-sidebar-mq, .topics-sidebar-qrcde { -webkit-transform: scale(.7); transform: scale(.7) }
.topics-sidebar-mq { margin-bottom: -100px }
.topics-sidebar #unreadNum { top: 15px }
.topics-sidebar #unreadMsg { top: 15px; right: 120px }
.topics-sidebar.v230605 .topics-sidebar-mq { margin-bottom: -64px }
}
@media (min-width:768px) and (min-height:900px) {
.topics-sidebar.has-girdle { bottom: 62px }
.topics-sidebar-mq, .topics-sidebar-qrcde { -webkit-transform: scale(.6); transform: scale(.6) }
.topics-sidebar-mq { margin-bottom: -140px }
.topics-sidebar #unreadNum { top: 22px }
.topics-sidebar #unreadMsg { top: 18px; right: 108px }
.topics-sidebar.v230605 .topics-sidebar-mq { margin-bottom: -84px }
}
@media (min-width:1200px) and (min-height:900px) {
.topics-sidebar.has-girdle { bottom: 92px }
.topics-sidebar-mq, .topics-sidebar-qrcde { -webkit-transform: scale(1); transform: scale(1) }
.topics-sidebar-mq { margin-bottom: 14px }
.topics-sidebar #unreadNum { top: -4px }
.topics-sidebar #unreadMsg { top: 0; right: 160px }
.topics-sidebar.v230605 .topics-sidebar-mq { margin-bottom: 4px }
}
input::-webkit-input-placeholder {
font-size:12px
}
input:-moz-placeholder, input::-moz-placeholder {
font-size:12px
}
input:-ms-input-placeholder {
font-size:12px
}
.footerv3 { height: 120px; background-image: url("https://assets-cdn.lanqb.com/imgv3/image/hd-footerbg.jpg?format/webp"); background-repeat: repeat-x; text-align: center; background-size: auto 100%; overflow: hidden; position: absolute; bottom: 0; width: 100% }
.footerv3 .container { position: relative }
.footerv3 .footerv3-link { margin: 32px 0 17px }
.footerv3 .footerv3-link a { display: inline-block; font-size: 12px; color: #ced6dc; padding: 0 25px; height: 17px; line-height: 17px }
.footerv3 .footerv3-link a+a { border-left: 1px solid #ced6dc }
.footerv3 .footerv3-cp p { display: inline-block; margin-right: 10px; font-size: 12px; line-height: 18px; color: #87959f }
.footerv3 .footerv3-cp p a { display: inline-block; color: #87959f; vertical-align: top }
.footerv3 .footerv3-cp p a:hover { color: #fff }
.footerv3 .footerv3-cp p .icon img { width: auto; height: 16px; margin-right: 10px; vertical-align: top }
.footerv3 .footerv3-cp p .mlm { margin-left: 10px }
.search-con { margin-bottom: 20px; text-align: center }
.search-con.mb-none { margin-bottom: 0 }
.search-con.mb-none~.container .lan-pagination { padding-top: 50px; padding-bottom: 30px }
.search-con .search-input { display: inline-block; margin: 30px 0 20px; vertical-align: top }
.search-con .search-input input { float: left; width: 460px; height: 46px; padding-left: 12px; font-size: 16px }
.search-con .search-input .btn { float: left; padding: 0; width: 120px; height: 46px; font-size: 16px; color: #fff; line-height: 46px }
.search-con .search-nav { width: 100%; height: 50px; background-color: #e3e9ef }
.search-con .search-nav a { display: inline-block; min-width: 60px; height: 100%; font-size: 14px; line-height: 50px; color: #212b34; border-bottom: 2px solid transparent; vertical-align: top }
.search-con .search-nav a+a { margin-left: 16px }
.search-con .search-nav a:hover { color: #525a67; border-color: #027cdb }
.search-con .search-nav a.active { font-weight: 700; border-color: #0097e6 }
.search-con .search-nav a span { position: relative; display: inline-block }
.search-con .search-nav a span em { position: absolute; top: 2px; right: -32px; padding: 0 6px; font-size: 12px; line-height: 18px; color: #fff; background-color: #027cdb; text-transform: uppercase; border-radius: 1px; -webkit-transform: scale(.65); transform: scale(.65) }
.search-con .search-nav a span em:before { position: absolute; bottom: -2px; left: 0; border-left: 3px solid #027cdb; border-bottom: 3px solid transparent; content: "" }
.search-news .news-title { margin-top: 0 }
.search-empty { padding-top: 120px; text-align: center }
.search-empty img { width: 380px }
.search-empty h6 { margin-top: 10px; font-size: 14px; line-height: 20px; color: #b1bbc3 }
.search-users .gz-btn { font-size: 14px; border-radius: 100px }
.search-users .gz-btn.t1 { width: 100px; height: 35px; line-height: 35px }
.search-users .account-list { border-top: none }
.search-users .account-list .account-item { height: 190px; padding-right: 20px; padding-left: 30px; margin-bottom: 20px; background-color: #fff; border-bottom: none; border-radius: 4px; -ms-box-shadow: 0 0 5px rgba(0,0,0,.05); -o-box-shadow: 0 0 5px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05) }
.search-users .account-list .users-avatar { padding-top: 15px }
.search-users .account-list .users-avatar img { width: 120px; height: 120px }
.search-users .account-list .account-info .name { margin-top: 18px; font-size: 20px; line-height: 1.4 }
.search-users .account-list .account-info .counts-list { margin-top: 10px }
.search-users .account-list .account-info .counts-list .item { position: relative; font-size: 14px; line-height: 20px; color: #9f9f9f }
.search-users .account-list .account-info .counts-list .item span { display: inline-block }
.search-users .account-list .account-info .counts-list .item .numb { float: right; margin-bottom: 0; margin-left: 5px; color: #434343; font-weight: 700 }
.search-users .account-list .account-info .counts-list .item+.item:before { position: absolute; top: 5px; left: -12px; width: 0; height: 10px; border-left: 1px solid #efefef; content: "" }
.search-users .account-list .account-info .counts-list .item:hover .numb { color: #87959f }
@media (min-width:768px) {
.search-users .account-list .account-item { height: 141.75px; padding-right: 12.6px; padding-left: 18.9px; margin-bottom: 12.6px }
.search-users .account-list .users-avatar { padding-top: 9.45px }
.search-users .account-list .users-avatar img { width: 75.6px; height: 75.6px }
.search-users .account-list .account-info .name { margin-top: 6.3px }
.search-users .account-list .account-info .counts-list { margin-top: 6.3px; margin-bottom: 6.3px }
.search-users .account-list .account-info .counts-list .item+.item:before { position: absolute; top: 3.15px; left: -7.56px; width: 0; height: 6.3px; border-left: 1px solid #efefef; content: "" }
.search-users .account-list .account-info .img-group img { width: 100px; height: 75px; cursor: pointer }
}
@media (min-width:992px) {
.search-users .account-list .account-item { height: 155.8px; padding-right: 16.4px; padding-left: 24.6px; margin-bottom: 16.4px }
.search-users .account-list .users-avatar { padding-top: 12.3px }
.search-users .account-list .users-avatar img { width: 98.4px; height: 98.4px }
.search-users .account-list .account-info .name { margin-top: 14.76px }
.search-users .account-list .account-info .counts-list { margin-top: 8.2px; margin-bottom: 8.2px }
.search-users .account-list .account-info .counts-list .item+.item:before { position: absolute; top: 4.1px; left: -9.84px; width: 0; height: 8.2px; border-left: 1px solid #efefef; content: "" }
.search-users .account-list .account-info .img-group img { width: 150px; height: 113px }
}
@media (min-width:1200px) {
.search-users .account-list .account-item { height: 190px; padding-right: 20px; padding-left: 30px; margin-bottom: 20px }
.search-users .account-list .users-avatar { padding-top: 15px }
.search-users .account-list .users-avatar img { width: 120px; height: 120px }
.search-users .account-list .account-info .name { margin-top: 18px }
.search-users .account-list .account-info .counts-list { margin-top: 10px; margin-bottom: 20px }
.search-users .account-list .account-info .counts-list .item+.item:before { position: absolute; top: 5px; left: -12px; width: 0; height: 10px; border-left: 1px solid #efefef; content: "" }
.search-users .account-list .account-info .img-group img { width: 200px; height: 150px }
}
.login-wrap { position: relative; margin: 30px auto }
.login-con { padding-top: 50px; padding-bottom: 50px }
.login-con.login-con2 { padding-top: 44px }
@media (min-width:768px) {
.login-wrap { width: 748px }
.login-con { min-height: 694px }
}
@media (min-width:992px) {
.login-wrap { width: 980px }
.login-con { min-height: 525px }
}
@media (min-width:1200px) {
.login-wrap { width: 1000px }
.login-con { min-height: 694px }
}
.login-w1 { width: 320px }
.login-w1, .login-w2 { margin-right: auto; margin-left: auto }
.login-nav { height: 50px }
.login-nav li { float: left; z-index: 2 }
.login-nav li a { position: relative; display: block; min-width: 150px; padding: 10px; font-size: 18px; line-height: 1.66666667; color: #87959f; text-align: center }
.login-nav li a:hover { color: #87959f }
.login-nav li a:active { color: #212b34 }
.login-nav li a:after, .login-nav li a:before { position: absolute; top: 0; z-index: 0; width: 0; height: 0; background-color: transparent; content: ""; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.login-nav li a:before { right: 100%; margin-right: -1px; border-top: 50px solid transparent; border-right: 30px solid transparent }
.login-nav li a:after { left: 100%; margin-left: -1px; border-top: 50px solid transparent; border-left: 30px solid transparent }
.login-nav li a>span { position: relative; display: inline-block }
.login-nav li.active { z-index: 1 }
.login-nav li.active a { color: #00a1f5; background-color: #fff }
.login-nav li.active a:hover { color: #0097e6 }
.login-nav li.active a:active { color: #00a1f5 }
.login-nav li.active a:before { border-right-color: #fff }
.login-nav li.active a:after { border-left-color: #fff }
.login-nav li.fchild { padding-right: 30px }
.login-nav li.fchild a { padding-right: 0; padding-left: 20px }
.login-nav li.fchild.active a:before { border-right-color: transparent }
.login-nav li.fchild.active a:after { border-left-color: #fff }
.login-nav li.lchild a { padding-right: 20px; padding-left: 0 }
.login-nav li.lchild.active a:before { border-right-color: #fff }
.login-nav li.lchild.active a:after { border-left-color: transparent }
.login-nav li.no-email a>span:after { position: absolute; top: 4px; left: 100%; z-index: 1; width: 5px; height: 5px; background-color: #ff5900; content: ""; border-radius: 50% }
.login-logo { margin-top: 30px; margin-bottom: 60px; text-align: center }
.login-logo img { height: 40px }
.log-group { position: relative; width: 100% }
.log-group .log-icon { position: absolute; left: 10px; display: inline-block; font-size: 20px; line-height: 1.25; color: #73b2fc }
.log-group .log-icon.fz15 { -webkit-transform: scale(.85); transform: scale(.85) }
.log-group .login-eye { position: absolute; right: 10px; z-index: 2; display: inline-block; font-size: 25px; line-height: .8; color: #afc0d1; cursor: pointer; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-transform: scale(.75); transform: scale(.75) }
.log-group .login-eye:hover { color: #0097e6 }
.log-group .login-eye:active { color: #027cdb }
.log-group .login-eye.open span { color: #027cdb; -webkit-transform: scale(1); transform: scale(1) }
.log-group .reg-dyncode { position: absolute; right: 6px; z-index: 2; height: 32px; background-color: #fff; border: 1px solid #f6f8fa }
.log-group .reg-dyncode img { min-width: 65px; height: 100%; cursor: pointer }
.log-group .reg-smsccode { position: absolute; z-index: 3; display: inline-block; font-size: 14px; line-height: 2; color: #027cdb; cursor: pointer; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.log-group .reg-smsccode:hover { color: #0097e6 }
.log-group .reg-smsccode:active { color: #525a67 }
.log-group .reg-smsccode.disabled { cursor: default; color: #afc0d1 }
.log-group .reg-smsccode.disabled:active, .log-group .reg-smsccode.disabled:hover { color: #afc0d1 }
.log-group .log-iconfontok { position: absolute; left: 100%; z-index: 1; display: inline-block; margin-left: 20px; font-size: 16px; line-height: 40px; color: #7ed321 }
.log-input { width: 100%; height: 100%; padding-right: 10px; color: #525a67; background-color: transparent; border: 1px solid #eef3f5 }
.log-on .log-input { border-color: #027cdb }
.login-group .log-input { padding-left: 44px }
.reg-group .log-input { padding-left: 79px }
.log-msg { position: relative; z-index: 2; height: 24px; margin: 5px 0; font-size: 12px; line-height: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.log-msg .log-forget, .log-msg .log-register { cursor: pointer }
.log-msg .log-forget:hover, .log-msg .log-register:hover { color: #0097e6 }
.log-msg .log-forget:active, .log-msg .log-register:active { color: #027cdb }
.log-msg .log-forget { color: #afc0d1 }
.log-msg .log-register { color: #87959f; text-decoration: none }
.log-msg .log-register .iconfont { display: inline-block; font-size: 12px; line-height: 2 }
.log-msg .log-phnote { color: #87959f }
.log-msg .verticalbar { width: 1px; height: 10px; background: #d8d8d8; display: inline-block; margin-left: 4px; margin-right: 10px }
.log-msg .log-msg-other { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.log-msg .log-msg-other__quick { position: relative }
.log-msg .log-msg-other__quick-t1 { position: relative; z-index: 1; color: #87959f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.log-msg .log-msg-other__quick-t1:after { width: 1px; height: 10px; margin-right: 10px; margin-left: 10px; background-color: #d8d8d8; content: "" }
.log-msg .log-msg-other__quick-list { position: absolute; top: 30px; left: -42px; width: 184px; height: 58px; visibility: hidden; opacity: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.log-msg .log-msg-other__quick-list:before { position: absolute; top: -28px; left: -30px; width: 244px; height: 120px; background: url("https://assets-cdn.lanqb.com/login/register/2209/log_other.png") no-repeat top; background-size: 100% 100%; content: "" }
.log-msg .log-msg-other__quick .quick-list { position: relative; z-index: 1 }
.log-msg .log-msg-other__quick:hover .log-msg-other__quick-t1 { color: #525a67 }
.log-msg .log-msg-other__quick:hover .log-msg-other__quick-list { visibility: visible; opacity: 1 }
.valid-tip, .Validform_checktip { height: 24px; margin: 5px 0; overflow: hidden; font-size: 12px; line-height: 2; vertical-align: middle }
.valid-tip .iconfont { margin-right: 4px; font-size: 12px; line-height: 1 }
.valid-tip.valid-warning { color: #afc0d1 }
.valid-tip.valid-error, .Validform_error, .Validform_wrong { color: #f45500 }
.valid-tip.valid-right, .Validform_right { color: #027cdb }
.valid-tip.valid-error-accout { color: #ff8c84 }
.valid-tip.valid-error-accout .iconfont { color: #ff5900 }
.reg-label { display: block; width: 78px; font-size: 14px; line-height: 2; color: #525a67; text-align: right }
.reg-label.verify { border-right: 1px solid #eef3f5; text-align: center }
.reg-label.verify.no-border { text-align: right; border-right: none }
.reg-label.verify~.log-input { padding-left: 92px }
.reg-label.verify.right { top: 1px; bottom: 1px; left: auto; right: 1px; width: 88px; line-height: 42px; color: #87959f; background-color: #f2f7ff; border-left: 1px solid #eef3f5; border-right: none; text-align: center }
.reg-label.verify.right~.log-input { padding-left: 19px; padding-right: 95px }
.log-button { word-spacing: 10px }
.log-button.h40 { height: 40px; font-size: 14px; line-height: 40px; border: none }
.login-quick { color: #87959f; text-align: center }
.quick-title { position: relative; width: 100%; height: 21px; margin-bottom: 15px; overflow: hidden; font-size: 14px; line-height: 1.5 }
.quick-title:after, .quick-title:before { position: absolute; top: 10px; z-index: 1; height: 1px; width: 120px; background-color: #eef3f5; content: "" }
.quick-list li { display: inline-block; padding-right: 10px; padding-left: 10px; font-size: 12px }
.quick-list li a { display: block; color: #87959f }
.quick-list li a:hover { color: #525a67 }
.quick-list li a:active { color: #0097e6 }
.quick-list li a .iconfont { font-size: 30px; line-height: 1; vertical-align: bottom; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.quick-list li a span { display: inline-block; padding-left: 10px; font-size: 12px; line-height: 30px }
.quick-list li.quick-wx a .iconfont { color: #0ec3a6 }
.quick-list li.quick-wx:hover a .iconfont { color: #0cab92 }
.quick-list li.quick-qq a .iconfont { color: #3d9dfa }
.quick-list li.quick-qq:hover a .iconfont { color: #2490f9 }
.log-group.mbl { margin-bottom: 10px }
.log-group.mbl .valid-tip { top: 100%; left: 0 }
.log-group.mbl.has-valid { margin-bottom: 34px }
.log-group.mbm { margin-bottom: 10px }
.log-group.mb3 { margin-bottom: 30px }
.log-group.onlyread .log-input { color: #87959f; background-color: #f2f7ff; line-height: 42px; cursor: default }
.login-c1 .log-group { height: 44px }
.login-c1 .log-input { font-size: 14px; line-height: 1.5 }
.login-c1 .log-icon { top: 10px }
.login-c1 .login-eye { top: 12px }
.login-c1 .login-eye.active { color: #027cdb }
.login-c1 .reg-dyncode { top: 6px }
.login-c1 .valid-tip { position: absolute }
.login-c1 .reg-label { position: absolute; top: 8px; left: 0 }
.login-c1 .reg-smsccode, .login-p1 .reg-smsccode { top: 8px; right: 6px }
.login-c1 .reg-smsccode.r14 { right: 14px }
.login-c1 .log-button { height: 38px; margin-top: 18px; font-size: 14px; line-height: 38px }
.login-c1 .log-button.mt30 { margin-top: 30px }
.login-c1 .log-button.mt40 { margin-top: 40px }
.login-c1 .log-iconfontok { top: 2px }
.login-c1 .login-quick { margin-top: 16px }
.login-c1 .quick-title:before { right: 200px }
.login-c1 .quick-title:after { left: 200px }
.login-p1 .log-group { height: 40px }
.login-p1 .log-icon { top: 8px }
.login-p1 .login-eye { top: 10px }
.login-p1 .log-button { height: 38px; margin-top: 33px; font-size: 14px; line-height: 38px }
.login-p1 .login-quick { margin-top: 16px }
.login-p1 .quick-title:before { right: 180px }
.login-p1 .quick-title:after { left: 180px }
.login-p1 .login-phasm .valid-tip { position: absolute; top: 74px; left: 0; width: 100% }
.reg-agreement { position: relative; padding-left: 22px; color: #afc0d1 }
.reg-agreement a { color: #0097e6; text-decoration: underline }
.reg-agreement a:hover { color: #027cdb }
.reg-agreement a:active { color: #0097e6 }
.reg-agreement a:hover { text-decoration: none }
.reg-agreement .agreement-checkbox { top: 6px; z-index: 1; width: 13px; height: 13px; overflow: hidden; border: 1px solid #eef3f5; cursor: pointer; -webkit-transition: background .32s ease-in-out; transition: background .32s ease-in-out }
.reg-agreement .agreement-checkbox, .reg-agreement .agreement-checkbox>em { position: absolute; left: 0; display: block; background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.reg-agreement .agreement-checkbox>em { top: 0; z-index: 4; width: 100%; height: 100%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.reg-agreement.chk .agreement-checkbox { border-color: #027cdb }
.reg-agreement.chk .agreement-checkbox>em { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAHlBMVEUAAAAAfdwAf94AetsBe9sAe9sAe9sBe9wCfNsCe9r0+BJRAAAACHRSTlMAqDwX5XZYyDTbe9oAAAEvSURBVFjD7dahTgNREIXhAxVYAgqHQlfwBiBWbsILYHFIkIW2UEkF6eNC6CR/sjfDycimd/yf7+7uZHP1WZ6e9KQnx5Ush2qymJ++FpNROtuVki9Js1KyOdfvDJVkoXLyrOrBPiS1j+8RXRVe8vKvONkVkrtASCwy3yOF5D2QQhLINLn3yCR50JNDJslKmg1JsQXZJ3yq22QhrwOZJKNgDEKSMiDNwRJmHUiTfCtjHkFI4GFyhGQbjEVINsEYhCRlxkCaJGVWIE0C4xASGIOQwDiEBMYgJDAGIWkYkDyByRGSlgH5P4EBMQkM22USGFbYJTBvgbgEht+KSWAuA7EJjAKxCQyISWBATAIDYhIYEJPAgJgEBsQkMIG4hFmDmIS5uHk5oOtoT3rSk570pDI/5nV+VN3/iW8AAAAASUVORK5CYII=) no-repeat 50%; background-size: 100% 100% }
.login-user { color: #525a67; text-align: center }
.login-user.mbl { margin-bottom: 80px }
.login-user.mbb { margin-bottom: 40px }
.login-user .login-portrait { width: 60px; height: 60px; margin-bottom: 20px; border-radius: 100px }
.login-user p { font-size: 14px; line-height: 1.42857143 }
.fgpwd-tab { width: 500px; height: 46px; margin-right: auto; margin-left: auto; margin-bottom: 15px; border-bottom: 2px solid #f6f8fa; text-align: center }
.fgpwd-tab li { display: inline-block; min-width: 120px }
.fgpwd-tab li+li { margin-left: 56px }
.fgpwd-tab li a { position: relative; display: block; width: 100%; padding: 12px 2px; font-size: 14px; line-height: 1.42857143; cursor: pointer; color: #87959f }
.fgpwd-tab li a:hover { color: #87959f }
.fgpwd-tab li a:active { color: #212b34 }
.fgpwd-tab li a:after { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; content: ""; background-color: transparent; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.fgpwd-tab li.active a { color: #027cdb }
.fgpwd-tab li.active a:after { background-color: #027cdb }
.fgpwd-c1 { width: 500px; margin-right: auto; margin-left: auto; color: #525a67 }
.fgpwd-c1 p { font-size: 14px; line-height: 1.42857143; text-align: center; letter-spacing: -.5px }
.fgpwd-c1 .fgpwd-noemail, .rego-sucon h6 a { color: #027cdb; text-decoration: underline }
.fgpwd-c1 .fgpwd-noemail:hover { color: #0097e6 }
.fgpwd-c1 .fgpwd-noemail:active { color: #027cdb }
.fgpwd-d1 .log-button { margin-top: 18px }
.login-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 25; background-color: rgba(0,0,0,.4) }
.login-modal .login-mclose, .regsu-m .login-mclose { position: absolute; display: inline-block; top: 16px; right: 16px; cursor: pointer; z-index: 2 }
.login-modal .login-mclose .iconfont, .regsu-m .login-mclose .iconfont { font-size: 14px; color: #87959f; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.login-modal .login-mclose .iconfont:hover { color: #027cdb }
.login-modal .login-layer, .regsu-m { position: fixed; top: 50%; left: 50%; z-index: 10; width: 400px; margin-top: -230px; margin-left: -200px; -ms-box-shadow: 0 10px 30px rgba(33,33,33,.2); -o-box-shadow: 0 10px 30px rgba(33,33,33,.2); -webkit-box-shadow: 0 10px 30px rgba(33,33,33,.2); box-shadow: 0 10px 30px rgba(33,33,33,.2); border-radius: 10px; padding: 0 50px }
.login-modal .login-layer .login-p1 { padding-bottom: 54px }
.login-modal .login-layer .login-ptab h2 { height: 55px; padding: 16px 20px 14px; color: #87959f; -webkit-box-sizing: border-box; box-sizing: border-box }
.login-modal .login-layer .login-ptab h2 .login-return { display: inline-block; color: #87959f; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.login-modal .login-layer .login-ptab h2 .login-return:hover, .login-modal .login-layer .login-ptab h2 .login-return:hover .iconfont { color: #0097e6 }
.login-modal .login-layer .login-ptab h2 .login-return:active, .login-modal .login-layer .login-ptab h2 .login-return:active .iconfont { color: #027cdb }
.login-modal .login-layer .login-ptab h2 .iconfont { display: inline-block; padding-right: 12px; font-size: 22px; line-height: 25px; color: #d1d1d1; vertical-align: middle; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.login-modal .login-postep2 .login-ptab h2 span { display: inline-block; font-size: 14px; line-height: 1.71428571 }
.login-modal .login-postep3 .login-ptab { margin-bottom: 10px; border-bottom-color: transparent }
.login-modal .login-postep3 .login-ptab h2 .login-return { position: absolute; top: 16px; left: 20px }
.login-modal .login-postep3 .log-msg { margin-top: 16px; margin-bottom: 12px }
.login-ptab { margin-bottom: 36px; border-bottom: 2px solid #eef3f5; padding-bottom: 19px; margin-top: 34px }
.login-ptab li { position: relative; display: inline-block; color: #87959f; text-align: center; cursor: pointer; width: 72px }
.login-ptab li:hover { color: #525a67 }
.login-ptab li:active { color: #212b34 }
.login-ptab li+li { margin-left: 20px }
.login-ptab li:after { position: absolute; content: ""; left: 0; bottom: -20px; width: 100%; height: 2px; background-color: transparent }
.login-ptab li.active { color: #027cdb }
.login-ptab li.active:after { background-color: #027cdb }
.login-ptab li span { position: relative; display: block; width: 100%; font-size: 18px; line-height: 1.38888889 }
.login-ptab li span:after { left: 50%; bottom: -9px; width: 0; height: 0; margin-left: -9px; border-top: 9px solid transparent; border-right: 9px solid transparent; border-left: 9px solid transparent }
.rego-sucess { position: relative; text-align: center }
.rego-sucon { position: absolute; top: 50%; left: 50%; width: 500px; margin-top: -120px; margin-left: -250px }
.rego-sucon .rego-suicon { width: 100px; margin-bottom: 42px }
.rego-sucon h5 { padding-bottom: 10px; font-size: 18px; font-weight: 1.33333333 }
.rego-sucon h6 { padding-top: 10px; padding-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #525a67 }
.reg-tags h1 { text-align: center }
.reg-tags h1 img { height: 40px }
.reg-tags h6.tags-note { margin-top: 30px; margin-bottom: 16px; font-size: 12px; line-height: 20px; color: #87959f }
.reg-tags .reg-tags-list { margin-bottom: 20px }
.reg-tags .reg-tags-list li { float: left; width: 33.33333333%; padding: 6px }
.reg-tags .reg-tags-item { position: relative }
.reg-tags .reg-tags-item input { position: absolute; top: 6px; left: 6px; z-index: 5; width: 108px; height: 60px; cursor: pointer; opacity: 0 }
.reg-tags .reg-tags-item .reg-tags-des { position: relative; width: 108px; height: 60px; overflow: hidden; color: #fff; text-align: center; border: 3px solid transparent; border-radius: 8px 0 8px 0 }
.reg-tags .reg-tags-item .reg-tags-des, .reg-tags .reg-tags-item .reg-tags-des .iconfont, .reg-tags .reg-tags-item .reg-tags-des:before { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.reg-tags .reg-tags-item .reg-tags-des .iconfont, .reg-tags .reg-tags-item .reg-tags-des:before { position: absolute; opacity: 0 }
.reg-tags .reg-tags-item .reg-tags-des:before { right: 0; bottom: 0; border-bottom: 32px solid #0097e6; border-left: 32px solid transparent; content: "" }
.reg-tags .reg-tags-item .reg-tags-des h2 { font-size: 16px; font-weight: 400; line-height: 56px }
.reg-tags .reg-tags-item .reg-tags-des .iconfont { bottom: 0; right: 1px; display: inline-block; font-size: 16px; line-height: 1 }
.reg-tags .reg-tags-item.color1 .reg-tags-des { background-color: #4f7764 }
.reg-tags .reg-tags-item.color2 .reg-tags-des { background-color: #3c5c8d }
.reg-tags .reg-tags-item.color3 .reg-tags-des { background-color: #933a64 }
.reg-tags .reg-tags-item.color4 .reg-tags-des { background-color: #1c75a3 }
.reg-tags .reg-tags-item.color5 .reg-tags-des { background-color: #804254 }
.reg-tags .reg-tags-item.color6 .reg-tags-des { background-color: #4b3673 }
.reg-tags .reg-tags-item:hover .reg-tags-des { color: hsla(0,0%,100%,.9) }
.reg-tags .reg-tags-item.active .reg-tags-des { border-color: #0097e6 }
.reg-tags .reg-tags-item.active .reg-tags-des .iconfont, .reg-tags .reg-tags-item.active .reg-tags-des:before { opacity: 1 }
.regsu1 { padding-top: 120px; padding-bottom: 100px }
.regsu1 .icon-successful, .regsu-m .regsum1 .icon-successful { position: relative; display: inline-block; border: 3px solid #7ed321; vertical-align: top; border-radius: 50% }
.regsu1 .icon-successful:before, .regsu-m .regsum1 .icon-successful:before { position: absolute; top: 11px; left: 13px; border-left: 4px solid #7ed321; border-bottom: 4px solid #7ed321; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.regsu1 h1 { padding-top: 25px; padding-bottom: 20px; font-size: 18px; line-height: 1.38888889 }
.regsu1 .btn { width: 120px; height: 40px; font-size: 14px; line-height: 38px; border-radius: 100px }
.regsu1 .btn+.btn { margin-left: 26px }
@media (min-width:768px) {
.regsu1 .icon-successful, .regsu-m .regsum1 .icon-successful { width: 54px; height: 54px }
.regsu1 .icon-successful:before, .regsu-m .regsum1 .icon-successful:before { width: 26px; height: 16px }
}
@media (min-width:992px) {
.regsu1 .icon-successful, .regsu-m .regsum1 .icon-successful { width: 64px; height: 64px }
.regsu1 .icon-successful:before, .regsu-m .regsum1 .icon-successful:before { width: 32px; height: 22px }
}
.regsu2 { padding-top: 55px; padding-bottom: 55px }
.regsu2 h3 { margin-bottom: 50px }
.regsu2 h3 span { display: inline-block; padding-left: 24px; margin-left: 24px; font-weight: 300; color: #030303; vertical-align: top }
.regsu2 h3 span+span { border-left: 1px solid #afbbc4 }
.regsu2 .btn { width: 216px; height: 45px; margin-top: 40px; font-size: 18px; line-height: 44px }
.regsu2 .btn.btn-bdgray { border-color: #232323 }
.regsu2 .btn.btn-bdgray:hover { color: #fff; background-color: #232323 }
@media (min-width:768px) {
.regsu2 h3 span { font-size: 22px; line-height: 20px }
}
@media (min-width:992px) {
.regsu2 h3 span { font-size: 24px; line-height: 20px }
}
.regsu2-loading { height: 30px; font-size: 14px; line-height: 30px; color: #525a67 }
.regsu2-loading img { height: 100%; margin-right: 10px; vertical-align: top; -webkit-animation: rotate 2.5s linear; animation: rotate 2.5s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
@-webkit-keyframes rotate { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to { -webkit-transform: rotate(1turn); transform: rotate(1turn) }
}
.regsu2-con { position: relative; margin-right: auto; margin-left: auto }
.regsu2-con .regsu2-page { position: absolute; display: block; color: #b1bbc3; vertical-align: top; cursor: pointer; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.regsu2-con .regsu2-page .iconfont { display: inline-block; font-size: 32px; line-height: 1; vertical-align: top }
.regsu2-con .regsu2-page.regsu2-next { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.regsu2-con .regsu2-page:hover { color: #525a67 }
.regsu2-con .regsu2-page.swiper-button-disabled { color: rgba(177,187,195,.4); cursor: not-allowed }
@media (min-width:768px) {
.regsu2-con { width: 748px; height: 150px }
.regsu2-con .regsu2-page { top: -35px }
.regsu2-con .regsu2-page.regsu2-prev { left: -8px }
.regsu2-con .regsu2-page.regsu2-next { right: -8px }
}
@media (min-width:992px) {
.regsu2-con { width: 955px; height: 181px }
.regsu2-con .regsu2-page { top: 50%; margin-top: -42px }
.regsu2-con .regsu2-page.regsu2-prev { left: -42px }
.regsu2-con .regsu2-page.regsu2-next { right: -42px }
}
.regsu2-item { display: block; width: 100% }
.regsu2-item .regsu2-cover { display: block; width: 100%; overflow: hidden }
.regsu2-item .regsu2-cover img { width: 100%; -webkit-transition: all .72s ease; transition: all .72s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.regsu2-item .regsu2-des { display: block; margin-top: 10px; overflow: hidden; font-size: 14px; line-height: 1.42857143; color: #525a67 }
.regsu2-item:hover .regsu2-cover img { -webkit-transform: scale(1.05); transform: scale(1.05) }
.regsu2-item:hover .regsu2-des { color: #87959f }
@media (min-width:768px) {
.regsu2-item .regsu2-cover { height: 85px }
.regsu2-item .regsu2-des { text-align: left }
}
@media (min-width:992px) {
.regsu2-item .regsu2-cover { height: 111px }
.regsu2-item .regsu2-des { text-align: center }
}
.regsu-m { background-color: #fff; text-align: center }
.regsu-m>h2 { padding: 20px; font-size: 18px; line-height: 1.33333333; border-bottom: 1px solid #f6f8fa }
.regsu-m .regsum1 { padding-top: 28px; padding-bottom: 26px }
.regsu-m .regsum1 h3 { padding-top: 20px; font-size: 14px; line-height: 1.42857143 }
.regsu-m .regsum2 { padding-top: 20px; padding-bottom: 30px }
.regsu-m .regsum2 h3 { margin-bottom: 20px }
.regsu-m .regsum2 h3 span { display: inline-block; padding-left: 5px; margin-left: 5px; font-size: 12px; line-height: .83333333; color: #020202; vertical-align: top }
.regsu-m .regsum2 h3 span+span { border-left: 1px solid #afbbc4 }
.regsu-m .regsum2 .btn { width: 180px; height: 35px; margin-top: 20px; font-size: 12px; line-height: 34px; border-radius: 100px }
.regsu-m .regsu2-con { position: relative; width: 310px; margin-right: auto; margin-left: auto }
.regsu-m .regsu2-con .regsu2-cover { display: block; width: 70px; height: 53px }
.regsu-m .regsu2-con .regsu2-cover img { width: 100% }
.regsu-m .regsu2-con .regsu2-cover:hover img { opacity: .8 }
.regsu-m .regsu2-con .regsu2-page { top: 50%; margin-top: -10px }
.regsu-m .regsu2-con .regsu2-page .iconfont { display: inline-block; font-size: 20px; line-height: 1; vertical-align: top }
.regsu-m .regsu2-con .regsu2-page.regsu2-mprev { left: -22px }
.regsu-m .regsu2-con .regsu2-page.regsu2-mnext { right: -22px; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.container-bindqq { padding-top: 70px; padding-bottom: 120px }
.container-bindqq .bindqq-h1 { font-size: 32px; font-weight: 700; line-height: 45px; color: #027cdb }
.container-bindqq .log-group { height: 44px; margin-top: 50px; margin-bottom: 60px }
.container-bindqq .log-group .log-input { padding: 0 20px; font-size: 14px }
.container-bindqq .bindqq-healper, .login-modal .bindqq-pop .bindqq-healper { margin-top: 10px; font-size: 12px; line-height: 18px; color: #afc0d1 }
.container-bindqq .bindqq-healper .iconfont, .login-modal .bindqq-pop .bindqq-healper .iconfont { display: inline-block; margin-right: 7px; font-size: 12px; line-height: 18px; vertical-align: top }
.container-bindqq .valid-tip, .login-modal .bindqq-pop .valid-tip { text-align: left }
.container-bindqq .noqq .bindqq-h2 { margin-top: 10px; font-size: 18px; line-height: 25px; color: #212b34 }
.container-bindqq .noqq .login-btns .btn+.btn { margin-top: 10px }
.container-bindqq .sucess .iconfont.sucess { display: inline-block; margin-bottom: 21px; font-size: 70px; line-height: 70px; color: #7ed321; vertical-align: top }
.container-bindqq .sucess .bindqq-h5 { margin-top: 30px; margin-bottom: 48px; font-size: 14px; line-height: 20px }
.container-bindqq .sucess .bindqq-h5 a { margin-left: 10px; color: #027cdb }
.login-modal .bindqq-pop { padding: 34px 40px; text-align: center }
.login-modal .bindqq-pop h2 { font-size: 26px; font-weight: 700; line-height: 37px; color: #027cdb }
.login-modal .bindqq-pop .log-group { height: 40px }
.login-modal .bindqq-pop .log-group .log-input { text-align: center }
.login-modal .bindqq-pop .bindqq-pop-con.noqq h2 { margin-top: 10px; margin-bottom: 10px }
.login-modal .bindqq-pop .bindqq-pop-con.noqq h3 { margin-bottom: 22px; font-size: 18px; line-height: 26px }
.login-modal .bindqq-pop .bindqq-pop-con.noqq .btn.btn-large { margin-top: 30px }
.login-modal .bindqq-pop .bindqq-pop-con.noqq .btn.btn-large+.btn.btn-large { margin-top: 10px }
.login-modal .bindqq-pop .bindqq-pop-con.sucess .iconfont.sucess { display: inline-block; margin-bottom: 14px; font-size: 70px; line-height: 70px; color: #7ed321; vertical-align: top }
.login-modal .bindqq-pop .bindqq-pop-con.sucess h6 { margin-top: 18px; margin-bottom: 26px; font-size: 14px; line-height: 20px }
.login-modal .bindqq-pop .bindqq-pop-con.sucess h6 a { margin-left: 10px; color: #027cdb }
@media (min-width:768px) {
.security-list { margin-right: 40px; margin-left: 40px }
}
@media (min-width:992px) {
.security-list { margin-right: 70px; margin-left: 70px }
}
@media (min-width:1200px) {
.security-list { margin-right: 80px; margin-left: 80px }
}
.accout-location { padding-right: 40px; padding-left: 40px; padding-bottom: 16px; margin-top: -25px; margin-bottom: 0 }
.accout-location .breadcrumb>li, .accout-location .breadcrumb>li+li:before, .accout-location .breadcrumb>li>a { color: #b1b5b9 }
.accout-location .breadcrumb>li>a:hover { color: #0097e6 }
.security-progressbar { margin-top: 20px; margin-bottom: 58px; text-align: center; cursor: default }
.security-progressbar .security-progbar { display: inline-block; font-size: 18px; line-height: 27px; color: #87959f; vertical-align: top }
.security-progressbar .security-progbar em { display: inline-block; width: 26px; height: 26px; margin-right: 10px; font-size: 18px; line-height: 24px; text-align: center; border: 1px solid #87959f; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50% }
.security-progressbar .security-progbar.active { color: #ff5900 }
.security-progressbar .security-progbar.active em { border-color: #ff5900 }
.security-progressbar .security-progbar.past { color: #027cdb }
.security-progressbar .security-progbar.past em { border-color: #027cdb }
.security-progressbar .security-progline { display: inline-block; width: 112px; height: 2px; margin-top: 11px; margin-right: 10px; margin-left: 10px; background-color: #e3e9ef; vertical-align: top }
.security-success { text-align: center }
.security-success h4 { font-size: 24px; font-weight: 700; line-height: 33px }
.security-success .img { max-width: 120px; margin-top: 10px; margin-right: 8px; margin-bottom: 48px }
.security-success p { font-size: 14px; line-height: 20px; color: #525a67 }
.security-success.email .fgpwd-c1 { padding-top: 52px }
.security-success.email .fgpwd-c1 .log-button { margin-top: 110px }
#login-html1>.banner, #reset-password-html>.banner { height: 4.167vw; width: 100vw; background: url("http://assets-cdn.lanqb.com/pc/login/login-banner.png") no-repeat; -o-object-fit: cover; object-fit: cover; background-size: 100% 100% }
.login-wrap_2021 { margin-top: 20px; border-radius: 10px; overflow: hidden }
.login-wrap_2021 h3 { color: #212b34; font-size: 18px; font-weight: 500 }
.login-wrap_2021 .fgpwd-tab { width: 100%; height: 64px; line-height: 64px; font-size: 20px; font-weight: 500; color: #212b34; margin-bottom: 20px }
.login-wrap_2021 .login-con.login-con2 { padding-top: 0 }
.login-wrap_2021 .login-w1 { width: 780px }
.login-wrap_2021 .login-po_2021 { width: 340px; margin: 40px auto 20px }
.login-wrap_2021 .login-po_2021 h3 { margin-bottom: 20px }
.login-wrap_2021 .login-po_2021 .log-group { height: 48px; border-radius: 48px; border: 1px solid #eef3f5 }
.login-wrap_2021 .login-po_2021 .log-group .log-icon { left: 20px; font-size: 18px; line-height: 1.5 }
.login-wrap_2021 .login-po_2021 .log-group input { border: none; border-radius: 48px }
.login-wrap_2021 .login-po_2021 .log-group input:-webkit-autofill, .login-wrap_2021 .login-po_2021 .log-group select:-webkit-autofill, .login-wrap_2021 .login-po_2021 .log-group textarea:-webkit-autofill {
background-color:#fff!important;
-webkit-box-shadow:0 0 0 200px #fff inset!important;
box-shadow:inset 0 0 0 200px #fff!important
}
.login-wrap_2021 .login-po_2021 .log-msg .log-forget { color: #87959f }
.login-wrap_2021 .login-po_2021 .log-msg .log-forget:hover { color: #525a67 }
.login-wrap_2021 .login-c1 .reg-smsccode, .login-wrap_2021 .login-p1 .reg-smsccode { right: 20px }
.login-wrap_2021 .login-c1 .log-button { height: 48px; border-radius: 48px; line-height: 48px; font-size: 16px; margin-top: 50px }
.login-wrap_2021 .privacy { color: #87959f; width: 340px; margin: 40px auto 60px; text-align: center; vertical-align: middle }
.login-wrap_2021 .privacy a { color: #027cdb; text-decoration: underline }
.login-wrap_2021 .privacy i { font-size: 16px; vertical-align: middle; cursor: pointer; color: #e6e6e6; margin-right: 8px }
.login-wrap_2021 .privacy i.active { color: #027cdb }
.login-wrap_2021 .login-con { padding-top: 0 }
.login-wrap_2021 .reg-group .log-input { padding-left: 44px }
.login-p1 .log-button { border-radius: 6px }
.login-po .register-reward { width: 100px; height: 37px; display: block; float: right; margin: 12px 0 30px }
.no-login .register-reward { width: 97px; height: 30px; margin-right: 16px }
.sth-box_2022 { padding: 30px 56px; margin-bottom: 20px; border-radius: 6px }
@media (min-width:768px) {
.sth-box_2022 { padding: 20px }
}
@media (min-width:992px) {
.sth-box_2022 { padding: 24px 40px }
}
@media (min-width:1200px) {
.sth-box_2022 { padding: 30px 56px }
}
.sth-box_2022 h3 { margin-bottom: 10px; font-size: 16px; font-weight: 500; line-height: 22px }
.sth-box_2022 .sth-list { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.sth-box_2022 .sth-item, .sth-box_2022 .sth-list { display: -webkit-box; display: -ms-flexbox; display: flex }
.sth-box_2022 .sth-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f6f8fa; border-radius: 8px }
.sth-box_2022 .sth-item img { width: 47px; height: 47px; margin-right: 10px }
.sth-box_2022 .sth-item h3 { display: inline-block; margin-bottom: 3px; font-weight: 500; color: #457eec; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.sth-box_2022 .sth-item p { font-size: 14px; line-height: 16px }
@media (min-width:768px) {
.sth-box_2022 .sth-item { width: 226px; padding: 10px }
.sth-box_2022 .sth-item h3 { font-size: 16px; line-height: 18px }
.sth-box_2022 .sth-item p { font-size: 13px }
}
@media (min-width:992px) {
.sth-box_2022 .sth-item { width: 280px; padding: 14px 20px }
.sth-box_2022 .sth-item h3 { font-size: 18px; line-height: 27px }
.sth-box_2022 .sth-item p { font-size: 14px }
}
.login-modal .login-layer.v220128 { margin-left: -70px; border-radius: 0 10px 10px 0 }
.login-modal .login-layer.v220128:before { position: absolute; top: -86px; bottom: 0; right: 100%; width: 260px; overflow: hidden; background: url("https://assets-cdn.lanqb.com/pc/login/register-modal.png?v=2201282") no-repeat 100% 0; background-size: 100% auto; content: ""; border-radius: 0 0 0 10px }
.login-modal .login-layer.v220128 .login-p1 .log-button { margin-top: 32px }
.sth-box_220412 { padding: 30px; margin-bottom: 20px; border-radius: 6px }
@media (min-width:768px) {
.sth-box_220412 { padding: 20px }
}
@media (min-width:992px) {
.sth-box_220412 { padding: 24px }
}
@media (min-width:1200px) {
.sth-box_220412 { padding: 30px }
}
.sth-box_220412 h3 { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.sth-box_220412 h3 strong { font-size: 16px; font-weight: 500; line-height: 22px }
.sth-box_220412 h3 span { font-size: 14px; line-height: 22px; color: #707070 }
.sth-box_220412 .sth-list { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.sth-box_220412 .sth-item, .sth-box_220412 .sth-list { display: -webkit-box; display: -ms-flexbox; display: flex }
.sth-box_220412 .sth-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f6f8fa; border-radius: 8px }
.sth-box_220412 .sth-item img { width: 47px; height: 47px; margin-right: 10px }
.sth-box_220412 .sth-item h3 { display: inline-block; margin-bottom: 3px; font-weight: 500; color: #457eec; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.sth-box_220412 .sth-item p { font-size: 14px; line-height: 16px }
@media (min-width:768px) {
.sth-box_220412 .sth-item { width: 172px; padding: 10px }
.sth-box_220412 .sth-item img { width: 36px; height: 36px }
.sth-box_220412 .sth-item h3 { font-size: 16px; line-height: 18px }
.sth-box_220412 .sth-item p { font-size: 13px }
}
@media (min-width:992px) {
.sth-box_220412 .sth-item { width: 220px; padding: 14px 20px }
.sth-box_220412 .sth-item img { width: 47px; height: 47px }
.sth-box_220412 .sth-item h3 { font-size: 18px; line-height: 27px }
.sth-box_220412 .sth-item p { font-size: 14px }
}
.hd-title { position: relative; height: 112px }
.hd-title:before { position: absolute; top: 56px; right: 65px; height: 1px; background-color: #e3e9ef; content: "" }
@media (min-width:768px) {
.hd-title:before { left: 147px }
.hd-title.w5:before { left: 170px }
}
@media (min-width:992px) {
.hd-title:before { left: 206px }
.hd-title.w5:before { left: 240px }
}
.hd-title-icon { font-size: 40px }
.hd-title-h2, .hd-title-icon { float: left; line-height: 112px; color: #212b34 }
.hd-title-h2 { margin: 0 20px; font-size: 30px }
.hd-title-more { float: right; margin-top: 47px; color: #87959f }
.hd-title-more:active, .hd-title-more:hover { color: #525a67 }
.hd-title-more i { font-size: 14px; float: right; margin: 2px 0 0 5px }
.hd-dachuShare, .hd-daniuShare { float: right; margin-left: 20px; width: 348px }
.hd-dachuShare .hd-title:before, .hd-daniuShare .hd-title:before { left: 92px }
.hd-dachuShare .hd-title-h2, .hd-daniuShare .hd-title-h2 { margin: 0 20px 0 0; font-size: 18px; color: #87959f }
.hd-dachuShare-con ul li, .hd-daniuShare-con ul li { padding: 10px 0; position: relative }
.hd-dachuShare-con ul li.dachu-more a, .hd-daniuShare-con ul li.dachu-more a { width: 100% }
.hd-dachuShare-con ul li span, .hd-daniuShare-con ul li span { z-index: -1; position: absolute; display: block; top: 0; right: 110%; left: -10px; height: 100%; background-color: #f6f8fa; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.hd-dachuShare-con ul li:hover span, .hd-daniuShare-con ul li:hover span { left: -10px; right: 0 }
.hd-dachuShare-con ul li+li, .hd-daniuShare-con ul li+li { border-top: 1px solid #eef3f5 }
.hd-dachuShare-con ul li>a, .hd-daniuShare-con ul li>a { display: inline-block; float: left; width: 138px; height: 108px }
.hd-dachuShare-con ul li>a img, .hd-daniuShare-con ul li>a img { width: 100%; height: 100% }
.hd-dachuShare-con ul li .hd-dachuShare-des, .hd-dachuShare-con ul li .hd-daniuShare-des, .hd-daniuShare-con ul li .hd-dachuShare-des, .hd-daniuShare-con ul li .hd-daniuShare-des { float: left; width: 188px; margin-left: 15px }
.hd-dachuShare-con ul li .hd-dachuShare-des h3, .hd-dachuShare-con ul li .hd-daniuShare-des h3, .hd-daniuShare-con ul li .hd-dachuShare-des h3, .hd-daniuShare-con ul li .hd-daniuShare-des h3 { font-size: 14px; color: #212b34 }
.hd-dachuShare-con ul li .hd-dachuShare-des h3 a:hover, .hd-dachuShare-con ul li .hd-daniuShare-des h3 a:hover, .hd-daniuShare-con ul li .hd-dachuShare-des h3 a:hover, .hd-daniuShare-con ul li .hd-daniuShare-des h3 a:hover { color: #87959f }
.hd-dachuShare-con ul li .hd-dachuShare-des h3 a:active, .hd-dachuShare-con ul li .hd-daniuShare-des h3 a:active, .hd-daniuShare-con ul li .hd-dachuShare-des h3 a:active, .hd-daniuShare-con ul li .hd-daniuShare-des h3 a:active { color: #212b34 }
.hd-dachuShare-con ul li .hd-dachuShare-des p, .hd-dachuShare-con ul li .hd-daniuShare-des p, .hd-daniuShare-con ul li .hd-dachuShare-des p, .hd-daniuShare-con ul li .hd-daniuShare-des p { margin: 10px 0 23px; font-size: 12px; color: #525a67 }
.hd-dachuShare-con ul li .hd-dachuShare-des h4, .hd-dachuShare-con ul li .hd-daniuShare-des h4, .hd-daniuShare-con ul li .hd-dachuShare-des h4, .hd-daniuShare-con ul li .hd-daniuShare-des h4 { font-size: 13px; color: #525a67 }
.hd-itemList li { float: left; width: 280px; margin: 0 0 20px 20px }
.hd-itemList li, .hd-itemList li>div { -webkit-box-sizing: border-box; box-sizing: border-box }
.hd-itemList li>div { position: relative; display: block; padding-bottom: 10px; width: 100%; height: 100%; background-color: #fff; border: 1px solid #eef3f5; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.hd-itemList li:hover>div { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); box-shadow: 0 10px 20px rgba(0,0,0,.1) }
.hd-itemList li .hd-itemList-img { width: 100%; height: 210px; border-bottom: 1px solid #eef3f5 }
.hd-itemList li h3 { margin: 10px 10px 0; font-size: 14px; color: #212b34; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.hd-itemList li h3 a { color: #212b34 }
.hd-itemList li h3 a:hover { color: #87959f }
.hd-itemList li h3 a:active { color: #212b34 }
.hd-itemList li .hd-itemList-cell { color: #87959f; margin-top: 10px }
.hd-itemList li .hd-itemList-cell span { float: left; margin-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.hd-itemList li .hd-itemList-cell span+span { margin-left: 20px }
.hd-itemList li .hd-itemList-cell i { float: left; margin: 0 6px 0 0; font-size: 13px; height: 17px; line-height: 17px }
.hd-itemList li .hd-itemList-author { margin-top: 10px }
.hd-itemList li .hd-itemList-author a { display: block; width: 100%; height: 100%; color: #87959f }
.hd-itemList li .hd-itemList-author a:active, .hd-itemList li .hd-itemList-author a:hover { color: #212b34 }
.hd-itemList li .hd-itemList-author img { display: inline-block; margin: 0 7px 0 10px; width: 20px; height: 20px; overflow: hidden; vertical-align: top; border-radius: 50% }
.hd-itemList li .hd-itemList-author span { display: inline-block; font-size: 12px; line-height: 20px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.hd-works-con { margin-bottom: 35px }
.hd-works-con li { margin: 0 0 60px 20px }
.hd-works-con .hd-itemList-author { position: absolute; bottom: -40px; left: 0 }
.hd-works-con .hd-itemList-author img { margin: 0 7px 0 0 }
.hd-new-category { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.hd-new-category a { font-size: 12px; line-height: 18px; color: #87959f }
.hd-new-category a:hover { color: #525a67 }
.hd-new-category a:active { color: #87959f }
.hd-new-category a+a:before { margin: 0 6px; content: "|"; color: #87959f }
.hd-new-con { margin-bottom: 40px }
.hd-newsList { width: 760px; float: left }
.newsList li { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.newsList li+li { padding-top: 16px; margin-top: 16px; border-top: 1px solid #f6f8fa }
.newsList li .newsList-cover { width: 164px; height: 92px; float: left; overflow: hidden; border-radius: 6px }
.newsList li .newsList-cover img { width: 100%; height: 100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.newsList li .newsList-des { float: right; width: 570px }
.newsList li h3 { font-size: 20px; line-height: 28px; color: #212b34 }
.newsList li h3 a { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top }
.newsList li h3 a:hover { color: #87959f }
.newsList li h3 a:active { color: #212b34 }
.newsList li p { margin: 6px 0 18px; height: 20px; font-size: 14px; line-height: 20px; color: #525a67; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.newsList li .newsList-des-note span { display: inline-block; font-size: 12px; line-height: 20px; color: #87959f; vertical-align: top }
.newsList li .newsList-des-note span+span { margin-right: 6px; margin-left: 6px }
.newsList li .newsList-des-noteTags { min-width: 60px; height: 20px; padding: 0 4px; text-align: center; background-color: #73b2fc; border-radius: 2px }
.newsList li .newsList-des-noteTags a { display: block; color: #fff }
.newsList li:hover .newsList-cover img { -webkit-transform: scale(1.05); transform: scale(1.05) }
.hd-newsList02 { float: right; width: 290px }
.hd-newsList02 .newsList02-icon { position: absolute; top: 3px; left: -20px; font-size: 10px; color: #73b2fc }
.hd-newsList02 .newsList02-icon, .hd-newsList02 li { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.hd-newsList02 li { position: relative }
.hd-newsList02 li:hover { margin-left: 10px }
.hd-newsList02 li+li { margin-top: 28px }
.hd-newsList02 h3 { height: 20px; margin-bottom: 10px; font-size: 14px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.hd-newsList02 h3 a { color: #525a67 }
.hd-newsList02 h3 a:hover { color: #87959f }
.hd-newsList02 h3 a:active { color: #212b34 }
.hd-newsList02 .newsList02-des-note span { display: inline-block; font-size: 12px; line-height: 18px; color: #87959f; vertical-align: top }
.hd-newsList02 .newsList02-des-note span+span { margin-left: 14px }
.hd-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.hd-footer li { position: relative }
.hd-footer li:last-child { padding-top: 40px; padding-left: 80px }
.hd-footer li:last-child:before { position: absolute; top: 40px; bottom: 0; left: 0; width: 0; border-left: 1px solid #e3e9ef; content: "" }
@media (min-width:768px) {
.hd-footer li:last-child { padding-top: 25px; padding-left: 20px }
.hd-footer li:last-child:before { top: 25px }
}
@media (min-width:992px) {
.hd-footer li:last-child { padding-top: 34px; padding-left: 60px }
.hd-footer li:last-child:before { top: 34px }
}
@media (min-width:1200px) {
.hd-footer li:last-child { padding-top: 40px; padding-left: 80px }
.hd-footer li:last-child:before { top: 40px }
}
.hd-footer li h3 { position: relative; margin: 40px 0; font-size: 14px; line-height: 20px; color: #525a67 }
.hd-footer li h3:after { content: ""; position: absolute; left: 0; bottom: -10px; width: 16px; height: 0; border-bottom: 2px solid #87959f }
.hd-footer li a { display: block; font-size: 12px; color: #87959f; line-height: 2.5 }
.hd-footer li a:hover { color: #525a67 }
.hd-footer li a:active { color: #212b34 }
.hd-footer li .hd-code { width: 180px; height: 180px }
.hd-footer .tips { position: relative; width: 280px; height: 40px; padding-left: 37px; margin-top: 28px; border: 1px solid #e3e9ef; font-size: 14px; line-height: 38px; color: #212b34; border-radius: 6px }
.hd-footer .tips:after, .hd-footer .tips:before { position: absolute; font-family: iconfontL; color: #b1bbc3 }
.hd-footer .tips:before { top: 10px; left: 10px; font-size: 20px; font-weight: 400; line-height: 20px; content: "\E6E6" }
.hd-footer .tips:after { top: 10px; right: 12px; font-size: 16px; font-weight: 400; line-height: 18px; content: "\E632" }
@media (min-width:768px) {
.hd-footer .tips { width: 234px; padding-left: 30px; margin-top: 22px; font-size: 12px }
.hd-footer .tips:before { left: 7px }
.hd-footer .tips:after { right: 10px }
}
@media (min-width:992px) {
.hd-footer .tips { width: 280px; padding-left: 37px; margin-top: 28px; font-size: 14px }
.hd-footer .tips:before { left: 10px }
.hd-footer .tips:after { right: 12px }
}
.hd-footer .hd-footer-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.hd-footer .hd-footer-item+.hd-footer-item { margin-top: 24px }
@media (min-width:768px) {
.hd-footer .hd-footer-item+.hd-footer-item { margin-top: 24px }
}
@media (min-width:992px) {
.hd-footer .hd-footer-item+.hd-footer-item { margin-top: 24px }
}
.hd-footer .hd-footer-item .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 54px; height: 54px; margin-right: 12px; color: #fff; background: #525a67; border-radius: 50%; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.hd-footer .hd-footer-item .icon .iconfont { font-size: 28px; line-height: 30px }
.hd-footer .hd-footer-item p { font-size: 12px; line-height: 18px; color: #212b34 }
.hd-footer .hd-footer-item .code { position: absolute; top: 0; left: -116px; width: 100px; height: 100px; padding: 6px; visibility: hidden; opacity: 0; border-radius: 5px; -ms-box-shadow: 0 0 4px rgba(0,0,0,.05); -o-box-shadow: 0 0 4px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.05); box-shadow: 0 0 4px rgba(0,0,0,.05); -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-transform: translateX(10px); transform: translateX(10px) }
.hd-footer .hd-footer-item .code:after, .hd-footer .hd-footer-item .code:before { position: absolute; content: "" }
.hd-footer .hd-footer-item .code:before { top: 14px; right: -2px; width: 12px; height: 12px; -webkit-transform: rotate(35deg) skew(-25deg); transform: rotate(35deg) skew(-25deg); background-color: #fff; border-radius: 3px; -ms-box-shadow: 0 0 4px rgba(0,0,0,.05); -o-box-shadow: 0 0 4px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.05); box-shadow: 0 0 4px rgba(0,0,0,.05) }
.hd-footer .hd-footer-item .code:after { top: 0; right: 0; bottom: 0; left: 0; background: #fff }
.hd-footer .hd-footer-item .code img { position: relative; z-index: 1; width: 100%; height: 100% }
.hd-footer .hd-footer-item:hover .icon { background: #027cdb }
.hd-footer .hd-footer-item:hover .code { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
.hd-link { position: relative; margin-bottom: 30px }
.hd-link h3 { position: relative; margin: 40px 0; font-size: 14px; line-height: 20px; color: #525a67; text-align: center }
.hd-link h3 span { display: inline-block; font-size: 12px; line-height: 20px; vertical-align: top }
.hd-link h3:after, .hd-link h3:before { content: ""; position: absolute; top: 50%; width: 460px; height: 1px; background-color: #e3e9ef }
.hd-link h3:before { left: 0 }
.hd-link h3:after { right: 0 }
.hd-link h3.v230607:after, .hd-link h3.v230607:before { width: 540px }
.hd-link .hd-link-list a { position: relative; display: inline-block; margin-right: 10px; margin-bottom: 10px; font-size: 12px; line-height: 18px; color: #87959f }
.hd-link .hd-link-list a:hover { color: #525a67 }
.hd-link .hd-link-list a:active { color: #212b34 }
.hd-link .hd-link-list a:after { display: inline-block; margin-top: 2px; margin-left: 10px; font-size: 12px; line-height: 1; vertical-align: top; content: "|"; color: #87959f }
.hd-link .hd-link-list a:last-child { margin-right: 0 }
.hd-link .hd-link-list a:last-child:after { margin-left: 0; content: "" }
.hd-link .hd-link-qq { position: absolute; right: 0; width: 200px; height: 40px; background-color: #87959f; border-radius: 100px; text-align: center; color: #f6f8fa }
.hd-link .hd-link-qq i { display: inline-block; font-size: 20px; line-height: 40px }
.hd-link .hd-link-qq p { display: inline-block; vertical-align: top; line-height: 40px; font-size: 12px }
.hd-credible { margin-bottom: 40px; text-align: center }
.hd-credible .hd-credible-item { display: inline-block; margin: 0 13px 10px; vertical-align: top }
.hd-credible .hd-credible-item img { width: auto; height: 30px }
@media (min-width:768px) {
.hd-title-icon { font-size: 30px }
.hd-title-h2 { font-size: 20px; margin: 0 12.676px }
.hd-dachuShare, .hd-daniuShare { margin: 0 0 38.028px; width: 100% }
.hd-dachuShare .hd-title-h2, .hd-daniuShare .hd-title-h2 { margin: 0 12.676px 0 0 }
.hd-dachuShare-con ul li .hd-dachuShare-des, .hd-daniuShare-con ul li .hd-daniuShare-des { width: 499.4344px }
.hd-itemList { margin-left: -12.676px }
.hd-itemList li { width: 177.464px; margin: 0 0 12.676px 12.676px }
.hd-itemList li .hd-itemList-img { height: 133.098px }
.hd-itemList li h3 { height: 17px; font-size: 12px }
.hd-itemList li .hd-itemList-cell span, .hd-itemList li .hd-itemList-cell span+span { margin-left: 6.338px }
.hd-itemList li .hd-itemList-author img { margin: 0 4.4366px 0 6.338px }
.hd-itemList li .hd-itemList-author span { margin-right: 6.338px }
.hd-works-con { margin-bottom: 22.183px }
.hd-works-con li { margin: 0 0 44.366px 12.676px }
.hd-works-con .hd-itemList-author { bottom: -31.69px }
.hd-newsList { width: 508.3076px }
.newsList li h3 { font-size: 18px }
.newsList li p { font-size: 12px; margin: 2px 0 6px }
.newsList li .newsList-cover { width: 136px; height: 76px; border-radius: 4px }
.newsList li .newsList-des { width: 361.266px }
.hd-newsList02 { width: 200.9146px }
.hd-newsList02 h3 { font-size: 12px; margin-bottom: 3px }
.hd-newsList02 li+li { margin-top: 17.7464px }
.hd-footer li h3 { margin: 25.352px 0 }
.hd-link h3:after, .hd-link h3:before { width: 291.548px }
.hd-link h3.v230607:after, .hd-link h3.v230607:before { width: 342.252px }
.hd-link .hd-link-qq { top: 55px; width: 171.126px; height: 25.352px }
.hd-link .hd-link-qq i, .hd-link .hd-link-qq p { line-height: 25.352px }
.hd-live-item:hover h3 { margin: 0 0 6.676px }
.hd-live-item:hover h4 { margin: 6.676px 0 3.338px }
}
@media (min-width:992px) {
.hd-title-icon { font-size: 40px }
.hd-title-h2 { font-size: 30px; margin: 0 16.61px }
.hd-dachuShare, .hd-daniuShare { margin: 0 0 60px 20px; width: 348px }
.hd-dachuShare .hd-title-h2, .hd-daniuShare .hd-title-h2 { margin: 0 20px 0 0 }
.hd-dachuShare-con ul li .hd-dachuShare-des, .hd-daniuShare-con ul li .hd-daniuShare-des { width: 181.049px }
.hd-itemList { margin-left: -16.61px }
.hd-itemList li { width: 232.54px; margin: 0 0 16.61px 16.61px }
.hd-itemList li .hd-itemList-img { height: 174.405px }
.hd-itemList li h3 { height: 20px; font-size: 14px }
.hd-itemList li .hd-itemList-cell span, .hd-itemList li .hd-itemList-cell span+span { margin-left: 8.305px }
.hd-itemList li .hd-itemList-author img { margin: 0 7px 0 8.305px }
.hd-itemList li .hd-itemList-author span { margin-right: 8.305px }
.hd-works-con { margin-bottom: 29.0675px }
.hd-works-con li { margin: 0 0 49.83px 16.61px }
.hd-works-con .hd-itemList-author { bottom: -24.915px }
.hd-newsList { width: 654.434px }
.newsList li h3 { font-size: 18px }
.newsList li .newsList-cover { border-radius: 5px }
.newsList li .newsList-des { width: 499.961px }
.hd-newsList02 { width: 278.2175px }
.hd-newsList02 h3 { font-size: 14px; margin-bottom: 8px }
.hd-newsList02 li+li { margin-top: 15.7795px }
.hd-footer li h3 { margin: 33.22px 0 }
.hd-link h3:after, .hd-link h3:before { width: 382.03px }
.hd-link h3.v230607:after, .hd-link h3.v230607:before { width: 448.47px }
.hd-link .hd-link-qq { top: 52px; width: 207.625px; height: 33.22px }
.hd-link .hd-link-qq i, .hd-link .hd-link-qq p { line-height: 33.22px }
.hd-live-item:hover h3 { margin: 0 0 16.61px }
.hd-live-item:hover h4 { margin: 16.61px 0 8.305px }
}
@media (min-width:1200px) {
.hd-title-icon { font-size: 40px }
.hd-title-h2 { font-size: 30px; margin: 0 20px }
.hd-dachuShare, .hd-daniuShare { margin: 0 0 60px 20px; width: 348px }
.hd-dachuShare .hd-title-h2, .hd-daniuShare .hd-title-h2 { margin: 0 20px 0 0 }
.hd-dachuShare-con ul li .hd-dachuShare-des, .hd-daniuShare-con ul li .hd-daniuShare-des { width: 188px }
.hd-itemList { margin-left: -20px }
.hd-itemList li { width: 280px; margin: 0 0 20px 20px }
.hd-itemList li .hd-itemList-img { height: 210px }
.hd-itemList li h3 { font-size: 14px }
.hd-itemList li .hd-itemList-cell span, .hd-itemList li .hd-itemList-cell span+span { margin-left: 10px }
.hd-itemList li .hd-itemList-author img { margin: 0 7px 0 10px }
.hd-itemList li .hd-itemList-author span { margin-right: 10px }
.hd-works-con { margin-bottom: 35px }
.hd-works-con li { margin: 0 0 60px 20px }
.hd-works-con .hd-itemList-author { bottom: -30px }
.hd-newsList { width: 760px }
.newsList li h3 { font-size: 20px }
.newsList li p { font-size: 14px; margin: 6px 0 18px }
.newsList li .newsList-cover { width: 164px; height: 92px; border-radius: 6px }
.newsList li .newsList-des { width: 570px }
.hd-newsList02 { width: 290px }
.hd-newsList02 li+li { margin-top: 28px }
.hd-footer li h3 { margin: 40px 0 }
.hd-link h3:after, .hd-link h3:before { width: 460px }
.hd-link h3.v230607:after, .hd-link h3.v230607:before { width: 540px }
.hd-link .hd-link-qq { top: 49px; width: 200px; height: 40px }
.hd-link .hd-link-qq i, .hd-link .hd-link-qq p { line-height: 40px }
.hd-live-item:hover h3 { margin: 0 0 20px }
.hd-live-item:hover h4 { margin: 20px 0 10px }
}
.hd-weekpt-con { cursor: default }
.hd-weekpt-con .cover { position: relative; float: left; display: block; overflow: hidden }
.hd-weekpt-con .cover img { width: 100%; height: 100% }
.hd-weekpt-con .cover .mask3 { opacity: 0 }
.hd-weekpt-con .cover .icon { position: absolute; top: 0; left: 0; width: 60px; height: 30px; overflow: hidden; white-space: nowrap; text-indent: -9999px; background: rgba(0,0,0,.5) url("https://assets-cdn.lanqb.com/imgv3/activityCenter/weeklyP-icon-2x.png?v=4") no-repeat 50%; background-size: auto 18px; border-radius: 0 0 2px 0 }
.hd-weekpt-con .cover:hover .mask3 { opacity: 1 }
.hd-weekpt-con .des { float: right }
.hd-weekpt-con .des h3 { font-size: 20px; font-weight: 700 }
.hd-weekpt-con .des h3 a { color: #212b34 }
.hd-weekpt-con .des h3 a:hover { color: #87959f }
.hd-weekpt-con .des h3 a:active { color: #212b34 }
.hd-weekpt-con .des h4, .hd-weekpt-con .des p { font-size: 14px; line-height: 20px; color: #525a67 }
.hd-weekpt-con .des h4 i { display: inline-block; margin-right: 10px; font-size: 18px; line-height: 20px; vertical-align: top }
.hd-weekpt-con .des p { overflow: hidden; border-top: 1px solid #e3e9ef }
.hd-weekpt-con .des .btns .countdown { display: inline-block; margin-left: 16px; font-size: 14px; line-height: 20px; color: #87959f; vertical-align: bottom }
.hd-weekpt-con .des .btns .countdown em { color: #027cdb }
.hd-weekpt-con .des .order-btn.ordered { background-color: #73b2fc; cursor: default }
.hd-weekpt-con .des .order-btn.ordered:after { font-family: iconfontL; margin-left: 6px; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E696" }
@media (min-width:768px) {
.hd-weekpt { margin-bottom: 40px }
.hd-weekpt-con .cover { width: 280px; height: 210px }
.hd-weekpt-con .des { width: 452px; padding-right: 16px }
.hd-weekpt-con .des h3 { margin-top: 16px; margin-bottom: 12px; line-height: 20px }
.hd-weekpt-con .des h4 { margin-bottom: 6px }
.hd-weekpt-con .des p { height: 50px; padding-top: 10px; margin-bottom: 12px }
}
@media (min-width:992px) {
.hd-weekpt { margin-bottom: 60px }
.hd-weekpt-con .cover { width: 350px; height: 263px }
.hd-weekpt-con .des { width: 600px; padding-right: 30px }
.hd-weekpt-con .des h3 { margin-top: 20px; margin-bottom: 20px; line-height: 28px }
.hd-weekpt-con .des h4 { margin-bottom: 12px }
.hd-weekpt-con .des p { height: 55px; padding-top: 14px; margin-bottom: 16px }
}
@media (min-width:1200px) {
.hd-weekpt { margin-bottom: 70px }
.hd-weekpt-con .cover { width: 380px; height: 285px }
.hd-weekpt-con .des { width: 760px; padding-right: 40px }
.hd-weekpt-con .des h3 { margin-top: 30px }
}
.hd-weekpt-list { margin-right: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.hd-weekpt-list li { padding: 10px; margin-top: 20px; background-color: #f6f8fa; cursor: default; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.hd-weekpt-list li:hover { background-color: #eef3f5 }
.hd-weekpt-list .cover { float: left; display: block }
.hd-weekpt-list .cover img { width: 100%; height: 100% }
.hd-weekpt-list .des { float: right }
.hd-weekpt-list .des h3 { font-size: 14px; line-height: 20px; color: #212b34 }
.hd-weekpt-list .des h3 a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.hd-weekpt-list .des h3 a:hover { color: #87959f }
.hd-weekpt-list .des h3 a:active { color: #212b34 }
.hd-weekpt-list .des h5 { font-size: 12px; line-height: 18px; white-space: nowrap; color: #525a67 }
.hd-weekpt-list .des h4 { font-size: 14px; line-height: 20px; color: #525a67 }
.hd-weekpt-list.bgwhite li { background-color: #fff }
.hd-weekpt-list.bgwhite li:hover { -ms-box-shadow: 0 5px 15px rgba(33,43,52,.1); -o-box-shadow: 0 5px 15px rgba(33,43,52,.1); -webkit-box-shadow: 0 5px 15px rgba(33,43,52,.1); box-shadow: 0 5px 15px rgba(33,43,52,.1) }
@media (min-width:768px) {
.hd-weekpt-list li { width: 244px; margin-right: 8px }
.hd-weekpt-list .cover { width: 80px; height: 63px }
.hd-weekpt-list .des { width: 138px }
.hd-weekpt-list .des h5 { margin-top: 2px; margin-bottom: 3px }
}
@media (min-width:992px) {
.hd-weekpt-list li { width: 316px; margin-right: 16px }
.hd-weekpt-list .cover { width: 120px; height: 94px }
.hd-weekpt-list .des { width: 164px }
.hd-weekpt-list .des h5 { margin-top: 10px; margin-bottom: 24px }
}
@media (min-width:1200px) {
.hd-weekpt-list li { width: 380px; margin-right: 20px }
.hd-weekpt-list .cover { width: 138px; height: 108px }
.hd-weekpt-list .des { width: 212px }
.hd-weekpt-list .des h5 { margin-bottom: 32px }
}
.hd-proom-con { position: relative; margin-left: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.hd-proom-con .prhm-btn { padding: 0; border-radius: 24px; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.hd-proom-con .prhm-btn.btn-bgblue.active, .hd-proom-con .prhm-btn.btn-bgblue.disabled { background-color: #73b2fc; cursor: default }
@media (min-width:768px) {
.hd-proom-con .prhm-btn { width: 100px; height: 35px; font-size: 12px; line-height: 33px }
}
@media (min-width:992px) {
.hd-proom-con .prhm-btn { width: 132px; height: 46px; font-size: 14px; line-height: 44px }
}
@media (min-width:1200px) {
.hd-proom-con .prhm-btn { width: 150px }
}
.hd-proom-con .prtp-auther-tag { display: inline-block; vertical-align: top; padding-right: 7px; padding-left: 7px; border: 1px solid transparent; font-size: 12px; line-height: 20px; border-radius: 12px }
.hd-proom-con .intr-des, .hd-proom-con .intr-vc { -webkit-animation: fadeIn 1s ease; animation: fadeIn 1s ease }
.hd-proom-con .intr-vc { position: relative; display: inline-block }
.hd-proom-con .intr-vc-tabs { position: absolute; top: 50%; left: 50%; margin-top: -150px; overflow: hidden; border-radius: 10px 0 0 10px; -webkit-animation: fadeInLeft 1s ease; animation: fadeInLeft 1s ease }
.hd-proom-con .intr-vc-tabs span { position: relative; display: block; width: 100%; padding-right: 5px; padding-left: 5px; font-size: 16px; line-height: 18px; text-align: center; color: #525a67; background-color: #f2f6fa; cursor: pointer; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.hd-proom-con .intr-vc-tabs span:before { display: inline-block; width: 20px; height: 20px; margin-bottom: 7px; background-repeat: no-repeat; background-position: 50%; background-size: 20px 20px; vertical-align: top; content: "" }
.hd-proom-con .intr-vc-tabs span:after { position: absolute; width: 0; height: 0; content: ""; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.hd-proom-con .intr-vc-tabs span.living { padding-top: 14px; padding-bottom: 10px; margin-bottom: 17px }
.hd-proom-con .intr-vc-tabs span.living:before { background-image: url("https://assets-cdn.lanqb.com/school/practice-room/icon-video-b@2x.png") }
.hd-proom-con .intr-vc-tabs span.living:after { top: 100%; left: 0; border-bottom: 17px solid transparent; border-left: 40px solid #f2f6fa }
.hd-proom-con .intr-vc-tabs span.living:hover:after { border-left-color: #e3e9ef }
.hd-proom-con .intr-vc-tabs span.video { padding-top: 10px; padding-bottom: 14px }
.hd-proom-con .intr-vc-tabs span.video:before { background-image: url("https://assets-cdn.lanqb.com/school/practice-room/icon-teas-b@2x.png") }
.hd-proom-con .intr-vc-tabs span.video:after { bottom: 100%; right: 0; border-top: 17px solid transparent; border-right: 40px solid #f2f6fa }
.hd-proom-con .intr-vc-tabs span.video:hover:after { border-right-color: #e3e9ef }
.hd-proom-con .intr-vc-tabs span:hover { background-color: #e3e9ef }
.hd-proom-con .intr-vc-tabs span.active { color: #fff; background-color: #4c87eb; cursor: default }
.hd-proom-con .intr-vc-tabs span.active.living:before { background-image: url("https://assets-cdn.lanqb.com/school/practice-room/icon-video-w@2x.png") }
.hd-proom-con .intr-vc-tabs span.active.living:after { border-left-color: #4c87eb }
.hd-proom-con .intr-vc-tabs span.active.video:before { background-image: url("https://assets-cdn.lanqb.com/school/practice-room/icon-teas-w@2x.png") }
.hd-proom-con .intr-vc-tabs span.active.video:after { border-right-color: #4c87eb }
@media (min-width:768px) {
.hd-proom-con .intr-des { width: 370px }
.hd-proom-con .intr-vc-tabs { width: 34px; margin-left: -199px }
}
@media (min-width:992px) {
.hd-proom-con .intr-des { width: 455px }
.hd-proom-con .intr-vc-tabs { width: 36px; margin-left: -274px }
}
@media (min-width:1200px) {
.hd-proom-con .intr-des { width: 476px }
.hd-proom-con .intr-vc-tabs { width: 40px; margin-left: -360px }
}
.hd-proom-con .intr-vc-wrap { position: relative; background-color: #191919; border-radius: 10px; -webkit-animation: fadeIn 1s ease; animation: fadeIn 1s ease }
.hd-proom-con .intr-vc-wrap .intr-vc-img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; border-radius: 10px }
.hd-proom-con .intr-vc-wrap .intr-vc-img img { width: 100%; max-height: 100%; opacity: .2 }
.hd-proom-con .intr-vc-wrap .intr-vc-live { position: relative; z-index: 0 }
.hd-proom-con .intr-vc-wrap .prhm-btn { position: absolute; top: 50%; left: 50%; z-index: 2; margin-top: -23px }
.hd-proom-con .intr-vc-wrap .prhm-btn.cdown { margin-top: -43px }
.hd-proom-con .intr-vc-wrap .intr-vc-tip { position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; font-size: 18px; line-height: 26px; text-align: center; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.hd-proom-con .intr-vc-wrap .intr-vc-tip.cdown { margin-top: 27px; color: #fff }
.hd-proom-con .intr-vc-wrap .intr-vc-tip.video { margin-top: -13px; color: hsla(0,0%,100%,.6) }
.hd-proom-con .intr-des-wrap { display: inline-block; width: 100%; vertical-align: middle }
.hd-proom-con .des-title>a { display: inline-block; max-width: 100%; font-size: 24px; line-height: 33px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top }
.hd-proom-con .des-title>a:hover { color: #87959f }
.hd-proom-con .des-title em { display: inline-block; vertical-align: top; padding-right: 6px; padding-left: 6px; margin-top: 3px; margin-right: 10px; font-size: 14px; font-weight: 400; line-height: 26px; color: #fff; background-color: #027cdb; text-align: center; border-radius: 5px }
.hd-proom-con .des-teas { margin-top: 18px; white-space: nowrap }
.hd-proom-con .des-teas .des-tea, .hd-proom-con .des-teas img { display: inline-block; vertical-align: top }
.hd-proom-con .des-teas img { width: 40px; height: 40px; overflow: hidden; border-radius: 50% }
.hd-proom-con .des-teas span { display: inline-block; vertical-align: top; margin-top: 10px; margin-left: 10px; font-size: 16px; line-height: 20px; color: #525a67 }
.hd-proom-con .des-teas em { margin-top: 9px; margin-left: 10px; border-color: #027cdb; color: #027cdb }
.hd-proom-con .des-info { padding-top: 4px }
.hd-proom-con .des-info h6 { padding-bottom: 8px; margin-top: 16px; font-size: 14px; font-weight: 700; line-height: 20px }
.hd-proom-con .des-info p { color: #87959f }
.hd-proom-con .des-info p.intro { height: 88px; overflow: hidden; font-size: 14px; line-height: 22px; word-wrap: break-word; white-space: pre-line }
.hd-proom-con .des-info p.date { font-size: 12px; line-height: 20px }
.hd-proom-con .des-info p.date span { display: inline-block; vertical-align: top }
.hd-proom-con .des-info p.date span+span { margin-left: 26px }
.hd-proom-con .des-info p.date .prtp-item-lock { margin-right: 6px }
.hd-proom-con .des-btns { margin-top: 30px }
.hd-proom-con .des-btns .prhm-btn.active:after { font-family: iconfontL; margin-left: 6px; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E696" }
.hd-proom-con .des-btns .prhm-btn+.prhm-btn { margin-right: 6px; margin-left: 16px }
@media (min-width:768px) {
.hd-proom-con .intr-vc-live, .hd-proom-con .intr-vc-wrap { width: 330px; height: 320px }
.hd-proom-con .intr-vc-wrap .prhm-btn { margin-left: -50px }
}
@media (min-width:992px) {
.hd-proom-con .intr-vc-live, .hd-proom-con .intr-vc-wrap { width: 475px; height: 320px }
.hd-proom-con .intr-vc-wrap .prhm-btn { margin-left: -75px }
}
@media (min-width:1200px) {
.hd-proom-con .intr-vc-live, .hd-proom-con .intr-vc-wrap { width: 640px; height: 400px }
}
.pr-book-live-modal { position: relative; height: 0; z-index: 20 }
.pr-book-live-modal:before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.8); content: "" }
.pr-book-live-modal .book-live-con { position: fixed; top: 50%; left: 50%; z-index: 1; cursor: default; border-radius: 10px; -webkit-animation: fadeIn 1s ease; animation: fadeIn 1s ease }
.pr-book-live-modal .book-live-con .book-live-close { position: absolute; top: 0; right: -30px; display: inline-block; color: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.pr-book-live-modal .book-live-con .book-live-close .iconfont { font-size: 14px; line-height: 1 }
.pr-book-live-modal .book-live-con .book-live-close:hover { opacity: .65 }
.pr-book-live-modal .book-live-con.scuess { width: 340px; padding: 18px 16px; margin-top: -110px; margin-left: -170px; text-align: right; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fad18a), to(#f6d27a)); background: linear-gradient(180deg, #fad18a, #f6d27a) }
.pr-book-live-modal .book-live-con.scuess:before { position: absolute; bottom: -10px; left: -44px; width: 224px; height: 246px; background: url("https://assets-cdn.lanqb.com/school/practice-room/home-m-img1@2x_pc.png") no-repeat top; background-size: 224px auto; content: "" }
.pr-book-live-modal .book-live-con.scuess .book-live-scu { display: inline-block; vertical-align: top; text-align: left }
.pr-book-live-modal .book-live-con.scuess p { font-size: 14px; line-height: 18px }
.pr-book-live-modal .book-live-con.scuess .book-live-code-wrap { position: relative; width: 118px; height: 118px; margin-bottom: 10px; overflow: hidden }
.pr-book-live-modal .book-live-con.scuess .book-live-code-wrap img { width: 100%; height: 100% }
.pr-book-live-modal .book-live-con.scuess .book-live-code-wrap .book-live-code-failed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 24px; color: #fff; background-color: rgba(0,0,0,.76); text-align: center }
.pr-book-live-modal .book-live-con.scuess .book-live-code-wrap .book-live-code-failed .iconfont { display: block }
.pr-book-live-modal .book-live-con.scuess .book-live-code-wrap .book-live-code-failed h6 { margin-top: 4px; font-size: 12px; line-height: 20px }
.pr-book-live-modal .book-live-con.scuess .book-live-code-wrap .book-live-code-failed .refresh-btn { width: 58px; height: 28px; margin-top: 10px; font-size: 12px; line-height: 28px; border: none; border-radius: 15px }
.pr-book-live-modal .book-live-con.scuess .book-live-code-wrap .book-live-code-success { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,.76); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.pr-book-live-modal .book-live-con.scuess .book-live-code-wrap .book-live-code-success .iconfont { display: block; font-size: 35px; color: #45cb91 }
.home-title { margin-top: 40px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.home-title.nomt { margin-top: 0 }
.home-title.nomb { margin-bottom: 0 }
.home-title .home-title-h2 { font-size: 24px; font-weight: 500; line-height: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.home-title .home-title-h2 em { margin-left: 12px; font-size: 14px; font-weight: 400; line-height: 20px; color: #87959f }
.home-title .home-title-h2.live em { position: relative; margin-left: 46px }
.home-title .home-title-h2.live em:before { position: absolute; top: -5px; left: -44px; width: 36px; height: 23px; background: url("https://assets-cdn.lanqb.com/imgv3/image/live-l_pc.png") no-repeat 50%; background-size: 100% 100%; content: "" }
.home-title .home-title-h4 { font-size: 16px; font-weight: 700; line-height: 22px; color: #525a67 }
.home-title .more { font-size: 14px; line-height: 20px; color: #87959f; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.home-title .more:after { margin-left: 4px; font-family: iconfontL; font-size: 14px; line-height: 20px; content: "\E616" }
.home-title .more:hover { color: #525a67 }
.home-title .more:hover:after { content: "\E615" }
.home-banner { padding-top: 20px; padding-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex }
.home-ban-classity { position: relative; z-index: 2; width: 204px; padding-top: 10px; padding-bottom: 10px; background-color: #35384d; border-radius: 6px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.home-ban-classity.active { border-radius: 6px 0 0 6px }
.home-ban-classity .classity-item { padding: 10px 20px 6px 16px }
.home-ban-classity .classity-item:hover { background-color: #2c2e40 }
.home-ban-classity .classity-item:hover .classity-subs { opacity: 1; visibility: visible }
.home-ban-classity .classity-item>h5 { position: relative; height: 20px; font-size: 14px; font-weight: 500; line-height: 20px; color: #fff }
.home-ban-classity .classity-item>h5:after { position: absolute; top: 6px; right: 0; width: 8px; height: 8px; border-top: 1px solid #525a67; border-right: 1px solid #525a67; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.home-ban-classity .classity-item>p { height: 20px; margin-top: 5px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap }
.home-ban-classity .classity-item>p a { display: inline-block; font-size: 12px; color: hsla(0,0%,100%,.7); vertical-align: top }
.home-ban-classity .classity-item>p a:hover { color: #fff }
.home-ban-classity .classity-item>p em { margin-right: 6px; margin-left: 6px; color: hsla(0,0%,100%,.7) }
.home-ban-classity .classity-item>p em+a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.home-ban-classity .classity-subs { position: absolute; top: 0; left: 100%; height: 100%; padding-top: 40px; background-color: #fff; opacity: 0; visibility: hidden; border-radius: 0 6px 6px 0 }
.home-ban-classity .classity-subs a { display: inline-block; margin-bottom: 10px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
@media (min-width:768px) {
.home-ban-classity .classity-subs { width: 540px; padding-left: 20px }
.home-ban-classity .classity-subs a { width: 202px; margin-left: 14px }
}
@media (min-width:992px) {
.home-ban-classity .classity-subs { width: 670px; padding-left: 40px }
.home-ban-classity .classity-subs a { width: 230px; margin-left: 30px }
}
.home-ban-classity .classity-subs h4 a { display: inline; width: unset; height: unset; margin-left: 0 }
.home-ban-classity .classity-sub-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start }
.home-ban-classity .classity-sub-con+.classity-sub-con { margin-top: 30px }
.home-ban-classity .classity-sub-con h4 { font-size: 16px; font-weight: 700; line-height: 22px; color: #525a67; white-space: nowrap }
.home-ban-classity .classity-sub-con .proCourse a { color: #ff8407; border: 1px solid #ff8407; text-align: center; border-radius: 2px }
@media (min-width:768px) {
.home-ban-classity .classity-sub-con .proCourse a { height: 30px; padding-right: 4px; padding-left: 4px; font-size: 12px; line-height: 28px }
}
@media (min-width:992px) {
.home-ban-classity .classity-sub-con .proCourse a { height: 35px; padding-right: 10px; padding-left: 10px; font-size: 14px; line-height: 33px }
}
.home-ban-classity .classity-sub-con .proCourse a:hover { background-color: #ff8407; color: #fff }
.home-ban-classity .classity-sub-con .course a { height: 20px; line-height: 20px; color: #525a67 }
@media (min-width:768px) {
.home-ban-classity .classity-sub-con .course a { font-size: 12px }
}
@media (min-width:992px) {
.home-ban-classity .classity-sub-con .course a { font-size: 14px }
}
.home-ban-classity .classity-sub-con .course a:hover { color: #027cdb }
.home-ban-classity.v220223 .classity-subs { padding-top: 20px; padding-bottom: 10px }
.home-ban-classity.v220223 .classity-sub-con+.classity-sub-con { margin-top: 13px }
.home-rebanner { width: 966px; height: 327px; margin-left: 10px; overflow: hidden; border-radius: 6px }
.home-rebanner .home-rebanner-cover { position: relative; display: block; width: 100%; height: 100%; background-color: #e8f0f3 }
.home-rebanner .home-rebanner-cover.consult { cursor: pointer }
.home-rebanner .cover { position: absolute; top: 0; left: 50%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.home-rebanner .home-rebanner-pagination { position: absolute; bottom: 13px; left: 0; z-index: 1; width: 100%; text-align: center }
.home-rebanner .home-rebanner-pagination .swiper-pagination-bullet { background: #fff; opacity: .4; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.home-rebanner .home-rebanner-pagination .swiper-pagination-bullet-active { background: #fff; opacity: 1 }
.home-rebanner .home-rebanner-pg { position: absolute; top: 50%; z-index: 1; width: 52px; height: 52px; margin-top: -26px; background: rgba(0,0,0,.5); opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; overflow: hidden; border-radius: 50% }
.home-rebanner .home-rebanner-pg, .home-rebanner .home-rebanner-pg:after { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.home-rebanner .home-rebanner-pg:after { display: block; width: 14px; height: 14px; border-style: solid; border-color: #fff; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.home-rebanner .home-rebanner-pg.prev { left: 30px }
.home-rebanner .home-rebanner-pg.prev:after { margin-left: 20px; border-width: 0 0 2px 2px }
.home-rebanner .home-rebanner-pg.next { right: 30px }
.home-rebanner .home-rebanner-pg.next:after { margin-left: 15px; border-width: 2px 2px 0 0 }
.home-rebanner .home-rebanner-pg:hover:after { border-color: #027cdb }
.home-rebanner:hover .home-rebanner-pg { opacity: 1 }
.home-daniu { margin-bottom: 28px }
.home-courses, .home-proClass, .home-works { margin-bottom: 40px }
.home-daniu-list, .home-daniuRe-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
@media (min-width:768px) {
.home-daniu-list, .home-daniuRe-list { margin-left: -12px }
}
@media (min-width:1200px) {
.home-daniu-list, .home-daniuRe-list { margin-left: -20px }
}
.home-daniu-list .home-daniu-item { background-color: #fff; border-radius: 6px }
.home-daniu-list .home-daniu-item:hover { -ms-box-shadow: 0 10px 20px rgba(0,0,0,.1); -o-box-shadow: 0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); box-shadow: 0 10px 20px rgba(0,0,0,.1) }
.home-daniu-list .home-daniu-item:hover .home-daniu-cover .cover { -webkit-transform: scale(1.05); transform: scale(1.05) }
@media (min-width:768px) {
.home-daniu-list .home-daniu-item { padding: 10px 6px 6px; margin-left: 12px }
.home-daniu-list .home-daniu-item.n1 { width: 372px }
.home-daniu-list .home-daniu-item.n1 .home-daniu-teas .tea .name { max-width: 182px }
.home-daniu-list .home-daniu-item.n2 { width: 176px }
.home-daniu-list .home-daniu-item.n2 .home-daniu-teas .tea .name { max-width: 132px }
}
@media (min-width:992px) {
.home-daniu-list .home-daniu-item { padding: 12px 10px 6px }
.home-daniu-list .home-daniu-item.n1 { width: 492px }
.home-daniu-list .home-daniu-item.n1 .home-daniu-teas .tea .name { max-width: 220px }
.home-daniu-list .home-daniu-item.n2 { width: 232px }
.home-daniu-list .home-daniu-item.n2 .home-daniu-teas .tea .name { max-width: 182px }
}
@media (min-width:1200px) {
.home-daniu-list .home-daniu-item { padding: 16px 14px 8px; margin-left: 20px }
.home-daniu-list .home-daniu-item.n1 { width: 580px }
.home-daniu-list .home-daniu-item.n1 .home-daniu-teas .tea .name { max-width: 250px }
.home-daniu-list .home-daniu-item.n2 { width: 280px }
.home-daniu-list .home-daniu-item.n2 .home-daniu-teas .tea .name { max-width: 220px }
}
.home-daniu-list .home-daniu-teas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 24px }
.home-daniu-list .home-daniu-teas .tea { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.home-daniu-list .home-daniu-teas .tea .cover { width: 24px; height: 24px; overflow: hidden; border-radius: 50% }
.home-daniu-list .home-daniu-teas .tea .name { line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
@media (min-width:768px) {
.home-daniu-list .home-daniu-teas .tea .name { margin-left: 4px; font-size: 12px }
}
@media (min-width:992px) {
.home-daniu-list .home-daniu-teas .tea .name { margin-left: 6px; font-size: 13px }
}
@media (min-width:1200px) {
.home-daniu-list .home-daniu-teas .tea .name { margin-left: 10px; font-size: 14px }
}
.home-daniu-list .home-daniu-teas .tea:hover { color: #027cdb }
.home-daniu-list .home-daniu-teas .countdown { color: #525a67; line-height: 20px }
@media (min-width:768px) {
.home-daniu-list .home-daniu-teas .countdown { font-size: 12px }
}
@media (min-width:992px) {
.home-daniu-list .home-daniu-teas .countdown { font-size: 13px }
}
@media (min-width:1200px) {
.home-daniu-list .home-daniu-teas .countdown { font-size: 14px }
}
.home-daniu-list .home-daniu-teas .countdown em { color: #ff5900 }
.home-daniu-list .h4 { display: block; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
@media (min-width:768px) {
.home-daniu-list .h4 { margin-top: 6px; margin-bottom: 6px }
}
@media (min-width:992px) {
.home-daniu-list .h4 { margin-top: 8px; margin-bottom: 8px }
}
@media (min-width:1200px) {
.home-daniu-list .h4 { margin-top: 10px; margin-bottom: 10px }
}
.home-daniu-list .h4 a { font-size: 14px; font-weight: 700; line-height: 20px }
.home-daniu-list .h4 a:hover { color: #027cdb }
.home-daniu-list .home-daniu-cover { position: relative; display: block; overflow: hidden; border-radius: 6px }
@media (min-width:768px) {
.home-daniu-list .home-daniu-cover { height: 123px }
}
@media (min-width:992px) {
.home-daniu-list .home-daniu-cover { height: 159px }
}
@media (min-width:1200px) {
.home-daniu-list .home-daniu-cover { height: 189px }
}
.home-daniu-list .home-daniu-cover .cover { width: 100%; height: 100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.home-daniu-list .home-daniu-cover .period { position: absolute; top: 10px; right: 10px; z-index: 1; min-width: 60px; padding: 0 6px; color: #fff; background-color: rgba(0,0,0,.4); font-size: 12px; line-height: 24px; text-align: center; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px }
.home-daniu-list .home-daniu-cover.live:before, .home-daniu-list .home-daniu-cover.living:before { position: absolute; top: 10px; left: 10px; z-index: 1; padding-right: 10px; padding-left: 10px; color: #fff; background-color: #ff3f72; font-size: 12px; line-height: 24px; text-align: center; border-radius: 6px }
.home-daniu-list .home-daniu-cover.live:before { content: "\5373\5C06\76F4\64AD" }
.home-daniu-list .home-daniu-cover.living:before { content: "\76F4\64AD\4E2D" }
.home-daniu-list .home-daniu-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #b1bbc3 }
@media (min-width:768px) {
.home-daniu-list .home-daniu-date { margin-top: 6px }
}
@media (min-width:992px) {
.home-daniu-list .home-daniu-date { margin-top: 8px }
}
@media (min-width:1200px) {
.home-daniu-list .home-daniu-date { margin-top: 10px }
}
.home-daniu-list .home-daniu-date .date { font-size: 12px; line-height: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.home-daniu-list .buy-num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.home-daniu-list .buy-num .iconfont { font-size: 14px }
.home-daniu-list .buy-num .num { font-size: 12px; line-height: 20px }
@media (min-width:768px) {
.home-daniu-list .buy-num .num { margin-left: 3px }
}
@media (min-width:992px) {
.home-daniu-list .buy-num .num { margin-left: 5px }
}
@media (min-width:1200px) {
.home-daniu-list .buy-num .num { margin-left: 6px }
}
@media (min-width:768px) {
.home-daniuRe-list { margin-left: -12px }
}
@media (min-width:1200px) {
.home-daniuRe-list { margin-left: -20px }
}
.home-daniuRe-list .home-daniuRe-item { display: block; padding: 17px 10px; margin-top: 10px; background-color: #fff; text-align: center; border-radius: 6px }
@media (min-width:768px) {
.home-daniuRe-list .home-daniuRe-item { width: 116px; margin-left: 12px }
}
@media (min-width:992px) {
.home-daniuRe-list .home-daniuRe-item { width: 130px }
}
@media (min-width:1200px) {
.home-daniuRe-list .home-daniuRe-item { width: 130px; margin-left: 20px }
}
.home-daniuRe-list .home-daniuRe-item:hover { background-color: #027cdb }
.home-daniuRe-list .home-daniuRe-item:hover .intr, .home-daniuRe-list .home-daniuRe-item:hover .name { color: #fff }
.home-daniuRe-list .cover { display: block; width: 66px; height: 66px; padding: 1px; margin: 0 auto 10px; overflow: hidden; border: 1px solid #ced6dc; border-radius: 50% }
.home-daniuRe-list .name { position: relative; display: inline-block; max-width: 100%; height: 22px; padding-right: 20px; font-size: 14px; line-height: 22px; color: #525a67; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.home-daniuRe-list .name:before { position: absolute; top: 3px; right: 0; width: 16px; height: 16px; background: url("https://assets-cdn.lanqb.com/pc_users/identity-icon_coo.png") no-repeat 50%; background-size: 100% 100%; content: "" }
.home-daniuRe-list .intr { display: block; height: 18px; font-size: 12px; line-height: 18px; color: #b1bbc3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.home-course-list, .home-proClass-list, .home-works-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap }
@media (min-width:768px) {
.home-course-list, .home-proClass-list, .home-works-list { margin-top: 8px; margin-left: -12px }
}
@media (min-width:1200px) {
.home-course-list, .home-proClass-list, .home-works-list { margin-top: 0; margin-left: -20px }
}
.home-course-list .home-course-item { background-color: #fff; border-radius: 6px }
.home-course-list .home-course-item.border { border: 1px solid #eef3f5 }
.home-course-list .home-course-item.border .home-course-des { border-top: 1px solid #eef3f5 }
.home-course-list .home-course-item:hover, .home-proClass-list .home-proClass-item:hover, .home-works-list .home-works-item:hover { -ms-box-shadow: 0 10px 20px rgba(0,0,0,.1); -o-box-shadow: 0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); box-shadow: 0 10px 20px rgba(0,0,0,.1) }
.home-course-list .home-course-item:hover .home-course-cover .cover { -webkit-transform: scale(1.05); transform: scale(1.05) }
@media (min-width:768px) {
.home-course-list .home-course-item { width: 178px; margin-top: 12px; margin-left: 12px }
}
@media (min-width:992px) {
.home-course-list .home-course-item { width: 236px }
}
@media (min-width:1200px) {
.home-course-list .home-course-item { width: 280px; margin-top: 20px; margin-left: 20px }
}
.home-course-list .home-course-cover { position: relative; display: block; overflow: hidden; border-radius: 6px 6px 0 0 }
.home-course-list .home-course-cover .cover { width: 100%; height: 100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
@media (min-width:768px) {
.home-course-list .home-course-cover { height: 134px }
}
@media (min-width:992px) {
.home-course-list .home-course-cover { height: 177px }
}
@media (min-width:1200px) {
.home-course-list .home-course-cover { height: 210px }
}
.home-course-list .home-course-des { background-color: #fff; border-radius: 0 0 6px 6px }
@media (min-width:768px) {
.home-course-list .home-course-des { padding-top: 6px }
}
@media (min-width:992px) {
.home-course-list .home-course-des { padding-top: 8px }
}
@media (min-width:1200px) {
.home-course-list .home-course-des { padding-top: 10px }
}
.home-course-list h3 a { display: inline-block; max-width: 100%; height: 40px; font-weight: 700; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden }
.home-course-list h3 a:hover { color: #027cdb }
@media (min-width:768px) {
.home-course-list h3 { margin: 0 6px 6px }
.home-course-list h3 a { font-size: 12px }
}
@media (min-width:992px) {
.home-course-list h3 { margin: 0 8px 8px }
.home-course-list h3 a { font-size: 13px }
}
@media (min-width:1200px) {
.home-course-list h3 { margin: 0 10px 10px }
.home-course-list h3 a { font-size: 14px }
}
.home-course-list .home-course-price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
@media (min-width:768px) {
.home-course-list .home-course-price { margin-right: 6px; margin-left: 6px }
}
@media (min-width:992px) {
.home-course-list .home-course-price { margin-right: 8px; margin-left: 8px }
}
@media (min-width:1200px) {
.home-course-list .home-course-price { margin-right: 10px; margin-left: 10px }
}
.home-course-list .home-course-price.no-price .home-course-tags { width: 100% }
.home-course-list .home-course-price .free-nologin { height: 26px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.home-course-list .home-course-price .free-nologin em.price { color: #ff5900; font-size: 14px; line-height: 24px; border: 1px solid #ff5900; border-radius: 4px 0 0 4px }
.home-course-list .home-course-price .free-nologin em.price, .home-course-list .home-course-price .free-nologin em.wd { padding-right: 6px; padding-left: 6px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.home-course-list .home-course-price .free-nologin em.wd { min-width: 62px; font-size: 12px; line-height: 26px; color: #fff; background-color: #ff5900; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0 4px 4px 0 }
.home-course-list .home-course-tags { height: 20px; color: #87959f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.home-course-list .home-course-tags .tag { display: inline-block; font-size: 12px; line-height: 20px; color: #87959f; background-color: #f6f8fa; vertical-align: top; border-radius: 4px }
.home-course-list .home-course-tags .tag:hover { color: #fff; background-color: #87959f }
.home-course-list .home-course-tags .study-num { color: #b1b5b9 }
@media (min-width:768px) {
.home-course-list .home-course-tags { max-width: 112px }
.home-course-list .home-course-tags .tag { padding-right: 2px; padding-left: 2px }
.home-course-list .home-course-tags .tag+.tag { margin-left: 0 }
}
@media (min-width:992px) {
.home-course-list .home-course-tags { max-width: 162px }
.home-course-list .home-course-tags .tag { padding-right: 3px; padding-left: 3px }
}
@media (min-width:1200px) {
.home-course-list .home-course-tags { max-width: 192px }
.home-course-list .home-course-tags .tag { padding-right: 5px; padding-left: 5px }
.home-course-list .home-course-tags .tag+.tag { margin-left: 2px }
}
.home-course-list .price { line-height: 20px; font-size: 14px }
@media (min-width:768px) {
.home-course-list .price { font-size: 12px }
}
@media (min-width:992px) {
.home-course-list .price { font-size: 13px }
}
@media (min-width:1200px) {
.home-course-list .price { font-size: 14px }
}
.home-course-list .price.fee { color: #ff5900 }
.home-course-list .price.free { color: #0097e6 }
.home-course-list .authers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #f6f8fa }
.community-listv4 .authers .auther, .home-course-list .authers .auther { display: inline-block; max-width: 100%; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.community-listv4 .authers .auther:hover span, .home-course-list .authers .auther:hover span { color: #027cdb }
.community-listv4 .authers .auther .tea, .home-course-list .authers .tea { width: 24px; height: 24px; overflow: hidden; border-radius: 50% }
.community-listv4 .authers .auther span, .home-course-list .authers span { margin-left: 10px; font-size: 12px; line-height: 20px; color: #525a67; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
@media (min-width:768px) {
.home-course-list .authers { padding: 6px; margin-top: 10px }
}
@media (min-width:992px) {
.home-course-list .authers { padding: 8px; margin-top: 12px }
}
@media (min-width:1200px) {
.home-course-list .authers { padding: 10px; margin-top: 16px }
}
@media (min-width:768px) {
.home-proClass-list { margin-top: 8px; margin-left: -12px }
}
@media (min-width:1200px) {
.home-proClass-list { margin-top: 0; margin-left: -20px }
}
.home-proClass-list .home-proClass-item { background-color: #fff; border-radius: 6px }
@media (min-width:768px) {
.home-proClass-list .home-proClass-item { width: 178px; margin-top: 12px; margin-left: 12px }
}
@media (min-width:992px) {
.home-proClass-list .home-proClass-item { width: 236px }
}
@media (min-width:1200px) {
.home-proClass-list .home-proClass-item { width: 280px; margin-top: 20px; margin-left: 20px }
}
.home-proClass-list .home-proClass-cover { position: relative; display: block; overflow: hidden; border-radius: 6px 6px 0 0 }
.home-proClass-list .home-proClass-cover .cover { width: 100%; height: 100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
@media (min-width:768px) {
.home-proClass-list .home-proClass-cover { height: 113px }
}
@media (min-width:992px) {
.home-proClass-list .home-proClass-cover { height: 149px }
}
@media (min-width:1200px) {
.home-proClass-list .home-proClass-cover { height: 177px }
}
.home-proClass-list .home-proClass-des { background-color: #f6f8fa; border-radius: 0 0 6px 6px }
@media (min-width:768px) {
.home-proClass-list .home-proClass-des { padding: 6px }
}
@media (min-width:992px) {
.home-proClass-list .home-proClass-des { padding: 8px }
}
@media (min-width:1200px) {
.home-proClass-list .home-proClass-des { padding: 10px }
}
.home-proClass-list h3 a { display: inline-block; max-width: 100%; height: 22px; font-weight: 700; line-height: 22px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.home-proClass-list h3 a:hover { color: #027cdb }
@media (min-width:768px) {
.home-proClass-list h3 a { font-size: 14px }
}
@media (min-width:992px) {
.home-proClass-list h3 a { font-size: 15px }
}
@media (min-width:1200px) {
.home-proClass-list h3 a { font-size: 16px }
}
.home-proClass-list h3.name a { position: relative }
.home-proClass-list h3.name a:before { position: absolute; top: 1px; left: 0; width: 46px; margin-right: 6px; font-size: 12px; font-weight: 400; line-height: 20px; color: #fff; background-color: #ff5900; text-align: center; content: "\4E13\4E1A\73ED"; border-radius: 4px; -webkit-transform-origin: left center; transform-origin: left center }
@media (min-width:768px) {
.home-proClass-list h3.name a { padding-left: 42px }
.home-proClass-list h3.name a:before { -webkit-transform: scale(.8); transform: scale(.8) }
}
@media (min-width:1200px) {
.home-proClass-list h3.name a { padding-left: 52px }
.home-proClass-list h3.name a:before { -webkit-transform: scale(1); transform: scale(1) }
}
.home-proClass-list h3.course-type .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap }
.home-proClass-list h3.course-type img { width: 58px; height: 20px; margin-right: 4px }
@media (min-width:768px) {
.home-proClass-list h3.course-type img { width: 45px; height: 18px }
}
@media (min-width:992px) {
.home-proClass-list h3.course-type img { width: 48px; height: 19px }
}
@media (min-width:1200px) {
.home-proClass-list h3.course-type img { width: 50px; height: 20px }
}
.home-proClass-list h3.course-type span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.home-proClass-list .statistic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 8px; color: #87959f }
.home-proClass-list .statistic span { font-size: 12px; line-height: 18px }
.home-proClass-list .statistic .red { color: #ff5900 }
.home-proClass-list .teas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 6px 10px 10px; margin-top: 8px; background-color: #fff; border-radius: 6px }
.home-proClass-list .teas:before { width: 100%; padding-bottom: 6px; margin-bottom: 10px; font-size: 12px; font-weight: 500; line-height: 20px; color: #525a67; border-bottom: 1px solid #f6f8fa; content: "\4E3B\8BB2\8001\5E08" }
.home-proClass-list .teas .tea { position: relative; display: block; width: 40px; height: 40px }
.home-proClass-list .teas .tea img { position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; width: 100%; height: 100%; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50% }
.home-proClass-list .teas .tea.n1 { margin-right: 10px }
@media (min-width:768px) {
.home-proClass-list .teas .tea.n1~.tea-des { width: 96px }
}
@media (min-width:992px) {
.home-proClass-list .teas .tea.n1~.tea-des { width: 150px }
}
@media (min-width:1200px) {
.home-proClass-list .teas .tea.n1~.tea-des { width: 190px }
}
.home-proClass-list .teas .tea.n2 { margin-right: 22px }
.home-proClass-list .teas .tea.n2 img:nth-child(2) { left: 12px; z-index: 0 }
@media (min-width:768px) {
.home-proClass-list .teas .tea.n2~.tea-des { width: 178px }
}
@media (min-width:992px) {
.home-proClass-list .teas .tea.n2~.tea-des { width: 178px }
}
@media (min-width:1200px) {
.home-proClass-list .teas .tea.n2~.tea-des { width: 178px }
}
.home-proClass-list .teas .tea.n3 { margin-right: 34px }
.home-proClass-list .teas .tea.n3 img:nth-child(2) { left: 12px; z-index: 1 }
.home-proClass-list .teas .tea.n3 img:nth-child(3) { left: 24px; z-index: 0 }
@media (min-width:768px) {
.home-proClass-list .teas .tea.n3~.tea-des { width: 72px }
}
@media (min-width:992px) {
.home-proClass-list .teas .tea.n3~.tea-des { width: 126px }
}
@media (min-width:1200px) {
.home-proClass-list .teas .tea.n3~.tea-des { width: 166px }
}
.home-proClass-list .teas .tea-des h5 { display: inline-block; max-width: 100%; height: 22px; line-height: 22px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box }
.home-proClass-list .teas .tea-des h5.name { position: relative; padding-right: 18px }
.home-proClass-list .teas .tea-des h5.name:after { position: absolute; top: 3px; right: 0; width: 16px; height: 16px; background: url("https://assets-cdn.lanqb.com/pc_users/identity-icon_coo.png") no-repeat 50%; background-size: 100% 100%; content: "" }
.home-proClass-list .teas .tea-des h5.name a:hover { color: #027cdb }
@media (min-width:768px) {
.home-proClass-list .teas .tea-des h5.name { font-size: 13px }
}
@media (min-width:992px) {
.home-proClass-list .teas .tea-des h5.name { font-size: 14px }
}
@media (min-width:1200px) {
.home-proClass-list .teas .tea-des h5.name { font-size: 16px }
}
.home-proClass-list .teas .tea-des p { font-size: 12px; line-height: 18px; color: #87959f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
@media (min-width:768px) {
.home-works-list { margin-top: 8px; margin-left: -8px }
}
@media (min-width:992px) {
.home-works-list { margin-left: -11px }
}
@media (min-width:1200px) {
.home-works-list { margin-top: 0; margin-left: -20px }
}
.home-works-list .home-works-item { background-color: #fff; border-radius: 6px }
@media (min-width:768px) {
.home-works-list .home-works-item { width: 142px; margin-top: 12px; margin-left: 9px }
}
@media (min-width:992px) {
.home-works-list .home-works-item { width: 186px; margin-left: 12px }
}
@media (min-width:1200px) {
.home-works-list .home-works-item { width: 220px; margin-top: 20px; margin-left: 20px }
}
.home-works-list .home-works-cover { position: relative; display: block; overflow: hidden; cursor: pointer; border-radius: 6px 6px 0 0 }
.home-works-list .home-works-cover .cover { width: 100%; height: 100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.home-works-list .home-works-cover .tag { position: absolute; top: 6px; left: 6px; padding-right: 8px; font-size: 12px; line-height: 27px; color: #fff; background-color: rgba(0,0,0,.4); border-radius: 6px }
.home-works-list .home-works-cover .tag:before { position: absolute; top: 3px; width: 22px; height: 29px; background: url("https://assets-cdn.lanqb.com/imgv4/icon/icon-work.png") no-repeat 50%; background-size: 100% 100%; content: "" }
@media (min-width:768px) {
.home-works-list .home-works-cover { height: 107px }
.home-works-list .home-works-cover .tag { padding-left: 28px }
.home-works-list .home-works-cover .tag:before { left: 2px }
}
@media (min-width:992px) {
.home-works-list .home-works-cover { height: 140px }
}
@media (min-width:1200px) {
.home-works-list .home-works-cover { height: 165px }
.home-works-list .home-works-cover .tag { padding-left: 36px }
.home-works-list .home-works-cover .tag:before { left: 8px }
}
.home-works-list .home-works-des { border-radius: 0 0 6px 6px }
@media (min-width:768px) {
.home-works-list .home-works-des { padding: 6px }
}
@media (min-width:992px) {
.home-works-list .home-works-des { padding: 8px }
}
@media (min-width:1200px) {
.home-works-list .home-works-des { padding: 10px }
}
.home-works-list .auther { display: inline-block; vertical-align: top; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.home-works-list .auther .tea { width: 24px; height: 24px; overflow: hidden; border-radius: 50% }
.home-works-list .auther span { line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
@media (min-width:768px) {
.home-works-list .auther span { margin-left: 2px; font-size: 12px }
}
@media (min-width:992px) {
.home-works-list .auther span { margin-left: 6px; font-size: 13px }
}
@media (min-width:1200px) {
.home-works-list .auther span { margin-left: 10px; font-size: 14px }
}
.home-works-list .auther .identity-img { width: 14px; height: 14px; margin-left: 4px }
.home-works-list .auther:hover span { color: #027cdb }
.home-works-list .prof-name { display: block; padding-right: 10px; padding-left: 10px; margin-top: 10px; margin-bottom: 5px; font-size: 12px; color: #525a67; background-color: #f6f8fa; text-align: center; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 20px }
.home-works-list .prof-name:hover { color: #fff; background-color: #525a67 }
@media (min-width:768px) {
.home-works-list .prof-name { line-height: 28px }
}
@media (min-width:992px) {
.home-works-list .prof-name { line-height: 30px }
}
@media (min-width:1200px) {
.home-works-list .prof-name { line-height: 33px }
}
.home-works-list~.p-banner { margin-top: 40px; border-radius: 6px }
.home-proClass-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; background-color: rgba(33,43,52,.3); -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.home-proClass-modal .proClass-con { position: absolute; top: 50%; left: 50%; width: 400px; height: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) }
.home-proClass-modal .proClass-con .proClass-close { position: absolute; top: 16px; right: 16px; z-index: 1; font-size: 14px; line-height: 1; color: #87959f; cursor: pointer }
.home-proClass-modal .proClass-con .proClass-close:hover { color: #525a67 }
.home-proClass-modal .proClass-con h2 { margin-top: 25px; margin-bottom: 54px; font-size: 26px; line-height: 42px }
.home-proClass-modal .proClass-con h3 .iconfont { font-size: 70px; line-height: 1; color: #73b2fc }
.home-proClass-modal .proClass-con .proClass-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.home-proClass-modal .proClass-con .proClass-btns .btn { width: 150px; height: 40px; font-size: 14px; line-height: 38px }
.home-proClass-modal .proClass-con .proClass-btns .btn+.btn { margin-left: 20px }
.home-proClass-modal .proClass-con .proClass-btns .btn.btn-bdgray { color: #87959f }
.home-proClass-modal .proClass-con .proClass-btns .btn.btn-bdgray:hover { color: #525a67; border-color: #87959f }
.result-highlight { color: #027cdb }
.home-title.v230607 { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.home-title.v230607 .flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.home-title.v230607 .home-title-h2 { white-space: nowrap }
.home-title.v230607 .home-title-h2:before { width: 26px; height: 26px; margin-right: 10px; background-repeat: no-repeat; background-position: 50%; background-size: 26px 26px; content: "" }
.home-title.v230607 .home-title-h2.dachu:before { background-image: url("https://assets-cdn.lanqb.com/home/230607/h-dachu.png") }
.home-title.v230607 .home-title-h2.school:before { background-image: url("https://assets-cdn.lanqb.com/home/230607/h-school.png") }
.home-title.v230607 .home-title-h2.course:before { background-image: url("https://assets-cdn.lanqb.com/home/230607/h-course.jpg") }
.home-title.v230607 .home-title-h2.community:before { background-image: url("https://assets-cdn.lanqb.com/home/230607/h-community.png") }
.home-title.v230607 .home-title-h2.news:before { background-image: url("https://assets-cdn.lanqb.com/home/230607/h-news.png") }
.home-title.v230607 .hd-title-category { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap }
.home-title.v230607 .hd-title-category a { font-weight: 400; line-height: 20px; color: #87959f; white-space: nowrap }
.home-title.v230607 .hd-title-category a:hover { color: #357cd4 }
.home-title.v230607 .hd-title-category a.active { font-weight: 500; color: #357cd4 }
@media (min-width:768px) {
.home-title.v230607 .hd-title-category { margin-left: 20px }
.home-title.v230607 .hd-title-category a { margin-right: 12px; font-size: 12px }
}
@media (min-width:992px) {
.home-title.v230607 .hd-title-category { margin-left: 35px }
.home-title.v230607 .hd-title-category a { margin-right: 20px; font-size: 14px }
}
@media (min-width:1200px) {
.home-title.v230607 .hd-title-category { margin-left: 50px }
.home-title.v230607 .hd-title-category a { margin-right: 30px }
}
.schoolHome-banner.v230607 { float: left; overflow: hidden }
.schoolHome-banner.v230607 .banner-img { position: relative; display: block; width: 100%; height: 100% }
.schoolHome-banner.v230607 .banner-img img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
@media (min-width:768px) {
.schoolHome-banner.v230607 { width: 178px; height: 247px; border-radius: 4px }
.schoolHome-banner.v230607 .banner-img img { width: 178px; height: 247px }
}
@media (min-width:992px) {
.schoolHome-banner.v230607 { width: 236px; height: 327px; border-radius: 5px }
.schoolHome-banner.v230607 .banner-img img { width: 236px; height: 327px }
}
@media (min-width:1200px) {
.schoolHome-banner.v230607 { width: 280px; height: 388px; border-radius: 6px }
.schoolHome-banner.v230607 .banner-img img { width: 280px; height: 388px }
}
.home-top-banner.v230607 { padding-top: 20px; padding-bottom: 20px }
.home-top-banner.v230607 .banner-img { display: block; overflow: hidden; background-color: #f6f8fa }
.home-top-banner.v230607 .banner-img img { width: 100%; height: 100% }
.home-top-banner.v230607 .home-top-banner-top { width: 100%; overflow: hidden }
.home-top-banner.v230607 .home-top-banner-tl { position: relative; float: left; overflow: hidden }
.home-top-banner.v230607 .home-top-banner-tl .banner-img { width: 100%; height: 100% }
.home-top-banner.v230607 .home-top-banner-tl .hd-pagination { position: absolute; bottom: 16px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.home-top-banner.v230607 .home-top-banner-tl .hd-pagination .swiper-pagination-bullet { opacity: .3; background: #fff }
.home-top-banner.v230607 .home-top-banner-tl .hd-pagination .swiper-pagination-bullet-active { opacity: 1; background: #fff }
.home-top-banner.v230607 .home-top-banner-tl .hd-banner-pg { position: absolute; top: 50%; z-index: 1; width: 34px; height: 34px; margin-top: -17px; overflow: hidden; background: rgba(0,0,0,.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border-radius: 50% }
.home-top-banner.v230607 .home-top-banner-tl .hd-banner-pg, .home-top-banner.v230607 .home-top-banner-tl .hd-banner-pg:after { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.home-top-banner.v230607 .home-top-banner-tl .hd-banner-pg:after { display: block; width: 10px; height: 10px; border-style: solid; border-color: #fff; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.home-top-banner.v230607 .home-top-banner-tl .hd-banner-pg.prev { left: 18px }
.home-top-banner.v230607 .home-top-banner-tl .hd-banner-pg.prev:after { margin-left: 13px; border-width: 0 0 2px 2px }
.home-top-banner.v230607 .home-top-banner-tl .hd-banner-pg.next { right: 18px }
.home-top-banner.v230607 .home-top-banner-tl .hd-banner-pg.next:after { margin-left: 9px; border-width: 2px 2px 0 0 }
.home-top-banner.v230607 .home-top-banner-tl .hd-banner-pg:hover { background: rgba(0,0,0,.8) }
.home-top-banner.v230607 .home-top-banner-tl .hd-banner-pg:hover:after { border-color: #027cdb }
.home-top-banner.v230607 .home-top-banner-tm { float: right }
.home-top-banner.v230607 .home-top-banner-tm .banner-img { width: 100%; height: 100% }
.home-top-banner.v230607 .home-top-banner-tr { float: right }
.home-top-banner.v230607 .home-top-banner-tr .banner-img { width: 100% }
.home-top-banner.v230607 .home-top-banner-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.home-top-banner.v230607 .home-top-banner-tl.default, .home-top-banner.v230607 .home-top-banner-tm.default { overflow: hidden; background-color: #e8f0f3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.home-top-banner.v230607 .home-top-banner-tl.default img, .home-top-banner.v230607 .home-top-banner-tm.default img { max-width: 100%; max-height: 100% }
@media (min-width:768px) {
.home-top-banner.v230607 .banner-img { border-radius: 4px }
.home-top-banner.v230607 .home-top-banner-tl { width: 431px; height: 222px; margin-right: 7px }
.home-top-banner.v230607 .home-top-banner-tm { width: 161px; height: 222px }
.home-top-banner.v230607 .home-top-banner-tr { width: 142px; height: 222px; margin-left: 7px }
.home-top-banner.v230607 .home-top-banner-tr .banner-img { height: 107px }
.home-top-banner.v230607 .home-top-banner-tr .banner-img+.banner-img { margin-top: 8px }
.home-top-banner.v230607 .home-top-banner-bottom { margin-top: 8px; margin-right: -8px }
.home-top-banner.v230607 .home-top-banner-bottom .banner-img { width: 181px; height: 72px; margin-right: 8px }
.home-top-banner.v230607 .home-top-banner-tl.default, .home-top-banner.v230607 .home-top-banner-tm.default { border-radius: 4px }
}
@media (min-width:992px) {
.home-top-banner.v230607 .banner-img { border-radius: 5px }
.home-top-banner.v230607 .home-top-banner-tl { width: 567px; height: 292px; margin-right: 7px }
.home-top-banner.v230607 .home-top-banner-tm { width: 212px; height: 292px }
.home-top-banner.v230607 .home-top-banner-tr { width: 187px; height: 292px; margin-left: 7px }
.home-top-banner.v230607 .home-top-banner-tr .banner-img { height: 141px }
.home-top-banner.v230607 .home-top-banner-tr .banner-img+.banner-img { margin-top: 10px }
.home-top-banner.v230607 .home-top-banner-bottom { margin-right: -16px }
.home-top-banner.v230607 .home-top-banner-bottom .banner-img { width: 233px; height: 93px; margin-right: 16px }
.home-top-banner.v230607 .home-top-banner-tl.default, .home-top-banner.v230607 .home-top-banner-tm.default { border-radius: 5px }
}
@media (min-width:1200px) {
.home-top-banner.v230607 .banner-img { border-radius: 6px }
.home-top-banner.v230607 .home-top-banner-tl { width: 680px; height: 350px; margin-right: 10px }
.home-top-banner.v230607 .home-top-banner-tm { width: 254px; height: 350px }
.home-top-banner.v230607 .home-top-banner-tr { width: 226px; height: 350px; margin-left: 10px }
.home-top-banner.v230607 .home-top-banner-tr .banner-img { height: 170px }
.home-top-banner.v230607 .home-top-banner-bottom { margin-top: 20px; margin-right: -20px }
.home-top-banner.v230607 .home-top-banner-bottom .banner-img { width: 280px; height: 112px; margin-right: 20px }
.home-top-banner.v230607 .home-top-banner-tl.default, .home-top-banner.v230607 .home-top-banner-tm.default { border-radius: 6px }
}
.home-daniu.v230607 { padding-bottom: 40px; margin-bottom: 0 }
.home-proClass.v230607 { padding-bottom: 20px }
.home-proClass.v230607, .home-proClass.v230607 .course-list { margin-bottom: 0 }
.home-proClass.v230607 .course-list__item { background-color: #f6f8fa }
.home-proClass.v230607 .course-list__item .tags-list .tag { background-color: #fff }
.home-proClass.v230607 .course-list__item .base-info { border-bottom-color: #eef3f5 }
@media (min-width:768px) {
.home-proClass.v230607 .schoolHome-banner { margin-bottom: 12px; margin-left: 12px }
.home-proClass.v230607 .course-list { margin-left: -12px }
.home-proClass.v230607 .course-list__item { width: 178px; margin-left: 12px; margin-bottom: 12px }
.home-proClass.v230607 .course-list__item .cover { height: 113px }
}
@media (min-width:992px) {
.home-proClass.v230607 .course-list__item { width: 236px }
.home-proClass.v230607 .course-list__item .cover { height: 149px }
}
@media (min-width:1200px) {
.home-proClass.v230607 .schoolHome-banner { margin-bottom: 20px; margin-left: 20px }
.home-proClass.v230607 .course-list { margin-left: -20px }
.home-proClass.v230607 .course-list__item { width: 280px; margin-left: 20px; margin-bottom: 20px }
.home-proClass.v230607 .course-list__item .cover { height: 177px }
}
.home-courses.v230607 .home-course-tags-list { height: 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex }
.home-courses.v230607 .home-course-tags-list .tag { padding: 0 5px; font-size: 12px; line-height: 20px; color: #87959f; background-color: #f6f8fa; border-radius: 4px }
.home-courses.v230607 .home-course-tags-list .tag+.tag { margin-left: 6px }
.home-courses.v230607 .home-course-tags-list .tag:hover { color: #fff; background-color: #87959f }
@media (min-width:768px) {
.home-courses.v230607 .schoolHome-banner { margin-top: 12px; margin-left: 12px }
.home-courses.v230607 .home-course-tags-list { width: 166px; margin: 0 6px 6px }
.home-courses.v230607 .home-course-list h3 a { height: 20px; -webkit-line-clamp: 1 }
}
@media (min-width:992px) {
.home-courses.v230607 .home-course-tags-list { width: 220px; margin: 0 8px 8px }
}
@media (min-width:1200px) {
.home-courses.v230607 .schoolHome-banner { margin-top: 20px; margin-left: 20px }
.home-courses.v230607 .home-course-tags-list { width: 260px; margin: 0 10px 10px }
.home-courses.v230607 .home-course-list h3 a { height: 40px; -webkit-line-clamp: 2 }
}
.home-works.v230607 { padding-bottom: 20px; margin-bottom: 0 }
.hd-news.v230607 .hd-newsList li+li { padding-top: 0; border-top: none }
.hd-news.v230607 .hd-newsList li h3 { font-size: 18px; line-height: 25px }
.hd-news.v230607 .hd-newsList li p { height: 16px; font-size: 12px; line-height: 16px }
@media (min-width:768px) {
.hd-news.v230607 .schoolHome-banner { margin-right: 12px }
.hd-news.v230607 .hd-newsList { width: 308px }
.hd-news.v230607 .hd-newsList li+li { margin-top: 8px }
.hd-news.v230607 .hd-newsList li h3 { font-size: 15px }
.hd-news.v230607 .hd-newsList li .newsList-cover { width: 114px; height: 64px }
.hd-news.v230607 .hd-newsList li .newsList-des { width: 188px }
.hd-news.v230607 .hd-newsList02 { width: 220px }
.hd-news.v230607 .hd-newsList02 li+li { margin-top: 8px }
}
@media (min-width:992px) {
.hd-news.v230607 .hd-newsList { width: 452px }
.hd-news.v230607 .hd-newsList li+li { margin-top: 10px }
.hd-news.v230607 .hd-newsList li h3 { font-size: 16px }
.hd-news.v230607 .hd-newsList li .newsList-cover { width: 132px; height: 74px }
.hd-news.v230607 .hd-newsList li .newsList-des { width: 312px }
.hd-news.v230607 .hd-newsList02 { width: 242px }
.hd-news.v230607 .hd-newsList02 li+li { margin-top: 10px }
}
@media (min-width:1200px) {
.hd-news.v230607 .schoolHome-banner { margin-right: 20px }
.hd-news.v230607 .hd-newsList { width: 540px }
.hd-news.v230607 .hd-newsList li+li { margin-top: 16px }
.hd-news.v230607 .hd-newsList li h3 { font-size: 18px }
.hd-news.v230607 .hd-newsList li .newsList-cover { width: 152px; height: 85px }
.hd-news.v230607 .hd-newsList li .newsList-des { width: 374px }
.hd-news.v230607 .hd-newsList02 { width: 290px }
.hd-news.v230607 .hd-newsList02 li+li { margin-top: 22px }
}
.hd-sdes { padding-top: 40px; padding-bottom: 40px; background-color: #f1f3f5 }
.hd-sdes-list { margin-right: -20px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.hd-sdes-item, .hd-sdes-list { display: -webkit-box; display: -ms-flexbox; display: flex }
.hd-sdes-item { width: 220px; padding-top: 48px; padding-bottom: 48px; margin-right: 20px; background-color: #fff; border-radius: 6px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.hd-sdes-item:before { width: 46px; height: 46px; background-repeat: no-repeat; background-position: 50%; background-size: 46px 46px; content: "" }
.hd-sdes-item.t1:before { background-image: url("https://assets-cdn.lanqb.com/home/230607/h-g1.png") }
.hd-sdes-item.t2:before { background-image: url("https://assets-cdn.lanqb.com/home/230607/h-g2.png") }
.hd-sdes-item.t3:before { background-image: url("https://assets-cdn.lanqb.com/home/230607/h-g3.png") }
.hd-sdes-item.t4:before { background-image: url("https://assets-cdn.lanqb.com/home/230607/h-g4.png") }
.hd-sdes-item.t5:before { background-image: url("https://assets-cdn.lanqb.com/home/230607/h-g5.png") }
.hd-sdes-item h4 { margin-top: 32px; font-size: 18px; font-weight: 500; line-height: 24px }
.hd-sdes-item p { margin-top: 10px; font-size: 12px; font-weight: 400; line-height: 16px; color: #87959f; text-align: center }
@media (min-width:768px) {
.hd-sdes { padding-top: 24px; padding-bottom: 24px }
.hd-sdes-list { margin-right: -12px; margin-left: -2px }
.hd-sdes-item { width: 144px; padding-top: 16px; padding-bottom: 16px; margin-right: 8px; border-radius: 4px }
.hd-sdes-item:before { width: 40px; height: 40px; background-size: 40px 40px }
.hd-sdes-item h4 { margin-top: 10px; font-size: 14px }
.hd-sdes-item p { padding-right: 5px; padding-left: 5px; margin-top: 4px }
}
@media (min-width:992px) {
.hd-sdes { padding-top: 32px; padding-bottom: 32px }
.hd-sdes-list { margin-right: -16px; margin-left: 0 }
.hd-sdes-item { width: 183px; padding-top: 38px; padding-bottom: 38px; margin-right: 16px; border-radius: 5px }
.hd-sdes-item:before { width: 44px; height: 44px; background-size: 44px 44px }
.hd-sdes-item h4 { margin-top: 20px; font-size: 16px }
.hd-sdes-item p { padding-right: 12px; padding-left: 12px; margin-top: 8px }
}
@media (min-width:1200px) {
.hd-sdes { padding-top: 40px; padding-bottom: 40px }
.hd-sdes-list { margin-right: -20px }
.hd-sdes-item { width: 220px; padding-top: 48px; padding-bottom: 48px; margin-right: 20px; border-radius: 6px }
.hd-sdes-item:before { width: 46px; height: 46px; background-size: 46px 46px }
.hd-sdes-item h4 { margin-top: 32px; font-size: 18px }
.hd-sdes-item p { padding-right: 0; padding-left: 0; margin-top: 10px }
.hd-sdes-item p span { display: block }
}
.payment-title h4 { margin: 10px 0; font-size: 18px; line-height: 25px; color: #212b34 }
.payment-title em { font-size: 14px; line-height: 20px; color: #87959f }
.payment-con { border: 1px solid #eef3f5 }
.payment-con .ws114 { width: 114px }
.payment-con .ws132 { width: 132px }
.payment-con .ws372 { width: 372px }
.payment-con .payment-price, .payment-con .payment-sale-price-o { font-size: 18px; line-height: 25px; color: #525a67 }
.payment-con .payment-sale-price { font-size: 24px; line-height: 33px }
.payment-th { display: table; width: 100%; height: 40px; color: #525a67; background-color: #cee4fe; text-align: center }
.payment-th span { display: table-cell; padding: 10px; font-size: 14px; line-height: 20px }
.payment-course { display: table; width: 100%; text-align: center }
.payment-course .payment-td { display: table-cell; padding: 20px; vertical-align: middle }
.payment-course .payment-course-info { display: table; width: 100%; text-align: left }
.payment-course .payment-course-info img { width: 135px; margin-right: 20px; background-color: #e3e9ef }
.payment-course .payment-course-info h4 { display: table-cell; font-size: 18px; line-height: 25px; vertical-align: middle }
.payment-course .payment-price { text-decoration: line-through }
.payment-pays { padding: 20px 20px 40px; border-top: 1px solid #e3e9ef }
.payment-pays h5 { font-size: 12px; line-height: 1.5 }
.payment-pays.no-discount .payment-pays-coupon { display: none }
.payment-pays.no-discount .payment-pays-con { margin-top: 70px }
.payment-pays-coupon { margin-bottom: 40px }
.payment-pays-coupon h5 { color: #525a67 }
.payment-pays-coupon.unpaid .payment-pays-coupon-list li { pointer-events: none; cursor: default }
.payment-pays-coupon.unpaid .payment-pays-coupon-list li.active>.iconfont { right: 4px }
.payment-pays-coupon.unpaid .payment-pays-coupon-list li.active>.iconfont:before { content: "\E61D" }
.payment-pays-coupon.unpaid .payment-pays-coupon-list .payment-pays-coupon-item { opacity: .5 }
.payment-pays-coupon-list { padding-left: 10px }
.payment-pays-coupon-list li { position: relative; float: left; width: 220px; padding: 10px; margin-top: 20px; margin-right: 20px; overflow: hidden; background-color: #fff; border: 1px solid #e3e9ef; cursor: pointer; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.payment-pays-coupon-list li, .payment-pays-coupon-list li:before { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.payment-pays-coupon-list li:before { position: absolute; top: -1px; right: -1px; z-index: -1; width: 0; height: 0; border-top: 36px solid #ff8407; border-left: 36px solid transparent; content: ""; opacity: 0 }
.payment-pays-coupon-list li>.iconfont { position: absolute; z-index: 2; color: #fff }
.payment-pays-coupon-list li.reduce .payment-pays-coupon-item { color: #fff; background-color: #5b7efe }
.payment-pays-coupon-list li.reduce .payment-pays-coupon-item .payment-pays-coupon-price .payment-pays-coupon-left em { margin-right: 4px }
.payment-pays-coupon-list li.discount .payment-pays-coupon-item { color: #fff; background-color: #ff585f }
.payment-pays-coupon-list li.discount .payment-pays-coupon-item .payment-pays-coupon-price .payment-pays-coupon-left em { margin-left: 4px }
.payment-pays-coupon-list li.active, .payment-pays-coupon-list li:hover { border-color: #ff8407 }
.payment-pays-coupon-list li.active:before { opacity: 1; z-index: 1 }
.payment-pays-coupon-list li.active>.iconfont { top: 2px; right: 0; font-size: 12px; -webkit-transform: scale(.8); transform: scale(.8) }
.payment-pays-coupon-list li.active>.iconfont:before { content: "\E700" }
.payment-pays-coupon-list .payment-pays-coupon-item { color: #87959f; background: #eef3f5 url("https://assets-cdn.lanqb.com/coupon/quan1.png") no-repeat 100% 0; background-size: 53px auto; border-radius: 4px }
.payment-pays-coupon-list .payment-pays-coupon-price { position: relative; padding: 14px 10px 12px; border-bottom: 1px dashed rgba(227,233,239,.32) }
.payment-pays-coupon-list .payment-pays-coupon-price:after, .payment-pays-coupon-list .payment-pays-coupon-price:before { position: absolute; bottom: -8px; z-index: 1; width: 8px; height: 15px; background-color: #fff; content: "" }
.payment-pays-coupon-list .payment-pays-coupon-price:before { left: 0; border-radius: 0 100% 100% 0/50% }
.payment-pays-coupon-list .payment-pays-coupon-price:after { right: 0; border-radius: 100% 0 0 100%/50% }
.payment-pays-coupon-list .payment-pays-coupon-price>div>span { display: inline-block; vertical-align: top }
.payment-pays-coupon-list .payment-pays-coupon-price>div>span em { display: inline-block; margin-top: 12px; font-size: 14px; line-height: 20px; vertical-align: top }
.payment-pays-coupon-list .payment-pays-coupon-price .payment-pays-coupon-left { float: left; font-size: 30px; line-height: 35px }
.payment-pays-coupon-list .payment-pays-coupon-price .payment-pays-coupon-right { float: right; font-size: 12px; line-height: 1.5; color: hsla(0,0%,100%,.8) }
.payment-pays-coupon-list .payment-pays-coupon-date { padding: 10px 13px; font-size: 12px; line-height: 1.5 }
.payment-pays-con { display: table; width: 100% }
.payment-pays-con .payment-pays-instructions { float: left; display: table-cell; padding-bottom: 50px; padding-left: 10px; color: #87959f }
.payment-pays-con .payment-pays-instructions h5 { margin-bottom: 10px }
.payment-pays-con .payment-pays-instructions p { position: relative; padding-left: 12px; font-size: 12px; line-height: 20px }
.payment-pays-con .payment-pays-instructions p:before { position: absolute; top: 7px; left: 0; width: 5px; height: 5px; background-color: #e3e9ef; content: ""; border-radius: 100px }
.payment-pays-con .payment-pays-tips { float: left; color: #87959f; line-height: 20px }
.payment-pays-con .payment-pays-tips a { color: #87959f }
.payment-pays-con .payment-pays-prices { float: right; display: table-cell; text-align: right }
.payment-pays-con .payment-pays-prices h4 { color: #87959f }
.payment-pays-con .payment-pays-prices h4 em { display: inline-block; width: 90px; font-size: 14px; vertical-align: top }
.payment-pays-con .payment-pays-prices h4 span { display: inline-block; width: 73px; vertical-align: top }
.payment-pays-con .payment-pays-prices h4.payment-pays-discount-amount { margin-bottom: 10px }
.payment-pays-con .payment-pays-prices h4.payment-pays-discount-amount em { line-height: 25px }
.payment-pays-con .payment-pays-prices h4.payment-pays-sales em { line-height: 33px }
.payment-pays-con .payment-pays-prices .payment-sale-price { color: #ff5900 }
.payment-pays-con .payment-pays-prices .payment-pays-btns { margin-top: 30px }
.payment-pays-con .payment-pays-prices .payment-pays-btns .payment-pays-protocol { display: inline-block; margin-right: 10px; font-size: 12px; line-height: 17px; vertical-align: bottom; color: #525a67 }
.payment-pays-con .payment-pays-prices .payment-pays-btns .payment-pays-protocol .iconfont { margin-right: 2px; font-size: 14px; vertical-align: middle; color: #ced6dc; cursor: pointer }
.payment-pays-con .payment-pays-prices .payment-pays-btns .payment-pays-protocol .iconfont.active-choose { color: #027cdb }
.payment-pays-con .payment-pays-prices .payment-pays-btns .payment-pays-protocol a { color: #027cdb; cursor: pointer }
.payment-pays-con .payment-pays-prices .payment-pays-btns .payment-pays-paid { display: inline-block; margin-top: 2px; margin-right: 6px; font-size: 12px; line-height: 1.5; color: #ff8407; vertical-align: top }
.payment-pays-con .payment-pays-prices .payment-submit { width: auto; min-width: 120px; height: 40px; padding-right: 8px; padding-left: 8px }
.payment-pays-con .payment-pays-prices .payment-submit.disabled { pointer-events: none; background: #c7ced4 }
.payment-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 15; background-color: rgba(0,0,0,.5) }
.payment-modal .payment-modal-con { position: fixed; top: 50%; left: 50%; z-index: 2; width: 580px; margin-top: -260px; margin-left: -290px; background-color: #fff; border-radius: 5px }
.payment-modal .payment-modal-con .pay-modal-close { position: absolute; display: inline-block; top: 16px; right: 16px; cursor: pointer; z-index: 2; color: #87959f }
.payment-modal .payment-modal-con .pay-modal-close i { font-size: 14px }
.payment-modal .payment-modal-con .pay-modal-close:hover { background-color: hsla(0,0%,100%,.9) }
.payment-modal .payment-modal-pay { padding: 40px 40px 68px }
.payment-modal .payment-modal-pay h5 { margin-top: 20px; margin-bottom: 30px; font-size: 14px; line-height: 20px; letter-spacing: -.8px; color: #525a67 }
.payment-modal .payment-modal-pay h5 em { display: inline-block; font-size: 12px; line-height: 20px; color: #87959f; vertical-align: top }
.payment-modal .payment-modal-price { padding-top: 20px; padding-bottom: 20px; color: #525a67; border-bottom: 1px solid #eef3f5 }
.payment-modal .payment-modal-price em { margin-top: 15px; font-size: 14px; line-height: 20px }
.payment-modal .payment-modal-price em, .payment-modal .payment-modal-price span { display: inline-block; vertical-align: top }
.payment-modal .payment-modal-price span.payment-modal-sale-price { margin-left: 20px; font-size: 36px; line-height: 50px; color: #ff5900 }
.payment-modal .payment-methods { margin-bottom: 30px; margin-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -ms-flex-wrap: wrap; flex-wrap: wrap }
.payment-modal .payment-methods li { width: 120px; padding-left: 20px; margin-right: 40px; margin-bottom: 40px; cursor: pointer; position: relative }
.payment-modal .payment-methods li:before { position: absolute; top: 18px; left: 0; width: 10px; height: 10px; margin-top: -5px; background-color: #fff; border: 1px solid #e3e9ef; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.payment-modal .payment-methods li .payment-methods-cover { display: block; width: 100% }
.payment-modal .payment-methods li .payment-methods-cover img { width: 100% }
.payment-modal .payment-methods li .payment-methods-cover .mianxi { width: 30px; position: absolute; right: -8px; top: -8px }
.payment-modal .payment-methods li .payment-methods-tips { position: absolute; bottom: -30px; width: 100%; left: 20px; font-size: 12px; color: #b1bbc3 }
.payment-modal .payment-methods li:hover:before { border-color: #027cdb }
.payment-modal .payment-methods li.active:before { border-color: #027cdb; background-color: #027cdb }
.payment-modal .payment-methods li.disabled { cursor: not-allowed }
.payment-modal .payment-methods li.disabled .payment-methods-cover { opacity: .4 }
.payment-modal .payment-methods li.disabled:before { border-color: #e4eaeb; background-color: #e4eaeb }
.payment-modal .payment-methods .periods-box { min-width: 170px; line-height: 32px; text-align: left; padding-left: 12px; border: 1px solid #e4eaeb; margin-top: 16px; white-space: nowrap }
.payment-modal .payment-methods .periods-box .periods-option { position: relative; padding-left: 14px; margin-right: 10px }
.payment-modal .payment-methods .periods-box .periods-option:before { position: absolute; top: 50%; left: 0; width: 10px; height: 10px; margin-top: -5px; background-color: #fff; border: 1px solid #e3e9ef; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.payment-modal .payment-methods .periods-box .periods-option:hover:before { border-color: #027cdb }
.payment-modal .payment-methods .periods-box .periods-option.active:before { border-color: #027cdb; background-color: #027cdb }
.payment-modal .payment-methods .periods-box .periods-tip { cursor: auto; color: #ff8407 }
.payment-modal .payment-methods .periods-box .periods-tip span { cursor: pointer; text-decoration: underline; color: #027cdb }
.payment-modal .payment-modal-btns { text-align: center }
.payment-modal .payment-modal-btns .payment-pay-submit { width: 440px; height: 50px; font-size: 18px; line-height: 48px }
.payment-modal .payment-modal-btns .payment-pay-submit.btn-bgblue.disabled { background-color: #c6ced5 }
.payment-weixin { padding-bottom: 104px; text-align: center }
.payment-weixin h5 { margin-top: 80px; margin-bottom: 10px; font-size: 18px }
.payment-weixin .payment-weixin-img { margin: 0 auto }
.payment-weixin .payment-weixin-img img { width: 100% }
.payment-weixin .payment-weixin-h6 { display: inline-block; text-align: left }
.payment-weixin .payment-weixin-h6 h6 { margin-top: 10px; font-size: 14px; line-height: 20px; color: #525a67 }
.payment-weixin .payment-weixin-h6 h6 span { color: #212b34 }
.payment-weixin .payment-weixin-h6 h6+p { margin-top: 20px }
.payment-weixin .payment-weixin-h6 p { line-height: 18px }
.payment-weixin .payment-weixin-h6 p strong { margin-right: 4px; color: #ed3f14 }
.payment-weixin .payment-weixin-go { margin-top: 30px }
.payment-weixin .payment-weixin-go a { font-size: 14px; color: #027cdb; text-decoration: underline }
.payment-ok { text-align: center }
.payment-ok .payment-ok-con { position: relative; padding-top: 30px; padding-bottom: 40px }
.payment-ok .payment-ok-con:before { position: absolute; bottom: -20px; right: -1px; left: -1px; z-index: 2; height: 39px; background: url("https://assets-cdn.lanqb.com/imgv3/image/payment/conbg.png") no-repeat 50%; background-size: 100% auto; content: "" }
.payment-ok .payment-ok-con .payment-ok-con-ok { width: 50px }
.payment-ok .payment-ok-con .payment-ok-coupon { width: 140px; margin-top: 10px; margin-bottom: 10px }
.payment-ok .payment-ok-con h3 { margin-top: 20px; font-size: 18px; line-height: 25px }
.payment-ok .payment-ok-con h5 { margin-bottom: 10px; color: #027cdb }
.payment-ok .payment-ok-con h5 a { margin-left: 10px; color: #027cdb; text-decoration: underline }
.payment-ok .payment-ok-con h6 { margin-top: 10px; margin-bottom: 10px; font-size: 12px; line-height: 1.5; color: #87959f }
.payment-ok .payment-ok-con h6 a { color: #027cdb; text-decoration: underline }
.payment-ok .payment-ok-course { position: relative; padding-top: 40px; padding-bottom: 32px }
.payment-ok .payment-ok-course .payment-ok-course-cover { width: 142px; height: 106px; margin-right: auto; margin-left: auto; margin-bottom: 30px }
.payment-ok .payment-ok-course .payment-ok-course-cover img { width: 100%; height: 100% }
.payment-ok .payment-ok-course .payment-ok-course-h4 { display: inline-block; text-align: left }
.payment-ok .payment-ok-course .payment-ok-course-h4 h4 { margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #525a67 }
.payment-ok .payment-ok-course .payment-ok-course-h4 h4 em { display: inline-block; text-align: right }
.payment-ok .payment-ok-course .payment-ok-course-h4 h4 em.ws85 { width: 85px }
.payment-ok .payment-ok-course .payment-ok-course-h4 h4 span { color: #212b34 }
.payment-ok .payment-ok-course .payment-ok-course-h4 h4 span.payment-ok-blue { color: #027cdb }
.payment-ok .payment-ok-course .payment-ok-course-h4 h4 span.payment-ok-price { color: #ff5900 }
.payment-ok .payment-ok-course .qrcode { position: absolute; right: 34px; bottom: 14px }
.payment-ok .payment-ok-course .qrcode img { width: 58px }
.payment-ok .payment-ok-course .qrcode p { color: #87959f; line-height: 18px; margin-top: 5px }
.payment-ok .payment-ok-downapp { position: absolute; right: 20px; bottom: 20px; z-index: 1; width: 130px; padding: 20px 10px 0; background-color: #fff; text-align: center; border-radius: 12px; -ms-box-shadow: 0 2px 8px hsla(0,0%,85%,.6); -o-box-shadow: 0 2px 8px hsla(0,0%,85%,.6); -webkit-box-shadow: 0 2px 8px hsla(0,0%,85%,.6); box-shadow: 0 2px 8px hsla(0,0%,85%,.6) }
.payment-ok .payment-ok-downapp .downapp-cover { position: relative; width: 90px; margin-right: auto; margin-left: auto }
.payment-ok .payment-ok-downapp .downapp-cover:after, .payment-ok .payment-ok-downapp .downapp-cover:before, .payment-ok .payment-ok-downapp .downapp-cover span:after, .payment-ok .payment-ok-downapp .downapp-cover span:before { position: absolute; width: 16px; height: 16px; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box }
.payment-ok .payment-ok-downapp .downapp-cover:before { top: 0; left: 0; border-top: 1px solid #e4e9eb; border-left: 1px solid #e4e9eb }
.payment-ok .payment-ok-downapp .downapp-cover:after { bottom: 0; right: 0; border-bottom: 1px solid #e4e9eb; border-right: 1px solid #e4e9eb }
.payment-ok .payment-ok-downapp .downapp-cover span { position: relative; display: block; width: 100%; padding: 4px }
.payment-ok .payment-ok-downapp .downapp-cover span:before { top: 0; right: 0; border-top: 1px solid #e4e9eb; border-right: 1px solid #e4e9eb }
.payment-ok .payment-ok-downapp .downapp-cover span:after { bottom: 0; left: 0; border-bottom: 1px solid #e4e9eb; border-left: 1px solid #e4e9eb }
.payment-ok .payment-ok-downapp .downapp-cover span img { width: 100% }
.payment-ok .payment-ok-downapp h6 { margin-top: 5px; margin-bottom: 12px; font-size: 12px; line-height: 1.5; color: #525a67 }
.payment-ok.payment-ok-soap { padding-top: 150px; padding-bottom: 150px }
.payment-ok.payment-ok-soap .payment-ok-con:before { display: none }
.video-payment .video-payment-tips { position: relative; padding: 26px 20px 24px; margin-top: 14px; background-color: #fff; border: 1px solid #e3e9ef; border-radius: 10px }
.video-payment .video-payment-tips h3 { position: absolute; top: -16px; left: 50%; z-index: 1; width: 100px; height: 31px; margin-left: -50px; color: #0097e6; background-color: #d4eafc; font-size: 14px; font-weight: 700; line-height: 31px; text-align: center; border-radius: 31px }
.video-payment .video-payment-tips h4 { margin-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 20px }
.video-payment .video-payment-tips p { font-size: 12px; line-height: 20px; color: #87959f; text-align: justify }
.video-payment .video-payment-tips p.video-payment-tips-orange { color: #f5a623 }
.video-payment .video-payment-tips p.video-payment-tips-orange a { color: #0097e6 }
.video-payment .video-payment-tips p.video-payment-tips-ptl { padding-top: 10px }
@media (min-width:768px) {
.video-payment .payment-con, .video-payment .video-payment-tips { width: 100% }
.video-payment .video-payment-tips { margin-top: 30px }
}
@media (min-width:992px) {
.video-payment .payment-con { float: left; width:calc(100% - 10px*27)
}
.video-payment .video-payment-tips { float: right; width: 250px; margin-top: 0 }
}
.payment-part .payment-part-course { padding: 20px }
.payment-part .payment-part-course h5 { display: inline-block; font-size: 12px; line-height: 30px; vertical-align: top }
.payment-part .payment-pays-con .payment-pays-prices h4 em { width: 112px }
.payment-part .payment-limit li { margin-top: 20px }
.payment-part .payment-limit em, .payment-part .payment-limit span { float: left; display: block }
.payment-part .payment-limit em { width: 88px; font-size: 12px; line-height: 35px; color: #87959f }
.payment-part .payment-limit span { width: 80px; height: 35px; font-size: 14px; line-height: 33px; text-align: center; color: #525a67; border: 1px solid #e3e9ef; cursor: pointer; border-radius: 4px; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.payment-part .payment-limit span+span { margin-left: 20px }
.payment-part .payment-limit span:hover { color: #212b34; border-color: rgba(82,90,103,.6) }
.payment-part .payment-limit span.active { color: #027cdb; border-color: #027cdb }
.payment-part .payment-other { margin-top: 20px }
.payment-part .payment-other>span { color: #87959f; line-height: 35px; display: inline-block; vertical-align: middle; cursor: pointer }
.payment-part .payment-other>span:before { content: ""; display: inline-block; height: 8px; width: 8px; border: 1px solid #e3e9ef; text-align: center; border-radius: 50%; margin-right: 10px }
.payment-part .payment-other>span.active:before { background: #027cdb }
.payment-part .payment-other>input { width: 100px; height: 35px; border-radius: 4px; border: 1px solid #e3e9ef; padding: 0 8px; margin-left: 5px }
.payment-part .payment-other>input.active { border-color: #027cdb }
.payment-part .payment-other>a { width: 60px; height: 35px; background: #e3e9ef; border-radius: 4px; display: inline-block; vertical-align: middle; color: #87959f; line-height: 35px; text-align: center; margin-left: 17px }
.payment-part .payment-other>a.disabled { pointer-events: none; cursor: not-allowed }
.payment-part .payment-other>a.active { background: #027cdb; color: #fff }
.payment-part .payment-other>a.active:hover { background-color: #73b2fc }
.payment-part .payment-other>a.active:active { background-color: #027cdb }
.payment-part .payment-tips { color: #ff5900; font-size: 12px; margin-top: 16px }
.payment-part .part-dropdown { position: relative; z-index: 5; display: inline-block; min-width: 150px; height: 30px; vertical-align: top }
.payment-part .part-dropdown .part-toggle { position: relative; display: block; width: 100%; height: 100%; padding-right: 20px; padding-left: 14px; font-size: 14px; line-height: 2; border: 1px solid #a5cdfd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; border-radius: 4px; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.payment-part .part-dropdown .part-toggle:after { position: absolute; top: 6px; right: 10px; width: 8px; height: 8px; border-bottom: 1px solid #87959f; border-left: 1px solid #87959f; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.payment-part .part-dropdown .part-menu { position: absolute; top: 100%; right: 0; left: 0; display: none; background-color: #fff; border-radius: 2px; -ms-box-shadow: 0 2px 4px rgba(0,0,0,.1); -o-box-shadow: 0 2px 4px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0,0,0,.1) }
.payment-part .part-dropdown .part-menu>li { position: relative; white-space: nowrap }
.payment-part .part-dropdown .part-menu>li+li { border-top: 1px solid #f6f8fa }
.payment-part .part-dropdown .part-menu>li span { display: block; padding: 5px 10px; font-size: 14px; line-height: 1.5; cursor: pointer }
.payment-part .part-dropdown .part-menu>li:hover span { background-color: #a5cdfd }
.payment-part .part-dropdown .part-menu>li:hover .part-submenu { display: block }
.payment-part .part-dropdown .part-menu .part-submenu { position: absolute; top: 0; left: 100%; display: none; min-width: 244px; background-color: rgba(165,205,253,.5); border-radius: 2px; -ms-box-shadow: 0 1px 4px rgba(165,205,253,.5); -o-box-shadow: 0 1px 4px rgba(165,205,253,.5); -webkit-box-shadow: 0 1px 4px rgba(165,205,253,.5); box-shadow: 0 1px 4px rgba(165,205,253,.5) }
.payment-part .part-dropdown .part-menu .part-submenu li+li { border-top: 1px solid #e3e9ef }
.payment-part .part-dropdown .part-menu .part-submenu li span { display: block; padding: 8px 15px 8px 18px; font-size: 12px; line-height: 1.25; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.payment-part .part-dropdown .part-menu .part-submenu li.active span, .payment-part .part-dropdown .part-menu .part-submenu li:hover span { color: #fff; background-color: #0097e6 }
.payment-part .part-dropdown.open .part-toggle:after { top: 10px; -webkit-transform: rotate(-225deg); transform: rotate(-225deg) }
.payment-part .part-dropdown.open .part-menu { display: block }
.swal-closeBtn { position: absolute; top: 16px; right: 16px; display: inline-block; cursor: pointer; z-index: 2; font-size: 14px; color: #87959f }
.soap-con { border: 1px solid #e3e9ef; margin-top: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex }
.soap-left { width: 20%; text-align: center; padding: 0 26px; position: relative }
.soap-left:after { content: ""; display: block; position: absolute; height: 100%; width: 0; top: 0; right: 0; border-left: 1px solid #e3e9ef }
.soap-left .soap-img { width: 80px; margin-top: 34px }
.soap-left .soap-name { font-size: 18px; margin-top: 22px; margin-bottom: 40px }
.soap-left p { font-size: 12px; color: #87959f; line-height: 22px; text-align: justify }
.soap-left p span { padding-left: 15px; position: relative; display: block }
.soap-left p span:after { content: ""; display: inline-block; position: absolute; width: 5px; height: 5px; background-color: #e3e9ef; border-radius: 100%; left: 0; top: 8px }
.soap-left a { margin-top: 30px; font-size: 12px; color: #027cdb; display: block }
.soap-left a .iconfont { margin-right: 10px; font-size: 12px }
.soap-right { width: 80%; padding: 0 140px 30px }
.soap-right .soap-title { margin-top: 30px }
.soap-right .soap-title h2 { font-size: 14px }
.soap-right .soap-title p { color: #87959f; font-size: 12px }
.soap-right .soap-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #e3e9ef }
.soap-right .soap-list li { width: 200px; height: 180px; border: 1px solid #e3e9ef; border-radius: 8px; padding: 0 22px 16px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; position: relative; overflow: hidden; cursor: pointer }
.soap-right .soap-list li .soap-size { margin: 46px 0; text-align: center }
.soap-right .soap-list li .soap-size img { width: 37px; display: inline-block; vertical-align: bottom }
.soap-right .soap-list li .soap-size span { color: #525a67; font-size: 28px; line-height: 34px; display: inline-block; margin-left: 10px }
.soap-right .soap-list li .soap-price { border-top: 1px dashed #e3e9ef; font-size: 18px; text-align: center; padding-top: 10px }
.soap-right .soap-list li .select { display: none; position: absolute; width: 71px; height: 71px; background-color: #027cdb; right: -35px; top: -35px; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.soap-right .soap-list li .select .iconfont { display: inline-block; color: #fff; font-size: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; bottom: 6px; left: 25px }
.soap-right .soap-list li:hover { border: 2px solid #027cdb; -webkit-box-shadow: 0 5px 10px 0 rgba(72,175,255,.35); box-shadow: 0 5px 10px 0 rgba(72,175,255,.35) }
.soap-right .soap-list li:hover .soap-price { color: #027cdb }
.soap-right .soap-list li.active { border: 2px solid #027cdb; -webkit-box-shadow: 0 5px 10px 0 rgba(72,175,255,.35); box-shadow: 0 5px 10px 0 rgba(72,175,255,.35) }
.soap-right .soap-list li.active .soap-price { color: #027cdb }
.soap-right .soap-list li.active .select { display: block }
.soap-right .soap-methods { margin-top: 20px }
.soap-right .soap-methods li { position: relative; float: left; width: 120px; padding-left: 20px; margin-right: 40px; margin-bottom: 40px; cursor: pointer }
.soap-right .soap-methods li:before { content: ""; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; margin-top: -5px; background-color: #fff; border: 1px solid #e3e9ef; border-radius: 50%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.soap-right .soap-methods li .soap-methods-cover { display: block; width: 100% }
.soap-right .soap-methods li img { width: 100% }
.soap-right .soap-methods li.active:before { border-color: #027cdb; background-color: #027cdb }
.soap-right .soap-btns { text-align: right }
.soap-right .soap-btns p { font-size: 14px; color: #87959f; line-height: 24px; margin-bottom: 25px }
.soap-right .soap-btns p em { font-size: 24px; color: #ff5900 }
.soap-right .soap-btns .soap-pay-submit.disabled { background-color: #b1bbc3 }
.installment-con .ins-title { font-size: 18px; line-height: 45px }
.installment-con .ins-title span { color: #b1bbc3; margin-left: 20px; font-size: 14px }
.installment-con .order-hd { background-color: rgba(2,124,219,.1) }
.installment-con .order-hd span { display: inline-block; font-size: 14px; line-height: 40px; text-align: center }
.installment-con .order-hd span:first-of-type { margin-left: 260px }
.installment-con .order-hd span:nth-of-type(2) { margin-right: 94px }
.installment-con .order-con { padding: 15px 20px 10px; border: 1px solid #e3e9ef }
.installment-con .goods-item { padding: 10px 0; border-top: 1px solid #e3e9ef }
.installment-con .goods-item:first-of-type { border-top: none }
.installment-con .goods-item .goods-col-l img { width: 140px; height: 105px }
.installment-con .goods-item .goods-col-c { width: 296px; margin-left: 20px; position: relative; height: 105px }
.installment-con .goods-item .goods-col-c h4 { font-size: 14px; width: 296px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 16px }
.installment-con .goods-item .goods-col-c p { color: #87959f; position: absolute; bottom: 15px }
.installment-con .goods-item .goods-col-r { height: 105px; font-size: 24px; margin-right: 50px; line-height: 105px }
.installment-con .pay-con { padding: 28px 20px 0 }
.installment-con .pay-item { margin-bottom: 40px }
.installment-con .pay-item h4 { font-size: 14px; font-weight: 700; color: #525a67 }
.installment-con .pay-item .total { font-size: 24px; line-height: 42px; margin-top: 20px; margin-left: 30px; color: #525a67 }
.installment-con .pay-item .zfje { margin-top: 20px; margin-left: 30px }
.installment-con .pay-item .zfje span { color: #87959f }
.installment-con .pay-item .zfje .pay-inp { width: 130px; height: 40px; border-radius: 4px; border: 1px solid #e3e9ef; margin-left: 10px; padding: 0 10px }
.installment-con .pay-item .zfje .pay-inp.blue-border { border-color: #027cdb }
.installment-con .pay-item .zfje em { color: #ff5900; margin-left: 10px }
.installment-con .pay-item .payment-methods { margin-left: 30px; margin-top: 22px }
.installment-con .pay-item .payment-methods li { position: relative; float: left; width: 120px; padding-left: 20px; margin-right: 40px; cursor: pointer }
.installment-con .pay-item .payment-methods li:before { position: absolute; top: 50%; left: 0; width: 10px; height: 10px; margin-top: -5px; background-color: #fff; border: 1px solid #e3e9ef; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.installment-con .pay-item .payment-methods li .payment-methods-cover { display: block; width: 100%; border: 1px solid #e3e9ef; border-radius: 4px }
.installment-con .pay-item .payment-methods li .payment-methods-cover img { width: 100% }
.installment-con .pay-item .payment-methods li.active .payment-methods-cover { border-color: #027cdb; border-radius: 4px; border-style: solid }
.installment-con .pay-item .payment-methods li .payment-methods-tips { position: absolute; bottom: -30px; width: 100%; left: 20px; font-size: 12px; color: #b1bbc3 }
.installment-con .pay-item .payment-methods li:hover .payment-methods-cover { border-color: #027cdb }
.installment-con .pay-item .payment-methods li.active:before { border-color: #027cdb; background-color: #027cdb }
.installment-con .pay-item .payment-methods li.disabled { cursor: not-allowed; pointer-events: none }
.installment-con .pay-item .payment-methods li.disabled .payment-methods-cover { opacity: .4 }
.installment-con .pay-item .payment-methods li.disabled:before { border-color: #e4eaeb; background-color: #e4eaeb }
.installment-con .pay-bot { padding-top: 40px; border-top: 1px solid #e3e9ef }
.installment-con .pay-bot .pay-tips { margin-top: 20px; margin-left: 30px }
.installment-con .pay-bot .pay-tips p { font-size: 12px; color: #87959f; line-height: 20px }
.installment-con .pay-bot .go-pay .pay-num { color: #525a67; font-size: 14px }
.installment-con .pay-bot .go-pay .pay-num em { color: #ff5900; font-size: 36px; padding-left: 10px }
.installment-con .pay-bot .go-pay .pay-but { width: 160px; height: 50px; background: #027cdb; border-radius: 4px; color: #fff; line-height: 50px; text-align: center; font-size: 18px; margin: 20px auto 0; cursor: pointer }
.installment-con .pay-bot .go-pay .pay-but.disabled { opacity: .4; cursor: not-allowed; pointer-events: none }
.paywait-con { padding-top: 132px }
.paywait-con .paywait-tips { position: relative; padding-top: 300px; text-align: center }
.paywait-con .paywait-tips:before { position: absolute; top: 0; left: 50%; width: 300px; height: 300px; margin-left: -150px; background: url("https://assets-cdn.lanqb.com/imgv3/pay/bg.png") no-repeat top; background-size: 100% 100%; content: "" }
.paywait-con .paywait-tips h3 { margin-bottom: 16px; font-size: 18px; font-weight: 700; line-height: 25px }
.paywait-con .paywait-tips p { min-height: 20px; font-size: 14px; line-height: 20px; color: #525a67 }
.paywait-con .paywait-tips .dotting { display: inline-block; min-width: 3px; min-height: 3px; margin-right: 15px; -webkit-box-shadow: 3px 0, 9px 0, 15px 0; box-shadow: 3px 0, 9px 0, 15px 0; -webkit-animation: dot 4s infinite step-start both; animation: dot 4s infinite step-start both }
@-webkit-keyframes dot { 25% {
-webkit-box-shadow:none;
box-shadow:none
}
50% {
-webkit-box-shadow:3px 0;
box-shadow:3px 0
}
75% {
-webkit-box-shadow:3px 0, 9px 0;
box-shadow:3px 0, 9px 0
}
}
.paywait-con .timer { position: absolute; top: 110px; left: 50%; height: 80px; width: 80px; margin-left: -40px; border-radius: 50% }
.paywait-con .circle { fill: #fff; stroke-dasharray: 100 100; stroke-dashoffset: 0; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; -webkit-transition: stroke-dashoffset 1s linear; transition: stroke-dashoffset 1s linear; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.paywait-con .text { fill: #06cfee; font-size: 23px; line-height: 24px; text-anchor: middle }
.shortterm-protocol-container { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 20 }
.shortterm-protocol-container .mask { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: .5 }
.shortterm-protocol-container .protocol-dialog { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 40%; height: 74%; margin: auto; background: #fff; border-radius: 10px }
.shortterm-protocol-container .diloag-header { line-height: 70px; border-bottom: 1px solid #efefef }
.shortterm-protocol-container .protocol-title { font-size: 22px; color: #212b34; text-align: center }
.shortterm-protocol-container .dialog-close { position: absolute; top: 26px; right: 16px; font-size: 18px; line-height: 18px; color: #9f9f9f; cursor: pointer }
.shortterm-protocol-container .dialog-content { height: calc(100% - 71px); padding: 40px 56px; font-size: 14px; overflow-y: scroll }
.shortterm-protocol-container .dialog-content h2 { margin-bottom: 16px; font-size: 20px; font-weight: 500; color: #212b34; line-height: 28px }
.shortterm-protocol-container .dialog-content p { margin-bottom: 16px; font-size: 14px; line-height: 26px }
.shortterm-protocol-container .dialog-content section { margin-bottom: 40px }
.shortterm-protocol-container .dialog-content .cmp { margin-top: 64px; text-align: right; font-size: 16px; line-height: 22px; color: #212b34 }
.shortterm-protocol-container .dialog-content .btn-wrap { margin-top: 100px; text-align: center }
.shortterm-protocol-container .dialog-content .agree-btn { display: inline-block; width: 320px; height: 40px; font-size: 14px; line-height: 40px; text-align: center; background: #027cdb; color: #fff; cursor: pointer }
.salesperson-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; background-color: rgba(0,0,0,.5) }
.salesperson-modal .salesperson-con { position: absolute; top: 50%; left: 50%; width: 500px; height: 310px; margin-top: -155px; margin-left: -250px }
.salesperson-modal .salesperson-con:before { position: absolute; bottom: 0; left: 0; width: 500px; height: 351px; background: url(https://assets-cdn.lanqb.com/schoolv3/osc99/osc-99@2x_210930_pc.png) no-repeat bottom; background-size: 100% 100%; content: "" }
.salesperson-modal .salesperson-con .sp-close, .salesperson-modal .salesperson-con .sp-qrcode { position: absolute; z-index: 1 }
.salesperson-modal .salesperson-con .sp-qrcode { bottom: 40px; left: 29px; width: 110px; height: 110px }
.salesperson-modal .salesperson-con .sp-close { top: 2px; right: -36px; font-size: 18px; font-weight: 500; line-height: 1; color: #fff; cursor: pointer }
.salesperson-modal .salesperson-con .sp-close:hover { color: hsla(0,0%,100%,.85) }
.payment-ok-new { background: #f9fafd; border: none; border-radius: 14px; z-index: 1; margin-top: 66px }
.payment-ok-new .payment-ok-con { z-index: 1 }
.payment-ok-new .payment-ok-con:before { background: url(https://assets-cdn.lanqb.com/imgv3/image/payment/success-banner.png); background-size: 100% 100%; width: 100%; height: 314px; top: 0; left: 0; z-index: -1 }
.payment-ok-new .payment-ok-con .payment-ok-con-ok { width: 68px }
.payment-ok-new .payment-ok-con h6 { font-size: 18px; color: #212b34 }
.payment-ok-new .payment-ok-con h4 { color: #525a67; font-size: 14px; margin-top: 25px }
.payment-ok-new .payment-ok-con h4 .title span { max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle }
.payment-ok-new .payment-ok-con h4 .division { color: #b5c4cf }
.payment-ok-new .payment-ok-con h4 .payment-ok-price { color: #ff5900 }
.payment-ok-new .teacher-box { margin: 70px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
@media (min-width:768px) {
.payment-ok-new .teacher-box { margin-top: 30px }
}
@media (min-width:992px) {
.payment-ok-new .teacher-box { margin-top: 50px }
}
@media (min-width:1200px) {
.payment-ok-new .teacher-box { margin-top: 70px }
}
.payment-ok-new .teacher-box_qrcode { width: 215px; height: 360px; background: #fff; border: 2px solid #e7f2ff; border-top-left-radius: 15px; border-bottom-left-radius: 15px; position: relative; display: inline-block; z-index: 1; margin-right: 62px; -webkit-box-shadow: 1px 5px 9px 0 rgba(234,243,255,.5); box-shadow: 1px 5px 9px 0 rgba(234,243,255,.5); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 35px 0 0 16px; border-right-width: 0 }
.payment-ok-new .teacher-box_qrcode:after { content: ""; background: url(https://assets-cdn.lanqb.com/imgv3/image/payment/teacher-qrcode-division.png); background-size: 100% 100%; width: 68px; height: 378px; position: absolute; right: -68px; top: -6px; z-index: -1 }
.payment-ok-new .teacher-box_qrcode .qrcode-box { width: 206px; height: 206px; border-radius: 20px; background: #fff; -webkit-box-shadow: 0 0 9px 10px rgba(234,243,255,.5); box-shadow: 0 0 9px 10px rgba(234,243,255,.5); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; margin-bottom: 17px }
.payment-ok-new .teacher-box_qrcode .qrcode-box img { width: 100%; height: 100% }
.payment-ok-new .teacher-box_qrcode p { color: #87959f; font-size: 14px }
.payment-ok-new .teacher-box_qrcode h3 { color: #212b34; font-size: 18px; margin-top: 4px }
@media (min-width:768px) {
.payment-ok-new .teacher-box_qrcode { width: 165px }
.payment-ok-new .teacher-box_qrcode .qrcode-box { width: 160px; height: 160px; padding: 12px; margin-bottom: 12px }
.payment-ok-new .teacher-box_qrcode p { font-size: 12px }
.payment-ok-new .teacher-box_qrcode h3 { font-size: 15px }
}
@media (min-width:992px) {
.payment-ok-new .teacher-box_qrcode { width: 215px }
.payment-ok-new .teacher-box_qrcode .qrcode-box { width: 206px; height: 206px; padding: 30px; margin-bottom: 17px }
.payment-ok-new .teacher-box_qrcode p { font-size: 14px }
.payment-ok-new .teacher-box_qrcode h3 { font-size: 18px }
}
.payment-ok-new .teacher-box_rights { width: 803px; height: 360px; background: #fff; border: 2px solid #e7f2ff; border-top-right-radius: 15px; border-bottom-right-radius: 15px; position: relative; display: inline-block; border-left-width: 0; -webkit-box-shadow: 1px 5px 9px 0 rgba(234,243,255,.5); box-shadow: 1px 5px 9px 0 rgba(234,243,255,.5); text-align: left; padding: 8px 40px 0 10px }
.payment-ok-new .teacher-box_rights>h3 { color: #212b34; font-size: 18px; display: inline-block; border-bottom: 2px solid #212b34; line-height: 24px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; padding-bottom: 2px; vertical-align: middle }
.payment-ok-new .teacher-box_rights>h3 .icon-img { background: url(https://assets-cdn.lanqb.com/imgv3/image/payment/icon-img-arrows.png); background-size: 100% 100%; width: 32px; height: 24px; display: inline-block; margin-left: 5px; vertical-align: middle }
.payment-ok-new .teacher-box_rights .rights-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box }
.payment-ok-new .teacher-box_rights .rights-list .right-item { text-align: center }
.payment-ok-new .teacher-box_rights .rights-list .right-item .right-img { display: block; width: 120px; height: 120px; margin: 14px auto 12px }
.payment-ok-new .teacher-box_rights .rights-list .right-item h2 { color: #212b34; font-size: 20px; font-family: PingFangHK-Medium, PingFangHK; font-weight: 500; margin-bottom: 20px }
.payment-ok-new .teacher-box_rights .rights-list .right-item p { color: #87959f; font-size: 14px; line-height: 24px }
@media (min-width:768px) {
.payment-ok-new .teacher-box_rights { width: 503px }
.payment-ok-new .teacher-box_rights .rights-list .right-item .right-img { width: 90px; height: 90px }
.payment-ok-new .teacher-box_rights .rights-list .right-item h2 { font-size: 16px; margin-bottom: 12px }
.payment-ok-new .teacher-box_rights .rights-list .right-item p { font-size: 12px; line-height: 18px }
}
@media (min-width:992px) {
.payment-ok-new .teacher-box_rights { width: 643px }
.payment-ok-new .teacher-box_rights .rights-list .right-item .right-img { width: 105px; height: 105px }
.payment-ok-new .teacher-box_rights .rights-list .right-item h2 { font-size: 18px; margin-bottom: 16px }
.payment-ok-new .teacher-box_rights .rights-list .right-item p { font-size: 13px; line-height: 22px }
}
@media (min-width:1200px) {
.payment-ok-new .teacher-box_rights { width: 803px }
.payment-ok-new .teacher-box_rights .rights-list .right-item .right-img { width: 120px; height: 120px }
.payment-ok-new .teacher-box_rights .rights-list .right-item h2 { font-size: 20px; margin-bottom: 20px }
.payment-ok-new .teacher-box_rights .rights-list .right-item p { font-size: 14px; line-height: 24px }
}
.text-light { color: #027cdb }
.payment-ok-new.v220406 .payment-ok-con { padding-top: 36px; padding-bottom: 54px }
@media (min-width:768px) {
.payment-ok-new.v220406 .payment-ok-con { padding-bottom: 30px }
}
@media (min-width:992px) {
.payment-ok-new.v220406 .payment-ok-con { padding-bottom: 42px }
}
@media (min-width:1200px) {
.payment-ok-new.v220406 .payment-ok-con { padding-bottom: 54px }
}
.payment-ok-new.v220406 .teacher-box .h260 { height: 260px }
.payment-ok-new.v220406 .teacher-box_qrcode { padding-top: 0; padding-left: 40px }
.payment-ok-new.v220406 .teacher-box_qrcode:after { height: 278px; background-image: url("https://assets-cdn.lanqb.com/lanqb/payment2204/qrcode-division.png") }
.payment-ok-new.v220406 .teacher-box_qrcode.w436 { width: 436px }
.payment-ok-new.v220406 .teacher-box_qrcode.w410 { width: 410px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-box_wrap { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner { position: relative; height: 146px; padding-top: 18px; padding-bottom: 18px; background-color: #f8f8f8; border-radius: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner.w324 { width: 324px; padding-right: 24px; padding-left: 24px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner.w372 { width: 372px; padding-right: 18px; padding-left: 18px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner.mt28 { margin-top: 28px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner .qrcode { width: 110px; height: 110px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner h4 { margin-top: 0; font-family: PingFangHK-Regular, PingFangHK; font-size: 18px; font-weight: 400; line-height: 30px; text-align: left; color: #212b34 }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner .h4 { position: absolute; top: -28px; left: 0; color: #212b34; font-family: PingFangSC-Semibold\,PingFang SC; font-size: 18px; font-weight: 600; line-height: 24px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner .qq { position: relative }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner .qq .qrcode-copy-btn { position: absolute; top: 4px; width: 44px; height: 22px; margin-left: 5px; font-size: 12px; line-height: 18px; border-radius: 4px }
@media (min-width:768px) {
.payment-ok-new.v220406 .teacher-box_qrcode { padding-left: 16px }
.payment-ok-new.v220406 .teacher-box_qrcode.w436 { width: 236px }
.payment-ok-new.v220406 .teacher-box_qrcode.w410 { width: 220px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner.w324 { width: 202px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner.w372 { width: 218px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner h4 { margin-top: 8px; font-size: 16px; line-height: 22px; text-align: center }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner .h4 { font-size: 14px; line-height: 20px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner .qq .qrcode-copy-btn { top: 0; width: 40px }
}
@media (min-width:992px) {
.payment-ok-new.v220406 .teacher-box_qrcode { padding-left: 22px }
.payment-ok-new.v220406 .teacher-box_qrcode.w436 { width: 366px }
.payment-ok-new.v220406 .teacher-box_qrcode.w410 { width: 340px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner { height: 146px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner.w324 { width: 316px; padding-right: 18px; padding-left: 18px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner.w372 { width: 342px; padding-right: 12px; padding-left: 12px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner h4 { margin-top: 0; font-size: 18px; line-height: 30px; text-align: left }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner .h4 { font-size: 18px; line-height: 24px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner .qq .qrcode-copy-btn { top: 4px; width: 44px }
}
@media (min-width:1200px) {
.payment-ok-new.v220406 .teacher-box_qrcode { padding-left: 40px }
.payment-ok-new.v220406 .teacher-box_qrcode.w436 { width: 436px }
.payment-ok-new.v220406 .teacher-box_qrcode.w410 { width: 410px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner.w324 { width: 324px; padding-right: 24px; padding-left: 24px }
.payment-ok-new.v220406 .teacher-box_qrcode .qrcode-innner.w372 { width: 372px; padding-right: 18px; padding-left: 18px }
}
.payment-ok-new.v220406 .teacher-box_rights { padding-right: 0 }
.payment-ok-new.v220406 .teacher-box_rights.w584 { width: 584px }
.payment-ok-new.v220406 .teacher-box_rights.w610 { width: 610px }
.payment-ok-new.v220406 .teacher-box_rights.pl16 { padding-left: 16px }
.payment-ok-new.v220406 .teacher-box_rights.pl42 { padding-left: 42px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list { margin-top: 36px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.payment-ok-new.v220406 .teacher-box_rights .rights-list.pt20 { padding-top: 50px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list li { width: 120px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list li+li { margin-left: 20px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list .img { width: 90px; height: 90px; margin-bottom: 10px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list h6 { margin-top: 0; margin-bottom: 0; font-size: 16px; font-family: PingFangHK-Regular, PingFangHK; font-weight: 400; line-height: 22px; color: #212b34 }
@media (min-width:768px) {
.payment-ok-new.v220406 .teacher-box_rights.w584 { width: 432px }
.payment-ok-new.v220406 .teacher-box_rights.w610 { width: 440px }
.payment-ok-new.v220406 .teacher-box_rights.pl16 { padding-left: 8px }
.payment-ok-new.v220406 .teacher-box_rights.pl42 { padding-left: 12px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list li { width: 90px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list li+li { margin-left: 10px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list .img { width: 64px; height: 64px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list h6 { font-size: 14px; line-height: 18px }
}
@media (min-width:992px) {
.payment-ok-new.v220406 .teacher-box_rights.w584 { width: 514px }
.payment-ok-new.v220406 .teacher-box_rights.w610 { width: 540px }
.payment-ok-new.v220406 .teacher-box_rights.pl16 { padding-left: 12px }
.payment-ok-new.v220406 .teacher-box_rights.pl42 { padding-left: 22px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list li { width: 100px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list li+li { margin-left: 20px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list .img { width: 90px; height: 90px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list h6 { font-size: 16px; line-height: 22px }
}
@media (min-width:1200px) {
.payment-ok-new.v220406 .teacher-box_rights.w584 { width: 584px }
.payment-ok-new.v220406 .teacher-box_rights.w610 { width: 610px }
.payment-ok-new.v220406 .teacher-box_rights.pl16 { padding-left: 16px }
.payment-ok-new.v220406 .teacher-box_rights.pl42 { padding-left: 42px }
.payment-ok-new.v220406 .teacher-box_rights .rights-list li { width: 120px }
}
#qrcode-copy-input { visibility: hidden; opacity: 0 }
.container-about { padding-top: 20px; padding-bottom: 40px }
.container-about .about-con { width: 100%; background-color: #f9fbfc; border: 1px solid #e3e9ef }
.container-about .about-left, .container-about .about-right { position: relative; float: left }
.container-about .about-right { min-height: 710px; background-color: #fff; border-left: 1px solid #e3e9ef }
.container-about .about-subnav>li { border-bottom: 1px solid #e3e9ef }
.container-about .about-subnav>li>a { display: block; padding-top: 15px; padding-bottom: 15px; font-size: 14px; line-height: 2; border-left: 3px solid transparent }
.container-about .about-subnav>li:hover a { color: #0097e6 }
.container-about .about-subnav>li.active { background-color: #fff }
.container-about .about-subnav>li.active>a { font-weight: 700; color: #0097e6; border-left-color: #0097e6 }
.container-about .about-title { position: relative; padding: 15px 38px; border-bottom: 1px solid #e3e9ef }
.container-about .about-title h1 { font-size: 14px; font-weight: 700; line-height: 2; color: #212b34 }
@media (min-width:768px) {
.container-about .about-left { width: 146px }
.container-about .about-right { width: 600px }
.container-about .about-subnav>li>a { padding-right: 10px; padding-left: 25px }
}
@media (min-width:992px) {
.container-about .about-left { width: 168px }
.container-about .about-right { width: 810px }
.container-about .about-subnav>li>a { padding-right: 15px }
}
@media (min-width:1200px) {
.container-about .about-left { width: 258px }
.container-about .about-right { width: 920px }
.container-about .about-subnav>li>a { padding-left: 45px }
}
.about-right .about-c1, .about-right .copyright-con { position: relative; padding: 16px 38px 22px }
.about-right .about-c1 .aboutlan-cover { position: absolute; top: 18px; left: 38px; width: 129px; height: 86px }
.about-right .about-h3 { padding-top: 10px }
.about-right .about-h3 strong { display: inline-block; padding: 6px 16px; font-size: 20px; font-weight: 300; line-height: 1.2; color: #fff; background-color: #027cdb; border-radius: 2px }
.about-right .about-h4 { padding-top: 8px; font-size: 16px; line-height: 2; color: #212b34 }
.about-right .about-h4 strong { font-weight: 700 }
.about-right .about-h4.fcblue { color: #0097e6 }
.about-right .about-h5 { font-size: 16px; line-height: 2; color: #525a67 }
.about-right p { position: relative; font-size: 14px; line-height: 2; color: #525a67 }
.about-right p strong { font-size: 15px; color: #212b34 }
.about-right a { color: #027cdb; text-decoration: underline }
.about-right a:hover { color: #0097e6; text-decoration: none }
.about-right .aboutlan-h2, .about-right .aboutlan-h3 { text-align: center }
.about-right .aboutlan-h2 { padding-top: 10px; font-size: 25px; font-weight: 700; line-height: 1.25; color: #0097e6 }
.about-right .aboutlan-h3 { padding-top: 4px; padding-bottom: 20px; font-size: 18px; font-weight: 700; line-height: 2; color: #525a67 }
.about-right .aboutlan-honor { padding-top: 10px }
@media (min-width:768px) {
.about-right .aboutlan-honor img { padding: 3px }
}
@media (min-width:992px) {
.about-right .aboutlan-honor img { padding: 15px }
}
.about-right .aboutlan-honor.v2211 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap }
.about-right .aboutlan-honor.v2211 img { padding: 6px; cursor: pointer }
.about-right .aboutlan-history { padding-top: 10px }
.about-right .aboutlan-history li, .about-right .faqs-list li { font-size: 14px; line-height: 2; color: #525a67 }
.about-right .aboutlan-code .aboutlan-code1 { float: left; text-align: center }
.about-right .aboutlan-code .aboutlan-code1 .aboutlan-cd1 { display: inline-block; width: 120px }
.about-right .aboutlan-code .aboutlan-code1 .aboutlan-cd1 img { width: 90px; height: 90px; padding: 8px; margin: 10px 10px 0; border: 1px solid #e3e9ef }
.about-right .aboutlan-code .aboutlan-code1 .aboutlan-cd1 span { display: block; font-size: 12px; line-height: 2; color: #87959f }
@media (min-width:768px) {
.about-right .aboutlan-code .aboutlan-code1 { width: 50% }
}
@media (min-width:992px) {
.about-right .aboutlan-code .aboutlan-code1 { width: 45% }
}
.about-right .about-course img { max-width: 100%; margin-top: 10px }
.about-right .faqs-list li { padding-left: 10px }
.about-right .copyright-con { padding-top: 32px }
.about-right .TOS-con h3 { position: relative; margin-top: 16px; margin-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 2; color: #0097e6 }
.about-right .TOS-con p.pl14 { padding-left: 14px }
.about-right .TOS-con p.pl28 { padding-left: 28px }
.about-right .paycenter-con { padding: 38px }
.about-right .paycenter-list li { display: table; width: 100%; min-height: 89px; padding: 10px; border-bottom: 1px solid #e3e9ef }
.about-right .paycenter-list .paycenter-cover, .about-right .paycenter-list .paycenter-des { display: table-cell; vertical-align: middle }
.about-right .paycenter-list .paycenter-cover { width: 102px; text-align: center }
.about-right .paycenter-code .paycenter-code-cover, .about-right .paycenter-list .paycenter-cover img { max-width: 100% }
.about-right .paycenter-list .paycenter-des { padding: 6px 0 6px 20px }
.about-right .paycenter-fq-h4 { margin-top: 30px; margin-bottom: 20px; font-size: 14px; font-weight: 700; line-height: 20px }
.about-right .paycenter-fq-list li { float: left; text-align: center }
.about-right .paycenter-fq-list li:hover .paycenter-fq-item { border-color: #027cdb; -webkit-box-shadow: inset 1px 1px 0 #027cdb, inset -1px -1px 0 #027cdb; box-shadow: inset 1px 1px 0 #027cdb, inset -1px -1px 0 #027cdb }
.about-right .paycenter-fq-list li:hover .paycenter-fq-item.noline { border-color: #e3e9ef; -webkit-box-shadow: none; box-shadow: none }
.about-right .paycenter-fq-list .paycenter-fq-item { display: block; width: 90px; height: 90px; padding-top: 13px; color: #525a67; border: 1px solid #e3e9ef; text-decoration: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.about-right .paycenter-fq-list .paycenter-fq-item img { height: 40px }
.about-right .paycenter-fq-list .paycenter-fq-item em { display: block; padding-top: 6px; font-size: 12px; line-height: 18px }
.about-right .paycenter-fq-list .paycenter-fq-item.noline { color: rgba(82,90,103,.4) }
.about-right .paycenter-fq-list .paycenter-fq-item.noline+p { padding-top: 6px; font-size: 12px; line-height: 18px; color: rgba(82,90,103,.4) }
@media (min-width:768px) {
.about-right .paycenter-fq-list li+li { margin-left: 54px }
}
@media (min-width:992px) {
.about-right .paycenter-fq-list li+li { margin-left: 25px }
}
@media (min-width:1200px) {
.about-right .paycenter-fq-list li+li { margin-left: 40px }
}
.about-right .paycenter-code { padding: 20px 32px; text-align: center; border: 1px dashed #e3e9ef }
.about-right .paycenter-code+.paycenter-code { margin-top: 20px }
.about-right .paycenter-code .paycenter-code-title { margin-bottom: 16px }
.about-right .paycenter-code .paycenter-code-title h4 { position: relative; display: inline-block; height: 25px; vertical-align: top }
.about-right .paycenter-code .paycenter-code-title h4:after, .about-right .paycenter-code .paycenter-code-title h4:before { position: absolute; top: 50%; z-index: 1; height: 1px; background-color: #e3e9ef; content: "" }
.about-right .paycenter-code .paycenter-code-title h4:before { right: 100%; margin-right: 10px }
.about-right .paycenter-code .paycenter-code-title h4:after { left: 100%; margin-left: 10px }
.about-right .paycenter-code h6 { margin-top: 12px; font-size: 12px; line-height: 20px }
@media (min-width:768px) {
.about-right .paycenter-left { width: 100% }
.about-right .paycenter-right { width: 100%; margin-top: 20px }
.about-right .paycenter-code .paycenter-code-title h4:after, .about-right .paycenter-code .paycenter-code-title h4:before { width: 200% }
}
@media (min-width:992px) {
.about-right .paycenter-left { float: left; width: 438px }
.about-right .paycenter-right { float: right; width: 220px; margin-top: 0 }
.about-right .paycenter-code .paycenter-code-title h4:after, .about-right .paycenter-code .paycenter-code-title h4:before { width: 20px }
}
@media (min-width:1200px) {
.about-right .paycenter-left { width: 520px }
.about-right .paycenter-right { width: 240px }
}
.about-right .joinus-list>li { position: relative; z-index: 1; padding: 12px 0 12px 82px; cursor: default }
.about-right .joinus-list>li:before { position: absolute; top: 76px; bottom: -4px; left: 26px; z-index: 1; width: 4px; background-color: #0097e6; content: "" }
.about-right .joinus-list>li:last-child:before { visibility: hidden }
.about-right .joinus-list>li.d00>.joinus-cover { background-position: -120px -120px }
.about-right .joinus-list>li.d01>.joinus-cover { background-position: 0 0 }
.about-right .joinus-list>li.d02>.joinus-cover { background-position: -60px 0 }
.about-right .joinus-list>li.d03>.joinus-cover { background-position: -120px 0 }
.about-right .joinus-list>li.d04>.joinus-cover { background-position: -180px 0 }
.about-right .joinus-list>li.d05>.joinus-cover { background-position: 0 -60px }
.about-right .joinus-list>li.d06>.joinus-cover { background-position: -60px -60px }
.about-right .joinus-list>li.d07>.joinus-cover { background-position: -120px -60px }
.about-right .joinus-list>li.d08>.joinus-cover { background-position: -180px -60px }
.about-right .joinus-list>li.d09>.joinus-cover { background-position: 0 -120px }
.about-right .joinus-list>li.d010>.joinus-cover { background-position: -60px -120px }
.about-right .joinus-list .joinus-cover { position: absolute; top: 12px; left: 0; z-index: 2; display: block; width: 56px; height: 56px; overflow: hidden; text-align: center; background-repeat: no-repeat; background-image: url("https://assets-cdn.lanqb.com/about/contactus/join-num.png") }
.about-right .joinus-list .joinus-cover em, .about-right .joinus-list .joinus-cover strong { display: block; width: 100%; height: 100%; padding: 10px 0; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box }
.about-right .joinus-list .joinus-cover em { font-size: 30px; font-style: italic; font-weight: 700; line-height: 1.2; text-indent: -9999px; color: #70818b }
.about-right .joinus-list .joinus-cover strong { font-size: 24px; font-weight: 400; line-height: 1.5; color: #fff }
.about-right .joinus-list .joinus-des h2 { padding-bottom: 12px; font-size: 24px; font-weight: 700; line-height: 1.125 }
.about-right .joinus-list .joinus-des h4 { padding-bottom: 4px; font-size: 14px; font-weight: 700; line-height: 20px }
.about-right .joinus-list .joinus-des p.pb8 { padding-bottom: 8px }
.about-right .joinus-list .joinus-tags .joinus-tag { display: inline-block; padding: 4px 9px; margin: 4px; overflow: hidden; font-size: 14px; line-height: 20px; color: #fff; background-color: #0097e6; cursor: pointer; border-radius: 4px; -webkit-transition: all .32s ease-in-out; transition: all .32s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.about-right .joinus-list .joinus-tags .joinus-tag:hover { background-color: #73b2fc }
.about-right .joinus-list .joinus-joblist { padding-bottom: 8px; padding-left: 14px; color: #43535c }
.about-right .joinus-list .joinus-joblist>li { padding-top: 4px; padding-bottom: 4px; font-size: 14px; line-height: 20px }
.about-right .webmap-dl dt { padding-bottom: 14px }
.about-right .webmap-dl dt h4 { font-size: 14px; font-weight: 700; line-height: 20px }
.about-right .webmap-dl dt h4 span { color: #0097e6 }
.about-right .webmap-dl dd { position: relative; padding-bottom: 12px; margin-bottom: 20px; border-bottom: 1px solid #eef3f5 }
.about-right .webmap-dl .webmap-list { position: relative; overflow: hidden }
.about-right .webmap-dl .webmap-list li { display: inline-block; padding: 6px 15px 6px 0; vertical-align: top }
.about-right .webmap-dl .webmap-list li a { display: block; font-size: 12px; line-height: 20px; color: #525a67; text-decoration: none }
.about-right .webmap-dl .webmap-list li:hover a { color: #0097e6 }
.about-right .webmap-dl .webmap-expand { height: 30px; padding-top: 10px; text-align: center }
.about-right .webmap-dl .webmap-expand .webmap-more { position: relative; display: inline-block; padding-right: 18px; padding-left: 18px; font-size: 12px; line-height: 20px; color: #b1bbc3; cursor: pointer; -webkit-transition: color .32s ease; transition: color .32s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.about-right .webmap-dl .webmap-expand .webmap-more em { position: absolute; top: 50%; left: 0; z-index: 1; display: block; width: 7px; height: 7px; margin-top: -6px; overflow: hidden; border-bottom: 1px solid #b1bbc3; border-left: 1px solid #b1bbc3; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .32s ease; transition: all .32s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.about-right .webmap-dl .webmap-expand .webmap-more:hover { color: #0097e6 }
.about-right .webmap-dl .webmap-expand .webmap-more:hover em { border-bottom-color: #0097e6; border-left-color: #0097e6 }
.about-right .webmap-dl .webmap-expand .webmap-more.active em { margin-top: -2px; -webkit-transform: rotate(135deg); transform: rotate(135deg) }
.about-right .staffSearch-con { padding-top: 92px; text-align: center }
.about-right .staffSearch-con h2 { margin-bottom: 42px; font-size: 20px; font-weight: 700; line-height: 30px }
.about-right .staffSearch-con h2 .iconfont { display: inline-block; margin-right: 8px; font-size: 30px; line-height: 1; color: #38b2f2; vertical-align: top }
.about-right .staffSearch-con .staffSearch-input { display: table; margin-right: auto; margin-left: auto }
.about-right .staffSearch-con .staffSearch-input input { display: table-cell; width: 350px; height: 40px; padding: 4px 12px }
.about-right .staffSearch-con .staffSearch-input .btn { display: table-cell; vertical-align: top }
.about-right .staffSearch-con .staffSearch-info { position: relative; width: 450px; padding: 20px 0; margin-right: auto; margin-left: auto; border: 1px solid #e3e9ef; -ms-box-shadow: 0 0 8px rgba(82,90,103,.2); -o-box-shadow: 0 0 8px rgba(82,90,103,.2); -webkit-box-shadow: 0 0 8px rgba(82,90,103,.2); box-shadow: 0 0 8px rgba(82,90,103,.2); border-radius: 12px }
.about-right .staffSearch-con .staffSearch-info .staffSearch-info-img { position: relative; float: left; width: 120px; height: 120px; margin: 20px 30px 20px 40px; vertical-align: middle }
.about-right .staffSearch-con .staffSearch-info .staffSearch-info-img img { width: 100%; height: 100%; background-color: #e8f0f3; border-radius: 50% }
.about-right .staffSearch-con .staffSearch-info .staffSearch-info-img .iconfont { position: absolute; right: 1px; bottom: 2px; font-size: 28px; color: #0396e6; background-color: #fff; border: 2px solid #fff; border-radius: 50% }
.about-right .staffSearch-con .staffSearch-info .staffSearch-info-con { float: left; width:calc(100% - 10px*19);
min-height: 160px; padding: 20px; border-left: 1px dashed #e3e9ef; text-align: left; vertical-align: middle }
.about-right .staffSearch-con .staffSearch-info .staffSearch-info-con h5 { font-size: 14px; line-height: 30px }
.about-right .staffSearch-con .staffSearch-info .staffSearch-info-con h5 span .pr28 { margin-right: 28px }
.about-right .staffSearch-con .staffSearch-info .staffSearch-info-mark { position: absolute; right: 12px; bottom: 12px; z-index: 1; width: 127px }
.about-right .staffSearch-con .staffSearch-info .btn { position: absolute; right: 0; bottom: -70px }
.about-right .staffSearch-con .staffSearch-no-info { max-width: 270px; margin-right: auto; margin-left: auto }
.about-right .staffSearch-con .staffSearch-no-info h3 { margin-bottom: 20px; font-size: 18px; line-height: 24px }
.about-right .staffSearch-con .staffSearch-no-info h3 .iconfont { display: inline-block; margin-right: 10px; font-size: 24px; line-height: 1; color: #ff1716; vertical-align: top }
.about-right .staffSearch-con .staffSearch-no-info p { font-size: 14px; line-height: 20px; color: #87959f; text-align: justify }
.about-right .staffSearch-con .staffSearch-no-info .btn { margin-top: 30px }
.bg-gray { overflow: hidden }
.works-nav { margin: 20px auto; height: 60px; line-height: 60px }
.works-nav a { padding-top: 5px; padding-bottom: 5px; font-size: 14px; line-height: 1.42857143 }
.works-nav .works-category { margin-left: 22px }
.works-nav .works-category a { color: #525a67 }
.works-nav .works-category a:hover { color: #87959f }
.works-nav .works-category a:active { color: #212b34 }
.works-nav .works-category a.active { color: #027cdb }
.works-nav .works-sort { margin-right: 17px; margin-top: 15px }
.works-nav .works-sort a { float: left; margin: 0 5px; color: #87959f }
.works-nav .works-sort a:hover { color: #525a67 }
.works-nav .works-sort a:active { color: #212b34 }
.works-nav .works-sort a.active { padding-right: 12px; padding-left: 12px; color: #212b34; background-color: #f6f8fa }
.works-nav .works-sort a.works-sbtn { width: 80px; height: 30px; padding: 0; font-size: 12px; line-height: 28px; color: #fff; border-radius: 3px }
.works-works .hd-works-con { margin-bottom: 0 }
.works-pagination { margin-bottom: 30px }
@media (min-width:768px) {
.works-nav .works-category a { margin-right: 16px; margin-left: 16px }
}
@media (min-width:992px) {
.works-nav .works-category a { margin-right: 20px; margin-left: 20px }
}
.works-pop { display: block }
.works-pop img { width: 100% }
.details-con { margin: 0 -10px }
.detail-con { padding-top: 26px }
.details-cg1, .details-relatere, .details-retag { background-color: #fff; border: 1px solid #e4e9eb }
.detail-con>h3 { margin-bottom: 14px; font-size: 16px; font-weight: 600; line-height: 1.5 }
.detail-con>p { white-space: pre-wrap }
.detail-con>.p, .detail-con>p { margin-top: 14px; margin-bottom: 14px; font-size: 14px; line-height: 2; word-break: break-all }
.detail-con a { color: #0097e6 }
.detail-con a:hover { color: #007cdb; text-decoration: underline }
.detail-con b, .detail-con strong { font-weight: 700 }
.detail-con del, .detail-con strike { text-decoration: line-through }
.detail-con em, .detail-con i { font-style: italic }
.detail-con img { max-width: 100%; height: auto }
.details-about .title-download { position: relative; border-bottom: 2px solid #f1f5f7; height: 50px; margin-bottom: 10px }
.details-about .title-download>h1 { margin-bottom: 4px; font-size: 18px; font-weight: 700; line-height: 1.5; color: #0f233a }
.details-about .title-download .details-down-news { padding-left: 10px; position: absolute; right: 0; top: -9px }
.details-about .title-download .details-down-news .details-down-news-btn { width: 120px; height: 40px; font-size: 14px; line-height: 40px; border: none }
.details-about .title-download .details-down-news .details-down-news-btn .iconfont { margin-right: 8px }
.details-summary { padding: 20px; background-color: #f1f5f7; color: #43535c; border-radius: 20px 0 20px 0 }
.details-summary>p { margin-bottom: 0; font-size: 14px; line-height: 1.42857143; word-break: break-all }
.interviewdet-btnd { position: relative; padding-top: 20px; margin-top: 15px; border-top: 1px solid #e4e9eb }
.interviewdet-btnd .details-icons { padding-left: 10px; margin-top: 5px; border-left: 1px solid #e3e9ef }
.interviewdet-btnd .details-icons.nobl { border-left: none }
.interviewdet-btnd .details-icons.nopb { padding-left: 0; border-left: none }
.interviewdet-btnd .tozhan-btn { position: absolute; left: 50%; top: 10px; z-index: 2; margin-left: -60px }
.interviewdet-btnd .details-down { margin-top: 5px; padding-right: 4px; padding-left: 4px; border-left: 1px solid #e3e9ef }
.interviewdet-btnd .details-down.nobl { border-left: none }
.interviewdet-btnd .details-down a { font-size: 30px; color: #0097e6; float: left; width: 30px; line-height: 30px; text-align: center; cursor: pointer; vertical-align: middle }
.interviewdet-btnd .details-down a:hover { color: #027cdb }
.interviewdet-btnd .details-down-btm-news { margin-left: 10px }
.interviewdet-btnd .details-down-btm-news .details-down-news-btn { width: 120px; height: 40px; font-size: 14px; line-height: 40px; border: none }
.interviewdet-btnd .details-down-btm-news .details-down-news-btn .iconfont { margin-right: 8px }
.atte-qrcode-btns { position: relative }
.down-qrcode-v220617 .qrcode-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 11 }
.down-qrcode-v220617 .atta-qrcode-inner { position: absolute; top: 100%; left: 50%; z-index: 12; width: 140px; height: 169px; padding-top: 17px; padding-bottom: 6px; margin-left: -70px; margin-top: 10px; background: url("https://assets-cdn.lanqb.com/imgv3/image/download/qrcode-bg@2x_pc.png") no-repeat bottom; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.down-qrcode-v220617 .atta-qrcode-inner:before { position: absolute; bottom: 6px; left: -10%; width: 120%; font-size: 14px; font-weight: 500; line-height: 20px; color: #212b34; white-space: nowrap; text-align: center; content: "\626B\7801\4E0B\8F7D\8BFE\4EF6" }
.down-qrcode-v220617 .atta-qrcode-inner img { width: 120px; height: 120px }
.details-btndc { position: relative }
.details-btndc>.interviewdet-btn { width: 90px; height: 40px; font-size: 14px; line-height: 38px; margin-right: 14px }
.details-gulike { padding: 16px 4px 14px; margin-top: 20px; border-top: 1px solid #e4e9eb; border-bottom: 1px solid #e4e9eb }
.detgulike-title { position: relative; padding-right: 9px; padding-left: 9px; margin-bottom: 12px; overflow: hidden }
.detgulike-title>h3 { position: relative; float: left; padding-left: 14px; font-size: 14px; line-height: 1.42857143; cursor: default }
.detgulike-title>h3>.dot { position: absolute; top: 2px; left: 0; z-index: 1; width: 6px; height: 16px; background-color: #0097e6; border-radius: 0 }
.detgulike-title>.detgulike-more { position: absolute; top: 0; right: 9px; z-index: 2; display: inline-block; font-size: 14px; line-height: 1.42857143; color: #70818b }
.detgulike-title>.detgulike-more:hover { color: #0097e6 }
.detgulike-list>li { position: relative; float: left; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box }
.detgulike-iteam>.detgulike-cover { display: block; width: 100%; overflow: hidden; background-color: #fff }
.detgulike-iteam>.detgulike-cover>.detgulike-cover-img { width: 100%; height: 100%; opacity: 1 }
.detgulike-iteam:hover>h5>a { color: #0097e6 }
.detgulike-iteam:hover .detgulike-cover>img { opacity: .92 }
@media (min-width:768px) {
.details-cg1, .details-course, .details-relatere, .details-retag { float: left; width: 364px }
.details-course { margin-left: 20px }
.detgulike-list>li { width: 33.33333333% }
.detgulike-iteam>.detgulike-cover { height: 167px }
.details-retag.fl-none { float: none }
}
@media (min-width:992px) {
.details-cg1, .details-course, .details-relatere, .details-retag { float: none; width: 264px }
.details-course { display: block; margin-left: 0 }
.detgulike-list>li { width: 114.65333333px }
.detgulike-iteam>.detgulike-cover { height: 84px }
}
@media (min-width:1200px) {
.details-cg1, .details-course, .details-relatere, .details-retag { width: 300px }
.detgulike-list>li { width: 142px }
.detgulike-iteam>.detgulike-cover { height: 99px }
}
.details-cgc1 { text-align: center }
.details-cgc2 { padding: 8px 5px }
@media (min-width:768px) {
.details-cgc1 { padding: 19px 9px }
}
@media (min-width:1200px) {
.details-cgc1 { padding: 19px }
}
.details-cgc1>.portrait { display: block; width: 80px; height: 80px; margin: 0 auto 10px; overflow: hidden }
.details-cgc1>.portrait>img { width: 100% }
.details-cgc1>h2 { margin-top: 2px; margin-bottom: 2px; font-size: 18px; font-weight: 600; line-height: 1.5 }
.details-cgc1>h2>a { display: block; width: 100%; height: 27px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.details-cgc1>h6 { margin-bottom: 4px; font-size: 14px; font-weight: 400; line-height: 1.5; color: #70818b }
.details-cgc1>h6>span { display: inline-block; padding-right: 2px; padding-left: 2px }
.details-cgc1-links>a { display: inline-block; margin-right: 4px; margin-left: 4px; font-size: 12px; line-height: 1.5; color: #70818b; vertical-align: middle }
.details-cgc1-links>a>strong { display: inline-block; padding-left: 4px; font-family: arial; font-size: 14px; font-weight: 600; line-height: 1.28571429; color: #0f233a }
.details-cgc1-links>a:hover, .details-cgc1-links>a:hover>strong { color: #0097e6 }
.details-cgc1-btnd { padding-top: 14px }
.details-cgc1-btnd>.btn { width: 100px; height: 36px; line-height: 34px }
.details-cgc1-btnd .gz-btn { border-radius: 0 }
.details-cg-list { overflow: hidden; overflow-y: auto }
.details-cg-iteam { position: relative; float: left; padding: 0 1.5%; margin-bottom: 7px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box }
.details-cg-iteam.nobm { margin-bottom: 0 }
.details-cg-cover { display: block; width: 100%; overflow: hidden; background-color: #fff }
.details-cg-cover img { width: 100%; opacity: 1; -webkit-transition: opacity .24s ease; transition: opacity .24s ease }
.details-cg-cover>.details-cg-wktitle { display: block; width: 100%; height: 20px; margin-top: 7px; overflow: hidden; font-size: 12px; line-height: 1.66666667; white-space: nowrap; text-overflow: ellipsis }
.details-cg-iteam:hover .details-cg-cover img { opacity: .92 }
@media (min-width:768px) {
.details-cg-list { max-height: 392px }
.details-cg-iteam { width: 25% }
.details-cg-cover img { height: 54px }
}
@media (min-width:992px) {
.details-cg-list { max-height: 392px }
.details-cg-iteam { width: 50% }
.details-cg-cover img { height: 78px }
}
@media (min-width:1200px) {
.details-cg-cover img { height: 99px }
}
.details-relatere>h3 { padding-right: 19px; padding-left: 19px; margin-top: 15px; margin-bottom: 8px; font-size: 14px; font-weight: 700; line-height: 1.42857143 }
.relatere-title { position: relative; height: 48px; overflow: hidden; background-color: #f9fbfc }
.relatere-title>.relatere-more { position: absolute; top: 2px; right: 0; z-index: 2; display: inline-block; padding: 12px 13px; font-size: 14px; line-height: 1.42857143; color: #70818b }
.relatere-title>.relatere-more:hover, .relatere-title h4>span:hover { color: #0097e6 }
.relatere-title h4>span { float: left; display: block; width: 90px; height: 48px; padding: 13px; margin-right: 1px; font-size: 14px; line-height: 1.42857143; color: #43535c; border-top: 2px solid transparent; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background .32s ease-in-out; transition: background .32s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
.relatere-title h4>span.active { font-weight: 700; color: #0097e6; background-color: #fff; border-top-color: #0097e6 }
.relatere-con { width: 100%; padding: 10px 16px }
.relatere-list>li { position: relative; padding-top: 11px; padding-bottom: 11px }
.relatere-iteam { padding-left: 16px }
.relatere-des>.relatere-wktitle, .relatere-iteam>.relatere-wktitle { display: block; height: 20px; font-size: 14px; line-height: 1.42857143; overflow: hidden }
.relatere-iteam>.relatere-wktitle { white-space: nowrap; text-overflow: ellipsis }
.relatere-iteam>.dot { position: absolute; top: 50%; left: 0; z-index: 2; width: 8px; height: 8px; margin-top: -4px; background-color: #0097e6; -webkit-transition: background .35s ease-in-out; transition: background .35s ease-in-out }
.relatere-hot>.relatere-cover { float: left; display: block; width: 110px; height: 60px; overflow: hidden }
.relatere-cover>img { width: 100%; height: 100%; opacity: 1 }
.relatere-des { padding-top: 11px; padding-left: 10px }
.relatere-des>.relatere-wktitle { height: 40px }
.relatere-iteam:hover>.dot { background-color: #007cdb }
.relatere-hot:hover .relatere-cover>img { opacity: .92 }
.relatere-hot:hover .relatere-wktitle { color: #0097e6 }
.details-retag { padding: 14px }
.details-retag h4.title { margin-bottom: 6px; font-size: 14px; font-weight: 500; line-height: 24px }
.details-retag .list { margin-right: -10px; margin-bottom: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap }
.details-retag .list .tag { padding-right: 12px; padding-left: 12px; margin-bottom: 10px; margin-right: 10px; font-size: 12px; font-weight: 400; line-height: 24px; color: #87959f; background-color: #f6f8fa; border-radius: 20px }
.details-retag .list .tag:hover { color: #027cdb; background-color: rgba(2,124,219,.1) }
.news-dp { padding: 10px 20px; font-size: 12px; line-height: 20px; color: #87959f; background-color: #f6f8fa; border-radius: 10px }
.details-page .details-pg { position: fixed; top: 50%; z-index: 8; display: block; width: 60px; height: 120px; padding: 28px 0; margin-top: -120px; overflow: hidden; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background .3s ease; transition: background .3s ease }
.details-page .details-pg .iconfont { position: absolute; top: 50%; z-index: 1; font-size: 64px; color: #c6ced2; margin-top: -32px; -webkit-transition: color .36s ease; transition: color .36s ease }
.details-page .details-pg.details-prev { left: 0; border-radius: 0 2px 2px 0 }
.details-page .details-pg.details-prev .iconfont { left: -6px }
.details-page .details-pg.details-next { right: 0; border-radius: 2px 0 0 2px }
.details-page .details-pg.details-next .iconfont { left: 2px }
.details-page .details-pg.disabled { cursor: not-allowed }
.details-page .details-pg.disabled:hover>em, .details-page .details-pg.disabled>em { color: #d5dee2 }
.details-page .details-pg.disabled:hover { background-color: transparent }
.details-page .details-pg:hover { background-color: #c6ced2 }
.details-page .details-pg:hover .iconfont { color: #fff }
.schoolhome { cursor: default }
@-webkit-keyframes playing { 50% {
height:7px;
margin-top:9px
}
}
@keyframes playing { 50% {
height:7px;
margin-top:9px
}
}
@-webkit-keyframes moveInTop { 50% {
margin-top:-23px
}
}
@keyframes moveInTop { 50% {
margin-top:-23px
}
}
@-webkit-keyframes moveInLeft { 0% {
right:100%
}
to { right: 0 }
}
.schoolhome .sc-title { text-align: center; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.schoolhome .sc-title .sc-h2 { font-size: 30px; font-weight: 700; line-height: 42px; color: #212b34 }
.schoolhome .sc-title .sc-h3 { margin-top: 10px; font-size: 18px; line-height: 25px; color: #525a67 }
.schoolhome .sc-title .plm { padding-left: 10px }
.schoolhome .sc-title.bgimg { position: relative; z-index: 5; padding-bottom: 22px }
.schoolhome .sc-title.bgimg:after, .schoolhome .sc-title.bgimg:before { position: absolute; content: "" }
.schoolhome .sc-title.bgimg:before { top: -15px; right: 50%; width: 86px; height: 80px; margin-right: -90px; background: url("https://assets-cdn.lanqb.com/school_v4/title@2x.png") no-repeat 50%; background-size: cover }
.schoolhome .sc-title.bgimg:after { bottom: 0; left: 50%; width: 50px; height: 4px; margin-left: -25px; background-color: #027cdb }
.schoolhome .sc-title.bgimg .sc-h2, .schoolhome .sc-title.bgimg .sc-h3 { position: relative; z-index: 2; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
@media (min-width:768px) {
.schoolhome .sc-title.mb65 { margin-bottom: 40px }
}
@media (min-width:992px) {
.schoolhome .sc-title.mb65 { margin-bottom: 52px }
}
@media (min-width:1200px) {
.schoolhome .sc-title.mb65 { margin-bottom: 65px }
}
.schoolhome .sc-homeRecomm { display: block; width: 100%; -webkit-animation: fadeIn 1s ease; animation: fadeIn 1s ease }
.schoolhome .sc-homeRecomm img { width: 100% }
.schoolhome .sc-btn { padding: 0; border: none; border-radius: 40px; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.schoolhome .sc-btn.btn-bgorange { color: #fff; background-color: #ff5900 }
.schoolhome .sc-btn.btn-bgorange:hover { background-color: lighter(#ff5900, 5%) }
.schoolhome .sc-btn.btn-bgorange:active { background-color: #ff5900 }
.schoolhome .sc-btn.bgwhite { color: #027cdb; background-color: #fff }
.schoolhome .sc-btn.bgwhite:hover { background-color: #fafafa }
.schoolhome .sc-btn.bgwhite:active { background-color: #fff }
@media (min-width:768px) {
.schoolhome .sc-btn { width: 70px; height: 28px; font-size: 12px; line-height: 28px }
}
@media (min-width:992px) {
.schoolhome .sc-btn { width: 80px; height: 32px; font-size: 14px; line-height: 32px }
}
@media (min-width:1200px) {
.schoolhome .sc-btn { width: 100px; height: 40px; line-height: 40px }
}
.schoolhome .sc-btns { text-align: center }
.schoolhome .sc-btns .sc-or-btn { position: relative; width: 166px; height: auto; padding: 10px; color: #ff5b02; font-size: 18px; line-height: 25px; background-color: transparent; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.schoolhome .sc-btns .sc-or-btn:after, .schoolhome .sc-btns .sc-or-btn:before { position: absolute; right: 0; background-color: #ff5b02; content: ""; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .sc-btns .sc-or-btn:before { bottom: -1px; left: 0; height: 1px }
.schoolhome .sc-btns .sc-or-btn:after { top: 100%; width: 1px; height: 12px; margin-top: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center top; transform-origin: center top }
.schoolhome .sc-btns .sc-or-btn:hover { color: #ff6c1c }
.schoolhome .sc-btns .sc-or-btn:hover:after, .schoolhome .sc-btns .sc-or-btn:hover:before { -webkit-animation: moveInLeft .82s ease; animation: moveInLeft .82s ease }
.schoolhome .sc-btns .scn-btn { border-radius: 33px }
.schoolhome .sc-btns .scn-btn+.scn-btn { margin-left: 40px }
.schoolhome .sc-btns .scn-btn.btn-bdblack { color: #212b34; border-color: #212b34 }
.schoolhome .sc-btns .scn-btn.btn-bdblack:hover { color: #fff; background-color: #212b34; border-color: #212b34 }
@media (min-width:768px) {
.schoolhome .sc-btns .scn-btn { width: 152px; height: 46px; font-size: 16x; line-height: 44px }
}
@media (min-width:992px) {
.schoolhome .sc-btns .scn-btn { width: 176px; height: 54px; font-size: 18px; line-height: 52px }
}
@media (min-width:1200px) {
.schoolhome .sc-btns .scn-btn { width: 220px; height: 66px; font-size: 20px; line-height: 64px }
}
@media (min-width:768px) {
.schoolhome .sc-btns.mt64 { margin-top: 42px }
}
@media (min-width:992px) {
.schoolhome .sc-btns.mt64 { margin-top: 52px }
}
@media (min-width:1200px) {
.schoolhome .sc-btns.mt64 { margin-top: 64px }
}
.schoolhome .sc-embg { position: absolute; z-index: 0 }
.schoolhome .sc-line { border-radius: 100px; opacity: .32; -webkit-transform-origin: center bottom; transform-origin: center bottom; background: #eaefff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eaefff), to(#e5f7ff)); background: linear-gradient(180deg, #eaefff 0, #e5f7ff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaefff", endColorstr="#e5f7ff", GradientType=0)
}
@media (min-width:768px) {
.schoolhome .sc-line { width: 64px; height: 465px }
}
@media (min-width:992px) {
.schoolhome .sc-line { width: 85px; height: 620px }
}
@media (min-width:1200px) {
.schoolhome .sc-line { width: 106px; height: 775px }
}
.schoolhome .sc-speckle { background-image: radial-gradient(circle at 50% 50%, #e5f7ff 0, #e5f7ff 25%, transparent 0); opacity: .48 }
@media (min-width:768px) {
.schoolhome .sc-speckle { background-size: 27px 27px; background-position: -9px -9px }
}
@media (min-width:992px) {
.schoolhome .sc-speckle { background-size: 36px 36px; background-position: -12px -12px }
}
@media (min-width:1200px) {
.schoolhome .sc-speckle { background-size: 45px 45px; background-position: -15px -15px }
}
.schoolhome .sc-ring { background: url("https://assets-cdn.lanqb.com/school_v4/ring@2x.png") no-repeat 50%; background-size: cover; opacity: .5 }
.schoolhome .relative-z5 { position: relative; z-index: 5 }
.schoolhome .pt87pb100 { position: relative; overflow: hidden }
@media (min-width:768px) {
.schoolhome .pt87pb100 { padding-top: 55px; padding-bottom: 65px }
}
@media (min-width:992px) {
.schoolhome .pt87pb100 { padding-top: 65px; padding-bottom: 85px }
}
@media (min-width:1200px) {
.schoolhome .pt87pb100 { padding-top: 87px; padding-bottom: 100px }
}
.schoolhome .scn-bg { position: absolute; display: block; background-repeat: no-repeat; background-position: 50%; background-size: cover }
.schoolhome .scn-bg.line1 { width: 620px; height: 570px; background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p0-line01_pc.png") }
.schoolhome .scn-bg.line2 { width: 620px; height: 570px; background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p0-line02_pc.png") }
.schoolhome .scn-bg.ring1 { width: 254px; height: 254px }
.schoolhome .scn-bg.ring1, .schoolhome .scn-bg.ring2 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p0-ring01_pc.png") }
.schoolhome .scn-bg.ring2 { width: 424px; height: 424px }
.schoolhome .scn-bg.dot { width: 240px; height: 310px; background-color: transparent; background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p0-dot-v2_pc.png"); background-repeat: repeat; background-size: 45px 42px; border-radius: 0 }
.schoolhome .sc-banner { position: relative; overflow: hidden }
.schoolhome .sc-banner, .schoolhome .sc-banner .sc-banner-img { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .sc-banner .sc-banner-img { position: absolute; top: 0; left: 50% }
@media (min-width:768px) {
.schoolhome .sc-banner { height: 193.7px }
.schoolhome .sc-banner .sc-banner-img { width: 1300px; margin-left: -650px }
}
@media (min-width:992px) {
.schoolhome .sc-banner { height: 247.34px }
.schoolhome .sc-banner .sc-banner-img { width: 1700px; margin-left: -850px }
}
@media (min-width:1200px) {
.schoolhome .sc-banner { height: 298px }
.schoolhome .sc-banner .sc-banner-img { width: 1920px; margin-left: -960px }
}
.schoolhome .sc-banner .sc-bancon { position: absolute; top: 143px; left: 50%; z-index: 1; color: #fff }
.schoolhome .sc-banner .sc-bancon h2, .schoolhome .sc-banner .sc-bancon h3 { -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.schoolhome .sc-banner .sc-bancon h2 { font-size: 40px; font-weight: 700; line-height: 56px }
.schoolhome .sc-banner .sc-bancon h3 { margin-top: 24px; font-size: 24px; line-height: 33px }
@media (min-width:768px) {
.schoolhome .sc-banner .sc-bancon { margin-left: -470px }
}
@media (min-width:1200px) {
.schoolhome .sc-banner .sc-bancon { margin-left: -590px }
}
.schoolhome .sc-p1 { background-color: #fff; text-align: center }
.schoolhome .sc-p1 .sc1-list { border-left: 1px solid #eef3f5 }
.schoolhome .sc-p1 .sc1-list li { float: left; border-right: 1px solid #eef3f5; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .sc-p1 .sc1-list.n7 li { width: 14.28571429% }
.schoolhome .sc-p1 .sc1-list.n8 li { width: 12.5% }
.schoolhome .sc-p1 .sc1-list.n9 li { width: 11.11111111% }
.schoolhome .sc-p1 .sc1-item { display: inline-block; vertical-align: top }
.schoolhome .sc-p1 .sc1-item img { -webkit-animation: zoomIn 1s ease; animation: zoomIn 1s ease }
.schoolhome .sc-p1 .sc1-item .icon { display: inline-block; background-repeat: no-repeat; background-position: 50%; background-size: cover; vertical-align: top }
.schoolhome .sc-p1 .sc1-item .icon.ic1 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p2-icon01@2x_pc.png") }
.schoolhome .sc-p1 .sc1-item .icon.ic2 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p2-icon02@2x_pc.png") }
.schoolhome .sc-p1 .sc1-item .icon.ic3 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p2-icon03@2x_pc.png") }
.schoolhome .sc-p1 .sc1-item .icon.ic4 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p2-icon04@2x_pc.png") }
.schoolhome .sc-p1 .sc1-item .icon.ic5 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p2-icon05v2@2x_pc.png") }
.schoolhome .sc-p1 .sc1-item .icon.ic6 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p2-icon06v2@2x_pc.png") }
.schoolhome .sc-p1 .sc1-item .icon.ic7 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p2-icon07@2x_pc.png") }
.schoolhome .sc-p1 .sc1-item .icon.ic8 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p2-icon08@2x_pc.png") }
.schoolhome .sc-p1 .sc1-item .icon.ic9 { background-image: url("https://assets-cdn.lanqb.com/onschv3/school/p2-icon10.png") }
.schoolhome .sc-p1 .sc1-item em { display: block; color: #525a67; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.schoolhome .sc-p1 .sc1-item:hover em { color: #027cdb }
@media (min-width:768px) {
.schoolhome .sc-p1 .sc1-list li { padding-top: 21px; padding-bottom: 24px }
.schoolhome .sc-p1 .sc1-item .icon, .schoolhome .sc-p1 .sc1-item img { width: 43px; height: 38px }
.schoolhome .sc-p1 .sc1-item em { margin-top: 10px; font-size: 14px; line-height: 20px }
}
@media (min-width:992px) {
.schoolhome .sc-p1 .sc1-list li { padding-top: 28px; padding-bottom: 32px }
.schoolhome .sc-p1 .sc1-item .icon, .schoolhome .sc-p1 .sc1-item img { width: 57px; height: 50px }
.schoolhome .sc-p1 .sc1-item em { margin-top: 12px; font-size: 16px; line-height: 22px }
}
@media (min-width:1200px) {
.schoolhome .sc-p1 .sc1-list li { padding-top: 30px; padding-bottom: 32px }
.schoolhome .sc-p1 .sc1-item .icon, .schoolhome .sc-p1 .sc1-item img { width: 68px; height: 60px }
.schoolhome .sc-p1 .sc1-item em { margin-top: 14px; font-size: 18px; line-height: 25px }
}
.schoolhome .sc-p1.fixed { position: fixed; left: 0; z-index: 14; width: 100%; padding-top: 15px; padding-bottom: 15px; -ms-box-shadow: 0 1px 5px rgba(59,60,62,.15); -o-box-shadow: 0 1px 5px rgba(59,60,62,.15); -webkit-box-shadow: 0 1px 5px rgba(59,60,62,.15); box-shadow: 0 1px 5px rgba(59,60,62,.15) }
.schoolhome .sc-p1.fixed .container { padding-left: 0 }
.schoolhome .sc-p1.fixed .sc1-list li { padding-top: 0; padding-bottom: 0 }
.schoolhome .sc-p1.fixed .sc1-item em { display: inline-block; margin-top: 0; font-size: 14px; vertical-align: top }
.schoolhome .sc-p1.fixed .sc1-list.n8 .sc1-item .icon, .schoolhome .sc-p1.fixed .sc1-list.n8 .sc1-item img { width: 32px; height: 28px }
.schoolhome .sc-p1.fixed .sc1-list.n8 .sc1-item em { margin-left: 5px; line-height: 28px }
@media (min-width:768px) {
.schoolhome .sc-p1.fixed .sc1-list.n9 { padding-top: 12px; padding-bottom: 10px }
.schoolhome .sc-p1.fixed .sc1-list.n9 .sc1-item .icon, .schoolhome .sc-p1.fixed .sc1-list.n9 .sc1-item img { width: 28px; height: 25px }
.schoolhome .sc-p1.fixed .sc1-list.n9 .sc1-item em { margin-left: 0; line-height: 25px }
}
@media (min-width:992px) {
.schoolhome .sc-p1.fixed .sc1-list.n9 { padding-top: 15px; padding-bottom: 15px }
.schoolhome .sc-p1.fixed .sc1-list.n9 .sc1-item em { margin-left: 4px }
}
@media (min-width:1200px) {
.schoolhome .sc-p1.fixed .sc1-list.n9 .sc1-item .icon, .schoolhome .sc-p1.fixed .sc1-list.n9 .sc1-item img { width: 32px; height: 28px }
.schoolhome .sc-p1.fixed .sc1-list.n9 .sc1-item em { margin-left: 5px; line-height: 28px }
}
.schoolhome .sc-list { position: relative }
.schoolhome .sc-list .sc2-h3 { position: relative; margin-bottom: 24px; font-size: 28px; line-height: 40px; -webkit-animation: fadeIn 1s ease; animation: fadeIn 1s ease }
.schoolhome .sc-list .sc2-h3 strong { display: inline-block; vertical-align: top }
.schoolhome .sc-list .sc2-h3 strong+strong:before { display: inline-block; width: 2px; height: 24px; margin: 8px 14px 0; background-color: rgba(33,43,52,.75); content: ""; vertical-align: top }
.schoolhome .sc-list .sc2-h3 em { position: absolute; top: -90px; left: 0 }
.schoolhome .sc-list .sc2-list li { float: left; width: 25%; -webkit-animation: fadeIn 1s ease; animation: fadeIn 1s ease }
.schoolhome .sc-list .sc2-cover { position: relative; display: block }
.schoolhome .sc-list .sc2-cover img { width: 100%; height: 100% }
.schoolhome .sc-list .sc2-cover .sc2-new { position: absolute; top: 0; left: 0; z-index: 2; display: inline-block; padding: 0 6px; font: normal 100 12px/24px PingFangHK-Regular, Arial; color: #fff; background-color: #ff6986; text-align: center; text-transform: uppercase; border-radius: 0 0 2px 0; -ms-box-shadow: 0 2px 4px rgba(244,100,127,.4); -o-box-shadow: 0 2px 4px rgba(244,100,127,.4); -webkit-box-shadow: 0 2px 4px rgba(244,100,127,.4); box-shadow: 0 2px 4px rgba(244,100,127,.4) }
.schoolhome .sc-list .sc2-item { overflow: hidden; background-color: #fff; border-radius: 2px; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.05); box-shadow: 0 2px 6px 0 rgba(0,0,0,.05); -webkit-transition: all .32s ease-in-out; transition: all .32s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .sc-list .sc2-item:hover { margin-bottom: 0; -webkit-box-shadow: 0 2px 18px 0 rgba(0,0,0,.1); box-shadow: 0 2px 18px 0 rgba(0,0,0,.1) }
.schoolhome .sc-list .sc2-item:hover .sc2-btns { border-top-color: #f6f8fa }
.schoolhome .sc-list .sc2-des { padding: 10px; overflow: hidden; -webkit-transition: all .32s ease-in-out; transition: all .32s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .sc-list .sc2-des h4 { height: 22px; font-size: 16px; line-height: 22px }
.schoolhome .sc-list .sc2-des h4 a { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.schoolhome .sc-list .sc2-des p span { font-size: 12px; line-height: 18px; color: #87959f }
.schoolhome .sc-list .sc2-des p span em { color: #ff5b02 }
.schoolhome .sc-list .sc2-teas { height: 28px; overflow: hidden }
.schoolhome .sc-list .sc2-tea { display: inline-block; vertical-align: top }
.schoolhome .sc-list .sc2-tea+.sc2-tea { margin-left: 5px }
.schoolhome .sc-list .sc2-tea em, .schoolhome .sc-list .sc2-tea img { display: inline-block; vertical-align: top }
.schoolhome .sc-list .sc2-tea img { width: 28px; height: 28px; border-radius: 50% }
.schoolhome .sc-list .sc2-tea em { margin-top: 5px; margin-left: 10px; font-size: 12px; line-height: 18px; color: #87959f }
.schoolhome .sc-list .sc2-btns { padding-top: 10px; border-top: 1px solid transparent; text-align: center }
.schoolhome .sc-list .sc-embg.sc-speckle { left: 0 }
@media (min-width:768px) {
.schoolhome .sc-list.sc-p2 { padding-top: 32px; padding-bottom: 36px }
.schoolhome .sc-list.sl-p2 { padding-top: 36px; padding-bottom: 80px }
.schoolhome .sc-list .sc-title { margin-bottom: 42px }
.schoolhome .sc-list .sc2-list { margin-right: -6px; margin-left: -6px }
.schoolhome .sc-list .sc2-list li { height: 295px; padding: 0 6px 21px }
.schoolhome .sc-list .sc2-item { margin-bottom: 52px }
.schoolhome .sc-list .sc2-cover { height: 113px }
.schoolhome .sc-list .sc2-des { height: 96px }
.schoolhome .sc-list .sc2-des p { margin-top: 4px }
.schoolhome .sc-list .sc2-des p span.right { display: none }
.schoolhome .sc-list .sc2-teas { margin-top: 4px }
.schoolhome .sc-list .sc2-btns { margin-top: 10px }
.schoolhome .sc-list .sc2-btns .sc-btn+.sc-btn { margin-left: 6px }
.schoolhome .sc-list .sc2-item:hover .sc2-des { height: 145px }
.schoolhome .sc-list .sc-embg.sc-ring { top: 28px; right: -92px; width: 254px; height: 254px }
.schoolhome .sc-list .sc-embg.sc-speckle { top: 252px; width: 144px; height: 198px }
}
@media (min-width:992px) {
.schoolhome .sc-list.sc-p2 { padding-top: 44px; padding-bottom: 48px }
.schoolhome .sc-list.sl-p2 { padding-top: 48px }
.schoolhome .sc-list .sc-title { margin-bottom: 56px }
.schoolhome .sc-list .sc2-list { margin-right: -8px; margin-left: -8px }
.schoolhome .sc-list .sc2-list li { height: 358px; padding: 0 8px 28px }
.schoolhome .sc-list .sc2-item { margin-bottom: 52px }
.schoolhome .sc-list .sc2-cover { height: 147px }
.schoolhome .sc-list .sc2-des { height: 116px }
.schoolhome .sc-list .sc2-des p { margin-top: 10px }
.schoolhome .sc-list .sc2-des p span.right { display: block }
.schoolhome .sc-list .sc2-btns { margin-top: 17px }
.schoolhome .sc-list .sc2-btns .sc-btn+.sc-btn { margin-left: 28px }
.schoolhome .sc-list .sc2-teas { margin-top: 10px }
.schoolhome .sc-list .sc2-item:hover .sc2-des { height: 168px }
.schoolhome .sc-list .sc-embg.sc-ring { top: 38px; right: -123px; width: 340px; height: 340px }
.schoolhome .sc-list .sc-embg.sc-speckle { top: 336px; width: 240px; height: 330px }
}
@media (min-width:1200px) {
.schoolhome .sc-list.sc-p2 { padding-top: 54px; padding-bottom: 60px }
.schoolhome .sc-list.sl-p2 { padding-top: 60px; padding-bottom: 100px }
.schoolhome .sc-list .sc-title { margin-bottom: 70px }
.schoolhome .sc-list .sc2-list { margin-right: -10px; margin-left: -10px }
.schoolhome .sc-list .sc2-list li { height: 388px; padding: 0 10px 35px }
.schoolhome .sc-list .sc2-item { margin-bottom: 60px }
.schoolhome .sc-list .sc2-cover { height: 177px }
.schoolhome .sc-list .sc2-item:hover .sc2-des { height: 176px }
.schoolhome .sc-list .sc-embg.sc-ring { top: 46px; right: -154px; width: 424px; height: 424px }
.schoolhome .sc-list .sc-embg.sc-speckle { top: 420px; width: 240px; height: 330px }
}
.schoolhome .sc-part7 { position: relative }
.schoolhome .sc-part7 .sc-title { margin-bottom: 54px }
.schoolhome .sc-part7 .scn-bg.ring1 { top: 176px; right: 50%; margin-right: -1088px }
.schoolhome .sc-part7 .scn-bg.line1 { top: -222px; left: 50%; margin-left: -1394px }
.schoolhome .sc-part7 .sc7-page { position: absolute; color: #87959f; cursor: pointer; -webkit-transition: all .52s ease-in-out; transition: all .52s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .sc-part7 .sc7-page .iconfont { font-size: 24px; line-height: 30px }
.schoolhome .sc-part7 .sc7-page:hover { color: #027cdb }
.schoolhome .sc-part7 .sc7-item { position: relative; color: #fff; background-color: #6c768d; text-align: center; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .sc-part7 .sc7-item p { text-align: left }
.schoolhome .sc-part7 .sc7-item .btn { position: absolute; bottom: -20px; left: 50%; width: 130px; height: 40px; margin-left: -65px; font-size: 14px; line-height: 38px; opacity: 0; border-radius: 30px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .sc-part7 .swiper-slide { padding-bottom: 20px }
.schoolhome .sc-part7 .swiper-slide-active .sc7-item { background-color: #353b4a }
.schoolhome .sc-part7 .swiper-slide-active .sc7-item .btn { opacity: 1 }
.schoolhome .sc-part7 .sc7-cover img, .schoolhome .sc-part7 .sc7-heading img { height: 100% }
.schoolhome .sc-part7 .sc-embg.sc-line { bottom: 50%; -webkit-transform: rotate(-48deg); transform: rotate(-48deg) }
@media (min-width:768px) {
.schoolhome .sc-part7 { padding-top: 83px; padding-bottom: 36px }
.schoolhome .sc-part7 .sc7-page { top: -15px }
.schoolhome .sc-part7 .sc7-page.sc7-prev { left: 0 }
.schoolhome .sc-part7 .sc7-page.sc7-next { right: 0 }
.schoolhome .sc-part7 .sc7-item { width: 246px; padding: 15px 16px 18px }
.schoolhome .sc-part7 .sc7-item p { min-height: 112px; margin-bottom: 15px; font-size: 12px; line-height: 16px }
.schoolhome .sc-part7 .sc7-heading { height: 54px }
.schoolhome .sc-part7 .sc7-cover { height: 105px; margin-top: 18px; margin-bottom: 18px }
.schoolhome .sc-part7 .sc-embg.sc-right { top: 54px; right: -76px; width: 152px; height: 152px }
.schoolhome .sc-part7 .sc-embg.sc-line { left: 66px; margin-bottom: -38px }
}
@media (min-width:992px) {
.schoolhome .sc-part7 { padding-top: 93px; padding-bottom: 48px }
.schoolhome .sc-part7 .sc7-item { width: 328px; padding: 20px 20px 24px }
.schoolhome .sc-part7 .sc7-item p { min-height: 140px; margin-bottom: 0; font-size: 14px; line-height: 20px }
.schoolhome .sc-part7 .sc7-heading { height: 72px }
.schoolhome .sc-part7 .sc7-cover { height: 140px; margin-top: 24px; margin-bottom: 24px }
.schoolhome .sc-part7 .sc-embg.sc-right { top: 72px; right: -102px; width: 204px; height: 204px }
.schoolhome .sc-part7 .sc-embg.sc-line { left: 88px; margin-bottom: -50px }
}
@media (min-width:1200px) {
.schoolhome .sc-part7 { padding-top: 123px; padding-bottom: 60px }
.schoolhome .sc-part7 .sc7-page { top: 50%; margin-top: -15px }
.schoolhome .sc-part7 .sc7-page.sc7-prev { left: -40px }
.schoolhome .sc-part7 .sc7-page.sc7-next { right: -40px }
.schoolhome .sc-part7 .sc7-item { width: 410px; padding: 24px 26px 30px }
.schoolhome .sc-part7 .sc7-heading { height: 90px }
.schoolhome .sc-part7 .sc7-cover { height: 174px; margin-top: 30px; margin-bottom: 30px }
.schoolhome .sc-part7 .sc-embg.sc-right { top: 90px; right: -128px; width: 254px; height: 254px }
.schoolhome .sc-part7 .sc-embg.sc-line { left: 110px; margin-bottom: -62px }
}
.schoolhome .sc-part8 { background: url("https://assets-cdn.lanqb.com/onschv3/school/p9-bg.png") no-repeat top; background-size: auto 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.schoolhome .sc-part8 .sc8-title { position: relative; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.schoolhome .sc-part8 .sc8-title:before { position: absolute; left: 50%; background-color: #212b34; content: "" }
.schoolhome .sc-part8 .sc8-title h3 { font-weight: 300; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.schoolhome .sc-part8 .sc8-title h3+h3 { margin-top: 20px }
.schoolhome .sc-part8 .sc8-title h3 strong { color: #027cdb }
@media (min-width:768px) {
.schoolhome .sc-part8 { height: 394px }
.schoolhome .sc-part8 .sc8-title:before { top: -33px; width: 22px; height: 3px; margin-left: -11px }
.schoolhome .sc-part8 .sc8-title h3 { font-size: 30px; line-height: 34px }
}
@media (min-width:992px) {
.schoolhome .sc-part8 { height: 525px; margin-bottom: 60px }
.schoolhome .sc-part8 .sc8-title:before { top: -44px; width: 28px; height: 4px; margin-left: -14px }
.schoolhome .sc-part8 .sc8-title h3 { font-size: 36px; line-height: 45px }
}
@media (min-width:1200px) {
.schoolhome .sc-part8 { height: 657px; margin-bottom: 75px }
.schoolhome .sc-part8 .sc8-title:before { top: -55px; width: 36px; height: 5px; margin-left: -18px }
.schoolhome .sc-part8 .sc8-title h3 { font-size: 40px; line-height: 56px }
}
.schoolhome .schoolhome-nav { position: fixed; top: 50%; left: 1%; z-index: 12; margin-top: -160px; -webkit-animation: fadeInLeft 1s ease; animation: fadeInLeft 1s ease }
@media (min-width:768px) {
.schoolhome .schoolhome-nav { display: none }
}
@media (min-width:1450px) {
.schoolhome .schoolhome-nav { display: block }
}
.schoolhome .schoolhome-nav-list>li { position: relative; width: 23px; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.schoolhome .schoolhome-nav-list>li>a { width: 13px; height: 13px; padding: 4px; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 13px; -webkit-transition: height .32s ease; transition: height .32s ease }
.schoolhome .schoolhome-nav-list>li>a, .schoolhome .schoolhome-nav-list>li>a>em { display: block; background-color: #e1eefe; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .schoolhome-nav-list>li>a>em { width: 5px; height: 5px; border-radius: 5px; -webkit-transition: background .26s ease; transition: background .26s ease }
.schoolhome .schoolhome-nav-list>li>span { position: absolute; top: 50%; left: 35px; z-index: 2; display: inline-block; height: 32px; padding: 6px 12px; margin-top: -18px; font-size: 16px; line-height: 1.25; font-weight: 700; color: #1f539b; background-color: #e1eefe; white-space: nowrap; cursor: default; opacity: 0; border-radius: 4px; -webkit-transition: opacity 1.2s ease; transition: opacity 1.2s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.schoolhome .schoolhome-nav-list>li>span:before { position: absolute; top: 50%; right: 100%; z-index: 1; width: 0; height: 0; margin-top: -5px; margin-left: -1px; content: ""; border-right: 10px solid #e1eefe; border-top: 5px solid transparent; border-bottom: 5px solid transparent }
.schoolhome .schoolhome-nav-list>li.active>span, .schoolhome .schoolhome-nav-list>li.hover>a>em, .schoolhome .schoolhome-nav-list>li.hover>span { opacity: 1 }
.schoolhome .schoolhome-nav-list>li.active>a { height: 30px }
.schoolhome .schoolhome-nav-list>li.active>a>em { height: 22px; background-color: #027cdb; opacity: 1 }
.schoolhome .scn-part2 .scn2-tabs { margin-bottom: 40px; text-align: center }
.schoolhome .scn-part2 .scn2-tabs .scn2-tab { display: inline-block; height: 40px; font-size: 14px; line-height: 38px; color: #212b34; border: 1px solid #212b34; vertical-align: top; border-radius: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.schoolhome .scn-part2 .scn2-tabs .scn2-tab:active, .schoolhome .scn-part2 .scn2-tabs .scn2-tab:hover { color: #fff; background-color: #027cdb; border-color: #027cdb }
.schoolhome .scn-part2 .scn2-tabs .scn2-tab+.scn2-tab { margin-left: 10px }
@media (min-width:768px) {
.schoolhome .scn-part2 .scn2-tabs .scn2-tab { width: 132px }
}
@media (min-width:992px) {
.schoolhome .scn-part2 .scn2-tabs .scn2-tab { width: 144px }
}
.schoolhome .scn-part2 .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.schoolhome .scn-part2 .scn2-item { background-color: #fff }
.schoolhome .scn-part2 .scn2-item .cover { display: block; width: 100% }
.schoolhome .scn-part2 .scn2-item .cover img { width: 100%; height: 100%; -webkit-transition: transform .5s ease; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .scn-part2 .scn2-item .cover:hover img { -webkit-filter: brightness(.9); filter: brightness(.9) }
@media (min-width:768px) {
.schoolhome .scn-part2 .scn2-item { width: 342px; margin-right: 20px }
.schoolhome .scn-part2 .scn2-item .cover { height: 216px }
}
@media (min-width:992px) {
.schoolhome .scn-part2 .scn2-item { width: 464px; margin-right: 30px }
.schoolhome .scn-part2 .scn2-item .cover { height: 293px }
}
@media (min-width:1200px) {
.schoolhome .scn-part2 .scn2-item { width: 560px; margin-right: 40px }
.schoolhome .scn-part2 .scn2-item .cover { height: 354px }
}
.schoolhome .scn-part2 .scn2-des { position: relative }
.schoolhome .scn-part2 .scn2-des .btn { position: absolute; border-radius: 30px }
@media (min-width:768px) {
.schoolhome .scn-part2 .scn2-des { padding: 12px 20px 72px }
.schoolhome .scn-part2 .scn2-des .btn { right: 50%; bottom: 20px; width: 120px; height: 42px; margin-right: -60px; font-size: 12px; line-height: 40px }
}
@media (min-width:992px) {
.schoolhome .scn-part2 .scn2-des { padding: 12px 26px 30px }
.schoolhome .scn-part2 .scn2-des .btn { right: 26px; bottom: 40px; width: 128px; height: 46px; margin-right: 0; font-size: 14px; line-height: 44px }
}
@media (min-width:1200px) {
.schoolhome .scn-part2 .scn2-des { padding: 12px 32px 40px }
.schoolhome .scn-part2 .scn2-des .btn { right: 32px; width: 150px; height: 52px; font-size: 16px; line-height: 50px }
}
.schoolhome .scn-part2 .scn2-des-wrap h3.title { margin-bottom: 18px; font-size: 24px; font-weight: 700; line-height: 33px; border-bottom: 1px solid #e3e9ef }
.schoolhome .scn-part2 .scn2-des-wrap h3.title a { display: inline-block; max-width: 100%; height: 33px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.schoolhome .scn-part2 .scn2-des-wrap h3.title a:hover { color: #027cdb }
.schoolhome .scn-part2 .scn2-des-wrap h6 { font-size: 12px; line-height: 17px; color: #525a67 }
.schoolhome .scn-part2 .scn2-des-wrap h6+h6 { margin-top: 8px }
.schoolhome .scn-part2 .scn2-des-wrap p { height: 90px; margin-top: 20px; font-size: 12px; line-height: 18px; color: #525a67 }
@media (min-width:768px) {
.schoolhome .scn-part2 .scn2-des-wrap { width: 100% }
.schoolhome .scn-part2 .scn2-des-wrap h3.title { padding-top: 12px; padding-bottom: 12px }
}
@media (min-width:992px) {
.schoolhome .scn-part2 .scn2-des-wrap { width: 265px }
.schoolhome .scn-part2 .scn2-des-wrap h3.title { padding-top: 20px; padding-bottom: 20px }
}
@media (min-width:1200px) {
.schoolhome .scn-part2 .scn2-des-wrap { width: 280px }
}
.schoolhome .scn-part2 .authers { position: absolute; padding-top: 22px; background-color: #fff; text-align: center; -ms-box-shadow: 0 2px 20px rgba(0,0,0,.1); -o-box-shadow: 0 2px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.1); box-shadow: 0 2px 20px rgba(0,0,0,.1); border-radius: 4px }
.schoolhome .scn-part2 .authers .auther { position: relative; display: inline-block; vertical-align: top }
.schoolhome .scn-part2 .authers .auther img { position: absolute; border: 2px solid #fff; border-radius: 50% }
.schoolhome .scn-part2 .authers .auther.n1 { width: 62px; height: 62px }
.schoolhome .scn-part2 .authers .auther.n1 img { top: 0; left: 0; width: 60px; height: 60px }
.schoolhome .scn-part2 .authers .auther.n2 { width: 42px; height: 42px }
.schoolhome .scn-part2 .authers .auther.n2 img { top: 0; width: 40px; height: 40px }
.schoolhome .scn-part2 .authers .auther.n2 img:first-child { right: -8px }
.schoolhome .scn-part2 .authers .auther.n2 img:nth-child(2) { left: -8px }
.schoolhome .scn-part2 .authers .auther.n3 { width: 42px; height: 42px }
.schoolhome .scn-part2 .authers .auther.n3 img { top: 0; width: 40px; height: 40px }
.schoolhome .scn-part2 .authers .auther.n3 img:first-child { right: -16px }
.schoolhome .scn-part2 .authers .auther.n3 img:nth-child(2) { left: 0 }
.schoolhome .scn-part2 .authers .auther.n3 img:nth-child(3) { left: -16px }
.schoolhome .scn-part2 .authers h5 { position: relative; margin-top: 10px; font-size: 16px; font-weight: 700; line-height: 22px }
.schoolhome .scn-part2 .authers h5:after { position: absolute; bottom: -11px; left: 50%; width: 20px; height: 1px; margin-left: -10px; background-color: #e3e9ef; content: "" }
.schoolhome .scn-part2 .authers h6 { margin-top: 20px; font-size: 12px; line-height: 17px; color: #525a67 }
@media (min-width:768px) {
.schoolhome .scn-part2 .authers { top: -160px; right: -10px; width: 130px; height: 180px }
}
@media (min-width:992px) {
.schoolhome .scn-part2 .authers { top: -48px; right: 26px; width: 140px; height: 190px }
}
@media (min-width:1200px) {
.schoolhome .scn-part2 .authers { right: 32px; width: 150px; height: 200px }
}
.schoolhome .scn-part2 .scn2-page { position: absolute; z-index: 1; width: 70px; height: 70px; background: #fff; cursor: pointer; outline: none; border-radius: 70px; -ms-box-shadow: 0 0 20px rgba(0,0,0,.2); -o-box-shadow: 0 0 20px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); box-shadow: 0 0 20px rgba(0,0,0,.2); -webkit-transition: background .5s ease; transition: background .5s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.schoolhome .scn-part2 .scn2-page .iconfont { font-size: 27px; line-height: 1; color: #212b34; -webkit-transition: color .5s ease; transition: color .5s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .scn-part2 .scn2-page:hover { background: #027cdb }
.schoolhome .scn-part2 .scn2-page:hover .iconfont { color: #fff }
.schoolhome .scn-part2 .scn2-page.swiper-button-disabled { opacity: .5; background-color: #eef3f5; cursor: default }
.schoolhome .scn-part2 .scn2-page.swiper-button-disabled .iconfont { opacity: .5 }
.schoolhome .scn-part2 .scn2-page.swiper-button-disabled:hover .iconfont { color: #525a67 }
@media (min-width:768px) {
.schoolhome .scn-part2 .scn2-page { top: 80px }
.schoolhome .scn-part2 .scn2-page.prev { left: 0 }
.schoolhome .scn-part2 .scn2-page.next { right: 0 }
}
@media (min-width:992px) {
.schoolhome .scn-part2 .scn2-page { top: 120px }
.schoolhome .scn-part2 .scn2-page.prev { left: 75px }
.schoolhome .scn-part2 .scn2-page.next { right: 75px }
}
@media (min-width:1200px) {
.schoolhome .scn-part2 .scn2-page { top: 172px }
.schoolhome .scn-part2 .scn2-page.prev { left: 105px }
.schoolhome .scn-part2 .scn2-page.next { right: 105px }
}
.schoolhome .scn-part3 { background: url("https://assets-cdn.lanqb.com/school_v4/school/p3-bgv2.png") no-repeat top }
.schoolhome .scn-part3 .sc-title:before { opacity: .4 }
.schoolhome .scn-part3 .sc-title .sc-h2, .schoolhome .scn-part3 .sc-title .sc-h3 { color: #fff }
.schoolhome .scn-part3 .scn3-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.schoolhome .scn-part3 .scn3-item { background-color: #fff; text-align: center; -webkit-transition: transform .5s ease; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .scn-part3 .scn3-item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px) }
.schoolhome .scn-part3 .scn3-item .cover { border-radius: 50% }
.schoolhome .scn-part3 .scn3-item h4 { margin-top: 20px; font-size: 20px; line-height: 28px }
.schoolhome .scn-part3 .scn3-item h5 { display: inline-block; margin-top: 8px; font-size: 12px; font-weight: 700; line-height: 17px; vertical-align: top }
.schoolhome .scn-part3 .scn3-item h5 em { color: #b1bbc3 }
.schoolhome .scn-part3 .scn3-item p { padding-right: 10px; margin-right: -10px; overflow: hidden; overflow-y: auto; color: #707070; text-align: left }
@media (min-width:768px) {
.schoolhome .scn-part3 .scn3-item { width: 180px; padding: 20px 10px }
.schoolhome .scn-part3 .scn3-item .cover { width: 90px; height: 90px }
.schoolhome .scn-part3 .scn3-item p { height: 160px; margin-top: 24px; font-size: 12px; line-height: 20px }
}
@media (min-width:992px) {
.schoolhome .scn-part3 .scn3-item { width: 240px; padding: 36px 15px }
.schoolhome .scn-part3 .scn3-item .cover { width: 100px; height: 100px }
.schoolhome .scn-part3 .scn3-item p { height: 176px; margin-top: 28px; line-height: 22px }
}
@media (min-width:1200px) {
.schoolhome .scn-part3 .scn3-item { width: 280px; padding: 56px 28px }
.schoolhome .scn-part3 .scn3-item .cover { width: 110px; height: 110px }
.schoolhome .scn-part3 .scn3-item p { height: 192px; margin-top: 32px; font-size: 14px; line-height: 24px }
}
@media (min-width:768px) {
.schoolhome .scn-part4 .sc-title { margin-bottom: 54px }
.schoolhome .scn-part4 .sc-btns { margin-top: 54px }
}
@media (min-width:992px) {
.schoolhome .scn-part4 .sc-title { margin-bottom: 68px }
.schoolhome .scn-part4 .sc-btns { margin-top: 64px }
}
@media (min-width:1200px) {
.schoolhome .scn-part4 .sc-title { margin-bottom: 85px }
.schoolhome .scn-part4 .sc-btns { margin-top: 84px }
}
.schoolhome .scn-part4 .scn-bg.ring1 { top: 223px; left: 50%; margin-left: -1071px }
.schoolhome .scn-part4 .scn-bg.line2 { top: 176px; right: 50%; margin-right: -1399px }
.schoolhome .scn-part4 .scn4-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.schoolhome .scn-part4 .scn4-item { text-align: center }
.schoolhome .scn-part4 .scn4-item .icon { display: block; background-repeat: no-repeat; background-position: 50%; background-size: cover; -webkit-transition: transform .5s ease; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .scn-part4 .scn4-item .icon.ic1 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p4-img1@2x.png") }
.schoolhome .scn-part4 .scn4-item .icon.ic2 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p4-img2@2x.png") }
.schoolhome .scn-part4 .scn4-item .icon.ic3 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p4-img3@2x.png") }
.schoolhome .scn-part4 .scn4-item h4 { font-weight: 700 }
.schoolhome .scn-part4 .scn4-item h6 { color: #707070 }
.schoolhome .scn-part4 .scn4-item:hover .icon { -webkit-transform: scale(.95); transform: scale(.95) }
@media (min-width:768px) {
.schoolhome .scn-part4 .scn4-item { width: 200px }
.schoolhome .scn-part4 .scn4-item .icon { width: 200px; height: 200px }
.schoolhome .scn-part4 .scn4-item h4 { margin-top: 15px; font-size: 20px; line-height: 28px }
.schoolhome .scn-part4 .scn4-item h6 { margin-top: 4px; font-size: 12px; line-height: 20px }
}
@media (min-width:992px) {
.schoolhome .scn-part4 .scn4-item { width: 230px }
.schoolhome .scn-part4 .scn4-item .icon { width: 230px; height: 230px }
.schoolhome .scn-part4 .scn4-item h4 { margin-top: 25px; font-size: 22px; line-height: 30px }
.schoolhome .scn-part4 .scn4-item h6 { margin-top: 6px; font-size: 14px; line-height: 22px }
}
@media (min-width:1200px) {
.schoolhome .scn-part4 .scn4-item { width: 280px }
.schoolhome .scn-part4 .scn4-item .icon { width: 280px; height: 280px }
.schoolhome .scn-part4 .scn4-item h4 { margin-top: 40px; font-size: 24px; line-height: 33px }
.schoolhome .scn-part4 .scn4-item h6 { margin-top: 8px; font-size: 16px }
}
.schoolhome .scn-part5 { position: relative; background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p5-bgv2.png"); background-repeat: no-repeat }
.schoolhome .scn-part5:before { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; content: "" }
.schoolhome .scn-part5:after { position: absolute; left: 50%; z-index: 1; width: 300px; height: 500px; margin-left: -738px; background: url("https://assets-cdn.lanqb.com/school_v4/school/p6-img@2x_pc.png") no-repeat bottom; background-size: cover; content: ""; -webkit-animation: fadeInLeft 1s ease; animation: fadeInLeft 1s ease }
.schoolhome .scn-part5 .container, .schoolhome .scn-part5 .sc-btns { position: relative; z-index: 2 }
@media (min-width:768px) {
.schoolhome .scn-part5 { background-position: 50% 267px }
.schoolhome .scn-part5:before { height: 170px }
.schoolhome .scn-part5:after { bottom: 170px }
.schoolhome .scn-part5 .scn5-list { padding-bottom: 63px }
}
@media (min-width:992px) {
.schoolhome .scn-part5 { background-position: 50% 320px }
.schoolhome .scn-part5:before { height: 191px }
.schoolhome .scn-part5:after { bottom: 191px }
.schoolhome .scn-part5 .scn5-list { padding-bottom: 94px }
}
@media (min-width:1200px) {
.schoolhome .scn-part5 { background-position: 50% 371px }
.schoolhome .scn-part5:before { height: 230px }
.schoolhome .scn-part5:after { bottom: 230px }
.schoolhome .scn-part5 .scn5-list { padding-bottom: 110px }
}
.schoolhome .scn-part5 .scn5-item { float: left; height: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.schoolhome .scn-part5 .scn5-item.tm1 { position: relative; background-color: #027cdb; color: #fff }
.schoolhome .scn-part5 .scn5-item.tm1:before { position: absolute; left: 100%; top: 47px; border-left: 10px solid #027cdb; border-top: 10px solid transparent; border-bottom: 10px solid transparent; content: "" }
.schoolhome .scn-part5 .scn5-item.tm1 h3 { position: relative; margin-bottom: 46px; font-size: 28px; font-weight: 700; line-height: 40px }
.schoolhome .scn-part5 .scn5-item.tm1 h3:after { position: absolute; left: 0; bottom: -20px; width: 30px; height: 4px; background-color: #fff; content: "" }
.schoolhome .scn-part5 .scn5-item.tm1 p { line-height: 20px }
.schoolhome .scn-part5 .scn5-item.tm1 p+p { margin-top: 10px }
@media (min-width:768px) {
.schoolhome .scn-part5 .scn5-item.tm1 { width: 200px; padding-right: 10px; padding-left: 20px; margin-right: 16px }
.schoolhome .scn-part5 .scn5-item.tm1 p { font-size: 12px }
}
@media (min-width:992px) {
.schoolhome .scn-part5 .scn5-item.tm1 { width: 230px; margin-right: 24px }
}
@media (min-width:1200px) {
.schoolhome .scn-part5 .scn5-item.tm1 { width: 290px; padding-right: 0; padding-left: 40px; margin-right: 30px }
.schoolhome .scn-part5 .scn5-item.tm1 p { font-size: 14px }
}
.schoolhome .scn-part5 .scn5-item.tm2 { background-color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: transform .5s ease; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .scn-part5 .scn5-item.tm2:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px) }
.schoolhome .scn-part5 .scn5-item.tm2 .scn5-item-wrap { text-align: center }
.schoolhome .scn-part5 .scn5-item.tm2 .cover { border-radius: 50% }
.schoolhome .scn-part5 .scn5-item.tm2 h4 { margin-top: 20px; font-size: 20px; line-height: 28px }
@media (min-width:768px) {
.schoolhome .scn-part5 .scn5-item.tm2 { width: 126px }
.schoolhome .scn-part5 .scn5-item.tm2+.scn5-item.tm2 { margin-left: 9px }
.schoolhome .scn-part5 .scn5-item.tm2 .cover { width: 80px; height: 80px }
}
@media (min-width:992px) {
.schoolhome .scn-part5 .scn5-item.tm2 { width: 170px }
.schoolhome .scn-part5 .scn5-item.tm2+.scn5-item.tm2 { margin-left: 13px }
.schoolhome .scn-part5 .scn5-item.tm2 .cover { width: 90px; height: 90px }
}
@media (min-width:1200px) {
.schoolhome .scn-part5 .scn5-item.tm2 { width: 200px }
.schoolhome .scn-part5 .scn5-item.tm2+.scn5-item.tm2 { margin-left: 20px }
.schoolhome .scn-part5 .scn5-item.tm2 .cover { width: 100px; height: 100px }
}
.schoolhome .scn-part6 .scn6-item-wrap { float: left; width: 25% }
@media (min-width:768px) {
.schoolhome .scn-part6 .scn6-list { margin-right: -4px; margin-left: -4px }
.schoolhome .scn-part6 .scn6-item-wrap { padding-right: 4px; padding-left: 4px }
}
@media (min-width:992px) {
.schoolhome .scn-part6 .scn6-list { margin-right: -6px; margin-left: -6px }
.schoolhome .scn-part6 .scn6-item-wrap { padding-right: 6px; padding-left: 6px }
}
@media (min-width:1200px) {
.schoolhome .scn-part6 .scn6-list { margin-right: -10px; margin-left: -10px }
.schoolhome .scn-part6 .scn6-item-wrap { padding-right: 10px; padding-left: 10px }
}
.schoolhome .scn-part6 .scn-bg.dot { top: 314px; left: 50%; margin-left: -1041px }
.schoolhome .scn-part6 .scn6-item { width: 100%; background-color: #fff; text-align: center; -webkit-transition: transform .5s ease; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .scn-part6 .scn6-item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px) }
.schoolhome .scn-part6 .scn6-item .cover { border-radius: 50% }
.schoolhome .scn-part6 .scn6-item h4 { position: relative; margin-top: 20px; font-size: 20px; line-height: 28px }
.schoolhome .scn-part6 .scn6-item h4:after { position: absolute; left: 50%; width: 30px; margin-left: -15px; background-color: #027cdb; content: "" }
.schoolhome .scn-part6 .scn6-item p { height: 120px; padding-right: 10px; margin-top: 40px; margin-right: -10px; overflow: hidden; overflow-y: auto; color: #707070; text-align: left }
@media (min-width:768px) {
.schoolhome .scn-part6 .scn6-item { padding: 32px 10px }
.schoolhome .scn-part6 .scn6-item .cover { width: 70px; height: 70px }
.schoolhome .scn-part6 .scn6-item h4:after { bottom: -21px; height: 2px }
.schoolhome .scn-part6 .scn6-item p { font-size: 12px; line-height: 20px }
}
@media (min-width:992px) {
.schoolhome .scn-part6 .scn6-item { padding: 42px 15px }
.schoolhome .scn-part6 .scn6-item .cover { width: 90px; height: 90px }
.schoolhome .scn-part6 .scn6-item h4:after { bottom: -22px; height: 3px }
.schoolhome .scn-part6 .scn6-item p { line-height: 24px }
}
@media (min-width:1200px) {
.schoolhome .scn-part6 .scn6-item { padding: 56px 28px }
.schoolhome .scn-part6 .scn6-item .cover { width: 110px; height: 110px }
.schoolhome .scn-part6 .scn6-item h4:after { bottom: -23px; height: 4px }
.schoolhome .scn-part6 .scn6-item p { font-size: 14px; line-height: 24px }
}
.schoolhome .scn-part7 { position: relative }
.schoolhome .scn-part7:before { position: absolute; top: 184px; right: 50%; z-index: 1; width: 404px; height: 784px; margin-right: -704px; background: url("https://assets-cdn.lanqb.com/school_v4/school/p8-img@2x_pc.png") no-repeat bottom; background-size: cover; content: ""; -webkit-animation: fadeInRight 1s ease; animation: fadeInRight 1s ease }
.schoolhome .scn-part7 .sc-title { margin-bottom: 57px }
.schoolhome .scn-part7 .sc-btns { margin-top: 80px }
.schoolhome .scn-part7 .container, .schoolhome .scn-part7 .sc-btns { position: relative; z-index: 2 }
.schoolhome .scn-part7 .scn-bg.line1 { top: 93px; left: 50%; margin-left: -1388px }
.schoolhome .scn-part7 .scn-bg.ring1 { top: 278px; right: 50%; margin-right: -1091px }
.schoolhome .scn-part7 .scn7-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 82px 10px 85px 15px; background-color: #fafbfd }
@media (min-width:768px) {
.schoolhome .scn-part7 .scn7-list { width: 100%; border-radius: 32px }
}
@media (min-width:992px) {
.schoolhome .scn-part7 .scn7-list { width: 900px; border-radius: 63px }
}
.schoolhome .scn-part7 .scn7-item { position: relative; text-align: center }
.schoolhome .scn-part7 .scn7-item .icon { display: inline-block; width: 76px; height: 76px; background-repeat: no-repeat; background-position: 50%; background-size: cover; vertical-align: top; -webkit-animation: zoomIn 1s ease; animation: zoomIn 1s ease }
.schoolhome .scn-part7 .scn7-item .icon.ic1 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p7-img1@2x.png") }
.schoolhome .scn-part7 .scn7-item .icon.ic2 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p7-img2@2x.png") }
.schoolhome .scn-part7 .scn7-item .icon.ic3 { background-image: url("https://assets-cdn.lanqb.com/school_v4/school/p7-img3@2x.png") }
.schoolhome .scn-part7 .scn7-item+.scn7-item:before { position: absolute; top: 38px; left: 0; width: 1px; height: 90px; background-color: #e3e9ef; content: ""; -webkit-animation: fadeInRight 1s ease; animation: fadeInRight 1s ease }
.schoolhome .scn-part7 .scn7-item h4, .schoolhome .scn-part7 .scn7-item h6 { -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.schoolhome .scn-part7 .scn7-item h6 { margin-top: 8px; font-size: 14px; line-height: 20px; color: #707070 }
@media (min-width:768px) {
.schoolhome .scn-part7 .scn7-item.t1 { width: 220px }
.schoolhome .scn-part7 .scn7-item.t2 { width: 280px }
.schoolhome .scn-part7 .scn7-item.t3 { width: 220px }
.schoolhome .scn-part7 .scn7-item h4 { margin-top: 24px; font-size: 20px; line-height: 30px }
}
@media (min-width:992px) {
.schoolhome .scn-part7 .scn7-item.t1 { width: 268px }
.schoolhome .scn-part7 .scn7-item.t2 { width: 338px }
.schoolhome .scn-part7 .scn7-item.t3 { width: 268px }
.schoolhome .scn-part7 .scn7-item h4 { margin-top: 30px; font-size: 22px }
}
@media (min-width:1200px) {
.schoolhome .scn-part7 .scn7-item { width: 320px }
}
.schoolhome .scn-part8 { text-align: center }
.schoolhome .scn-part8 .scn-bg.dot { top: 188px; right: 50%; margin-right: -960px }
.schoolhome .scn-part8 .scn-bg.ring2 { bottom: 262px; left: 50%; margin-left: -1129px }
.schoolhome .scn-part8 .scn8-con { position: relative; margin-bottom: 64px; text-align: right; background-color: #2d6fc0 }
.schoolhome .scn-part8 .scn8-con:before { position: absolute; bottom: 0; width: 297px; height: 440px; content: ""; background: url("https://assets-cdn.lanqb.com/school_v4/school/p9-img@2x_pc.png") no-repeat bottom; background-size: cover }
@media (min-width:768px) {
.schoolhome .scn-part8 .scn8-con:before { display: none }
}
@media (min-width:992px) {
.schoolhome .scn-part8 .scn8-con:before { display: block; left: -40px }
}
@media (min-width:1200px) {
.schoolhome .scn-part8 .scn8-con:before { left: 15px }
}
.schoolhome .scn-part8 .rx5-con { display: inline-block; vertical-align: top; -webkit-animation: fadeIn 1s ease; animation: fadeIn 1s ease }
.schoolhome .scn-part8 .rx5-teas { float: left }
.schoolhome .scn-part8 .rx5-teas .rx5-tea { position: relative; float: left; height: 350px; padding-top: 64px; color: #fff; background-color: #6ca5ec; text-align: center; border-left: 1px solid #fff; cursor: pointer }
.schoolhome .scn-part8 .rx5-teas .rx5-tea.active { background-color: #347cd4 }
.schoolhome .scn-part8 .rx5-teas .rx5-tea .num { position: absolute; top: -9px; left: 0; width: 100%; opacity: .3; font: 700 36px/36px microsoft yahei }
.schoolhome .scn-part8 .rx5-teas .rx5-teacover { display: block; margin: 0 auto 16px; overflow: hidden; border: 2px solid #fff; border-radius: 50% }
.schoolhome .scn-part8 .rx5-teas .rx5-teacover img { width: 100%; height: 100% }
.schoolhome .scn-part8 .rx5-teas .rx5-tea-name { display: block; width: 20px; height: 76px; margin: 0 auto 15px; font-size: 18px; font-weight: 700; line-height: 18px }
.schoolhome .scn-part8 .rx5-teas .rx5-tea-course { display: block; width: 15px; margin: 0 auto; font-size: 12px; line-height: 13px }
.schoolhome .scn-part8 .rx5-vc { float: left; width: 568px; height: 350px; background-color: #212b34 }
@media (min-width:768px) {
.schoolhome .scn-part8 .rx5-teas .rx5-tea { width: 60px }
.schoolhome .scn-part8 .rx5-teas .rx5-teacover { width: 48px; height: 48px }
}
@media (min-width:992px) {
.schoolhome .scn-part8 .rx5-teas .rx5-tea { width: 100px }
.schoolhome .scn-part8 .rx5-teas .rx5-teacover { width: 72px; height: 72px }
}
.schoolhome .scn-part8 .rx5-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.schoolhome .scn-part8 .rx5-item { border-style: solid; border-color: transparent; cursor: pointer; border-radius: 10px; -webkit-animation: zoomIn 1s ease; animation: zoomIn 1s ease }
.schoolhome .scn-part8 .rx5-item .icon { display: block; width: 111px; height: 83px; margin-right: auto; margin-left: auto }
.schoolhome .scn-part8 .rx5-item .icon.e1 { background: url("https://assets-cdn.lanqb.com/school_appointment15/c7-n-icon01.png?imageView2/2/w/71/h/80") no-repeat 50% }
.schoolhome .scn-part8 .rx5-item .icon.e2 { background: url("https://assets-cdn.lanqb.com/school_appointment15/c7-n-icon02.png?imageView2/2/w/83/h/83") no-repeat 50% }
.schoolhome .scn-part8 .rx5-item .icon.e3 { background: url("https://assets-cdn.lanqb.com/school_appointment15/c7-n-icon03.png?imageView2/2/w/76/h/82") no-repeat 50% }
.schoolhome .scn-part8 .rx5-item .icon.e4 { background: url("https://assets-cdn.lanqb.com/school_appointment15/c7-n-icon04.png?imageView2/2/w/104/h/71") no-repeat 50% }
.schoolhome .scn-part8 .rx5-item .icon.e5 { background: url("https://assets-cdn.lanqb.com/school_appointment15/c7-n-icon05.png?imageView2/2/w/111/h/67") no-repeat 50% }
.schoolhome .scn-part8 .rx5-item span { display: block; text-align: center }
.schoolhome .scn-part8 .rx5-item.active { background-color: #fff; border-color: #027cdb }
.schoolhome .scn-part8 .rx5-swiper { padding: 20px 10px 10px; margin-right: -10px; margin-left: -10px }
.schoolhome .scn-part8 .rx5-swiper-con { position: relative; height: 100%; -ms-box-shadow: 0 0 10px rgba(0,0,0,.05); -o-box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05); box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-animation: fadeIn 1s ease; animation: fadeIn 1s ease }
.schoolhome .scn-part8 .rx5-swiper-con:after, .schoolhome .scn-part8 .rx5-swiper-con:before { position: absolute; content: "" }
.schoolhome .scn-part8 .rx5-swiper-con:before { top: -9px; width: 17px; height: 17px; background-color: #fff; -ms-box-shadow: 0 0 10px rgba(0,0,0,.05); -o-box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05); box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.schoolhome .scn-part8 .rx5-swiper-con:after { top: 0; right: 0; bottom: 0; left: 0; background-color: #fff }
.schoolhome .scn-part8 .rx5-swiper-con.c1 .rx5-cover, .schoolhome .scn-part8 .rx5-swiper-con.c3 .rx5-cover { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.schoolhome .scn-part8 .rx5-swiper-con.c4 .rx5-cover { -ms-flex-pack: distribute; justify-content: space-around }
.schoolhome .scn-part8 .rx5-swiper-con.c5 .rx5-cover img { width: 100% }
.schoolhome .scn-part8 .rx5-cover, .schoolhome .scn-part8 .rx5-text { position: relative; z-index: 2 }
.schoolhome .scn-part8 .rx5-text { color: #027cdb; border-bottom: 1px solid #f6f6f9; text-align: left }
.schoolhome .scn-part8 .rx5-text span { display: inline-block; line-height: 27px; vertical-align: top }
.schoolhome .scn-part8 .rx5-cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
@media (min-width:768px) {
.schoolhome .scn-part8 .swiper-slide { height: 320px }
.schoolhome .scn-part8 .rx5-list { margin-bottom: 30px }
.schoolhome .scn-part8 .rx5-item { width: 136px; height: 136px; padding-top: 5px; border-width: 2px }
.schoolhome .scn-part8 .rx5-item .icon { margin-bottom: 5px; -webkit-transform: scale(.8); transform: scale(.8) }
.schoolhome .scn-part8 .rx5-item span { font-size: 14px; line-height: 24px }
.schoolhome .scn-part8 .rx5-swiper-con { padding: 26px 28px 0 }
.schoolhome .scn-part8 .rx5-swiper-con.c1:before { left: 60px }
.schoolhome .scn-part8 .rx5-swiper-con.c1 .rx5-text span+span { margin-left: 142px }
.schoolhome .scn-part8 .rx5-swiper-con.c1 .rx5-cover img { max-height: 200px }
.schoolhome .scn-part8 .rx5-swiper-con.c2:before { left: 213px }
.schoolhome .scn-part8 .rx5-swiper-con.c2 .rx5-cover img { max-height: 200px }
.schoolhome .scn-part8 .rx5-swiper-con.c3:before { left: 366px }
.schoolhome .scn-part8 .rx5-swiper-con.c3 .rx5-text span+span { margin-left: 94px }
.schoolhome .scn-part8 .rx5-swiper-con.c3 .rx5-cover img { max-height: 184px }
.schoolhome .scn-part8 .rx5-swiper-con.c4:before { left: 519px }
.schoolhome .scn-part8 .rx5-swiper-con.c4 .rx5-text span { margin-left: 10px }
.schoolhome .scn-part8 .rx5-swiper-con.c4 .rx5-text span+span { margin-left: 64px }
.schoolhome .scn-part8 .rx5-swiper-con.c4 .rx5-cover img { max-height: 184px }
.schoolhome .scn-part8 .rx5-swiper-con.c5:before { left: 672px }
.schoolhome .scn-part8 .rx5-swiper-con.c5 .rx5-text span+span { margin-left: 52px }
.schoolhome .scn-part8 .rx5-text { padding-bottom: 18px; margin-bottom: 21px }
.schoolhome .scn-part8 .rx5-text span { font-size: 14px }
}
@media (min-width:992px) {
.schoolhome .scn-part8 .swiper-slide { height: 360px }
.schoolhome .scn-part8 .rx5-list { margin-bottom: 40px }
.schoolhome .scn-part8 .rx5-item { width: 176px; height: 176px; padding-top: 23px; border-width: 3px }
.schoolhome .scn-part8 .rx5-item .icon { margin-bottom: 10px; -webkit-transform: scale(1); transform: scale(1) }
.schoolhome .scn-part8 .rx5-item span { font-size: 18px; line-height: 24px }
.schoolhome .scn-part8 .rx5-swiper-con { padding: 26px 28px 0 }
.schoolhome .scn-part8 .rx5-swiper-con.c1:before { left: 80px }
.schoolhome .scn-part8 .rx5-swiper-con.c1 .rx5-text span+span { margin-left: 209px }
.schoolhome .scn-part8 .rx5-swiper-con.c1 .rx5-cover img { max-height: 242px }
.schoolhome .scn-part8 .rx5-swiper-con.c2:before { left: 281px }
.schoolhome .scn-part8 .rx5-swiper-con.c2 .rx5-cover img { max-height: 224px }
.schoolhome .scn-part8 .rx5-swiper-con.c3:before { left: 482px }
.schoolhome .scn-part8 .rx5-swiper-con.c3 .rx5-text span+span { margin-left: 143px }
.schoolhome .scn-part8 .rx5-swiper-con.c3 .rx5-cover img { max-height: 242px }
.schoolhome .scn-part8 .rx5-swiper-con.c4:before { left: 683px }
.schoolhome .scn-part8 .rx5-swiper-con.c4 .rx5-text span { margin-left: 20px }
.schoolhome .scn-part8 .rx5-swiper-con.c4 .rx5-text span+span { margin-left: 102px }
.schoolhome .scn-part8 .rx5-swiper-con.c4 .rx5-cover img { max-height: 236px }
.schoolhome .scn-part8 .rx5-swiper-con.c5:before { left: 884px }
.schoolhome .scn-part8 .rx5-swiper-con.c5 .rx5-text span+span { margin-left: 102px }
.schoolhome .scn-part8 .rx5-text span { font-size: 18px }
}
@media (min-width:1200px) {
.schoolhome .scn-part8 .swiper-slide { height: 420px }
.schoolhome .scn-part8 .rx5-swiper-con { padding-top: 46px; padding: 46px 48px 0 }
.schoolhome .scn-part8 .rx5-swiper-con.c1 .rx5-text span+span { margin-left: 294px }
.schoolhome .scn-part8 .rx5-swiper-con.c1 .rx5-cover img { max-height: 264px }
.schoolhome .scn-part8 .rx5-swiper-con.c2:before { left: 331px }
.schoolhome .scn-part8 .rx5-swiper-con.c2 .rx5-cover img { max-height: 268px }
.schoolhome .scn-part8 .rx5-swiper-con.c3:before { left: 582px }
.schoolhome .scn-part8 .rx5-swiper-con.c3 .rx5-text span+span { margin-left: 220px }
.schoolhome .scn-part8 .rx5-swiper-con.c3 .rx5-cover img { max-height: 280px }
.schoolhome .scn-part8 .rx5-swiper-con.c4:before { left: 833px }
.schoolhome .scn-part8 .rx5-swiper-con.c4 .rx5-text span { margin-left: 42px }
.schoolhome .scn-part8 .rx5-swiper-con.c4 .rx5-text span+span { margin-left: 188px }
.schoolhome .scn-part8 .rx5-swiper-con.c4 .rx5-cover img { max-height: 259px }
.schoolhome .scn-part8 .rx5-swiper-con.c5:before { left: 1084px }
.schoolhome .scn-part8 .rx5-swiper-con.c5 .rx5-text span+span { margin-left: 127px }
.schoolhome .scn-part8 .rx5-text { padding-bottom: 22px }
}
.schoolhome .scn-part9 .scn-bg.dot { bottom: 110px; left: 50%; margin-left: -960px }
.schoolhome .scn-part9 .scn-bg.ring2 { top: 138px; right: 50%; margin-right: -1117px }
.schoolhome .scn-part9 .scn9-item.t1 .cover, .schoolhome .scn-part9 .scn9-item.t1 .des { width: 100% }
.schoolhome .scn-part9 .scn9-item.t1 .des:before { bottom: 100%; left: 50%; margin-left: -10px; border-bottom: 10px solid #fafdff; border-right: 10px solid transparent; border-left: 10px solid transparent }
@media (min-width:768px) {
.schoolhome .scn-part9 .scn9-item.t1 { width: 235px }
.schoolhome .scn-part9 .scn9-item.t1 .des { height: 106px }
}
@media (min-width:992px) {
.schoolhome .scn-part9 .scn9-item.t1 { width: 308px }
.schoolhome .scn-part9 .scn9-item.t1 .des { height: 142px }
}
@media (min-width:1200px) {
.schoolhome .scn-part9 .scn9-item.t1 { width: 370px }
.schoolhome .scn-part9 .scn9-item.t1 .des { height: 170px }
}
.schoolhome .scn-part9 .scn9-item.t2 .des:before { left: 100%; top: 50%; margin-top: -10px; border-left: 10px solid #fafdff; border-top: 10px solid transparent; border-bottom: 10px solid transparent }
@media (min-width:768px) {
.schoolhome .scn-part9 .scn9-item.t2 { width: 513px }
.schoolhome .scn-part9 .scn9-item.t2 .cover { width: 316px }
.schoolhome .scn-part9 .scn9-item.t2 .des { width: 197px; height: 177px }
}
@media (min-width:992px) {
.schoolhome .scn-part9 .scn9-item.t2 { width: 672px }
.schoolhome .scn-part9 .scn9-item.t2 .cover { width: 416px }
.schoolhome .scn-part9 .scn9-item.t2 .des { width: 256px; height: 233px }
}
@media (min-width:1200px) {
.schoolhome .scn-part9 .scn9-item.t2 { width: 810px }
.schoolhome .scn-part9 .scn9-item.t2 .cover { width: 500px }
.schoolhome .scn-part9 .scn9-item.t2 .des { width: 310px; height: 280px }
}
.schoolhome .scn-part9 .scn9-item.t3 .des:before { right: 100%; top: 50%; margin-top: -10px; border-right: 10px solid #fafdff; border-top: 10px solid transparent; border-bottom: 10px solid transparent }
@media (min-width:768px) {
.schoolhome .scn-part9 .scn9-item.t3 { width: 513px }
.schoolhome .scn-part9 .scn9-item.t3 .cover { width: 316px }
.schoolhome .scn-part9 .scn9-item.t3 .des { width: 197px; height: 177px }
}
@media (min-width:992px) {
.schoolhome .scn-part9 .scn9-item.t3 { width: 672px }
.schoolhome .scn-part9 .scn9-item.t3 .cover { width: 416px }
.schoolhome .scn-part9 .scn9-item.t3 .des { width: 256px; height: 233px }
}
@media (min-width:1200px) {
.schoolhome .scn-part9 .scn9-item.t3 { width: 810px }
.schoolhome .scn-part9 .scn9-item.t3 .cover { width: 500px }
.schoolhome .scn-part9 .scn9-item.t3 .des { width: 310px; height: 280px }
}
.schoolhome .scn-part9 .scn9-item .des { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fafdff }
.schoolhome .scn-part9 .scn9-item .des:before { position: absolute; content: "" }
.schoolhome .scn-part9 .scn9-item .des .des-wrap { text-align: center }
.schoolhome .scn-part9 .scn9-item .des h3 { font-weight: 700; color: #212b34; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.schoolhome .scn-part9 .scn9-item .des h6 { margin-top: 8px; color: #ff5900; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
@media (min-width:768px) {
.schoolhome .scn-part9 .scn9-item .des h3 { font-size: 20px; line-height: 30px }
.schoolhome .scn-part9 .scn9-item .des h6 { font-size: 18px; line-height: 25px }
}
@media (min-width:992px) {
.schoolhome .scn-part9 .scn9-item .des h3 { font-size: 24px; line-height: 32px }
.schoolhome .scn-part9 .scn9-item .des h6 { font-size: 20px; line-height: 28px }
}
@media (min-width:1200px) {
.schoolhome .scn-part9 .scn9-item .des h3 { font-size: 26px; line-height: 37px }
.schoolhome .scn-part9 .scn9-item .des h6 { font-size: 22px; line-height: 30px }
}
@media (min-width:768px) {
.schoolhome .scn-part10 .scn10-works { margin-right: 6px; margin-left: 6px }
}
@media (min-width:992px) {
.schoolhome .scn-part10 .scn10-works { margin-right: 4px; margin-left: 4px }
}
@media (min-width:1200px) {
.schoolhome .scn-part10 .scn10-works { margin-right: 5px; margin-left: 5px }
}
.schoolhome .scn-part10 .work-item { position: relative; float: left; cursor: pointer }
.schoolhome .scn-part10 .work-item.item01 .info-con .avatar { width: 60px; height: 60px; border-width: 2px }
.schoolhome .scn-part10 .work-item.item01 .work-info { background-color: #027cdb }
.schoolhome .scn-part10 .work-item.item01 .work-info .name { font-size: 20px; line-height: 28px; font-weight: 500; margin-top: 10px }
.schoolhome .scn-part10 .work-item.item01 .work-info .course { font-size: 14px; line-height: 20px }
@media (min-width:768px) {
.schoolhome .scn-part10 .work-item { width: 105px }
.schoolhome .scn-part10 .work-item.item01 { width: 210px }
}
@media (min-width:992px) {
.schoolhome .scn-part10 .work-item { width: 108px }
.schoolhome .scn-part10 .work-item.item01 { width: 216px }
}
@media (min-width:1200px) {
.schoolhome .scn-part10 .work-item { width: 130px }
.schoolhome .scn-part10 .work-item.item01 { width: 260px }
}
.schoolhome .scn-part10 .work-item .work-img { width: 100%; padding-top: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover }
.schoolhome .scn-part10 .work-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,.7); opacity: 0; -webkit-transition: .52s ease; transition: .52s ease }
.schoolhome .scn-part10 .work-info:after { content: ""; display: inline-block; height: 100%; vertical-align: middle }
.schoolhome .scn-part10 .work-info .info-con { display: inline-block; vertical-align: middle; -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: transform .5s ease; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .scn-part10 .work-info .info-con .avatar { width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff }
.schoolhome .scn-part10 .work-info .info-con .info-item { display: block; text-align: center; color: #fff }
.schoolhome .scn-part10 .work-info .info-con .name { font-size: 12px; font-weight: 700; line-height: 18px; margin-top: 4px }
.schoolhome .scn-part10 .work-info .info-con .course { font-size: 12px; line-height: 17px }
.schoolhome .scn-part10 .work-info .info-con .sc-btn { width: 100px; height: 38px; margin-top: 28px }
.schoolhome .scn-part10 .work-info:hover { opacity: 1 }
.schoolhome .scn-part10 .work-info:hover .info-con { -webkit-transform: translateY(0); transform: translateY(0) }
.schoolhome .scn-part11 .scn11-list { margin-right: -10px; margin-left: -10px }
.schoolhome .scn-part11 .scn11-item-wrap { float: left; width: 25%; padding-right: 10px; padding-left: 10px }
.schoolhome .scn-part11 .scn11-item { display: block; background-color: #f6f8fa }
.schoolhome .scn-part11 .scn11-item, .schoolhome .scn-part11 .scn11-item img { width: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.schoolhome .scn-part11 .scn11-item span { display: block; height: 40px; margin-top: 12px; overflow: hidden; line-height: 20px; color: #212b34 }
.schoolhome .scn-part11 .scn11-item:hover { background-color: #eef3f5 }
.schoolhome .scn-part11 .scn11-item:hover img { -webkit-filter: brightness(1.05); filter: brightness(1.05) }
@media (min-width:768px) {
.schoolhome .scn-part11 .scn11-item { padding: 8px 6px 10px }
.schoolhome .scn-part11 .scn11-item span { font-size: 12px }
}
@media (min-width:992px) {
.schoolhome .scn-part11 .scn11-item { padding: 10px 12px 16px }
.schoolhome .scn-part11 .scn11-item span { font-size: 14px }
}
@media (min-width:1200px) {
.schoolhome .scn-part11 .scn11-item { padding: 14px 15px 22px }
}
.pv-tips { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.pv-tips span { display: inline-block; max-width: 98%; font-size: 14px; line-height: 20px; color: #fff; text-align: center }
.sc-modal { position: fixed; z-index: 17; display: none; background-color: rgba(33,43,52,.5) }
.sc-modal.active { display: block }
.sc-modal .sc-vc { position: fixed; top: 50%; left: 50%; background-color: #323232 }
.sc-modal .sc-vc .iconfont { position: absolute; top: 0; display: block; color: #fff }
.sc-modal .sc-vc .iconfont:hover { color: hsla(0,0%,100%,.9) }
.sc-modal .sc-vc .sc-mq { position: absolute; bottom: 0; overflow: hidden; text-indent: -9999px; background: url("https://assets-cdn.lanqb.com/school_v4/sc-mq@2x.png") no-repeat bottom; background-size: cover; cursor: pointer; -webkit-animation: pulse 1s infinite; animation: pulse 1s infinite }
@media (min-width:768px) {
.sc-modal .sc-vc .iconfont { right: -21px; font-size: 18px }
.sc-modal .sc-vc .sc-mq { right: -64px; width: 56px; height: 79px }
}
@media (min-width:992px) {
.sc-modal .sc-vc .iconfont { right: -28px; font-size: 24px }
.sc-modal .sc-vc .sc-mq { right: -85px; width: 74px; height: 105px }
}
@media (min-width:1200px) {
.sc-modal .sc-vc .iconfont { right: -35px; font-size: 30px }
.sc-modal .sc-vc .sc-mq { right: -106px; width: 92px; height: 130px }
}
.footer_school { z-index: 9; position: fixed; bottom: 0; width: 100%; height: 80px; background: url("https://assets-cdn.lanqb.com/school/footerbg.png"); text-align: center }
.footer_school h4 { display: inline-block; margin-top: 20px; color: #f6f8fa; vertical-align: top }
.footer_school h4 i { font-size: 20px }
.footer_school h4 em, .footer_school h4 i { float: left; line-height: 40px; vertical-align: top }
.footer_school h4 em { display: inline-block; margin-left: 10px }
.footer_school .footer_school-img { position: relative; height: 80px }
.footer_school .footer_school-img.onschd:before { position: absolute; top: 20px; left: 0; width: 40px; height: 40px; content: ""; background: url("https://assets-cdn.lanqb.com/school/footer-logo.png") no-repeat 50%; background-size: 100% }
.footer_school .footer_school-btn { float: right }
.footer_school .footer_school-text { display: inline-block; color: #fff; font-size: 16px; line-height: 80px; vertical-align: top }
@media (min-width:768px) {
.footer_school h4 { margin-right: 20px }
.footer_school .footer_school-btn { margin-top: 27.5px }
.footer_school .footer_school-btn+.footer_school-btn { margin-right: 10px }
.footer_school .footer_school-img.home img { max-height: 40px }
.footer_school .footer_school-img.onschd { padding-left: 50px }
}
@media (min-width:992px) {
.footer_school h4 { margin-right: 40px }
.footer_school .footer_school-btn { margin-top: 23.5px }
.footer_school .footer_school-btn+.footer_school-btn { margin-right: 15px }
.footer_school .footer_school-img.home img { max-height: 35px }
}
@media (min-width:1200px) {
.footer_school .footer_school-btn { margin-top: 20px }
.footer_school .footer_school-btn+.footer_school-btn { margin-right: 20px }
.footer_school .footer_school-img.onschd { padding-left: 55px }
}
.ft_osc_v4 { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9; background: #fff; -ms-box-shadow: 0 -1px 0 rgba(33,43,52,.15); -o-box-shadow: 0 -1px 0 rgba(33,43,52,.15); -webkit-box-shadow: 0 -1px 0 rgba(33,43,52,.15); box-shadow: 0 -1px 0 rgba(33,43,52,.15) }
.ft_osc_v4 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px }
.ft_osc_v4 .ft-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.ft_osc_v4 .ft-left h2 { font-size: 20px; font-weight: 500; line-height: 37px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
@media (min-width:768px) {
.ft_osc_v4 .ft-left h2 { max-width: 430px }
}
@media (min-width:992px) {
.ft_osc_v4 .ft-left h2 { max-width: 500px }
}
@media (min-width:1200px) {
.ft_osc_v4 .ft-left h2 { max-width: 710px }
}
.ft_osc_v4 .ft-teas { height: 24px; margin-top: 3px }
.ft_osc_v4 .ft-teas, .ft_osc_v4 .ft-teas .tea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ft_osc_v4 .ft-teas .tea { white-space: nowrap; cursor: pointer }
.ft_osc_v4 .ft-teas .tea img { width: 24px; height: 24px; margin-right: 10px; overflow: hidden; border-radius: 50% }
.ft_osc_v4 .ft-teas .tea span { max-width: 112px; font-size: 14px; line-height: 20px; color: #212b34; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.ft_osc_v4 .ft-teas .tea+.tea { margin-left: 15px }
.ft_osc_v4 .ft-teas .tea:hover span { color: #027cdb }
.ft_osc_v4 .ft-teas h6 { padding-right: 10px; font-size: 14px; line-height: 14px; color: #87959f; visibility: hidden }
.ft_osc_v4 .ft-teas.tea h6 { visibility: visible }
.ft_osc_v4 .ft-date { margin-top: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: hidden }
.ft_osc_v4 .ft-date.visible { visibility: visible }
.ft_osc_v4 .ft-date .orange { color: #ff5900 }
.ft_osc_v4 .ft-date h3 { font-size: 14px; font-weight: 400; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ft_osc_v4 .ft-date h3 strong { font-size: 18px; font-weight: 500; line-height: 20px }
.ft_osc_v4 .ft-date h6 { font-size: 14px; font-weight: 400; line-height: 20px; color: #878787; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ft_osc_v4 .ft-date h6:before { width: 1px; height: 12px; margin-right: 12px; margin-left: 12px; background-color: #e3e9ef; content: "" }
.ft_osc_v4 .ft-btns { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex }
.ft_osc_v4 .ft-btn { height: 46px; font-size: 16px; font-weight: 500; line-height: 46px; border: none; border-radius: 30px }
.ft_osc_v4 .ft-btn.zx { width: 140px; color: #fff; background: #02ced0 }
.ft_osc_v4 .ft-btn.zx:hover { background: #02dddf }
.ft_osc_v4 .ft-btn.pay { width: 230px; margin-left: 20px; color: #fff; background: #027cdb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.ft_osc_v4 .ft-btn.pay:hover { background: #0285ea }
.ft_osc_v4 .ft-btn.pay em { position: relative; padding-left: 30px; line-height: 20px; border-left: 1px solid transparent }
.ft_osc_v4 .ft-btn.pay em:before { position: absolute; top: 4px; left: 10px; width: 14px; height: 12px; background: url("https://assets-cdn.lanqb.com/imgv3/shortterm/credit@2x_pc.png") no-repeat 50%; background-size: 100% 100%; content: "" }
.ft_osc_v4 .ft-btn.train99 { position: relative; width: 190px; height: 46px; overflow: hidden; color: #fff; background: #077cdb; border: none; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.ft_osc_v4 .ft-btn.train99:before { position: absolute; top: 0; left: 0; width: 80px; height: 100%; background: #0255db; content: "" }
.ft_osc_v4 .ft-btn.train99:hover { background: #0784ea }
.ft_osc_v4 .ft-btn.train99 span { position: relative; z-index: 1; font-size: 14px; font-weight: 500; line-height: 46px }
.ft_osc_v4 .ft-btn.train99 span em { color: #ffe15d }
.ft_osc_v4 .ft-btn.train99 strong { margin-left: 32px; font-size: 16px; font-weight: 500; line-height: 46px }
.ft_osc_v4 .ft-btn.train99_2 { width: 140px; height: 46px; overflow: hidden; color: #fff; background: #077cdb; font-size: 16px; font-weight: 500; line-height: 46px; border: none; border-radius: 30px }
@media (min-width:768px) {
.ft_osc_v4 .ft-btn.zx { width: 120px }
.ft_osc_v4 .ft-btn.pay { width: 140px; margin-left: 10px; line-height: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.ft_osc_v4 .ft-btn.pay.paied { width: 140px }
.ft_osc_v4 .ft-btn.pay em { font-size: 12px; padding-right: 10px }
}
@media (min-width:992px) {
.ft_osc_v4 .ft-btn.zx { width: 140px }
.ft_osc_v4 .ft-btn.pay { width: 230px; margin-left: 20px; line-height: 46px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.ft_osc_v4 .ft-btn.pay.paied { width: 160px }
.ft_osc_v4 .ft-btn.pay em { padding-right: 0; margin-left: 12px; font-size: 14px; border-left-color: hsla(0,0%,100%,.4) }
}
.ft_osc_v4.yzk { background: rgba(0,0,0,.7) }
.ft_osc_v4.yzk .ft-left h2, .ft_osc_v4.yzk .ft-left h6, .ft_osc_v4.yzk .ft-teas .tea span { color: #fff }
.ft_osc_v4.yzk .ft-teas .tea:hover span { color: hsla(0,0%,100%,.85) }
.ft_osc_v4 .ft-left.icon p { color: #212b34; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start }
.ft_osc_v4 .ft-left.icon p+p { margin-top: 8px }
.ft_osc_v4 .ft-left.icon p span { font-size: 14px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ft_osc_v4 .ft-left.icon p span:before { display: block; width: 18px; height: 18px; margin-right: 8px; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; content: "" }
.ft_osc_v4 .ft-left.icon p span.a1:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon1@2x.png") }
.ft_osc_v4 .ft-left.icon p span.a2:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon2@2x.png") }
.ft_osc_v4 .ft-left.icon p span.a3:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon3@2x.png") }
.ft_osc_v4 .ft-left.icon p span.a4:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon4@2x.png") }
.ft_osc_v4 .ft-left.icon p span.a5:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon5@2x.png") }
.ft_osc_v4 .ft-left.icon p span.a6:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon6@2x.png") }
.ft_osc_v4 .ft-left.icon p span.a7:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon7@2x.png") }
.ft_osc_v4 .ft-left.icon p span.a8:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon8@2x.png") }
.ft_osc_v4 .ft-left.icon p span.w122 { width: 122px }
.ft_osc_v4 .ft-left.icon p span.w144 { width: 144px }
@media (min-width:768px) {
.ft_osc_v4 .ft-left.icon p span { font-size: 12px }
.ft_osc_v4 .ft-left.icon p span:before { width: 14px; height: 14px; margin-right: 4px }
.ft_osc_v4 .ft-left.icon p span.w122 { width: 82px }
.ft_osc_v4 .ft-left.icon p span.w144 { width: 104px }
}
@media (min-width:992px) {
.ft_osc_v4 .ft-left.icon p span { font-size: 14px }
.ft_osc_v4 .ft-left.icon p span:before { width: 18px; height: 18px; margin-right: 8px }
.ft_osc_v4 .ft-left.icon p span.w122 { width: 102px }
.ft_osc_v4 .ft-left.icon p span.w144 { width: 124px }
}
@media (min-width:1200px) {
.ft_osc_v4 .ft-left.icon p span.w122 { width: 122px }
.ft_osc_v4 .ft-left.icon p span.w144 { width: 144px }
}
.ft_osc_v4 .ft-btn.icon { width: 148px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.ft_osc_v4 .ft-btn.icon:before { display: block; width: 20px; height: 20px; margin-right: 10px; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; content: "" }
.ft_osc_v4 .ft-btn.pay_1v1 { margin-left: 20px; color: #fff; background-color: #ffb30d; border-radius: 30px 0 0 30px }
.ft_osc_v4 .ft-btn.pay_1v1:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/btn-1v1@2x.png") }
.ft_osc_v4 .ft-btn.pay_1v1:hover { background-color: #ffb81c }
.ft_osc_v4 .ft-btn.pay_1v1:active { background-color: #fdad00 }
.ft_osc_v4 .ft-btn.pay_1v3 { color: #fff; background-color: #ff612b; border-radius: 0 30px 30px 0 }
.ft_osc_v4 .ft-btn.pay_1v3:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/btn-1v3@2x.png") }
.ft_osc_v4 .ft-btn.pay_1v3:hover { background-color: #ff6c3a }
.ft_osc_v4 .ft-btn.pay_1v3:active { background-color: #ff561c }
@media (min-width:768px) {
.ft_osc_v4 .ft-btn.icon { width: 114px }
.ft_osc_v4 .ft-btn.icon:before { width: 16px; height: 16px; margin-right: 4px }
.ft_osc_v4 .ft-btn.pay_1v1 { margin-left: 10px }
}
@media (min-width:992px) {
.ft_osc_v4 .ft-btn.icon { width: 148px }
.ft_osc_v4 .ft-btn.icon:before { width: 20px; height: 20px; margin-right: 10px }
.ft_osc_v4 .ft-btn.pay_1v1 { margin-left: 20px }
}
.mentors-banner { position: relative; overflow: hidden; text-align: center }
.mentors-banner .mentors-banner-img { position: absolute; top: 0; left: 50%; width: 1920px; height: 100%; margin-left: -960px }
.mentors-banner .mentors-banner-img img { height: 100% }
@media (min-width:768px) {
.mentors-banner { height: 200px }
}
@media (min-width:992px) {
.mentors-banner { height: 260px }
}
.sc-work .sc-title { margin-top: 70px; margin-bottom: 54px }
.sc-work .work-con { width: 100% }
.sc-work .work-con .work-item { width: 12.5%; position: relative; float: left; cursor: pointer }
.sc-work .work-con .work-item.item01 { width: 25% }
.sc-work .work-con .work-item.item01 .info-con .avatar { width: 60px; height: 60px }
.sc-work .work-con .work-item.item01 .work-info { background-color: #027cdb }
.sc-work .work-con .work-item.item01 .work-info .name { font-size: 20px; line-clamp: 28px; font-weight: 500; margin-top: 10px }
.sc-work .work-con .work-item.item01 .work-info .course { font-size: 14px; line-height: 20px }
.sc-work .work-con .work-item .work-img { width: 100%; padding-top: 100% }
.sc-work .work-con .work-item.item-last { background: #027cdb }
.sc-work .work-con .work-item.item-last .more { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 16px; line-height: 22px; color: #fff; font-weight: 500 }
.sc-work .work-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,.7); opacity: 0; -webkit-transition: .52s ease; transition: .52s ease }
.sc-work .work-info:after { content: ""; display: inline-block; height: 100%; vertical-align: middle }
.sc-work .work-info .info-con { display: inline-block; vertical-align: middle; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease }
.sc-work .work-info .info-con .avatar { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff }
.sc-work .work-info .info-con .info-item { display: block; text-align: center; color: #fff }
.sc-work .work-info .info-con .name { font-size: 12px; line-height: 17px; margin-top: 5px }
.sc-work .work-info .info-con .course { font-size: 10px; line-height: 14px; margin-top: 4px }
.sc-work .work-info .info-con .sc-btn { margin-top: 34px }
.sc-work .work-info:hover { opacity: 1 }
.sc-work .work-info:hover .info-con { -webkit-transform: translateZ(0); transform: translateZ(0) }
.ft_osc_v5 { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9; background: #fff; -ms-box-shadow: 0 -1px 0 rgba(33,43,52,.15); -o-box-shadow: 0 -1px 0 rgba(33,43,52,.15); -webkit-box-shadow: 0 -1px 0 rgba(33,43,52,.15); box-shadow: 0 -1px 0 rgba(33,43,52,.15) }
.ft_osc_v5.z-index16 { z-index: 16 }
.ft_osc_v5.bg_blk { background: #182d61; background: -moz-linear-gradient(top, #182d61 0%, #312d66 100%); background: -webkit-linear-gradient(top, #182d61 0%, #312d66 100%); background: linear-gradient(to bottom, #182d61 0%, #312d66 100%); }
.ft_osc_v5.bg_blk .ft_left { color: #fff }
.ft_osc_v5 .ftv5_con { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ft_osc_v5 .ft_left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.ft_osc_v5 .ft_left p { -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start }
.ft_osc_v5 .ft_left p+p { margin-top: 8px }
.ft_osc_v5 .ft_left p span { font-size: 14px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
@media (min-width:768px) {
.ft_osc_v5 .ft_left p span { font-size: 13px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_left p span { font-size: 14px }
}
.ft_osc_v5 .ft_left p span.icon:before { display: block; width: 18px; height: 18px; margin-right: 8px; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; content: "" }
@media (min-width:768px) {
.ft_osc_v5 .ft_left p span.icon:before { margin-right: 4px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_left p span.icon:before { margin-right: 8px }
}
.ft_osc_v5 .ft_left p span.icon.i1:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon1@2x.png") }
.ft_osc_v5 .ft_left p span.icon.i2:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon2@2x.png") }
.ft_osc_v5 .ft_left p span.icon.i3:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon3@2x.png") }
.ft_osc_v5 .ft_left p span.icon.i4:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon4@2x.png") }
.ft_osc_v5 .ft_left p span.icon.i5:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon5@2x.png") }
.ft_osc_v5 .ft_left p span.icon.i6:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon6@2x.png") }
.ft_osc_v5 .ft_left p span.icon.i7:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon7@2x.png") }
.ft_osc_v5 .ft_left p span.icon.i8:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/icon8@2x.png") }
.ft_osc_v5 .ft_left p span.w122 { width: 122px }
@media (min-width:768px) {
.ft_osc_v5 .ft_left p span.w122 { width: 86px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_left p span.w122 { width: 100px }
}
@media (min-width:1200px) {
.ft_osc_v5 .ft_left p span.w122 { width: 122px }
}
.ft_osc_v5 .ft_left p span.w124 { width: 124px }
@media (min-width:768px) {
.ft_osc_v5 .ft_left p span.w124 { width: 88px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_left p span.w124 { width: 100px }
}
@media (min-width:1200px) {
.ft_osc_v5 .ft_left p span.w124 { width: 124px }
}
.ft_osc_v5 .ft_left p span.w144 { width: 144px }
@media (min-width:768px) {
.ft_osc_v5 .ft_left p span.w144 { width: 108px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_left p span.w144 { width: 124px }
}
@media (min-width:1200px) {
.ft_osc_v5 .ft_left p span.w144 { width: 144px }
}
.ft_osc_v5 .ft_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ft_osc_v5 .ft_btn { height: 46px; line-height: 46px; font-weight: 400; border: none }
.ft_osc_v5 .ft_btn.ml20 { margin-left: 20px }
@media (min-width:768px) {
.ft_osc_v5 .ft_btn.ml20 { margin-left: 12px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_btn.ml20 { margin-left: 20px }
}
.ft_osc_v5 .ft_btn.fz14 { font-size: 14px }
@media (min-width:768px) {
.ft_osc_v5 .ft_btn.fz14 { font-size: 13px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_btn.fz14 { font-size: 14px }
}
.ft_osc_v5 .ft_btn.w106 { width: 106px }
@media (min-width:768px) {
.ft_osc_v5 .ft_btn.w106 { width: 46px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_btn.w106 { width: 98px }
}
@media (min-width:1200px) {
.ft_osc_v5 .ft_btn.w106 { width: 106px }
}
.ft_osc_v5 .ft_btn.w148 { width: 148px }
@media (min-width:768px) {
.ft_osc_v5 .ft_btn.w148 { width: 92px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_btn.w148 { width: 120px }
}
@media (min-width:1200px) {
.ft_osc_v5 .ft_btn.w148 { width: 148px }
}
.ft_osc_v5 .ft_btn.w166 { width: 166px }
@media (min-width:768px) {
.ft_osc_v5 .ft_btn.w166 { width: 106px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_btn.w166 { width: 142px }
}
@media (min-width:1200px) {
.ft_osc_v5 .ft_btn.w166 { width: 166px }
}
.ft_osc_v5 .ft_btn.rd30 { border-radius: 30px }
.ft_osc_v5 .ft_btn.rd_lf { border-radius: 30px 0 0 30px }
.ft_osc_v5 .ft_btn.rd_rg { border-radius: 0 30px 30px 0 }
.ft_osc_v5 .ft_btn.bg_ora { color: #fff; background-color: #ffb30d }
.ft_osc_v5 .ft_btn.bg_ora:hover { background-color: #ffb81c }
.ft_osc_v5 .ft_btn.bg_ora:active { background-color: #fdad00 }
.ft_osc_v5 .ft_btn.bg_red { color: #fff; background-color: #ff9e2b }
.ft_osc_v5 .ft_btn.bg_red:hover { background-color: #ff6c3a }
.ft_osc_v5 .ft_btn.bg_red:active { background-color: #ff561c }
.ft_osc_v5 .ft_btn.bg_pink { color: #fff; background-color: #ff5167 }
.ft_osc_v5 .ft_btn.bg_pink:hover { background-color: #ff6074 }
.ft_osc_v5 .ft_btn.bg_pink:active { background-color: #ff425a }
.ft_osc_v5 .ft_btn.disabled { background-color: #b1bbc3 }
.ft_osc_v5 .ft_btn.icon { line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.ft_osc_v5 .ft_btn.icon:before { display: block; width: 20px; height: 20px; margin-right: 10px; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; content: "" }
@media (min-width:768px) {
.ft_osc_v5 .ft_btn.icon:before { display: none; width: 16px; height: 16px; margin-right: 4px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_btn.icon:before { display: block; width: 20px; height: 20px; margin-right: 8px }
}
@media (min-width:1200px) {
.ft_osc_v5 .ft_btn.icon:before { margin-right: 10px }
}
.ft_osc_v5 .ft_btn.icon.i_video:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/btn-1v1@2x.png") }
.ft_osc_v5 .ft_btn.icon.i_live:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/btn-1v3@2x.png") }
.ft_osc_v5 .ft_btn.icon.i_trolley:before { background-image: url("https://assets-cdn.lanqb.com/imgv3/footer/school/btn-cart@2x.png") }
.ft_osc_v5 .ft_btn.zx { position: relative; background: transparent;background-color: #3b97ff; color: #fff;    height: 46px;
    line-height: 46px;
    font-weight: 400;}

@media (min-width:768px) {
.ft_osc_v5 .ft_btn.zx { overflow: hidden }
}
@media (min-width:1200px) {
.ft_osc_v5 .ft_btn.zx { overflow: unset }
}
.ft_osc_v5 .ft_onschd036 { position: relative; width: 356px; height: 46px; padding-left: 20px; margin-right: 140px; color: #fff; border-radius: 10px; background: #6f82ff; background: -webkit-gradient(linear, left top, right top, color-stop(0, #6f82ff), to(#51b0f6)); background: linear-gradient(90deg, #6f82ff 0, #51b0f6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ft_osc_v5 .ft_onschd036 em { font-size: 16px; font-weight: 500; line-height: 22px }
@media (min-width:768px) {
.ft_osc_v5 .ft_onschd036 { width: 286px; padding-left: 12px; margin-right: 28px }
.ft_osc_v5 .ft_onschd036:after { right: 0 }
.ft_osc_v5 .ft_onschd036 em { font-size: 14px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_onschd036 { width: 356px; padding-left: 20px; margin-right: 40px }
.ft_osc_v5 .ft_onschd036:after { right: 23px }
.ft_osc_v5 .ft_onschd036 em { font-size: 16px }
}
@media (min-width:1200px) {
.ft_osc_v5 .ft_onschd036 { margin-right: 140px }
}
.ft_osc_v5 .ft_onschd036.v2401 { position: fixed; z-index: 17; bottom: 17px;  width: auto; padding-right: 20px; margin-right: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%) }

.ft_osc_v5 .ft_onschd036.v2402 { position: fixed; z-index: 17; bottom: 17px; left: 34%; width: auto; padding-right: 20px; margin-right: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%) }

.ft_osc_v5 .ft_onschd036.v2403 { position: fixed; z-index: 17; bottom: 17px; left: 50%; width: auto; padding-right: 20px; margin-right: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.ft_osc_v5 .ft_onschd036.v2403:after { display: none }
.ft_osc_v5 .ft_onschd054 { position: relative; height: 46px; padding-left: 16px; padding-right: 82px; color: #fff; font-size: 16px; font-weight: 500; line-height: 22px; white-space: nowrap; border-radius: 10px; background: #6f82ff; background: -webkit-gradient(linear, left top, right top, color-stop(0, #6f82ff), to(#51b0f6)); background: linear-gradient(90deg, #6f82ff 0, #51b0f6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ft_osc_v5 .ft_onschd054:after { position: absolute; bottom: 1px; right: 22px; width: 49px; height: 55px; background: url("https://assets-cdn.lanqb.com/school/gali2212/p-ft.png") no-repeat bottom; background-size: 100% 100%; content: "" }
.ft_osc_v5 .ft_onschd054 em { color: #ffdd94 }
.ft_osc_v5 .ft_onschd054.mr40 { margin-right: 40px }
.ft_osc_v5 .ft_onschd054.mr60 { margin-right: 60px }
@media (min-width:768px) {
.ft_osc_v5 .ft_onschd054 { padding-right: 12px; padding-left: 12px; font-size: 13px }
.ft_osc_v5 .ft_onschd054:after { right: 0; display: none }
.ft_osc_v5 .ft_onschd054.mr40 { margin-right: 14px }
.ft_osc_v5 .ft_onschd054.mr60 { margin-right: 30px }
}
@media (min-width:992px) {
.ft_osc_v5 .ft_onschd054 { padding-right: 60px; padding-left: 12px; font-size: 15px }
.ft_osc_v5 .ft_onschd054:after { right: 6px; display: block }
.ft_osc_v5 .ft_onschd054.mr40 { margin-right: 20px }
.ft_osc_v5 .ft_onschd054.mr60 { margin-right: 40px }
}
@media (min-width:1200px) {
.ft_osc_v5 .ft_onschd054 { padding-right: 82px; padding-left: 20px; font-size: 16px }
.ft_osc_v5 .ft_onschd054:after { right: 22px }
.ft_osc_v5 .ft_onschd054.mr40 { margin-right: 40px }
.ft_osc_v5 .ft_onschd054.mr60 { margin-right: 60px }
}
.oscpub-group-prods { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 15; background-color: rgba(0,0,0,.6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.oscpub-group-prods.pb90 { padding-bottom: 90px }
.oscpub-group-prods .group-con { position: relative; width: 1180px; margin: 0 auto; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-radius: 14px }
.oscpub-group-prods .group-con:before { position: absolute; left: 0; bottom: 100%; width: 375px; height: 112px; background: url("https://assets-cdn.lanqb.com/imgv3/footer/school/gc-img@2x.png") no-repeat 0 100%; background-size: 100% 100%; content: "" }
.oscpub-group-prods .group-con .group-close { position: absolute; top: -45px; right: 0; color: #fff; cursor: pointer }
.oscpub-group-prods .group-con .group-close .iconfont { font-size: 25px; line-height: 1 }
.oscpub-group-prods .group-con .group-close:hover { color: hsla(0,0%,100%,.8) }
@media (min-width:768px) {
.oscpub-group-prods .group-con { width: 748px }
.oscpub-group-prods .group-con .group-close { top: -35px }
}
@media (min-width:992px) {
.oscpub-group-prods .group-con { width: 1004px }
.oscpub-group-prods .group-con .group-close { top: -40px }
}
@media (min-width:1200px) {
.oscpub-group-prods .group-con { width: 1180px }
.oscpub-group-prods .group-con .group-close { top: -45px }
}
.oscpub-group-prods .group-left { padding: 30px 40px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.oscpub-group-prods .group-left .heading { position: relative; height: 32px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.oscpub-group-prods .group-left .heading h3 { max-width: 254px; font-size: 18px; font-weight: 500; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.oscpub-group-prods .group-left .heading .tabs { position: absolute; top: 0; left: 264px; display: -webkit-box; display: -ms-flexbox; display: flex }
.oscpub-group-prods .group-left .heading .tabs .tab { min-width: 70px; font-size: 12px; line-height: 32px; text-align: center; color: #525a67; background-color: #f1f3f5; cursor: pointer; border-radius: 6px }
.oscpub-group-prods .group-left .heading .tabs .tab+.tab { margin-left: 10px }
.oscpub-group-prods .group-left .heading .tabs .tab:hover { background-color: #e3e9ef }
.oscpub-group-prods .group-left .heading .tabs .tab.active { color: #fff; background-color: #027cdb; cursor: default }
.oscpub-group-prods .group-left .heading .pages { display: -webkit-box; display: -ms-flexbox; display: flex }
.oscpub-group-prods .group-left .heading .pages.hidden { visibility: hidden; opacity: 0 }
.oscpub-group-prods .group-left .heading .pages .page { width: 26px; height: 26px; font-size: 13px; color: #87959f; background-color: #f1f3f5; cursor: pointer; border-radius: 4px; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.oscpub-group-prods .group-left .heading .pages .page+.page { margin-left: 12px }
.oscpub-group-prods .group-left .heading .pages .page:hover { color: #fff; background-color: #027cdb }
.oscpub-group-prods .group-left .heading .pages .page.swiper-button-disabled { color: #e3e9ef; background-color: #f6f8fa; cursor: default }
.oscpub-group-prods .group-left .gcourse-swiper { position: relative; width: 838px; overflow: hidden }
.oscpub-group-prods .group-left .gcourse-swiper:before { position: absolute; top: 0; bottom: 30px; right: 0; z-index: 2; width: 58px; content: ""; background: transparent; background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(#fff)); background: linear-gradient(90deg, transparent 0, #fff) }
.oscpub-group-prods .group-left .gcourse-swiper .swiper-slide { width: 210px }
.oscpub-group-prods .group-left .gcourse-item { display: block }
.oscpub-group-prods .group-left .gcourse-item .cover { width: 210px; height: 133px; border-radius: 10px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.oscpub-group-prods .group-left .gcourse-item .title { display: block; margin-top: 10px; font-size: 14px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.oscpub-group-prods .group-left .gcourse-item:hover .cover { -webkit-filter: brightness(.95); filter: brightness(.95) }
.oscpub-group-prods .group-left .gcourse-item:hover .title { color: #027cdb }
@media (min-width:768px) {
.oscpub-group-prods .group-left { padding: 12px }
.oscpub-group-prods .group-left .heading { height: 26px; margin-bottom: 10px }
.oscpub-group-prods .group-left .heading h3 { max-width: 154px; font-size: 14px }
.oscpub-group-prods .group-left .heading .tabs { left: 164px }
.oscpub-group-prods .group-left .heading .tabs .tab { min-width: 48px; line-height: 26px; border-radius: 4px }
.oscpub-group-prods .group-left .heading .tabs .tab+.tab { margin-left: 6px }
.oscpub-group-prods .group-left .heading .pages .page+.page { margin-left: 4px }
.oscpub-group-prods .group-left .gcourse-swiper { width: 532px }
.oscpub-group-prods .group-left .gcourse-swiper:before { width: 38px }
.oscpub-group-prods .group-left .gcourse-swiper .swiper-slide { width: 125px }
.oscpub-group-prods .group-left .gcourse-item .cover { width: 125px; height: 79px; border-radius: 6px }
.oscpub-group-prods .group-left .gcourse-item .title { font-size: 12px }
}
@media (min-width:992px) {
.oscpub-group-prods .group-left { padding: 16px 24px }
.oscpub-group-prods .group-left .heading { height: 28px; margin-bottom: 14px }
.oscpub-group-prods .group-left .heading h3 { max-width: 210px; font-size: 16px }
.oscpub-group-prods .group-left .heading .tabs { left: 224px }
.oscpub-group-prods .group-left .heading .tabs .tab { min-width: 54px; line-height: 28px; border-radius: 5px }
.oscpub-group-prods .group-left .heading .tabs .tab+.tab { margin-left: 8px }
.oscpub-group-prods .group-left .heading .pages .page+.page { margin-left: 12px }
.oscpub-group-prods .group-left .gcourse-swiper { width: 734px }
.oscpub-group-prods .group-left .gcourse-swiper:before { width: 48px }
.oscpub-group-prods .group-left .gcourse-swiper .swiper-slide { width: 210px }
.oscpub-group-prods .group-left .gcourse-item .cover { width: 210px; height: 133px; border-radius: 8px }
.oscpub-group-prods .group-left .gcourse-item .title { font-size: 14px }
}
@media (min-width:1200px) {
.oscpub-group-prods .group-left { padding: 30px 40px }
.oscpub-group-prods .group-left .heading { height: 32px; margin-bottom: 20px }
.oscpub-group-prods .group-left .heading h3 { max-width: 254px; font-size: 18px }
.oscpub-group-prods .group-left .heading .tabs { left: 264px }
.oscpub-group-prods .group-left .heading .tabs .tab { min-width: 70px; line-height: 32px; border-radius: 6px }
.oscpub-group-prods .group-left .heading .tabs .tab+.tab { margin-left: 10px }
.oscpub-group-prods .group-left .gcourse-swiper { width: 838px }
.oscpub-group-prods .group-left .gcourse-swiper:before { width: 58px }
.oscpub-group-prods .group-left .gcourse-item .cover { border-radius: 10px }
}
.oscpub-group-prods .group-right { width: 262px; padding: 16px; background-color: #f6f8fa; border-radius: 0 14px 14px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.oscpub-group-prods .group-right .prices h3 { margin-top: 4px; font-size: 28px; font-weight: 500; line-height: 40px; color: #ff5900 }
.oscpub-group-prods .group-right .prices h4 { font-size: 18px; font-weight: 500; line-height: 25px }
.oscpub-group-prods .group-right .prices h6 { margin-top: 4px; font-size: 14px; font-weight: 400; line-height: 20px; color: #525a67; text-decoration: line-through }
.oscpub-group-prods .group-right .pay_group { width: 148px; height: 46px; margin-top: 35px; font-size: 14px; border-radius: 30px }
@media (min-width:768px) {
.oscpub-group-prods .group-right { width: 192px; padding: 8px }
.oscpub-group-prods .group-right .prices h3, .oscpub-group-prods .group-right .prices h6 { margin-top: 0 }
.oscpub-group-prods .group-right .pay_group { width: 108px; height: 36px; margin-top: 15px }
}
@media (min-width:992px) {
.oscpub-group-prods .group-right { width: 222px; padding: 12px }
.oscpub-group-prods .group-right .prices h3, .oscpub-group-prods .group-right .prices h6 { margin-top: 4px }
.oscpub-group-prods .group-right .pay_group { width: 148px; height: 46px; margin-top: 35px }
}
@media (min-width:1200px) {
.oscpub-group-prods .group-right { width: 262px; padding: 16px }
}
.coupon-wrap { padding-bottom: 20px; font-family: PingFang SC Medium, Microsoft Yahei, \\9ED1\4F53 }
.coupon-wrap .payment-dropdown { position: relative; z-index: 2; display: inline-block; vertical-align: top; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.coupon-wrap .payment-dropdown .payment-toggle { position: relative; display: block; height: 30px; padding: 4px 10px 5px 0; text-align: center; border: 1px solid #e3e9ef; font-size: 12px; line-height: 1.5; color: #525a67; cursor: pointer; border-radius: 3px }
.coupon-wrap .payment-dropdown .payment-toggle:after, .coupon-wrap .payment-dropdown .payment-toggle:before { position: absolute; right: 10px; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; content: "" }
.coupon-wrap .payment-dropdown .payment-toggle:before { bottom: 50%; margin-bottom: 1px; border-bottom: 4px solid #87959f }
.coupon-wrap .payment-dropdown .payment-toggle:after { top: 50%; margin-top: 1px; border-top: 4px solid #87959f }
.coupon-wrap .payment-dropdown .payment-toggle:hover { background-color: #f6f8fa }
.coupon-wrap .payment-dropdown .payment-menu { position: absolute; top: 100%; right: 0; left: 0; display: none; font-size: 12px; border: 1px solid #eef3f5; background-color: #fff; -ms-box-shadow: 0 5px 10px rgba(33,43,52,.1); -o-box-shadow: 0 5px 10px rgba(33,43,52,.1); -webkit-box-shadow: 0 5px 10px rgba(33,43,52,.1); box-shadow: 0 5px 10px rgba(33,43,52,.1) }
.coupon-wrap .payment-dropdown .payment-menu>li+li { border-top: 1px solid #eef3f5 }
.coupon-wrap .payment-dropdown .payment-menu>li a { display: block; padding: 7px; line-height: 1.33333333; color: #525a67 }
.coupon-wrap .payment-dropdown .payment-menu>li:hover a { background-color: #f6f8fa }
.coupon-wrap .payment-dropdown .payment-menu>li.active a { color: #027cdb; background-color: transparent }
.coupon-wrap .payment-dropdown.open .payment-menu { display: block }
.coupon-wrap .payment-title.my h4 { display: inline-block }
.coupon-wrap .payment-title.my h4 em { display: inline-block; margin-left: 10px; font-size: 12px; line-height: 1.5; color: #ff5b02 }
.coupon-wrap .payment-title.my .payment-dropdown { float: right; margin-top: 7px }
.coupon-wrap .payment-title.my .payment-dropdown .payment-toggle { width: 100px }
.coupon-wrap .payment-title.my .payment-dropdown .payment-menu { text-align: center }
.coupon-wrap .coupon-list li { position: relative; float: left }
.coupon-wrap .coupon-list li:hover { z-index: 2 }
.coupon-wrap .coupon-list li.reduce .coupon-item { color: #fff; background-color: #5b7efe }
.coupon-wrap .coupon-list li.discount .coupon-item .coupon-d1, .coupon-wrap .coupon-list li.reduce .coupon-item .coupon-d1 { border-bottom-color: hsla(0,0%,100%,.3) }
.coupon-wrap .coupon-list li.discount .coupon-item { color: #fff; background-color: #ff7171 }
.coupon-wrap .coupon-list li.locking .coupon-item { opacity: .7 }
.coupon-wrap .coupon-list li.locking .btn-disabled span { position: relative; display: inline-block; vertical-align: top }
.coupon-wrap .coupon-list li.locking .btn-disabled span:hover .locking-tips { display: block }
.coupon-wrap .coupon-list li.locking .btn-disabled .iconfont { display: inline-block; margin-left: 5px; font-size: 12px; line-height: 20px; cursor: pointer }
.coupon-wrap .coupon-list li.locking .btn-disabled .locking-tips { position: absolute; bottom: 100%; right: -40px; display: none; width: 174px; padding: 10px 15px; margin-bottom: 2px; font-size: 12px; line-height: 1.7; color: #fff; background-color: rgba(33,43,52,.9); text-align: justify; border-radius: 5px }
.coupon-wrap .coupon-list li.locking .btn-disabled .locking-tips:before { position: absolute; top: 100%; right: 42px; width: 0; height: 0; border-top: 6px solid rgba(33,43,52,.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: "" }
.coupon-wrap .coupon-list li.expiring .coupon-item, .coupon-wrap .coupon-list li.refundsIn .coupon-item, .coupon-wrap .coupon-list li.used .coupon-item { color: #87959f; background-color: #eef3f5 }
.coupon-wrap .coupon-list li.expiring .coupon-item .coupon-d1, .coupon-wrap .coupon-list li.refundsIn .coupon-item .coupon-d1, .coupon-wrap .coupon-list li.used .coupon-item .coupon-d1 { border-bottom-color: rgba(135,149,159,.3) }
.coupon-wrap .coupon-list li.refundsIn .coupon-d2 .btn-disabled { color: #ff5b02 }
.coupon-wrap .coupon-list li.new-welfare .coupon-item { position: relative; color: #fff; background-color: #5b7efe; background-image: none }
.coupon-wrap .coupon-list li.new-welfare .coupon-item:before { content: ""; position: absolute; top: -6px; right: -4px; width: 106px; height: 72px; background: url("https://assets-cdn.lanqb.com/imgv3/newWalfare/flag.png?v=1") no-repeat; background-size: 100% }
.coupon-wrap .coupon-list li.new-welfare .coupon-d1 { border-bottom-color: hsla(0,0%,100%,.3) }
.coupon-wrap .coupon-list li.new-welfare .cp-price { font-size: 50px; line-height: 61px; font-style: italic }
.coupon-wrap .coupon-list li.new-welfare .p4 p { color: hsla(0,0%,100%,.7); font-size: 12px }
.coupon-wrap .coupon-list li.new-welfare .coupon-d2 { text-align: center }
.coupon-wrap .coupon-list li.new-welfare .coupon-d2 a { width: 192px; height: 32px; font-size: 14px; line-height: 32px; color: #ff5b02; background: #fff; border-radius: 32px }
@media (min-width:768px) {
.coupon-wrap .coupon-list { margin-right: -20px; margin-left: -20px }
.coupon-wrap .coupon-list li { width: 50%; padding: 0 20px 30px }
}
@media (min-width:992px) {
.coupon-wrap .coupon-list { margin-right: -15px; margin-left: -15px }
.coupon-wrap .coupon-list li { width: 33.33333333%; padding: 0 15px 20px }
}
@media (min-width:1200px) {
.coupon-wrap .coupon-list { margin-right: -10px; margin-left: -10px }
.coupon-wrap .coupon-list li { width: 300px; padding: 0 10px 20px }
}
.coupon-wrap .coupon-item { color: #87959f; background: #eef3f5 url("https://assets-cdn.lanqb.com/coupon/quan1.png") no-repeat 100% 0; background-size: 100px auto; cursor: default; border-radius: 5px; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.coupon-wrap .coupon-item .coupon-d1 { position: relative; padding: 15px; border-bottom: 1px dashed rgba(135,149,159,.3) }
.coupon-wrap .coupon-item .coupon-d1:after, .coupon-wrap .coupon-item .coupon-d1:before { position: absolute; bottom: -13px; width: 12px; height: 24px; background-color: #fff; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box }
.coupon-wrap .coupon-item .coupon-d1:before { left: 0; border: 1px solid transparent; border-left: none; border-radius: 0 100% 100% 0/50% }
.coupon-wrap .coupon-item .coupon-d1:after { right: 0; border: 1px solid transparent; border-right: none; border-radius: 100% 0 0 100%/50% }
.coupon-wrap .coupon-item .coupon-d1 em.showRange { display: block; width: 60px; height: 20px; background-color: rgba(0,0,0,.1); font-size: 12px; line-height: 1.5; text-align: center; cursor: pointer; border-radius: 100px; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.coupon-wrap .coupon-item .coupon-d1 em.showRange:hover { background-color: rgba(0,0,0,.13) }
.coupon-wrap .coupon-item .coupon-d1 .cp-price { display: inline-block; font-size: 50px; line-height: 60px; letter-spacing: -2px; vertical-align: top }
.coupon-wrap .coupon-item .coupon-d1 .cp-price em { display: inline-block; margin-top: 30px; margin-left: 6px; font-size: 20px; line-height: 20px; vertical-align: top }
.coupon-wrap .coupon-item .coupon-d2 { height: 58px; padding: 10px 15px 0 }
.coupon-wrap .coupon-item .coupon-d2 h6 { display: inline-block; margin-top: 9px; font-size: 12px; line-height: 1.5; vertical-align: top }
.coupon-wrap .coupon-item .coupon-d2 h6 span { display: block; letter-spacing: -.2px }
.coupon-wrap .coupon-item .coupon-d2 h6 em { display: inline-block; margin-top: 3px; color: #ff5b02; font-weight: 600; vertical-align: top }
.coupon-wrap .coupon-item .coupon-d2 .btn-bgwhite, .coupon-wrap .coupon-item .coupon-d2 .btn-disabled { float: right; display: inline-block; height: 28px; margin: 5px 0 15px }
.coupon-wrap .coupon-item .coupon-d2 .btn-bgwhite { width: 76px; padding: 2px; font-size: 14px; line-height: 20px; color: #525a67; border-radius: 100px }
.coupon-wrap .coupon-item .coupon-d2 .btn-disabled { font-size: 14px; line-height: 2 }
.coupon-wrap .coupon-item .p1 { margin-bottom: 16px }
.coupon-wrap .coupon-item .p1 h5 { display: inline-block; font-size: 12px; line-height: 20px }
.coupon-wrap .coupon-item .p1 h5 span { display: inline-block; margin: 0 10px; font-size: 20px; font-weight: 300; line-height: 1; vertical-align: top }
.coupon-wrap .coupon-item .p1 em.showRange { float: right }
.coupon-wrap .coupon-item .p2 .cp-price { margin-left: 18px }
.coupon-wrap .coupon-item .p3 { margin-bottom: 15px }
.coupon-wrap .coupon-item .p3 span { float: left; display: inline-block; font-size: 12px; line-height: 20px }
.coupon-wrap .coupon-item .p3>em { float: right; display: inline-block; font-size: 12px; line-height: 1.5; opacity: .7 }
.coupon-wrap .coupon-item .p3>em .iconfont { display: inline-block; margin-right: 6px; font-size: 12px; line-height: 1.5; vertical-align: top }
.coupon-wrap .coupon-item .p4 { position: relative }
.coupon-wrap .coupon-item .p4 em.showRange { position: absolute; bottom: 0; right: 0 }
.coupon-wrap .useRange-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 16; background-color: rgba(0,0,0,.5) }
.coupon-wrap .useRange { position: fixed; top: 50%; left: 50%; z-index: 1; width: 330px; margin-top: -210px; margin-left: -165px; color: #525a67; background-color: #fff; border-radius: 3px }
.coupon-wrap .useRange .useRange-close { position: absolute; top: -32px; right: -48px; display: block; width: 36px; height: 36px; color: #212b34; background-color: #fff; text-align: center; cursor: pointer; border-radius: 100px; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.coupon-wrap .useRange .useRange-close:hover { color: #525a67; background-color: #eef3f5 }
.coupon-wrap .useRange .useRange-close .iconfont { display: inline-block; font-size: 16px; font-weight: 700; line-height: 2.25; vertical-align: top }
.coupon-wrap .useRange h4 { padding: 10px; background-color: #f8faff; font-size: 18px; line-height: 1.66666667; text-align: center; border-radius: 3px 3px 0 0 }
.coupon-wrap .useRange .useRange-con { margin: 22px 20px 40px 40px }
.coupon-wrap .useRange .useRange-con h6 { font-size: 12px; line-height: 18px; color: #87959f }
.coupon-wrap .useRange .useRange-con p { font-size: 12px; line-height: 18px }
.coupon-wrap .useRange .useRange-con p+p { margin-top: 10px }
.coupon-wrap .useRange .useRange-con p a { color: #525a67 }
.coupon-wrap .useRange .useRange-con p a em { color: #87959f }
.coupon-wrap .useRange .useRange-con p a:hover, .coupon-wrap .useRange .useRange-con p a:hover em { color: #027cdb }
.coupon-wrap .useRange .useRange-r1 { padding-top: 18px; padding-bottom: 10px; margin-right: 20px }
.coupon-wrap .useRange .useRange-r1 p { font-size: 14px; line-height: 20px; text-align: justify }
.coupon-wrap .useRange .useRange-r2 { margin-right: 20px }
.coupon-wrap .useRange .useRange-r2 h5 { margin-top: 30px; text-align: center }
.coupon-wrap .useRange .useRange-r2 h5 span { position: relative; display: inline-block; padding: 0 10px; font-size: 14px; font-weight: 600; line-height: 21px; color: #525a67; vertical-align: top }
.coupon-wrap .useRange .useRange-r2 h5 span:after, .coupon-wrap .useRange .useRange-r2 h5 span:before { position: absolute; top: 10px; width: 15px; height: 1px; background-color: #e3e9ef; content: "" }
.coupon-wrap .useRange .useRange-r2 h5 span:before { right: 100% }
.coupon-wrap .useRange .useRange-r2 h5 span:after { left: 100% }
.coupon-wrap .useRange .useRange-r3 .useRange-r3-con { max-height: 240px; padding-right: 10px; overflow: hidden; overflow-y: auto }
.coupon-wrap .useRange .useRange-r3 .useRange-r3-con::-webkit-scrollbar {
width:6px
}
.coupon-wrap .useRange .useRange-r3 .useRange-r3-con::-webkit-scrollbar-track {
background-color:#e3e9ef
}
.coupon-wrap .useRange .useRange-r3 .useRange-r3-con::-webkit-scrollbar-thumb {
background-color:#027cdb
}
.coupon-wrap .useRange .useRange-r3 .useRange-r3-con:hover::-webkit-scrollbar-thumb {
background-color:rgba(2,124,219,.9)
}
.coupon-wrap .useRange .useRange-r3 h5 { margin-bottom: 15px; font-size: 14px; font-weight: 600; line-height: 20px }
.coupon-wrap .useRange .useRange-r3 h6 { margin-bottom: 30px }
.coupon-wrap .useRange .useRange-r3 p+h5 { margin-top: 30px }
.coupon-wrap .courses-list { margin-right: -10px; margin-left: -10px }
.coupon-wrap .courses-list li { float: left; width: 33.33333333%; padding: 0 10px 30px }
.coupon-wrap .courses-cover { display: block; width: 100%; margin-bottom: 20px; overflow: hidden }
.coupon-wrap .courses-cover img { width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.coupon-wrap .courses-cover:hover img { -webkit-transform: scale(1.05); transform: scale(1.05) }
@media (min-width:768px) {
.coupon-wrap .courses-cover { height: 177px }
}
@media (min-width:992px) {
.coupon-wrap .courses-cover { height: 235px }
}
@media (min-width:1200px) {
.coupon-wrap .courses-cover { height: 285px }
}
.coupon-wrap .courses-des a { position: relative; display: block; padding-right: 50px; color: #212b34 }
.coupon-wrap .courses-des a:hover { color: #87959f }
.coupon-wrap .courses-des a:active { color: #212b34 }
.coupon-wrap .courses-des a .tag { position: absolute; top: 0; left: 0; display: inline-block; width: 50px; height: 21px; padding: 2px 0; font-size: 14px; line-height: 1.5; color: #fff; text-align: center; vertical-align: top; border-radius: 3px }
.coupon-wrap .courses-des a .tag.blue { background-color: #23a1f7 }
.coupon-wrap .courses-des a .tag.orange { background-color: #f7a61e }
.coupon-wrap .courses-des a .try { position: absolute; top: 0; right: 0; padding: 4px 2px 4px 0; font-size: 12px; line-height: 1.25; color: #fe6885; border: 1px solid #fe6885; border-left: none; border-radius: 0 3px 3px 0 }
.coupon-wrap .courses-des a .try:after, .coupon-wrap .courses-des a .try:before { position: absolute; content: "" }
.coupon-wrap .courses-des a .try:before { top: -1px; left: -11px; border-right: 11px solid #fe6885; border-top: 13px solid transparent; border-bottom: 12px solid transparent }
.coupon-wrap .courses-des a .try:after { top: 0; left: -10px; border-right: 10px solid #fff; border-top: 12px solid transparent; border-bottom: 11px solid transparent }
.coupon-wrap .courses-des p { padding-top: 10px; font-size: 14px; color: #87959f }
@media (min-width:768px) {
.coupon-wrap .courses-des a { padding-left: 54px; font-size: 14px; line-height: 1.78571429 }
}
@media (min-width:992px) {
.coupon-wrap .courses-des a { font-size: 16px; line-height: 1.5625 }
}
@media (min-width:1200px) {
.coupon-wrap .courses-des a { padding-left: 60px }
}
.coupon-wrap .pay-mc1.bottom { padding-bottom: 20px; border-bottom: 1px solid #eef3f5 }
.coupon-wrap .pay-mc1.bottom+.pay-mofql { margin-top: 116px }
.coupon-wrap .coupon-select { padding-top: 20px }
.coupon-wrap .coupon-select h4 { display: inline-block; font-size: 14px; line-height: 2; vertical-align: top }
.coupon-wrap .coupon-select .pay-dropdown .pay-toggle { width: 200px }
.coupon-wrap .coupon-select .pay-dropdown .pay-menu>li a { padding: 10px 20px; line-height: 1.66666667; color: #525a67; text-align: left }
.coupon-wrap .coupon-select .pay-dropdown .pay-menu>li a span { position: relative; display: inline-block; height: 20px; padding: 0 5px; margin-right: 5px; border: 1px solid #bedcef; vertical-align: top; border-radius: 2px }
.coupon-wrap .coupon-select .pay-dropdown .pay-menu>li a span:after, .coupon-wrap .coupon-select .pay-dropdown .pay-menu>li a span:before { position: absolute; top: 5px; width: 4px; height: 8px; background-color: #fff; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box }
.coupon-wrap .coupon-select .pay-dropdown .pay-menu>li a span:before { left: -1px; border: 1px solid transparent; border-left: none; border-radius: 0 100% 100% 0/50%; border-color: #bedcef }
.coupon-wrap .coupon-select .pay-dropdown .pay-menu>li a span:after { right: -1px; border: 1px solid transparent; border-right: none; border-radius: 100% 0 0 100%/50%; border-color: #bedcef }
.coupon-wrap .coupon-select .pay-dropdown .pay-menu>li a span em { display: inline-block; height: 18px; font-size: 12px; line-height: 1.5; color: #bedcef; border-left: 1px dashed #bedcef; vertical-align: top }
.coupon-wrap .coupon-select .pay-dropdown .pay-menu>li a:hover span:after, .coupon-wrap .coupon-select .pay-dropdown .pay-menu>li a:hover span:before { background-color: #f6f8fa }
.coupon-wrap .coupon-select .pay-dropdown .pay-menu>li.fee a { text-align: center }
.coupon-wrap .coupon-select .pay-dropdown .pay-menu>li.active span { border-color: #ff5900 }
.coupon-wrap .coupon-select .pay-dropdown .pay-menu>li.active span:after, .coupon-wrap .coupon-select .pay-dropdown .pay-menu>li.active span:before { background-color: #fff; border-color: #ff5900 }
.coupon-wrap .coupon-select .pay-dropdown .pay-menu>li.active span em { color: #ff5900; border-left-color: #ff5900 }
@media (min-width:768px) {
.coupon-wrap .noinfo-default { padding-top: 180px }
}
@media (min-width:992px) {
.coupon-wrap .noinfo-default { padding-top: 80px }
}
@media (min-width:1200px) {
.coupon-wrap .noinfo-default { padding-top: 150px }
}
.coupon-wrap .welfare-popup { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 21 }
.coupon-wrap .welfare-popup .mask { width: 100%; height: 100%; background: #000; opacity: .4 }
.coupon-wrap .welfare-popup .welfare-popup-conatiner { position: absolute; top: 47%; left: 0; right: 0; width: 401px; padding: 115px 32px 32px; margin: auto; background: url("https://assets-cdn.lanqb.com/imgv3/newWalfare/panel4.png?v=1") no-repeat; background-size: 100%; border-radius: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.coupon-wrap .welfare-popup .welfare-popup-conatiner .iconfont { position: absolute; top: -40px; right: 0; font-size: 28px; line-height: 28px; color: #fff; cursor: pointer }
.coupon-wrap .welfare-popup .welfare-popup-conatiner .code { float: left; width: 150px; height: 150px; margin-right: 12px }
.coupon-wrap .welfare-popup .welfare-popup-conatiner p { padding-top: 40px; font-size: 14px; line-height: 18px; color: #87959f }
.coupon-wrap .welfare-popup .welfare-popup-conatiner p span { color: #027cdb }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.logined>ul>li.history .logined-cz { max-width: 320px; padding: 20px 0 }
.logined>ul>li.history .logined-cz li { padding: 0 20px }
.logined>ul>li.history .logined-cz h3 { position: relative; margin: 10px 0; font-size: 12px; font-weight: 400; display: inline-block; width: 100%; text-align: left }
.logined>ul>li.history .logined-cz h3:after { content: ""; z-index: 0; position: absolute; top: 50%; left: 0; display: inline-block; width: 100%; border-top: 1px solid #eef3f5 }
.logined>ul>li.history .logined-cz h3 em { z-index: 1; position: relative; background-color: #fff; display: inline-block; padding-right: 10px; color: #87959f }
.logined>ul>li.history .logined-cz a { position: relative; border: none; padding: 0; font-size: 12px; color: #525a67; padding-left: 28px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; display: block; text-align: left }
.logined>ul>li.history .logined-cz a+a { margin-top: 10px }
.logined>ul>li.history .logined-cz a:after { content: ""; display: inline-block; position: absolute; top: 50%; left: 12px; margin-top: -2px; width: 5px; height: 5px; border-radius: 50%; background-color: #73b2fc }
.logined>ul>li.history>a .text { display: inline-block; margin-top: 6px; vertical-align: top; text-decoration: underline }
.users-head-info { height: 340px; background: url("https://assets-cdn.lanqb.com/pc_users/bg01.png"); background-position: 50%; background-size: 1980px auto }
.users-head-info .container { position: relative; height: 100% }
.users-info { padding: 112px 0 0 150px; color: #e3e9ef }
.users-info .users-feizao { margin-top: 6px }
.users-info .users-feizao span { position: relative; display: inline-block; height: 22px; margin: 0 9px; font-size: 12px; line-height: 22px; color: hsla(0,0%,100%,.78); background: url("https://assets-cdn.lanqb.com/pc_users/feizao_bg1.png") repeat-x 50%; vertical-align: top }
.users-info .users-feizao span:after, .users-info .users-feizao span:before { position: absolute; top: 0; width: 9px; height: 100%; content: ""; background: url("https://assets-cdn.lanqb.com/pc_users/feizao_bg.png") no-repeat 0 0; background-size: 9px auto }
.users-info .users-feizao span:before { right: 100%; background-position: 0 0 }
.users-info .users-feizao span:after { left: 100%; background-position: 0 -25px }
.users-info .users-feizao span img { height: 10px; margin-top: 6px; margin-right: 4px; vertical-align: top }
.users-info .users-edit { position: absolute; top: 22px; right: 0; font-size: 12px; padding: 2px 10px; border-radius: 3px; text-align: center; display: inline-block; color: hsla(0,0%,100%,.8); border: 1px solid hsla(0,0%,100%,.2) }
.users-info .users-edit:hover { color: #fff; border-color: #fff }
.users-info .users-avatar { position: absolute; top: 90px; left: 0; width: 120px; height: 120px; border-radius: 100%; border: 4px solid hsla(0,0%,100%,.3) }
.users-info .users-avatar img { width: 100%; height: 100%; border-radius: 100% }
.users-info .users-name { font-size: 20px }
.users-info .users-name .identity-img { width: 18px; height: 18px; display: inline-block; vertical-align: top; margin-top: 5px }
.users-info .users-signature p { width: 600px; margin-top: 17px; font-size: 14px; line-height: 20px; color: hsla(0,0%,100%,.5) }
.users-info .users-signature p .iconfont { display: inline-block; margin-left: 10px; font-size: 12px; line-height: 20px; vertical-align: top }
.users-info .users-signature input { margin-top: 10px; margin-left: -6px; padding-left: 5px; width: 600px; height: 34px; line-height: 34px; border-radius: 3px; border: transparent; color: #fff; background-color: transparent }
.users-info .users-signature input:-ms-input-placeholder {
color:#fff;
opacity:.6
}
.users-info .users-signature input::-webkit-input-placeholder {
color:#fff;
opacity:.6
}
.users-info .users-signature input:hover { background: #027cdb }
.users-info .users-signature input:focus { background: #026ec2 }
.counts-info { position: absolute; right: 0; bottom: 0 }
.counts-info .counts-list .item { display: inline-block; text-align: center; color: #e3e9ef; cursor: pointer }
.counts-info .counts-list .item:active, .counts-info .counts-list .item:hover { color: #fff }
.counts-info .counts-list .item+.item { margin-left: 17px }
.counts-info .counts-list .item span.numb { font-size: 20px; display: block }
.counts-info .counts-list .item span { margin-top: 10px; font-size: 13px }
.counts-info .counts-attent { margin: 20px 0 113px }
.counts-info .counts-attent .btn { background-color: #e3e9ef; color: #027cdb; font-size: 14px; border: 1px solid #e3e9ef }
.counts-info .counts-attent .btn:hover { background-color: #fff }
.counts-info .counts-attent .btn.gz-btn { width: 130px; height: 40px; line-height: 40px; color: #027cdb; background-color: #fff; border-radius: 0 }
.counts-info .counts-attent .btn.gz-btn span { margin-right: 10px; display: inline-block; font-size: 12px; vertical-align: top; line-height: 39px }
.counts-info .counts-attent .btn.gz-btn.atted { background-color: transparent; border-color: #fff; color: #fff }
.counts-info .counts-attent .btn.gz-btn.atted:active { border-color: #e3e9ef; color: #e3e9ef }
.counts-info .counts-time { margin: 54px 0 25px }
.counts-info .counts-time .day { position: relative; display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #fff; -webkit-box-shadow: 0 1px 1px 0 rgba(143,186,217,.1); box-shadow: 0 1px 1px 0 rgba(143,186,217,.1); border-radius: 0 0 3px 3px; color: #525a67; font-size: 30px }
.counts-info .counts-time .day:before { content: ""; position: absolute; top: -3px; left: -5px; display: inline-block; width: 70px; height: 3px; background: #73b2fc }
.counts-info .counts-time .date { margin-left: 17px; display: inline-block; vertical-align: top }
.counts-info .counts-time .date span { margin: 4px 0; display: block; font-size: 18px; color: #fff; text-align: center }
.counts-info .counts-time .date span+span { font-size: 14px }
.users-tab { position: absolute; left: 0; bottom: 0 }
.users-tab a { position: relative; padding-bottom: 25px; float: left; font-size: 18px; color: hsla(0,0%,100%,.8); width: 88px; text-align: center; line-height: 1 }
.users-tab a+a { margin-left: 45px }
.users-tab a.active { font-size: 20px; color: #fff }
.users-tab a.active:after { content: ""; position: absolute; display: inline-block; left: 50%; bottom: 0; margin-left: -10px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent }
.users-tab a:hover { font-size: 20px }
.users-subtab { position: relative; margin-left: -10px }
.users-subtab>a, .users-subtab>span { display: inline-block; padding: 7px 12px; font-size: 12px; color: #87959f; vertical-align: top; cursor: pointer; margin-left: 10px }
.users-subtab>a:active, .users-subtab>a:hover, .users-subtab>span:active, .users-subtab>span:hover { color: #212b34 }
.users-subtab>a.active, .users-subtab>span.active { background-color: #f6f8fa; color: #212b34 }
.users-subtab .numb { margin-left: 6px }
.users-subtab .tips { position: absolute; z-index: 3; color: #a2b1b8; line-height: 20px; font-size: 14px }
.users-subtab .tips i { color: #87959f; font-size: 16px }
.users-subtab .tips .content { display: none; background-image: url("https://assets-cdn.lanqb.com/work-icon/Rectangle%2034@2x.png"); width: 509px; height: 144px; position: absolute; top: -142px; left: -489px; background-size: 509px 144px; padding-left: 17px }
.users-subtab .tips .content h3 { margin-top: 22px }
.users-subtab .tips .content p { margin-top: 10px }
.users-subtab .tips:hover .content { display: block }
@media (min-width:768px) {
.users-subtab .tips { top: 20px; left: 700px }
}
@media (min-width:992px) {
.users-subtab .tips { top: 0; left: 820px }
}
@media (min-width:768px) {
.users-subtab { margin-top: 10px }
}
@media (min-width:992px) {
.users-subtab { margin-top: 0 }
}
.unit-subtab { margin-top: 12px }
.unit-subtab .lock { pointer-events: none; cursor: default }
.infoDefault { text-align: center; padding: 50px 0 }
.infoDefault img { width: 300px }
.infoDefault h1 { font-size: 18px; color: #87959f; margin-top: 30px }
.infoDefault h2 { font-size: 14px; color: #b1bbc3; margin-top: 5px }
.infoDefault .btn { margin-top: 20px }
.users-body-info .container { padding: 20px 0 }
.users-body-info .users-con { float: left; display: none }
.users-body-info .users-con.active { display: block }
.users-body-info .users-con.float-none { float: none; margin-right: auto; margin-left: auto }
.users-body-info .users-con.s2 { width: 100% }
.users-body-info .users-con~.users-banner { margin-top: 51px }
.users-body-info .users-con.users-study~.users-banner { margin-top: 0 }
.users-body-info .users-sublist { margin-top: 20px }
.users-body-info .users-subcon { display: none }
.users-body-info .users-subcon.active { display: block }
.users-body-info .zan { color: #87959f }
.users-body-info .zan .iconfont:before { content: "\E727" }
.users-body-info .zan.zaned { color: #f36b61 }
.users-body-info .zan.zaned .iconfont:before { content: "\E67A" }
.users-body-info .comment { margin-right: auto; margin-left: auto }
.users-body-info .comment .comment-my { padding-right: 0; padding-left: 0 }
.users-body-info .comment .comment-others { margin-bottom: 20px }
.users-body-info .dc-comment { padding: 0; background: #fff }
.users-body-info .dc-comment .comment { padding-right: 0; padding-left: 0; margin: 0 auto }
.users-body-info .dc-comment .comment .comment-others { margin-top: 0; border-top: none }
.users-body-info .dc-comment .comment .comment-head { padding-top: 0 }
.users-body-info .dc-comment .comment .comment-iteam { padding-top: 30px; padding-bottom: 30px }
.users-body-info .hd-itemList { margin-bottom: 0 }
.users-body-info .hd-itemList li { margin-bottom: 20px; margin-left: 20px }
.users-body-info .hd-itemList li .hd-itemList-img { height: 100% }
.users-body-info .fingerPainting-item { padding-bottom: 30px }
@media (min-width:768px) {
.users-body-info .users-con { width: 100% }
.users-body-info .comment { width: 700px; margin-top: 20px; margin-bottom: 20px }
.users-body-info .dc-comment .comment { padding-top: 20px; padding-bottom: 20px }
.users-body-info .dc-comment .comment .comment-head { border-bottom-width: 2px }
.users-body-info .hd-itemList li { width: 232px }
.users-body-info .hd-itemList li>div>a { height: 173px }
.users-body-info .fingerPainting-item { width: 234px }
.users-body-info .fingerPainting-item .fingerPainting-img { height: 234px }
}
@media (min-width:992px) {
.users-body-info .users-con { width: 742px }
.users-body-info .comment { width: 860px; margin-top: 40px; margin-bottom: 40px }
.users-body-info .dc-comment .comment { padding-top: 40px; padding-bottom: 40px }
.users-body-info .dc-comment .comment .comment-others { margin-bottom: 40px }
.users-body-info .dc-comment .comment .comment-head { padding-top: 20px; margin-bottom: 10px; border-bottom-width: 4px }
.users-body-info .fingerPainting-item { width: 232px }
.users-body-info .fingerPainting-item .fingerPainting-img { height: 232px }
}
@media (min-width:1200px) {
.users-body-info .users-con { width: 880px }
.users-body-info .hd-itemList li { width: 280px }
.users-body-info .hd-itemList li>div>a { height: 209px }
.users-body-info .fingerPainting-item { width: 280px }
.users-body-info .fingerPainting-item .fingerPainting-img { height: 280px }
}
.users-body-info .users-study { width: 100% }
.users-study .study-list { width: 880px; float: left }
@media (min-width:768px) {
.users-study .study-list { width: 100% }
}
@media (min-width:992px) {
.users-study .study-list { width: 680px }
}
@media (min-width:1200px) {
.users-study .study-list { width: 880px }
}
.users-study .study-item { position: relative; margin-bottom: 20px; padding: 12px; width: 100%; background-color: #fff; display: block; border-radius: 6px }
.users-study .study-item:hover { -ms-box-shadow: 0 4px 20px rgba(33,43,52,.1); -o-box-shadow: 0 4px 20px rgba(33,43,52,.1); -webkit-box-shadow: 0 4px 20px rgba(33,43,52,.1); box-shadow: 0 4px 20px rgba(33,43,52,.1) }
.users-study .study-item .study-cover { text-align: center; border-radius: 10px; margin-right: 30px }
.users-study .study-item .study-info h3 { margin: 20px 0 10px; font-size: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.users-study .study-item .study-info p { font-size: 14px; color: #525a67; line-height: 24px }
.users-study .study-item .study-tag { position: absolute; right: -3px; top: -5px; padding-left: 10px; width: 90px; height: 38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; background-size: 100% 100% }
.users-study .study-item .study-tag.onfreeze { width: 180px; font-size: 12px }
.users-study .study-item .study-tag.onschd { background-image: url("https://assets-cdn.lanqb.com/pc_users/icon01.png") }
.users-study .study-item .study-tag.lightclass, .users-study .study-item .study-tag.trylearn { background-image: url("https://assets-cdn.lanqb.com/pc_users/icon02.png") }
.users-study .study-item .study-tag.expired { background-image: url("https://assets-cdn.lanqb.com/pc_users/icon03.png") }
.users-study .study-item.disabled { pointer-events: none; cursor: default }
.users-study .study-item.disabled:hover { opacity: 1 }
.users-study .study-item.disabled .study-tag { background-image: url("https://assets-cdn.lanqb.com/pc_users/icon03.png") }
.users-study .study-item.disabled .study-tag.onfreeze { background-image: url("https://assets-cdn.lanqb.com/pc_users/icon11.png") }
.users-study .study-item.disabled .mask1 { background-color: rgba(33,43,52,.1); opacity: 1; border-radius: 6px }
.users-study .study-head-banner { position: relative; width: 100%; height: 240px; background: url("https://assets-cdn.lanqb.com/daniu/study-bg.png") no-repeat top; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 56px 0 0; margin-bottom: 20px }
.users-study .study-head-banner .banner-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #f6f8fa }
.users-study .study-head-banner .users-avatar { position: relative; width: 120px; height: 120px; border-radius: 100%; border: 4px solid hsla(0,0%,100%,.3); margin-right: 34px }
.users-study .study-head-banner .users-avatar img { position: relative; width: 100%; height: 100%; border-radius: 100% }
.users-study .study-head-banner .users-avatar.ear2023:before { top: -32px; left: 50%; width: 156px; height: 80px; margin-left: -78px }
.users-study .study-head-banner .users-name { font-size: 20px }
.users-study .study-head-banner .users-soap { height: 22px; background: hsla(0,0%,100%,.08); border: 1px solid hsla(0,0%,100%,.35); border-radius: 5px; margin-top: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; line-height: 22px; display: inline-block }
@media (min-width:768px) {
.users-study .study-item .study-cover { width: 220px; height: 139px }
.users-study .study-item2 img { width: auto; height: 139px }
}
@media (min-width:992px) {
.users-study .study-item .study-cover { width: 240px; height: 152px }
.users-study .study-item2 img { width: auto; height: 152px }
}
@media (min-width:1200px) {
.users-study .study-item .study-cover { width: 280px; height: 177px }
.users-study .study-item2 img { width: auto; height: 177px }
}
.users-study .tips-contain { float: right }
.users-study .homework-tips { background-color: #fff; border-radius: 6px; -ms-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); -o-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); -webkit-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); box-shadow: 0 2px 8px hsla(0,0%,85%,.5); width: 280px; margin-bottom: 30px }
.users-study .homework-tips .homework-tips-heading { padding: 0 16px; font-size: 14px; line-height: 40px; color: #fff; border-radius: 6px 6px 0 0 }
.users-study .homework-tips .homework-tips-heading .heading-time { float: left }
.users-study .homework-tips .homework-tips-heading .heading-state { float: right; color: #fff }
.users-study .homework-tips .homework-tips-con { text-align: center; margin-top: 16px; padding-bottom: 14px; display: block }
.users-study .homework-tips .homework-tips-con .avatar { width: 50px; height: 50px; border: 1px solid #b1bbc3; border-radius: 50% }
.users-study .homework-tips .homework-tips-con h3 { font-size: 14px; line-height: 26px; font-weight: 700 }
.users-study .homework-tips .homework-tips-bot { width: 240px; margin: 0 auto; border-top: 1px dashed #e3e9ef; padding: 14px 0; display: block }
.users-study .homework-tips .homework-tips-bot .course-name { font-size: 14px; line-height: 20px; font-weight: 700 }
.users-study .homework-tips .homework-tips-bot p { font-size: 14px; line-height: 20px }
.users-study .homework-tips.tips1 .homework-tips-heading { background: #ffb545 }
.users-study .homework-tips.tips2 .homework-tips-heading { background: #53b9e4 }
.users-study .homework-tips.tips3 .homework-tips-heading { background: #e4e9eb; color: #525a67 }
.users-study .homework-tips.tips3 .homework-tips-heading .heading-state { color: #525a67 }
.users-study .study-list-tips { position: absolute; top: 50%; right: 50%; width: 470px; padding: 18px 20px 10px; color: #fff; background-color: rgba(0,0,0,.1); border-radius: 10px; -webkit-animation: fadeIn 1s ease; animation: fadeIn 1s ease; -webkit-transform: translate3D(590px, -50%, 0); transform: translate3D(590px, -50%, 0) }
@media (min-width:768px) {
.users-study .study-list-tips { width: 270px; padding-top: 8px; -webkit-transform: translate3D(374px, -50%, 0); transform: translate3D(374px, -50%, 0) }
}
@media (min-width:992px) {
.users-study .study-list-tips { width: 470px; padding-top: 18px; -webkit-transform: translate3D(490px, -50%, 0); transform: translate3D(490px, -50%, 0) }
}
@media (min-width:1200px) {
.users-study .study-list-tips { -webkit-transform: translate3D(590px, -50%, 0); transform: translate3D(590px, -50%, 0) }
}
.users-study .study-list-tips h4 { margin-bottom: 6px; display: -webkit-box; display: -ms-flexbox; display: flex }
.users-study .study-list-tips h4 .iconfont { font-size: 16px; line-height: 24px }
.users-study .study-list-tips h4 strong { margin-left: 8px; font-size: 14px; font-weight: 500; line-height: 24px }
.users-study .study-list-tips p { min-height: 60px; font-size: 12px; line-height: 20px }
.users-study .study-navs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px }
.users-study .study-navs .study-nav { display: block; padding-right: 10px; padding-left: 10px; font-size: 14px; font-weight: 400; line-height: 32px; color: #525a67; border-radius: 6px }
.users-study .study-navs .study-nav+.study-nav { margin-left: 32px }
.users-study .study-navs .study-nav:hover { color: #87959f }
.users-study .study-navs .study-nav.active { color: #fff; background-color: #027cdb }
.users-study .study-daniu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap }
@media (min-width:768px) {
.users-study .study-daniu { margin-left: -20px }
}
@media (min-width:992px) {
.users-study .study-daniu { margin-left: -16px }
}
@media (min-width:1200px) {
.users-study .study-daniu { margin-left: -20px }
}
.users-study .study-daniu .daniu-item { width: 380px; height: 142px; margin-left: 20px; margin-bottom: 20px; background-color: #fff; border-radius: 4px; -ms-box-shadow: 0 1px 10px rgba(135,149,159,.2); -o-box-shadow: 0 1px 10px rgba(135,149,159,.2); -webkit-box-shadow: 0 1px 10px rgba(135,149,159,.2); box-shadow: 0 1px 10px rgba(135,149,159,.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.users-study .study-daniu .daniu-item:hover { -ms-box-shadow: 0 1px 10px rgba(135,149,159,.4); -o-box-shadow: 0 1px 10px rgba(135,149,159,.4); -webkit-box-shadow: 0 1px 10px rgba(135,149,159,.4); box-shadow: 0 1px 10px rgba(135,149,159,.4) }
.users-study .study-daniu .daniu-item:hover .daniu-cover .daniu-play { opacity: 1 }
@media (min-width:768px) {
.users-study .study-daniu .daniu-item { width: 364px; height: 135px; margin-left: 20px }
}
@media (min-width:992px) {
.users-study .study-daniu .daniu-item { width: 316px; height: 108px; margin-left: 16px }
}
@media (min-width:1200px) {
.users-study .study-daniu .daniu-item { width: 380px; height: 142px; margin-left: 20px }
}
.users-study .study-daniu .daniu-cover { position: relative; width: 189px; height: 142px; overflow: hidden; cursor: pointer; border-radius: 4px 0 0 4px }
.users-study .study-daniu .daniu-cover .daniu-tag { position: absolute; top: 4px; left: 4px; z-index: 1; padding-right: 4px; padding-left: 4px; color: #fff; background-color: #ff3f72; font-size: 12px; line-height: 22px; border-radius: 4px }
.users-study .study-daniu .daniu-cover .daniu-play { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; background-color: rgba(82,90,103,.5); -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.users-study .study-daniu .daniu-cover .daniu-play .iconfont { color: #fff; font-size: 58px; line-height: 1; background-color: rgba(82,90,103,.7); border-radius: 100% }
.users-study .study-daniu .daniu-cover .daniu-cover-img { width: 100%; height: 100% }
@media (min-width:768px) {
.users-study .study-daniu .daniu-cover { width: 180px; height: 135px }
.users-study .study-daniu .daniu-cover .daniu-play .iconfont { font-size: 48px }
}
@media (min-width:992px) {
.users-study .study-daniu .daniu-cover { width: 144px; height: 108px }
.users-study .study-daniu .daniu-cover .daniu-play .iconfont { font-size: 42px }
}
@media (min-width:1200px) {
.users-study .study-daniu .daniu-cover { width: 189px; height: 142px }
.users-study .study-daniu .daniu-cover .daniu-play .iconfont { font-size: 58px }
}
.users-study .study-daniu .daniu-des { width: 191px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.users-study .study-daniu .daniu-des h3 { height: 40px; font-size: 16px; line-height: 20px }
.users-study .study-daniu .daniu-des h3 a { color: #212b34; cursor: pointer }
.users-study .study-daniu .daniu-des h3 a:hover { color: #027cdb }
@media (min-width:768px) {
.users-study .study-daniu .daniu-des { width: 184px; padding: 6px }
.users-study .study-daniu .daniu-des h3 { font-size: 15px }
}
@media (min-width:992px) {
.users-study .study-daniu .daniu-des { width: 172px; padding: 4px 8px }
.users-study .study-daniu .daniu-des h3 { font-size: 14px }
}
@media (min-width:1200px) {
.users-study .study-daniu .daniu-des { width: 191px; padding: 10px }
.users-study .study-daniu .daniu-des h3 { font-size: 16px }
}
.users-study .study-daniu .daniu-guest { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.users-study .study-daniu .daniu-guest .author { width: 30px; height: 30px; margin-right: 6px; border-radius: 50% }
.users-study .study-daniu .daniu-guest .name { font-size: 14px; line-height: 20px; color: #525a67 }
.users-study .study-daniu .daniu-guest:hover .name { color: #027cdb }
@media (min-width:768px) {
.users-study .study-daniu .daniu-guest .author { width: 28px; height: 28px }
.users-study .study-daniu .daniu-guest .name { font-size: 14px }
}
@media (min-width:992px) {
.users-study .study-daniu .daniu-guest .author { width: 24px; height: 24px }
.users-study .study-daniu .daniu-guest .name { font-size: 12px }
}
@media (min-width:1200px) {
.users-study .study-daniu .daniu-guest .author { width: 30px; height: 30px }
.users-study .study-daniu .daniu-guest .name { font-size: 14px }
}
.users-study .study-daniu .daniu-time { font-size: 12px; line-height: 20px; color: #87959f }
.users-like .tutor-con .tutor-opens-iteam { height: auto }
.users-like .tutor-con .tutor-opens-iteam .like-del { position: absolute; right: 20px; top: 10px; z-index: 2; display: block; width: 30px; height: 30px; color: #fff; background-color: rgba(0,0,0,.3); text-align: center; cursor: pointer; opacity: 0; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: 50%; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.users-like .tutor-con .tutor-opens-iteam .like-del:hover { background-color: rgba(0,0,0,.5) }
.users-like .tutor-con .tutor-opens-iteam .like-del .iconfont { display: inline-block; font-size: 15px; line-height: 30px }
.users-like .tutor-con .tutor-opens-iteam:hover .like-del { opacity: 1 }
.users-like .tutor-price { position: relative; height: 24px }
.users-like .tutor-price:after { position: absolute; top: 0; right: 0; font-size: 14px; line-height: 24px; text-align: right }
.users-like .tutor-price.free { padding-right: 40px }
.users-like .tutor-price.free:after { content: "\514D\8D39"; color: #0097e6 }
.users-like .tutor-price.fee { padding-right: 80px }
.users-like .tutor-price.fee:after { content: "\FFE5" attr(data-prices) ""; color: #ff5900 }
.users-news .news-tab .numb { color: #ff8407 }
.users-news .news-con { border-top: 1px solid #eef3f5 }
.users-news .news-con .news-cover { display: table-cell; width: 75px; height: 75px; vertical-align: top }
.users-news .news-con .news-cover img { width: 100%; height: 100%; border-radius: 100% }
.users-news .news-con .news-item-info { display: table-cell; vertical-align: top; position: relative; padding-left: 22px; width: 1000px }
.users-news .news-con .news-item-info h4 { font-size: 14px; color: #87959f; margin: 0 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.users-news .news-con .news-item-info h4 a { color: #027cdb }
.users-news .news-con .news-item-info h4 .mlr { margin: 0 10px }
.users-news .news-con .news-item-info .more-info { height: auto; max-height: 40px; text-align: justify }
.users-news .news-con .news-item-info .news-det { float: right; margin: -30px 20px 0 0; width: 120px; height: 90px; overflow: hidden; background-color: #f6f8fa }
.users-news .news-con .news-item-info .news-det img { width: 100%; height: 100% }
.users-news .news-con .news-item-info .news-det p { margin: 15px 10px; font-size: 14px; word-break: break-all; color: #87959f }
.users-news .news-con .news-item-info .time { display: inline-block; font-size: 12px; color: #87959f; margin-top: 20px; position: relative; top: 0 }
@media (min-width:768px) {
.users-news .news-con .news-item-info h4 { max-width: 475px }
.users-news .news-con .news-item-info .more-info { max-width: 470px }
}
@media (min-width:992px) {
.users-news .news-con .news-item-info .more-info { max-width: 470px }
}
@media (min-width:1200px) {
.users-news .news-con .news-item-info h4 { max-width: 610px }
.users-news .news-con .news-item-info .more-info { max-width: 566px }
}
.news-item { padding: 20px 0; border-bottom: 1px solid #eef3f5; text-align: left; position: relative }
.news-item .news-text { display: inline-block; font-size: 14px; cursor: pointer; vertical-align: top }
.news-item .news-text.active { color: #87959f }
.news-item .time { position: absolute; right: 0; top: 22px; color: #87959f }
.news-item.unread-news .news-item-info .more-info, .news-item.unread-news .news-item-info h4 a, .news-item.unread-news .news-text { font-weight: 700 }
@media (min-width:768px) {
.news-item .news-text { max-width: 600px }
}
@media (min-width:1200px) {
.news-item .news-text { max-width: 720px }
}
.users-shares h4 { font-size: 18px; font-weight: 600; line-height: 25px }
.shares-list { margin-bottom: 40px }
.shares-list li { margin-top: 20px; background-color: #fff }
.community-list .community-item:hover, .gurus .account-list .account-item:hover, .illust-item:hover, .search-users .account-list .account-item:hover, .shares-list li:hover, .topic-item:hover { -ms-box-shadow: 0 5px 5px rgba(0,0,0,.05); -o-box-shadow: 0 5px 5px rgba(0,0,0,.05); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.05); box-shadow: 0 5px 5px rgba(0,0,0,.05) }
.shares-cover { position: relative; z-index: 1; float: left; display: block }
.shares-cover img { width: 100%; height: 100% }
@media (min-width:768px) {
.shares-cover { width: 200px; height: 150px; margin-right: 16px }
}
@media (min-width:992px) {
.shares-cover { width: 240px; height: 180px; margin-right: 24px }
}
@media (min-width:1200px) {
.shares-cover { width: 280px; height: 210px; margin-right: 40px }
}
.shares-des { position: relative; z-index: 1; float: left }
.shares-des h4 a { display: inline-block; font-size: 20px; line-height: 1.4; color: #434343; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.shares-des h4 a:hover { color: #87959f }
.shares-des p { height: 75px; overflow: hidden; line-height: 25px; color: #9f9f9f; text-align: justify }
@media (min-width:768px) {
.shares-des {
width:calc(100% - 10px*23.6); padding-top: 10px; padding-bottom: 10px; padding-right: 20px }
.shares-des h4 { margin-bottom: 9px }
.shares-des p { margin-bottom: 10px; font-size: 13px }
}
@media (min-width:992px) {
.shares-des {
width:calc(100% - 10px*26.4); padding-top: 12px; padding-bottom: 12px; padding-right: 30px }
.shares-des h4 { margin-bottom: 14px }
.shares-des p { margin-bottom: 18px; font-size: 14px }
}
@media (min-width:1200px) {
.shares-des {
width:calc(100% - 10px*32); padding-top: 20px; padding-bottom: 20px; padding-right: 40px }
.shares-des h4 { margin-bottom: 20px }
.shares-des p { margin-bottom: 26px }
}
.shares-btns { color: #9f9f9f }
.shares-btns .date, .shares-btns>span { display: inline-block; font-size: 12px; line-height: 20px; vertical-align: top }
.shares-btns>span .iconfont { display: inline-block; margin-right: 6px; font-size: 14px; vertical-align: top }
.shares-btns>span+span { margin-left: 20px }
.shares-btns>span+span .iconfont { font-size: 16px }
.shares-btns .date { margin-left: 30px }
.users-banner { overflow: hidden; width: 280px; float: right }
.users-banner a { display: block; width: 100%; height: 100%; position: relative }
.users-banner img { width: 256px }
.users-banner p { position: absolute; right: 20px; bottom: 15px; left: 20px; color: #fff; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
@media (max-width:1200px) {
.users-banner { display: none }
}
.expired-popup { width: 600px; margin-top: -230px; margin-left: -300px; color: #525a67; border-radius: 10px }
.expired-popup .popup-con img { width: 200px; margin-bottom: 26px }
.expired-popup .popup-con p span { display: block; font-size: 14px; line-height: 27px }
.expired-popup .popup-con .tips { margin-top: 20px }
.news-popup { margin: -225px 0 0 -300px; width: 600px; height: 450px; border-radius: 10px }
.news-popup .title { margin: 30px 0 10px; font-size: 18px; color: #525a67 }
.news-popup .time { font-size: 14px; color: #87959f; margin: 20px auto }
.news-popup .text { margin: 20px 24px 0 40px; padding-right: 16px; overflow: hidden; color: #525a67; text-align: justify }
.news-popup .text, .news-popup .text p { line-height: 27px; font-size: 14px }
.news-popup .text::-webkit-scrollbar {
width:6px;
border-radius:100px
}
.news-popup .text::-webkit-scrollbar-track {
background:#e3e9ef;
margin:3px 0
}
.news-popup .text::-webkit-scrollbar-thumb, .news-popup .text::-webkit-scrollbar-track {
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-text-decoration-skip:objects;
text-decoration-skip:objects;
border-radius:100px
}
.news-popup .text::-webkit-scrollbar-thumb {
background:#87959f
}
.trailer-popup .trailer-con { width: 100%; height: 100% }
.trailer-popup .popup-close { right: -48px; top: 0; color: #fff }
.trailer-popup .popup-close i { font-size: 28px; color: #fff }
@media (min-width:768px) {
.trailer-popup { width: 680px; height: 382px; margin: -191px 0 0 -340px }
}
@media (min-width:992px) {
.trailer-popup { width: 920px; height: 517px; margin: -255px 0 0 -460px }
}
@media (min-width:1200px) {
.trailer-popup { width: 960px; height: 540px; margin: -270px 0 0 -480px }
}
@media (min-width:768px) {
.coaching-popup { width: 660px; height: 700px; margin-top: -380px; margin-left: -330px }
}
@media (min-width:992px) {
.coaching-popup { width: 760px; height: 660px; margin-top: -330px; margin-left: -380px }
}
@media (min-width:1200px) {
.coaching-popup { height: 700px; margin-top: -350px }
}
.course-head-img { position: absolute; top: 0; left: 0; z-index: 3; overflow: hidden; width: 100%; height: 290px }
.course-head-img.h180 { height: 180px }
.course-head-img .course-head-bg { z-index: 0; position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: auto }
.course-head-img .course-head-bg.filter { -webkit-filter: blur(10px); -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false)
}
.course-head-img.drop { position: fixed; top: 50px; width: 100%; height: 150px; -ms-box-shadow: 0 1px 5px rgba(33,43,52,.1); -o-box-shadow: 0 1px 5px rgba(33,43,52,.1); -webkit-box-shadow: 0 1px 5px rgba(33,43,52,.1); box-shadow: 0 1px 5px rgba(33,43,52,.1) }
.course-head-img.drop~.course-body-info { position: static }
.course-head-info { position: absolute; left: 0; z-index: 3; width: 100% }
.course-head-info .course-head-return { position: absolute; right: 0; z-index: 4; height: 60px; text-align: right }
.course-head-info .course-head-return a { position: relative; display: inline-block; margin: 21px 0; color: #fff; padding-bottom: 2px; text-shadow: 0 1px 2px rgba(0,0,0,.6) }
.course-head-info .course-head-return a:after { position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid #fff; content: ""; -ms-box-shadow: 0 1px 2px rgba(0,0,0,.6); -o-box-shadow: 0 1px 2px rgba(0,0,0,.6); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.6); box-shadow: 0 1px 2px rgba(0,0,0,.6) }
.course-head-info .course-head-con { position: relative; padding-bottom: 10px; overflow: hidden }
.course-head-info .course-head-con .course-head-con-img { position: absolute; left: 20px; top: 20px; border-radius: 10px; -ms-box-shadow: 0 10px 20px rgba(0,0,0,.2); -o-box-shadow: 0 10px 20px rgba(0,0,0,.2); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.2); box-shadow: 0 10px 20px rgba(0,0,0,.2); visibility: inherit; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.course-head-info .course-head-con .course-head-con-img img { width: 100%; height: 100%; border-radius: 10px }
.course-head-info .course-head-con .course-head-con-img .schedule { position: absolute; bottom: 1px; left: 50% }
.course-head-info .course-head-con .course-head-con-img .schedule-text { position: absolute; display: block; text-align: center; width: 100%; bottom: -22px }
.course-head-info .course-head-con .course-head-expired { margin-top: 10px; font-size: 13px; line-height: 20px; color: #b1bbc3 }
.course-head-info .course-head-con .course-head-expired span { display: inline-block; margin-left: 14px; color: #ff5900; vertical-align: top; cursor: pointer }
.course-head-info .course-head-con .course-head-con-info { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.course-head-info .course-head-con .course-name { font-size: 30px }
.course-head-info .course-head-con .course-text { margin-top: 10px; font-size: 14px; color: #525a67 }
.course-head-info .course-head-con .course-head-tab { width: 100% }
.course-head-info .course-head-con .course-head-tab a { display: inline-block; padding: 0 5px 10px; font-size: 18px; line-height: 25px; text-align: center }
.course-head-info .course-head-con .course-head-tab.trylearn a { cursor: default; color: #bcc4cb }
@media (min-width:768px) {
.course-head-info .course-head-con .course-head-con-img { width: 240px; height: 152px }
.course-head-info .course-head-con .course-head-con-img.w4h3 { width: 240px; height: 180px }
.course-head-info .course-head-con .course-head-con-img .schedule { margin-left: -113px; width: 226px }
.course-head-info .course-head-con .course-head-tab { margin-top: 25px }
.course-head-info .course-head-con .course-head-tab a { font-size: 16px }
.course-head-info .course-head-con .course-name { font-size: 26px }
}
@media (min-width:992px) {
.course-head-info .course-head-con .course-head-con-img { width: 260px; height: 164px }
.course-head-info .course-head-con .course-head-con-img.w4h3 { width: 260px; height: 195 }
.course-head-info .course-head-con .course-head-con-img .schedule { margin-left: -123px; width: 246px }
.course-head-info .course-head-con .course-head-tab { margin-top: 35px }
.course-head-info .course-head-con .course-head-tab a { min-width: 82px; font-size: 18px }
.course-head-info .course-head-con .course-name { font-size: 30px }
}
@media (min-width:1200px) {
.course-head-info .course-head-con .course-head-con-img { width: 280px; height: 177px }
.course-head-info .course-head-con .course-head-con-img.w4h3 { width: 280px; height: 210px }
.course-head-info .course-head-con .course-head-con-img .schedule { margin-left: -133px; width: 266px }
}
.course-head-info.drop { position: fixed }
.course-head-info.drop .course-head-return { top: 0 }
.course-head-info.drop .course-head-con { height: 150px; background-color: transparent }
.course-head-info.drop.professional { top: 50px }
.course-head-info.drop.professional .course-head-con .course-head-con-img { opacity: 0; visibility: hidden }
.course-head-info.drop.professional .course-head-con .course-head-expired { display: none }
.course-head-info.drop.professional .course-head-con .course-head-con-info { height: 100%; padding: 28px 0 0 }
.course-head-info.drop.professional .course-head-con .course-name { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6) }
.course-head-info.drop.professional .course-head-con .course-text { display: none }
.course-head-info.drop.professional .course-head-con .course-head-tab { margin-top: 35px; border-bottom: none }
.course-head-info.drop.professional .course-head-con .course-head-tab a { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6) }
.course-head-info.drop.professional .course-head-con .course-head-tab a.active { position: relative; color: #fff; border-bottom-color: transparent }
.course-head-info.drop.professional .course-head-con .course-head-tab a.active:after { content: ""; position: absolute; display: inline-block; left: 50%; bottom: -12px; margin-left: -10px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent }
.course-head-info.drop~.course-con-wrap .users-subtab .tips { z-index: 1 }
.course-head-info.professional { top: 60px }
.course-head-info.professional .course-head-return { top: -60px }
.course-head-info.professional .course-head-con .course-head-con-info { height: 220px; padding-top: 20px }
.course-head-info.professional .course-head-con .course-head-tab { padding-left: 5px; border-bottom: 1px solid #eef3f5; white-space: nowrap }
.course-head-info.professional .course-head-con .course-head-tab a { color: #525a67; border-bottom: 3px solid transparent }
.course-head-info.professional .course-head-con .course-head-tab a.active { color: #027cdb; border-bottom-color: #027cdb }
.course-head-info.professional .course-head-con .course-head-tab a.disabled { color: #b1bbc3; pointer-events: none; cursor: not-allowed }
@media (min-width:768px) {
.course-head-info.professional .course-head-con .course-head-con-info { padding-left: 280px }
.course-head-info.professional .course-head-con .course-head-tab a+a { margin-left: 2px }
}
@media (min-width:992px) {
.course-head-info.professional .course-head-con .course-head-con-info { padding-left: 320px }
.course-head-info.professional .course-head-con .course-head-tab a+a { margin-left: 16px }
}
@media (min-width:1200px) {
.course-head-info.professional .course-head-con .course-head-con-info { padding-left: 340px }
}
.course-head-info.professional~.course-con-wrap { padding-top: 270px }
.course-head-info.professional.video .course-head-return a { color: #525a67; text-shadow: none }
.course-head-info.professional.video .course-head-return a:after { border-bottom-color: #525a67; -webkit-box-shadow: none; box-shadow: none }
.course-head-info.professional.video .course-head-con .course-head-con-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.course-head-info.professional.video .course-head-con .course-head-con-info>div { width: 100% }
.course-head-info.professional.video .course-head-con .course-head-con-info .course-name { font-size: 24px }
.course-head-info.professional.video .course-head-con .course-head-con-info .course-text { margin-top: 16px; font-size: 18px; line-height: 25px }
.course-head-info.professional.video~.course-con-wrap { padding-top: 340px }
.course-head-info.other, .course-head-info.other .course-head-return { top: 0 }
.course-head-info.other .course-head-con .course-head-con-info { padding-top: 50px }
.course-head-info.other .course-head-con .course-name { margin-top: 10px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6) }
.course-head-info.other .course-head-con .course-head-tab a { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6) }
.course-head-info.other .course-head-con .course-head-tab a+a { margin-left: 80px }
.course-head-info.other .course-head-con .course-head-tab a.active { position: relative }
.course-head-info.other .course-head-con .course-head-tab a.active:after { position: absolute; left: 50%; bottom: -13px; margin-left: -10px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: "" }
.course-head-info.other~.course-con-wrap { padding-top: 180px }
.pt20 { padding-top: 20px }
.plr20 { padding-left: 20px; padding-right: 20px }
.course-body-info, .course-body-info .container { position: relative; height: 100% }
.course-body-info .course-con-wrap { position: relative }
.course-body-info .course-con-wrap .container { padding-top: 20px; padding-bottom: 20px }
.course-body-info .course-tips { margin-top: 20px; padding: 0 20px; width: 100%; height: 40px; line-height: 40px; background-color: rgba(115,178,252,.2); font-size: 12px; color: #525a67 }
.course-body-info .course-tips p { display: inline-block; vertical-align: middle }
.course-body-info .course-tips a { display: inline-block; color: #525a67 }
.course-body-info .course-tips a.next { margin-left: 30px }
.course-body-info .course-tips i { margin-right: 10px; font-size: 14px; vertical-align: top }
.course-body-info .course-tips.live { background-color: #027cdb; color: #fff }
.course-body-info .course-tips.live a { color: #fff; cursor: pointer }
.course-body-info .course-tips.live .live-anim { vertical-align: middle }
.course-body-info .course-tips.live .live-anim span { background-color: #fff }
@media (min-width:768px) {
.course-body-info .course-con { width: 100% }
}
@media (min-width:992px) {
.course-body-info .course-con { float: left; width: 690px }
}
@media (min-width:1200px) {
.course-body-info .course-con { width: 830px }
}
.course-body-info .course-subcon { margin-top: 20px; display: none }
.course-body-info .course-subcon.active { display: block }
.course-body-info .course-subcon .course-item { position: relative; padding-left: 125px; padding-bottom: 30px; height: 47px; color: #b1bbc3; -webkit-box-sizing: content-box; box-sizing: content-box }
.course-body-info .course-subcon .course-item:after { z-index: 0; content: ""; position: absolute; left: 95px; top: -68px; width: 0; height: 68px; border-left: 1px solid #e3e9ef }
.course-body-info .course-subcon .course-item span { display: inline-block; vertical-align: top }
.course-body-info .course-subcon .course-item .icon { z-index: 1; content: ""; position: absolute; display: inline-block; top: 0; left: 90px; width: 11px; height: 11px; border-radius: 100%; background-color: #e3e9ef }
.course-body-info .course-subcon .course-item .section { position: absolute; top: -5px; left: 20px; font-size: 18px; line-height: 1.4 }
.course-body-info .course-subcon .course-item .title { margin-top: -3px; font-size: 14px; width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.course-body-info .course-subcon .course-item .title.w330 { width: 330px }
.course-body-info .course-subcon .course-item .time { position: absolute; left: 125px; top: 30px; font-size: 12px; color: #b1bbc3 }
.course-body-info .course-subcon .course-item .long { font-size: 14px; width: 210px; margin-left: 30px; text-align: center; line-height: 40px }
.course-body-info .course-subcon .course-item .btn-play { z-index: 2; position: relative; background-color: inherit; color: #212b34; border-color: #e3e9ef; color: #87959f }
.course-body-info .course-subcon .course-item .btn-play:hover { color: #525a67 }
.course-body-info .course-subcon .course-item .btn-play:active { color: #212b34 }
.course-body-info .course-subcon .course-item .btn-play.lock { color: #b1bbc3 }
.course-body-info .course-subcon .course-item .btn-play.lock:before { font-family: iconfontL; margin-right: 5px; font-size: 14px; line-height: 1; content: "\E6A7" }
.course-body-info .course-subcon .course-item .btn-play.mr20 { margin-left: 20px }
@media (min-width:768px) {
.course-body-info .course-subcon .course-item .btn-play.mr20 { margin-left: 12px }
}
@media (min-width:992px) {
.course-body-info .course-subcon .course-item .btn-play.mr20 { margin-left: 20px }
}
.course-body-info .course-subcon .course-item:first-child:after { display: none }
.course-body-info .course-subcon .course-item.ending { color: #525a67 }
.course-body-info .course-subcon .course-item.ending .icon { background-color: #57c8ba }
.course-body-info .course-subcon .course-item.ending:after { border-color: #57c8ba }
.course-body-info .course-subcon .course-item.ending .time { color: #87959f }
.course-body-info .course-subcon .course-item.ending .btn-play { background-color: inherit; color: #027cdb; border-color: #027cdb }
.course-body-info .course-subcon .course-item.ending .btn-play:hover { color: #0097e6 }
.course-body-info .course-subcon .course-item.ending .btn-play:active { color: #027cdb }
.course-body-info .course-subcon .course-item.upload { color: #525a67 }
.course-body-info .course-subcon .course-item.upload .time { color: #87959f }
.course-body-info .course-subcon .course-item.active, .course-body-info .course-subcon .course-item.active .time { color: #027cdb }
.course-body-info .course-subcon .course-item.active .btn-play { background-color: #027cdb; color: #fff; border-color: #027cdb }
.course-body-info .course-subcon .course-item .btn-play.no-test { background-color: inherit; color: #212b34; border-color: #e3e9ef; color: #87959f; pointer-events: none; cursor: default }
.course-body-info .course-subcon .course-item .btn-play.no-test:hover { color: #525a67 }
.course-body-info .course-subcon .course-item .btn-play.no-test:active { color: #212b34 }
.course-body-info .course-subcon.trylearn .course-item:after { display: none }
.course-body-info .course-subcon.trylearn .course-item.active .btn-play { background-color: inherit; color: #027cdb; border-color: #027cdb }
.course-body-info .course-subcon.trylearn .course-item.active .btn-play:hover { color: #0097e6 }
.course-body-info .course-subcon.trylearn .course-item.active .btn-play:active { color: #027cdb }
.course-body-info .course-subcon.video-det .course-item.ending:after { border-color: #57c8ba }
.course-body-info .course-subcon.video-det .course-item.ending .icon { background-color: #57c8ba }
.course-body-info .course-con-info { display: none }
.course-body-info .course-con-info.active { display: block }
.course-body-info .hd-itemList li { width: 270px }
.course-arrange { margin: 20px 0 }
.course-arrange .course-arrange-item { text-align: center; font-size: 14px; float: left }
.course-arrange.title { background-color: #f6f8fa }
.course-arrange.title .course-arrange-item { color: #525a67; padding: 12px 0 }
.course-arrange .head { background-color: rgba(115,178,252,.06); font-size: 14px; padding: 12px 0 12px 10px; color: #525a67 }
.course-arrange .head span+span { margin-left: 10px }
.course-arrange .head .rank { font-size: 24px; vertical-align: middle; color: #f36b61; line-height: 1 }
.course-arrange .head .status { color: #87959f; text-align: center }
.course-arrange .head .status.fail { color: #ff5900 }
.course-arrange.con { -webkit-box-shadow: 0 0 8px hsla(0,0%,76%,.3); box-shadow: 0 0 8px hsla(0,0%,76%,.3) }
.course-arrange .course-arrange-list { padding: 20px 0 }
.course-arrange .course-arrange-list .course-arrange-item { display: inline-block; vertical-align: top; position: relative }
.course-arrange .course-arrange-list .course-arrange-item:before { content: ""; display: inline-block; position: absolute; top: 0; right: 0; width: 0; height: 100px; border-right: 1px solid #eef3f5 }
.course-arrange .course-arrange-list .course-arrange-item1 { padding-right: 5px; padding-left: 5px; text-align: left }
.course-arrange .course-arrange-list .course-arrange-item3:before, .course-arrange .course-arrange-list .course-arrange-item5:before { display: none }
.course-arrange .course-arrange-list .course-arrange-item5 { height: 100px }
.course-arrange .course-arrange-list .des { color: #525a67; line-height: 20px; text-align: justify }
.course-arrange .course-arrange-list .teacher-img { margin: 10px 0; width: 60px; height: 60px; border-radius: 100% }
.course-arrange .course-arrange-list .teacher-name { color: #525a67 }
.course-arrange .course-arrange-list .teacher-reply { text-align: justify; color: #525a67 }
.course-arrange .course-arrange-list .teacher-reply.fail { color: #b1bbc3 }
.course-arrange .course-arrange-list .week { display: block; margin-top: 10px; font-size: 18px; color: #525a67 }
.course-arrange .course-arrange-list .date { display: block; margin: 10px 0 5px; font-size: 14px; color: #525a67 }
.course-arrange .course-arrange-list .time { font-size: 12px; color: #87959f }
.course-arrange .course-arrange-list .soap { display: inline-block; vertical-align: top; margin: 30px 5px 0 0; width: 30px }
.course-arrange .course-arrange-list .soap-amount { display: inline-block; vertical-align: bottom; font-size: 14px; color: #525a67 }
.course-arrange .course-arrange-list .arrange-btn { padding: 7px 16px; width: auto; height: auto; line-height: 1; font-size: 12px; border-radius: 3px; display: block }
.course-arrange .course-arrange-list .arrange-btn+.arrange-btn { margin-top: 10px }
.course-arrange .course-arrange-list .arrange-btn.cont { color: #b1bbc3; border-color: #b1bbc3; cursor: default }
.course-arrange .course-arrange-list .ver { display: inline-block; vertical-align: middle }
@media (min-width:768px) {
.course-arrange .course-arrange-item1 { width: 175px }
.course-arrange .course-arrange-item2 { width: 196px }
.course-arrange .course-arrange-item3 { width: 115px }
.course-arrange .course-arrange-item4 { width: 104px }
.course-arrange .course-arrange-item5 { width: 118px }
.course-arrange .head .status { width: 120px }
.course-arrange .course-arrange-list .course-arrange-item { padding-right: 15px; padding-left: 15px }
.course-arrange .course-arrange-list .coverimg { width: 145px; height: 108px }
.course-arrange .course-arrange-list .des { width: 100%; margin-top: 14px; font-size: 13px }
.course-arrange .course-arrange-list .teacher { width: 100%; text-align: left }
.course-arrange .course-arrange-list .teacher.left { float: none }
.course-arrange .course-arrange-list .teacher-name { display: inline-block; margin-left: 6px; font-size: 14px }
.course-arrange .course-arrange-list .teacher-reply { margin-top: 2px; width: 100%; font-size: 13px }
}
@media (min-width:992px) {
.course-arrange .course-arrange-item1 { width: 220px }
.course-arrange .course-arrange-item2 { width: 332px }
.course-arrange .course-arrange-item3 { width: 136px }
.course-arrange .course-arrange-item4 { width: 118px }
.course-arrange .course-arrange-item5 { width: 134px }
.course-arrange .course-arrange-list .course-arrange-item { padding-right: 15px; padding-left: 15px }
.course-arrange .course-arrange-list .coverimg { width: 190px; height: 142px }
.course-arrange .course-arrange-list .des { font-size: 14px }
.course-arrange .course-arrange-list .teacher { width: 60px; text-align: center }
.course-arrange .course-arrange-list .teacher.left { float: left }
.course-arrange .course-arrange-list .teacher-name { margin-left: 0; font-size: 12px }
.course-arrange .course-arrange-list .teacher-reply { float: left; width: 212px; margin-top: 0; margin-left: 24px; font-size: 14px }
}
@media (min-width:1200px) {
.course-arrange .course-arrange-item1 { width: 348px }
.course-arrange .course-arrange-item2 { width: 368px }
.course-arrange .course-arrange-item5, .course-arrange .head .status { width: 170px }
.course-arrange .course-arrange-list .course-arrange-item { padding-right: 20px; padding-left: 20px }
.course-arrange .course-arrange-list .coverimg { float: left; width: 127px; height: 95px }
.course-arrange .course-arrange-list .des { float: left; width: 160px; margin-top: 0; margin-left: 20px }
.course-arrange .course-arrange-list .teacher-reply { width: 230px; margin-left: 30px }
}
.order-class .handle { z-index: 3; position: absolute; top: -180px; left: 50%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.order-class .handle .btn { width: 150px; height: 40px; line-height: 38px; font-size: 14px; color: #fff; background-color: #ff8407 }
.order-class .handle p { width: 150px; text-align: center; font-size: 12px; margin: 10px 0 0; color: #525a67 }
.order-class .handle p span { color: #ff8407 }
@media (min-width:768px) {
.order-class .handle { margin-left: 204px }
}
@media (min-width:992px) {
.order-class .handle { margin-left: 300px }
}
@media (min-width:1200px) {
.order-class .handle { margin-left: 400px }
}
.order-popup { text-align: left }
.order-popup .order-con { padding: 0 48px }
.order-popup .form-item { margin-top: 10px; text-align: center }
.selectClass .teacher-list { position: relative }
.selectClass .teacher-list li { float: left; width: 130px; padding: 0 6px; margin-bottom: 20px; text-align: center }
.selectClass .teacher-list li.active .teacher-cover { border-color: #027cdb }
.selectClass .teacher-list .teacher-cover { display: inline-block; width: 70px; height: 70px; padding: 4px; cursor: pointer; border: 2px solid transparent; vertical-align: top; border-radius: 50% }
.selectClass .teacher-list .teacher-name { display: block; margin-top: 14px; font-size: 18px; line-height: 25px; color: #525a67; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.selectClass .teacher-list .soap-amount { margin-top: 14px }
.selectClass .teacher-list .soap-amount .soap { display: inline-block; width: 24px; vertical-align: top }
.selectClass .teacher-list .soap-amount .amount { display: inline-block; margin-top: 5px; margin-left: 4px; font-size: 12px; line-height: 14px; color: #027cdb }
.selectClass .teacher-info { display: none; position: absolute; top: 0; z-index: 5; width: 558px; background-color: #fff; text-align: left; -ms-box-shadow: 0 0 10px hsla(0,0%,85%,.5); -o-box-shadow: 0 0 10px hsla(0,0%,85%,.5); -webkit-box-shadow: 0 0 10px hsla(0,0%,85%,.5); box-shadow: 0 0 10px hsla(0,0%,85%,.5) }
.selectClass .teacher-info .teacher-info-con { z-index: 3; width: 100%; height: 100%; position: relative; background-color: #fff; padding: 30px 0; text-align: center }
.selectClass .teacher-info .teacher-info-item { display: inline-block; margin: 0 10px; vertical-align: top }
.selectClass .teacher-info .teacher-info-item .coverimg { display: inline-block; width: 98px; height: 98px; margin-top: 7px; vertical-align: top; border-radius: 50% }
.selectClass .teacher-info .teacher-info-item .coverimg img { width: 100%; height: 100%; border-radius: 100% }
.selectClass .teacher-info .teacher-info-item .tea-date { margin-top: 20px; font-size: 12px; color: #87959f }
.selectClass .teacher-info .teacher-info-item .tea-date div { display: inline-block }
.selectClass .teacher-info .teacher-info-item .tea-date span { margin: 3px auto 0; display: block; width: 5px; height: 5px; border-radius: 100%; background-color: #eef3f5 }
.selectClass .teacher-info .teacher-info-item .tea-date span.active { background-color: #73b2fc }
.selectClass .teacher-info .teacher-info-item .tea-name { font-size: 18px; color: #525a67 }
.selectClass .teacher-info .teacher-info-item .tea-name span { display: inline-block; border: 1px solid #027cdb; border-radius: 100px; margin-left: 10px; padding: 1px 6px; font-size: 12px; color: #027cdb }
.selectClass .teacher-info .teacher-info-item .tea-info { margin-top: 10px; text-align: left; color: #87959f }
.selectClass .teacher-info .teacher-info-item .tea-info .label { font-size: 14px }
.selectClass .teacher-info .teacher-info-item .tea-info .cont.star .star-grade { position: relative; display: inline-block; width: 15px; height: 15px; margin-right: 0; overflow: hidden }
.selectClass .teacher-info .teacher-info-item .tea-info .cont.star .star-grade img { z-index: 3; position: absolute; top: 0; left: 0; width: 15px; height: 15px }
.selectClass .teacher-info .teacher-info-item .tea-info .cont.star .star-grade .bg01 { z-index: 1; display: inline-block; background-color: #eef3f5; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.selectClass .teacher-info .teacher-info-item .tea-info .cont.star .star-grade .bg02 { z-index: 2; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.selectClass .teacher-info .teacher-info-item .tea-info .cont.star .star-grade.active .bg02 { background-color: #ffd765 }
.selectClass .teacher-info .teacher-info-item .tea-info .cont.rank-icon i { font-size: 12px; margin-right: 2px }
.selectClass .teacher-info .teacher-info-item .tea-info .cont.rank-icon.rank1 { color: #ff698d }
.selectClass .teacher-info .teacher-info-item .tea-info .cont.rank-icon.rank2 { color: #ff7e6e }
.selectClass .teacher-info .teacher-info-item .tea-info .cont.rank-icon.rank3 { color: #ffa300 }
.selectClass .teacher-info .teacher-info-item .tea-info .cont.rank-icon.rank4 { color: #61b2ff }
.selectClass .teacher-info .teacher-info-item .tea-info .cont.rank-icon.rank5 { color: #ff8700 }
.selectClass .teacher-info .teacher-info-item .tea-info .numb { font-size: 12px }
.selectClass .teacher-info .teacher-info-item .tea-info .text { font-size: 14px; color: #525a67 }
.selectClass .teacher-info .teacher-info-item .tea-intr { display: inline-block; padding: 18px 12px 0; width: 210px; height: 120px; background-color: #f6f8fa; font-size: 12px; color: #87959f; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden }
.selectClass .teacher-info .teacher-info-item .tea-info-btns { margin-top: 15px; text-align: left }
.selectClass .teacher-info .teacher-info-item .tea-info-btns .btn { width: 73px; height: 20px; font-size: 12px; line-height: 20px; border: none; vertical-align: top; border-radius: 20px }
.selectClass .teacher-info .icon { z-index: 2; content: ""; position: absolute; top: -5px; left: 30px; width: 12px; height: 12px; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1); box-shadow: 0 0 4px rgba(0,0,0,.1); -webkit-transform: rotate(-57deg) skew(-25deg); transform: rotate(-57deg) skew(-25deg); border-radius: 1px; background-color: #fff }
.selectClass .order-time { margin: 20px 0; font-size: 14px; color: #525a67 }
.selectClass .order-time .time-week { width: 100%; background-color: rgba(115,178,252,.2); border-radius: 10px 10px 0 0 }
.selectClass .order-time .time-week span { position: relative; float: left; padding: 10px 0; margin: 0 32px; height: 100%; text-align: center; cursor: pointer }
.selectClass .order-time .time-week span.active { color: #027cdb; border-bottom: 1px solid #027cdb }
.selectClass .order-time .time-period { padding: 0 20px 20px; border: 1px solid #e3e9ef; border-radius: 0 0 10px 10px }
.selectClass .order-time .time-period span { float: left; margin: 20px 5px 0; width: 113px; height: 40px; line-height: 40px; border: 1px solid #e3e9ef; border-radius: 3px; text-align: center; cursor: pointer }
.selectClass .order-time .time-period span.fail { background-color: #eef3f5; color: #b1bbc3; cursor: default }
.selectClass .order-time .time-period span.past { background-color: #f6f8fa; border-color: #f6f8fa; color: #b1bbc3; cursor: default }
.selectClass .order-time .time-period span.active, .selectClass .order-time .time-period span:hover { background-color: #73b2fc; border-color: #73b2fc; color: #fff }
.addWork .form-item { text-align: center }
.addWork .form-label { line-height: 40px; margin-right: 20px }
.addWork .form-info { vertical-align: top; width: 490px }
.addWork .select-work { width: 280px; height: 40px; border: 1px solid #e3e9ef; border-radius: 0 }
.addWork .select-work select { width: 100%; height: 100%; border: transparent; background-color: transparent; color: #525a67; font-size: 14px }
.addWork .work-img { width: 250px; height: 187px; overflow: hidden; margin: 20px 0 0 }
.addWork .work-img .addWork-file { position: relative; width: 100%; height: 100%; z-index: 0 }
.addWork .work-img .addWork-file .file-cover { width: 100%; height: 100% }
.addWork .work-img .addWork-file .uploadbox .noWork-img { margin: 16px auto; width: 120px; height: 100px }
.addWork .work-img .addWork-file .uploadbox p { font-size: 12px; color: #87959f }
.addWork .work-img .addWork-file .uploadbox p a { color: #ff8407; text-decoration: underline }
.addWork .work-intr { width: 100%; height: 140px; border: 1px solid #eef3f5; background-color: #f6f8fa }
.addWork .work-intr textarea { width: 100%; height: 100% }
.verify h5 { margin: 30px 0; font-size: 18px; color: #525a67; text-align: center }
.verify .verify-con .form-info { width: 180px }
.verify .verify-workimg { width: 170px }
.comtea-popup { text-align: center; width: 600px; margin-left: -300px; border-radius: 10px }
.comtea-popup .popup-tips { margin: 20px 0 }
.comtea-popup .coverimg { display: inline-block; width: 100px; height: 100px; border-radius: 100%; position: relative }
.comtea-popup .coverimg img { width: 100%; height: 100%; border-radius: 100% }
.comtea-popup .teacher-name { font-size: 18px; color: #525a67; margin: 20px 0 }
.comtea-popup .teacher-name span { position: relative }
.comtea-popup .teacher-name span:after, .comtea-popup .teacher-name span:before { content: ""; position: absolute; top: 50%; width: 86px; border-top: 1px dashed #e3e9ef }
.comtea-popup .teacher-name span:before { left: -106px }
.comtea-popup .teacher-name span:after { right: -106px }
.comtea-popup .stared .iconfont, .comtea-popup .star i { margin: 0 11px; font-size: 30px; color: #eef3f5; cursor: pointer }
.comtea-popup .stared .iconfont.active, .comtea-popup .star i.active { color: #ffd765 }
.comtea-popup .stared .iconfont { cursor: default }
.comtea-popup .comtea-com { display: none; margin: 10px auto 40px; width: 400px; height: 120px }
.comtea-popup .comtea-com.one-star span { display: inline-block; width: 180px; height: 40px; line-height: 38px; border: 1px solid #e3e9ef; border-radius: 3px; margin: 20px 8px 0; font-size: 14px; color: #87959f; cursor: pointer }
.comtea-popup .comtea-com.one-star span.active { background-color: #73b2fc; border-color: #73b2fc; color: #fff }
.comtea-popup .comtea-com.more-star { padding-top: 10px }
.comtea-popup .comtea-com.more-star textarea { width: 100% }
.comtea-popup .comtea-com.comteaed { margin-top: 30px; color: #525a67 }
.comtea-popup .comtea-com.comteaed p { font-size: 18px; line-height: 25px; text-align: justify }
.comtea-popup .comtea-com.active { display: block }
.comtea-popup .order-record { width: 100%; background-color: #f6f8fa; position: absolute; bottom: 0; border-radius: 0 0 8px 8px; overflow-y: hidden }
.comtea-popup .order-record a.order-record-btn { display: block; width: 100%; height: 60px; line-height: 60px; color: #73b2fc; font-size: 14px; background-color: rgba(115,178,252,.06); border-bottom: 1px solid #e3e9ef }
.comtea-popup .order-record a.order-record-btn i { font-size: 12px; margin-left: 5px; display: inline-block; transform: scale(-1); -webkit-transform: scale(-1); -moz-transform: scale(-1) }
.comtea-popup .order-record a.order-record-btn i.active { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1) }
.comtea-popup .order-record .order-record-con { height: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.comtea-popup .order-record .order-record-con.active { height: 115px; padding-top: 10px }
.comtea-popup .order-record .order-record-con img { width: 127px; height: 95px; display: inline-block; vertical-align: top; margin-right: 10px }
.comtea-popup .order-record .order-record-con .order-con { width: 250px; display: inline-block; padding: 0; margin-top: 10px; text-align: left }
.comtea-popup .order-record .order-record-con .order-con .form-item { margin-top: 2px }
.comtea-popup .order-record .order-record-con .order-con .form-info, .comtea-popup .order-record .order-record-con .order-con .form-label { font-size: 12px }
.course-work .course-con { width: 100% }
.course-work .course-con .hd-itemList li div { position: relative }
.course-work .course-con .hd-itemList li div .rank { display: inline-block; position: absolute; left: 10px; top: -5px; width: 28px; height: 38px; background-image: url("https://assets-cdn.lanqb.com/pc_users/icon05.png"); background-size: 100% 100%; font-size: 14px; color: #fff; line-height: 32px; text-align: center; z-index: 1 }
.course-work .course-con .hd-itemList li div a { position: relative; display: block; width: 100%; text-align: center }
.course-work .course-con .hd-itemList li div a img { max-height: 100%; max-width: 100%; vertical-align: middle }
.course-work .course-con .hd-itemList li div a:after { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle }
.course-work .course-con .hd-itemList li div .numb { display: inline-block; position: absolute; right: 24px; bottom: 20px; width: 35px; height: 18px; color: #fff; text-align: center; border-radius: 3px; background-color: rgba(0,0,0,.3) }
.course-work .course-con .hd-itemList .iconfont { margin: 1px 6px 0 0 }
.course-work .course-con .hd-itemList .look { font-size: 12px }
@media (min-width:768px) {
.course-work .course-con .hd-itemList li { width: 167px }
.course-work .course-con .hd-itemList li div>a { height: 124px }
}
@media (min-width:992px) {
.course-work .course-con .hd-itemList li { width: 222px }
.course-work .course-con .hd-itemList li div>a { height: 165px }
}
@media (min-width:1200px) {
.course-work .course-con .hd-itemList li { width: 270px }
.course-work .course-con .hd-itemList li div>a { height: 201px }
}
.course-work .course-con .myWork .hd-itemList li { position: relative }
.course-work .course-con .myWork .hd-itemList li:before { content: ""; display: inline-block; z-index: 0; position: absolute; right: -5px; bottom: -5px; width: 100%; height: 100%; background-color: #f6f8fa }
.course-work .course-con .myWork .hd-itemList li:hover:before { bottom: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.course-work .course-con .myWork .hd-itemList li>div .mywork-item { position: relative; z-index: 1; height: 100%; background-color: #fff }
@media (min-width:768px) {
.course-work .course-con .myWork .hd-itemList { width: 100% }
}
@media (min-width:1200px) {
.course-work .course-con .myWork .hd-itemList { width: 870px }
}
.course-work .course-con .work-info { position: absolute; z-index: 5; background-image: url("https://assets-cdn.lanqb.com/pc_users/img4.png"); background-size: 100% 100%; padding: 14px 0 0 32px }
.course-work .course-con .work-info span { font-size: 12px; color: #525a67; display: block }
@media (min-width:768px) {
.course-work .course-con .work-info { right: 0; top: -38px; width: 164px; height: 114px }
.course-work .course-con .work-info span { line-height: 1.5 }
}
@media (min-width:992px) {
.course-work .course-con .work-info { top: -32px }
}
@media (min-width:1200px) {
.course-work .course-con .work-info { right: 40px; top: 80px; width: 244px; height: 140px }
.course-work .course-con .work-info span { line-height: 1.9 }
}
.course-work .course-con .uploadWork ul li { -ms-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); -o-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); -webkit-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); box-shadow: 0 2px 8px hsla(0,0%,85%,.5); padding: 20px; position: relative }
.course-work .course-con .uploadWork ul li+li { margin-top: 20px }
.course-work .course-con .uploadWork .uploadWork-coverimg { float: left; margin-right: 25px; overflow-y: hidden; position: relative; text-align: center; cursor: pointer }
.course-work .course-con .uploadWork .uploadWork-coverimg img { width: 100%; height: 100% }
.course-work .course-con .uploadWork .uploadWork-coverimg .mask3 { opacity: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.course-work .course-con .uploadWork .uploadWork-coverimg .iconfont { color: #fff; font-size: 58px; vertical-align: middle; display: inline-block; border-radius: 100% }
.course-work .course-con .uploadWork .uploadWork-coverimg:hover .mask3 { opacity: 1 }
.course-work .course-con .uploadWork .uploadWork-des h4 { font-size: 20px; color: #525a67 }
.course-work .course-con .uploadWork .uploadWork-des h5 { display: inline-block; margin: 12px 0 10px; padding-left: 8px; font-size: 16px; color: #525a67; height: 16px; line-height: 1; border-left: 4px solid #73b2fc }
.course-work .course-con .uploadWork .uploadWork-des .uploadWork-rank .rank-item { display: inline-block; text-align: center; cursor: pointer; position: relative }
.course-work .course-con .uploadWork .uploadWork-des .uploadWork-rank .rank-item+.rank-item { margin-left: 23px }
.course-work .course-con .uploadWork .uploadWork-des .uploadWork-rank .rank-item i { display: block; font-size: 30px; color: #ffd765; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.course-work .course-con .uploadWork .uploadWork-des .uploadWork-rank .rank-item em { display: block; font-size: 14px; color: #525a67; margin-top: 5px }
.course-work .course-con .uploadWork .uploadWork-des .uploadWork-rank .rank-item.active i { color: #ff8407 }
.course-work .course-con .uploadWork .uploadWork-des .des { margin-top: 15px; display: inline-block; font-size: 12px; color: #87959f }
.course-work .course-con .uploadWork .uploadWork-rankText { padding-top: 15px; display: none }
.course-work .course-con .uploadWork .uploadWork-rankText p { font-size: 12px; color: #87959f }
.course-work .course-con .uploadWork .uploadWork-rankText p span { margin-right: 5px }
.course-work .course-con .uploadWork .uploadWork-rankText p+p { margin-top: 10px }
.course-work .course-con .uploadWork .uploadWork-rankText.active { display: table-cell }
.course-work .course-con .uploadWork .uploadWork-upbtn { position: absolute; right: 20px; bottom: 20px }
.course-work .course-con .uploadWork .uploadWork-more { position: absolute; right: 20px; top: 60px; font-size: 12px; color: #73b2fc }
@media (min-width:768px) {
.course-work .course-con .uploadWork ul { width: 100% }
.course-work .course-con .uploadWork .uploadWork-coverimg { width: 240px; height: 170px }
.course-work .course-con .uploadWork .uploadWork-des .des { width: 300px }
}
@media (min-width:992px) {
.course-work .course-con .uploadWork .uploadWork-coverimg { width: 273px; height: 192px }
.course-work .course-con .uploadWork .uploadWork-des .des { width: 400px }
}
@media (min-width:1200px) {
.course-work .course-con .uploadWork ul { width: 830px }
.course-work .course-con .uploadWork .uploadWork-des .des { width: 300px }
}
.work-popup { text-align: left }
.work-popup .popup-con { padding: 0 15px; overflow-x: hidden }
.work-popup .work-head { height: 60px; position: relative }
.work-popup .work-head p { display: inline-block; font-size: 12px; color: #87959f; line-height: 60px }
.work-popup .work-slide { width: 460px; height: 438px; background-color: #f6f8fa; overflow: hidden; float: left }
.work-popup .work-slide .gallery-top { margin: 15px auto 10px; width: 430px; height: 323px }
.work-popup .work-slide .gallery-top .swiper-button-next, .work-popup .work-slide .gallery-top .swiper-button-prev { background-size: 20px }
.work-popup .work-slide .gallery-thumbs { width: 430px; height: 75px; -webkit-box-sizing: border-box; box-sizing: border-box }
.work-popup .work-slide .gallery-thumbs .swiper-slide { width: 100px; height: 100%; opacity: .4 }
.work-popup .work-slide .gallery-thumbs .swiper-slide-active { opacity: 1 }
.work-popup .work-slide img { max-width: 100%; max-height: 100%; vertical-align: middle }
.work-popup .work-info { float: right }
.work-popup .work-info h6 { font-size: 18px; color: #212b34 }
.work-popup .work-info .b-letter-space { letter-spacing: 28px }
.work-popup .work-info .rank { font-size: 18px; color: #f36b61; line-height: 1 }
.work-popup .work-info .s-size { font-size: 12px; width: 180px }
@media (min-width:768px) {
.work-popup .work-info { width: 175px }
}
@media (min-width:992px) {
.work-popup .work-info { width: 255px }
}
.work-popup .comment .comment-my { padding-top: 0 }
.work-popup.popup-othersWork { position: relative }
.work-popup.popup-othersWork .work-head-author { display: inline-block; line-height: 60px }
.work-popup.popup-othersWork .work-head-author .work-head-cover { margin-right: 10px; width: 30px; height: 30px; border-radius: 100% }
.work-popup.popup-othersWork .work-head-status { position: absolute; top: 0; left: 0; width: 100%; text-align: center }
.work-popup.popup-othersWork .work-head-status span { margin: 0 5px }
.work-popup.popup-othersWork .work-head-status span i { margin-right: 6px; font-size: 12px }
.work-popup.popup-othersWork .work-slide { width: 460px; height: 353px }
.work-popup.popup-othersWork .work-slide .gallery-top2 { margin: 15px auto; width: 430px; height: 323px; text-align: center; display: block }
.work-popup.popup-othersWork .work-slide .gallery-top2:after { width: 0; height: 100%; content: ""; vertical-align: middle; display: inline-block }
.work-popup.popup-othersWork .hisworks { margin-top: 22px; border-top: 1px solid #e3e9ef }
.work-popup.popup-othersWork .hisworks .form-item { text-align: left }
.work-popup.popup-othersWork .hisworks .hisworks-img { margin-right: -5px; margin-left: -5px }
.work-popup.popup-othersWork .hisworks .hisworks-img>a { float: left; display: block; width: 50%; padding: 0 5px; margin-top: 10px; text-align: center }
.work-popup.popup-othersWork .hisworks .hisworks-img>a:after { width: 0; height: 100%; content: ""; vertical-align: middle; display: inline-block }
.work-popup.popup-othersWork .hisworks .hisworks-img>a img { max-width: 100%; max-height: 100%; vertical-align: middle }
@media (min-width:768px) {
.work-popup.popup-othersWork .hisworks .hisworks-img>a { height: 62px }
}
@media (min-width:992px) {
.work-popup.popup-othersWork .hisworks .hisworks-img>a { height: 92px }
}
.popup-uploadWork { text-align: left }
.popup-uploadWork .pop-uploadWork-item { padding: 30px 30px 30px 36px; position: relative }
.popup-uploadWork .pop-uploadWork-item h5 { font-size: 18px; color: #525a67; margin: 0 0 20px }
.popup-uploadWork .pop-uploadWork-item h6 { font-size: 14px; color: #87959f }
.popup-uploadWork .pop-uploadWork-item>p { position: relative; padding-left: 30px; font-size: 14px; color: #87959f; margin-top: 10px; text-align: left }
.popup-uploadWork .pop-uploadWork-item>p:before { content: ""; display: inline-block; position: absolute; left: 10px; top: 50%; margin-top: -2px; width: 5px; height: 5px; border-radius: 100%; background-color: #87959f }
.popup-uploadWork .uploadwork-file { margin: 30px 0; width: 100%; height: 384px }
.popup-uploadWork .uploadwork-file img { width: 100%; height: 100% }
.popup-uploadWork .btn-group { text-align: center }
.popup-uploadWork .s-btn { width: 220px; height: 50px; display: inline-block; line-height: 50px; font-size: 18px; margin: 0 20px }
.popup-uploadWork .btn { position: relative }
.popup-uploadWork .btn input { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0 }
.course-body-info .detail-location .location-return { position: absolute; top: 0; right: 0; display: inline-block; font-size: 14px; line-height: 20px; color: #525a67; border-bottom: 1px solid #525a67 }
.course-body-info .detail-location .location-return:hover { color: #027cdb; text-decoration: none }
.course-subcon.homework { position: relative }
.course-subcon.homework .homework-tips { background-color: #fff; -ms-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); -o-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); -webkit-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); box-shadow: 0 2px 8px hsla(0,0%,85%,.5); width: 280px; margin-bottom: 30px; position: absolute; z-index: 2; top: 0; right: 0 }
.course-subcon.homework .homework-tips .homework-tips-heading { padding: 0 16px; font-size: 14px; line-height: 40px; color: #fff }
.course-subcon.homework .homework-tips .homework-tips-heading .heading-time { float: left }
.course-subcon.homework .homework-tips .homework-tips-heading .heading-state { float: right; color: #fff }
.course-subcon.homework .homework-tips .homework-tips-con { text-align: center; margin-top: 16px; padding-bottom: 14px; cursor: pointer }
.course-subcon.homework .homework-tips .homework-tips-con .avatar { width: 50px; height: 50px; border: 1px solid #b1bbc3; border-radius: 50% }
.course-subcon.homework .homework-tips .homework-tips-con h3 { font-size: 14px; line-height: 26px; font-weight: 700 }
.course-subcon.homework .homework-tips .homework-tips-bot { width: 240px; margin: 0 auto; border-top: 1px dashed #e3e9ef; padding: 14px 0; cursor: pointer }
.course-subcon.homework .homework-tips .homework-tips-bot .course-name { font-size: 14px; line-height: 20px; font-weight: 700 }
.course-subcon.homework .homework-tips .homework-tips-bot p { font-size: 14px; line-height: 20px }
.course-subcon.homework .homework-tips.tips1 .homework-tips-heading { background: #ffb545 }
.course-subcon.homework .homework-tips.tips2 .homework-tips-heading { background: #53b9e4 }
.course-subcon.homework .homework-tips.tips3 .homework-tips-heading { background: #e4e9eb; color: #525a67 }
.course-subcon.homework .homework-tips.tips3 .homework-tips-heading .heading-state { color: #525a67 }
@media (min-width:768px) {
.my-homework { width: 100% }
}
@media (min-width:992px) {
.my-homework { width: 832px }
}
.homework-list li { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f6f8fa; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px; margin-bottom: 15px; border-radius: 10px; cursor: pointer; position: relative }
.homework-list li .item-l { padding: 14px 30px 0 14px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.homework-list li .item-l .title { font-size: 20px; line-height: 28px; font-weight: 700 }
.homework-list li .item-l .describe { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 12px; color: #525a67; font-size: 14px; line-height: 20px }
.homework-list li .item-l .pending { width: 60px; height: 22px; background: #73b2fc; border-radius: 11px }
.homework-list li .item-l .jing, .homework-list li .item-l .pending { color: #fff; font-size: 12px; line-height: 22px; display: inline-block; text-align: center }
.homework-list li .item-l .jing { width: 20px; height: 20px; background: #fe6885; border-radius: 6px }
.homework-list li .item-r { width: 170px; height: 128px; border-radius: 6px }
.homework-list li .rank { display: inline-block; position: absolute; left: 10px; top: -5px; width: 28px; height: 38px; background-image: url("https://assets-cdn.lanqb.com/pc_users/icon05.png"); background-size: 100% 100%; font-size: 14px; color: #fff; line-height: 32px; text-align: center; z-index: 1 }
.homework-list li:hover { background: #e8ecf1 }
.homework-list li.yiyk { cursor: pointer }
.homework-list li.yiyk .work-icon { position: absolute; top: 0; left: 0; width: 34px; height: 34px; background-image: url("https://assets-cdn.lanqb.com/work-icon/Group%208%20Copy%202@2x.png"); background-size: 34px }
.homework-list li.yiyk .work-icon img { margin-top: 5px; margin-left: 5px; width: 12px }
.homework-list li.yiyk:before { background-color: hsla(0,0%,100%,0) }
.homework-list li.goyk { cursor: pointer }
.homework-list li.goyk .work-icon { position: absolute; top: 0; left: 0; width: 54px; height: 54px; background-image: url("https://assets-cdn.lanqb.com/work-icon/Group%208%20Copy%205@2x.png"); background-size: 54px }
.homework-list li.goyk:before { background-color: hsla(0,0%,100%,0) }
.course-subcon.othersWork { position: relative }
.course-subcon.othersWork .select-box { position: absolute; bottom: 100%; right: 0; z-index: 1; margin-bottom: 20px }
.hmyk-det-title { padding: 20px 40px; color: #525a67 }
.hmyk-det-title h3, .hmyk-det-title h4 { display: inline-block; font-weight: 700; vertical-align: top }
.hmyk-det-title h3 { font-size: 22px; line-height: 30px }
.hmyk-det-title h4 span { display: inline-block; font-size: 20px; line-height: 40px; vertical-align: top }
.hmyk-det-title h4 span+span { margin-left: 20px }
.hmyk-det-title h4 span.verify { font-size: 18px; font-weight: 400; line-height: 40px; color: #87959f }
.hmyk-det-title h4 .toSoapPay { font-size: 14px; line-height: 40px; color: #027cdb; font-weight: 400 }
.hmyk-det-title .grade { float: right; font-size: 14px; line-height: 40px }
.hmyk-det-title .grade strong { display: inline-block; font-size: 22px; line-height: 40px; vertical-align: top }
.hmyk-det-title .soap { float: right; font-size: 18px; line-height: 40px; vertical-align: top }
.hmyk-det-title .soap span { font-size: 18px; font-weight: 400; line-height: 40px; color: #87959f }
.hmyk-det-title .soap .toSoapPay { font-size: 14px; line-height: 40px; color: #027cdb; font-weight: 400; vertical-align: top; margin-right: 20px; margin-left: 10px }
.hmyk-det-title .soap strong { display: inline-block; margin-left: 10px; font-size: 26px; line-height: 40px; vertical-align: top }
.hmyk-det-title .btn { float: right; width: 120px; height: 40px; font-size: 14px; line-height: 38px }
.hmyk-det-title.nobb-gray { color: #87959f; border-bottom: none }
.hmyk-det-title.bbt { border-bottom: none; border-top: 1px solid #e3e9ef }
.hmyk-det-bar { background-color: #f6f8fa; color: #87959f; font-size: 12px; position: relative; height: 40px; margin: 0 40px; border-radius: 8px; text-align: center }
.hmyk-det-bar span { position: absolute; line-height: 40px; display: inline-block }
.hmyk-det-bar .bar-01 { width: 175px; left: 0 }
.hmyk-det-bar .bar-02 { left: 28%; width: 160px; margin-left: -80px }
.hmyk-det-bar .bar-03 { left: 48%; width: 160px; margin-left: -80px }
.hmyk-det-bar .bar-04 { left: 68%; width: 160px; margin-left: -80px }
.hmyk-det-bar .bar-05 { right: 0; width: 200px }
.hmyk-det-con { padding: 0 40px 30px; margin-top: 25px }
.hmyk-det-con .hmyk-underway { margin-bottom: 20px }
.hmyk-det-con .hmyk-underway.processing { background-color: #faad47 }
.hmyk-det-con .hmyk-underway.coming { background: #53b9e4 }
.hmyk-det-con .hmyk-underway.pending { background: #e4e9eb }
.hmyk-det-con .hmyk-underway.pending .underway-l a, .hmyk-det-con .hmyk-underway.pending .underway-l i, .hmyk-det-con .hmyk-underway.pending .underway-r { color: #525a67 }
.hmyk-det-con .hmyk-underway .underway-l { float: left; color: #fff; font-size: 14px; line-height: 40px; margin-left: 20px }
.hmyk-det-con .hmyk-underway .underway-l a { color: #fff }
.hmyk-det-con .hmyk-underway .underway-r { float: right; color: #fff; font-size: 14px; line-height: 40px; margin-right: 16px }
.hmyk-det-con.hmyk-ordered-teacher { padding-top: 30px }
.hmyk-det-con.hmyk-add-job { padding-top: 40px; padding-bottom: 20px }
.hmyk-det-con .empty { position: relative; text-align: center }
.hmyk-det-con .empty img { width: 320px; height: 290px; margin: 0 auto }
.hmyk-det-con .empty p { text-align: center; font-size: 14px; line-height: 20px; color: #b1bbc3; position: absolute; left: 50%; margin-left: -77px; bottom: 0 }
.hmyk-det-point.mtn, .hmyk-det-yk.mtn { margin-top: 10px; padding-bottom: 30px }
.hmyk-det-point.mtn.active, .hmyk-det-yk.mtn.active { padding-top: 120px }
.hmyk-det-task-cover { float: right }
.hmyk-det-task-cover img { width: 100% }
.hmyk-det-task-des { float: left; color: #525a67 }
.hmyk-det-task-des h4 { margin-bottom: 25px; font-size: 20px; line-height: 20px }
.hmyk-det-task-des>p { margin-bottom: 14px; font-size: 14px; line-height: 20px; text-align: justify }
.hmyk-det-task-des .hmyk-det-task-points { position: relative; padding-left: 80px; margin-bottom: 20px; color: #87959f; font-size: 14px; line-height: 20px; min-height: 20px }
.hmyk-det-task-des .hmyk-det-task-points .tip { position: absolute; top: 0; left: 0; display: inline-block }
.hmyk-det-task-des .hmyk-det-task-points p { font-size: 14px; line-height: 20px; text-align: justify }
.hmyk-det-task-des .hmyk-det-task-demand { color: #525a67 }
.hmyk-order-btn { width: 160px; height: 40px; font-size: 14px; line-height: 40px; border: none; border-radius: 3px; display: block; margin: 30px auto 0 }
.hmyk-order-btn .iconfont { display: inline-block; margin-right: 10px; font-size: 16px; line-height: 40px; vertical-align: top }
.hmyk-order-btn.disabled { background-color: #b1bbc3 }
.hmyk-order-btn.ordered { color: #7ed321; line-height: 38px; border: 1px solid #7ed321; background-color: #fff }
@media (min-width:768px) {
.hmyk-det-task-cover { width: 165px }
.hmyk-det-task-des { width: 470px }
.hmyk-det-yk-des .hmyk-order-btn { margin-top: 26px }
}
@media (min-width:992px) {
.hmyk-det-task-cover { width: 225px }
.hmyk-det-task-des { width: 622px }
.hmyk-det-yk-des .hmyk-order-btn { margin-top: 46px }
}
@media (min-width:1200px) {
.hmyk-det-task-cover { width: 285px }
.hmyk-det-yk-des .hmyk-order-btn { margin-top: 66px }
}
.hmyk-det-yk-list li { height: 55px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px dashed #e4e9ee }
.hmyk-det-yk-list li.underway, .hmyk-det-yk-list li.underway .date, .hmyk-det-yk-list li.underway .note { color: #faad47 }
.hmyk-det-yk-list li.underway .btn-bdblue { color: #faad47; border-color: #faad47 }
.hmyk-det-yk-list li:first-of-type { border-top: 1px dashed #e4e9ee }
.hmyk-det-yk-item { position: relative }
.hmyk-det-yk-item .date { float: left; color: #525a67 }
.hmyk-det-yk-item .date span { display: inline-block; font-size: 14px; line-height: 25px; vertical-align: top }
.hmyk-det-yk-item .date span+span { margin-left: 10px }
.hmyk-det-yk-item .score { position: absolute; left: 68%; display: inline-block; width: 160px; margin-left: -80px; font-size: 12px; line-height: 25px; text-align: center; color: #525a67 }
.hmyk-det-yk-item .note { left: 48%; color: #87959f }
.hmyk-det-yk-item .note, .hmyk-det-yk-item .teacher-name { position: absolute; top: 15px; display: inline-block; width: 160px; margin-left: -80px; font-size: 12px; line-height: 25px; text-align: center }
.hmyk-det-yk-item .teacher-name { left: 28% }
.hmyk-det-yk-item .hmyk-det-btns { float: right }
.hmyk-det-yk-item .hmyk-det-btns .btn { float: left; width: 60px; height: 25px; font-size: 12px; line-height: 23px; border-radius: 3px }
.hmyk-det-yk-item .hmyk-det-btns .btn+.btn { margin-left: 10px }
.hmyk-det-yk-item .hmyk-det-btns .btn.disabled { color: #b1bbc3; border-color: #b1bbc3 }
.hmyk-det-point { padding: 30px 40px }
.hmyk-det-point .point-header { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.hmyk-det-point .point-header.active { position: fixed; top: 50px; width: 100%; left: 0; background: #fff; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.05); box-shadow: 0 5px 5px 0 rgba(0,0,0,.05); z-index: 15; border-top: 1px solid #eef2f4 }
.hmyk-det-point .point-header.active .point-contain { margin: 0 auto; padding: 15px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.hmyk-det-point .point-header.active .hmyk-det-title { display: inline-block; margin-right: 50px; vertical-align: middle }
.hmyk-det-point .point-header.active .hmyk-det-title h3 { font-size: 16px }
.hmyk-det-point .point-header.active .points-tab { margin: 0; vertical-align: middle; border: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px }
.hmyk-det-point .point-header.active .points-tab li { padding: 0; border: none; font-size: 16px; position: relative }
.hmyk-det-point .point-header.active .points-tab li.active:after { content: ""; display: inline-block; width: 17px; height: 4px; background-color: #027cdb; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 38px; border-radius: 2px }
.hmyk-det-point .point-header.active .hmyk-order-btn { position: relative; margin: 0 }
@media (min-width:768px) {
.hmyk-det-point .point-header.active .point-contain { width: 748px }
}
@media (min-width:992px) {
.hmyk-det-point .point-header.active .point-contain { width: 980px }
}
@media (min-width:1200px) {
.hmyk-det-point .point-header.active .point-contain { width: 1180px }
}
.hmyk-det-point .hmyk-det-title { padding: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.hmyk-det-point .points-tab { margin-top: 30px; border-bottom: 1px solid #eef3f5; margin-bottom: 50px; background: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0,0%,100%,0)), to(#fff)); background: linear-gradient(90deg, hsla(0,0%,100%,0), #fff); -webkit-background-clip: text; color: transparent }
.hmyk-det-point .points-tab li { font-size: 16px; line-height: 22px; color: #525a67; margin-right: 50px; border-bottom: 3px solid #fff; cursor: pointer; width: -webkit-fit-content!important; width: -moz-fit-content!important; width: fit-content!important; padding: 0 10px; padding-bottom: 10px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.hmyk-det-point .points-tab li.active { border-color: #027cdb; color: #027cdb }
.hmyk-det-point .points-tab .points-mask { width: 100px; height: 100%; position: absolute; right: 0; background: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0,0%,100%,0)), to(#fff)); background: linear-gradient(90deg, hsla(0,0%,100%,0), #fff); top: 0; z-index: 100; cursor: pointer }
.hmyk-det-point .points-options { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative }
.hmyk-det-point .points-options .options-l { font-size: 14px; line-height: 20px; font-weight: 700; color: #525a67; width: 70px }
.hmyk-det-point .points-options .zstl { width: 650px; background: #f6f8fa; border-radius: 8px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 20px; color: #525a67; margin-left: 10px }
.hmyk-det-point .points-options .material-swiper { width: 88%; margin: 0 10px }
.hmyk-det-point .points-options .material-swiper .swiper-slide { text-align: center }
.hmyk-det-point .points-options .material-swiper .material-img-bg { background: #f6f8fa; padding: 10px; height: 150px; text-align: center; border-radius: 8px }
.hmyk-det-point .points-options .material-swiper .material-img-bg .img-con { width: 100%; height: 100%; overflow: hidden; border-radius: 8px; position: relative; display: inline-block }
.hmyk-det-point .points-options .material-swiper .material-img-bg img { width: 100%; border-radius: 8px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0 }
.hmyk-det-point .points-options .material-swiper .material-level { margin-top: 10px; font-size: 12px; color: #87959f }
.hmyk-det-point .points-options .material-swiper .material-level .iconfont { color: #e3e9ef; font-size: 12px }
.hmyk-det-point .points-options .material-swiper .material-level .iconfont.active { color: #fe6885 }
.hmyk-det-point .points-options .swiper-next, .hmyk-det-point .points-options .swiper-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: 50%; background-repeat: no-repeat }
.hmyk-det-point .points-options .swiper-next .iconfont, .hmyk-det-point .points-options .swiper-prev .iconfont { font-size: 20px; color: #b1bbc3 }
.hmyk-det-point .points-options .swiper-next:focus, .hmyk-det-point .points-options .swiper-prev:focus { outline: none }
.hmyk-det-point .points-options .swiper-prev { left: 40px; right: auto }
.hmyk-det-point .points-options .swiper-next { right: 0; left: auto }
.hmyk-det-point .points-options .swiper-button-disabled { opacity: 0; cursor: default }
@media (min-width:768px) {
.hmyk-det-point .points-options .points-video { width: 614px; height: 220px }
.hmyk-det-point .points-options .points-video .poly-video { width: 390px; height: 220px }
}
@media (min-width:992px) {
.hmyk-det-point .points-options .points-video { width: 794px; height: 284px }
.hmyk-det-point .points-options .points-video .poly-video { width: 504px; height: 284px }
}
@media (min-width:1200px) {
.hmyk-det-point .points-options .points-video { width: 960px; height: 343px }
.hmyk-det-point .points-options .points-video .poly-video { width: 610px; height: 343px }
}
.hmyk-det-point .points-options .points-video { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f6f8fa; border-radius: 8px; overflow: hidden; margin-bottom: 30px }
.hmyk-det-point .points-options .points-video .poly-video { background-color: #161616; overflow: hidden }
.hmyk-det-point .points-options .points-video .point-video-list { padding: 0 30px 0 57px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; line-height: 70px; font-size: 14px; font-weight: 400; color: #87959f; border-bottom: 1px solid #e3e9ef; cursor: pointer }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item .video-dot { position: absolute; width: 7px; height: 7px; border-radius: 7px; border: 1px solid #dee5ed; top: 32px; left: -20px }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item .video-dot:after { content: ""; position: absolute; top: 10px; left: 3px; border-left: 1px dashed #dee5ed; height: 58px }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item:last-of-type .video-dot:after { display: none }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item:hover { color: #212b34 }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active { color: #027cdb }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active .video-dot { border-color: #027cdb }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active em, .hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active em:after, .hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active em:before { width: 2px; height: 16px; background-color: #027cdb; border-radius: 0; -webkit-animation: playing .85s infinite; animation: playing .85s infinite }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active em { -webkit-animation-delay: .1s; animation-delay: .1s; position: relative; top: 35px; -webkit-transform: translateY(-8px); transform: translateY(-8px) }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active em:after, .hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active em:before { position: absolute; bottom: 0; content: "" }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active em:before { left: -7px; -webkit-animation-delay: .2s; animation-delay: .2s }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active em:after { right: -7px; -webkit-animation-delay: .3s; animation-delay: .3s }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px }
.hmyk-det-point .points-options .points-video .point-video-list .point-video-item em { width: 12px; margin-left: 12px; margin-right: 5px }
.hmyk-det-point .points-options .points-content-wrap { width: 88%; margin: 0 10px }
.hmyk-det-point .points-options .points-content-wrap .rich-text { width: 100% }
.hmyk-det-point .hmyk-order-btn { position: absolute; top: 0; right: 0 }
.hmyk-order-btns .hmyk-order-tip { margin-top: 16px; font-size: 12px; line-height: 20px; color: #b1bbc3; text-align: center }
.hmyk-order-btns .hmyk-order-tip .iconfont { font-size: 14px; line-height: 20px; margin-right: 8px }
.hmyk-order-btns .hmyk-order-tip.opacity { opacity: 0 }
.popup-hm-work .hm-work-cover {
width:calc(100% - 10px*8); padding: 20px 40px 0 }
.popup-hm-work .hm-work-item { position: relative; padding: 20px 40px 20px 110px; min-height: 60px }
.popup-hm-work .hm-work-item+.hm-work-item { border-top: 1px solid #eef3f5 }
.popup-hm-work .hm-work-item .tip, .popup-hm-work .hm-work-item p { font-size: 14px; line-height: 20px }
.popup-hm-work .hm-work-item .tip { position: absolute; top: 20px; left: 40px; display: inline-block; color: #87959f; text-align: right }
.popup-hm-work .hm-work-item p { text-align: justify }
.hmyk-order-teacher { padding-top: 56px; padding-bottom: 22px }
.hmyk-order-teacher .empty { position: relative; text-align: center }
.hmyk-order-teacher .empty img { width: 320px; height: 290px; margin: 0 auto }
.hmyk-order-teacher .empty p { text-align: center; font-size: 14px; line-height: 20px; color: #b1bbc3; position: absolute; left: 50%; margin-left: -42px; bottom: 0 }
.hmyk-order-timer { display: none; padding-top: 20px; padding-bottom: 20px; margin: 0 auto 40px; border-radius: 10px; -ms-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); -o-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); -webkit-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); box-shadow: 0 2px 8px hsla(0,0%,85%,.5) }
.hmyk-order-timer.show { display: block }
.hmyk-order-timer .order-timer-item { position: relative; padding-top: 20px }
.hmyk-order-timer .order-timer-item+.order-timer-item { border-top: 1px solid #eef3f5 }
.hmyk-order-timer .order-time-stus { display: none; padding: 20px 0; text-align: center }
.hmyk-order-timer .order-time-stus.active { display: block }
.hmyk-order-timer .order-time-stus h3 { overflow: hidden; margin-bottom: 27px }
.hmyk-order-timer .order-time-stus h3 span { position: relative; display: inline-block; padding: 0 32px; font-size: 18px; line-height: 25px; color: #525a67 }
.hmyk-order-timer .order-time-stus h3 span:after, .hmyk-order-timer .order-time-stus h3 span:before { position: absolute; top: 12px; width: 450px; height: 1px; background-color: #eef3f5; content: "" }
.hmyk-order-timer .order-time-stus h3 span:before { left: 100% }
.hmyk-order-timer .order-time-stus h3 span:after { right: 100% }
.hmyk-order-timer h5 { position: absolute; top: 20px; left: 0; display: inline-block; font-size: 18px; line-height: 25px; color: #525a67 }
.hmyk-order-timer h5 em { display: block; font-size: 12px; line-height: 18px; color: #87959f }
.hmyk-order-timer .time-period span { float: left; margin-left: 25px; margin-bottom: 20px; color: #525a67; border: 1px solid #e3e9ef; text-align: center; cursor: pointer; border-radius: 3px }
.hmyk-order-timer .time-period span.active, .hmyk-order-timer .time-period span:hover { background-color: #027cdb; border-color: #027cdb; color: #fff }
.hmyk-order-timer .time-period span.fail { background-color: #eef3f5; border-color: #e3e9ef; color: #b1bbc3; cursor: default }
.hmyk-order-timer .time-period span.fail.active, .hmyk-order-timer .time-period span.fail:hover { background-color: #027cdb; border-color: #027cdb; color: #fff }
.hmyk-order-timer .time-period span.past { background-color: #eef3f5; border-color: #e3e9ef; color: #b1bbc3; cursor: default }
.hmyk-order-timer .order-time-stus-list li { float: left; width: 104px; padding: 0 5px 20px; color: #525a67 }
.hmyk-order-timer .order-time-stus-list li img { width: 50px; height: 50px; border: 3px solid #eef3f5; border-radius: 50% }
.hmyk-order-timer .order-time-stus-list li span { display: block; margin-top: 7px; font-size: 14px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.hmyk-order-timer .order-time-stus-none { text-align: center }
.hmyk-order-timer .order-time-stus-none img { margin-bottom: 20px; height: 96px }
.hmyk-order-timer .order-time-stus-none p { font-size: 12px; line-height: 18px; color: #87959f }
@media (min-width:768px) {
.hmyk-order-teacher { padding-right: 49px; padding-left: 49px }
.hmyk-order-timer { width: 718px; padding-right: 20px; padding-left: 20px }
.hmyk-order-timer .order-timer-item { padding-left: 53px }
.hmyk-order-timer .time-period span { width: 100px; height: 36px; font-size: 12px; line-height: 34px }
}
@media (min-width:992px) {
.hmyk-order-teacher { padding-right: 35px; padding-left: 35px }
.hmyk-order-timer { width: 880px; padding-right: 30px; padding-left: 30px }
.hmyk-order-timer .order-timer-item { padding-left: 55px }
.hmyk-order-timer .time-period span { width: 120px; height: 40px; font-size: 14px; line-height: 38px }
.hmyk-order-timer .order-time-stus-list { margin-right: -26px; margin-left: -26px }
}
@media (min-width:1200px) {
.hmyk-order-teacher { padding-right: 135px; padding-left: 135px }
.hmyk-order-timer { width: 940px; padding-right: 80px; padding-left: 80px }
}
.hmyk-ordered-teacher .teacher-cover { display: inline-block; width: 70px; height: 70px; vertical-align: top; border-radius: 50% }
.hmyk-ordered-teacher h4.date { display: inline-block; padding-top: 20px; color: #525a67; vertical-align: top }
.hmyk-ordered-teacher h4.date span { display: inline-block; margin-left: 16px; font-size: 20px; line-height: 30px; vertical-align: top }
.hmyk-add-job .hmyk-job-cover { float: left; width: 200px }
.hmyk-add-job .hmyk-job-des { float: right; width:calc(100% - 10px*24)
}
.hmyk-add-job h5.hmyk-add-job-title { margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #87959f }
.hmyk-add-job h5.hmyk-add-job-title .dot { width: 5px; height: 5px; margin-top: 8px; margin-right: 10px; vertical-align: top }
.hmyk-add-job .hmyk-job-cover-con, .hmyk-add-job .work-intr { position: relative; width: 100%; height: 150px; overflow: hidden; background-color: #f6f8fa }
.assets-popup .assets-cover .input-file, .hmyk-add-job .hmyk-job-cover-con .input-file { position: absolute; top: -10%; left: -10%; z-index: 4; width: 120%; height: 120%; opacity: 0; cursor: pointer }
.assets-popup .assets-cover .uploadbox, .hmyk-add-job .hmyk-job-cover-con .uploadbox { width: 100%; height: 100%; padding: 0 16px; background-color: #f6f8fa; border: 1px solid #eef3f5; text-align: center }
.assets-popup .assets-cover .file-tips, .hmyk-add-job .hmyk-job-cover-con .file-tips { color: #fff }
.hmyk-add-job .work-intr { margin-bottom: 20px }
.hmyk-add-job .work-intr .form-input-textarea { width: 100%; height: 100%; padding: 19px }
.hmyk-add-job .hmyk-job-btns .btn { width: 120px; height: 40px; font-size: 14px; line-height: 38px }
.hmyk-add-job .uploadbox span { display: block }
.hmyk-add-job .uploadbox span.p { margin-bottom: 4px; font-size: 14px; line-height: 20px; color: #b1bbc3 }
.hmyk-add-job .uploadbox span.tips { font-size: 12px; line-height: 12px; color: #ced4d9; text-align: justify }
.hmyk-add-job .uploadbox .uploadbox-plus { position: relative; display: block; width: 4px; height: 58px; margin: 20px auto 10px; background-color: #dee5ed; border-radius: 4px }
.hmyk-add-job .uploadbox .uploadbox-plus:after { position: absolute; top: 50%; left: 50%; width: 58px; height: 4px; margin-top: -2px; margin-left: -29px; content: ""; background-color: #dee5ed; border-radius: 4px }
.hmyk-add-job .file-tips p .iconfont { display: inline-block; margin-bottom: 4px; font-size: 30px; line-height: 1; vertical-align: top }
.assets-popup .file-tips p span, .hmyk-add-job .file-tips p span { display: block; font-size: 12px; line-height: 20px; text-shadow: 0 1px 2px rgba(0,0,0,.6) }
.hmyk-added-job p { font-size: 20px; line-height: 30px; text-align: justify; color: #525a67 }
.hmyk-added-job .hmyk-added-job-cover { margin-top: 10px; max-width: 50% }
.hmyk-det-verify-btns { padding-top: 20px; padding-bottom: 60px; text-align: center }
.hmyk-det-verify-btns .btn { width: 300px; height: 60px; font-size: 18px; line-height: 58px }
.hmyk-det-verify-btns .btn.disabled { background-color: #b1bbc3 }
.hmyk-det-verify-tips { margin-bottom: 15px; color: #87959f }
.hmyk-det-verify-tips h6, .hmyk-det-verify-tips p { font-size: 14px; line-height: 30px }
.hmyk-det-verify-tips h6 { margin-bottom: 10px }
.hmyk-det-verify-tips p { position: relative; padding-left: 12px }
.hmyk-det-verify-tips p:before { position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background-color: #87959f; content: ""; border-radius: 50% }
.course-plan .plan-tips { text-align: right }
.course-plan .plan-tips span { color: #027cdb }
.course-plan .plan-tips a { color: #027cdb; text-decoration: underline; margin-left: 32px }
.course-plan .course-subcon .course-item { padding-left: 50px; padding-bottom: 38px; height: auto }
.course-plan .course-subcon .course-item .icon { left: 20px }
.course-plan .course-subcon .course-item:after { left: 25px; height: 44px; top: -44px }
.course-plan .course-subcon .course-item.ending .title { color: #212b34 }
.course-plan .course-tips p span { font-size: 18px; margin-right: 20px; display: inline-block; vertical-align: middle; font-weight: 600 }
.course-plan .course-tips.waite { background-color: #f6f8fa; color: #b1bbc3 }
.course-plan .operate-item+.operate-item { margin-left: 50px }
.course-plan .operate-item em { font-size: 14px; color: #525a67; margin-left: 5px }
.course-plan .operate-item img { width: 15px; vertical-align: top }
.course-plan .operate-item.operate-det img { margin-top: 2px; width: 16px }
.resources .course-arrange { margin: 0 }
.resources .course-arrange-list { border-bottom: 1px solid #eef3f5 }
.resources .course-arrange-list .course-arrange-item:before { display: none }
.resources .resources-img { width: 100%; height: 100% }
.resources p.resources-name { color: #525a67; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.resources p.resources-size { font-size: 14px; color: #87959f }
.resources p.resources-date { font-size: 12px; color: #87959f }
.resources .ver { display: inline-block; vertical-align: middle }
@media (min-width:768px) {
.resources .course-arrange-item1 { width: 140px }
.resources .course-arrange-item2 { width: 210px }
.resources .course-arrange-item3, .resources .course-arrange-item4 { width: 120px }
.resources .course-arrange-item5 { width: 98px }
.resources .course-arrange-list .course-arrange-item { height: 80px }
.resources p { line-height: 80px }
.resources p.resources-name { font-size: 14px }
}
@media (min-width:992px) {
.resources .course-arrange-item1 { width: 160px }
.resources .course-arrange-item2 { width: 300px }
.resources .course-arrange-item3 { width: 120px }
.resources .course-arrange-item4, .resources .course-arrange-item5 { width: 170px }
.resources .course-arrange-list .course-arrange-item { height: 90px }
.resources p { line-height: 90px }
.resources p.resources-name { font-size: 16px }
}
@media (min-width:1200px) {
.resources .course-arrange-item1 { width: 180px }
.resources .course-arrange-item2 { width: 350px }
.resources .course-arrange-item3 { width: 200px }
.resources .course-arrange-item4 { width: 220px }
.resources .course-arrange-list .course-arrange-item { height: 102px }
.resources p { line-height: 102px }
.resources p.resources-name { font-size: 18px }
}
.popup-download h5 span { color: #027cdb }
.dc1-guest { display: inline-block; margin-right: 10px; color: #525a67 }
.dc1-guest:hover { color: #87959f }
.dc1-guest:active { color: #212b34 }
.dc1-guest .dc1-guest-cover { width: 60px }
.dc1-guest img { width: 60px; height: 60px; border-radius: 50% }
.dc1-guest span.dc1-guest-name { display: block; padding-top: 6px; font-size: 30px; line-height: 1.2 }
.dc2-guests .dc1-guest span.dc1-guest-name { padding-top: 18px; font-size: 25px; line-height: 1.24 }
.dc2-guests .dc-live-intro { padding: 10px 40px; color: #525a67; background-color: #f6f8fa }
.dc2-btns>span { float: left; font-size: 12px; line-height: 3.33333333; color: #3d3d3d }
.dc2-btns>span em { padding-right: 6px; padding-left: 6px; font-size: 14px; line-height: 2.85714286; color: #ff5900 }
.dc2-btns .btn { float: right }
.course-subcon .dc-live-item { position: relative; float: left; margin-bottom: 20px }
.course-subcon .dc-live-item .dc-live-covera { position: absolute; top: 0; left: 0; z-index: 2; display: block }
.course-subcon .dc-live-item .dc-live-covera .dc-live-cover { width: 100%; height: 100% }
.course-subcon .dc-live-item .dc-live-covera:hover .dc-live-play { opacity: 1; visibility: visible }
.course-subcon .dc-live-item .dc-live-play { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-color: rgba(82,90,103,.5); -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.course-subcon .dc-live-item .dc-live-play em { color: #fff; background-color: rgba(82,90,103,.7); border-radius: 100%; line-height: 1 }
.course-subcon .dc-live-item .dc-live-c { position: relative; padding-left: 20px }
.course-subcon .dc-live-item .dc-live-c h3 { font-size: 20px; line-height: 1.25 }
.course-subcon .dc-live-item .dc-live-c h3 a { display: block; font-size: 14px; color: #525a67; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.course-subcon .dc-live-item .dc-live-c h3 a:hover { color: #87959f }
.course-subcon .dc-live-item .dc-live-c h3 a:active { color: #212b34 }
.course-subcon .dc-live-item .dc1-guest-cover { width: 40px; height: 40px; vertical-align: top }
.course-subcon .dc-live-item .dc2-guests { margin-top: 20px; margin-bottom: 10px }
.course-subcon .dc-live-item .dc2-guests .dc1-guest span.dc1-guest-name { display: inline-block; font-size: 20px; color: #212b34; line-height: 40px; padding-top: 0; margin-left: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.course-subcon .dc-live-item .dc2-btns>span { color: #87959f }
@media (min-width:768px) {
.course-subcon.course-subcon-dachu, .course-subcon.course-subcon-daniu { margin-left: -20px }
.course-subcon .dc-live-item { width: 364px; height: 120px; margin-left: 20px }
.course-subcon .dc-live-item .dc-live-covera { width: 160px; height: 120px }
.course-subcon .dc-live-item .dc-live-play em { font-size: 45px; width: 45px; height: 45px }
.course-subcon .dc-live-item .dc-live-c { margin-left: 160px }
.course-subcon .dc-live-item .dc2-guests .dc1-guest span.dc1-guest-name { width: 123px }
}
@media (min-width:992px) {
.course-subcon .dc-live-item { width: 335px; height: 108px }
.course-subcon .dc-live-item .dc-live-covera { width: 144px; height: 108px }
.course-subcon .dc-live-item .dc-live-play em { font-size: 42px; width: 42px; height: 42px }
.course-subcon .dc-live-item .dc-live-c { margin-left: 144px }
.course-subcon .dc-live-item .dc2-guests .dc1-guest span.dc1-guest-name { width: 110px }
.course-subcon .dc-live-item .dc2-btns>span { line-height: 24px }
}
@media (min-width:1200px) {
.course-subcon.course-subcon-dachu, .course-subcon.course-subcon-daniu { margin-left: -40px }
.course-subcon .dc-live-item { width: 390px; height: 142px; margin-left: 40px }
.course-subcon .dc-live-item .dc-live-covera { width: 189px; height: 142px }
.course-subcon .dc-live-item .dc-live-play em { font-size: 58px; width: 58px; height: 58px }
.course-subcon .dc-live-item .dc-live-c { margin-left: 189px }
.course-subcon .dc-live-item .dc2-guests .dc1-guest span.dc1-guest-name { width: 120px }
.course-subcon .dc-live-item .dc2-btns>span { line-height: 40px }
}
.course-con-wrap .hd-dachuShare .dc-title h4, .course-con-wrap .hd-daniuShare .dc-title h4 { text-align: center; line-height: 40px; margin-top: 20px; position: relative }
.course-con-wrap .hd-dachuShare .dc-title h4:after, .course-con-wrap .hd-dachuShare .dc-title h4:before, .course-con-wrap .hd-daniuShare .dc-title h4:after, .course-con-wrap .hd-daniuShare .dc-title h4:before { content: ""; display: inline-block; position: absolute; top: 50%; border-top: 1px solid #e3e9ef }
.course-con-wrap .hd-dachuShare .dc-title h4:before, .course-con-wrap .hd-daniuShare .dc-title h4:before { left: 0 }
.course-con-wrap .hd-dachuShare .dc-title h4:after, .course-con-wrap .hd-daniuShare .dc-title h4:after { right: 0 }
.course-con-wrap .hd-dachuShare-con, .course-con-wrap .hd-daniuShare-con { background-color: #f6f8fa; padding: 0 10px }
.course-con-wrap .hd-dachuShare-con ul li.dachu-more a, .course-con-wrap .hd-dachuShare-con ul li.daniu-more a, .course-con-wrap .hd-daniuShare-con ul li.dachu-more a, .course-con-wrap .hd-daniuShare-con ul li.daniu-more a { width: 100%; height: auto }
.course-con-wrap .hd-dachuShare-con ul li.dachu-more a img, .course-con-wrap .hd-dachuShare-con ul li.daniu-more a img, .course-con-wrap .hd-daniuShare-con ul li.dachu-more a img, .course-con-wrap .hd-daniuShare-con ul li.daniu-more a img { width: 100% }
.course-con-wrap .hd-dachuShare-con ul li .hd-dachuShare-des, .course-con-wrap .hd-dachuShare-con ul li .hd-daniuShare-des, .course-con-wrap .hd-daniuShare-con ul li .hd-dachuShare-des, .course-con-wrap .hd-daniuShare-con ul li .hd-daniuShare-des { margin-left: 10px }
.course-con-wrap .hd-dachuShare-con ul li .hd-dachuShare-des h3, .course-con-wrap .hd-dachuShare-con ul li .hd-daniuShare-des h3, .course-con-wrap .hd-daniuShare-con ul li .hd-dachuShare-des h3, .course-con-wrap .hd-daniuShare-con ul li .hd-daniuShare-des h3 { height: 44px; overflow: hidden }
.course-con-wrap .hd-dachuShare-con ul li .hd-dachuShare-des h4, .course-con-wrap .hd-dachuShare-con ul li .hd-daniuShare-des h4, .course-con-wrap .hd-daniuShare-con ul li .hd-dachuShare-des h4, .course-con-wrap .hd-daniuShare-con ul li .hd-daniuShare-des h4 { white-space: nowrap }
@media (min-width:768px) {
.course-con-wrap .hd-dachuShare, .course-con-wrap .hd-daniuShare { display: none }
}
@media (min-width:992px) {
.course-con-wrap .hd-dachuShare, .course-con-wrap .hd-daniuShare { display: block; width: 270px }
.course-con-wrap .hd-dachuShare .dc-title h4:after, .course-con-wrap .hd-dachuShare .dc-title h4:before, .course-con-wrap .hd-daniuShare .dc-title h4:after, .course-con-wrap .hd-daniuShare .dc-title h4:before { width: 92px }
.course-con-wrap .hd-dachuShare-con ul li>a, .course-con-wrap .hd-daniuShare-con ul li>a { width: 100px; height: 75px }
.course-con-wrap .hd-dachuShare-con ul li .hd-dachuShare-des, .course-con-wrap .hd-dachuShare-con ul li .hd-daniuShare-des, .course-con-wrap .hd-daniuShare-con ul li .hd-dachuShare-des, .course-con-wrap .hd-daniuShare-con ul li .hd-daniuShare-des { width: 140px }
.course-con-wrap .hd-dachuShare-con ul li .hd-dachuShare-des h4, .course-con-wrap .hd-dachuShare-con ul li .hd-daniuShare-des h4, .course-con-wrap .hd-daniuShare-con ul li .hd-dachuShare-des h4, .course-con-wrap .hd-daniuShare-con ul li .hd-daniuShare-des h4 { font-size: 12px }
}
@media (min-width:1200px) {
.course-con-wrap .hd-dachuShare, .course-con-wrap .hd-daniuShare { width: 310px }
.course-con-wrap .hd-dachuShare .dc-title h4:after, .course-con-wrap .hd-dachuShare .dc-title h4:before, .course-con-wrap .hd-daniuShare .dc-title h4:after, .course-con-wrap .hd-daniuShare .dc-title h4:before { width: 110px }
.course-con-wrap .hd-dachuShare-con ul li>a, .course-con-wrap .hd-daniuShare-con ul li>a { width: 130px; height: 101px }
.course-con-wrap .hd-dachuShare-con ul li .hd-dachuShare-des, .course-con-wrap .hd-dachuShare-con ul li .hd-daniuShare-des, .course-con-wrap .hd-daniuShare-con ul li .hd-dachuShare-des, .course-con-wrap .hd-daniuShare-con ul li .hd-daniuShare-des { width: 150px }
.course-con-wrap .hd-dachuShare-con ul li .hd-dachuShare-des h3, .course-con-wrap .hd-dachuShare-con ul li .hd-daniuShare-des h3, .course-con-wrap .hd-daniuShare-con ul li .hd-dachuShare-des h3, .course-con-wrap .hd-daniuShare-con ul li .hd-daniuShare-des h3 { margin-bottom: 10px }
.course-con-wrap .hd-dachuShare-con ul li .hd-dachuShare-des h4, .course-con-wrap .hd-dachuShare-con ul li .hd-daniuShare-des h4, .course-con-wrap .hd-daniuShare-con ul li .hd-dachuShare-des h4, .course-con-wrap .hd-daniuShare-con ul li .hd-daniuShare-des h4 { font-size: 13px }
.course-con-wrap .hd-dachuShare-con ul li .hd-dachuShare-des h4+h4, .course-con-wrap .hd-dachuShare-con ul li .hd-daniuShare-des h4+h4, .course-con-wrap .hd-daniuShare-con ul li .hd-dachuShare-des h4+h4, .course-con-wrap .hd-daniuShare-con ul li .hd-daniuShare-des h4+h4 { margin-top: 10px }
}
.course-head-info.drop+.course-con-wrap .handle { position: fixed; top: 115px }
.course-head-info.drop+.course-con-wrap .handle p { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6) }
@media (min-width:768px) {
.course-head-info.drop+.course-con-wrap .handle { margin-left: 225px }
}
@media (min-width:992px) {
.course-head-info.drop+.course-con-wrap .handle { margin-left: 340px }
}
@media (min-width:1200px) {
.course-head-info.drop+.course-con-wrap .handle { margin-left: 440px }
}
.hd-itemList-operate { height: 20px; margin-top: 10px }
.hd-itemList-operate span { margin-left: 10px }
.hd-itemList-operate span a { color: #87959f }
.hd-itemList-operate span a.delete { opacity: 0 }
.hd-itemList-operate span a.delete:hover { color: #ff5900 }
.hd-itemList-operate span a.delete:active { color: #212b34 }
.hd-itemList li:hover .delete { opacity: 1 }
.hd-itemList li>div>a { position: relative; display: block; width: 100% }
.hd-itemList li>div>a .mask1 { text-align: center; color: #fff }
.hd-itemList li>div>a .mask1 i { font-size: 30px; opacity: .6 }
.hd-itemList li>div>a .mask1 em { font-size: 14px; margin-top: 8px }
.hd-itemList li.unapprove>div>a .mask1 { opacity: 1 }
.fingerPainting-item { float: left; position: relative; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.fingerPainting-item .sign { z-index: 2; position: absolute; display: inline-block; top: -5px; left: 5px; width: 28px; height: 35px }
.fingerPainting-item .fingerPainting-operate { font-size: 12px; color: #87959f; position: absolute; bottom: 0 }
.fingerPainting-item .fingerPainting-operate.left { left: 0 }
.fingerPainting-item .fingerPainting-operate.right { right: 0 }
.fingerPainting-item .fingerPainting-operate a { color: #87959f }
.fingerPainting-item .fingerPainting-operate .delete { opacity: 0 }
.fingerPainting-item .fingerPainting-operate .delete:hover { color: #ff5900 }
.fingerPainting-item .fingerPainting-operate .delete:active { color: #212b34 }
.fingerPainting-item .fingerPainting-operate .iconfont { margin-right: 6px }
.fingerPainting-item:hover { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) }
.fingerPainting-item:hover .fingerPainting-img { -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); box-shadow: 0 10px 20px rgba(0,0,0,.1) }
.fingerPainting-item:hover .delete { opacity: 1 }
.fingerPainting-item.unapprove .mask1 { opacity: 1; text-align: center; color: #fff }
.discuss-item.unapprove .mask1 i, .fingerPainting-item.unapprove .mask1 i { font-size: 30px; opacity: .6 }
.discuss-item.unapprove .mask1 em, .fingerPainting-item.unapprove .mask1 em { font-size: 14px; margin-top: 8px }
.fingerPainting-img { display: inline-block; width: 100%; position: relative; -ms-box-shadow: 0 4px 10px rgba(0,0,0,.1); -o-box-shadow: 0 4px 10px rgba(0,0,0,.1); -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.1); box-shadow: 0 4px 10px rgba(0,0,0,.1) }
.fingerPainting-img img { width: 100%; height: 100% }
@media (min-width:768px) {
.fingerPainting-list { margin-left: -12px }
.fingerPainting-item { width: 178px; margin: 0 0 20px 12px }
.fingerPainting-img { height: 178px }
}
@media (min-width:992px) {
.fingerPainting-list { margin-left: -16px }
.fingerPainting-item { width: 233px; margin-left: 16px }
.fingerPainting-img { height: 233px }
}
@media (min-width:1200px) {
.fingerPainting-list { margin-left: -20px }
.fingerPainting-item { width: 280px; margin-left: 20px }
.fingerPainting-img { height: 280px }
}
.discuss-item { width: 100%; margin-bottom: 20px; -ms-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); -o-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); -webkit-box-shadow: 0 2px 8px hsla(0,0%,85%,.5); box-shadow: 0 2px 8px hsla(0,0%,85%,.5); position: relative }
.discuss-item .discuss-con { padding: 20px 30px 0 }
.discuss-item .discuss-con .seal { position: absolute; top: -5px; right: 122px; width: 111px }
.discuss-item .discuss-con .title { margin-top: 20px; font-size: 20px; color: #525a67; font-weight: 600 }
.discuss-item .discuss-con .title:hover { color: #87959f }
.discuss-item .discuss-con .title:active { color: #212b34 }
.discuss-item .discuss-con .date { display: block; margin: 5px 0; font-size: 12px; color: #87959f }
.discuss-item .discuss-con .date .type { display: inline-block; padding: 0 5px; border: 1px solid #027cdb; border-radius: 4px; color: #027cdb; margin-left: 5px }
.discuss-item .discuss-con .date .type.type-work { border-color: #009ded; color: #009ded }
.discuss-item .discuss-con .date .type.type-discuss { border-color: #00c46a; color: #00c46a }
.discuss-item .discuss-con .date .type.type-fingerPainting { border-color: #ffa800; color: #ffa800 }
.discuss-item .discuss-con .info { display: block; max-height: 50px; margin-top: 10px; overflow: hidden; font-size: 14px; color: #525a67; line-height: 25px }
.discuss-item .discuss-con .info:hover { color: #87959f }
.discuss-item .discuss-con .info:active { color: #212b34 }
.discuss-item .discuss-con .img-group .img { position: relative; display: inline-block; margin-top: 10px; margin-bottom: 10px }
.discuss-item .discuss-con .img-group .img img { display: block }
.discuss-item .discuss-con .img-group img { width: 100%; height: 100% }
.discuss-item .discuss-con .img-group.img-group-more .img { width: 180px; height: 135px }
.discuss-item .discuss-con .img-group.img-group-more .img+.img { margin-left: 10px }
.discuss-item .discuss-con .img-group.img-group-fingerPainting .img { width: 280px; height: 280px }
.discuss-item .discuss-con .tags { margin-top: 10px }
.discuss-item .discuss-con .discuss-avatar { display: table-cell; width: 40px; height: 40px; overflow: hidden }
.discuss-item .discuss-con .discuss-avatar a { display: inline-block }
.discuss-item .discuss-con .discuss-avatar img { width: 100%; height: 100%; border-radius: 100% }
.discuss-item .discuss-con .discuss-des { display: table-cell; padding-left: 10px; vertical-align: top }
.discuss-item .discuss-con .author { display: inline-block; max-width: 280px; font-size: 14px; color: #525a67; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.discuss-item .discuss-con .author .identity-img { width: 20px; height: 20px; vertical-align: middle; margin-left: 5px; margin-top: 0 }
.discuss-item .discuss-con .attent { position: absolute; right: 30px; top: 20px }
@media (min-width:768px) {
.discuss-item .discuss-con .img-group .img { width: 220px; height: 165px }
}
@media (min-width:992px) {
.discuss-item .discuss-con .img-group .img { width: 240px; height: 180px }
}
@media (min-width:1200px) {
.discuss-item .discuss-con .img-group .img { width: 280px; height: 210px }
}
.discuss-item .discuss-operate { font-size: 12px; color: #87959f; padding: 11px 30px; border-top: 1px solid #eef3f5 }
.discuss-item .discuss-operate a { color: #87959f }
.discuss-item .discuss-operate .delete { opacity: 0 }
.discuss-item .discuss-operate .delete:hover { color: #ff5900 }
.discuss-item .discuss-operate .delete:active { color: #212b34 }
.discuss-item .discuss-operate .iconfont { margin-right: 6px; font-size: 14px }
.discuss-item .discuss-operate .handle .iconfont { font-size: 12px }
.discuss-item:hover .delete { opacity: 1 }
.discuss-item.unapprove { position: relative }
.discuss-item.unapprove .date, .discuss-item.unapprove .info, .discuss-item.unapprove .title { color: #b1bbc3; cursor: default }
.discuss-item.unapprove .date:hover, .discuss-item.unapprove .info:hover, .discuss-item.unapprove .title:hover { color: #b1bbc3 }
.discuss-item.unapprove .date:active, .discuss-item.unapprove .info:active, .discuss-item.unapprove .title:active { color: #212b34 }
.discuss-item.unapprove .mask1 { opacity: 1; text-align: center; color: #fff }
.discuss-item.unapprove:after { content: ""; display: inline-block; position: absolute; right: 20px; top: 20px; font-size: 14px; color: #ff5900; background-color: hsla(0,0%,100%,.4) }
.discuss-item.works .mainList-label { border-color: #027cdb; color: #027cdb }
.discuss-item.discuss .mainList-label { border-color: #00c46a; color: #00c46a }
.discuss-item.fingerPainting .mainList-label { border-color: #ff8407; color: #ff8407 }
.discuss-item.fingerPainting .fingerPainting-item { margin: 20px 0 0 }
.mainList-label { display: inline-block; font-size: 12px; line-height: 1; margin-right: 10px; padding: 1px 5px 2px; border-radius: 4px; border: 1px solid #b1bbc3; color: #b1bbc3; vertical-align: top; margin-top: 4px }
.account-list { border-top: 1px solid #eef3f5 }
.account-list .account-item { border-bottom: 1px solid #eef3f5; padding: 20px 0; height: 175px }
.account-list .users-avatar { display: table-cell; vertical-align: top }
.account-list .users-avatar img { width: 90px; height: 90px; border-radius: 100% }
.account-list .account-info { display: table-cell; vertical-align: top; position: relative; width: 1200px; padding-left: 30px }
.account-list .account-info .name { font-size: 18px; color: #212b34 }
.account-list .account-info .identity { display: inline-block; margin-left: 0 0 0 5px; width: 20px; height: 20px; vertical-align: top }
.account-list .account-info .identity img { width: 100%; height: 100%; margin-top: -4px }
.account-list .account-info .counts-list { margin: 20px 0 }
.account-list .account-info .counts-list .item { display: inline-block; text-align: center; font-size: 12px; color: #87959f }
.account-list .account-info .counts-list .item+.item { margin-left: 20px }
.account-list .account-info .counts-list .item span { display: block }
.account-list .account-info .counts-list .item .numb { margin-bottom: 5px }
.account-list .account-info .img-group { position: absolute; top: 0; right: 0 }
.account-list .account-info .img-group>a { display: inline-block; vertical-align: top }
.account-list .account-info .img-group>a+a, .account-list .account-info .img-group>img+img { margin-left: 6px }
@media (min-width:768px) {
.account-list .account-info .img-group img { width: 120px; height: 90px }
}
@media (min-width:992px) {
.account-list .account-info .img-group img { width: 150px; height: 113px }
}
@media (min-width:1200px) {
.account-list .account-info .img-group img { width: 180px; height: 135px }
}
.gz-btn { position: relative; width: 80px; height: 30px; overflow: hidden; line-height: 28px; background-color: #027cdb; color: #fff; border-radius: 3px }
.gz-btn span { margin-right: 5px; display: inline-block; font-size: 12px; vertical-align: top }
.gz-btn em { position: absolute; right: 0; left: 0; display: block; -webkit-transition: top .2s ease-in-out; transition: top .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.gz-btn em.em1 { top: 0 }
.gz-btn em.em2 { top: 100% }
.gz-btn:hover { background-color: #0097e6 }
.gz-btn.atted { background-color: transparent; border-color: #027cdb; color: #027cdb }
.gz-btn.atted span { -webkit-transform: scale(.8); transform: scale(.8) }
.gz-btn.atted:hover em.em1 { top: -100% }
.gz-btn.atted:hover em.em2 { top: 0 }
.gz-btn.atted:active { border-color: #0097e6; color: #0097e6 }
.login-edit { width: 400px }
.login-edit .edit-label { width: 80px; float: left; line-height: 40px; text-align: center; font-size: 14px; color: #87959f }
.login-edit .log-group { width: 320px; float: left; height: auto; min-height: 40px }
.login-edit .log-group .log-input { height: 40px; padding-left: 10px }
.login-edit .log-group .radio-group { margin-top: 9px }
.login-edit .log-group .select-box, .login-edit .log-group .select-option, .login-edit .log-group .select-option li { width: 100%!important }
.login-edit .log-group .form-input-textarea { width: 100%; padding-bottom: 23px }
.login-edit .log-group .form-input-textarea .numb { background-color: #f6f8fa }
.login-edit .log-group .form-input-textarea:focus~.numb { background-color: #fff }
.login-edit .log-button { margin-top: 16px }
.edit-item .users-avatar { position: relative; margin: 0 auto; width: 100px; height: 100px; line-height: 100px; border-radius: 100%; overflow: hidden; cursor: pointer }
.edit-item .users-avatar img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.edit-item .users-avatar .mask1 { text-align: center }
.edit-item .users-avatar .mask1 .iconfont { font-size: 30px; color: #fff }
.edit-item .users-avatar:hover .mask1 { opacity: 1 }
.edit-item .users-name { margin: 10px auto 40px; font-size: 18px; color: #525a67; text-align: center }
.edit-item .tags { width: auto; min-width: 56px; height: 30px; padding: 0 10px; margin-top: 7px; margin-right: 8px; font-size: 12px; line-height: 28px; color: #525a67; border-color: #e3e9ef; border-radius: 2px }
.edit-item .tags.active { border-color: #027cdb; color: #027cdb }
.cover-layer-d { position: fixed; top: 50%; left: 50%; z-index: 10; background-color: #f9fbfc; -webkit-box-shadow: 0 0 8px rgba(15,35,58,.4); box-shadow: 0 0 8px rgba(15,35,58,.4); text-align: left }
.cover-layer-con { position: relative; padding: 20px 30px 70px; text-align: center }
.cover-layer-con h5 { padding-bottom: 10px; color: #87959f; cursor: default; font-size: 14px; text-align: left }
.cover-layer-c1 { position: relative; margin-right: -20px; margin-left: -20px }
.cover-layer-cd { display: inline-block; margin-left: 20px; vertical-align: top }
.cover-layer-cd, .cover-layer-cover { position: relative; width: 300px; overflow: hidden }
.cover-layer-cover { height: 300px }
.cover-layer-cover, .cover-layer-preview { background-color: #f1f5f7; border: 1px solid #e4e9eb }
.cover-layer-preview { width: 400px; height: 301px; overflow: hidden }
.cover-layer-preview>img { width: 100%; height: 100%; overflow: hidden }
.cover-layer-btnd { padding-top: 30px; text-align: center }
.cover-layer-btn { position: relative; width: 120px; height: 40px; line-height: 38px; overflow: hidden; vertical-align: top }
.userinfo-portrait-layer-con .cover-layer-preview { width: 180px; height: 180px; margin-right: auto; margin-left: auto; border-radius: 50%; overflow: hidden }
.now-img { border-radius: 0 }
.userinfo-cover-layer-con .cover-layer-preview { width: 400px; height: 201px; margin-right: auto; margin-left: auto }
.userinfo-cover-layer-con .cover-layer-cd>h5 { padding-bottom: 60px }
.cover-layer-tips { text-align: center; font-size: 14px; color: #b1bbc3; margin-top: 30px }
.plan-popup .form-info { width: 500px }
.plan-popup .form-label { line-height: 38px; color: #525a67 }
.plan-popup .plan-name { font-size: 18px; line-height: 38px; color: #212b34 }
.plan-popup .plan-info { padding: 20px; font-size: 14px; color: #525a67; background-color: rgba(115,178,252,.06) }
.plan-popup .plan-video { line-height: 38px }
.plan-popup .plan-video img { margin: -3px 10px 0; width: 12px }
.plan-popup .plan-video em { color: #212b34; font-size: 16px }
.play-video { margin-top: 0; height: 100% }
.play-video h2 { padding-left: 50px; display: inline-block; width: 100%; height: 80px; line-height: 80px; color: #fff; font-size: 20px; background-color: #1d1d1d }
.play-video .video-con { position: absolute; top: 80px; left: 0; right: 0; bottom: 0; background: #000; display: inline-block; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.play-video .video-con.small { right: 355px }
.play-video .video-con img { width: 100%; height: 100% }
.play-video .video-menu { position: absolute; top: 80px; right: -355px; bottom: 0; width: 355px; background-color: #292929; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.play-video .video-menu .menu-button { position: absolute; top: 20px; left: -30px; padding-top: 13px; padding-left: 10px; width: 30px; height: 40px; cursor: pointer; -webkit-transition: .3s; transition: .3s; background-color: #292929; border-radius: 8px 0 0 8px }
.play-video .video-menu .menu-button i { float: left; margin-left: -4px; font-size: 14px; color: #fff; opacity: .18; font-weight: 700; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.play-video .video-menu .menu-button:hover i { opacity: .6 }
.play-video .video-menu.open { right: 0 }
.play-video .video-menu.open .menu-button { padding-top: 12px; padding-left: 8px }
.play-video .video-menu.open .menu-button i { margin-right: -4px; margin-left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.play-video .menu-top { padding: 20px }
.play-video .menu-top img { float: left; width: 145px; height: 109px }
.play-video .menu-top .menu-info { float: left; width: 145px; margin-left: 20px }
.play-video .menu-top h3 { max-height: 66px; margin-bottom: 20px; font-size: 16px; line-height: 22px; color: #fff; opacity: .8; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden }
.play-video .menu-top h4 { font-size: 14px; color: #fff; opacity: .4 }
.play-video #swiper-title { color: hsla(0,0%,100%,.5); font-size: 14px; text-align: center; height: 50px; line-height: 50px; background-color: #3b3b3b }
.play-video #swiper-title .swiper-button-next, .play-video #swiper-title .swiper-button-prev { background: none; width: 15px; height: 15px; margin-top: -7px }
.play-video #swiper-title .swiper-button-next .iconfont, .play-video #swiper-title .swiper-button-prev .iconfont { font-size: 14px; vertical-align: top; color: rgba(0,0,0,.3); line-height: 1; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.play-video #swiper-title .swiper-button-next:hover .iconfont, .play-video #swiper-title .swiper-button-prev:hover .iconfont { color: #027cdb }
.play-video #swiper-title .swiper-button-prev { left: 30px }
.play-video #swiper-title .swiper-button-prev .iconfont { display: inline-block; transform: rotate(180deg); -webkit-transform: rotate(180deg) }
.play-video #swiper-title .swiper-button-next { right: 30px }
.play-video .menu-list { position: absolute; bottom: 0; top: 199px; width: 100%; padding: 40px 0; overflow: hidden; overflow-y: auto }
.play-video .menu-list::-webkit-scrollbar {
width:4px
}
.play-video .menu-list::-webkit-scrollbar-track {
background:transparent;
margin:3px 0;
background:rgba(0,0,0,.5)
}
.play-video .menu-list::-webkit-scrollbar-thumb, .play-video .menu-list::-webkit-scrollbar-track {
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-text-decoration-skip:objects;
text-decoration-skip:objects
}
.play-video .menu-list::-webkit-scrollbar-thumb {
background:transparent;
background:hsla(0,0%,100%,.4)
}
.play-video .lessons_contain { overflow-y: auto }
.play-video .lessons_contain::-webkit-scrollbar {
width:4px
}
.play-video .lessons_contain::-webkit-scrollbar-track {
background:transparent;
margin:3px 0;
background:rgba(0,0,0,.5)
}
.play-video .lessons_contain::-webkit-scrollbar-thumb, .play-video .lessons_contain::-webkit-scrollbar-track {
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-text-decoration-skip:objects;
text-decoration-skip:objects
}
.play-video .lessons_contain::-webkit-scrollbar-thumb {
background:transparent;
background:hsla(0,0%,100%,.4)
}
.play-video #swiper-list { color: hsla(0,0%,100%,.5); font-size: 14px }
.play-video #swiper-list ul li { height: 40px; line-height: 40px; padding-left: 30px; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.play-video #swiper-list ul li:hover { color: hsla(0,0%,100%,.9) }
.play-video #swiper-list ul li:active { color: #212b34 }
.play-video #swiper-list ul li .numb { display: inline-block; text-align: right; width: 20px }
.play-video #swiper-list ul li p { display: inline-block; margin-left: 20px }
.play-video #swiper-list ul li .live-anim { float: right; margin-right: 30px }
.play-video #swiper-list ul li.active { background-color: hsla(0,0%,100%,.05); color: hsla(0,0%,100%,.9) }
.play-video #swiper-list ul li.default { color: hsla(0,0%,100%,.2); cursor: default }
.play-video .serial-list { color: hsla(0,0%,100%,.5); font-size: 14px }
.play-video .serial-list ul { counter-reset: number }
.play-video .serial-list ul>li { position: relative; height: 40px; padding-right: 48px; padding-left: 40px; line-height: 40px; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.play-video .serial-list ul>li:before { width: 20px; text-align: right; content: counter(number); counter-increment: number }
.play-video .serial-list ul>li .title { max-width: 230px; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.play-video .serial-list ul>li .live-anim { position: absolute; top: 0; right: 25px }
.play-video .serial-list ul>li:hover { color: hsla(0,0%,100%,.9) }
.play-video .serial-list ul>li.active { color: hsla(0,0%,100%,.9); background-color: hsla(0,0%,100%,.05); cursor: default }
.play-video .serial-list ul>li.default, .play-video .serial-list ul>li.lock { color: hsla(0,0%,100%,.2); cursor: default }
.play-video .serial-list ul>li.lock:after { position: absolute; top: 14px; left: 24px; font-family: iconfontL; font-size: 12px; line-height: 1; content: "\E6A7" }
.play-video .serial-list ul>li.mryh2208:before { width: auto; font-size: 12px; content: attr(data-serial) }
.videoDetail-wrap .course-head-con .course-name, .videoDetail-wrap .course-head-con .course-text { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6) }
.order-header { height: 140px; background: url(https://assets-cdn.lanqb.com/bg/order-bg.png); background-position: 50%; background-size: auto 100% }
.order-header .title { font-size: 30px; line-height: 140px; color: #fff }
.order-content { padding-bottom: 80px; min-height: 600px; padding-top: 20px }
.order-content .order-sidebar { width: 17%; padding: 5px 0; border-radius: 4px; border: 1px solid #e3e9ef }
.order-content .order-sidebar li { font-size: 18px; line-height: 25px; padding-left: 40px; margin: 35px 0; color: #525a67; cursor: pointer }
.order-content .order-sidebar li.active { color: #212b34; border-left: 3px solid #027cdb; font-weight: 800 }
.order-content .order-sidebar li .num { color: #ff5900 }
.order-content .order-main { width: 80%; padding-bottom: 20px }
.order-content .tab-hd { font-size: 14px; line-height: 60px; border-top: 1px solid #e3e9ef }
.order-content .tab-hd li { float: left; text-align: center }
.order-content .tab-hd .td-01 { width: 45%; text-align: left; padding-left: 80px }
.order-content .tab-hd .td-02 { width: 15% }
.order-content .tab-hd .td-03 { width: 12% }
.order-content .tab-hd .td-04 { width: 11% }
.order-content .tab-hd .td-05 { width: 17% }
.order-content .order-empty { text-align: center; width: 80% }
.order-content .order-empty img { width: 300px; margin-top: 20px }
.order-content .order-empty p { font-size: 18px; line-height: 24px; color: #87959f; margin-top: 36px }
.order-content .order-empty a { display: inline-block; margin-top: 10px; font-size: 14px; line-height: 18px; color: #027cdb; vertical-align: top }
.order-content .order-empty a:hover { color: #0097e6 }
.order-content .order-zwdd h6 { margin-top: 100px; font-size: 18px; line-height: 30px; color: #87959f; text-align: center }
.order-content .order-item { background: #fff }
.order-content .order-item+.order-item { margin-top: 20px }
.order-content .order-item .item-bar { height: 40px; padding-left: 20px; line-height: 40px; color: #525a67; background-color: rgba(2,124,219,.1); position: relative; border-radius: 3px 3px 0 0 }
.order-content .order-item .item-bar span { margin-right: 25px }
.order-content .order-item .item-bar .mark-fq { position: absolute; color: #027cdb; width: 40px; height: 20px; border: 1px solid #027cdb; right: 20px; top: 10px; line-height: 20px; text-align: center; border-radius: 12px }
.order-content .order-item .item-bar.close { background-color: rgba(33,43,52,.1) }
.order-content .order-con { width: 100%; border: 1px solid #e3e9ef }
.order-content .order-con .order-con-list { display: table; width: 100%; padding-top: 24px; padding-bottom: 24px }
.order-content .order-con .order-con-column { position: relative; display: table-cell; text-align: center; vertical-align: middle }
.order-content .order-con .order-con-1 { width: 60%; text-align: left }
.order-content .order-con .order-con-1.more:after { position: absolute; top: 28px; right: 0; bottom: 28px; width: 0; border-left: 1px solid #e3e9ef; content: "" }
.order-content .order-con .order-con-2 { width: 12% }
.order-content .order-con .order-con-3 { width: 11% }
.order-content .order-con .order-con-4 { width: 17% }
.order-content .order-con .status p, .order-content .order-con .total-price { font-size: 14px; line-height: 26px }
.order-content .order-con .status p.no-pay { color: #ff5900 }
.order-content .order-con .status p.tips { margin-top: 6px; color: #87959f }
.order-content .order-con .status p.tips em { display: block; font-size: 12px; line-height: 14px }
.order-content .order-con .operation .btn { width: 100px; height: 32px; font-size: 14px; line-height: 32px; border: none; vertical-align: top; border-radius: 3px }
.order-content .order-con .operation .btn+.btn { margin-top: 4px }
.order-content .order-con .operation .btn-bgtran { color: #87959f; background-color: transparent }
.order-content .order-con .operation .btn-bgtran:hover { color: #027cdb }
.order-content .order-con .receipt-bar { background-color: #f6f8fa; margin: 0 20px 10px }
.order-content .order-con .receipt-bar span { display: inline-block; font-size: 12px; line-height: 34px; padding-left: 20px }
.order-content .order-con .receipt-bar .receipt-bar-l { width: 47% }
.order-content .order-con .receipt-bar .receipt-bar-c { width: 27% }
.order-content .order-con .receipt-bar .receipt-bar-r { width: 22% }
.order-content .order-con .receipt { color: #212b34 }
.order-content .order-con .unpaid { color: #ff5900; margin-bottom: 20px }
.order-content .goods-item { display: table; width: 100% }
.order-content .goods-item+.goods-item { margin-top: 20px }
.order-content .goods-item .goods-column { display: table-cell; vertical-align: middle }
.order-content .goods-item .goods-l { width: 22.5%; padding-left: 19px }
.order-content .goods-item .goods-l img { width: 100% }
.order-content .goods-item .goods-c { width: 44%; padding-left: 15px; font-size: 14px; line-height: 20px }
.order-content .goods-item .goods-c .type { margin-top: 16px; font-size: 14px; color: #87959f }
.order-content .goods-item .goods-r { width: 25%; text-align: center }
.order-content .goods-item .goods-r p { font-size: 14px; line-height: 24px }
.order-content .goods-item .goods-r p.original-price { color: #b1bbc3; text-decoration: line-through }
.order-content .goods-item .goods-r p.tips { font-size: 12px }
.order-content .order_del_loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 16; background-color: rgba(0,0,0,.4) }
.order-content .order_del_loading .regsu2-loading { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background-color: #fff; text-align: center; border-radius: 5px }
.order-content .order_del_loading .regsu2-loading img { height: 36px; margin: 7px }
.payment-modal .payment-tips { font-size: 10px; color: #87959f; margin-top: 20px }
.payment-modal .payment-tips .single-goods { padding-left: 30px }
.payment-modal .payment-tips .group-goods { text-align: center }
.payment-modal .payment-tips-red { color: #f36b61; font-size: 12px; margin-bottom: 10px; text-align: center }
.payment-con .payment-ok-con.order-center-payment { height: 460px; padding-top: 150px }
.payment-con .payment-ok-con.order-center-payment .payment-ok-link { margin-bottom: 12px; margin-top: 20px }
.payment-con .payment-ok-con.order-center-payment .payment-ok-link a { color: #027cdb; line-height: 17px; display: inline-block; margin-bottom: 12px }
.payment-con .payment-ok-con.order-center-payment:before { display: none }
.payment-title.order-center-payment h4 { margin: 20px 0 }
.collective-tab { width: 841px }
@media (min-width:768px) and (max-width:992px) {
.collective-tab { width: 708px }
}
.date-con { margin-top: 10px; width: 100%; font-family: PingFangSC-Medium, PingFang SC; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.date-con .date-item { width: 107px; height: 50px; background: #fff; cursor: pointer; padding: 5px 0 }
.date-con .date-item>h3 { font-size: 14px; font-weight: 500; color: #87959f; line-height: 20px; text-align: center }
.date-con .date-item.active { background: #f6f8fa; color: #212b34 }
@media (min-width:768px) and (max-width:992px) {
.date-con .date-item { width: 100px }
.date-con .date-item>h3 { font-size: 10px }
}
.tab-con { width: 100%; font-family: PingFangSC-Medium, PingFang SC; margin-top: 20px }
.tab-con .title-con { height: 50px; background: #e7f2ff; border-radius: 8px; padding: 14px 0; padding-left: 36px }
.tab-con .title-con>span { font-size: 16px; font-weight: 500; color: #212b34; line-height: 22px }
.tab-con .title-con .live-title { margin-left: 160px }
.tab-con .title-con .tea-name { margin-left: 258px }
@media (min-width:768px) and (max-width:992px) {
.tab-con .title-con { padding-left: 10px }
}
.tab-con .schedules { padding-top: 20px }
.tab-con .schedules .step-box { padding-bottom: 16px }
.tab-con .schedules .step-box>h2 { font-size: 16px; font-weight: 500; color: #212b34; line-height: 22px; margin-bottom: 20px }
.tab-con .schedules .step-box .hour-box { height: 70px; background: #fff; border-radius: 10px; border: 1px solid #e3e9ef; padding-left: 36px; margin: 14px 0; position: relative }
.tab-con .schedules .step-box .hour-box .item-basic { display: inline-block; vertical-align: middle }
.tab-con .schedules .step-box .hour-box .item-basic p { font-size: 14px; font-weight: 400; color: #525a67; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.tab-con .schedules .step-box .hour-box .item-basic2 .text-con { position: relative; display: inline-block }
.tab-con .schedules .step-box .hour-box .item-basic2 .text-con>span { border-radius: 4px; background-color: rgba(0,0,0,.6); color: #fff; position: absolute; top: -40px; left: 50%; padding: 5px; -webkit-transform: translateX(-50%); transform: translateX(-50%); visibility: hidden; display: inline-block; -webkit-box-sizing: content-box; box-sizing: content-box }
.tab-con .schedules .step-box .hour-box .item-basic2 .text-con>span:before { content: ""; display: inline-block; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-top: 6px solid rgba(0,0,0,.6); bottom: -6px; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute }
.tab-con .schedules .step-box .hour-box .item-basic2 .text-con .none-text:hover+span { visibility: visible }
.tab-con .schedules .step-box .hour-box .m-left { margin-left: 112px }
.tab-con .schedules .step-box .hour-box .m-left p { width: 285px; min-height: 20px }
.tab-con .schedules .step-box .hour-box .tea-info { margin-left: 37px }
.tab-con .schedules .step-box .hour-box .tea-info img { width: 28px; height: 28px; border: 1px solid #eef3f5; border-radius: 50%; margin-right: 8px; vertical-align: middle }
.tab-con .schedules .step-box .hour-box .tea-info p { width: 84px; display: inline-block; vertical-align: middle; min-height: 20px }
.tab-con .schedules .step-box .hour-box .tea-info .btn-basic { width: 120px; height: 40px; font-size: 14px; font-weight: 400; margin-left: 20px; vertical-align: middle }
.tab-con .schedules .step-box .hour-box .tea-info .living { background: #027cdb; color: #fff }
.tab-con .schedules .step-box .hour-box .tea-info .unstart { border: 1px solid #027cdb; background-color: #fff; color: #027cdb; pointer-events: none }
.tab-con .schedules .step-box .hour-box .tea-info .over { border: 1px solid #e3e9ef; background-color: #fff; color: #b1bbc3; pointer-events: none }
.tab-con .schedules .step-box .hour-box .tea-info:after, .tab-con .schedules .step-box .hour-box:after { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle }
@media (min-width:768px) and (max-width:992px) {
.tab-con .schedules .step-box .hour-box { padding-left: 10px }
.tab-con .schedules .step-box .hour-box .m-left { margin-left: 100px }
.tab-con .schedules .step-box .hour-box .m-left p { width: 250px; min-height: 20px }
.tab-con .schedules .step-box .hour-box .tea-info { margin-left: 37px }
.tab-con .schedules .step-box .hour-box .tea-info img { width: 28px; height: 28px; border: 1px solid #eef3f5; border-radius: 50%; margin-right: 8px; vertical-align: middle }
.tab-con .schedules .step-box .hour-box .tea-info p { width: 70px; display: inline-block; vertical-align: middle; min-height: 20px }
.tab-con .schedules .step-box .hour-box .tea-info .btn-basic { width: 80px; height: 40px; font-size: 14px; font-weight: 400; margin-left: 15px; vertical-align: middle }
}
.no-padding { padding: 0!important }
.detail-location-fix { background: #fff; position: fixed; width: 100%; margin: 0; padding-top: 20px; padding-bottom: 20px; z-index: 2 }
.course-body-info-new { margin-top: 192px }
.course-con-info.collective-tab .record-btns { padding-top: 30px; padding-bottom: 30px; text-align: center }
.course-con-info.collective-tab .record-btn { width: 300px; height: 50px; font-size: 18px; font-weight: 400; line-height: 48px }
@media (min-width:768px) {
.course-con-info.collective-tab .record-btns { padding-top: 12px; padding-bottom: 12px }
.course-con-info.collective-tab .record-btn { width: 180px; height: 42px; font-size: 14px; line-height: 40px }
}
@media (min-width:992px) {
.course-con-info.collective-tab .record-btns { padding-top: 20px; padding-bottom: 20px }
.course-con-info.collective-tab .record-btn { width: 240px; height: 46px; font-size: 16px; line-height: 44px }
}
@media (min-width:1200px) {
.course-con-info.collective-tab .record-btns { padding-top: 30px; padding-bottom: 30px }
.course-con-info.collective-tab .record-btn { width: 300px; height: 50px; font-size: 18px; line-height: 48px }
}
.primary-popup.collective-records .popup-con { padding-right: 20px; padding-left: 20px }
.primary-popup.collective-records .popup-con .lan-pagination { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100% }
.primary-popup.collective-records .record-list { max-height: 536px }
@media (min-height:420px) {
.primary-popup.collective-records .record-list { max-height: 130px }
}
@media (min-height:520px) {
.primary-popup.collective-records .record-list { max-height: 210px }
}
@media (min-height:620px) {
.primary-popup.collective-records .record-list { max-height: 290px }
}
@media (min-height:720px) {
.primary-popup.collective-records .record-list { max-height: 370px }
}
@media (min-height:820px) {
.primary-popup.collective-records .record-list { max-height: 536px }
}
@media (min-width:768px) and (min-height:900px) {
.primary-popup.collective-records .record-list { max-height: 404px }
}
@media (min-width:1200px) and (min-height:900px) {
.primary-popup.collective-records .record-list { max-height: 536px }
}
.primary-popup.collective-records .record-heading { height: 50px; padding-right: 20px; padding-left: 20px; color: #212b34; background-color: #e7f2ff; font-size: 16px; font-weight: 500; line-height: 30px; text-align: center; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.primary-popup.collective-records .record-heading .w1 { width: 144px }
.primary-popup.collective-records .record-heading .w2 { width: 294px }
.primary-popup.collective-records .record-heading .w3 { width: 95px }
.primary-popup.collective-records .record-item { height: 66px; padding-right: 20px; padding-left: 20px; color: #525a67; font-size: 14px; line-height: 20px; text-align: left; border-top: 1px solid transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.primary-popup.collective-records .record-item+.record-item { border-top-color: #eef3f5 }
.primary-popup.collective-records .record-tip { position: absolute; bottom: 30px; left: 50%; padding: 3px 5px; font-size: 12px; font-weight: 400; line-height: 16px; text-align: center; color: #fff; background-color: rgba(0,0,0,.6); visibility: hidden; opacity: 0; border-radius: 4px; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.primary-popup.collective-records .record-tip:after { position: absolute; bottom: -6px; left: 50%; border-top: 6px solid rgba(0,0,0,.6); border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.primary-popup.collective-records .record-tip.bottom { top: 25px; bottom: auto }
.primary-popup.collective-records .record-tip.bottom:after { top: -6px; bottom: auto; border-bottom: 6px solid rgba(0,0,0,.6); border-top: none }
.primary-popup.collective-records .record-w.w1 { width: 214px }
.primary-popup.collective-records .record-w.w1 span+span { margin-left: 10px }
.primary-popup.collective-records .record-w.w2 { position: relative; width: 164px }
.primary-popup.collective-records .record-w.w2 .tip { width: 120% }
.primary-popup.collective-records .record-w.w2 .text { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.primary-popup.collective-records .record-w.w2 .text:hover~.tip { visibility: visible; opacity: 1 }
.primary-popup.collective-records .record-w.w3 { width: 142px; margin-left: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.primary-popup.collective-records .record-w.w3 .avatar { width: 28px; height: 28px; margin-right: 8px; border-radius: 50% }
.primary-popup.collective-records .record-w.w3 .tea-name { position: relative; width: 60px }
.primary-popup.collective-records .record-w.w3 .tea-name .tip { width: 120px }
.primary-popup.collective-records .record-w.w3 .tea-name .name { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.primary-popup.collective-records .record-w.w3 .tea-name .name:hover~.tip { visibility: visible; opacity: 1 }
.primary-popup.collective-records .record-w.w4 { width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.primary-popup.collective-records .record-btn { width: 80px; height: 34px; font-size: 12px; font-weight: 400; line-height: 32px; border-radius: 20px }
.primary-popup.collective-records .record-btn.living { color: #fff; background-color: #027cdb }
.primary-popup.collective-records .record-btn.over { color: #b1bbc3; background-color: #fff; border-color: #e3e9ef; cursor: default }
.primary-popup.collective-records-video { position: fixed; z-index: 5; width: 100%; height: 100%; border-radius: 10px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.primary-popup.collective-records-video .crv-content { width: 100%; height: 100%; background-color: #000 }
.primary-popup.collective-records-video .popup-close { z-index: 31 }
.study-item .study-mryh-daka { margin-top: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@media (min-width:768px) {
.study-item .study-mryh-daka { margin-top: 0 }
}
@media (min-width:992px) {
.study-item .study-mryh-daka { margin-top: 2px }
}
@media (min-width:1200px) {
.study-item .study-mryh-daka { margin-top: 7px }
}
.study-item .study-mryh-dk1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.study-item .study-mryh-dk1 .ssp { padding-right: 12px; padding-left: 12px; margin-right: 10px; font-size: 12px; font-weight: 400; line-height: 28px; color: #ff8119; white-space: nowrap; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffe8c1; background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffe8c1), to(#ffd28e)); background: linear-gradient(90deg, #ffe8c1 0, #ffd28e) }
.study-item .study-mryh-dk1 .ssp:before { width: 24px; height: 18px; margin-right: 4px; background: url("https://assets-cdn.lanqb.com/pc_users/mryh2301/m1.png?imageView2/1/w/24/h/19") no-repeat 50%; background-size: 24px 19px; content: "" }
.study-item .study-mryh-dk1 .date { padding-right: 12px; padding-left: 12px; font-size: 12px; font-weight: 400; line-height: 28px; color: #87959f; background-color: #f6f8fa; white-space: nowrap; border-radius: 20px }
@media (min-width:768px) {
.study-item .study-mryh-dk1 .date, .study-item .study-mryh-dk1 .ssp { padding-right: 8px; padding-left: 8px }
.study-item .study-mryh-dk1 .ssp { margin-right: 8px }
}
@media (min-width:992px) {
.study-item .study-mryh-dk1 .date, .study-item .study-mryh-dk1 .ssp { padding-right: 6px; padding-left: 6px }
.study-item .study-mryh-dk1 .ssp { margin-right: 4px }
}
@media (min-width:1200px) {
.study-item .study-mryh-dk1 .date, .study-item .study-mryh-dk1 .ssp { padding-right: 12px; padding-left: 12px }
.study-item .study-mryh-dk1 .ssp { margin-right: 10px }
}
.study-item .study-mryh-dk2 { margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.study-item .study-mryh-dk2 .mryh-pw { margin-right: 10px; font-size: 12px; font-weight: 400; line-height: 20px; color: #525a67; white-space: nowrap }
.study-item .study-mryh-dk2 .mryh-period { width: 55px; margin-right: 18px; font-size: 12px; font-weight: 400; line-height: 18px; color: #87959f; text-align: right }
.study-item .study-mryh-dk2 .btn-ranking { width: 72px; height: 28px; border: none; font-size: 12px; font-weight: 400; line-height: 28px; color: #87959f; background-color: #f6f8fa; border-radius: 20px }
.study-item .study-mryh-dk2 .btn-ranking:hover { color: #fff; background-color: #027cdb }
.study-item .study-mryh-dk2 .mryh-process { position: relative; width: 343px; height: 4px; background-color: #e3e9ef; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.study-item .study-mryh-dk2 .mryh-process-percent { position: absolute; top: 0; left: 0; width: 0; height: 4px; background-color: #027cdb; border-radius: 2px }
.study-item .study-mryh-dk2 .mryh-p { position: absolute; top: 0; z-index: 1; width: 4px; height: 4px; margin-left: -2px }
.study-item .study-mryh-dk2 .mryh-p.p1 { left: 8% }
.study-item .study-mryh-dk2 .mryh-p.p2 { left: 16% }
.study-item .study-mryh-dk2 .mryh-p.p3 { left: 32% }
.study-item .study-mryh-dk2 .mryh-p.p4 { left: 48% }
.study-item .study-mryh-dk2 .mryh-p.p5 { left: 64% }
.study-item .study-mryh-dk2 .mryh-p.p6 { left: 80% }
.study-item .study-mryh-dk2 .mryh-p.p7 { left: 100% }
.study-item .study-mryh-dk2 .mryh-p.active .mryh-p-circle { border-color: #027cdb }
.study-item .study-mryh-dk2 .mryh-p:hover .mryh-p-pop { opacity: 1; visibility: visible }
.study-item .study-mryh-dk2 .mryh-p .mryh-p-circle { position: absolute; top: -2px; left: -2px; width: 8px; height: 8px; background-color: #fff; border: 2px solid #e3e9ef; border-radius: 50% }
.study-item .study-mryh-dk2 .mryh-p .mryh-p-pop { position: absolute; top: 0; left: 50%; width: 120px; padding-top: 18px; opacity: 0; visibility: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.study-item .study-mryh-dk2 .mryh-p .mryh-p-pop:before { position: absolute; top: 13px; left: 50%; width: 10px; height: 10px; background-color: #fff; border-top: 1px solid #e3e9ef; border-right: 1px solid #e3e9ef; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg) }
.study-item .study-mryh-dk2 .mryh-p .mryh-p-pop.w100 { width: 100px }
.study-item .study-mryh-dk2 .mryh-p .mryh-p-pop_inner { height: 70px; padding-bottom: 6px; background-color: #fff; border: 1px solid #e3e9ef; border-radius: 8px; -ms-box-shadow: 0 4px 30px rgba(7,39,65,.1); -o-box-shadow: 0 4px 30px rgba(7,39,65,.1); -webkit-box-shadow: 0 4px 30px rgba(7,39,65,.1); box-shadow: 0 4px 30px rgba(7,39,65,.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.study-item .study-mryh-dk2 .mryh-p .mryh-p-pop_inner .icon { height: 28px }
.study-item .study-mryh-dk2 .mryh-p .mryh-p-pop_inner .icon.coin { width: 36px }
.study-item .study-mryh-dk2 .mryh-p .mryh-p-pop_inner .icon.money { width: 45px }
.study-item .study-mryh-dk2 .mryh-p .mryh-p-pop_inner h6 { margin-top: 8px; font-size: 12px; font-weight: 400; line-height: 18px; color: #525a67 }
.study-item .study-mryh-dk2 .mryh-p .mryh-p-pop_inner.coin:before { width: 36px; background-image: url("https://assets-cdn.lanqb.com/pc_users/mryh2301/m1.png?imageView2/1/w/36/h/28"); background-size: 36px 28px }
.study-item .study-mryh-dk2 .mryh-p .mryh-p-pop_inner.page:before { width: 45px; background-image: url("https://assets-cdn.lanqb.com/pc_users/mryh2301/m2.png?imageView2/1/w/45/h/28"); background-size: 45px 28px }
@media (min-width:768px) {
.study-item .study-mryh-dk2 { margin-top: 3px }
.study-item .study-mryh-dk2 .mryh-pw { margin-right: 6px }
.study-item .study-mryh-dk2 .mryh-period { margin-right: 10px }
.study-item .study-mryh-dk2 .btn-ranking { width: 68px }
.study-item .study-mryh-dk2 .mryh-process { width: 286px }
}
@media (min-width:992px) {
.study-item .study-mryh-dk2 { margin-top: 2px }
.study-item .study-mryh-dk2 .mryh-pw { margin-right: 4px }
.study-item .study-mryh-dk2 .mryh-period { margin-right: 8px }
.study-item .study-mryh-dk2 .btn-ranking { width: 60px }
.study-item .study-mryh-dk2 .mryh-process { width: 210px }
}
@media (min-width:1200px) {
.study-item .study-mryh-dk2 { margin-top: 5px }
.study-item .study-mryh-dk2 .mryh-pw { margin-right: 10px }
.study-item .study-mryh-dk2 .mryh-period { margin-right: 18px }
.study-item .study-mryh-dk2 .btn-ranking { width: 72px }
.study-item .study-mryh-dk2 .mryh-process { width: 343px }
}
.teac-boxShadow { -webkit-box-shadow: 0 2px 8px 0 hsla(0,0%,85%,.6); box-shadow: 0 2px 8px 0 hsla(0,0%,85%,.6) }
.teac-head-info { width: 100%; height: 140px; background-color: #212b34; background: url("https://assets-cdn.lanqb.com/pc_users/bg04.png"); background-position: 50%; background-size: auto 100% }
.teac-sidebar { width: 220px; max-height: 795px; background-color: #f6f8fa; text-align: center }
.teac-sidebar .teac-info { padding-bottom: 20px; position: relative; display: block }
.teac-sidebar .teac-info .teac-cover { margin-top: 22px; width: 88px; height: 88px; border-radius: 100% }
.teac-sidebar .teac-info .teac-name { margin-top: 6px; font-size: 18px; color: #212b34; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 700; font-family: PingFangSC-Regular }
.teac-sidebar .teac-info .teac-level { color: #525a67; line-height: 18px }
.teac-sidebar .teac-info .teac-empiric { margin-top: 4px; font-size: 12px; color: #525a67 }
.teac-sidebar .teac-info .teac-empiric .iconfont { margin-left: 3px; font-size: 12px; color: #ff8407 }
.teac-sidebar .teac-info .teac-stat { margin-top: 10px; font-size: 12px; color: #525a67; text-align: center }
.teac-sidebar .teac-info .teac-stat .teac-stat-list { display: inline-block }
.teac-sidebar .teac-info .teac-stat span { text-align: left; display: block }
.teac-sidebar .teac-info .teac-stat em { color: #212b34; font-weight: 700 }
.teac-sidebar .teac-info:after { content: ""; display: inline-block; position: absolute; left: 50%; bottom: 1px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 130px; height: 0; border-bottom: 1px dashed #b1bbc3 }
.teac-sidebar .teac-operate { padding: 15px 0 }
.teac-sidebar .teac-operate a { margin: 5px 10px 0; font-size: 12px; color: #027cdb; display: inline-block }
.teac-sidebar .teac-operate a:hover { color: #73b2fc }
.teac-sidebar .teac-operate a:active { color: #212b34 }
.teac-sidebar .teac-operate:after { content: ""; display: inline-block; bottom: 1px; width: 130px; height: 0; border-bottom: 1px dashed #b1bbc3; margin-top: 20px }
.teac-sidebar .teac-nav { padding-bottom: 200px }
.teac-sidebar .teac-nav ul li { text-align: left; padding: 12px 0 12px 36px; font-size: 18px; position: relative; font-weight: 700 }
.teac-sidebar .teac-nav ul li.active { background-color: #fff }
.teac-sidebar .teac-nav ul li.active:after { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background-color: #027cdb }
.teac-sidebar .teac-nav ul li a { display: block }
.teac-con { width: 940px }
.basic-info { border-bottom: 1px solid #eef3f5; margin-bottom: 19px; padding: 10px 0 12px }
.basic-info .con-head { font-size: 16px }
.basic-info .con-head+.con-head { margin-top: 18px }
.basic-info .con-head .conhead-item { display: inline-block; white-space: nowrap }
.basic-info .con-head .conhead-item+.conhead-item { margin-left: 20px }
.basic-info .con-head .conhead-lab { color: #87959f }
.basic-info .con-head .conhead-info { margin-left: -6px; color: #212b34; line-height: 22px }
.basic-info .con-head .conhead-info.h-reward { display: inline-block; width: 72px; vertical-align: top }
.basic-info .con-head .conhead-info.h-reward .pay { position: relative; display: inline-block; max-width: 100%; vertical-align: top }
.basic-info .con-head .conhead-info.h-reward .pay .conhead-eye { position: absolute; top: 0; left: 100%; display: inline-block; width: 16px; margin-left: 3px; font-size: 16px; color: #b1bbc3; text-align: left; cursor: pointer }
.basic-info .con-head .conhead-info.h-reward .pay .conhead-eye:before { content: "\E66C" }
.basic-info .con-head .conhead-info.h-reward .pay .conhead-eye.close { font-size: 12px }
.basic-info .con-head .conhead-info.h-reward .pay .conhead-eye.close:before { content: "\E623" }
.basic-info .con-head .conhead-info.h-reward .pay em { display: block }
.basic-info .con-head .conhead-notice { display: inline-block; margin-left: 10px; cursor: pointer }
.basic-info .con-head .conhead-notice i { font-size: 20px; color: #027cdb; position: relative }
.basic-info .con-head .conhead-notice .numb { display: inline-block; width: 15px; height: 15px; border-radius: 100%; position: absolute; background-color: #ff5900; top: -6px; right: -7px; border: 2px solid #fff; font-size: 12px; line-height: 16px; color: #fff; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center; visibility: hidden }
.basic-info .con-head .conhead-notice.active .numb { visibility: visible }
.teacMain-box-left { width: 580px }
.teacMain-box-right { width: 340px }
.teac-tab-hd { height: 35px; line-height: 35px; background-color: #73b2fc; border-radius: 3px 3px 0 0; color: #fff; text-align: left; padding: 0 20px }
.teac-tab-hd.bg-gray { background-color: #6c7e92 }
.teac-tab-hd .td { vertical-align: top }
.teacMain-li { padding: 0 20px; height: 60px; line-height: 60px; position: relative }
.teacMain-li+.teacMain-li { border-top: 1px solid #f6f8fa }
.teacMain-li .td { float: left }
.teacMain-li .teacMain-time { padding: 0 18px; height: 30px; line-height: 28px; border: 1px solid #e3e9ef; border-radius: 2px; position: relative; color: #525a67 }
.teacMain-li .dot-group { position: absolute; top: 0; left: 5px }
.teacMain-li .teacMain-text { margin-left: 20px; font-size: 14px; color: #525a67 }
.teacMain-li .teacMain-text span+span { margin-left: 10px }
.teacMain-li .teacMain-check a { font-size: 12px; color: #027cdb }
.teacMain-li .teacMain-check a:hover { color: #73b2fc }
.teacMain-li .teacMain-check a:active { color: #212b34 }
.teacMain-li .teac-usheadshot { width: 40px; height: 40px; border-radius: 100%; float: left; margin-top: 10px }
.teacMain-li .teac-uscon { float: left; line-height: 1.6; margin-left: 10px; margin-top: 10px }
.teacMain-li .teac-usname { font-size: 14px; color: #212b34 }
.teacMain-li .teac-usname em { vertical-align: top; display: inline-block; max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.teacMain-li .teac-ustime1 { font-size: 12px; color: #87959f; margin-left: 5px }
.teacMain-li .teac-ustips { font-size: 12px; color: #525a67 }
.teacMain-li .teac-ustime2 { margin-left: 0 }
.teacMain-li.active .teacMain-time { background-color: rgba(115,178,252,.2); border-color: rgba(115,178,252,.2); color: #212b34 }
@media (min-width:768px) {
.teac-head-info { height: 95px }
.teac-sidebar { width: 120px }
.teac-sidebar .teac-info:after { width: 90px }
.teac-sidebar .teac-nav ul li { padding: 12px 0 12px 26px }
.teac-con { width: 610px }
.teacMain-box-left { width: 370px }
.teacMain-box-right { width: 220px }
.teacMain-box-right .teacMain-check { position: absolute; right: 10px; top: -7px }
.teacMain-li { padding: 0 10px }
.teacMain-li .teac-usheadshot { width: 30px; height: 30px }
.teacMain-li .teac-usname em { max-width: 70px }
.con-head>.right { float: left }
}
@media (min-width:992px) {
.teac-head-info { height: 125px }
.teac-sidebar { width: 170px }
.teac-sidebar .teac-info:after { width: 130px }
.teac-sidebar .teac-nav ul li { padding: 12px 0 12px 36px }
.teac-con { width: 790px }
.teacMain-box-left { width: 490px }
.teacMain-box-right { width: 280px }
.teacMain-box-right .teacMain-check { position: absolute; right: 10px; top: -7px }
.teacMain-li { padding: 0 20px }
.teacMain-li .teac-usheadshot { width: 40px; height: 40px }
.teacMain-li .teac-usname em { max-width: 100px }
.con-head>.right { float: left }
}
@media (min-width:1200px) {
.teac-head-info { height: 140px }
.teac-sidebar { width: 220px }
.teac-sidebar .teac-info:after { width: 130px }
.teac-sidebar .teac-nav ul li { padding: 12px 0 12px 36px }
.teac-con { width: 940px }
.teacMain-box-left { width: 580px }
.teacMain-box-right { width: 340px }
.teacMain-box-right .teacMain-check { position: relative; right: auto; top: auto }
.teacMain-li { padding: 0 20px }
.teacMain-li .teac-usheadshot { width: 40px; height: 40px }
.teacMain-li .teac-usname em { max-width: 100px }
.con-head>.right { float: right }
}
.notice-popup .popup-con { padding: 0 0 40px; position: relative }
.notice-popup .news-item { padding: 20px 30px }
.notice-popup .news-item .time { right: 30px; font-size: 12px }
.notice-popup .notice-loading { padding-top: 12px; padding-bottom: 12px; position: absolute; width: 100% }
.notice-popup .notice-loading img { width: 20px; height: 20px; margin-right: 10px; -webkit-animation: rotate 2.5s linear; animation: rotate 2.5s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.noticeDet-popup .back { position: absolute; left: 20px; top: 25px; font-size: 18px; color: #87959f }
.noticeDet-popup .back:hover { color: #525a67 }
.noticeDet-popup .back:active { color: #212b34 }
.teac-order-popup-reject .form-list, .teac-order-popup .form-list { padding: 10px 0 20px; margin: 0 120px }
@media (min-width:768px) {
.teac-order-popup-reject .form-list, .teac-order-popup .form-list { margin: 0 80px }
}
@media (min-width:992px) {
.teac-order-popup-reject .form-list, .teac-order-popup .form-list { margin: 0 120px }
}
.teac-order-popup-reject .form-list+.form-list, .teac-order-popup .form-list+.form-list { border-top: 1px dashed #e3e9ef }
.teac-order-popup-reject .form-label, .teac-order-popup .form-label { width: 100px; text-align: right }
.teac-order-popup-reject .form-info, .teac-order-popup .form-info { width: 390px; text-align: left }
.teac-order-popup-reject .work-file .file-cover, .teac-order-popup .work-file .file-cover { width: 350px; height: 210px }
.teac-order-popup-reject .work-file .file-cover img, .teac-order-popup .work-file .file-cover img { width: 100%; height: 100% }
.teac-order-popup-reject .work-file .file-cover .play, .teac-order-popup .work-file .file-cover .play { position: absolute; bottom: 20px; left: 18px; z-index: 3; width: 30px; height: 30px; font-size: 30px; line-height: 1; color: #fff; text-align: center }
.teac-order-popup-reject .btn-group, .teac-order-popup .btn-group { margin-top: 20px }
.teac-order-popup-reject .btn-group .btn, .teac-order-popup .btn-group .btn { width: 176px; height: 50px; font-size: 18px; line-height: 48px; border-radius: 3px }
.teac-order-popup-reject .btn-group .btn+.btn, .teac-order-popup .btn-group .btn+.btn { margin-left: 20px }
.teac-order-popup-reject .btn-group .btn.btn-bdgray, .teac-order-popup .btn-group .btn.btn-bdgray { color: #b1bbc3; border-color: #b1bbc3; cursor: default }
.teac-order-popup-reject .tips-list, .teac-order-popup .tips-list { position: absolute; left: 30px; top: 15px; font-size: 12px; color: #87959f }
.teac-order-popup-reject .tips-list .tips-item, .teac-order-popup .tips-list .tips-item { border-radius: 50px; background-color: #f6f8fa; position: relative; width: 50px; height: 20px; line-height: 18px; display: inline-block }
.teac-order-popup-reject .tips-list .tips-item+.tips-item, .teac-order-popup .tips-list .tips-item+.tips-item { margin-left: 20px }
.teac-order-popup-reject .tips-list .tips-item .dot-s, .teac-order-popup .tips-list .tips-item .dot-s { left: -14px; top: 5px; position: absolute }
.teac-order-popup-reject .video, .teac-order-popup .video { width: 170px; height: 102px; text-align: center; background-color: #fff; position: relative }
.teac-order-popup-reject .video img, .teac-order-popup .video img { width: 100%; height: 100% }
.teac-order-popup-reject .video .play, .teac-order-popup .video .play { position: absolute; top: 50%; left: 50%; z-index: 3; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; line-height: 1; color: #fff; text-align: center }
.teac-order-popup-reject .star-group, .teac-order-popup .star-group { display: inline-block; margin-right: 10px; vertical-align: top }
.teac-order-popup-reject .star-group .star, .teac-order-popup .star-group .star { margin-top: 0; font-size: 12px; line-height: 20px }
.commission-popup .tips, .reward-popup .tips { margin: 0 72px; text-align: left }
.commission-popup .tips.mlr62, .reward-popup .tips.mlr62 { margin-right: 62px; margin-left: 62px }
.commission-popup-tabel, .reward-popup-tabel { margin: 20px auto; width: 620px; border: 1px solid #eef3f5; border-radius: 0 0 3px 3px }
.commission-popup-tabel.w636, .reward-popup-tabel.w636 { width: 636px }
.commission-popup-tabel .teac-tab-hd, .reward-popup-tabel .teac-tab-hd { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex }
.commission-popup-tabel .teac-tab-hd>span, .reward-popup-tabel .teac-tab-hd>span { display: inline-block; text-align: center }
.commission-popup-tabel .empty-reward, .reward-popup-tabel .empty-reward { height: 356px; text-align: center; padding-top: 5px; margin: 10px 0 }
.commission-popup-tabel .empty-reward .empty-tip, .reward-popup-tabel .empty-reward .empty-tip { display: inline-block }
.commission-popup-tabel .empty-reward .empty-tip>img, .reward-popup-tabel .empty-reward .empty-tip>img { width: 400px; height: 300px; margin-bottom: 8px }
.commission-popup-tabel .empty-reward .empty-tip>p, .reward-popup-tabel .empty-reward .empty-tip>p { color: #87959f; font-size: 14px }
.commission-popup-tabel ul .teacMain-li, .reward-popup-tabel ul .teacMain-li { padding: 0; height: 39px; line-height: 39px; color: #525a67 }
.reward-popup .reward-numb { font-size: 12px; color: #525a67; margin: 14px 0 0 }
.reward-popup .reward-numb span { color: #027cdb }
.reward-popup-tabel .teac-tab-hd { padding: 0 20px }
.reward-popup-tabel .td01 { width: 12% }
.reward-popup-tabel .td02 { width: 15% }
.reward-popup-tabel .td03 { width: 13% }
.reward-popup-tabel .td03.fail { color: #ff8407 }
.reward-popup-tabel .ul-con { height: 316px; margin: 10px 0; position: relative }
.reward-popup-tabel .ul-con ul { padding: 0 20px }
.reward-popup-tabel .disabled { pointer-events: none }
.reward-popup-tabel .loading { pointer-events: none; cursor: default; opacity: .6; position: absolute; display: inline-block; width: 20px; height: 20px; border-radius: 50%; bottom: 180px }
.reward-popup-tabel .loading:after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; background: url(http://assets-cdn.lanqb.com/loading.png) no-repeat; background-size: 15px 15px; border-bottom: none; border-left: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; -webkit-animation: rotate 2.5s linear infinite; animation: rotate 2.5s linear infinite; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.reward-popup-tabel .span_gray { color: #87959f }
.commission-popup-tabel .teac-tab-hd { padding: 0 }
.commission-popup-tabel .td01 { width: 110px }
.commission-popup-tabel .td02 { width: 205px; text-align: left; padding-left: 18px }
.commission-popup-tabel .td02 .iconfont { font-size: 15px }
.commission-popup-tabel .td02 .iconfont+.iconfont { margin-left: 10px }
.commission-popup-tabel .td02.rank1 .iconfont { color: #ff698d }
.commission-popup-tabel .td02.rank2 .iconfont { color: #ff7e6e }
.commission-popup-tabel .td02.rank3 .iconfont { color: #ffa300 }
.commission-popup-tabel .td02.rank4 .iconfont { color: #61b2ff }
.commission-popup-tabel .td02.rank5 .iconfont { color: #ff8700 }
.commission-popup-tabel .td03 { width: 105px }
.commission-popup-tabel .td04 { width: 180px }
.commission-popup-tabel ul .td01, .commission-popup-tabel ul .td02, .commission-popup-tabel ul .td03 { border-right: 1px solid #f6f8fa }
.commission-popup-tabel .td-left { width: 433px; float: left }
.commission-popup-tabel .td-right { float: right; font-size: 30px; color: #87959f }
.commission-popup-tabel .td-right .percent { height: 195px; line-height: 195px; position: relative }
.commission-popup-tabel .td-right .percent:after { content: ""; display: inline-block; position: absolute; -webkit-box-sizing: 0; box-sizing: 0; left: 0; width: 100%; border-bottom: 1px solid #f6f8fa }
.commission-popup-con { display: inline-block; max-width: 536px; margin-top: 40px; color: #525a67 }
.commission-popup-con p { position: relative; padding-left: 18px; font-size: 14px; line-height: 20px; text-align: justify }
.commission-popup-con p+p { margin-top: 20px }
.commission-popup-con p:before { position: absolute; top: 7px; left: 0; width: 6px; height: 6px; background-color: #525a67; content: ""; border-radius: 50% }
.protocol-con { padding-right: 10px; margin: 0 20px 20px; width: auto; height: 488px; text-align: justify }
.protocol-con .protocol-tips { display: inline-block; padding: 20px; color: #ff8407; background-color: #f6f8fa; border-radius: 10px }
.protocol-con h5 { margin: 30px 20px 20px; font-size: 20px; color: #212b34 }
.protocol-con p { position: relative; margin: 0 20px; padding-left: 25px; font-size: 14px; line-height: 25px; color: #525a67 }
.protocol-con p a { color: #ff8407 }
.protocol-con p span { position: absolute; left: 0 }
.protocol-popup .disabled { color: #87959f; background-color: #e3e9ef }
.editdata-popup .input-group-file { margin: 20px 0 10px }
.editdata-data { display: inline-block; width: 120px; vertical-align: top }
.editdata-data .editdata-cover { width: 100px; height: 100px; border-radius: 100% }
.editdata-data .upload-group-text { margin: 20px 0 10px }
.editdata-data .input-group-file .btn { font-size: 12px; height: 30px; line-height: 28px; border-radius: 3px; width: 80px }
.editdata-data .input-group-file .input-file { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 }
.editdata-con { display: inline-block; margin-left: 20px }
.editdata-con, .editdata-con .form-item { margin-bottom: 20px }
.editdata-con .form-label { width: 100px; line-height: 40px }
.editdata-con .form-info { margin-left: 20px; width: 320px; text-align: left }
.editdata-con .form-info .tips { margin-top: 10px }
.editdata-con .form-input-text, .editdata-con .form-input-textarea { width: 100%; overflow-y: auto }
.editdata-con .form-input-text.small, .editdata-con .form-input-textarea.small { width: 70px; margin-right: 10px; text-align: center }
.teac-box { margin: 20px 0; width: 940px }
@media (min-width:768px) {
.teac-box { width: 610px }
}
@media (min-width:992px) {
.teac-box { width: 790px }
}
@media (min-width:1200px) {
.teac-box { width: 940px }
}
.teac-tabnav { border-bottom: 1px solid #eef3f5; padding: 20px 20px 0 }
.teac-tabnav.row-seach { padding-bottom: 20px }
.teac-tabnav-row { position: relative; font-size: 14px }
.teac-tabnav-row+.teac-tabnav-row { margin-top: 21px }
.teac-tabnav-row+.teac-tabnav-row:before { position: absolute; top: -21px; right: 28px; left: 88px; height: 1px; background-color: #eef3f5; content: "" }
.teac-tabnav-row .bd, .teac-tabnav-row .hd { display: table-cell }
.teac-tabnav-row .hd { width: 76px; color: #87959f; position: relative }
.teac-tabnav-row .hd>span { position: absolute; top: 0 }
.teac-tabnav-row .bd .bd-list.more, .teac-tabnav-row .bd .bd-list .teac-tabnav-item { margin-bottom: 20px }
.teac-tabnav-row .bd .teac-tabnav-item { display: inline-block; color: #212b34; font-size: 14px; line-height: 20px; margin-left: 20px; position: relative; vertical-align: top }
.teac-tabnav-row .bd .teac-tabnav-item.active { color: #ff8407 }
.teac-tabnav-row .bd .teac-tabnav-item:hover .suspension { display: block }
.teac-tabnav-row .bd .teac-tabnav-item>span { display: inline-block; width: 145px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top }
.teac-tabnav-row .bd .teac-tabnav-item .input-group-select { height: 30px; line-height: 30px }
.teac-tabnav-row .bd .teac-tabnav-item .suspension { position: absolute; top: 20px; z-index: 1; display: none; width: 300px }
.teac-tabnav-row .bd .teac-tabnav-item .suspension .course-name { background-color: #1e1e1e; opacity: .75; color: #fff; font-size: 10px; line-height: 20px; display: inline-block; padding: 0 12px; vertical-align: top }
.teac-tabnav-row .bd .teac-tabnav-item .suspension .course-name:before { content: ""; display: inline-block; position: absolute; width: 0; height: 0; border-bottom: 5px solid #1e1e1e; border-right: 4px solid transparent; border-left: 4px solid transparent; top: -4px; left: 17px }
.teac-tabnav-row .input-group-select { height: 30px; line-height: 30px }
.teac-tabnav-row .input-group-select .select-showbox { padding-right: 35px; font-size: 12px; line-height: 28px; color: #87959f; border-color: #bbdefb; white-space: nowrap }
.teac-tabnav-row .input-group-select .select-option { right: 0; left: 0; max-height: 243px; overflow-x: hidden }
.teac-tabnav-row .input-group-select .select-option li { font-size: 12px; line-height: 29px; color: #87959f }
.teac-tabnav-row .input-group-select .select-option li.selected { color: #027cdb; font-weight: 700 }
.teac-tabnav-row .bd .bd-list, .teac-tabnav-row .more-scrollbar { max-height: 100px; overflow: hidden; overflow-y: auto }
.teac-tabnav-row .more-scrollbar::-webkit-scrollbar {
width:5px
}
.teac-tabnav-row .more-scrollbar::-webkit-scrollbar-thumb {
background:#87959f;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-text-decoration-skip:objects;
text-decoration-skip:objects;
border-radius:5px
}
.teac-tabnav-row .more-scrollbar:hover::-webkit-scrollbar-thumb {
background:#525a67
}
.teac-tabcon { padding: 20px 20px 40px }
.teac-tabcon .teac-tabtop { margin-bottom: 10px }
.teac-tabcon .teac-tabtop .teac-tab-tips p { display: inline-block; line-height: 30px }
.teac-tabcon .teac-tabtop .teac-tab-tips p+p { margin-left: 20px }
.teac-tabcon .teac-tabtop .teac-tab-tips p .dot-s { margin-right: 5px }
.teac-tabcon .teac-tabtop .teacTutor-tab-tips p { line-height: 18px }
.teac-tabcon .teac-tabtop .teac-search { position: relative; float: right; width: 120px; height: 30px; -webkit-transition: width 1s ease; transition: width 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.teac-tabcon .teac-tabtop .teac-search.active { width: 180px }
.teac-tabcon .teac-tabtop .teac-search .iconfont { position: absolute; top: 0; left: 9px; z-index: 1; font-size: 15px; line-height: 30px; color: #87959f; vertical-align: top }
.teac-tabcon .teac-tabtop .teac-search .input-search { width: 100%; padding: 0 5px 0 34px; height: 100%; border-color: #bbdefb; border-radius: 3px }
.noborder-tab { font-size: 0 }
.noborder-tab .teac-tab-hd { border-radius: 3px }
.noborder-tab .teac-tab-bd { height: 64px; padding: 0 20px; color: #525a67; position: relative; border-bottom: 1px solid #eef3f5 }
.noborder-tab .teac-tab-bd .dots { position: absolute; left: 10px; height: 100% }
.noborder-tab .teac-tab-bd .dots .dot-s+.dot-s { margin-top: 5px }
.noborder-tab .td { display: inline-block; text-align: center; height: 100%; font-size: 14px; vertical-align: top }
.noborder-tab .td a { color: #027cdb }
.noborder-tab .td a:hover { color: #73b2fc }
.noborder-tab .td a:active { color: #212b34 }
.noborder-tab .td a.disabled { pointer-events: none; cursor: default; color: #b1bbc3 }
.noborder-tab .td .fz13 { font-size: 13px }
@media (min-width:768px) {
.teac-tabnav-row .bd .bd-list { width: 470px }
.teac-tabnav-row .bd .teac-tabnav-item>span { width: 100px }
}
@media (min-width:992px) {
.teac-tabnav-row .bd .bd-list { width: 652px }
.teac-tabnav-row .bd .teac-tabnav-item>span { width: 145px }
}
@media (min-width:1200px) {
.teac-tabnav-row .bd .bd-list { width: 830px }
}
.teacTutor-tab { border-right: 1px solid #e3e9ef; border-left: 1px solid #e3e9ef }
.teacTutor-tab .td01 { width: 11.86% }
.teacTutor-tab .td02 { width: 9.53% }
.teacTutor-tab .td03 { width: 12.79% }
.teacTutor-tab .td04 { width: 10.93% }
.teacTutor-tab .td05 { width: 10% }
.teacTutor-tab .td06 { width: 9.07% }
.teacTutor-tab .td07 { width: 13.49% }
.teacTutor-tab .td08 { width: 8.6% }
.teacTutor-tab .td09 { width: 10.23% }
.teacTutor-tab .td10 { width: 3.5% }
.teacTutor-tab .teac-tab-hd { margin-right: -1px; margin-left: -1px; color: #eef3f5; border-radius: 3px 3px 0 0 }
.teacTutor-tab .teacTutor-tab-con .teac-tab-bd { border-bottom-color: #e3e9ef }
.teacTutor-tab .teacTutor-tab-con .teac-tab-bd:hover { background-color: #f6fbff }
.teacTutor-tab .teacTutor-tab-con .teac-tab-bd.open .td.showMore .ver-mid .iconfont { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
.teacTutor-tab .teacTutor-tab-con .ver-mid { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0 }
.teacTutor-tab .td.status { color: #87959f }
.teacTutor-tab .td.videoPlay .ver-mid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.teacTutor-tab .td.videoPlay .recording-upload { position: relative; width: auto; height: 20px; overflow: hidden; font-size: 14px; line-height: 20px; background: transparent; border: none; color: #027cdb }
.teacTutor-tab .td.videoPlay .recording-upload:hover { color: #73b2fc }
.teacTutor-tab .td.videoPlay .recording-upload.disabled { color: #b1bbc3 }
.teacTutor-tab .td.videoPlay .recording-upload input[type=file] { position: absolute; top: -10%; left: -10%; z-index: 2; width: 120%; height: 120%; opacity: 0; cursor: pointer }
.teacTutor-tab .td.videoPlay .recording-upload.loading { font-size: 12px }
.teacTutor-tab .td.videoPlay .recording-upload.loading span { margin-left: 4px }
.teacTutor-tab .td.videoPlay .recording-upload.loading em { position: absolute; bottom: -1px; left: 0; display: block; height: 2px; background-color: #0097e6; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.teacTutor-tab .td.videoPlay .recording-upload.loading.goon { min-width: 90%; color: #ff5253 }
.teacTutor-tab .td.videoPlay .recording-upload.loading.goon em { background-color: #ff5253 }
.teacTutor-tab .td.videoPlay .recording-upload.loading.goon i:after { content: "\4E0A\4F20\5931\8D25" }
.teacTutor-tab .td.videoPlay .recording-upload.loading.goon:hover { color: #73b2fc }
.teacTutor-tab .td.videoPlay .recording-upload.loading.goon:hover i:after { content: "\7EE7\7EED" }
.teacTutor-tab .td.videoPlay .recording-upload.loading.goon:hover em { background-color: #0097e6 }
.teacTutor-tab .td.orderComent .ver-mid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.teacTutor-tab .td.orderComent .star { font-size: 12px }
.teacTutor-tab .td.orderComent .star.active { color: #ffd765 }
.teacTutor-tab .td.orderComent .star+.star { margin-left: 4px }
.teacTutor-tab .td.showMore .ver-mid .iconfont { position: absolute; right: 0; display: inline-block; width: 16px; height: 16px; color: #87959f; font-size: 16px; line-height: 18px; cursor: pointer; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.teacTutor-tab .td.showMore .ver-mid .iconfont:hover { color: #027cdb }
.teacTutor-tab .td .courseName, .teacTutor-tab .td .workname { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.teacTutor-tab .td .student { position: relative; display: inline-block; max-width: 100%; color: #027cdb; cursor: pointer; vertical-align: top }
.teacTutor-tab .td .student em { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.teacTutor-tab .td .student.new:after { position: absolute; top: 10px; right: -12px; width: 8px; height: 8px; background-color: #f36b61; content: ""; border-radius: 50% }
.teacTutor-tab .td .student:hover { color: #73b2fc }
.teacTutor-tab .teacTutor-tab-subcon { background-color: #f6f8fa }
.teacTutor-tab .teacTutor-tab-subcon .teac-tab-bd { height: 41px; line-height: 40px; border-bottom-color: #eef3f5 }
.teacTutor-tab .teacTutor-tab-subcon .reward-contain { position: relative }
.teacTutor-tab .teacTutor-tab-subcon .reward-contain.active:hover .reward { color: #027cdb }
.teacTutor-tab .teacTutor-tab-subcon .reward-contain.active:hover .reward-detail { display: block }
.teacTutor-tab .teacTutor-tab-subcon .reward-contain .reward { cursor: pointer }
.teacTutor-tab .teacTutor-tab-subcon .reward-contain .reward.disabled { pointer-events: none; cursor: not-allowed; color: rgba(82,90,103,.4) }
.teacTutor-tab .reward-detail { position: absolute; background: #1e1e1e; -webkit-box-shadow: -4px 3px 4px 0 rgba(0,0,0,.16); box-shadow: -4px 3px 4px 0 rgba(0,0,0,.16); opacity: .75; z-index: 3; top: -50px; left: -430px; padding: 10px 16px; width: 450px; display: none }
.teacTutor-tab .reward-detail:after { position: absolute; content: ""; width: 0; height: 0; border: 8px solid transparent; border-left: 8px solid #027cdb; opacity: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: -8px; right: -8px }
.teacTutor-tab .reward-detail .reward-item { float: left; line-height: 20px; color: #fff; margin: 0 5px }
.teacTutor-tab .reward-detail .reward-item .iconfont { font-size: 12px }
@media (min-width:768px) {
.teacTutor-tab .teac-tab-hd { padding-right: 1px; padding-left: 1px; white-space: nowrap }
.teacTutor-tab .teacTutor-tab-con .teac-tab-bd { padding-right: 0; padding-left: 0 }
}
@media (min-width:992px) {
.teacTutor-tab .teac-tab-hd { padding-right: 20px; padding-left: 20px }
.teacTutor-tab .teacTutor-tab-con .teac-tab-bd { padding-right: 19px; padding-left: 19px }
}
.recording-helper { margin-top: 20px; font-size: 14px; line-height: 20px; text-align: center; color: #8896a0; -webkit-animation: twinkle 3s linear; animation: twinkle 3s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
@-webkit-keyframes twinkle { 0%, to {
opacity:.2
}
48%, 52% {
opacity:1
}
}
@keyframes twinkle { 0%, to {
opacity:.2
}
48%, 52% {
opacity:1
}
}
.reject-item { margin: 20px 85px 0 136px }
.reject-item h5 { float: left; font-size: 14px; color: #212b34 }
.reject-item .input-group-radio { float: right }
.orderComent-popup .star-group .star { font-size: 28px; margin: 0 10px }
.orderComent-popup .promp-tips { margin: 40px 0 100px }
.comentWork-popup .btn-group.bottom { bottom: 72px }
.comentWork-popup .work-intr { width: 100%; height: 140px }
.comentWork-popup .work-intr .form-input-textarea { width: 100%; height: 100% }
.student-popup { width: 280px; margin-left: -140px; border-radius: 4px }
.student-popup .student-con01 { background-color: #73b2fc; color: #fff; border-radius: 3px 3px 0 0; padding-bottom: 20px }
.student-popup .student-con01 .form-label { color: #fff }
.student-popup .student-con02 { position: relative; height: 170px; padding-top: 24px }
.student-popup .stu-cover { width: 50px; height: 50px; border-radius: 100%; margin: 20px 0 10px }
.student-popup .stu-name { font-size: 14px }
.student-popup .form-item { margin-top: 10px }
.student-popup .form-item.edit .form-p { display: none }
.student-popup .form-item.edit .form-input-text, .student-popup .form-item.edit .form-input-textarea { display: block }
.student-popup .form-label { width: 60px; font-size: 12px }
.student-popup .form-info { width: 140px; font-size: 12px }
.student-popup .form-p { font-size: 12px; display: block; height: 20px }
.student-popup .stu-edit { position: absolute; top: 12px; right: 10px; font-size: 12px; color: #525a67 }
.student-popup .stu-edit.edit { text-decoration: underline }
.student-popup .form-input-text { height: 20px; line-height: 20px }
.student-popup .form-input-text, .student-popup .form-input-textarea { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; font-size: 12px }
.student-popup .popup-close { color: #fff }
.teacStu-tab .td01 { width: 19% }
.teacStu-tab .td02 { width: 15% }
.teacStu-tab .td03 { width: 18% }
.teacStu-tab .td04 { width: 6% }
.teacStu-tab .td05 { width: 28% }
.teacStu-tab .td06 { width: 14% }
.teacStu-tab .td>.ver-mid { width: 96% }
.teacStu-tab .stu-cover { width: 50px; height: 50px; border-radius: 100% }
.teacStu-tab .teac-tab-hd .td04 { opacity: 0 }
.teacStu-tab .rank { color: #f36b61; font-weight: bolder }
.teacStu-tab .student { display: inline-block; width: 68px; text-align: left; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.teacStu-tab .td-text { padding: 0 5px }
.teacStu-tab .workname { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
@media (min-width:768px) {
.teacStu-tab .stu-cover { width: 24px; height: 24px }
.teacStu-tab .student { line-height: 24px }
.teacStu-tab .td-text { font-size: 12px }
}
@media (min-width:992px) {
.teacStu-tab .stu-cover { width: 50px; height: 50px }
.teacStu-tab .student { line-height: 50px }
.teacStu-tab .td-text { font-size: 14px }
}
@media (min-width:1200px) {
.teacStu-tab .stu-cover { width: 50px; height: 50px }
.teacStu-tab .student { line-height: 50px }
.teacStu-tab .td-text { font-size: 14px }
}
.workbook-con { margin: 0 auto; width: 720px; height: 568px; overflow: hidden; -webkit-box-shadow: 0 5px 10px rgba(33,43,52,.1); box-shadow: 0 5px 10px rgba(33,43,52,.1) }
.workbook-con .workbook-left { width: 55%; height: 100%; float: left }
.workbook-con .workbook-right { width: 45%; height: 100%; float: right; padding: 10px; background-color: #f6f8fa; overflow: auto }
.workbook-con .workbook-stuCon { height: 140px; background-color: #73b2fc }
.workbook-con .workbook-stuCon .stu-con, .workbook-con .workbook-stuCon .stu-info { display: inline-block; margin: 20px 30px 0; font-size: 14px; color: #f6f8fa; vertical-align: top }
.workbook-con .workbook-stuCon .stu-avatar { width: 70px; height: 70px; border-radius: 100%; margin: 0 0 10px }
.workbook-con .workbook-stuCon .stu-info p { margin-top: 10px; text-align: left; font-size: 14px }
.workbook-con .workbook-list { height: 428px; border-right: 1px solid #f6f8fa; overflow: auto }
.workbook-con .workbook-list .workbook-hd { padding: 0 20px }
.workbook-con .workbook-list .workbook-li { padding: 0 20px; border-top: 1px solid #f6f8fa }
.workbook-con .workbook-list .workbook-li.active { background-color: #f6f8fa }
.workbook-con .workbook-list .workbook-li .td02 { font-size: 18px }
.workbook-con .workbook-list .workbook-li .td02 .red { font-size: 14px; color: #f36b61 }
.workbook-con .workbook-list .td { display: inline-block; float: left; font-size: 12px; color: #525a67; height: 37px; line-height: 37px }
.workbook-con .workbook-list .td01 { width: 40%; text-align: left }
.workbook-con .workbook-list .td02, .workbook-con .workbook-list .td03 { width: 30% }
.workbook-con .workbook-cover { position: relative; width: 304px; height: 182px }
.workbook-con .workbook-cover img { width: 100%; height: 100% }
.workbook-con .workbook-cover .iconfont { z-index: 2; position: absolute; font-size: 30px; left: 20px; bottom: 20px; color: #fff }
.workbook-con .workbook-cover .mask2 { z-index: 1 }
.workbook-con .workbook-info { margin: 10px; font-size: 12px; color: #525a67; text-align: left }
.workbook-con .workbook-subli { margin: 0 10px; height: 40px; line-height: 40px; border-top: 1px solid #e3e9ef }
.workbook-con .workbook-subli .td { display: inline-block; float: left }
.workbook-con .workbook-subli .td01 { width: 80%; text-align: left; color: #212b34 }
.workbook-con .workbook-subli .td01 .red { color: #f36b61; margin-left: 20px; font-size: 14px }
.workbook-con .workbook-subli .td02 { width: 20%; text-align: right }
.workbook-con .chapters-header { height: 38px; padding-left: 40px; padding-right: 20px }
.workbook-con .chapters-header span { line-height: 38px; font-size: 14px; float: left; font-weight: 700 }
.workbook-con .chapters-header em { float: right; margin-top: 10px; color: #87959f; line-height: 24px; font-size: 12px; margin-right: 5px }
.workbook-con .chapters-header .lock-switch { float: right; margin-top: 10px }
.odtime-box .teac-tab-hd { background-color: #027cdb }
.odtime-box .teac-tab-hd.bg-gray { background-color: #6c7e92 }
.odtime-box .odtime-timeperiod { display: inline-block; width: 70px; height: 70px; padding-top: 7px; border: 1px solid transparent; vertical-align: top; border-radius: 3px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; font-weight: 700; position: relative }
.odtime-box .odtime-timeperiod em { display: block; font-size: 14px; line-height: 20px; color: #525a67 }
.odtime-box .odtime-timeperiod .corner-collect-mark, .odtime-box .odtime-timeperiod .corner-mark { position: absolute; top: 0; left: 0; height: 10px }
.odtime-headtips { font-size: 16px; margin-bottom: 20px }
.odtime-box-left { text-align: center }
.odtime-box-left .teac-tab-hd { padding-right: 14px; padding-left: 14px }
.odtime-box-left .teac-tab-hd .td { float: left; display: inline-block; width: 14.2857%; font-size: 14px; text-align: center }
.odtime-box-left .teac-tab-bd { padding-bottom: 20px }
.odtime-box-left .odtime-list { padding: 15px 14px }
.odtime-box-left .odtime-list+.odtime-list { border-top: 2px dashed #f6f8fa }
.odtime-box-left .odtime-list li { float: left; width: 70px; margin: 10px 8px; background: #f9fbfc; border-radius: 3px; pointer-events: none }
.odtime-box-left .odtime-list li.can-select { pointer-events: auto; cursor: pointer }
.odtime-box-left .odtime-list li.can-select:hover .odtime-timeperiod { border-color: #027cdb }
.odtime-box-left .odtime-list li.active { background-color: #fff }
.odtime-box-left .odtime-list li.active .odtime-timeperiod { border-color: #027cdb; -webkit-box-shadow: inset 1px 1px 0 #027cdb, inset -1px -1px 0 #027cdb; box-shadow: inset 1px 1px 0 #027cdb, inset -1px -1px 0 #027cdb }
.odtime-box-left .tab-btn-con { padding: 20px 0; text-align: left }
.odtime-box-left .tab-btn-con .tab-btn-basic { width: 94px; height: 30px; line-height: 30px; background: transparent; border-radius: 1px; font-size: 14px; font-weight: 400; color: #87959f; display: inline-block; text-align: center; cursor: pointer }
.odtime-box-left .tab-btn-con .active { background: #f6f8fa; color: #212b34 }
.odtime-box-left .tab-group-courses .weekday-tab { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around }
.odtime-box-left .tab-group-courses .weekday-tab>li { display: table-cell; width: 14.2%; line-height: 36px; height: 36px; font-weight: 500; color: #87959f; font-size: 14px; cursor: pointer }
.odtime-box-left .tab-group-courses .weekday-tab>li.selected { background: #027cdb; color: #fff; border-radius: 2px }
.odtime-box-left .tab-group-courses .weekday-tab>li.disabled { pointer-events: none; cursor: default }
.odtime-box-left .tab-group-courses .tab-basic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; border-radius: 2px; margin: 14px 1px }
.odtime-box-left .tab-group-courses .tab-header { height: 50px; background: #e7f2ff; font-size: 16px; font-weight: 500; color: #212b34 }
.odtime-box-left .tab-group-courses .tab-header .time { width: 20%; padding-left: 20px }
.odtime-box-left .tab-group-courses .tab-header .theme { width: 24% }
.odtime-box-left .tab-group-courses .tab-header .teacher { width: 23% }
.odtime-box-left .tab-group-courses .tab-header .course { width: 33% }
.odtime-box-left .tab-group-courses .tab-con { height: 590px; text-align: center; position: relative }
.odtime-box-left .tab-group-courses .tab-con .tab-row { height: 71px; border: 1px solid #e3e9ef; font-size: 14px; font-weight: 400; color: #525a67 }
.odtime-box-left .tab-group-courses .tab-con .tab-row .time { width: 20%; padding-left: 20px }
.odtime-box-left .tab-group-courses .tab-con .tab-row .theme { width: 24%; padding-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.odtime-box-left .tab-group-courses .tab-con .tab-row .avatar { width: 5% }
.odtime-box-left .tab-group-courses .tab-con .tab-row .avatar img { width: 28px; height: 28px; border-radius: 50% }
.odtime-box-left .tab-group-courses .tab-con .tab-row .teacher { width: 18%; padding-left: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.odtime-box-left .tab-group-courses .tab-con .tab-row .course { width: 22%; padding-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.odtime-box-left .tab-group-courses .tab-con .tab-row .detail { width: 11% }
.odtime-box-left .tab-group-courses .tab-con .tab-row .detail a { font-size: 12px; font-weight: 400; color: #027cdb; padding: 0 20px }
.odtime-box-left .tab-group-courses .tab-con .tab-row:first-of-type { margin-top: 0 }
.odtime-box-left .tab-group-courses .tab-con .self { background: #f6f8fa }
.odtime-box-left .tab-group-courses .tab-con .loading { pointer-events: none; cursor: default; opacity: .6; position: absolute; display: inline-block; width: 50px; height: 50px; border-radius: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.odtime-box-left .tab-group-courses .tab-con .loading:after { content: ""; position: absolute; top: 3px; left: 3px; width: 46px; height: 46px; background: url(http://assets-cdn.lanqb.com/loading.png) no-repeat; background-size: 100% 100%; border-bottom: none; border-left: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; -webkit-animation: rotate 2.5s linear infinite; animation: rotate 2.5s linear infinite; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.odtime-box-right { color: #525a67 }
.odtime-box-right .btn-setodTime { width: 100%; margin-bottom: 17px; font-size: 14px; border-radius: 3px; -webkit-box-shadow: 0 2px 8px 0 hsla(0,0%,85%,.6); box-shadow: 0 2px 8px 0 hsla(0,0%,85%,.6); background: #fff; position: relative }
.odtime-box-right .btn-setodTime:hover { background: #027cdb; color: #fff }
.odtime-box-right .btn-setodTime img { position: absolute; left: 0; top: 10px; height: 16px }
.odtime-box-right .course-info { -webkit-box-shadow: 0 2px 8px 0 hsla(0,0%,85%,.6); box-shadow: 0 2px 8px 0 hsla(0,0%,85%,.6); border: 1px solid #eef3f5; padding-top: 20px; text-align: center; background: #fff; margin-bottom: 20px }
.odtime-box-right .course-info.show { display: block }
.odtime-box-right .course-info h2 { font-size: 22px; color: #525a67; line-height: 30px; margin-bottom: 13px }
.odtime-box-right .course-info h3 { font-size: 14px; font-weight: 400; color: #525a67; line-height: 20px; padding-bottom: 5px }
.odtime-box-right .course-info .profile { padding: 13px 10px; border-top: 1px solid #eef3f5; margin-top: 13px }
.odtime-box-right .course-info .profile h5 { font-size: 12px; font-weight: 400; color: #525a67; line-height: 17px; text-align: left }
.odtime-box-right .teac-boxShadow { display: none }
.odtime-box-right .teac-boxShadow.show { display: block }
.odtime-box-right .odtime-order-info { padding: 20px 10px; text-align: center }
.odtime-box-right .odtime-order-info h2 { font-size: 22px; line-height: 30px }
.odtime-box-right .odtime-order-info h3 { margin-top: 10px; font-size: 14px; line-height: 20px }
.odtime-box-right .odtime-order-info h4 { margin-top: 7px }
.odtime-box-right .odtime-order-info h4 span { position: relative; display: inline-block; padding: 0 10px; font-size: 12px; line-height: 17px; color: #87959f; vertical-align: top }
.odtime-box-right .odtime-order-info h4 span:after, .odtime-box-right .odtime-order-info h4 span:before { position: absolute; top: 8px; width: 8px; height: 1px; background-color: #e3e9ef; content: "" }
.odtime-box-right .odtime-order-info h4 span:before { right: 100% }
.odtime-box-right .odtime-order-info h4 span:after { left: 100% }
.odtime-box-right .odtime-stus { padding-bottom: 20px; border-top: 1px solid #eef3f5 }
.odtime-box-right .odtime-stus h5 { padding: 10px; font-size: 12px; line-height: 18px; color: #87959f }
.odtime-box-right .odtime-stus-list { padding: 0 10px }
.odtime-box-right .odtime-stus-list li { position: relative; padding-left: 28px; cursor: pointer }
.odtime-box-right .odtime-stus-list li+li { margin-top: 10px }
.odtime-box-right .odtime-stus-list .odtime-stus-cover { position: absolute; top: 13px; left: 0; z-index: 1; width: 50px; height: 50px; padding: 2px; background-color: #fff; border: 1px solid #b1bbc3; border-radius: 50% }
.odtime-box-right .odtime-stus-list .odtime-stus-des { padding: 10px 16px 12px 35px; background-color: #f6fbff; -ms-box-shadow: 0 5px 10px rgba(33,43,52,.1); -o-box-shadow: 0 5px 10px rgba(33,43,52,.1); -webkit-box-shadow: 0 5px 10px rgba(33,43,52,.1); box-shadow: 0 5px 10px rgba(33,43,52,.1) }
.odtime-box-right .odtime-stus-list .odtime-stus-des h4 { font-size: 14px; line-height: 20px; font-weight: 700; font-family: PingFangSC-Semibold; color: #525a67 }
.odtime-box-right .odtime-stus-list .odtime-stus-des p { position: relative; margin-top: 4px; overflow: hidden; font-size: 12px; line-height: 18px; color: #87959f; text-align: justify; cursor: pointer }
@media (min-width:768px) {
.odtime-box-left, .odtime-box-right { width: 100% }
.odtime-box-left .odtime-list li { margin: 10px 6px }
.odtime-box-right { margin-top: 20px }
.odtime-box-right .btn-setodTime { height: 40px; line-height: 38px; position: relative }
.odtime-box-right .btn-setodTime img { position: absolute; left: 0; top: 10px }
.odtime-box-right .odtime-order-info h3 span { display: inline-block; vertical-align: top }
.odtime-box-right .odtime-order-info h3 span+span:before { content: "\3001" }
.odtime-box-right .odtime-stus-list .odtime-stus-des { padding: 10px 16px 12px 40px }
.odtime-box-right .odtime-stus-list .odtime-stus-des p { min-height: 36px }
}
@media (min-width:992px) {
.odtime-box-left .odtime-list li { margin: 10px 19px }
}
@media (min-width:1200px) {
.odtime-box-left { float: left; width: 630px }
.odtime-box-left .odtime-list li { margin: 10px 8px }
.odtime-box-right { float: right; width: 290px; margin-top: 0 }
.odtime-box-right .btn-setodTime { height: 35px; line-height: 33px; position: relative }
.odtime-box-right .btn-setodTime img { position: absolute; left: 0; top: 10px }
.odtime-box-right .odtime-order-info h3 span { display: block }
.odtime-box-right .odtime-order-info h3 span+span { margin-top: 4px }
.odtime-box-right .odtime-order-info h3 span+span:before { content: "" }
.odtime-box-right .odtime-stus-list { height: 440px }
.odtime-box-right .odtime-stus-list .odtime-stus-des { padding-left: 35px }
.odtime-box-right .odtime-stus-list .odtime-stus-des p { height: 36px }
.odtime-box-right .odtime-stus-list .odtime-stus-des p.more:after { position: absolute; right: 0; bottom: 0; z-index: 1; padding-left: 4px; background-color: #f6fbff; font-size: 12px; line-height: 18px; content: "..." }
}
.popup-responsive { width: 800px }
@media (min-width:768px) and (max-width:992px) {
.popup-responsive { width: 750px }
}
.setOrderTime-popup .setOrderTime-con { padding: 0 0 60px; margin-right: auto; margin-left: auto; text-align: left; overflow-x: hidden; max-height: 800px }
.setOrderTime-popup .setOrderTime-con .weekly-contain { background: #fbfbfb; padding-top: 26px }
.setOrderTime-popup.setCollective { display: inline-block; margin: 0 auto; vertical-align: middle; background-color: #fff; min-height: 700px; border-radius: 10px; position: relative }
.setOrderTime-popup.setCollective>h4 { padding: 20px 0; font-size: 22px; color: #525a67; text-align: center }
.setOrderTime-popup.setCollective .popup-close { position: absolute; display: inline-block; top: 16px; right: 16px; cursor: pointer; z-index: 2 }
.setOrderTime-popup .content { border-top: 2px solid #eef3f5; text-align: center }
.setOrderTime-popup .content .show-plan { margin: 19px 24px 0 }
.setOrderTime-popup .content .show-plan .create-plan-btn { width: 140px; border: 1px solid #027cdb; display: inline-block; line-height: 40px; margin-bottom: 20px }
.setOrderTime-popup .content .show-plan .create-plan-btn img { vertical-align: middle }
.setOrderTime-popup .content .show-plan .create-plan-btn span { vertical-align: middle; font-size: 14px; font-weight: 400; color: #027cdb }
.setOrderTime-popup .content .show-plan .schedule-con { border: 1px solid #e3e9ef; padding: 20px 24px 13px 80px; border-radius: 5px }
.setOrderTime-popup .content .show-plan .schedule-con+.schedule-con { margin-top: 15px }
.setOrderTime-popup .content .show-plan .schedule-con .form-item { text-align: left; margin-top: 0 }
.setOrderTime-popup .content .show-plan .schedule-con .form-item .form-label { width: 70px; text-align: right; font-size: 14px; font-weight: 400; color: #87959f; line-height: 40px }
.setOrderTime-popup .content .show-plan .schedule-con .form-item .form-info .date-w { width: 248px }
.setOrderTime-popup .content .show-plan .schedule-con .form-item .form-info .time-w { width: 132px }
.setOrderTime-popup .content .show-plan .schedule-con .form-item .form-info .intro-w { width: 480px; min-height: 40px }
.setOrderTime-popup .content .show-plan .schedule-con .form-item .form-info .taglist { max-width: 443px }
.setOrderTime-popup .content .show-plan .schedule-con .form-item .form-info .taglist>span { display: inline-block; margin-right: 44px }
.setOrderTime-popup .content .show-plan .schedule-con .form-item .form-info>p { display: inline-block; line-height: 40px; background: #fbfbfb; border: 1px solid #e4e9ee; font-size: 14px; font-weight: 400; color: #525a67; padding-left: 20px }
.setOrderTime-popup .content .show-plan .schedule-con .form-item-add .setOrderTime-switch:after { content: "\5173" }
.setOrderTime-popup .content .show-plan .schedule-con .form-item-add .setOrderTime-switch.active:after { content: "\5F00" }
.setOrderTime-popup .content .show-plan .schedule-con .form-item-add+.form-item-add { margin-top: 10px }
.setOrderTime-popup .content .show-plan .schedule-con .operate-btn { margin-top: 17px; text-align: right }
.setOrderTime-popup .content .show-plan .schedule-con .operate-btn>span { font-size: 14px; font-weight: 400; color: #87959f; line-height: 20px; margin-left: 23px; cursor: pointer }
.setOrderTime-popup .content .show-plan .schedule-con .operate-btn .blue-color { color: #027cdb }
.setOrderTime-popup .content .none-plan { width: 400px; margin: 59px auto 0 }
.setOrderTime-popup .content .none-plan>h3 { font-size: 18px; font-weight: 400; color: #87959f; line-height: 34px; margin-top: 6px }
.setOrderTime-popup .content .none-plan>a { margin-top: 76px; height: 50px; line-height: 50px; font-size: 18px }
.setOrderTime-popup .content .create-plan { padding-top: 30px; padding-bottom: 60px }
.setOrderTime-popup .content .create-plan .form-item { text-align: left; margin-top: 0; margin-left: 130px; margin-bottom: 40px }
.setOrderTime-popup .content .create-plan .form-item .form-label { width: 82px; text-align: right; font-size: 14px; font-weight: 400; color: #87959f; line-height: 40px }
.setOrderTime-popup .content .create-plan .form-item .form-label.required:before { content: "*"; color: red; display: inline-block }
.setOrderTime-popup .content .create-plan .form-item .form-info { margin-left: 20px }
.setOrderTime-popup .content .create-plan .form-item .form-info .form-content { display: inline-block; line-height: 40px; border: 1px solid #e3e9ef; font-size: 14px; font-weight: 400; color: #525a67; padding-left: 20px }
.setOrderTime-popup .content .create-plan .form-item .form-info .date-wh { width: 248px }
.setOrderTime-popup .content .create-plan .form-item .form-info .time-wh { width: 132px; display: inline-block }
.setOrderTime-popup .content .create-plan .form-item .form-info .intro-wh { width: 480px; line-height: 20px; min-height: 72px; overflow-y: scroll }
.setOrderTime-popup .content .create-plan .form-item .form-info .taglist { max-width: 443px; padding-top: 10px; padding-bottom: 10px; min-width: 300px; min-height: 40px }
.setOrderTime-popup .content .create-plan .form-item .form-info .taglist>span { padding-bottom: 12px; margin-bottom: 0; line-height: 22px }
.setOrderTime-popup .content .create-plan .form-item .form-info .taglist>span:last-child { padding-bottom: 0 }
.setOrderTime-popup .content .create-plan .instruction { margin-left: 125px; text-align: left; font-size: 12px; line-height: 17px; color: #a2b1b8; margin-bottom: 40px }
.setOrderTime-popup .content .create-plan .instruction>h5 { font-weight: 600 }
.setOrderTime-popup .content .create-plan .instruction>p { font-weight: 400 }
.setOrderTime-popup .content .create-plan .operate-btn .btn-edit { width: 400px; line-height: 50px; background: #027cdb; font-size: 18px; font-weight: 400; display: inline-block; background-color: #027cdb; color: #fff; cursor: pointer }
.setOrderTime-popup .content .create-plan .operate-btn>a { margin-top: 10px; font-size: 14px; color: #87959f; line-height: 20px; text-decoration: underline; display: inline-block }
.setOrderTime-popup .setOrderTime-label { margin-bottom: 15px; font-size: 14px; line-height: 20px; color: #525a67 }
.setOrderTime-popup .setOrderTime-weekly { position: relative; padding: 0 2px; width: 550px; margin: 0 auto }
.setOrderTime-popup .setOrderTime-weekly:before { position: absolute; bottom: 0; left: -105px; width: 760px; height: 1px; background-color: #e3e9ef; content: "" }
.setOrderTime-popup .setOrderTime-weekly span { position: relative; float: left; display: inline-block; width: 72px; height: 34px; font-size: 14px; font-weight: 700; line-height: 32px; color: #525a67; border: 1px solid transparent; text-align: center; cursor: pointer; border-radius: 3px; -webkit-transition: all .42s ease-in-out; transition: all .42s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.setOrderTime-popup .setOrderTime-weekly span+span { margin-left: 7px }
.setOrderTime-popup .setOrderTime-weekly span:hover { color: #027cdb }
.setOrderTime-popup .setOrderTime-weekly span.active { color: #027cdb; border-color: #e3e9ef #e3e9ef #fff; background-color: #fff }
.setOrderTime-popup .setOrderTime-tp { position: relative }
.setOrderTime-popup .setOrderTime-tp .form-list { display: none; width: 550px; padding: 20px; border: 1px solid #e4e9ee; border-radius: 3px; margin: 0 auto; margin-top: 30px; background: #fbfbfb }
.setOrderTime-popup .setOrderTime-tp .form-list.show { display: block }
.setOrderTime-popup .setOrderTime-tp .form-list .form-info { width: 432px }
.setOrderTime-popup .setOrderTime-tp .set-point { width: 550px; margin: 0 auto; font-size: 12px; color: #a2b1b8; line-height: 17px; margin-top: 40px }
.setOrderTime-popup .timeperiod-contain { width: 550px; margin: 0 auto }
.setOrderTime-popup .timeperiod-contain .man { padding: 25px 0; border-bottom: 1px dashed #e4e9ee }
.setOrderTime-popup .timeperiod-contain .man>span { display: inline-block; font-size: 14px }
.setOrderTime-popup .timeperiod-contain .man .timeperiod-list { width: 480px; display: inline-block; vertical-align: middle; margin-left: 24px }
.setOrderTime-popup .timeperiod-contain .man .timeperiod-list li { float: left; width: 110px; background: #fbfbfb; border-radius: 4px; border: 1px solid #e4e9ee; font-size: 14px; line-height: 32px; text-align: center; margin: 5px 0 5px 10px; cursor: pointer; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; height: 34px }
.setOrderTime-popup .timeperiod-contain .man .timeperiod-list li.disabled { pointer-events: none; cursor: not-allowed; border: 1px dashed #e4e9ee; color: rgba(82,90,103,.4) }
.setOrderTime-popup .timeperiod-contain .man .timeperiod-list li.selected { background: #fff; border: 1px solid #027ad6; -webkit-box-shadow: 0 2px 5px 0 rgba(15,44,60,.3); box-shadow: 0 2px 5px 0 rgba(15,44,60,.3) }
.setOrderTime-popup .timeperiod-contain .man .timeperiod-list li.setted { background: #027ad6; color: #fff }
.setOrderTime-popup .timeperiod-contain .man .timeperiod-list.disabled li { pointer-events: none; cursor: not-allowed; border: 1px dashed #e4e9ee; color: rgba(82,90,103,.4) }
.setOrderTime-popup .form-list { text-align: left }
.setOrderTime-popup .form-list .form-item { margin-top: 0 }
.setOrderTime-popup .form-list .form-item+.form-item { padding-top: 20px; margin-top: 8px }
.setOrderTime-popup .form-list .form-info { position: relative; color: #525a67 }
.setOrderTime-popup .form-list .empty { color: #70818b; line-height: 18px; text-align: center; margin: 70px auto }
.setOrderTime-popup .odtime-course span { position: relative; float: left; display: inline-block; min-width: 140px; padding-left: 25px; margin-bottom: 12px; font-size: 14px; line-height: 20px; cursor: pointer; color: #525a67; margin-right: 20px }
.setOrderTime-popup .odtime-course span:after, .setOrderTime-popup .odtime-course span:before { position: absolute; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.setOrderTime-popup .odtime-course span:before { top: 3px; left: 0; width: 16px; height: 16px; border: 1px solid #e3e9ef; border-radius: 4px }
.setOrderTime-popup .odtime-course span:after { top: 10px; left: 6px; width: 7px; height: 4px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; opacity: 0; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); -webkit-transform-origin: left bottom; transform-origin: left bottom }
.setOrderTime-popup .odtime-course span.active, .setOrderTime-popup .odtime-course span:hover { color: #027cdb }
.setOrderTime-popup .odtime-course span.active:before { background-color: #027cdb; border: none }
.setOrderTime-popup .odtime-course span.active:after { opacity: 1 }
.setOrderTime-popup .setOrderTime-switch { position: relative; width: 48px; height: 20px; overflow: hidden; background-color: #b1bbc3; border: 1px solid #e3e9ef; cursor: pointer; border-radius: 20px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.setOrderTime-popup .setOrderTime-switch:after, .setOrderTime-popup .setOrderTime-switch:before { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.setOrderTime-popup .setOrderTime-switch:before { top: -1px; left: -1px; z-index: 1; width: 20px; height: 20px; background-color: #fff; border: 1px solid #e3e9ef; border-radius: 50%; content: "" }
.setOrderTime-popup .setOrderTime-switch:after { top: 0; left: 26px; font-size: 12px; line-height: 18px; content: "\662F"; color: #e3e9ef }
.setOrderTime-popup .setOrderTime-switch.active { background-color: #027cdb }
.setOrderTime-popup .setOrderTime-switch.active:before { left: 27px }
.setOrderTime-popup .setOrderTime-switch.active:after { left: 10px; content: "\5426"; color: #fff }
.setOrderTime-popup .selected-time { font-size: 14px; line-height: 20px }
.assets-box .teac-tabcon { padding: 20px 0 40px }
.assets-box .hd-itemList { margin-top: 20px }
.assets-box .hd-itemList li { width: 220px }
.assets-box .hd-itemList li .hd-itemList-img { height: 165px }
.assets-types { margin-left: 10px; margin-top: 10px; padding: 3px 5px; line-height: 1; border: 1px solid #ff8407; color: #ff8407; border-radius: 100px }
.assets-operate { margin-right: 10px; margin-top: 14px }
.assets-operate .assets-operate-item { font-size: 12px; color: #87959f }
.assets-operate .assets-operate-item:hover { color: #525a67 }
.assets-operate .assets-operate-item:active { color: #212b34 }
.assets-operate .assets-operate-item .iconfont { font-size: 14px; margin-right: 5px }
.assets-operate .assets-operate-item+.assets-operate-item { margin-left: 10px }
@media (min-width:768px) {
.assets-box .hd-itemList li { width: 194px }
.assets-box .hd-itemList li .hd-itemList-img { height: 145px }
.assets-operate .assets-operate-item+.assets-operate-item { margin-left: 10px }
}
@media (min-width:992px) {
.assets-box .hd-itemList li { width: 185px }
.assets-box .hd-itemList li .hd-itemList-img { height: 138px }
.assets-operate .assets-operate-item+.assets-operate-item { margin-left: 5px }
}
@media (min-width:1200px) {
.assets-box .hd-itemList li { width: 220px }
.assets-box .hd-itemList li .hd-itemList-img { height: 165px }
.assets-operate .assets-operate-item+.assets-operate-item { margin-left: 10px }
}
.classify-con { margin: 10px 40px; padding: 0 20px; height: 410px; border: 1px solid #eef3f5; border-radius: 10px }
.classify-con li { display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #eef3f5; font-size: 12px }
.classify-con li .left { color: #525a67 }
.classify-con li .left, .classify-con li .right { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.classify-con li .right { color: #87959f }
.classify-con li:hover .left, .classify-con li:hover .right { color: #73b2fc }
.classify-textbox { margin: 20px auto 0; width: 320px }
.classify-textbox .textbox-info { position: relative; width: 100%; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #eef3f5; text-align: left }
.classify-textbox .textbox-info em { margin-left: 20px }
.classify-textbox .textbox-info .delete-btn { position: absolute; top: 0; right: 12px; color: #87959f }
.classify-textbox .textbox-info .delete-btn:hover { color: #525a67 }
.classify-textbox .textbox-info .delete-btn:active { color: #212b34 }
.classify-textbox .textbox-info .form-input-text { padding-left: 20px; width: 100%; height: 100%; position: absolute; left: 0; top: 0 }
.classify-textbox .textbox-info .wordnumb { position: absolute; top: 0; right: 12px; color: #87959f; font-size: 12px }
.classify-textbox .classify-delTips { margin-top: 6px; font-size: 14px; color: #87959f }
.classify-textbox .classify-confirm { margin-top: 6px; font-size: 14px }
.classify-textbox .classify-confirm .cancel { color: #87959f }
.classify-textbox .classify-confirm .cancel:hover { color: #525a67 }
.classify-textbox .classify-confirm .cancel:active { color: #212b34 }
.classify-textbox .classify-confirm .confirm { color: #027cdb; margin-left: 20px }
.classify-textbox .classify-confirm .confirm:hover { color: #0097e6 }
.classify-textbox .classify-confirm .confirm:active { color: #212b34 }
.classify-textbox.delete .textbox-info { border-color: #ff8407; color: #ff8407 }
.classify-textbox.delete .textbox-info .delete-btn { color: #e3e9ef; cursor: default }
.classify-step2-popup .add-numb { color: #ff8407 }
.classify-types { width: 94px; float: left; border-color: #e3e9ef; color: #87959f; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.classify-types+.classify-types { margin-left: 19px }
.classify-types.select { background-color: inherit; color: #027cdb; border-color: #027cdb }
.classify-types.select:hover { color: #0097e6 }
.classify-types.select:active { color: #027cdb }
.assets-popup .form-input-text { background-color: #fff }
.assets-popup .form-info.title { position: relative }
.assets-popup .form-info.title .tip { position: absolute; top: 0; right: 10px; z-index: 1; font-size: 12px; line-height: 40px; color: #87959f }
.assets-popup .assets-cover { position: relative; width: 170px; height: 127px; overflow: hidden }
.assets-popup .assets-cover .uploadbox { background-color: #fff }
.assets-popup .uploadbox .uploadbox-plus { position: relative; display: block; width: 4px; height: 50px; margin: 22px auto 14px; background-color: #e3e9ef; border-radius: 2px }
.assets-popup .uploadbox .uploadbox-plus:after { position: absolute; top: 50%; left: 50%; width: 50px; height: 4px; margin-top: -2px; margin-left: -25px; background-color: #e3e9ef; content: ""; border-radius: 2px }
.assets-popup .uploadbox span.p { font-size: 12px; line-height: 18px; color: #87959f }
.diary-stage+.diary-stage { border-top: 10px solid #f6f8fa; padding-top: 30px }
.diary-stage h5 { margin: 0 20px; padding: 0 20px; height: 40px; line-height: 40px; font-size: 18px; color: #525a67; text-align: left; background-color: rgba(115,178,252,.06); border-radius: 3px }
.diary-stage .diary-list { margin: 0 20px }
.diary-stage .diary-list+.diary-list { border-top: 1px solid #eef3f5 }
.diary-stage h6 { margin: 30px 0 0 20px; position: relative; font-size: 18px; color: #525a67; text-align: left; font-weight: 600 }
.diary-stage .create-diary { position: absolute; right: 20px; top: 0; font-size: 14px; color: #525a67; font-weight: 400 }
.diary-stage .create-diary:hover { color: #87959f }
.diary-stage .create-diary:active { color: #212b34 }
.diary-stage .create-diary img { margin: 5px 10px 0 0; width: 10px; vertical-align: top }
.diary-stage .create-diary span { margin-left: 5px; font-size: 16px; color: #87959f }
.diary-stage .diary-item { position: relative; margin-left: 50px; padding: 20px 20px 20px 0 }
.diary-stage .diary-item:before { content: ""; display: inline-block; position: absolute; left: -25px; top: 27px; width: 6px; height: 6px; border-radius: 100%; background-color: #7ed321 }
.diary-stage .diary-item+.diary-item { border-top: 1px solid #eef3f5 }
.diary-stage .more-info { height: 65px; line-height: 22px }
.diary-stage .diary-edit { margin-top: 20px; font-size: 12px; color: #b1bbc3 }
.diary-stage .diary-edit a { color: #b1bbc3; margin-right: 20px }
.diary-stage .diary-edit a:hover { color: #87959f }
.diary-stage .diary-edit a:active { color: #212b34 }
.diary-stage .diary-date { font-size: 12px; color: #b1bbc3 }
.createDiary-popup .diary-date { margin-left: 10px }
.createDiary-popup .createDiary-textarea { margin: 20px 50px }
.createDiary-popup .createDiary-textarea textarea { width: 100%; border: transparent }
.createDiary-popup .createDiary-textarea .numb { float: right; color: #b1bbc3; margin-right: 10px }
.createDiary-popup .createDiary-btn { text-align: right; padding-top: 20px; padding-right: 40px; border-top: 1px solid #eef3f5 }
.createDiary-popup .createDiary-btn .btn+.btn { margin-left: 18px }
@media (min-width:768px) {
.createDiary-popup .createDiary-textarea { height: 373px }
.createDiary-popup .createDiary-textarea textarea { height: 370px }
}
@media (min-width:992px) {
.createDiary-popup .createDiary-textarea { height: 333px }
.createDiary-popup .createDiary-textarea textarea { height: 330px }
}
@media (min-width:1200px) {
.createDiary-popup .createDiary-textarea { height: 373px }
.createDiary-popup .createDiary-textarea textarea { height: 370px }
}
.default-diary img { width: 286px; margin: 60px 0 50px }
.default-diary p { font-size: 14px; color: #87959f }
.lock-switch { position: relative; width: 45px; height: 24px; overflow: hidden; background-color: #b1bbc3; border: 1px solid #e3e9ef; cursor: pointer; border-radius: 20px; display: inline-block }
.lock-switch, .lock-switch:after, .lock-switch:before { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.lock-switch:after, .lock-switch:before { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box }
.lock-switch:before { top: 2px; left: 2px; z-index: 1; width: 18px; height: 18px; background-color: #fff; border: 1px solid #e3e9ef; border-radius: 50%; content: "" }
.lock-switch:after { top: 0; left: 26px; font-size: 12px; line-height: 18px; content: ""; color: #e3e9ef }
.lock-switch.active { background-color: #027cdb }
.lock-switch.active:before { left: 22px }
.lock-switch.active:after { left: 10px; content: ""; color: #fff }
.teac-assign .teac-tabnav { padding-bottom: 20px }
.teac-assign .teac-tabnav-row { vertical-align: top }
.teac-assign .teac-tabnav-row .bd, .teac-assign .teac-tabnav-row .hd { display: inline-block }
.teac-assign .teac-tabnav-row .hd { width: unset }
.teac-assign .teac-tabnav-row .hd>span { position: relative }
.teac-assign .teac-tabnav-row .bd>span { margin-right: 26px; color: #525a67; cursor: pointer }
.teac-assign .teac-tabnav-row .bd>span.active { color: #ff8900 }
.teac-assign .teac-tabnav-row .bd>span.disabled { color: #87959f }
.teac-assign .teac-tabnav-row .bd { max-width: calc(100% - 100px); vertical-align: top }
.teac-assign .teac-tabnav-row .cell>span { display: inline-block; width: 90px; margin-bottom: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.teac-assign .teac-tabnav-row+.teac-tabnav-row:before { content: none; position: relative }
.teac-assign .teac-tabcon .empty { color: #525a67; font-size: 14px; text-align: center; padding: 100px }
.teac-assign .teac-tabcon .empty img { width: 250px }
.teac-assign .teac-tabcon .empty p { font-size: 14px; margin-top: 20px }
.teac-assign .teacStu-tab .td01 { width: 12% }
.teac-assign .teacStu-tab .td01 .ver-mid { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.teac-assign .teacStu-tab .td02 { width: 18% }
.teac-assign .teacStu-tab .td02 .ver-mid { text-align: center }
.teac-assign .teacStu-tab .td03 { width: 22% }
.teac-assign .teacStu-tab .td03 .ver-mid { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.teac-assign .teacStu-tab .td04 { width: 10%; opacity: 1 }
.teac-assign .teacStu-tab .td04 .ver-mid { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.teac-assign .teacStu-tab .td05 { width: 10% }
.teac-assign .teacStu-tab .td05 .ver-mid img { width: 40px; height: 30px; cursor: pointer }
.teac-assign .teacStu-tab .td06 { width: 10% }
.teac-assign .teacStu-tab .td07 { width: 8% }
.teac-assign .teacStu-tab .td08 { width: 10% }
.teac-assign .teacStu-tab .td08 .ver-mid-child.disabled-color { color: #999 }
.teac-assign .teacStu-tab .score { font-size: 18px; color: #fe6885; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500 }
.teac-assign .teacStu-tab .ver-mid-tooltip { position: absolute; width: 368px; padding: 12px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; text-align: left; -webkit-box-shadow: -4px 3px 4px 0 rgba(0,0,0,.16); box-shadow: -4px 3px 4px 0 rgba(0,0,0,.16); background: rgba(30,30,30,.75); overflow: hidden; bottom: 20px; right: 55px; display: none }
.teac-assign .teacStu-tab .ver-mid-tooltip:after { content: ""; width: 18px; height: 18px; background: #027cdb; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: -8px; right: -8px }
.teac-assign .teacStu-tab .checkRemark { position: relative }
.teac-assign .teacStu-tab .checkRemark:hover .ver-mid-tooltip { display: block }
.assign-popup { width: 1180px; height: 840px; border-radius: 10px; overflow: hidden }
.assign-popup .popup-con { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.assign-popup .popup-con__covers { height: 100%; background: rgba(0,0,0,.9) }
.assign-popup .popup-con__covers .cover-preview { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.assign-popup .popup-con__covers .cover-preview .pre-img { margin: 0 auto; display: block }
.assign-popup .popup-con__covers .cover-preview .iconfont { font-size: 28px; color: #999; position: absolute; cursor: pointer }
.assign-popup .popup-con__covers .cover-preview .iconfont:hover { color: #fff }
.assign-popup .popup-con__covers .cover-list { position: relative }
.assign-popup .popup-con__covers .cover-list .btn { background: #999; display: inline-block; font-size: 10px; color: #fff; text-align: center; position: absolute; top: 0; z-index: 2 }
.assign-popup .popup-con__covers .cover-list .btn:hover { opacity: .6 }
.assign-popup .popup-con__covers .cover-list .btn.pre-list { left: 0 }
.assign-popup .popup-con__covers .cover-list .btn.aft-list { right: 0 }
.assign-popup .popup-con__covers .cover-list .img-item { position: relative; display: inline-block; cursor: pointer }
.assign-popup .popup-con__covers .cover-list .img-item .small-img { width: 100%; height: 100% }
.assign-popup .popup-con__covers .cover-list .img-item:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.35); position: absolute; top: 0; left: 0; z-index: 1 }
.assign-popup .popup-con__covers .cover-list .img-item.active:after { content: none }
.assign-popup .popup-con__details { -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% - 870px); font-size: 12px; text-align: left; color: #999 }
.assign-popup .popup-con__details .part { border-bottom: 1px solid #eee; margin-bottom: 12px; padding-bottom: 12px }
.assign-popup .popup-con__details .part.no-border { border: 0; margin: 0 }
.assign-popup .popup-con__details .part h5 { font-size: 16px; color: #333; margin-bottom: 12px; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.assign-popup .popup-con__details .part h5.switch-h5 .iconfont { position: relative; cursor: pointer }
.assign-popup .popup-con__details .part h5.switch-h5 .iconfont:after { content: attr(content); width: 200px; padding: 5px 10px; background: rgba(0,0,0,.6); position: absolute; color: #fff; font-size: 12px; line-height: 1.2; top: -45px; left: -100px; display: none }
.assign-popup .popup-con__details .part h5.switch-h5 .iconfont:hover:after { display: block }
.assign-popup .popup-con__details .part h5.switch-h5 .unlight { color: #87959f }
.assign-popup .popup-con__details .info { vertical-align: top }
.assign-popup .popup-con__details .info .avatar { margin-right: 12px; vertical-align: top; border-radius: 50% }
.assign-popup .popup-con__details .info .detail { display: inline-block }
.assign-popup .popup-con__details .info .detail .nickname { font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin-bottom: 6px }
.assign-popup .popup-con__details .homework { overflow-y: scroll }
.assign-popup .popup-con__details .homework .t { color: #666; margin-bottom: 8px }
.assign-popup .popup-con__details .score-items span { border-radius: 50%; background: #ffecef; color: #ff89a0; -webkit-box-shadow: 0 2px 4px 0 rgba(254,104,133,.28); box-shadow: 0 2px 4px 0 rgba(254,104,133,.28); display: inline-block; text-align: center; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; cursor: pointer }
.assign-popup .popup-con__details .score-items span.active { color: #fff; background: #fe6885; -webkit-box-shadow: 0 2px 4px 0 rgba(254,104,133,.28); box-shadow: 0 2px 4px 0 rgba(254,104,133,.28) }
.assign-popup .popup-con__details .remark textarea { width: 100%; background: #f6f8fa; border-radius: 6px; border: 1px solid #eef3f5; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 auto; overflow: scroll }
.assign-popup .popup-con__details .remark .btn { background: #027cdb; color: #fff; font-size: 16px; text-align: center }
.assign-popup .popup-con__details .remark .btn.disabled { opacity: .7 }
@media (min-width:768px) {
.assign-popup { width: 748px; height: 546px; margin-left: -374px; margin-top: -273px }
.assign-popup .popup-con__covers { width: 565px; height: 546px }
.assign-popup .popup-con__covers .cover-preview { height: 486px }
.assign-popup .popup-con__covers .cover-preview .pre-img.width-mode { width: 472px; height: unset }
.assign-popup .popup-con__covers .cover-preview .pre-img.height-mode { height: 407px; width: unset }
.assign-popup .popup-con__covers .cover-preview .iconfont { font-size: 23px; top: 234px }
.assign-popup .popup-con__covers .cover-preview .iconfont.icon-left { left: 17px }
.assign-popup .popup-con__covers .cover-preview .iconfont.icon-right { right: 17px }
.assign-popup .popup-con__covers .cover-list { height: 60px }
.assign-popup .popup-con__covers .cover-list .btn { width: 9.7px; height: 39px; line-height: 39px }
.assign-popup .popup-con__covers .cover-list .btn i { -webkit-transform: scale(.8); transform: scale(.8); display: inline-block }
.assign-popup .popup-con__covers .cover-list .btn i.icon-left { margin-left: -4px }
.assign-popup .popup-con__covers .cover-list .btn i.icon-right { margin-left: -3px }
.assign-popup .popup-con__covers .cover-list .img-item { width: 39px; height: 39px }
.assign-popup .popup-con__details { padding: 15.6px 13px; width: calc(100% - 565px); height: 546px }
.assign-popup .popup-con__details .part { margin-bottom: 7.8px; padding-bottom: 7.8px }
.assign-popup .popup-con__details .part h5 { margin-bottom: 7.8px }
.assign-popup .popup-con__details .info .avatar { width: 13px; height: 13px; margin-right: 7.8px }
.assign-popup .popup-con__details .info .detail { width: calc(100% - 25px) }
.assign-popup .popup-con__details .homework { height: 127px }
.assign-popup .popup-con__details .score-items { margin-bottom: 15.6px }
.assign-popup .popup-con__details .score-items span { width: 20.8px; height: 20.4px; line-height: 23px; margin-right: 8px; font-size: 11.7px }
.assign-popup .popup-con__details .remark textarea { height: 40px; padding: 9.8px }
.assign-popup .popup-con__details .remark .btn { width: 150px; height: 24.7px; border-radius: 24.7px; line-height: 24.7px; margin-top: 7.8px; font-size: 14px }
}
@media (min-width:992px) {
.assign-popup { width: 980px; height: 697px; margin-left: -490px; margin-top: -348px }
.assign-popup .popup-con__covers { width: 722px; height: 697px }
.assign-popup .popup-con__covers .cover-preview { height: 620.8px }
.assign-popup .popup-con__covers .cover-preview .pre-img.width-mode { width: 602.58px; height: unset }
.assign-popup .popup-con__covers .cover-preview .pre-img.height-mode { height: 511.28px; width: unset }
.assign-popup .popup-con__covers .cover-preview .iconfont { font-size: 28px; top: 297px }
.assign-popup .popup-con__covers .cover-preview .iconfont.icon-left { left: 21px }
.assign-popup .popup-con__covers .cover-preview .iconfont.icon-right { right: 21px }
.assign-popup .popup-con__covers .cover-list { height: 76px }
.assign-popup .popup-con__covers .cover-list .btn { width: 13px; height: 49.8px; line-height: 49.8px; font-size: 8px }
.assign-popup .popup-con__covers .cover-list .btn i { display: inline-block }
.assign-popup .popup-con__covers .cover-list .btn i.icon-left { margin-left: -3px }
.assign-popup .popup-con__covers .cover-list .btn i.icon-right { margin-left: -1px }
.assign-popup .popup-con__covers .cover-list .img-item { width: 49.8px; height: 49.8px }
.assign-popup .popup-con__details { padding: 20px 16px 0; width: calc(100% - 722px); height: 697px }
.assign-popup .popup-con__details .part { margin-bottom: 10px; padding-bottom: 10px }
.assign-popup .popup-con__details .part h5 { margin-bottom: 10px }
.assign-popup .popup-con__details .info .avatar { width: 16.6px; height: 16.6px; margin-right: 10px }
.assign-popup .popup-con__details .info .detail { width: calc(100% - 32px) }
.assign-popup .popup-con__details .homework { height: 162.7px }
.assign-popup .popup-con__details .score-items { margin-bottom: 20px }
.assign-popup .popup-con__details .score-items span { width: 26.5px; height: 26.5px; line-height: 30px; margin-right: 13.3px; font-size: 15px }
.assign-popup .popup-con__details .remark textarea { height: 116px; padding: 12px }
.assign-popup .popup-con__details .remark .btn { width: 224px; height: 31px; border-radius: 31px; line-height: 31px; margin-top: 10px }
}
@media (min-width:1200px) {
.assign-popup { margin-left: -590px; margin-top: -420px; width: 1180px; height: 840px }
.assign-popup .popup-con__covers { width: 870px; height: 840px }
.assign-popup .popup-con__covers .cover-preview { height: 748px }
.assign-popup .popup-con__covers .cover-preview .pre-img.width-mode { width: 726px; height: unset }
.assign-popup .popup-con__covers .cover-preview .pre-img.height-mode { height: 616px; width: unset }
.assign-popup .popup-con__covers .cover-preview .iconfont { font-size: 28px; top: 359px }
.assign-popup .popup-con__covers .cover-preview .iconfont.icon-left { left: 26px }
.assign-popup .popup-con__covers .cover-preview .iconfont.icon-right { right: 26px }
.assign-popup .popup-con__covers .cover-list { height: 92px }
.assign-popup .popup-con__covers .cover-list .btn { width: 15px; height: 60px; line-height: 60px }
.assign-popup .popup-con__covers .cover-list .btn i { display: inline-block }
.assign-popup .popup-con__covers .cover-list .btn i.icon-left, .assign-popup .popup-con__covers .cover-list .btn i.icon-right { margin-left: 0 }
.assign-popup .popup-con__covers .cover-list .img-item { width: 60px; height: 60px }
.assign-popup .popup-con__details { padding: 24px 20px; width: calc(100% - 870px); height: 840px }
.assign-popup .popup-con__details .part { margin-bottom: 12px; padding-bottom: 12px }
.assign-popup .popup-con__details .part h5 { margin-bottom: 12px }
.assign-popup .popup-con__details .info .avatar { width: 20px; height: 20px; margin-right: 12px }
.assign-popup .popup-con__details .info .detail { width: calc(100% - 37px) }
.assign-popup .popup-con__details .homework { height: 196px }
.assign-popup .popup-con__details .score-items { margin-bottom: 24px }
.assign-popup .popup-con__details .score-items span { width: 32px; height: 32px; line-height: 34px; margin-right: 16px; font-size: 18px }
.assign-popup .popup-con__details .remark textarea { height: 179px; padding: 15px }
.assign-popup .popup-con__details .remark .btn { width: 270px; height: 38px; border-radius: 38px; line-height: 38px; margin-top: 12px }
}
.notice-pop-popup { width: 400px; border-radius: 10px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center }
.notice-pop-popup .popup-con { padding: 38px 0 }
.notice-pop-popup .iconfont { font-size: 70px; color: #f36b61; display: block; margin: 0 auto }
.notice-pop-popup h3 { font-size: 20px; color: #212b34; margin: 23px 0 17px }
.notice-pop-popup p { font-size: 14px; color: #87959f }
.notice-pop-popup .btn { width: 150px; height: 40px; background: #027cdb; color: #fff; text-align: center; line-height: 40px; font-size: 14px; display: block; margin: 36px auto 12px }
.notice-pop-popup a { color: #87959f; font-size: 14px; text-decoration: underline }
.teac-body-info { margin-top: 80px; padding-bottom: 128px }
.teac-con, .teac-sidebar { background: #fff; border-radius: 10px }
.teac-sidebar { max-height: 752px }
.teac-sidebar .teac-info:after { border-bottom: 1px solid #f1f3f5 }
.teac-sidebar .teac-info .teac-stat .teac-stat-list { display: block; padding: 0 48px }
.teac-sidebar .teac-info .teac-stat .teac-stat-list>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6px }
.teac-sidebar .teac-info .teac-cover { margin-top: 40px }
.teac-sidebar .teac-operate { padding-bottom: 0 }
.teac-sidebar .teac-operate:after { border-bottom: 1px solid #f1f3f5 }
.teac-sidebar .teac-nav ul li { color: #212b34 }
.teac-sidebar .teac-nav ul li a { height: 20px; line-height: 20px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; font-size: 14px; vertical-align: middle }
.teac-sidebar .teac-nav ul li .icon-img { width: 20px; height: 20px; display: inline-block; margin-right: 7px; background-size: 100%; vertical-align: middle }
.teac-sidebar .teac-nav ul li .icon-img.icon-1 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-1.png"); background-size: 100% 100% }
.teac-sidebar .teac-nav ul li .icon-img.icon-2 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-2.png"); background-size: 100% 100% }
.teac-sidebar .teac-nav ul li .icon-img.icon-3 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-3.png"); background-size: 100% 100% }
.teac-sidebar .teac-nav ul li .icon-img.icon-4 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-4.png"); background-size: 100% 100% }
.teac-sidebar .teac-nav ul li .icon-img.icon-5 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-5.png"); background-size: 100% 100% }
.teac-sidebar .teac-nav ul li .icon-img.icon-6 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-6.png"); background-size: 100% 100% }
.teac-sidebar .teac-nav ul li.active a { color: #027cdb }
.teac-sidebar .teac-nav ul li.active:after { display: none }
.teac-sidebar .teac-nav ul li.active .icon-1 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-1_active.png"); background-size: 100% 100% }
.teac-sidebar .teac-nav ul li.active .icon-2 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-2_active.png"); background-size: 100% 100% }
.teac-sidebar .teac-nav ul li.active .icon-3 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-3_active.png"); background-size: 100% 100% }
.teac-sidebar .teac-nav ul li.active .icon-4 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-4_active.png"); background-size: 100% 100% }
.teac-sidebar .teac-nav ul li.active .icon-5 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-5_active.png"); background-size: 100% 100% }
.teac-sidebar .teac-nav ul li.active .icon-6 { background: url("https://assets-cdn.lanqb.com/pc/assistant-home/icon-6_active.png"); background-size: 100% 100% }
@media (min-width:992px) {
.teac-sidebar .teac-nav ul li { padding: 20px 0 20px 40px }
}
@media (min-width:1200px) {
.teac-sidebar .teac-nav ul li { padding: 20px 0 20px 40px }
}
.teac-con { padding: 24px }
.basic-info { background: #f6f8fa; padding: 24px 16px; border-radius: 10px; border: none }
.basic-info .con-head .conhead-info.h-reward { width: 100px }
.basic-info .con-head .conhead-item { font-size: 16px }
.basic-info .con-head .conhead-item.no-width { padding-right: 20px }
.basic-info .con-head .conhead-item.no-width .conhead-info.h-reward { width: unset }
.basic-info .con-head .conhead-notice i { font-size: 18px }
.teac-box { margin: 0; border-radius: 10px }
.teac-tabnav-row+.teac-tabnav-row:before { display: none }
.teac-tabnav-row.group-nav .bd .teac-tabnav-item { margin-left: 20px }
.bd-status { padding-left: 20px; color: #87959f }
.bd-status select { line-height: 26px; color: #87959f; border-color: #bbdefb; width: 100px; display: inline-block; height: 26px; padding: 0 10px }
.video-tab .teacTutor-tab .teac-tab-bd .td-preview { height: 40px }
.video-tab .teacTutor-tab .teac-tab-bd { line-height: 40px }
.video-tab .teacTutor-tab .teac-tab-bd .videoPlay { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; line-height: 18px }
.video-tab .teacTutor-tab .teac-tab-bd .videoPlay .recording-upload { height: 18px; font-size: 13px; line-height: 18px }
.video-tab .teacTutor-tab .teacMain-check, .video-tab .teacTutor-tab .ver-mid-child { display: inline-block }
.video-tab .teacTutor-tab .light { color: #ff8900 }
.noborder-tab .teac-tab-bd, .teacTutor-tab { border: none }
.teacTutor-tab .teac-tab-hd, .teacTutor-tab .teacTutor-tab-con .teac-tab-bd { border-radius: 3px }
.teacTutor-tab .teacTutor-tab-con .teac-tab-bd:nth-child(2n) { background: #f6f8fa }
.teacTutor-tab .teacTutor-tab-con .teac-tab-bd:nth-child(2n):hover { background: #f6fbff }
.reward-popup .teac-tab-hd { background-color: #6aa3e7; height: 40px; line-height: 40px; border-radius: 3px; padding: 0 }
.reward-popup .popup-btn, .teac-order-popup .input-group-file { width: 400px; height: 50px; border-radius: 50px; line-height: 50px; color: #fff }
.reward-popup-tabel { border: none }
.teacMain-li { border: none; border-radius: 3px }
.teacMain-li:nth-child(2n) { background: #f6f8fa }
.reward-popup-tabel .ul-con ul { padding: 0 }
.teac-order-popup .btn-group .input-group-file { width: 270px; background: #027cdb; border-radius: 50px }
.teac-order-popup .btn-group .input-group-file .upload-com { position: absolute; opacity: 0; width: 100%; left: 0 }
.noborder-tab.teacStu-tab-new .td { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.tutor-title { position: relative; padding: 16px 10px; margin-bottom: 10px; border-bottom: 1px solid #e4e9eb }
.tutor-title>h2 { font-weight: 600; color: #0f233a }
.tutor-title .tutor-title-more, .tutor-title>h2 { display: inline-block; font-size: 14px; line-height: 1.42857143; vertical-align: middle }
.tutor-title .tutor-title-more { color: #70818b }
.tutor-title-more:focus, .tutor-title-more:hover { color: #43535c }
.tutor-con .tutor-opens-iteam, .tutor-con .tutor-opens-recommend { float: left }
.tutor-opens-iteam { position: relative; padding-right: 10px; padding-left: 10px; margin-bottom: 20px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box }
.tutor-opens-cover { position: relative; z-index: 1; display: block; width: 100%; overflow: hidden; background-color: #f1f5f7 }
.tutor-opens-cover>img { width: 100%; height: 100%; -webkit-transition: all 1s ease; transition: all 1s ease }
.tutor-opens-recommend { padding: 0 10px; margin-bottom: 20px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box }
@media (min-width:768px) {
.tutor-opens-iteam { width: 33.33333333%; height: 273px }
.tutor-opens-iteam .tutor-opens-cover { height: 177px }
.tutor-con .tutor-opens-recommend { width: 98%; height: 388px; margin-right: 1%; margin-left: 1% }
.tutor-opens-recommend .tutor-opens-cover { height: 100% }
}
@media (min-width:992px) {
.tutor-con .tutor-opens-iteam, .tutor-con .tutor-opens-recommend, .tutor-opens-recommend .tutor-opens-cover { height: 269px }
.tutor-opens-iteam { width: 250px; margin-right: 0; margin-left: 0 }
.tutor-con .tutor-opens-recommend { width: 500px; margin-right: 0; margin-left: 0 }
.tutor-opens-iteam .tutor-opens-cover { height: 173px }
}
@media (min-width:1200px) {
.tutor-con .tutor-opens-iteam, .tutor-con .tutor-opens-recommend, .tutor-opens-recommend .tutor-opens-cover { height: 307px }
.tutor-opens-iteam { width: 300px }
.tutor-con .tutor-opens-recommend { width: 600px }
.tutor-opens-iteam .tutor-opens-cover { height: 210px }
}
.tutor-opens-des { position: relative; z-index: 3; width: 100%; padding: 10px 18px 6px; background-color: #fff; border-width: 0 1px 1px; border-style: solid; border-color: #e4e9eb; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: margin .2s linear; transition: margin .2s linear }
.tutor-opens-des>h4 { height: 24px; margin-bottom: 3px; font-size: 14px; font-weight: 600; line-height: 1.7142857 }
.tutor-opens-des>h4>a { display: block; width: 100%; overflow: hidden; color: #0f233a; white-space: nowrap; text-overflow: ellipsis }
.tutor-opens-iteam:hover .tutor-opens-des { -webkit-box-shadow: inset 0 1px 0 #e4e9eb; box-shadow: inset 0 1px 0 #e4e9eb }
.tutor-opens-des p { font-size: inherit; line-height: inherit }
.tutor-opens-des .tutor-graphics-desp, .tutor-opens-des .tutor-opens-desp { display: none; height: 54px; margin-bottom: 7px; overflow: hidden; font-size: 12px; line-height: 1.5; color: #43535c; cursor: default }
.tutor-opens-author:hover>span, .tutor-opens-iteam:hover .tutor-opens-des>h4>a, .tutor-softwares-iteam:hover .tutor-softwares-cover { color: #0097e6 }
.tutor-opens-authord { margin-top: 4px; margin-bottom: 7px }
.tutor-opens-des .tags .tag { max-width: 94px; padding: 0 5px; font-size: 12px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.tutor-opens-des .tags .tag+.tag { margin-left: 5px }
.tutor-opens-des .tutor-opens-price, .tutor-opens-tags>.tutor-opens-price { float: right; font-size: 14px; line-height: 24px; cursor: default }
.tutor-opens-price.price { color: #ff1717 }
.tutor-opens-price.free { color: #0097e6 }
.tutor-opens-des .tutor-opens-price>em, .tutor-opens-tags>.tutor-opens-price>em { font-family: arial; font-style: normal }
.turogra-left, .turogra-right { position: relative; padding-right: 10px; padding-left: 10px }
.turogra-left { float: left }
.turogra-right { float: right }
@media (min-width:768px) {
.turogra-left { width: 100% }
.turogra-right { display: none }
}
@media (min-width:992px) {
.turogra-left { width: 100% }
.turogra-right { display: none }
}
@media (min-width:1200px) {
.turogra-left { width: 880px }
.turogra-right { display: block; width: 320px }
}
.turogra-list li { position: relative; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e4e9eb }
.turogra-hot-iteam>.works-shadow, .turogra-iteam>.works-shadow { top: -1px; right: -11px; bottom: -1px; left: -11px }
.turogra-hot-iteam:hover>.works-shadow, .turogra-iteam:hover>.works-shadow { opacity: 1 }
.turogra-cover { position: relative; z-index: 1; float: left; display: block; overflow: hidden; background-color: #b1bec5; text-align: center }
.turogra-cover>.turogra-cover-img, .turogra-hot-cover>img { width: 100%; height: 100% }
.turogra-des { position: relative; z-index: 1; padding-left: 20px }
.turogra-des>h4 { padding-bottom: 10px; font-size: 18px; font-weight: 700; line-height: 1.33333333 }
.turogra-des>h4>a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.turogra-des>p { height: 60px; overflow: hidden; font-size: 14px; line-height: 1.42857143; color: #70818b; cursor: default }
.turogra-authord { padding-top: 10px }
.turogra-note { font-size: 12px }
.turogra-note>span { float: left; display: block }
.turogra-note>span>a { height: 20px; padding: 0 9px; background-color: #f5f8fa; border: 1px solid #e4e9eb; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.turogra-note>a, .turogra-note>em, .turogra-note>span>a { display: block; line-height: 20px; color: #70818b; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.turogra-note>a, .turogra-note>em { float: left; margin-right: 10px }
@media (min-width:768px) {
.turogra-cover { width: 200px; height: 150px }
.turogra-des { height: 150px }
.turogra-des>h4 { max-width: 460px }
.turogra-des>p { margin-bottom: 6px }
}
@media (min-width:992px) {
.turogra-cover { width: 240px; height: 180px }
.turogra-des { height: 180px }
.turogra-des>h4 { max-width: 700px }
.turogra-des>p { margin-bottom: 16px }
.turogra-note { padding-top: 20px }
}
@media (min-width:1200px) {
.turogra-des>h4 { max-width: 580px }
}
.turogra-hot-des>h6>a:hover, .turogra-hot-iteam:hover .turogra-hot-des>h4>a, .turogra-iteam:hover .turogra-des>h4>a, .turogra-note>a:hover { color: #0097e6 }
.turogra-tags { padding-bottom: 10px }
.turogra-tags>.turogra-tag { float: left; display: inline-block; height: 30px; padding: 4px 10px; margin-right: 10px; margin-bottom: 10px; overflow: hidden; font-size: 12px; line-height: 1.66666667; color: #70818b; background-color: #f5f8fa; border: 1px solid #e4e9eb; white-space: nowrap; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
@media (min-width:768px) {
.turogra-tags { width: 100% }
}
@media (min-width:992px) {
.turogra-tags { width: 100% }
}
@media (min-width:1200px) {
.turogra-tags { width: 860px }
}
.turogra-note>span:hover>a, .turogra-tags>.turogra-tag:hover { color: #43535c; background-color: #fff }
.turogra-tags>.turogra-tag.active { color: #fff; background-color: #0097e6 }
.turogra-Postop { width: 300px }
.turogra-hot .turogra-hot-title { margin-top: -40px }
.turogra-hot-title>h2 { padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 1.42857143 }
.turogra-hot-list>li { position: relative; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #e4e9eb }
.turogra-hot-cover { float: left; display: block; width: 120px; overflow: hidden; background-color: #b1bec5; text-align: center }
.turogra-hot-cover, .turogra-hot-des { position: relative; z-index: 1; height: 90px }
.turogra-hot-des { padding-left: 10px }
.turogra-hot-des>h4 { font-size: 14px; line-height: 1.42857143 }
.turogra-hot-des>h4>a { display: block; max-height: 40px; overflow: hidden; color: #43535c }
.turogra-hot-des>h6 { padding-top: 4px; font-size: 12px; line-height: 1.33333333; cursor: default }
.turogra-hot-des>h6>a, .turogra-hot-des>h6>span { padding-right: 10px; color: #70818b }
.turogra-recommend>h2 { padding: 140px 10px; font-size: 20px; font-weight: 700; line-height: 1.2; color: #fff; background-color: #a2b1b8; text-align: center; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.turogra-recommend>a { display: block; width: 100% }
.turogra-recommend>a>img { width: 100%; background-color: #a2b1b8 }
.course-tags a { float: left; height: 20px; padding: 0 5px; background-color: #f6f8fa; color: #87959f; font-size: 12px; line-height: 20px; vertical-align: top; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.course-tags a:hover { color: #fff; background-color: #87959f }
.course-tags a+a { margin-left: 5px }
.courseHome-price { font-size: 14px }
.courseHome-price.free { color: #0097e6 }
.courseHome-price.price { color: #ff5900 }
.courseHome-info .hd-works-con { margin-bottom: 0 }
.courseHome-info .hd-works-con li { position: relative }
.courseHome-info .hd-works-con .course-tags { height: 20px; overflow: hidden; white-space: nowrap }
@media (min-width:768px) {
.courseHome-info .hd-works-con li { margin-bottom: 50px; margin-left: 12px }
.courseHome-info .hd-works-con .course-tags { max-width: 90px }
.courseHome-info .hd-works-con .hd-itemList-author { left: -6px }
}
@media (min-width:992px) {
.courseHome-info .hd-works-con li { margin-bottom: 50px; margin-left: 16px }
.courseHome-info .hd-works-con .course-tags { max-width: 140px }
.courseHome-info .hd-works-con .hd-itemList-author { left: -8px }
}
@media (min-width:1200px) {
.courseHome-info .hd-works-con li { margin-bottom: 50px; margin-left: 20px }
.courseHome-info .hd-works-con .course-tags { max-width: 170px }
.courseHome-info .hd-works-con .hd-itemList-author { left: -10px }
}
.courseHome-info .courseHome-more { padding-bottom: 45px; text-align: center }
.courseHome-info .courseHome-more a { position: relative; display: inline-block; width: 44px; padding-bottom: 10px; font-size: 16px; color: #525a67 }
.courseHome-info .courseHome-more a:after, .courseHome-info .courseHome-more a:before { position: absolute; right: 0; content: ""; background-color: #525a67; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.courseHome-info .courseHome-more a:before { bottom: 0; left: 0; height: 1px }
.courseHome-info .courseHome-more a:after { top: 100%; width: 1px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center top; transform-origin: center top }
.courseHome-info .courseHome-more a:hover:after, .courseHome-info .courseHome-more a:hover:before { -webkit-animation: moveInLeft .3s ease; animation: moveInLeft .3s ease }
.courseHome-info .courseHome-more~.ad.n1 { margin-bottom: 40px }
.courseHome-info .courseHome-topic { margin-bottom: 30px; margin-left: -20px }
.courseHome-info .courseHome-topic a { position: relative; float: left; overflow: hidden; margin-bottom: 20px }
.courseHome-info .courseHome-topic a:before { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; z-index: 2; display: inline-block; border: 2px solid #fff; content: "" }
.courseHome-info .courseHome-topic a img { width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.courseHome-info .courseHome-topic a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); -ms-filter: brightness(80%); -o-filter: brightness(80%); -webkit-filter: brightness(80%); filter: brightness(80%) }
@media (min-width:768px) {
.courseHome-info .courseHome-topic a { width: 236px; height: 122px; margin-left: 20px }
}
@media (min-width:992px) {
.courseHome-info .courseHome-topic a { width: 313px; height: 162px; margin-left: 20px }
}
@media (min-width:1200px) {
.courseHome-info .courseHome-topic a { width: 380px; height: 197px; margin-left: 20px }
}
.courseList-search { text-align: center; margin: 40px auto }
.courseList-search .input-search { display: inline-block; width: 420px; height: 40px; border: 1px solid #027cdb; padding-left: 10px; vertical-align: top }
.courseList-search .input-submit { display: inline-block; margin-left: -4px; width: 80px; height: 40px; font-size: 18px; line-height: 38px; vertical-align: top }
.course-category-all { display: inline-block; position: relative }
.course-category-all:hover h2 .iconfont { display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.course-category-all .course-category-panel:hover, .course-category-all:hover .course-category-panel { display: block }
.course-category-all h2 { font-size: 20px; line-height: 28px; color: #027cdb }
.course-category-all h2 .iconfont { margin-right: 10px; font-size: 16px }
.course-category-all .course-category-panel { display: none; position: absolute; top: 28px; z-index: 10 }
.course-category-all .course-category-panel .course-category-panel-left { width: 152px; margin-top: 20px; background: #fff; -webkit-box-shadow: 0 5px 10px 0 rgba(33,43,52,.1); box-shadow: 0 5px 10px 0 rgba(33,43,52,.1); border: 1px solid #eef3f5 }
.course-category-all .course-category-panel .course-category-panel-left .course-category-item { position: relative }
.course-category-all .course-category-panel .course-category-panel-left .course-category-item h3 { font-size: 18px; font-weight: 400; line-height: 65px; text-align: center; color: #212b34 }
.course-category-all .course-category-panel .course-category-panel-left .course-category-item:hover { background: rgba(242,246,250,.59) }
.course-category-all .course-category-panel .course-category-panel-left .course-category-item:hover:before { content: ""; position: absolute; left: 0; top: 22px; bottom: 22px; width: 3px; border-radius: 2px; background: #027cdb }
.course-category-all .course-category-panel .course-category-panel-left .course-category-item:hover h3 a { color: #027cdb }
.course-category-all .course-category-panel .course-category-item:hover .course-category-panel-right, .course-category-all .course-category-panel .course-category-panel-right:hover { display: block }
.course-category-all .course-category-panel .course-category-panel-right { display: none; position: absolute; top: 0; left: 150px; width: 600px; padding: 30px; background: #fff; -webkit-box-shadow: 0 5px 10px 0 rgba(33,43,52,.1); box-shadow: 0 5px 10px 0 rgba(33,43,52,.1); border: 1px solid #eef3f5 }
.course-category-all .course-category-panel .course-category-panel-right.panel-bottom-start { top: auto; bottom: 0 }
.course-category-all .course-category-panel .course-category-panel-right .category-wrap { margin-top: 30px; color: #525a67; white-space: nowrap }
.course-category-all .course-category-panel .course-category-panel-right .category-wrap:first-of-type { margin-top: 0 }
.course-category-all .course-category-panel .course-category-panel-right .second-title { float: left; width: 102px; font-size: 14px; font-weight: 700; line-height: 20px; vertical-align: top; cursor: pointer }
.course-category-all .course-category-panel .course-category-panel-right .third-category-wrap { display: inline-block; width: 468px; margin-left: -30px; margin-bottom: -16px; white-space: normal }
.course-category-all .course-category-panel .course-category-panel-right .third-category-wrap a { display: inline-block; font-size: 12px; line-height: 20px; margin-left: 30px; margin-bottom: 16px; cursor: pointer }
.course-category-all a:hover { color: #027cdb }
.course-category-route { margin-top: 32px; font-size: 14px; line-height: 20px }
.course-category-route a { color: #525a67 }
.course-category-route a .iconfont { margin-left: 8px; font-size: 10px; color: #87959f }
.course-category-route .iconfont.next { margin-left: 12px; font-size: 12px; color: #87959f }
.courseList-filt { padding: 30px 0 20px; margin-top: 8px; margin-bottom: 30px; border-top: 1px solid #eef3f5 }
.courseList-filt .part-title { font-size: 18px; color: #212b34; margin-bottom: 28px; font-weight: 700 }
.courseList-filt .part-title img { display: inline-block; width: 30px; height: 30px; margin-right: 10px }
.courseList-filt .filt-list { position: relative; padding: 10px 0 0 10px; padding-left: 62px; margin: -10px 0 0 -10px }
.courseList-filt .filt-list+.filt-list { margin-top: 10px }
.courseList-filt .filt-list span { display: inline-block; font-size: 14px; line-height: 28px; white-space: nowrap; vertical-align: top }
.courseList-filt .filt-list span.th { position: absolute; top: 10px; left: 10px; width: 52px; color: #87959f; text-align: left; font-weight: 600; color: #525a67; font-size: 14px }
.courseList-filt .filt-list span.td { float: left; width: auto; min-width: 40px; margin-bottom: 10px; margin-right: 16px; color: #525a67; text-align: center; cursor: pointer; border-radius: 6px; padding: 0 8px }
.courseList-filt .filt-list span.td:hover { color: #027cdb }
.courseList-filt .filt-list span.td:active { color: #212b34 }
.courseList-filt .filt-list span.td a { color: #525a67 }
.courseList-filt .filt-list span.td:hover a { color: #87959f }
.courseList-filt .filt-list span.td.active { color: #fff; background-color: #027cdb }
.courseList-filt .filt-list span.td.active a { color: #fff }
.courseList-filt .filt-list>.td, .courseList-filt .filt-list>.theme-div>.td { margin-right: 0!important; width: 48px }
.courseList-filt .filt-list .td-con { margin-left: 62px }
.courseList-rank { margin-bottom: 10px; font-size: 14px; color: #87959f }
.courseList-rank a, .courseList-rank span { display: inline-block; line-height: 20px; vertical-align: top }
.courseList-rank a { position: relative; padding-right: 10px; padding-left: 10px; color: #87959f }
.courseList-rank a:hover { color: #027cdb }
.courseList-rank a:active { color: #212b34 }
.courseList-rank a+a:before { position: absolute; top: 5px; left: -2px; width: 1px; height: 10px; background-color: #e3e9ef; content: "" }
.courseList-rank a.active { color: #027cdb }
.courseList-noResult { padding-top: 10px; padding-bottom: 70px; text-align: center }
.courseList-noResult img { width: 280px }
.courseList-noResult p { margin: 15px 0 30px; font-size: 16px; color: #87959f }
.courseList-noResult .btn { width: 160px; font-size: 16px }
.course-index { position: relative }
.course-index .topic-box { padding-top: 32px; padding-bottom: 20px }
.course-index .topic-box h3 { font-size: 16px; color: #87959f; line-height: 22px }
.course-index .topic-box .all-topiic { color: #87959f; line-height: 17px; font-size: 12px; cursor: pointer }
.course-index .topic-box .all-topiic i { font-size: 12px }
.course-index .topic-box .all-topiic:hover { color: #027cdb }
.course-index .topic-box .topic-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px }
.course-index .topic-box .topic-list .topic-link { width: 24%; position: relative; overflow: hidden; height: 60px }
.course-index .topic-box .topic-list .topic-link img { height: 60px; width: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; position: absolute; border-radius: 6px }
.course-index .topic-box .topic-list .topic-link:after { content: ""; display: inline-block; height: 100%; width: 0; background: rgba(0,0,0,.2); position: absolute; z-index: 1 }
.course-index .topic-box .topic-list .topic-link:hover:after { width: 100% }
.course-index .topic-box .topic-list .topic-link:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.course-index .courseList-filt { position: relative }
.course-index .courseList-filt .theme-box.fold:hover { max-height: 1000px; -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.1); box-shadow: 0 0 6px 0 rgba(0,0,0,.1) }
.course-index .courseList-filt .theme-box.fold:hover .iconfont { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.course-index .card-box { font-size: 14px; color: #87959f; line-height: 20px }
.course-index .card-box.mt.active { margin-top: 208px }
.course-index .card-box .sort-list { float: left }
.course-index .card-box .sort-list span { display: inline-block; margin: 0 12px; cursor: pointer; position: relative; line-height: 28px }
.course-index .card-box .sort-list span:first-child { margin-left: 0 }
.course-index .card-box .sort-list span:nth-child(3):after { height: 0 }
.course-index .card-box .sort-list span.active { color: #212b34; width: 52px; height: 28px; background: #e3e9ef; border-radius: 28px; text-align: center }
.course-index .card-box .level-list { float: right }
.course-index .card-box .level-list span { display: inline-block; padding: 0 16px; cursor: pointer; position: relative; line-height: 28px }
.course-index .card-box .level-list span:first-child { padding-left: 0 }
.course-index .card-box .level-list span:before { content: ""; display: inline-block; height: 11px; border-left: 1px solid #e3e9ef; position: absolute; left: 0; top: 8px }
.course-index .card-box .level-list span:first-child::before { height: 0 }
.course-index .card-box .level-list span.active { color: #212b34 }
.course-index .card-box .level-list span:last-child { padding-right: 0 }
.course-index .courseHome-info { margin-top: 20px }
.course-index .detail-location { margin-bottom: 0 }
.course-index .theme-box { max-height: 116px; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative }
.course-index .theme-box.fold { position: absolute; background: #fff; z-index: 2; border-radius: 4px }
.course-index .theme-box .iconfont { position: absolute; right: 10px; bottom: 14px; -webkit-transition: all .3s ease; transition: all .3s ease; color: #8d8d8d; font-size: 12px }
.course-index .lan-pagination { padding-top: 50px; padding-bottom: 50px }
.no-data-box { padding: 120px 0; text-align: center }
.no-data-box p { font-size: 16px; padding: 20px 0; color: #87959f }
.chml-banner-list { padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.chml-banner-item { width: 224px; height: 90px; margin-bottom: 15px; overflow: hidden; background-color: #d8d8d8; border-radius: 6px }
.chml-banner-item+.chml-banner-item { margin-left: 15px }
.chml-banner-item .cover { width: 100%; height: 100% }
.chml-banner-item:hover .cover { -webkit-filter: brightness(.92); filter: brightness(.92) }
@media (min-width:768px) {
.chml-banner-item { width: 145px; height: 58px; margin-bottom: 6px }
.chml-banner-item+.chml-banner-item { margin-left: 6px }
}
@media (min-width:992px) {
.chml-banner-item { width: 186px; height: 75px; margin-bottom: 12px }
.chml-banner-item+.chml-banner-item { margin-left: 12px }
}
@media (min-width:1200px) {
.chml-banner-item { width: 224px; height: 90px; margin-bottom: 15px }
.chml-banner-item+.chml-banner-item { margin-left: 15px }
}
.chml-nav { padding-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.chml-nav-item { position: relative; font-size: 16px; font-weight: 400; line-height: 50px; color: #87959f }
.chml-nav-item+.chml-nav-item { margin-left: 50px }
.chml-nav-item:hover { color: #525a67 }
.chml-nav-item.active { font-weight: 500; color: #027cdb }
.chml-nav-item.active:before { position: absolute; bottom: 0; left: 50%; width: 40px; height: 2px; background-color: #027cdb; border-radius: 2px; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: "" }
@media (min-width:768px) {
.chml-nav-item { font-size: 15px; line-height: 42px }
.chml-nav-item+.chml-nav-item { margin-left: 24px }
.chml-nav-item.active:before { width: 30px }
}
@media (min-width:992px) {
.chml-nav-item { font-size: 16px; line-height: 50px }
.chml-nav-item+.chml-nav-item { margin-left: 50px }
.chml-nav-item.active:before { width: 40px }
}
.chml-filter { padding: 20px; margin-top: 20px; color: #525a67; background-color: #fff; border-radius: 10px }
.chml-filter-list { margin-right: -12px; margin-bottom: -12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap }
.chml-filter-item { padding-right: 10px; padding-left: 10px; margin-right: 12px; margin-bottom: 12px; font-size: 14px; font-weight: 400; line-height: 28px; cursor: pointer; border-radius: 6px }
.chml-filter-item:hover { color: #87959f }
.chml-filter-item.active { color: #fff; background-color: #027cdb; cursor: default }
.chml-filter-loading { color: #87959f; min-height: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.chml-filter-loading .iconfont { font-size: 22px; line-height: 20px; -webkit-animation: rotate 2.5s linear; animation: rotate 2.5s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
@media (min-width:768px) {
.chml-filter { padding: 16px }
.chml-filter-list { margin-right: -8px; margin-bottom: -8px }
.chml-filter-item { padding-right: 6px; padding-left: 6px; margin-right: 8px; margin-bottom: 8px; font-size: 12px; line-height: 24px }
}
@media (min-width:992px) {
.chml-filter { padding: 18px }
.chml-filter-list { margin-right: -10px; margin-bottom: -10px }
.chml-filter-item { padding-right: 8px; padding-left: 8px; margin-right: 10px; margin-bottom: 10px; font-size: 13px; line-height: 26px }
}
@media (min-width:1200px) {
.chml-filter { padding: 20px }
.chml-filter-list { margin-right: -12px; margin-bottom: -12px }
.chml-filter-item { padding-right: 10px; padding-left: 10px; margin-right: 12px; margin-bottom: 12px; font-size: 14px; line-height: 28px }
}
.chml-pagination, .home-course-list.pb60 { padding-bottom: 60px }
.chml-pagination { padding-top: 0 }
.community-con-info { margin: 20px 0; display: none }
.community-con-info.active { display: block }
.community-con-info .sign { position: absolute; width: 28px; height: 35px; left: 10px; top: -5px; z-index: 1; display: none }
.community-con-info .collect .sign { display: block }
.community-con-info .zan { color: #87959f }
.community-con-info .zan .iconfont:before { content: "\E727" }
.community-con-info .zan.zaned { color: #f36b61 }
.community-con-info .zan.zaned .iconfont:before { content: "\E67A" }
.community-con-info .hd-itemList .tags { margin: 10px 0 0 10px }
.community-con-info .hd-itemList li div { position: relative }
.community-con-info .hd-itemList li div h3 a { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top }
.community-con-info .hd-itemList .zan { display: inline-block; height: 20px; line-height: 20px; vertical-align: top }
.community-con-info .hd-itemList .zan .iconfont { display: inline-block; margin-top: 4px; margin-right: 5px; font-size: 14px; line-height: 14px; vertical-align: top }
.community-con-info .avatar-img { width: 20px; height: 20px; border-radius: 100%; vertical-align: top; margin-right: 10px }
.community-con-info .identity-img { width: 15px; height: 15px; vertical-align: top; margin-top: 3px }
.community-con-info .identity-v { font-size: 12px; margin-left: 5px; color: #edcf8b; width: 13px; height: auto; margin-top: 5px }
.community-con-info .hd-itemList-cell { margin-top: 10px }
.community-con-info .fingerPainting-item { height: 340px }
.community-con-info .fingerPainting-item.collect .sign { display: block }
.community-con-info .fingerPainting-item h3 { margin: 10px; font-size: 14px; color: #212b34 }
.community-con-info .fingerPainting-item h3 a { display: inline-block; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.community-con-info .discuss-item .discuss-con { padding-top: 20px }
.community-con-info .discuss-item .discuss-con .date { margin-bottom: 10px }
.community-con-info .discuss-item .discuss-con .title { display: inline-block; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.community-con-info .discuss-item .discuss-con .tags { margin-bottom: 10px }
@media (min-width:768px) {
.community-con-info .hd-itemList li div h3 a { max-width: 76px }
.community-con-info .hd-itemList li div .hd-itemList-cell span { margin-left: 0 }
.community-con-info .hd-itemList li div .avatar-img { margin-right: 0 }
.community-con-info .fingerPainting-item h3 a { max-width: 80px }
.community-con-info .discuss-item .discuss-con .title { max-width: 638px }
}
@media (min-width:992px) {
.community-con-info .hd-itemList li div h3 a { max-width: 130px }
.community-con-info .hd-itemList li div .avatar-img { margin-right: 10px }
.community-con-info .fingerPainting-item h3 a { max-width: 134px }
.community-con-info .discuss-item .discuss-con .title { max-width: 632px }
}
@media (min-width:1200px) {
.community-con-info .hd-itemList li div h3 a { max-width: 164px }
.community-con-info .hd-itemList li div .hd-itemList-cell span { margin-left: 10px }
.community-con-info .identity-img { margin-left: 5px }
.community-con-info .fingerPainting-item h3 a { max-width: 200px }
.community-con-info .discuss-item .discuss-con .title { max-width: 720px }
}
.community-con { float: left }
@media (min-width:768px) {
.community-con { width: 100% }
}
@media (min-width:992px) {
.community-con { width: 742px }
}
@media (min-width:1200px) {
.community-con { width: 830px }
}
.community-subtab { margin: 0 0 20px }
.community-subtab a { font-size: 16px; line-height: 22px }
.issue-popup { position: fixed; padding-top: 130px; background-color: rgba(0,0,0,.7); text-align: center }
.issue-popup .issue-popup-con { display: inline-block; margin-top: 170px }
.issue-popup .issue-popup-con>a { display: inline-block; color: #fff; margin: 0 80px; cursor: pointer }
.issue-popup .issue-popup-con>a img { width: 120px }
.issue-popup .issue-popup-con>a h2 { margin-top: 20px; font-size: 30px }
.issue-popup .issue-popup-con>a h3 { font-size: 14px; color: hsla(0,0%,100%,.6) }
.issue-popup.active { opacity: 1; visibility: inherit }
.communityDet { margin-top: 20px }
.communityDet .details-c1, .communityDet .details-gulike { -webkit-box-shadow: 0 2px 8px 0 hsla(0,0%,85%,.5); box-shadow: 0 2px 8px 0 hsla(0,0%,85%,.5); border: none }
.communityDet .details-c1 { padding: 0 }
.communityDet .details-about { position: relative; padding: 20px; border-bottom: 1px solid #eef3f5 }
.communityDet .text-center { position: relative }
.communityDet .detail-con { padding: 0 40px }
.communityDet .detail-con .p, .communityDet .detail-con>p { margin: 20px 0 }
.communityDet .detail-con .copyright-con { position: absolute; top: 20px; left: 20px }
.communityDet .detail-con .copyright-con:after { content: ""; display: inline-block; position: absolute; width: 80px; bottom: -20px; height: 30px; left: 0 }
.communityDet .detail-con .copyright-con>img { width: 52px }
.communityDet .detail-con .copyright-con .hover-con { display: none; position: absolute; top: 76px; left: 0; width: 220px; border: 1px solid rgba(0,0,0,.1); background-color: #fff; font-size: 14px; line-height: 20px; padding: 6px 10px; text-align: left }
.communityDet .detail-con .copyright-con .hover-con:before { content: ""; position: absolute; width: 10px; height: 10px; left: 16px; top: -7px; border-top: 1px solid rgba(0,0,0,.1); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: 1px solid rgba(0,0,0,.1); background: #fff }
.communityDet .detail-con .copyright-con .hover-con em, .communityDet .detail-con .copyright-con .hover-con img, .communityDet .detail-con .copyright-con .hover-con span { display: inline-block; vertical-align: middle }
.communityDet .detail-con .copyright-con .hover-con img { width: 15px }
.communityDet .detail-con .copyright-con:hover .hover-con { display: block }
.communityDet .details-operation>span { font-size: 12px }
.communityDet .details-operation>span .iconfont { font-size: 12px; margin-right: 3px }
.communityDet .details-operation .type { margin-left: 0; display: inline-block; line-height: 18px; border-radius: 4px; padding: 0 5px }
.communityDet .details-operation .zuopin { border: 1px solid #009ded; color: #009ded }
.communityDet .details-operation .zhihui { border: 1px solid #ffa800; color: #ffa800 }
.communityDet .details-operation .discuss { border: 1px solid #00c46a; color: #00c46a }
.communityDet .details-time { color: #ff8407 }
.communityDet .details-time .iconfont { font-size: 12px; margin-right: 3px }
.communityDet .details-summary { background-color: #f6f8fa; border-color: #f6f8fa; margin: 0 40px 30px }
.communityDet .details-summary h5 { font-size: 14px; color: #525a67; margin-bottom: 10px }
.communityDet .details-summary p { font-size: 12px; color: #87959f }
.communityDet .details-tags { color: #87959f; padding-left: 40px; padding-right: 40px }
.communityDet .details-tags-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.communityDet .details-tags-wrap .iconfont { margin-top: 4px }
.communityDet .details-tags a { margin-left: 5px; line-height: 24px; background-color: #fff; color: #87959f; display: -webkit-box; display: -ms-flexbox; display: flex }
.communityDet .details-tags a.tag:hover { color: #212b34 }
.communityDet .details-tags a.act-tag { color: #027cdb }
.communityDet .details-tags a.act-tag:hover { color: #73b2fc }
.communityDet .details-tags .report-btn { border: transparent; color: #b1bbc3 }
.communityDet .details-tags .report-btn i { font-size: 12px; margin: 2px 3px 0 0; vertical-align: top; display: inline-block }
.communityDet .details-tags .details-daka_url { color: #027cdb; font-size: 12px; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.communityDet .details-tags .details-daka_url .iconfont { margin-right: 3px; line-height: 1 }
.communityDet .details-tags .details-daka_url:hover { color: #73b2fc }
.communityDet .interviewdet-btnd { padding: 20px 40px }
.communityDet .interviewdet-btnd .tozhan-btn { top: 17px }
.communityDet .interviewdet-btnd .tozhan-btn.bgblue.active, .communityDet .interviewdet-btnd .tozhan-btn.bgblue.active:active, .communityDet .interviewdet-btnd .tozhan-btn.bgblue.active:hover, .communityDet .interviewdet-btnd .tozhan-btn.bgblue.zaned, .communityDet .interviewdet-btnd .tozhan-btn.bgblue.zaned:active, .communityDet .interviewdet-btnd .tozhan-btn.bgblue.zaned:hover { color: #212b34; background-color: #fff; border: 1px solid #e3e9ef }
.communityDet .interviewdet-btnd .tozhan-btn.bgblue.active .iconfont-2021, .communityDet .interviewdet-btnd .tozhan-btn.bgblue.zaned .iconfont-2021 { color: #027cdb }
.communityDet .interviewdet-btnd .tozhan-btn .iconfont-2021 { font-size: 21px }
.communityDet .interviewdet-btnd .details-icons { padding: 0; margin: 8px 0 0 }
.communityDet .interviewdet-btnd .details-icons>div { height: auto; padding-left: 0 }
.communityDet .interviewdet-btnd .details-icons>div:before { content: "" }
.communityDet .interviewdet-btnd .details-icons .iconfont { color: #b1bbc3 }
.communityDet .interviewdet-btnd .details-icons .iconfont+.iconfont { margin-left: 10px }
.communityDet .interviewdet-btnd .details-icons span { width: auto; font-size: 12px; line-height: 1.5; color: #87959f; text-align: left; cursor: default }
.communityDet .interviewdet-btnd .details-down>a { width: 60px }
.communityDet .interviewdet-btnd .details-down>a+a { margin-left: 20px }
.communityDet .interviewdet-btnd .details-down>a.active { cursor: default }
.communityDet .interviewdet-btnd .details-down>a.active .iconfont { color: #ff8407; border-color: #ff8407 }
.communityDet .interviewdet-btnd .details-down .iconfont { display: block; width: 60px; font-size: 14px; height: 30px; line-height: 30px; border: 1px solid #e3e9ef; border-radius: 100px; color: #b1bbc3 }
.communityDet .interviewdet-btnd .details-down em { padding: 0; font-size: 12px; color: #87959f; display: block; margin-top: 5px }
.communityDet .details-gulike { padding: 16px 0 14px }
.communityDet .details-gulike .detgulike-title { padding-left: 0 }
.communityDet .details-gulike .detgulike-title>h3 { padding-left: 20px; font-size: 14px; color: #87959f }
.communityDet .details-gulike .detgulike-title>h3>.dot { width: 2px }
.communityDet .details-gulike .detgulike-title>.detgulike-more { right: 20px }
.communityDet .details-gulike .detgulike-more .iconfont { font-size: 12px }
.communityDet .details-gulike .detgulike-con { margin: 0 20px }
.communityDet .details-gulike .detgulike-con .detgulike-iteam { padding: 0 }
.communityDet .details-gulike .detgulike-con .detgulike-iteam+.detgulike-iteam { margin-left: 10px }
@media (min-width:768px) {
.communityDet .details-gulike .detgulike-con .detgulike-iteam { width: 133px }
.communityDet .details-gulike .detgulike-con .detgulike-iteam>.detgulike-cover { height: 100px }
}
@media (min-width:992px) {
.communityDet .details-gulike .detgulike-con .detgulike-iteam { width: 123px }
.communityDet .details-gulike .detgulike-con .detgulike-iteam>.detgulike-cover { height: 92px }
}
@media (min-width:1200px) {
.communityDet .details-gulike .detgulike-con .detgulike-iteam { width: 155px }
.communityDet .details-gulike .detgulike-con .detgulike-iteam>.detgulike-cover { height: 116px }
}
.communityDet .comment h2:before { background-color: #027cdb }
.communityDet .details-cg1 { position: relative; border: 1px solid #eef3f5 }
.communityDet .details-cg1>.arrow { top: 57px; left: -14px; border-right: 14px solid #eef3f5 }
.communityDet .details-cg1>.arrow, .communityDet .details-cg1>.arrow:before { position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent }
.communityDet .details-cg1>.arrow:before { top: -10px; left: 2px; border-right: 14px solid #fff; content: "" }
.communityDet .details-cg1 .details-cgc1>h2>a { display: inline-block; width: auto }
.communityDet .details-cg1 .details-cgc1>h2 img { display: inline-block; width: 20px; vertical-align: top; margin: 2px 0 0 2px }
.communityDet .details-cg1 .details-cgc1 .details-cgc1-links span { color: #525a67; font-size: 14px }
.communityDet .details-cg1 .details-cgc1 .details-cg-list { overflow: hidden }
.communityDet .details-cg1 .details-cgc1 .details-cg-list .details-cg-cover img { height: 99px }
.communityDet .details-cg1 .details-cgc2 { padding: 10px 5px }
.communityDet .details-cg1 .borlid-top { border-top: 1px dashed #e3e9ef }
.communityDet .details-relatere { border: 1px solid #eef3f5 }
.communityDet .details-relatere .relatere-title { background-color: #fff }
.communityDet .details-relatere .relatere-title h4>span { text-align: center; font-size: 12px; width: auto; height: auto; padding: 10px; color: #87959f }
.communityDet .details-relatere .relatere-title h4>span+span { position: relative }
.communityDet .details-relatere .relatere-title h4>span+span:before { content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 12px; margin-top: -6px; border-left: 1px solid #e3e9ef }
.communityDet .details-relatere .relatere-title h4>span.active { font-weight: 400; color: #027cdb; border-top: 1px solid #027cdb }
.communityDet .details-relatere .relatere-more { font-size: 12px }
.communityDet .details-relatere .dot { background-color: #87959f; width: 3px; height: 3px; margin-top: -1px }
.communityDet .details-course .h3 { margin-bottom: 10px; font-size: 14px; font-weight: 500; line-height: 20px; color: #212b34 }
.communityDet .details-course .details-course-item:hover .det-course-cover img { -webkit-filter: brightness(.92); filter: brightness(.92) }
.communityDet .details-course .det-course-cover { display: block; width: 300px; height: 190px }
.communityDet .details-course .det-course-cover img { width: 100%; height: 100% }
.communityDet .details-course .det-course-des { padding: 12px; background-color: #fff; border: 1px solid #eef3f5 }
.communityDet .details-course .det-course-h3 { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap }
.communityDet .details-course .det-course-h3 .icon { width: 60px; height: 24px; margin-right: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.communityDet .details-course .det-course-h3 .icon img { width: 100%; height: 100% }
.communityDet .details-course .det-course-h3 .title { max-width: 208px; font-size: 16px; font-weight: 500; line-height: 24px; color: #212b34; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.communityDet .details-course .det-course-h3 .title:hover { color: #027cdb }
.communityDet .details-course .det-course-teachers { margin-top: 9px }
.communityDet .details-course .det-course-teachers, .communityDet .details-course .det-course-teachers .teacher { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.communityDet .details-course .det-course-teachers .teacher { font-size: 14px; font-weight: 400; line-height: 20px; color: #525a67; white-space: nowrap }
.communityDet .details-course .det-course-teachers .teacher+.teacher { margin-left: 12px }
.communityDet .details-course .det-course-teachers .teacher:hover { color: #027cdb }
.communityDet .details-course .det-course-teachers .teacher.t1 .name { width: 244px }
.communityDet .details-course .det-course-teachers .teacher.t2 .name { width: 101px }
.communityDet .details-course .det-course-teachers .teacher.t3 .name { width: 53px }
.communityDet .details-course .det-course-teachers .tea { position: relative; width: 24px; height: 24px; margin-right: 6px }
.communityDet .details-course .det-course-teachers .tea:before { position: absolute; bottom: 0; right: 0; z-index: 1; width: 10px; height: 10px; background: url("https://assets-cdn.lanqb.com/school_v5/school/teacher-v.png") no-repeat 50%; background-size: 100% 100%; content: "" }
.communityDet .details-course .det-course-teachers .tea img { width: 100%; height: 100%; border-radius: 50% }
.communityDet .details-course .det-course-teachers .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.communityDet .details-course .det-course-period { margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.communityDet .details-course .det-course-period span { font-size: 12px; font-weight: 400; line-height: 17px; color: #87959f }
.communityDet .details-course .det-course-period span em { color: #ff5b02 }
@media (min-width:768px) {
.communityDet .details-course .det-course-cover { width: 364px; height: 230px }
.communityDet .details-course .det-course-des { padding: 12px }
.communityDet .details-course .det-course-h3 .icon { width: 60px; height: 24px; margin-right: 6px }
.communityDet .details-course .det-course-h3 .title { max-width: 272px; font-size: 16px; line-height: 24px }
.communityDet .details-course .det-course-teachers { margin-top: 9px }
.communityDet .details-course .det-course-teachers .teacher { font-size: 14px }
.communityDet .details-course .det-course-teachers .teacher.t1 .name { width: 308px }
.communityDet .details-course .det-course-teachers .teacher.t2 .name { width: 133px }
.communityDet .details-course .det-course-teachers .teacher.t3 .name { width: 74px }
.communityDet .details-course .det-course-period { margin-top: 12px }
}
@media (min-width:992px) {
.communityDet .details-course .det-course-cover { width: 264px; height: 167px }
.communityDet .details-course .det-course-des { padding: 9px }
.communityDet .details-course .det-course-h3 .icon { width: 50px; height: 20px; margin-right: 4px }
.communityDet .details-course .det-course-h3 .title { max-width: 190px; font-size: 15px; line-height: 20px }
.communityDet .details-course .det-course-teachers { margin-top: 7px }
.communityDet .details-course .det-course-teachers .teacher { font-size: 13px }
.communityDet .details-course .det-course-teachers .teacher.t1 .name { width: 214px }
.communityDet .details-course .det-course-teachers .teacher.t2 .name { width: 86px }
.communityDet .details-course .det-course-teachers .teacher.t3 .name { width: 43px }
.communityDet .details-course .det-course-period { margin-top: 10px }
}
@media (min-width:1200px) {
.communityDet .details-course .det-course-cover { width: 300px; height: 190px }
.communityDet .details-course .det-course-des { padding: 12px }
.communityDet .details-course .det-course-h3 .icon { width: 60px; height: 24px; margin-right: 6px }
.communityDet .details-course .det-course-h3 .title { max-width: 208px; font-size: 16px; line-height: 24px }
.communityDet .details-course .det-course-teachers { margin-top: 9px }
.communityDet .details-course .det-course-teachers .teacher { font-size: 14px }
.communityDet .details-course .det-course-teachers .teacher.t1 .name { width: 244px }
.communityDet .details-course .det-course-teachers .teacher.t2 .name { width: 101px }
.communityDet .details-course .det-course-teachers .teacher.t3 .name { width: 53px }
.communityDet .details-course .det-course-period { margin-top: 12px }
}
@media (min-width:768px) {
.communityDet .details-right.v221201 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
}
@media (min-width:992px) {
.communityDet .details-right.v221201 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
}
.fingerPainting-play { position: relative }
.fingerPainting-play .btn-openApp { position: absolute; top: 80%; left: 50%; margin: -24px 0 0 -58px; width: 116px; height: 48px; line-height: 44px; font-size: 20px; border: 2px solid #eef3f5; border-radius: 100px; text-align: center; color: #fff; background: rgba(33,43,52,.6) }
.fingerPainting-play .btn-openApp i { font-style: normal; margin-right: 5px }
.fingerPainting-play .btn-openApp:hover { background-color: #eef3f5; text-decoration: none }
.toApp-popup { margin: -290px 0 0 -225px; width: 400px; height: 516px; border-radius: 10px }
.toApp-popup .popup-close { top: 13px; right: 13px; width: 20px; height: 20px }
.toApp-popup .popup-close .iconfont { line-height: 20px; color: #fff }
.toApp-popup .popup-close:hover .iconfont { color: hsla(0,0%,100%,.75) }
.toApp-popup .toApp-c1 { height: 238px; background-image: url("https://assets-cdn.lanqb.com/main_v3/popup-toApp.png"); background-size: 100% 100%; color: #fff }
.toApp-popup .toApp-c1 .applogo { margin-top: 38px; width: 90px }
.toApp-popup .toApp-c1 h2 { margin-top: 16px; font-size: 20px }
.toApp-popup .toApp-c1 h3 { margin-top: 5px; font-size: 24px }
.toApp-popup .toApp-c2 .code-app { margin-top: 20px; width: 140px }
.toApp-popup .toApp-c2 h2 { margin-top: 20px; font-size: 24px; color: #525a67 }
.toApp-popup .toApp-c2 h3 { margin-top: 10px; font-size: 18px; color: #87959f }
.toApp-popup .toApp-c2 h3 span { margin: 0 6px }
.toApp-popup.fixed { position: fixed; top: 50%; left: 50%; z-index: 16; background-color: #fff; text-align: center }
.toApp-popup.fixed .popup-close { position: absolute; z-index: 2; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.issue-left { padding: 20px 0; width: 130px }
.issue-left a { display: block; padding-left: 30px; font-size: 14px; color: #87959f; border-left: 2px solid #fff }
.issue-left a+a { margin-top: 20px }
.issue-left a.active { color: #525a67; border-color: #027cdb }
.form-tips { font-size: 12px; color: #87959f; line-height: 40px }
.issue-right .issue-right-top { border-bottom: 1px solid #eef3f5; padding-bottom: 18px }
.issue-right .issue-right-top h2 { margin: 18px 0 0 30px; display: inline-block; font-size: 18px; color: #525a67 }
.issue-right .issue-right-top h3 { margin: 22px 0 0 20px; display: inline-block; font-size: 12px; color: #b1bbc3 }
.issue-right .issue-right-top h3 .dot { margin: 0 5px; width: 4px; height: 4px }
.issue-right .issue-right-top h4 { margin: 22px 30px 0 0; float: right; font-size: 12px; color: #ff8407 }
.issue-right .issue-right-top h4 i { font-size: 12px }
.issue-right .issue-right-con { padding: 10px 30px }
.issue-right .issue-right-con .form-label { line-height: 40px; min-width: 50px; color: #525a67 }
.issue-right .issue-right-con .form-info { position: relative }
.issue-right .issue-right-con .form-info .form-input-text, .issue-right .issue-right-con .form-info .form-input-textarea { width: 100%; vertical-align: top }
.issue-right .issue-right-con .form-info .form-input-textarea { height: 140px; padding-bottom: 25px }
.issue-right .issue-right-con .form-info.utags { width: 890px; margin-left: -18px }
.issue-right .issue-right-con .form-info.utags .form-tips { margin-left: 18px }
.issue-right .issue-right-con .form-info.utags .input-group-file { margin-left: 18px; margin-top: 20px }
.issue-right .issue-right-con .form-info.utags .file-cover { width: 200px; height: 150px }
.issue-right .issue-right-con .form-info .tip_p { position: absolute; top: 100%; left: 0; width: 100%; font-size: 12px; line-height: 24px }
.issue-right .issue-right-con .form-info .tip_p.error { color: #f36b61 }
.issue-right .issue-right-con .input-group-file.add-cover .file-cover { width: 200px; height: 150px }
.issue-right .issue-right-con .input-group-file .file-cover { background-color: #f6f8fa }
.issue-right .issue-right-con .tags { overflow: auto; height: auto }
.issue-right .issue-right-con .tags .tag { padding: 0 12px; margin-right: 10px; margin-bottom: 10px; line-height: 28px; color: #525a67; border: 1px solid transparent; cursor: pointer }
.issue-right .issue-right-con .tags .tag+.tag { margin-left: 0 }
.issue-right .issue-right-con .tags .tag .tag-remove { position: relative; display: inline-block; width: 9px; height: 9px; margin-top: 9px; margin-left: 8px; vertical-align: top }
.issue-right .issue-right-con .tags .tag .tag-remove:after, .issue-right .issue-right-con .tags .tag .tag-remove:before { position: absolute; background-color: #b1bbc3; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.issue-right .issue-right-con .tags .tag .tag-remove:before { top: 4px; left: -1px; width: 11px; height: 1px }
.issue-right .issue-right-con .tags .tag .tag-remove:after { top: -1px; left: 4px; width: 1px; height: 11px }
.issue-right .issue-right-con .tags .tag .tag-remove:hover:after, .issue-right .issue-right-con .tags .tag .tag-remove:hover:before { background-color: #525a67 }
.issue-right .issue-right-con .tags .tag:hover { background-color: #e3e9ef }
.issue-right .issue-right-con .tags .tag.selected { cursor: default }
.issue-right .issue-right-con .tags .tag.selected:hover { background-color: #f6f8fa }
.issue-right .issue-right-con .tags .tag-add { margin-bottom: 10px; background-color: transparent; color: #027cdb; border-color: #027cdb }
.issue-right .issue-right-con .tags .tag-add .plus { position: relative; display: inline-block; width: 9px; height: 9px; margin-top: 9px; margin-left: 6px; vertical-align: top }
.issue-right .issue-right-con .tags .tag-add .plus:after, .issue-right .issue-right-con .tags .tag-add .plus:before { position: absolute; background-color: #027cdb; content: "" }
.issue-right .issue-right-con .tags .tag-add .plus:before { top: 4px; left: 0; width: 9px; height: 1px }
.issue-right .issue-right-con .tags .tag-add .plus:after { top: 0; left: 4px; width: 1px; height: 9px }
.issue-right .issue-right-con .tags .tag-add:hover { background-color: transparent; color: #0097e6; border-color: #0097e6 }
.issue-right .issue-right-con .tags .tag-add:hover .plus:after, .issue-right .issue-right-con .tags .tag-add:hover .plus:before { background-color: #0097e6 }
.issue-right .issue-right-con .tags .tag-add-form { position: relative; float: left; display: inline-block; width: 178px; height: 30px; padding-right: 29px; padding-left: 29px; margin-bottom: 10px; overflow: hidden; border-radius: 3px }
.issue-right .issue-right-con .tags .tag-add-form span { position: absolute; top: 0; width: 29px; height: 30px; overflow: hidden; background-color: #b1bbc3; text-align: left; text-indent: -9999px; cursor: pointer }
.issue-right .issue-right-con .tags .tag-add-form span.tag-cancel { left: 0 }
.issue-right .issue-right-con .tags .tag-add-form span.tag-cancel:after, .issue-right .issue-right-con .tags .tag-add-form span.tag-cancel:before { position: absolute; background-color: #fff; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.issue-right .issue-right-con .tags .tag-add-form span.tag-cancel:before { top: 15px; left: 9px; width: 9px; height: 1px }
.issue-right .issue-right-con .tags .tag-add-form span.tag-cancel:after { top: 11px; left: 13px; width: 1px; height: 9px }
.issue-right .issue-right-con .tags .tag-add-form span.tag-confirm { right: 0 }
.issue-right .issue-right-con .tags .tag-add-form span.tag-confirm:before { position: absolute; top: 10px; left: 11px; width: 8px; height: 5px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.issue-right .issue-right-con .tags .tag-add-form span:hover { background-color: #87959f }
.issue-right .issue-right-con .tags .tag-add-form .tag-input { width: 100%; height: 100%; padding: 0 10px; font-size: 12px; color: #87959f; background-color: transparent; border: none; border-top: 1px solid #b1bbc3; border-bottom: 1px solid #b1bbc3 }
.issue-right .issue-right-con .tags+.form-tips { padding-top: 10px }
.issue-right .issue-right-con .btn-issue { width: 400px; height: 50px; line-height: 48px; margin: 30px 0 74px; font-size: 18px }
.issue-right .issue-right-con .btn-issue.disabled { background-color: #b1bbc3 }
.issue-right .issue-right-con .issue-actse { display: inline-block; height: 36px; margin: 2px 0; padding: 0 18px; border: 1px solid #f65a96!important; border-radius: 18px; font-size: 14px; line-height: 34px; border: 1px solid transparent; vertical-align: top; border-radius: 20px; color: #f65a96 }
.issue-right .issue-right-con .issue-actse.dressup2020 { color: #ff62a9; border-color: #ff62a9 }
@media (min-width:768px) {
.issue-right { width: 600px }
.issue-right .issue-right-con .form-info { width: 100% }
}
@media (min-width:992px) {
.issue-right { width: 830px }
.issue-right .issue-right-con .form-info { width: 640px }
.issue-right .issue-right-con .form-info.upimg-group { width: 90% }
}
@media (min-width:1200px) {
.issue-right { width: 1030px }
}
.issue-right.dressup2020 { width: 100%; margin-top: 82px; margin-bottom: 92px; border: 1px solid #e6e6e6 }
.issue-right.dressup2020 .issue-right-top .tips { margin: 5px 10px 0 30px; font-size: 14px; line-height: 15px; color: #ff62a9 }
.issue-right.dressup2020 .issue-right-con .tags .tag-add { color: #ff62a9; border-color: #ff62a9 }
.issue-right.dressup2020 .issue-right-con .tags .tag-add .plus:after, .issue-right.dressup2020 .issue-right-con .tags .tag-add .plus:before { background-color: #ff62a9 }
.issue-right.dressup2020 .btn-issue { width: 250px; color: #fff; background-color: #ff62a9; border-radius: 5px }
.issue-right.dressup2020 .btn-issue:hover { background-color: #ff7cb7 }
.feedback { margin: 20px auto; position: relative }
.feedback .issue-right-con { text-align: center }
.feedback .issue-right-con .form-label { width: 100px }
.feedback .issue-right-con .form-info { width: 540px }
.feedback .issue-right-con .form-input-text { width: 200px!important }
.feedback .feedback-upimg .file-cover { width: 200px; height: 150px }
.feedback .feedback-upimg.feedback-upimg-logined { position: absolute; top: 219px }
.feedback .feedback-upimg.feedback-upimg-logined .form-info { width: 200px }
@media (min-width:768px) {
.feedback { width: 100% }
.feedback .feedback-upimg.feedback-upimg-logined { left: 392px }
}
@media (min-width:992px) {
.feedback { width: 900px }
.feedback .feedback-upimg.feedback-upimg-logined { left: 468px }
}
.gz-btn.atted .em2 { display: inline }
.gz-btn.do-attention .em2 { display: none }
.community-list { margin: -20px -10px 0 }
.community-list .wf-column { float: left }
.community-list .community-item { position: relative; margin: 20px 10px 0; background-color: #fff; border-radius: 4px; -ms-box-shadow: 0 0 5px rgba(0,0,0,.05); -o-box-shadow: 0 0 5px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05) }
.community-list .community-item.community-tags, .community-list .community-item.recommend { background-color: transparent; border-radius: 0; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent }
.community-list .community-item-heading { position: relative; height: 52px; padding-top: 10px; border-bottom: 2px solid #f7fafb }
.community-list .community-item-heading .community-publisher { position: relative; z-index: 3; display: inline-block; color: #212b34; vertical-align: top }
.community-list .community-item-heading .community-publisher>a { display: block; color: #212b34 }
.community-list .community-item-heading .community-publisher>a>span { display: inline-block; font-size: 14px; line-height: 30px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.community-list .community-item-heading .community-publisher>a img, .community-list .community-item-heading .community-publisher>img { width: 30px; height: 30px; margin-right: 10px; vertical-align: top; border-radius: 50% }
.community-list .community-item-heading .community-publisher:hover>a { color: #027cdb }
.community-list .community-item-heading .community-publisher:hover .community-item-publisher { display: block }
.community-list .community-item-heading .identity { display: inline-block; margin-top: 5px; vertical-align: top }
.community-list .community-item-heading .identity img { width: 20px; height: 20px; vertical-align: top }
.community-list .community-item-heading .community-type { position: absolute; top: 17px; display: inline-block; padding: 0 5px; font-size: 12px; line-height: 16px; border: 1px solid transparent; vertical-align: top; border-radius: 4px }
.community-list .community-item-heading .community-type.type-illust { color: #009ded; border-color: #009ded }
.community-list .community-item-heading .community-type.type-discuss { color: #00c46a; border-color: #00c46a }
.community-list .community-item-heading .community-type.type-graffiti { position: absolute; top: 11px; right: 20px; color: #ffa800; border-color: #ffa800 }
.community-list .community-item-heading .community-type.type-homework { color: #f36b61; border-color: #f36b61 }
.community-list .community-item-con { padding-top: 14px; padding-bottom: 4px }
.community-list .community-item-con h4 { margin-bottom: 10px }
.community-list .community-item-con h4 a { display: inline-block; font-size: 20px; font-weight: 700; line-height: 24px; color: #525a67; vertical-align: top }
.community-list .community-item-con h4 a:hover { color: #87959f }
.community-list .community-item-con h4 a:active { color: #212b34 }
.community-list .community-item-con p { margin-bottom: 10px }
.community-list .community-item-con p a { display: inline-block; overflow: hidden; color: #525a67; word-break: break-all; vertical-align: top }
.community-list .community-item-con p a:hover { color: #87959f }
.community-list .community-item-con p a:active { color: #212b34 }
.community-list .community-item-con .community-item-img { position: relative; display: block; margin: 0 -2px 14px }
.community-list .community-item-con .community-item-img span { float: left; display: block; padding-right: 2px; padding-left: 2px }
.community-list .community-item-con .community-item-img img { width: 100%; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.community-list .community-item-con .community-item-img:hover img { -webkit-filter: brightness(.95); filter: brightness(.95) }
.community-list .community-item-con .community-item-img.n1 span { width: 100% }
.community-list .community-item-con .community-item-img.n2 span, .community-list .community-item-con .community-item-img.n3 span { width: 50% }
.community-list .community-item-con .community-item-img.n3 span:first-child { width: 100%; padding-bottom: 4px }
.community-list .community-item-con .community-item-img.n3 .more-img { position: absolute; right: 14px; bottom: 10px; padding: 0 6px; font-size: 12px; line-height: 24px; color: #fff; background-color: rgba(0,0,0,.4); white-space: nowrap; border-radius: 2px }
.community-list .community-item-con .community-item-img.n3 .more-img em { position: relative; display: inline-block; width: 8px; height: 8px; margin-top: 6px; margin-right: 5px; background-color: #fff; vertical-align: top; border-radius: 1px }
.community-list .community-item-con .community-item-img.n3 .more-img em:before { position: absolute; right: -2px; bottom: -2px; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; content: ""; border-radius: 1px; -webkit-box-sizing: border-box; box-sizing: border-box }
.community-list .community-item-btns { height: 40px; border-top: 2px solid #f7fafb }
.community-list .community-item-btns span { display: inline-block; color: #87959f; font-size: 12px; line-height: 38px; vertical-align: top }
.community-list .community-item-btns span.community-icon em { display: inline-block; vertical-align: top }
.community-list .community-item-btns span.community-icon em.iconfont+em { line-height: 36px }
.community-list .community-item-btns span.community-icon.view em.iconfont { font-size: 13px }
.community-list .community-item-btns span.community-icon.zan em.iconfont { font-size: 14px }
.community-list .community-item-btns span.community-icon.zan.zaned em.iconfont { color: #f36b61 }
.community-list .community-item-btns span.community-icon.reply em.iconfont { font-size: 14px }
.community-list .community-item-btns span.date { float: right }
.community-list .community-item-tags .tag { display: inline-block; padding: 6px 12px; font-size: 12px; line-height: 18px; color: #87959f; background-color: #f6f8fa; vertical-align: top; border-radius: 3px }
.community-list .community-item-tags .tag:hover { color: #525a67; background-color: #e3e9ef }
.community-list .community-item-tags .tag.act-tag { color: #525a67; background-color: rgba(2,124,219,.1) }
.community-list .community-item-tags .tag.act-tag:hover { background-color: rgba(2,124,219,.2) }
@media (min-width:768px) {
.community-list .community-item { width: 236px }
.community-list .community-item-heading { padding-right: 16px; padding-left: 16px }
.community-list .community-item-heading .community-publisher>a span { max-width: 98px }
.community-list .community-item-heading .community-type { right: 16px }
.community-list .community-item-con { padding-right: 16px; padding-left: 16px }
.community-list .community-item-con p a { max-height: 54px; font-size: 12px; line-height: 18px }
.community-list .community-item-btns { padding-right: 16px; padding-left: 16px }
.community-list .community-item-btns span.community-icon em.iconfont { margin-right: 2px }
.community-list .community-item-btns span.community-icon+span.community-icon { margin-left: 5px }
.community-list .community-item-tags { margin-bottom: 2px; margin-right: -4px }
.community-list .community-item-tags .tag { margin-bottom: 4px }
}
@media (min-width:992px) {
.community-list .community-item { width: 313px }
.community-list .community-item-heading .community-publisher>a span { max-width: 162px }
.community-list .community-item-con p a { max-height: 66px; font-size: 14px; line-height: 22px }
.community-list .community-item-btns span.community-icon em.iconfont { margin-right: 4px }
.community-list .community-item-btns span.community-icon+span.community-icon { margin-left: 10px }
.community-list .community-item-tags { margin-bottom: 0; margin-right: -8px }
.community-list .community-item-tags .tag { margin-bottom: 8px; margin-right: 4px }
}
@media (min-width:1200px) {
.community-list .community-item { width: 380px }
.community-list .community-item-heading { padding-right: 20px; padding-left: 20px }
.community-list .community-item-heading .community-publisher>a span { max-width: 220px }
.community-list .community-item-heading .identity { margin-left: 2px }
.community-list .community-item-heading .community-type { right: 20px }
.community-list .community-item-btns, .community-list .community-item-con { padding-right: 20px; padding-left: 20px }
.community-list .community-item-btns span.community-icon em.iconfont { margin-right: 6px }
.community-list .community-item-btns span.community-icon+span.community-icon { margin-left: 16px }
.community-list .community-item-tags { margin-right: -10px }
.community-list .community-item-tags .tag { margin-bottom: 10px; margin-right: 6px }
}
.community-infoDefault { padding: 60px 0; text-align: center }
.community-infoDefault h6 { margin-top: 20px; font-size: 14px; line-height: 20px; color: #b1bbc3 }
.community-item-publisher { position: absolute; top: 30px; left: 0; z-index: 2; display: none; padding-top: 10px }
.community-item-publisher:before { top: 6px; z-index: 1; width: 8px; height: 8px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.community-item-publisher:after, .community-item-publisher:before { position: absolute; content: ""; -ms-box-shadow: 0 0 13px rgba(0,0,0,.16); -o-box-shadow: 0 0 13px rgba(0,0,0,.16); -webkit-box-shadow: 0 0 13px rgba(0,0,0,.16); box-shadow: 0 0 13px rgba(0,0,0,.16) }
.community-item-publisher:after { top: 10px; right: 0; bottom: 0; left: 0; border-radius: 4px }
.community-item-publisher-con { position: relative; z-index: 2; text-align: center; background-color: #fff; border-radius: 4px }
.community-item-publisher-con .publisher-portrait { display: block; margin: 0 auto 8px; overflow: hidden; border-radius: 50% }
.community-item-publisher-con .publisher-portrait>img { width: 100%; height: 100% }
.community-item-publisher-con .publisher-name a { display: inline-block; color: #212b34; vertical-align: top }
.community-item-publisher-con .publisher-name a:hover { color: #027cdb }
.community-item-publisher-con .publisher-name span.name { display: inline-block; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top }
.community-item-publisher-con .publisher-counts a { position: relative; display: inline-block; font-size: 12px; line-height: 20px; vertical-align: top }
.community-item-publisher-con .publisher-counts a+a:before { position: absolute; top: 10px; bottom: 10px; left: -3px; width: 2px; background-color: #eef3f5; content: "" }
.community-item-publisher-con .publisher-counts a em { display: block; color: #87959f }
.community-item-publisher-con .publisher-counts a span { display: block; color: #212b34 }
.community-item-publisher-con .publisher-counts a:hover span { color: #027cdb }
.community-item-publisher-con .gz-btn { width: 90px; height: 34px; line-height: 32px }
@media (min-width:768px) {
.community-item-publisher { left: -16px; width: 150px }
.community-item-publisher:before { left: 27px }
.community-item-publisher-con { padding-top: 20px; padding-bottom: 20px }
.community-item-publisher-con .publisher-portrait { width: 40px; height: 40px }
.community-item-publisher-con .publisher-name { margin-bottom: 6px }
.community-item-publisher-con .publisher-name span.name { max-width: 108px; font-size: 18px }
.community-item-publisher-con .publisher-counts { margin-bottom: 8px }
.community-item-publisher-con .publisher-counts a { width: 45px }
}
@media (min-width:992px) {
.community-item-publisher { width: 198px }
.community-item-publisher-con .publisher-portrait { width: 60px; height: 60px }
.community-item-publisher-con .publisher-name span.name { max-width: 130px; font-size: 20px }
.community-item-publisher-con .publisher-counts a { width: 60px }
}
@media (min-width:1200px) {
.community-item-publisher { left: -20px; width: 240px }
.community-item-publisher:before { left: 31px }
.community-item-publisher-con { padding-top: 30px; padding-bottom: 30px }
.community-item-publisher-con .publisher-portrait { width: 80px; height: 80px }
.community-item-publisher-con .publisher-name { margin-bottom: 16px }
.community-item-publisher-con .publisher-name span.name { max-width: 170px }
.community-item-publisher-con .publisher-counts { margin-bottom: 20px }
.community-item-publisher-con .publisher-counts a { width: 74px }
}
.community-hbanner { overflow: hidden; border-radius: 4px }
.community-hbanner .swiper-pagination-bullet { width: 6px; height: 6px; background: #fff; opacity: .6 }
.community-hbanner .swiper-pagination-bullet-active { opacity: 1 }
.community-hbanner .community-hbanner-a { display: block }
.community-hbanner .community-hbanner-a, .community-hbanner .community-hbanner-a img { width: 100%; height: 100% }
@media (min-width:768px) {
.community-hbanner { height: 177px }
}
@media (min-width:992px) {
.community-hbanner { height: 235px }
}
@media (min-width:1200px) {
.community-hbanner { height: 285px }
}
.community-recommend { overflow: hidden; background-color: #fff; border-radius: 4px }
.community-recommend+.community-recommend { margin-top: 20px }
.community-recommend .community-recommend-heading { position: relative; border-bottom: 2px solid #eef3f5 }
.community-recommend .community-recommend-heading .iconfont { position: absolute; top: 10px; font-size: 17px; line-height: 30px; color: #f36b61 }
.community-recommend .community-recommend-heading h2 { display: inline-block; font-size: 16px; line-height: 50px; color: #212b34; vertical-align: top }
.community-recommend .community-recommend-heading h2.tabs span { position: relative; display: inline-block; color: #87959f; cursor: pointer; vertical-align: top }
.community-recommend .community-recommend-heading h2.tabs span:after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background-color: transparent; content: "" }
.community-recommend .community-recommend-heading h2.tabs span:hover { color: #525a67 }
.community-recommend .community-recommend-heading h2.tabs span.active { color: #212b34 }
.community-recommend .community-recommend-heading h2.tabs span.active:after { background-color: #212b34 }
.community-recommend .community-recommend-heading .more span { display: inline-block; font-size: 14px; line-height: 50px; color: #87959f; cursor: pointer; vertical-align: top }
.community-recommend .community-recommend-heading .more span:hover { color: #525a67 }
.community-recommend .community-recommend-heading .more span.active { color: #212b34 }
.community-recommend .community-recommend-btns { border-top: 2px solid #eef3f5 }
.community-recommend .community-recommend-btns .community-recommend-btn { display: block; width: 100%; color: #212b34; text-align: center }
.community-recommend .community-recommend-btns .community-recommend-btn:hover { color: #87959f }
.community-recommend .community-recommend-btns .community-recommend-btn:active { color: #212b34 }
.community-recommend .community-recommend-con.lists ul { counter-reset: number }
.community-recommend .community-recommend-con.lists ul li { float: left; width: 33.33333333% }
.community-recommend .community-recommend-con.lists ul li:first-child a.work-cover:before { background-color: #ff5900 }
.community-recommend .community-recommend-con.lists ul li:nth-child(2) a.work-cover:before { background-color: #f36b61 }
.community-recommend .community-recommend-con.lists ul li:nth-child(3) a.work-cover:before { background-color: #ff8407 }
.community-recommend .community-recommend-con.lists ul li.loading { width: 100%; text-align: center; color: #87959f }
.community-recommend .community-recommend-con.lists ul li.loading .iconfont { display: inline-block; vertical-align: top; -webkit-animation: rotate 1.5s linear; animation: rotate 1.5s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.community-recommend .community-recommend-con.lists ul a.work-cover { position: relative; display: block; overflow: hidden; border-radius: 4px }
.community-recommend .community-recommend-con.lists ul a.work-cover:before { position: absolute; top: 0; right: 0; z-index: 1; font-size: 12px; color: #fff; background-color: #b1bbc3; text-align: center; content: counter(number); counter-increment: number; border-radius: 0 0 0 4px }
.community-recommend .community-recommend-con.lists ul a.work-cover img { width: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.community-recommend .community-recommend-con.lists ul a.work-cover:hover img { -webkit-filter: brightness(.95); filter: brightness(.95) }
.community-recommend .community-recommend-con.lists ul a.work-publisher { display: inline-block; max-width: 100%; margin-bottom: 6px; font-size: 12px; line-height: 20px; color: #525a67; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.community-recommend .community-recommend-con.lists ul a.work-publisher .portrait { width: 20px; height: 20px; margin-right: 6px; vertical-align: top; border-radius: 50% }
.community-recommend .community-recommend-con.lists ul a.work-publisher:hover { color: #87959f }
.community-recommend .community-recommend-con.lists ul p { font-size: 12px; line-height: 20px; color: #87959f }
.community-recommend .community-recommend-con.tags { height: auto }
.community-recommend .community-recommend-con.tags>div a { display: inline-block; padding: 6px 12px; font-size: 12px; line-height: 18px; color: #87959f; background-color: #f6f8fa; vertical-align: top; border-radius: 3px }
.community-recommend .community-recommend-con.tags>div a:hover { color: #525a67; background-color: #e3e9ef }
.community-recommend .community-recommend-con.tags>div.act_tags a { color: #525a67; background-color: rgba(2,124,219,.1) }
.community-recommend .community-recommend-con.tags>div.act_tags a:hover { background-color: rgba(2,124,219,.2) }
.community-recommend .community-recommend-con.topics ul { counter-reset: number }
.community-recommend .community-recommend-con.topics ul li+li { margin-top: 10px }
.community-recommend .community-recommend-con.topics ul li a { display: block; line-height: 20px; color: #525a67; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.community-recommend .community-recommend-con.topics ul li a:before { display: inline-block; font-size: 12px; color: #fff; background-color: #b1bbc3; text-align: center; vertical-align: top; content: counter(number); counter-increment: number; border-radius: 4px }
.community-recommend .community-recommend-con.topics ul li a:hover { color: #87959f }
.community-recommend .community-recommend-con.topics ul li a:active { color: #212b34 }
.community-recommend .community-recommend-con.topics ul li:first-child a:before { background-color: #ff5900 }
.community-recommend .community-recommend-con.topics ul li:nth-child(2) a:before { background-color: #f36b61 }
.community-recommend .community-recommend-con.topics ul li:nth-child(3) a:before { background-color: #ff8407 }
@media (min-width:768px) {
.community-recommend .community-recommend-heading { padding-right: 16px; padding-left: 36px }
.community-recommend .community-recommend-heading .iconfont { left: 14px }
.community-recommend .community-recommend-heading h2.tabs span+span { margin-left: 4px }
.community-recommend .community-recommend-btns .community-recommend-btn { font-size: 14px; line-height: 48px }
.community-recommend .community-recommend-con { padding-right: 16px; padding-left: 16px }
.community-recommend .community-recommend-con.lists { padding-top: 16px }
.community-recommend .community-recommend-con.lists ul { margin-right: -2px; margin-left: -2px }
.community-recommend .community-recommend-con.lists ul li { padding: 0 2px 12px }
.community-recommend .community-recommend-con.lists ul li.loading .iconfont { font-size: 30px; line-height: 214px }
.community-recommend .community-recommend-con.lists ul a.work-cover { margin-bottom: 6px }
.community-recommend .community-recommend-con.lists ul a.work-cover:before { width: 16px; line-height: 16px }
.community-recommend .community-recommend-con.tags { padding-top: 16px; padding-bottom: 10px }
.community-recommend .community-recommend-con.tags>div { margin-right: -4px }
.community-recommend .community-recommend-con.tags>div a { margin-bottom: 4px }
.community-recommend .community-recommend-con.topics { padding-top: 16px; padding-bottom: 16px }
.community-recommend .community-recommend-con.topics ul li a { font-size: 12px }
.community-recommend .community-recommend-con.topics ul li a:before { width: 16px; height: 16px; margin-top: 2px; margin-right: 4px; line-height: 16px }
}
@media (min-width:992px) {
.community-recommend .community-recommend-heading { padding-right: 20px; padding-left: 42px }
.community-recommend .community-recommend-heading .iconfont { left: 18px }
.community-recommend .community-recommend-heading h2.tabs span+span { margin-left: 16px }
.community-recommend .community-recommend-heading .more span+span { margin-left: 10px }
.community-recommend .community-recommend-btns .community-recommend-btn { font-size: 16px; line-height: 52px }
.community-recommend .community-recommend-con.lists { padding-top: 20px }
.community-recommend .community-recommend-con.lists ul { margin-right: -4px; margin-left: -4px }
.community-recommend .community-recommend-con.lists ul li { padding: 0 4px 16px }
.community-recommend .community-recommend-con.lists ul li.loading .iconfont { line-height: 261px }
.community-recommend .community-recommend-con.lists ul a.work-cover { margin-bottom: 10px }
.community-recommend .community-recommend-con.lists ul a.work-cover:before { width: 18px; line-height: 18px }
.community-recommend .community-recommend-con.tags { padding-bottom: 8px }
.community-recommend .community-recommend-con.tags>div { margin-right: -8px }
.community-recommend .community-recommend-con.tags>div a { margin-right: 4px; margin-bottom: 8px }
.community-recommend .community-recommend-con.topics ul li a { font-size: 14px }
.community-recommend .community-recommend-con.topics ul li a:before { width: 18px; height: 18px; margin-top: 1px; margin-right: 10px; line-height: 18px }
}
@media (min-width:1200px) {
.community-recommend .community-recommend-btns .community-recommend-btn { line-height: 56px }
.community-recommend .community-recommend-con { padding-right: 20px; padding-left: 20px }
.community-recommend .community-recommend-con.lists ul li.loading .iconfont { font-size: 35px; line-height: 290px }
.community-recommend .community-recommend-con.tags { padding-top: 20px; padding-bottom: 10px }
.community-recommend .community-recommend-con.tags>div { margin-right: -10px }
.community-recommend .community-recommend-con.tags>div a { margin-right: 6px; margin-bottom: 10px }
.community-recommend .community-recommend-con.topics { padding-top: 20px; padding-bottom: 20px }
}
.illust-item { position: relative; border-radius: 4px; -ms-box-shadow: 0 0 5px rgba(0,0,0,.05); -o-box-shadow: 0 0 5px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05) }
.illust-item .sign { position: absolute; top: -5px; left: 8px; z-index: 1 }
.illust-item .illust-cover { position: relative; display: block; width: 100% }
.illust-item .illust-cover img { width: 100%; height: 100%; border-radius: 4px 4px 0 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.illust-item .illust-cover:hover img { -webkit-filter: brightness(.95); filter: brightness(.95) }
.illust-item .illust-des { min-height: 20px; padding: 10px; background-color: #fff; border-radius: 0 0 4px 4px }
.illust-item .illust-des .publisher { display: inline-block; line-height: 20px; color: #525a67; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.illust-item .illust-des .publisher:hover { color: #87959f }
.illust-item .illust-des .identity-img { width: 15px; margin-top: 3px; vertical-align: top }
.illust-item .illust-des .illust-zan { float: right; display: inline-block }
.illust-item .illust-des .illust-zan .iconfont { display: inline-block; margin-top: 4px; font-size: 15px; line-height: 15px; color: #87959f; vertical-align: top }
.illust-item .illust-des .illust-zan .iconfont+em { display: inline-block; font-size: 12px; line-height: 20px; color: #87959f; vertical-align: top }
.illust-item .illust-des .illust-zan.zaned .iconfont { color: #f36b61 }
.illust-item .illust-tags { margin-top: 10px; min-height: 23px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.illust-item .illust-tags .tag { display: inline-block; padding: 0 5px; font-size: 12px; line-height: 23px; color: #87959f; background-color: #f6f8fa; vertical-align: top; border-radius: 3px }
.illust-item .illust-tags .tag+.tag { margin-left: 1px }
.illust-item .illust-tags .tag:hover { color: #525a67; background-color: #e3e9ef }
.illust-item .illust-tags .tag.act-tag { color: #525a67; background-color: rgba(2,124,219,.1) }
.illust-item .illust-tags .tag.act-tag:hover { background-color: rgba(2,124,219,.2) }
@media (min-width:768px) {
.illust-item .illust-des .publisher { font-size: 13px }
}
@media (min-width:1200px) {
.illust-item .illust-des .publisher { font-size: 14px }
}
.graffiti-list li, .illust-list li { float: left }
@media (min-width:768px) {
.graffiti-list, .illust-list { margin-left: -12px }
.graffiti-list li, .illust-list li { width: 178px; margin-bottom: 12px; margin-left: 12px }
.graffiti-list li .illust-des .publisher, .illust-list li .illust-des .publisher { max-width: 70px }
.illust-list .illust-cover { height: 134px }
}
@media (min-width:992px) {
.graffiti-list, .illust-list { margin-left: -16px }
.graffiti-list li, .illust-list li { width: 233px; margin-bottom: 16px; margin-left: 16px }
.graffiti-list li .illust-des .publisher, .illust-list li .illust-des .publisher { max-width: 116px }
.illust-list .illust-cover { height: 175px }
}
@media (min-width:1200px) {
.graffiti-list, .illust-list { margin-left: -20px }
.graffiti-list li, .illust-list li { width: 280px; margin-bottom: 20px; margin-left: 20px }
.graffiti-list li .illust-des .publisher, .illust-list li .illust-des .publisher { max-width: 164px }
.illust-list .illust-cover { height: 210px }
}
@media (min-width:768px) {
.graffiti-list .illust-cover { height: 178px }
}
@media (min-width:992px) {
.graffiti-list .illust-cover { height: 233px }
}
@media (min-width:1200px) {
.graffiti-list .illust-cover { height: 280px }
}
.topic-topping { padding: 20px 30px; background-color: #fff; border-radius: 4px }
.topic-topping .topic-topping-item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.topic-topping .topic-topping-item+.topic-topping-item { margin-top: 20px }
.topic-topping .topic-topping-item .topping { display: inline-block; padding: 0 5px; margin-top: 2px; margin-right: 10px; font-size: 12px; line-height: 18px; color: #fff; background-color: #f36b61; vertical-align: top; border-radius: 4px }
.topic-topping .topic-topping-item a { display: inline-block; font-size: 14px; line-height: 22px; color: #525a67; vertical-align: top }
.topic-topping .topic-topping-item a:hover { color: #87959f }
.topic-topping .topic-topping-item a:active { color: #212b34 }
.topic-item { position: relative; background-color: #fff; border-radius: 4px; -ms-box-shadow: 0 0 5px rgba(0,0,0,.05); -o-box-shadow: 0 0 5px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05) }
.topic-item .topic-item-heading { position: relative; height: 52px; padding-top: 10px; padding-right: 30px; padding-left: 30px; border-bottom: 2px solid #f7fafb }
.topic-item .topic-item-heading .community-publisher { position: relative; z-index: 3; display: inline-block; color: #212b34; vertical-align: top }
.topic-item .topic-item-heading .community-publisher>a { display: block; color: #212b34 }
.topic-item .topic-item-heading .community-publisher>a span { display: inline-block; font-size: 14px; line-height: 30px; max-width: 380px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.topic-item .topic-item-heading .community-publisher>a img, .topic-item .topic-item-heading .community-publisher>img { width: 30px; height: 30px; margin-right: 10px; vertical-align: top; border-radius: 50% }
.topic-item .topic-item-heading .community-publisher:hover>a { color: #027cdb }
.topic-item .topic-item-heading .community-publisher:hover .community-item-publisher { display: block }
.topic-item .topic-item-heading .identity { display: inline-block; margin-top: 5px; vertical-align: top }
.topic-item .topic-item-heading .identity img { width: 20px; height: 20px; vertical-align: top }
.topic-item .topic-item-con { padding: 14px 30px 4px }
.topic-item .topic-item-con h4 { margin-bottom: 5px }
.topic-item .topic-item-con h4 a { display: inline-block; font-size: 20px; font-weight: 700; line-height: 30px; color: #525a67; vertical-align: top }
.topic-item .topic-item-con h4 a:hover { color: #87959f }
.topic-item .topic-item-con h4 a:active { color: #212b34 }
.topic-item .topic-item-con h4 .discuss-type { display: inline-block; padding: 0 5px; margin-top: 7px; margin-left: 10px; font-size: 12px; line-height: 16px; color: #00c46a; border: 1px solid #00c46a; vertical-align: top; border-radius: 4px }
.topic-item .topic-item-con p { margin-bottom: 10px }
.topic-item .topic-item-con p a { display: inline-block; max-height: 44px; overflow: hidden; font-size: 14px; line-height: 22px; color: #525a67; vertical-align: top }
.topic-item .topic-item-con p a:hover { color: #87959f }
.topic-item .topic-item-con p a:active { color: #212b34 }
.topic-item .topic-item-con .topic-item-img { display: inline-block; margin-bottom: 14px; vertical-align: top }
.topic-item .topic-item-con .topic-item-img span { float: left; display: block; width: 180px; height: 135px }
.topic-item .topic-item-con .topic-item-img span+span { margin-left: 10px }
.topic-item .topic-item-con .topic-item-img span img { width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.topic-item .topic-item-con .topic-item-img:hover span img { -webkit-filter: brightness(.95); filter: brightness(.95) }
.topic-item .topic-item-con .topic-item-tags .topic-item-date { float: right; display: inline-block; margin-top: 6px; font-size: 12px; line-height: 20px; color: #b1bbc3 }
.topic-item .topic-item-con .topic-item-tag { float: left; display: inline-block }
.topic-item .topic-item-con .topic-item-tag .tag { display: inline-block; padding: 6px 12px; margin-bottom: 10px; margin-right: 10px; font-size: 12px; line-height: 18px; color: #87959f; background-color: #f6f8fa; vertical-align: top; border-radius: 3px }
.topic-item .topic-item-con .topic-item-tag .tag:hover { color: #525a67; background-color: #e3e9ef }
.topic-item .topic-item-btns { height: 40px; padding-right: 30px; padding-left: 30px; text-align: right; border-top: 2px solid #f7fafb }
.topic-item .topic-item-btns span { display: inline-block; color: #87959f; font-size: 12px; line-height: 38px; vertical-align: top }
.topic-item .topic-item-btns span.community-icon+span.community-icon { margin-left: 16px }
.topic-item .topic-item-btns span.community-icon em { display: inline-block; vertical-align: top }
.topic-item .topic-item-btns span.community-icon em.iconfont { line-height: 38px; -webkit-transform: scale(.95); transform: scale(.95) }
.topic-item .topic-item-btns span.community-icon em.iconfont+em { margin-left: 6px; line-height: 36px }
.topic-item .topic-item-btns span.community-icon.view em.iconfont { line-height: 36px; font-size: 15px }
.topic-item .topic-item-btns span.community-icon.zan em.iconfont { font-size: 17px }
.topic-item .topic-item-btns span.community-icon.zan.zaned em.iconfont { color: #f36b61 }
.topic-item .topic-item-btns span.community-icon.reply em.iconfont { font-size: 17px }
@media (min-width:768px) {
.topic-item .topic-item-con .topic-item-tag { max-width: 570px }
}
@media (min-width:992px) {
.topic-item .topic-item-con .topic-item-tag { max-width: 590px }
}
@media (min-width:1200px) {
.topic-item .topic-item-con .topic-item-tag { max-width: 720px }
}
.topic-con .topic-item, .topic-con .topic-recommend, .topic-con .topic-topping { margin-bottom: 20px }
.topic-con .topic-recommend a.cover { display: block; color: #525a67 }
.topic-con .topic-recommend a.cover:hover { color: #87959f }
.topic-con .topic-recommend a.cover:active { color: #212b34 }
.topic-con .topic-recommend a.cover img { width: 100%; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.topic-con .topic-recommend a.cover span { display: block; margin-top: 10px; font-size: 14px; line-height: 20px }
.topic-con .topic-recommend a.cover:hover img { -webkit-filter: brightness(.95); filter: brightness(.95) }
@media (min-width:768px) {
.topic-con .topic-left, .topic-con .topic-right { width: 100% }
.topic-con .topic-recommend { float: left; width: 178px; margin-top: 20px; margin-right: 12px }
.topic-con .topic-recommend .cover img { max-height: 216px }
}
@media (min-width:992px) {
.topic-con .topic-left { float: left; width: 770px }
.topic-con .topic-right { float: right; width: 192px }
.topic-con .topic-recommend { float: none; width: 100%; margin-top: 0; margin-right: 0 }
.topic-con .topic-recommend .cover img { max-height: 233px }
}
@media (min-width:1200px) {
.topic-con .topic-left { width: 900px }
.topic-con .topic-right { width: 260px }
.topic-con .topic-recommend .cover img { max-height: 316px }
}
.community-tag { height: 114px; padding: 20px; color: #fff; background: url("https://assets-cdn.lanqb.com/imgv3/community/tag-bg.png") no-repeat 50%; background-size: 100% 100%; border-radius: 4px }
.community-tag h3 { max-height: 74px; font-size: 26px; line-height: 37px }
.community-top-cons .community-top-left .left-item { background-color: #fff; border-radius: 4px; -ms-box-shadow: 0 0 5px rgba(0,0,0,.05); -o-box-shadow: 0 0 5px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05) }
.community-top-cons .community-top-left .left-item+.left-item { margin-top: 20px }
.community-top-cons .community-top-left .left-item h3 { padding: 15px 20px; font-size: 16px; line-height: 20px; border-bottom: 1px solid #eef3f5 }
.community-top-cons .community-top-left .top-tips p { font-size: 12px; line-height: 20px; color: #525a67 }
.community-top-cons .community-top-left .top-nav { position: relative }
.community-top-cons .community-top-left .top-nav a { display: block; padding: 15px 20px; font-size: 14px; line-height: 20px; color: #525a67 }
.community-top-cons .community-top-left .top-nav .line { position: absolute; left: 0; display: none; width: 2px; height: 16px; background-color: #027cdb; -webkit-transition: top .2s ease-in-out; transition: top .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.community-top-cons .community-top-con { background-color: #fff; border-radius: 4px; -ms-box-shadow: 0 0 5px rgba(0,0,0,.05); -o-box-shadow: 0 0 5px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05) }
.community-top-cons .community-top-loading { padding: 40px 0; text-align: center; border-top: 1px solid #eef3f5 }
.community-top-cons .community-top-loading .iconfont { display: inline-block; margin-right: 10px; font-size: 20px; line-height: 20px; vertical-align: top; -webkit-animation: rotate 1.5s linear; animation: rotate 1.5s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.community-top-cons .community-top-loading span { display: inline-block; font-size: 16px; line-height: 20px; color: #87959f; vertical-align: top }
@media (min-width:768px) {
.community-top-cons .community-top-left { width: 100%; margin-top: 20px }
.community-top-cons .community-top-left .top-tips { padding: 20px }
.community-top-cons .community-top-con { width: 100% }
}
@media (min-width:992px) {
.community-top-cons .community-top-left { float: left; width: 192px; margin-top: 0 }
.community-top-cons .community-top-left .top-tips { padding: 14px }
.community-top-cons .community-top-con { float: right; width: 772px }
}
@media (min-width:1200px) {
.community-top-cons .community-top-left { width: 260px }
.community-top-cons .community-top-left .top-tips { padding: 20px }
.community-top-cons .community-top-con { width: 900px }
}
.community-top-heading { position: relative; padding-top: 11px; padding-bottom: 11px; text-align: center; border-bottom: 1px solid #eef3f5 }
.community-top-heading h3 { display: inline-block; font-size: 16px; line-height: 28px; vertical-align: top }
.community-top-heading h3 .iconfont { margin-right: 7px; font-size: 18px; line-height: 28px; color: #f36b61; vertical-align: top }
.community-top-heading .tabs { position: absolute; top: 11px; display: inline-block }
.community-top-heading .tabs a { display: inline-block; padding: 0 12px; font-size: 14px; line-height: 28px; color: #87959f; vertical-align: top; border-radius: 3px }
.community-top-heading .tabs a+a { margin-left: 6px }
.community-top-heading .tabs a:hover { color: #525a67 }
.community-top-heading .tabs a.active { color: #212b34; background-color: #e3e9ef }
.community-top-heading .top-periods { position: absolute; top: 10px; z-index: 2 }
.community-top-heading .top-periods.active .periods-value:after, .community-top-heading .top-periods:focus .periods-value:after { border-left-color: #027cdb; border-bottom-color: #027cdb }
.community-top-heading .periods-value { position: relative; padding-right: 22px; white-space: nowrap; cursor: pointer; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.community-top-heading .periods-value:after { position: absolute; top: 8px; right: 2px; width: 7px; height: 7px; border-left: 1px solid #87959f; border-bottom: 1px solid #87959f; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.community-top-heading .periods-value span { display: inline-block; font-size: 16px; line-height: 30px; vertical-align: top }
.community-top-heading .periods-value em { display: inline-block; margin-left: 10px; font-size: 12px; line-height: 30px; color: #87959f; vertical-align: top }
.community-top-heading .periods-optList { position: absolute; top: 35px; right: 0; display: inline-block; padding: 5px 0; overflow: hidden; overflow-y: auto; background-color: #fff; border-radius: 4px; -ms-box-shadow: 0 0 5px rgba(0,0,0,.06); -o-box-shadow: 0 0 5px rgba(0,0,0,.06); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.06); box-shadow: 0 0 5px rgba(0,0,0,.06) }
.community-top-heading .periods-optList.hidden { display: none; max-height: 0 }
.community-top-heading .periods-optList::-webkit-scrollbar {
width:3px;
border-radius:2px
}
.community-top-heading .periods-optList::-webkit-scrollbar-thumb {
background:#e3e9ef;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-text-decoration-skip:objects;
text-decoration-skip:objects;
border-radius:2px
}
.community-top-heading .periods-optList:hover::-webkit-scrollbar-thumb {
background:#87959f
}
.community-top-heading .periods-optList li { display: block; padding: 15px 30px; color: #525a67; text-align: left; white-space: nowrap; cursor: pointer }
.community-top-heading .periods-optList li a { display: block }
.community-top-heading .periods-optList li span { display: inline-block; font-size: 16px; line-height: 20px; vertical-align: top }
.community-top-heading .periods-optList li em { display: block; margin-top: 10px; font-size: 12px; line-height: 14px }
.community-top-heading .periods-optList li.selected, .community-top-heading .periods-optList li:hover { background-color: #f6f8fa }
.community-top-heading .periods-optList.month li em { display: inline-block; min-width: 70px; margin-top: 3px; vertical-align: top }
@media (min-width:768px) {
.community-top-heading { padding-right: 100px; padding-left: 20px }
.community-top-heading .tabs { left: 20px }
.community-top-heading .top-periods { right: 20px }
.community-top-heading .periods-optList { max-height: 528px }
}
@media (min-width:1200px) {
.community-top-heading { padding-right: 30px; padding-left: 30px }
.community-top-heading .tabs { left: 30px }
.community-top-heading .top-periods { right: 30px }
.community-top-heading .periods-optList { max-height: 602px }
}
.community-top-list { counter-reset: number }
.community-top-list li { position: relative }
.community-top-list li:before { position: absolute; top: 50%; left: 0; margin-top: -30px; font-weight: 700; line-height: 60px; color: #b1bbc3; text-align: center; vertical-align: top; content: counter(number); counter-increment: number }
.community-top-list li+li { border-top: 1px solid #eef3f5 }
.community-top-list li:hover { background-color: rgba(0,0,0,.01) }
.community-top-list li:first-child:before { color: #ff5900 }
.community-top-list li:nth-child(2):before { color: #f36b61 }
.community-top-list li:nth-child(3):before { color: #ff8407 }
.community-top-list li.three .community-publisher .portrait-info img { width: 40px; height: 40px }
.community-top-list li.three .community-publisher .identity, .community-top-list li.three .community-publisher .portrait-info span { margin-top: 10px }
.community-top-list li.three .community-publisher .gz-btn { top: 5px }
.community-top-list li.three .community-top-tags { margin-top: 52px }
.community-top-list .community-top-cover { float: left; overflow: hidden; border-radius: 4px }
.community-top-list .community-top-cover img { width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.community-top-list .community-top-cover:hover img { -webkit-filter: brightness(.95); filter: brightness(.95) }
.community-top-list .community-top-des { float: right }
.community-top-list .community-publisher { position: relative }
.community-top-list .community-publisher .portrait-info { display: inline-block; color: #525a67; vertical-align: top }
.community-top-list .community-publisher .portrait-info:hover { color: #87959f }
.community-top-list .community-publisher .portrait-info:active { color: #212b34 }
.community-top-list .community-publisher .portrait-info img { width: 30px; height: 30px; vertical-align: top; border-radius: 50% }
.community-top-list .community-publisher .portrait-info span { display: inline-block; margin-top: 5px; margin-left: 10px; font-size: 14px; line-height: 20px; vertical-align: top }
.community-top-list .community-publisher .identity { display: inline-block; margin-top: 5px; vertical-align: top }
.community-top-list .community-publisher .identity img { width: 20px; vertical-align: top }
.community-top-list .community-publisher .gz-btn { position: absolute; top: 0; right: 0 }
.community-top-list .community-top-tags .tag { display: inline-block; padding: 6px 12px; margin-bottom: 10px; margin-right: 6px; font-size: 12px; line-height: 18px; color: #87959f; background-color: #f6f8fa; vertical-align: top; border-radius: 3px }
.community-top-list .community-top-tags .tag:hover { color: #525a67; background-color: #e3e9ef }
.community-top-list .community-top-tags .tag.act-tag { color: #525a67; background-color: rgba(2,124,219,.1) }
.community-top-list .community-top-tags .tag.act-tag:hover { background-color: rgba(2,124,219,.2) }
.community-top-list .community-top-btns span { display: inline-block; font-size: 12px; color: #87959f; vertical-align: top }
.community-top-list .community-top-btns span.community-icon+span.community-icon { margin-left: 16px }
.community-top-list .community-top-btns span.community-icon em { display: inline-block; vertical-align: top }
.community-top-list .community-top-btns span.community-icon em.iconfont { line-height: 20px; -webkit-transform: scale(.95); transform: scale(.95) }
.community-top-list .community-top-btns span.community-icon em.iconfont+em { margin-left: 2px; line-height: 18px }
.community-top-list .community-top-btns span.community-icon.view em.iconfont { line-height: 19px; font-size: 15px }
.community-top-list .community-top-btns span.community-icon.zan em.iconfont { font-size: 17px }
.community-top-list .community-top-btns span.community-icon.zan.zaned em.iconfont { color: #f36b61 }
.community-top-list .community-top-btns span.community-icon.reply em.iconfont { font-size: 17px }
.community-top-list .community-top-btns span.date { float: right; line-height: 18px }
@media (min-width:768px) {
.community-top-list li { padding: 20px 20px 20px 110px }
.community-top-list li:before { width: 110px; font-size: 42px }
.community-top-list li.three:before { font-size: 50px }
.community-top-list li.three .community-top-cover { width: 204px; height: 153px }
.community-top-list li.three .community-top-des { width: 401px }
.community-top-list .community-top-cover { width: 160px; height: 120px }
.community-top-list .community-top-des { width: 445px }
.community-top-list .community-top-tags { margin-top: 21px }
}
@media (min-width:992px) {
.community-top-list li { padding-left: 130px }
.community-top-list li:before { width: 130px; font-size: 48px }
.community-top-list li.three:before { font-size: 54px }
}
@media (min-width:1200px) {
.community-top-list li { padding: 30px 30px 30px 150px }
.community-top-list li:before { width: 150px; font-size: 50px }
.community-top-list li.three:before { font-size: 60px }
.community-top-list li.three .community-top-cover { width: 240px; height: 180px }
.community-top-list li.three .community-top-des { width: 456px }
.community-top-list .community-top-cover { width: 188px; height: 141px }
.community-top-list .community-top-des { width: 508px }
.community-top-list .community-publisher { margin-top: 10px }
.community-top-list .community-top-tags { padding-bottom: 8px; margin-top: 21px }
}
.popup-timestamp { text-align: center; width: 600px; margin-left: -300px; border-radius: 10px; text-align: left; padding: 0 66px; position: relative }
.popup-timestamp .copyright { height: 90px; margin: 50px auto 24px; display: block }
.popup-timestamp .popup-timestamp { width: 124px }
.popup-timestamp .content { color: #525a67; line-height: 24px; font-size: 16px }
.popup-timestamp .tips { color: #87959f; margin-top: 10px; margin-bottom: 70px; font-size: 14px }
.timeline-setting { position: relative; float: right; width: 4px; height: 18px; cursor: pointer }
.timeline-setting>span { position: relative; display: block; width: 4px; height: 4px; background-color: #e3e9ef; color: #e3e9ef; font-size: 28px; font-weight: 700; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; letter-spacing: -7px; text-align: right; line-height: .5; text-indent: 9999px; border-radius: 50% }
.timeline-setting>span:after, .timeline-setting>span:before { position: absolute; left: 0; width: 100%; height: 100%; content: ""; background-color: #e3e9ef; border-radius: 50% }
.timeline-setting>span:before { top: 7px }
.timeline-setting>span:after { top: 14px }
.timeline-setting .mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: default }
.timeline-setting .setting-box { position: absolute; top: 20px; right: -10px; z-index: 2; width: 100px; padding: 16px 10px; background-color: #fff; border: 1px solid #e3e9ef; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; -ms-box-shadow: 0 4px 30px rgba(7,39,65,.1); -o-box-shadow: 0 4px 30px rgba(7,39,65,.1); -webkit-box-shadow: 0 4px 30px rgba(7,39,65,.1); box-shadow: 0 4px 30px rgba(7,39,65,.1); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.timeline-setting .setting-box li { color: #525a67; font-size: 14px }
.timeline-setting .setting-box li:hover { color: #027cdb }
.timeline-setting .setting-box .li-line { height: 1px; margin: 10px auto; background-color: #eef3f5 }
.popup-complaint.position { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.disNone { visibility: hidden }
.disHidden { display: none!important }
.timeline-setting-del { position: absolute; top: 16px; right: 16px; z-index: 1; width: 62px; height: 27px; color: #87959f; font-size: 12px; line-height: 20px; background-color: #f6f8fa; border: none; cursor: pointer; border-radius: 30px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.timeline-setting-del .iconfont { margin-right: 3px; font-size: 12px; line-height: 1 }
.timeline-setting-del:hover { color: #027cdb; background-color: rgba(2,124,219,.1) }
.timeline-setting-del.mryh { top: auto; bottom: 16px }
.community-crumbs { padding: 14px 0 }
.community-crumbs .crumbs { font-size: 14px; line-height: 20px; color: #87959f }
.community-crumbs .crumbs a { color: #87959f }
.community-crumbs .crumbs a:hover { color: #027cdb }
.community-crumbs .crumbs em { margin: 0 4px }
.community-subNav4 { padding: 14px 0 }
.community-subNav4 .community-subNav4-nav { margin-top: 6px; display: -webkit-box; display: -ms-flexbox; display: flex }
.community-subNav4 .community-subNav4-nav a { position: relative; font-size: 16px; line-height: 36px; color: #525a67 }
.community-subNav4 .community-subNav4-nav a:before { position: absolute; bottom: -2px; left: 50%; width: 28px; height: 2px; margin-left: -14px; content: ""; border-radius: 1px }
.community-subNav4 .community-subNav4-nav a+a { margin-left: 50px }
.community-subNav4 .community-subNav4-nav a.active, .community-subNav4 .community-subNav4-nav a:hover { color: #027cdb }
.community-subNav4 .community-subNav4-nav a.active:before { background-color: #027cdb }
.community-subNav4 .community-subNav4-nav.v5_220310 a { font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }
.community-subNav4 .community-subNav4-nav.v5_220310 a+a { margin-left: 50px }
.community-subNav4 .community-subNav4-nav.v5_220310 a em { margin-left: 6px; font-size: 12px; line-height: 34px; color: #87959f }
.community-subNav4 .community-subNav4-nav.v5_220310 a.active em, .community-subNav4 .community-subNav4-nav.v5_220310 a:hover em { color: #027cdb }
@media (min-width:768px) {
.community-subNav4 .community-subNav4-nav.v5_220310 a { font-size: 16px }
.community-subNav4 .community-subNav4-nav.v5_220310 a+a { margin-left: 30px }
}
@media (min-width:992px) {
.community-subNav4 .community-subNav4-nav.v5_220310 a+a { margin-left: 40px }
}
@media (min-width:1200px) {
.community-subNav4 .community-subNav4-nav.v5_220310 a { font-size: 18px }
.community-subNav4 .community-subNav4-nav.v5_220310 a+a { margin-left: 50px }
}
.community-subNav4 .community-subNav4-nav.v5_220310 a.num a+a:before { margin-left: -24px }
.community-subNav4 .community-subNav4-upload { height: 42px; border: none; font-size: 14px; line-height: 42px; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
@media (min-width:768px) {
.community-subNav4 .community-subNav4-upload { width: 94px }
}
@media (min-width:992px) {
.community-subNav4 .community-subNav4-upload { width: 104px }
}
.community-subNav4 .community-subNav4-upload .iconfont { margin-right: 8px; font-size: 18px }
.community-tabv4 { margin: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex }
.community-tabv4 .item { min-width: 52px; padding-right: 10px; padding-left: 10px; font-size: 12px; line-height: 28px; white-space: nowrap; text-align: center; color: #87959f; cursor: pointer; border-radius: 20px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.community-tabv4 .item+.item { margin-left: 12px }
.community-tabv4 .item:hover { color: #525a67 }
.community-tabv4 .item.active { color: #212b34; background-color: #e3e9ef; cursor: default }
.community-tabv4.mt-none { margin-top: 0 }
.graffiti-pagination { padding-top: 44px; padding-bottom: 50px }
.community-loading { color: #525a67; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.community-loading.ptb30 { padding-top: 30px; padding-bottom: 30px }
.community-loading img { margin-right: 10px; -webkit-animation: rotate 2.5s linear; animation: rotate 2.5s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.community-loading span { position: relative; font-size: 14px; line-height: 30px }
.community-loading .dotting { min-width: 2px; min-height: 2px; margin-right: 10px; -webkit-box-shadow: 2px 0, 6px 0, 10px 0; box-shadow: 2px 0, 6px 0, 10px 0; -webkit-animation: dot 3s infinite step-start both; animation: dot 3s infinite step-start both; content: "" }
@keyframes dot { 25% {
-webkit-box-shadow:none;
box-shadow:none
}
50% {
-webkit-box-shadow:2px 0;
box-shadow:2px 0
}
75% {
-webkit-box-shadow:2px 0, 6px 0;
box-shadow:2px 0, 6px 0
}
}
.community-listv4.illust { position: relative; padding-bottom: 30px }
.community-listv4.illust .community-item { position: absolute }
.community-listv4.illust .cover { max-height: 800px }
.community-listv4.illust .cover img, .tag-detail .community-listv4.tag .cover img { height: auto }
.community-listv4.graffiti { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap }
.community-listv4.graffiti .community-item { position: relative }
@media (min-width:768px) {
.community-listv4.graffiti { margin-left: -7px }
.community-listv4.graffiti .community-item { margin-bottom: 10px; margin-left: 7px }
.community-listv4.graffiti .cover img { height: 144px }
}
@media (min-width:992px) {
.community-listv4.graffiti { margin-left: -10px }
.community-listv4.graffiti .community-item { margin-bottom: 12px; margin-left: 10px }
.community-listv4.graffiti .cover img { height: 188px }
}
@media (min-width:1200px) {
.community-listv4.graffiti { margin-left: -15px }
.community-listv4.graffiti .community-item { margin-left: 15px }
.community-listv4.graffiti .cover img { height: 224px }
}
@media (min-width:768px) {
.community-listv4.graffiti .des { padding-bottom: 4px }
}
@media (min-width:992px) {
.community-listv4.graffiti .des { padding-bottom: 6px }
}
@media (min-width:1200px) {
.community-listv4.graffiti .des { padding-bottom: 8px }
}
.community-listv4.graffiti .des p { height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.community-listv4.graffiti .des p a { color: #525a67 }
.community-listv4.graffiti .des p a:hover { color: #027cdb }
.community-listv4 .community-item { position: relative; background-color: #fff; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
@media (min-width:768px) {
.community-listv4 .community-item { width: 144px; border-radius: 4px }
}
@media (min-width:992px) {
.community-listv4 .community-item { width: 188px; border-radius: 5px }
}
@media (min-width:1200px) {
.community-listv4 .community-item { width: 224px; border-radius: 6px }
}
.community-listv4 .community-item:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); -ms-box-shadow: 0 10px 20px rgba(0,0,0,.1); -o-box-shadow: 0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); box-shadow: 0 10px 20px rgba(0,0,0,.1) }
.community-listv4 .community-item:hover .zan-illust { opacity: 1; visibility: visible }
.community-listv4 .cover { position: relative; display: block; overflow: hidden; cursor: pointer }
.community-listv4 .cover img { width: 100% }
@media (min-width:768px) {
.community-listv4 .cover { border-radius: 4px 4px 0 0 }
}
@media (min-width:992px) {
.community-listv4 .cover { border-radius: 5px 5px 0 0 }
}
@media (min-width:1200px) {
.community-listv4 .cover { border-radius: 6px 6px 0 0 }
}
.community-listv4 .zan-illust { position: absolute; top: 14px; right: 10px; z-index: 1; width: 30px; height: 30px; color: #87959f; background-color: #fff; opacity: 0; visibility: hidden; cursor: pointer; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: 6px; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.community-listv4 .zan-illust .iconfont { font-size: 14px }
.community-listv4 .zan-illust:hover { color: #525a67 }
.community-listv4 .zan-illust.active, .community-listv4 .zan-illust.zaned { color: #027cdb }
@media (min-width:768px) {
.community-listv4 .des { padding: 6px 8px }
}
@media (min-width:992px) {
.community-listv4 .des { padding: 8px 10px }
}
@media (min-width:1200px) {
.community-listv4 .des { padding: 10px 12px }
}
.community-listv4 .des h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: 700; line-height: 20px; color: #212b34 }
.community-listv4 .des h3 a { color: #212b34 }
.community-listv4 .des h3 a:hover { color: #027cdb }
.community-listv4 .des h3+p { margin-top: 5px }
.community-listv4 .des p { max-height: 40px; overflow: hidden; font-size: 12px; line-height: 16px; color: #525a67 }
.community-listv4 .des p+.tags { margin-top: 10px }
.community-listv4 .des .des-btns { margin-top: 8px }
.community-listv4 .des .des-btns, .community-listv4 .des .des-btns .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.community-listv4 .des .des-btns .icon { color: #87959f }
.community-listv4 .des .des-btns .icon+.icon { margin-left: 16px }
.community-listv4 .des .des-btns .icon .iconfont { margin-right: 4px; font-size: 14px }
.community-listv4 .des .des-btns .icon .iconfont+em { font-size: 12px; line-height: 20px }
.community-listv4 .des .des-btns .icon.zaned .iconfont { color: #027cdb }
.community-listv4 .des+.authers { border-top: 1px solid #eef3f5 }
.community-listv4 .authers { padding: 10px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.community-listv4 .authers.view { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.community-listv4 .authers.view .icon-view { color: #87959f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.community-listv4 .authers.view .icon-view .iconfont { margin-right: 4px; font-size: 14px; line-height: 20px }
.community-listv4 .authers.view .icon-view .iconfont+em { font-size: 12px; line-height: 20px }
.vcourse-toast { min-width: 146px; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15); box-shadow: 0 0 10px 0 rgba(0,0,0,.15); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; padding: 15px; text-align: center; color: #434343; font-size: 14px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.community-listv4.illust { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap }
.community-listv4.illust .community-item { position: relative }
.community-listv4.illust .cover { height: 224px }
.community-listv4.illust .cover img, .tag-detail .community-listv4.tag .cover img { height: 100% }
@media (min-width:768px) {
.community-listv4.illust { margin-left: -7px }
.community-listv4.illust .community-item { margin-bottom: 10px; margin-left: 7px }
.community-listv4.illust .cover { height: 144px }
}
@media (min-width:992px) {
.community-listv4.illust { margin-left: -10px }
.community-listv4.illust .community-item { margin-bottom: 12px; margin-left: 10px }
.community-listv4.illust .cover { height: 188px }
}
@media (min-width:1200px) {
.community-listv4.illust { margin-left: -15px }
.community-listv4.illust .community-item { margin-left: 15px }
.community-listv4.illust .cover { height: 224px }
}
.community-listv4.illust .des p, .tag-detail .community-listv4.tag .des p { height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.community-listv4.illust .des .des-btns .icon+.icon { margin-left: 20px }
.tag-detail { padding-bottom: 60px }
.tag-detail .community-listv4.tag { margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap }
.tag-detail .community-listv4.tag .community-item { width: 280px; margin-top: 20px; margin-left: 20px }
.tag-detail .community-listv4.tag .cover { width: 280px; height: 210px }
@media (min-width:768px) {
.tag-detail .community-listv4.tag { margin-top: 8px; margin-left: -12px }
.tag-detail .community-listv4.tag .community-item { width: 178px; margin-top: 12px; margin-left: 12px }
.tag-detail .community-listv4.tag .cover { width: 178px; height: 134px }
}
@media (min-width:992px) {
.tag-detail .community-listv4.tag .community-item { width: 236px }
.tag-detail .community-listv4.tag .cover { width: 236px; height: 177px }
}
@media (min-width:1200px) {
.tag-detail .community-listv4.tag { margin-top: 0; margin-left: -20px }
.tag-detail .community-listv4.tag .community-item { width: 280px; margin-top: 20px; margin-left: 20px }
.tag-detail .community-listv4.tag .cover { width: 280px; height: 210px }
}
.tag-detail .community-loading { min-height: 240px }
.tag-det-title { font-size: 22px; font-weight: 500; line-height: 30px; color: #1a1b1e }
.tag-det-title.mt40 { margin-top: 40px }
.tag-det-title.mb10 { margin-bottom: 10px }
.tag-det-summary { position: relative; padding: 20px; overflow: hidden; background-color: #fff; border-radius: 6px }
.tag-det-summary:before { position: absolute; top: 0; right: 25px; width: 100px; height: 84px; background: url("https://assets-cdn.lanqb.com/community/tag2302/bubble.png") no-repeat top; background-size: 100% 100%; content: "" }
.tag-det-summary p { font-size: 14px; font-weight: 400; line-height: 20px; color: #87959f }
.tag-det-course-tag { max-width: 260px; margin: 0 10px 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.tag-det-course-tag .tag { padding-right: 5px; padding-left: 5px; font-size: 12px; font-weight: 400; line-height: 20px; color: #87959f; background-color: #f6f8fa; border-radius: 4px }
.tag-det-course-tag .tag+.tag { margin-left: 6px }
.tag-det-course-tag .tag:hover { color: #fff; background-color: #87959f }
.tag-det-news { margin-left: -20px; -ms-flex-wrap: wrap; flex-wrap: wrap }
.tag-det-news, .tag-det-news-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.tag-det-news-item { width: 580px; padding: 16px; margin-top: 20px; margin-left: 20px; background-color: #fff; border-radius: 6px }
.tag-det-news-item:hover { -ms-box-shadow: 0 10px 20px rgba(0,0,0,.1); -o-box-shadow: 0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); box-shadow: 0 10px 20px rgba(0,0,0,.1) }
.tag-det-news-item:hover .cover img { -webkit-transform: scale(1.05); transform: scale(1.05) }
.tag-det-news-item .cover { width: 200px; height: 112px; margin-right: 10px; overflow: hidden; border-radius: 6px }
.tag-det-news-item .cover img { width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.tag-det-news-item .des { width: 338px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.tag-det-news-item .heading .title { display: block; margin-bottom: 6px; font-size: 18px; font-weight: 500; line-height: 25px; color: #1f2530 }
.tag-det-news-item .heading .title:hover { color: #027cdb }
.tag-det-news-item .heading p { overflow: hidden; font-size: 14px; font-weight: 400; line-height: 20px; color: #87959f; white-space: nowrap; text-overflow: ellipsis }
.tag-det-news-item .news-date { margin-top: 4px; font-size: 12px; line-height: 20px; color: #87959f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap }
.tag-det-news-item .news-date .tag { padding-right: 6px; padding-left: 6px; margin-right: 20px; color: #fff; background-color: #73b2fc; border-radius: 2px }
.tag-det-news-item .news-date .tag:hover { background-color: #027cdb }
.tag-det-news-item .news-date .date { margin-right: 20px }
@media (min-width:768px) {
.tag-det-news { margin-left: -12px }
.tag-det-news-item { width: 368px; padding: 6px; margin-top: 12px; margin-left: 12px }
.tag-det-news .cover { width: 120px; height: 67px; margin-right: 6px }
.tag-det-news .des { width: 230px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.tag-det-news .heading .title { margin-bottom: 0; font-size: 14px; line-height: 18px }
.tag-det-news .heading p { font-size: 12px }
.tag-det-news .news-date .date, .tag-det-news .news-date .tag { margin-right: 10px }
}
@media (min-width:992px) {
.tag-det-news-item { width: 484px; padding: 10px }
.tag-det-news .cover { width: 200px; height: 112px; margin-right: 10px }
.tag-det-news .des { width: 254px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.tag-det-news .heading .title { margin-bottom: 2px; font-size: 16px; line-height: 22px }
.tag-det-news .news-date .date, .tag-det-news .news-date .tag { margin-right: 12px }
}
@media (min-width:1200px) {
.tag-det-news { margin-left: -20px }
.tag-det-news-item { width: 580px; padding: 16px; margin-top: 20px; margin-left: 20px }
.tag-det-news .des { width: 338px }
.tag-det-news .heading .title { margin-bottom: 6px; font-size: 18px; line-height: 25px }
.tag-det-news .heading p { font-size: 14px }
.tag-det-news .news-date .date, .tag-det-news .news-date .tag { margin-right: 20px }
}
.tag-det-recommend-list { margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap }
.tag-det-recommend-list .tag { padding: 8px 16px; margin-top: 20px; margin-left: 20px; font-size: 14px; font-weight: 400; line-height: 20px; color: #1a1b1e; background-color: #fff; border-radius: 30px }
.tag-det-recommend-list .tag:hover { background-color: #e3e9ef }
@media (min-width:768px) {
.tag-det-recommend-list { margin-top: 8px; margin-left: -12px }
.tag-det-recommend-list .tag { padding: 2px 8px; margin-top: 12px; margin-left: 12px; font-size: 12px }
}
@media (min-width:992px) {
.tag-det-recommend-list .tag { padding: 4px 10px }
}
@media (min-width:1200px) {
.tag-det-recommend-list { margin-top: 0; margin-left: -20px }
.tag-det-recommend-list .tag { padding: 8px 16px; margin-top: 20px; margin-left: 20px; font-size: 14px }
}
.dachu-button:hover { background: #ddb256!important }
.dachu-graybutton { background-color: #efefef!important; color: rgba(99,75,25,.3)!important }
.dachu-bg-gray1 { background-color: #f8f8f8 }
.dachu-bg-gray2 { background-color: #eee }
.dachu-btn-bg-brown, .daniu-btn-bg-brown { color: #634b19; background: linear-gradient(334deg, #dfbe77, #edce8c); border-radius: 100px }
.dachu-btn-bg-brown:hover, .daniu-btn-bg-brown:hover { background: linear-gradient(334deg, #edce8c, #dfbe77) }
.dachu-btn-bdb-brown { position: relative; width: auto; height: auto; color: #634b19; background-color: transparent; border: none; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
@keyframes moveInLeft { 0% {
right:100%
}
to { right: 0 }
}
.dachu-btn-bdb-brown:after, .dachu-btn-bdb-brown:before { position: absolute; right: 0; background-color: #634b19; content: ""; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.dachu-btn-bdb-brown:before { bottom: 0; left: 0; height: 2px }
.dachu-btn-bdb-brown:after { top: 100%; width: 2px; height: 10px; margin-top: -1px; -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: center top; transform-origin: center top }
.dachu-btn-bdb-brown:hover:after, .dachu-btn-bdb-brown:hover:before { -webkit-animation: moveInLeft .82s ease; animation: moveInLeft .82s ease }
.dachu-btn-bdb-brown.s1 { padding: 6px 12px; font-size: 14px; line-height: 1.42857143 }
.dachu-btn-bdb-brown.s2 { padding: 12px 0; font-size: 20px; line-height: 1.4 }
.dachu-btn-bdb-brown.s2:after { height: 15px }
.daniu-hc-rez1 { overflow: hidden }
.daniu-hc-rez1, .daniu-hc-rez2 { position: relative; z-index: 4 }
.dachu-btnd, .daniu-btnd { text-align: center }
.dachu-btnd .daniu-btn-bdb, .daniu-btnd .daniu-btn-bdb { width: 92px; height: 28px; font-size: 12px; line-height: 26px; border-radius: 20px }
.dachu-btnd .daniu-btn-bdb:after, .daniu-btnd .daniu-btn-bdb:after { margin-left: 2px; font-family: iconfontL; font-size: 12px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E62A" }
.dachu-btnd .daniu-btn-bdb.c1, .daniu-btnd .daniu-btn-bdb.c1 { color: #a5926c; background-color: transparent; border-color: #dcd3bc }
.dachu-btnd .daniu-btn-bdb.c1:hover, .daniu-btnd .daniu-btn-bdb.c1:hover { color: #634b19; background-color: #edce8c; border-color: #edce8c }
.dachu-btnd .daniu-btn-bdb.c2, .daniu-btnd .daniu-btn-bdb.c2 { color: #e3d7bd; border-color: #e3d7bd }
.dachu-btnd .daniu-btn-bdb.c2:hover, .daniu-btnd .daniu-btn-bdb.c2:hover { color: #634b19; background-color: #edce8c; border-color: #edce8c }
.bg-gray-f4 { background-color: #f4f4f4 }
.daniu-teas-new { position: relative; z-index: 4 }
.dc-interview-wrap { padding-bottom: 60px }
.dc-interview-wrap .dc-interview { padding-top: 40px }
.dc-interview-wrap .p-banner { margin-top: 40px }
.dc-interview-wrap .p-banner .p-ban-img { position: absolute; top: 0; left: 50%; display: block; width: 1200px; height: 100%; margin-left: -600px }
.dc-interview-wrap .p-banner img { height: 100% }
@media (min-width:768px) {
.dc-interview-wrap .p-banner { height: 160px }
}
@media (min-width:992px) {
.dc-interview-wrap .p-banner { height: 200px }
}
@media (min-width:1200px) {
.dc-interview-wrap .p-banner { height: 240px }
}
.dc-interview-wrap .dc-share-title.mt30 { margin-top: 30px }
.dc-interview-wrap .dc-share-title.mb30 { margin-bottom: 30px }
.dc-interview-wrap .dc-share-title.mb40 { margin-bottom: 40px }
.dc-interview-wrap .dc-share-title .dc-tab span { display: inline-block; font-size: 14px; line-height: 28px; padding-right: 16px; padding-left: 16px; color: #ddb256; border: 1px solid #ddb256; vertical-align: top; border-radius: 100px }
.dc-interview-wrap .dc-share-title .dc-tab span.def { color: #9f9f9f; border-color: transparent }
.dc-interview-wrap .dc-share-title .dc-tab span+span { margin-left: 20px }
.dc-interview-wrap .dc-share-title .sort { float: left; margin-left: 30px }
.dc-interview-wrap .dc-share-title .sort a, .dc-interview-wrap .dc-share-title .sort span { display: inline-block; font-size: 14px; line-height: 30px; color: #626262; vertical-align: top; cursor: pointer }
.dc-interview-wrap .dc-share-title .sort a+a, .dc-interview-wrap .dc-share-title .sort a+span, .dc-interview-wrap .dc-share-title .sort span+a, .dc-interview-wrap .dc-share-title .sort span+span { margin-left: 20px }
.dc-interview-wrap .dc-share-title .sort a .iconfont, .dc-interview-wrap .dc-share-title .sort span .iconfont { margin-right: 6px; font-size: 14px; line-height: 30px }
.dc-interview-wrap .dc-share-title .sort a:hover, .dc-interview-wrap .dc-share-title .sort span:hover { color: #212b34 }
.dc-interview-wrap .dc-share-title .sort a.active, .dc-interview-wrap .dc-share-title .sort span.active { color: #f5a623 }
.daniu-hc-title { text-align: center }
.daniu-hc-title h2 { position: relative; display: inline-block; font-size: 28px; font-weight: 700; line-height: 40px; vertical-align: top; -webkit-animation: fadeInUp 1s ease; animation: fadeInUp 1s ease }
.daniu-hc-title h2:after, .daniu-hc-title h2:before { position: absolute; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; content: "" }
.daniu-hc-title h2:before { top: -8px; left: -46px; width: 35px; height: 55px; background-image: url("https://assets-cdn.lanqb.com/daniu/hc-title-left_pc@2x.png") }
.daniu-hc-title h2:after { top: -3px; right: -18px; width: 63px; height: 63px; background-image: url("https://assets-cdn.lanqb.com/daniu/hc-title-right_pc@2x.png") }
.daniu-hc-title.black h2 { color: #634b19 }
.daniu-hc-title.brown h2 { color: #edce8c }
.daniu-hc-forecast { padding-top: 80px; background-color: #1c2529 }
.daniu-hc-forecast .daniu-hc-dot { position: absolute }
.daniu-hc-forecast .daniu-hc-dot.dot1 { top: 32px; right: 50%; z-index: 0; width: 471px; height: 628px; margin-right: -937px; background: url("https://assets-cdn.lanqb.com/daniu/hc-forecast-bg1-v2_pc@2x.png") no-repeat 50%; background-size: cover }
.daniu-hc-forecast .daniu-hc-dot.dot2 { bottom: 0; left: 0; z-index: 1; width: 100%; background-color: #242f32 }
.daniu-hc-forecast .daniu-hc-dot.dot3 { top: 27px; right: 50%; z-index: 3; width: 1787px; height: 766px; background: url("https://assets-cdn.lanqb.com/daniu/hc-forecast-bg2-v2_pc.png") no-repeat 50% }
.daniu-hc-forecast .daniu-hc-dot.dot4 { top: 41px; right: 50%; z-index: 3; width: 50%; height: 706px; background-color: #0e1917 }
@media (min-width:768px) {
.daniu-hc-forecast { padding-bottom: 80px }
.daniu-hc-forecast .daniu-hc-dot.dot2 { height: 72px }
.daniu-hc-forecast .daniu-hc-dot.dot3 { margin-right: -472px }
.daniu-hc-forecast .daniu-hc-dot.dot4 { margin-right: 1313px }
}
@media (min-width:992px) {
.daniu-hc-forecast .daniu-hc-dot.dot3 { margin-right: -522px }
.daniu-hc-forecast .daniu-hc-dot.dot4 { margin-right: 1263px }
}
@media (min-width:1200px) {
.daniu-hc-forecast { padding-bottom: 150px }
.daniu-hc-forecast .daniu-hc-dot.dot2 { height: 90px }
.daniu-hc-forecast .daniu-hc-dot.dot3 { margin-right: -342px }
.daniu-hc-forecast .daniu-hc-dot.dot4 { margin-right: 1443px }
}
.daniu-hc-fc1 { width: 736px; padding: 0 3px 8px }
.daniu-hc-fc1-item { width: 100%; margin-right: 20px }
.daniu-hc-fcover { position: relative; display: block; width: 100%; height: 248px; margin-bottom: 28px; overflow: hidden; border-radius: 6px }
.daniu-hc-fcover img { width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.daniu-hc-fcover>span { position: absolute; top: 10px; left: 10px; font-size: 12px; line-height: 26px; padding: 0 16px; color: #f3e0b6; background-color: rgba(0,0,0,.4); border-radius: 30px }
.daniu-hc-fcover:hover img { -webkit-transform: scale(1.025); transform: scale(1.025) }
.daniu-hc-fdes { margin-bottom: 56px }
.daniu-hc-fdes .title { display: inline-block; max-width: 100%; font-size: 20px; font-weight: 700; line-height: 28px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.daniu-hc-fdes .title:hover { color: hsla(0,0%,100%,.8) }
.daniu-hc-fdes .summary { margin-top: 14px; font-size: 16px; line-height: 22px; color: #888 }
.daniu-hc-fdes .summary a { color: #888 }
.daniu-hc-fdes .summary a:hover { color: hsla(0,0%,100%,.9) }
@media (min-width:768px) {
.daniu-hc-fc1 { margin-right: auto; margin-left: auto }
}
@media (min-width:1200px) {
.daniu-hc-fc1 { float: left; margin-right: -3px; margin-left: -3px }
}
.daniu-hc-fbtns .daniu-hc-fb1 { position: relative; float: left; width: 300px; height: 80px; padding-left: 50px; padding-right: 16px; margin-left: 60px; background: #1c2529 url("https://assets-cdn.lanqb.com/daniu/hc-forecast-bg3_pc@2x.png") no-repeat 100% 100%; background-size: auto 100%; border-radius: 6px }
.daniu-hc-fbtns .daniu-hc-fb1 .auther-cover { position: absolute; top: -8px; left: -63px; display: inline-block; width: 96px; height: 96px; padding: 2px; border: 1px solid #edce8c; border-radius: 50% }
.daniu-hc-fbtns .daniu-hc-fb1 .auther-cover, .daniu-hc-fbtns .daniu-hc-fb1 .auther-cover img { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.daniu-hc-fbtns .daniu-hc-fb1 .auther-cover img { width: 100%; height: 100%; overflow: hidden; border-radius: 50% }
.daniu-hc-fbtns .daniu-hc-fb1 .auther-cover:hover { padding: 0; border: none }
.daniu-hc-fbtns .daniu-hc-fb1 .auther-name { display: inline-block; max-width: 100%; margin-top: 16px; font-size: 20px; font-weight: 700; line-height: 28px; color: #edce8c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top }
.daniu-hc-fbtns .daniu-hc-fb1 .post { height: 20px; font-size: 14px; line-height: 20px; color: #edce8c; opacity: .6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.daniu-hc-fbtns .daniu-hc-fb2 { float: right; height: 80px; max-width: 172px; margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.daniu-hc-fbtns .daniu-hc-fb2 span { display: block; font-size: 14px; line-height: 20px; color: #888; white-space: nowrap }
.daniu-hc-fbtns .daniu-hc-fb2 span+span { margin-top: 4px }
.daniu-hc-fbtns .daniu-hc-fb2 span em { color: #edce8c }
.daniu-hc-fbtns .daniu-hc-fb2 span.date { width: 100% }
.daniu-hc-fbtns .btn { float: right; width: 140px; height: 42px; margin-top: 17px; font-size: 18px; line-height: 42px; border: none; border-radius: 30px }
.daniu-hc-ft-item { position: relative; padding-top: 16px; padding-bottom: 16px; background-color: #0e1917; cursor: pointer; border-radius: 6px }
.daniu-hc-ft-item:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(148,117,52,.6); opacity: 0; content: ""; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; border-radius: 6px; -ms-box-shadow: 0 10px 6px rgba(0,0,0,.24); -o-box-shadow: 0 10px 6px rgba(0,0,0,.24); -webkit-box-shadow: 0 10px 6px rgba(0,0,0,.24); box-shadow: 0 10px 6px rgba(0,0,0,.24) }
.daniu-hc-ft-item.active:before, .daniu-hc-ft-item:hover:before { opacity: 1 }
.daniu-hc-ft-item.active .daniu-hc-ft-des .title, .daniu-hc-ft-item:hover .daniu-hc-ft-des .title { color: #edce8c }
.daniu-hc-ft-item.active .daniu-hc-ft-des p, .daniu-hc-ft-item:hover .daniu-hc-ft-des p { color: #edce8c; opacity: .9 }
.daniu-hc-ft-item.active .daniu-hc-ft-des p .name, .daniu-hc-ft-item:hover .daniu-hc-ft-des p .name { color: #edce8c }
.daniu-hc-ft-item.active .daniu-hc-ft-des p .more, .daniu-hc-ft-item:hover .daniu-hc-ft-des p .more { opacity: 1 }
@media (min-width:768px) {
.daniu-hc-fc2 { margin-top: 30px; margin-right: -20px }
.daniu-hc-ft-item { float: left; width: 366px; padding-right: 16px; padding-left: 16px; margin-bottom: 16px; margin-right: 16px }
.daniu-hc-ft-item:before { opacity: 1 }
.daniu-hc-ft-item .daniu-hc-ft-des p .name { max-width: 275px }
.daniu-hc-ft-item.active .daniu-hc-ft-des p .name, .daniu-hc-ft-item:hover .daniu-hc-ft-des p .name { max-width: 210px }
}
@media (min-width:992px) {
.daniu-hc-fc2 { width: 100% }
.daniu-hc-ft-item { width: 232px; margin-bottom: 0; margin-right: 0 }
.daniu-hc-ft-item+.daniu-hc-ft-item { margin-left: 17px }
.daniu-hc-ft-item .daniu-hc-ft-des p .name { max-width: 135px }
.daniu-hc-ft-item.active .daniu-hc-ft-des p .name, .daniu-hc-ft-item:hover .daniu-hc-ft-des p .name { max-width: 76px }
}
@media (min-width:1200px) {
.daniu-hc-fc2 { float: right; width: 402px; margin-top: 0; margin-right: 0 }
.daniu-hc-ft-item { float: none; width: 100%; padding-right: 18px; padding-left: 12px }
.daniu-hc-ft-item:before { opacity: 0 }
.daniu-hc-ft-item+.daniu-hc-ft-item { margin-top: 18px; margin-left: 0 }
.daniu-hc-ft-item .daniu-hc-ft-des p .name { max-width: 145px }
.daniu-hc-ft-item.active:before, .daniu-hc-ft-item:hover:before { opacity: 1 }
.daniu-hc-ft-item.active .daniu-hc-ft-des p .name, .daniu-hc-ft-item:hover .daniu-hc-ft-des p .name { max-width: 92px }
}
.daniu-hc-ft-cover { position: relative; z-index: 1; display: block; overflow: hidden; border-radius: 6px }
.daniu-hc-ft-cover img { width: 100%; height: 100%; color: #f0f0f0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.daniu-hc-ft-cover:hover img { -webkit-transform: scale(1.05); transform: scale(1.05) }
@media (min-width:768px) {
.daniu-hc-ft-cover { width: 334px; height: 208px }
}
@media (min-width:992px) {
.daniu-hc-ft-cover { width: 200px; height: 125px }
}
@media (min-width:1200px) {
.daniu-hc-ft-cover { float: left; width: 138px; height: 86px }
}
.daniu-hc-ft-des { position: relative; z-index: 1; float: left; display: block }
.daniu-hc-ft-des .title { display: inline-block; max-width: 100%; color: #f0f0f0; font-size: 16px; font-weight: 700; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top }
.daniu-hc-ft-des p { position: relative; font-size: 12px; line-height: 16px; color: #9b9b9b; white-space: nowrap; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.daniu-hc-ft-des p+p { margin-top: 4px }
.daniu-hc-ft-des p .name { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #9b9b9b; vertical-align: top }
.daniu-hc-ft-des .more { position: absolute; top: 0; right: 0; display: inline-block; opacity: 0; color: #edce8c; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.daniu-hc-ft-des .more:after, .dc-interview-wrap.v2207 .daniu-teas-new .new-title .more:after { margin-left: 2px; font-family: iconfontL; font-size: 12px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E62A" }
@media (min-width:768px) {
.daniu-hc-ft-des { width: 100%; padding-top: 16px }
.daniu-hc-ft-des .title { margin-bottom: 6px }
.daniu-hc-ft-des p .name { max-width: 270px }
}
@media (min-width:992px) {
.daniu-hc-ft-des p .name { max-width: 140px }
}
@media (min-width:1200px) {
.daniu-hc-ft-des { width: 224px; padding-top: 4px; padding-left: 10px }
.daniu-hc-ft-des .title { margin-bottom: 20px }
.daniu-hc-ft-des p .name { max-width: 160px }
}
.daniu-hc-lectures { position: relative }
@media (min-width:768px) {
.daniu-hc-lectures { padding-top: 50px; padding-bottom: 62px }
}
@media (min-width:992px) {
.daniu-hc-lectures { padding-bottom: 82px }
}
@media (min-width:1200px) {
.daniu-hc-lectures { padding-top: 70px; padding-bottom: 122px }
}
.daniu-hc-lectures:before { position: absolute; top: 287px; right: 50%; z-index: 1; width: 156px; height: 267px; margin-right: -960px; background: url("https://assets-cdn.lanqb.com/daniu/hc-lect-bg_pc@2x.png") no-repeat 50%; background-size: cover; content: "" }
.daniu-hc-lectures .bg { position: absolute; bottom: -93px; height: 1099px }
.daniu-hc-lectures .bg.img { right: 50%; z-index: 1; width: 2107px; margin-right: -587px; background: url("https://assets-cdn.lanqb.com/daniu/hc-lect-bg-2_pc.png") no-repeat 100% 100% }
.daniu-hc-lectures .bg.clr { right: 50%; z-index: 0; width: 50%; margin-right: 1520px; background-color: rgba(3,54,54,.03) }
.daniu-hc-lectures .daniu-hc-title { margin-bottom: 72px }
.daniu-hc-lectures .daniu-btnd { padding-top: 26px }
.daniu-hc-proClass { padding-top: 70px; padding-bottom: 62px }
.daniu-hc-proClass .daniu-hc-title { margin-bottom: 80px }
.daniu-hc-proClass .daniu-hc-title h3:before { top: -7px; width: 94px; height: 77px; margin-left: -100px; background-image: url("https://assets-cdn.lanqb.com/dc-tb-proClass.png") }
.daniu-hc-proClass .daniu-hc-title h3 span { width: 104px; margin-left: 20px; background-image: url("https://assets-cdn.lanqb.com/dc-t-proClass.png") }
.daniu-hc-proClass ul { margin: 0 -10px }
.daniu-hc-proClass ul li { width: 50%; float: left; padding: 0 10px }
.daniu-hc-proClass .dc-item { display: inline-block; background-color: #fff; margin-top: 20px; width: 100% }
.daniu-hc-proClass .dc-item .dc-item-img { width: 100%; position: relative; cursor: pointer }
.daniu-hc-proClass .dc-item .dc-item-info { padding: 20px 20px 0; font-size: 0 }
.daniu-hc-proClass .dc-item .dc-item-h3 { line-height: 1.4; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; color: #434343 }
.daniu-hc-proClass .dc-item .dc-item-author { margin-top: 16px; display: inline-block }
.daniu-hc-proClass .dc-item .dc-item-author .dc-item-avatar { width: 40px; height: 40px; border-radius: 100% }
.daniu-hc-proClass .dc-item .dc-item-author .dc-item-name { display: inline-block; margin-left: 10px; vertical-align: top; line-height: 40px; font-size: 18px }
.daniu-hc-proClass .dc-item .dc-item-block { padding: 10px 20px 20px; font-size: 0 }
.daniu-hc-proClass .dc-item .dc-item-block .dc-item-p { line-height: 35px; color: #9f9f9f; font-size: 14px }
.daniu-hc-proClass .dc-item .dc-item-block .btn { width: 100px; height: 35px; line-height: 33px }
.daniu-hc-proClass .dachu-btnd { margin-top: 24px }
.daniu-hc-gurus { padding-top: 45px; padding-bottom: 52px }
.daniu-hc-gurus:after, .daniu-hc-gurus:before { position: absolute; content: "" }
.daniu-hc-gurus:before { top: 93px; bottom: 93px; left: 0; z-index: 0; width: 100%; background: #1c2529 url("https://assets-cdn.lanqb.com/daniu/hc-daniu-bg1-v2_pc.png") no-repeat 50% }
.daniu-hc-gurus:after { top: 0; bottom: 0; left: 50%; width: 1620px; margin-left: -810px; z-index: 1; background: url("https://assets-cdn.lanqb.com/daniu/hc-daniu-bg2_pc.png") no-repeat 50%, linear-gradient(134deg, #242f32, #0e1917); background-size: cover; border-radius: 6px; -ms-box-shadow: 0 32px 60px rgba(14,25,23,.08); -o-box-shadow: 0 32px 60px rgba(14,25,23,.08); -webkit-box-shadow: 0 32px 60px rgba(14,25,23,.08); box-shadow: 0 32px 60px rgba(14,25,23,.08) }
.daniu-hc-gurus .daniu-hc-title { margin-bottom: 64px }
.daniu-hc-gurus .dachu-btnd { padding-top: 60px }
.daniu-hc-grcon { position: relative }
.daniu-hc-grcon .daniu-hc-grpg { position: absolute; z-index: 2; width: 24px; height: 36px; text-align: center; color: #e3d7bd; cursor: pointer }
.daniu-hc-grcon .daniu-hc-grpg .iconfont { display: inline-block; font-size: 30px; line-height: 36px; vertical-align: top; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.daniu-hc-grcon .daniu-hc-grpg.prev { left: 0 }
.daniu-hc-grcon .daniu-hc-grpg.next { right: 0 }
.daniu-hc-grcon .daniu-hc-grpg:hover .iconfont { color: #ddb256 }
.daniu-hc-grcon .daniu-hc-grpg.swiper-button-disabled { display: none; color: #e3d7bd; cursor: default }
.daniu-hc-grcon .swiper-slide { width: 100% }
.daniu-hc-grcon .daniu-hc-gr-item { position: relative; width: 100%; overflow: hidden }
@media (min-width:768px) {
.daniu-hc-grcon .daniu-hc-grpg { top: -50px }
}
@media (min-width:992px) {
.daniu-hc-grcon { padding-right: 12px; padding-left: 12px }
.daniu-hc-grcon .daniu-hc-grpg { top: -50px }
}
@media (min-width:1200px) {
.daniu-hc-grcon { padding-right: 72px; padding-left: 72px }
.daniu-hc-grcon .daniu-hc-grpg { top: 50%; margin-top: -18px }
}
.daniu-hc-grcon .cover { float: left; padding: 5px; overflow: hidden; border: 1px solid #edce8c; border-radius: 50%; -webkit-animation: zoomIn 1s ease; animation: zoomIn 1s ease }
.daniu-hc-grcon .cover, .daniu-hc-grcon .cover img { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.daniu-hc-grcon .cover img { width: 100%; height: 100%; border-radius: 50% }
.daniu-hc-grcon .cover:hover { padding: 0; border: none }
.daniu-hc-grcon .des .title { color: #edce8c; font-size: 20px; font-weight: 700; line-height: 28px }
.daniu-hc-grcon .des h5 { margin-top: 4px; color: #d1c9b1; font-size: 14px; line-height: 20px }
.daniu-hc-grcon .des p { color: #e3d7bd; line-height: 26px }
@media (min-width:768px) {
.daniu-hc-grcon .cover { width: 200px; height: 200px; margin-right: 18px }
.daniu-hc-grcon .des p { margin-top: 10px; font-size: 14px }
}
@media (min-width:992px) {
.daniu-hc-grcon .cover { width: 222px; height: 222px; margin-right: 24px }
.daniu-hc-grcon .des { padding-top: 15px }
.daniu-hc-grcon .des p { margin-top: 27px; font-size: 16px }
}
@media (min-width:1200px) {
.daniu-hc-grcon .cover { width: 272px; height: 272px; margin-right: 34px }
.daniu-hc-grcon .des { padding-top: 35px }
}
.daniu-hc-gr1 .daniu-hc-gr-cover { max-width: 100% }
.daniu-hc-gr1 span { display: block }
.daniu-hc-gr1 .daniu-hc-gr-name { margin-top: 20px; font-size: 20px; font-weight: 600; line-height: 1.4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.daniu-hc-gr1 .daniu-hc-gr-post { margin-top: 10px; font-size: 14px; line-height: 1.42857143; color: #9f9f9f }
@media (min-width:768px) {
.daniu-hc-gr1 .daniu-hc-gr-cover { height: 215px }
}
@media (min-width:992px) {
.daniu-hc-gr1 { padding: 10px 10px 0 }
.daniu-hc-gr1 .daniu-hc-gr-cover { height: 263px }
}
@media (min-width:1200px) {
.daniu-hc-gr1 { padding: 20px 20px 0 }
.daniu-hc-gr1 .daniu-hc-gr-cover { height: 300px }
}
.daniu-hc-gr2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: block; color: #fff; background-color: #31253b; text-align: center; opacity: 1; -webkit-transition: all .8s ease; transition: all .8s ease }
.daniu-hc-gr2, .daniu-hc-gr2 span { -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.daniu-hc-gr2 span { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: transform .5s ease; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease }
.daniu-hc-gr2 .daniu-hc-cover { display: block; width: 64px; height: 64px; margin-right: auto; margin-left: auto; overflow: hidden; border: 2px solid #fff; border-radius: 100px }
.daniu-hc-gr2 .daniu-hc-cover img { width: 100%; height: 100% }
.daniu-hc-gr2 .daniu-hc-name { display: block; margin-top: 10px; font-size: 20px; font-weight: 500; line-height: 1.4 }
.daniu-hc-gr2 .daniu-hc-links { display: inline-block; height: 24px; margin-top: 10px; padding: 0 15px; color: #634b19; background-color: #edce8c; font-size: 12px; line-height: 2.1; border-radius: 100px }
.daniu-hc-gr2 .daniu-hc-links .iconfont { display: inline-block; margin-right: 10px; font-size: 12px; vertical-align: top }
.daniu-hc-gr2 .daniu-hc-des { display: block; color: hsla(0,0%,100%,.9); text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden }
@media (min-width:768px) {
.daniu-hc-gr2 { padding: 20px 10px 0 }
.daniu-hc-gr2 .daniu-hc-des { margin-top: 10px; font-size: 12px; line-height: 16px; -webkit-line-clamp: 8 }
}
@media (min-width:992px) {
.daniu-hc-gr2 { padding: 20px 20px 0 }
.daniu-hc-gr2 .daniu-hc-des { margin-top: 16px; font-size: 14px; line-height: 18px; -webkit-line-clamp: 10 }
}
@media (min-width:1200px) {
.daniu-hc-gr2 { padding: 30px 30px 0 }
.daniu-hc-gr2 .daniu-hc-des { margin-top: 30px; line-height: 23px }
}
.daniu-hc-grcon2 { margin-top: 65px; margin-right: -13px }
.daniu-hc-grcon2 .daniu-hc-gr-item2 { position: relative; float: left; height: 82px; margin-bottom: 13px; overflow: hidden; border-radius: 4px; cursor: pointer }
.daniu-hc-grcon2 .daniu-hc-gr-item2:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: url("https://assets-cdn.lanqb.com/daniu/hc-daniu-bg3-1_pc.png") no-repeat 50%, linear-gradient(172deg, #fff6e2, #bfaf8d); background-size: cover; opacity: .7 }
.daniu-hc-grcon2 .daniu-hc-gr-item2.active { cursor: default }
.daniu-hc-grcon2 .daniu-hc-gr-item2.active:before, .dc-interview-wrap.v2207 .daniu-hc-grcon2 .daniu-hc-gr-item2:hover:before { background: url("https://assets-cdn.lanqb.com/daniu/hc-daniu-bg3-2_pc.png") no-repeat 50%, linear-gradient(140deg, #fef4dc, #f3d698); opacity: 1 }
.daniu-hc-grcon2 .daniu-hc-gr-item2 .daniu-hc-gr-item2-wrap { position: relative; z-index: 1; width: 100%; height: 100%; padding: 18px 10px 18px 82px; color: #634b19; opacity: 1 }
.daniu-hc-grcon2 .daniu-hc-gr-item2 .daniu-hc-gr-item2-wrap img { position: absolute; top: 9px; left: 9px; width: 62px; height: 62px; background-color: #d8d8d8; border: 1px solid #ddb765; border-radius: 50% }
.daniu-hc-grcon2 .daniu-hc-gr-item2 .daniu-hc-gr-item2-wrap h5 { font-size: 16px; font-weight: 700; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.daniu-hc-grcon2 .daniu-hc-gr-item2 .daniu-hc-gr-item2-wrap p { margin-top: 4px; font-size: 12px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
@media (min-width:768px) {
.daniu-hc-grcon2 .daniu-hc-gr-item2 { width: 240px; margin-right: 10px }
}
@media (min-width:992px) {
.daniu-hc-grcon2 .daniu-hc-gr-item2 { width: 235px; margin-right: 13px }
}
@media (min-width:1200px) {
.daniu-hc-grcon2 .daniu-hc-gr-item2 { width: 285px }
}
.daniu-hc-tips { padding-top: 102px; padding-bottom: 72px }
.daniu-hc-tips .daniu-hc-dot { position: absolute; z-index: 0 }
.daniu-hc-tips .daniu-hc-dot.dot1 { top: 76px; left: 50%; width: 441px; height: 446px; margin-left: -1002px; background-color: hsla(0,0%,94%,.35); border-radius: 400px }
.daniu-hc-tips .daniu-hc-dot.dot2 { bottom: 50px; left: 50%; width: 0; height: 0; margin-left: -804px; border-bottom: 377px solid hsla(0,0%,94%,.39); border-right: 187px solid transparent; border-left: 187px solid transparent }
.daniu-hc-tips .daniu-hc-dot.dot3 { bottom: 0; right: 50%; width: 0; height: 0; margin-right: -1074px; border-top: 660px solid hsla(0,0%,94%,.4); border-right: 327px solid transparent; border-left: 327px solid transparent }
.daniu-hc-tips .daniu-hc-title { margin-bottom: 76px }
.daniu-hc-tips .daniu-hc-title h3:before { top: 0; width: 103px; height: 76px; margin-left: -96px; background-image: url("https://assets-cdn.lanqb.com/dc-tb-tips.png") }
.daniu-hc-tips .daniu-hc-title h3 span { width: 125px; margin-left: 2px; background-image: url("https://assets-cdn.lanqb.com/dc-t-tips.png") }
.daniu-hc-tips .dachu-btnd { margin-top: 24px }
.daniu-hc-interviews { position: relative }
@media (min-width:768px) {
.daniu-hc-interviews { padding-top: 78px; padding-bottom: 76px }
}
@media (min-width:992px) {
.daniu-hc-interviews { padding-top: 88px; padding-bottom: 86px }
}
@media (min-width:1200px) {
.daniu-hc-interviews { padding-top: 118px; padding-bottom: 128px }
}
.daniu-hc-interviews:after, .daniu-hc-interviews:before { position: absolute; background-repeat: no-repeat; background-position: 50%; background-size: cover; content: "" }
.daniu-hc-interviews:before { bottom: 600px; left: 50%; width: 224px; height: 271px; margin-left: -955px; background-image: url("https://assets-cdn.lanqb.com/daniu/hc-int-bg1_pc@2x.png") }
.daniu-hc-interviews:after { top: 464px; right: 50%; width: 208px; height: 321px; margin-right: -960px; background-image: url("https://assets-cdn.lanqb.com/daniu/hc-int-bg2_pc@2x.png") }
.daniu-hc-interviews .daniu-hc-title { margin-bottom: 50px }
.daniu-hc-interviews .daniu-btnd { padding-top: 30px }
.daniu-hc-about { position: relative; z-index: 1; padding-top: 52px; padding-bottom: 80px; background: #0e1917 url("https://assets-cdn.lanqb.com/daniu/hc-about-bg-v2_pc.png") no-repeat bottom }
.daniu-hc-about .daniu-hc-title { margin-bottom: 28px }
.daniu-hc-about .daniu-hc-ju { position: relative; float: right; height: 247px; background: #242f32 url("https://assets-cdn.lanqb.com/daniu/hc-about-bg2_pc.png") repeat-y 100% 0; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.daniu-hc-about .daniu-hc-ju:before { position: absolute; bottom: -78px; width: 432px; height: 571px; background: url("https://assets-cdn.lanqb.com/daniu/hc-about-img_pc.png") no-repeat 110% 80%; background-size: 85%; content: "" }
.daniu-hc-about .daniu-hc-ju p { font-size: 16px; line-height: 26px; color: #e3d7bd; text-align: justify }
@media (min-width:768px) {
.daniu-hc-about .daniu-hc-ju { width: 734px; padding-right: 56px }
.daniu-hc-about .daniu-hc-ju:before { left: -372px }
.daniu-hc-about .daniu-hc-ju p { width: 624px }
}
@media (min-width:1200px) {
.daniu-hc-about .daniu-hc-ju { width: 987px; padding-right: 86px }
.daniu-hc-about .daniu-hc-ju:before { left: -284px }
.daniu-hc-about .daniu-hc-ju p { width: 724px }
}
.dachu-con-info { display: none }
.dachu-con-info.active { display: block }
.dachu-con-info .share-contain .container { margin-bottom: 20px }
.dachu-con-info .share-contain .container>h2 { color: rgba(99,75,25,.6); line-height: 25px; margin: 20px 0 }
.dachu-con-info .share-contain .container .share-con-info { display: none }
.dachu-con-info .share-contain .container .share-con-info.active { display: block }
.dachu-con-info .share-contain .dc-tab-contain { padding-top: 40px; padding-bottom: 20px; color: #9f9f9f }
.dachu-con-info .share-contain .dc-tab-contain .dc-tab { float: left }
.dachu-con-info .share-contain .dc-tab-contain .dc-tab a { display: inline-block; font-size: 14px; line-height: 20px; padding: 5px 18px; margin-right: 22px; color: #9f9f9f; border-right: 1px solid #f8f8f8 }
.dachu-con-info .share-contain .dc-tab-contain .dc-tab a.tab-active { border: 1px solid #ec7356; border-radius: 100px; color: #ec7356 }
.dachu-con-info .share-contain .dc-tab-contain .sort { float: right; font-size: 12px; line-height: 28px }
.dachu-con-info .share-contain .dc-tab-contain .sort a .iconfont { font-size: 12px }
.dachu-con-info .share-contain .dc-tab-contain .sort a+a { margin-left: 20px }
.dachu-con-info .share-contain .dc-tab-contain .sort a.active { color: #ddb256 }
.dc-interview { margin-bottom: 10px }
.dc-interview .int-item { position: relative }
.dc-interview .int-item:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; border: 2px solid #edce8c; content: ""; border-radius: 6px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.dc-interview .int-item.active:before, .dc-interview .int-item:hover:before { opacity: 1 }
.dc-interview .int-item.active:before { background-color: #fff }
.dc-interview .int-item.active .int-c span, .dc-interview .int-item:hover .int-c span { font-weight: 700 }
.dc-interview .int-item.active .int-r>a, .dc-interview .int-item:hover .int-r>a { color: #cdb073 }
.dc-interview .int-item>a { position: relative; z-index: 2; float: left; display: block; overflow: hidden; border-radius: 6px }
.dc-interview .int-item>a, .dc-interview .int-item>a img { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.dc-interview .int-item>a:hover img { -webkit-filter: brightness(.95); filter: brightness(.95) }
.dc-interview .int-item .int-c { position: absolute; z-index: 1; width: 205px; padding: 12px 0 12px 20px }
.dc-interview .int-item .int-c img { float: left; display: block; width: 50px; height: 50px; margin-right: 10px; border-radius: 50% }
.dc-interview .int-item .int-c .int-c-dec { float: left; width: 125px; font-size: 14px; line-height: 20px; color: #634b19 }
.dc-interview .int-item .int-c span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.dc-interview .int-item .int-c span+span { margin-top: 2px }
.dc-interview .int-item .int-c:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ""; background: -webkit-gradient(linear, right top, left top, color-stop(0, hsla(41,37%,80%,.08)), to(#fbf5e8)); background: linear-gradient(270deg, hsla(41,37%,80%,.08), #fbf5e8); border-radius: 0 6px 6px 0 }
.dc-interview .int-item .int-r { position: relative; z-index: 2; float: left; margin-left: 20px }
.dc-interview .int-item .int-r>a { display: inline-block; font-size: 20px; font-weight: 700; line-height: 28px; color: #212b34; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.dc-interview .int-item .int-r>a:hover { color: #cdb073 }
.dc-interview .int-item .int-r .popular { margin-left: 212px; font-size: 12px; color: #9f9f9f }
.dc-interview .int-item .int-r .popular span { display: inline-block; margin-right: 20px; line-height: 20px; vertical-align: top }
.dc-interview .int-item .int-r .popular span i { display: inline-block; width: 20px; height: 20px; margin-right: 6px; background-repeat: no-repeat; background-position: 50%; background-size: 18px 18px; vertical-align: top }
.dc-interview .int-item .int-r .popular span i.view { background-image: url("https://assets-cdn.lanqb.com/imgv3/daniu/dn-view@2x.png") }
.dc-interview .int-item .int-r .popular span i.zan { background-image: url("https://assets-cdn.lanqb.com/imgv3/daniu/dn-zan@2x.png") }
.dc-interview .int-item .int-r .popular span i.comm { background-image: url("https://assets-cdn.lanqb.com/imgv3/daniu/dn-comm@2x.png") }
.dc-interview .int-item .int-r .popular.mlno { margin-left: 0 }
.dc-interview .int-item .int-r>p { height: 52px; overflow: hidden; font-size: 16px; color: #626262; line-height: 26px }
@media (min-width:768px) {
.dc-interview .int-item { padding: 16px }
.dc-interview .int-item+.int-item { margin-top: 20px }
.dc-interview .int-item>a { margin-bottom: 44px }
.dc-interview .int-item>a img { width: 210px; height: 122px }
.dc-interview .int-item .int-c { top: 107px; left: 226px }
.dc-interview .int-item .int-r { width: 486px }
.dc-interview .int-item .int-r .popular { margin-top: 35px }
}
@media (min-width:992px) {
.dc-interview .int-item { padding: 20px }
.dc-interview .int-item+.int-item { margin-top: 10px }
.dc-interview .int-item>a { margin-bottom: 0 }
.dc-interview .int-item>a img { width: 280px; height: 162px }
.dc-interview .int-item .int-c { top: 108px; left: 300px }
.dc-interview .int-item .int-r { width: 580px }
.dc-interview .int-item .int-r>p { margin-top: 2px }
}
@media (min-width:1200px) {
.dc-interview .int-item>a img { width: 380px; height: 220px }
.dc-interview .int-item .int-c { top: 146px; left: 400px }
.dc-interview .int-item .int-r { width: 680px }
.dc-interview .int-item .int-r>a { margin-top: 2px }
.dc-interview .int-item .int-r .popular { margin-top: 54px }
.dc-interview .int-item .int-r>p { margin-top: 16px }
}
.dc-yz .yz-item { margin-bottom: 20px; background: #fff; padding-bottom: 20px; float: left; margin-left: 13px }
.dc-yz .yz-item:hover { -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.05); box-shadow: 0 5px 5px 0 rgba(0,0,0,.05) }
.dc-yz .yz-item .yz-t { display: block }
.dc-yz .yz-item .yz-t img { width: 100%; height: 100% }
.dc-yz .yz-item .yz-m { display: block; margin: 10px; font-size: 20px; color: #434343; line-height: 28px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.dc-yz .yz-item .yz-b { font-size: 12px; color: #9f9f9f; line-height: 17px; padding: 0 10px }
.dc-yz .yz-item .yz-b .popular { float: left; font-size: 12px; line-height: 18px; color: #9f9f9f }
.dc-yz .yz-item .yz-b .popular span i { display: inline-block; font-size: 16px; line-height: 18px; vertical-align: top }
.dc-yz .yz-item .yz-b .author { float: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.dc-yz .yz-item .yz-b .author img { width: 18px; height: 18px; margin-right: 7px; border-radius: 50%; vertical-align: top }
@media (min-width:768px) {
.dc-yz .yz-item { width: 238px; margin-left: 11px }
.dc-yz .yz-item .yz-t { height: 178px }
.dc-yz .yz-item .yz-b .popular span { margin-right: 10px }
.dc-yz .yz-item .yz-b .popular span i { margin-right: 2px }
.dc-yz .yz-item .yz-b .author { max-width: 74px }
}
@media (min-width:992px) {
.dc-yz .yz-item { width: 315px; margin-left: 11px }
.dc-yz .yz-item .yz-t { height: 236px }
.dc-yz .yz-item .yz-b .popular span { margin-right: 14px }
.dc-yz .yz-item .yz-b .popular span i { margin-right: 4px }
.dc-yz .yz-item .yz-b .author { max-width: 120px }
}
@media (min-width:1200px) {
.dc-yz .yz-item { width: 380px; margin-left: 11px }
.dc-yz .yz-item .yz-t { height: 285px }
.dc-yz .yz-item .yz-b .popular span { margin-right: 20px }
.dc-yz .yz-item .yz-b .popular span i { margin-right: 6px }
}
.dc-share { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px }
@media (min-width:768px) {
.dc-share.mb30 .share-item, .dc-share.mb60 .share-item { margin-bottom: 20px }
}
@media (min-width:992px) {
.dc-share.mb60 .share-item { margin-bottom: 40px }
}
@media (min-width:1200px) {
.dc-share.mb30 .share-item { margin-bottom: 30px }
.dc-share.mb60 .share-item { margin-bottom: 60px }
}
.dc-share .share-item { overflow: hidden; border-bottom: 1px solid #f4f4f4; background-color: #fff; border-radius: 6px; -ms-box-shadow: 0 2px 14px rgba(0,0,0,.04); -o-box-shadow: 0 2px 14px rgba(0,0,0,.04); -webkit-box-shadow: 0 2px 14px rgba(0,0,0,.04); box-shadow: 0 2px 14px rgba(0,0,0,.04); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.dc-share .share-item .item-cover { position: relative; display: block }
.dc-share .share-item .item-cover>img { width: 100% }
.dc-share .share-item .item-cover>span { position: absolute; top: 10px; left: 10px; font-size: 12px; line-height: 25px; padding: 0 8px; color: #fff; background-color: rgba(0,0,0,.4); border-radius: 30px }
.dc-share .share-item .item-info { position: relative; padding-top: 16px }
.dc-share .share-item .item-info .title-contain { color: #434343; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.dc-share .share-item .item-info .title-contain h3 { font-weight: 700 }
.dc-share .share-item .item-info .info-mid { position: absolute; color: #525a67 }
.dc-share .share-item .item-info .info-mid>img { height: 26px; width: 26px; border-radius: 50% }
.dc-share .share-item .item-info .info-mid>span { display: inline-block; font-size: 14px; line-height: 26px; margin-left: 10px; vertical-align: top }
.dc-share .share-item .item-info .info-bot { position: absolute; color: #87959f }
.dc-share .share-item .item-info .info-bot span { display: inline-block; overflow: hidden; line-height: 36px; vertical-align: top; white-space: nowrap; text-overflow: ellipsis }
.dc-share .share-item .item-info .info-bot .btn { position: absolute; bottom: 0; right: 0; height: 36px; font-size: 12px; line-height: 34px; color: #634b19; background: transparent; border: 1px solid #dcd3bc; border-radius: 20px }
.dc-share .share-item .item-info .info-bot .btn:hover { background: #edce8c }
.dc-share .share-item:hover { -ms-box-shadow: 0 2px 14px rgba(0,0,0,.15); -o-box-shadow: 0 2px 14px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 14px rgba(0,0,0,.15); box-shadow: 0 2px 14px rgba(0,0,0,.15) }
.dc-share .share-item:hover .info-bot span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
@media (min-width:768px) {
.dc-share .share-item { width: 242px; margin-right: 11px }
.dc-share .share-item .item-cover>img { height: 140px }
.dc-share .share-item .item-info { padding-right: 10px; padding-left: 10px; padding-bottom: 82px }
.dc-share .share-item .item-info .title-contain { height: 40px; font-size: 16px; line-height: 20px }
.dc-share .share-item .item-info .info-mid { right: 10px; left: 10px; bottom: 57px }
.dc-share .share-item .item-info .info-bot { right: 10px; left: 10px; bottom: 10px }
.dc-share .share-item .item-info .info-bot span { font-size: 12px; max-width: 158px }
.dc-share .share-item .item-info .info-bot .btn { width: 70px }
}
@media (min-width:992px) {
.dc-share .share-item { width: 314px; margin-right: 19px }
.dc-share .share-item .item-cover>img { height: 182px }
.dc-share .share-item .item-info { padding-right: 16px; padding-left: 20px; padding-bottom: 98px }
.dc-share .share-item .item-info .title-contain { height: 50px; font-size: 18px; line-height: 25px }
.dc-share .share-item .item-info .info-mid { right: 16px; left: 16px; bottom: 61px }
.dc-share .share-item .item-info .info-bot { right: 16px; left: 16px; bottom: 16px }
.dc-share .share-item .item-info .info-bot span { font-size: 14px; max-width: 184px }
.dc-share .share-item .item-info .info-bot .btn { width: 102px }
}
@media (min-width:1200px) {
.dc-share .share-item { width: 380px; margin-right: 20px }
.dc-share .share-item .item-cover>img { height: 220px }
.dc-share .share-item .item-info { padding-right: 20px; padding-left: 20px; padding-bottom: 106px }
.dc-share .share-item .item-info .title-contain { height: 56px; font-size: 20px; line-height: 28px }
.dc-share .share-item .item-info .info-mid { right: 20px; left: 20px; bottom: 65px }
.dc-share .share-item .item-info .info-bot { right: 20px; left: 20px; bottom: 20px }
.dc-share .share-item .item-info .info-bot span { max-width: 198px }
.dc-share .share-item .item-info .info-bot .btn { width: 140px }
}
.brown-pagination .lan-page>li { margin-left: 10px }
.brown-pagination .lan-page>li>a { border: none; border-radius: 4px }
.brown-pagination .lan-page>li>a:hover { color: #edce8c }
.brown-pagination .lan-page>li.active>a { color: #634b19; background-color: #edce8c!important; border-color: #edce8c }
.brown-pagination .lan-page>li.previous>a { color: #525a67; border-color: transparent; background: none }
.brown-pagination .lan-page>li.previous>a:hover { color: #edce8c }
.brown-pagination .lan-page>li.next>a { color: #525a67; border-color: transparent; background: #fff }
.brown-pagination .lan-page>li.next>a:hover { color: #edce8c }
.brown-pagination .lan-page>li.previous.disabled>a { color: #e3e9ef; cursor: not-allowed }
.brown-pagination .page-jump .btn { border-color: #edce8c; color: #edce8c }
.brown-pagination .page-jump .page-group .page-txt { border-color: #edce8c }
.dc-share-details h2 { font-size: 18px; color: #634b19; line-height: 25px }
.dc-share-details h2 .iconfont { font-size: 22px; color: #9e9072; margin-right: 10px; vertical-align: middle }
.dc-share-details h2 span { opacity: .6; font-weight: 700 }
.dc-share-details .banner-img { position: relative; max-width: 1920px; width: 100%; height: 400px; margin-right: auto; margin-left: auto }
.dc-share-details .banner-img img { height: 100%; position: absolute; left: 50%; top: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) }
@media (min-width:768px) {
.dc-share-details .banner-img { height: 270px }
}
@media (min-width:992px) {
.dc-share-details .banner-img { height: 360px }
}
@media (min-width:1200px) {
.dc-share-details .banner-img { height: 400px }
}
.dc-share-details .banner { position: fixed; left: 0; z-index: 5; width: 100%; height: 140px; background-color: #0e1917; background: -webkit-gradient(linear, left top, right top, from(#242f32), to(#0e1917)); background: linear-gradient(90deg, #242f32, #0e1917); -webkit-transition: height .2s ease-in-out; transition: height .2s ease-in-out }
.dc-share-details .banner, .dc-share-details .banner p { -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.dc-share-details .banner p { display: inline-block; font-size: 14px; color: hsla(0,0%,100%,.6); line-height: 1; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.dc-share-details .banner .banner-m { position: relative; float: left; margin-top: 40px }
.dc-share-details .banner .banner-m h1 { font-size: 26px; line-height: 1; color: #fff; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.dc-share-details .banner .banner-m h1 .h1-text { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top }
@media (min-width:768px) {
.dc-share-details .banner .banner-m h1 .h1-text { max-width: 440px }
}
@media (min-width:992px) {
.dc-share-details .banner .banner-m h1 .h1-text { max-width: 590px }
}
@media (min-width:1200px) {
.dc-share-details .banner .banner-m h1 .h1-text { max-width: 700px }
}
.dc-share-details .banner .banner-m h1 .tags { display: inline-block; height: 22px; padding-right: 8px; padding-left: 8px; margin-top: 2px; margin-left: 6px; font-size: 12px; line-height: 22px; color: #634b19; background-color: #edce8c; vertical-align: top; border-radius: 4px }
.dc-share-details .banner .banner-m .abstract-b { margin-top: 20px }
.dc-share-details .banner .banner-m .abstract-b .abstract-b-l { display: inline-block; padding-left: 15px; margin-left: 11px; border-left: 1px solid hsla(0,0%,100%,.1) }
@media (min-width:768px) {
.dc-share-details .banner .banner-m .abstract-b .abstract-b-l { padding-left: 8px; margin-left: 8px }
}
@media (min-width:992px) {
.dc-share-details .banner .banner-m .abstract-b .abstract-b-l { padding-left: 12px; margin-left: 8px }
}
@media (min-width:1200px) {
.dc-share-details .banner .banner-m .abstract-b .abstract-b-l { padding-left: 15px; margin-left: 11px }
}
.dc-share-details .banner .banner-b { float: right; margin-top: 40px; color: #edce8c }
.dc-share-details .banner .banner-b .button { float: right }
.dc-share-details .banner .banner-b .button .btn { width: 160px; height: 50px; font-size: 18px; line-height: 50px; border: none; border-radius: 30px }
.dc-share-details .banner .banner-b .button .enroll { background-color: #edce8c; color: #634b19 }
.dc-share-details .banner .banner-b .button .enroll.disabled { background-color: #ddb256!important }
.dc-share-details .banner .banner-b .abstract-b-r p { font-size: 12px; line-height: 20px; text-align: center }
.dc-share-details .banner .banner-b .button-border { float: left; width: 140px; height: 50px; line-height: 50px; border-radius: 30px; text-align: center; border: 1px solid #edce8c; margin-right: 10px; font-size: 16px; cursor: pointer; color: #edce8c }
@media (min-width:768px) {
.dc-share-details .banner .banner-b .abstract-b-r p { margin-top: 4px; width: 160px }
}
@media (min-width:992px) {
.dc-share-details .banner .banner-b .abstract-b-r { float: left }
.dc-share-details .banner .banner-b .abstract-b-r p { width: auto; margin-top: 15px; margin-right: 20px }
.dc-share-details .banner .banner-b .abstract-b-r.has-qq { float: unset }
.dc-share-details .banner .banner-b .abstract-b-r.has-qq p { margin-right: unset; width: 100%; margin-top: 8px }
}
.dc-share-details .banner.active .banner-m { margin-top: 20px }
.dc-share-details .banner.active .banner-m h1 { display: inline-block }
.dc-share-details .banner.active .banner-m .abstract-b { display: inline-block; margin-top: 0; vertical-align: top; line-height: 26px }
.dc-share-details .banner.active .banner-m .abstract-b .abstract-guest, .dc-share-details .banner.active .banner-m .abstract-b .share-wx { display: none }
.dc-share-details .banner.active .banner-m .abstract-b .abstract-b-l { padding-left: 0; border: none }
.dc-share-details .banner.active .banner-b { margin-top: 15px }
.dc-share-details .banner.active .banner-b .button .btn { width: 114px; height: 36px; font-size: 14px; line-height: 36px }
.dc-share-details .banner.active .banner-b .button-border { width: 114px; height: 36px; font-size: 12px; line-height: 36px }
@media (min-width:768px) {
.dc-share-details .banner.active { height: 66px }
.dc-share-details .banner.active p { font-size: 16px; line-height: 26px }
.dc-share-details .banner.active .banner-m { margin-top: 20px }
.dc-share-details .banner.active .banner-m h1 .h1-text { max-width: 300px }
.dc-share-details .banner.active .banner-m .abstract-b .abstract-b-l { margin-left: 12px }
.dc-share-details .banner.active .banner-b .abstract-b-r { display: none }
}
@media (min-width:992px) {
.dc-share-details .banner.active p { font-size: 16px; line-height: 26px }
.dc-share-details .banner.active .banner-m { margin-top: 20px }
.dc-share-details .banner.active .banner-m h1 .h1-text { max-width: 430px }
.dc-share-details .banner.active .banner-m .abstract-b .abstract-b-l { margin-left: 36px }
.dc-share-details .banner.active .banner-b .abstract-b-r { display: none }
}
@media (min-width:1200px) {
.dc-share-details .banner.active p { font-size: 18px }
.dc-share-details .banner.active .banner-m h1 .h1-text { max-width: 494px }
}
.dc-share-details .daniu-info { background-color: #f8f8f8; padding-top: 60px; padding-bottom: 40px; margin-top: 140px }
.dc-share-details .daniu-info .dcll-intr { border-bottom: 1px solid rgba(49,37,59,.1); padding-bottom: 40px }
.dc-share-details .daniu-info .dcll-intr .intr { width: 540px; float: left }
.dc-share-details .daniu-info .dcll-intr .intr p { font-size: 14px; color: #434343; line-height: 25px; overflow: hidden; margin-top: 20px; white-space: pre-line }
@media (min-width:768px) {
.dc-share-details .daniu-info .dcll-intr .intr { width: 340.2px }
}
@media (min-width:992px) {
.dc-share-details .daniu-info .dcll-intr .intr { width: 442.8px }
}
@media (min-width:1200px) {
.dc-share-details .daniu-info .dcll-intr .intr { width: 540px }
}
.dc-share-details .daniu-info .dcll-intr .video-contain { float: right; position: relative; display: block; margin-left: 20px; width: 570px; height: 322px; cursor: pointer; background-color: rgba(14,25,23,.7) }
@media (min-width:768px) {
.dc-share-details .daniu-info .dcll-intr .video-contain { width: 359.1px; height: 202.86px }
}
@media (min-width:992px) {
.dc-share-details .daniu-info .dcll-intr .video-contain { width: 467.4px; height: 264.04px }
}
@media (min-width:1200px) {
.dc-share-details .daniu-info .dcll-intr .video-contain { width: 570px; height: 322px }
}
.dc-share-details .daniu-info .dcll-intr .video-contain img { width: 100%; height: 100% }
.dc-share-details .daniu-info .dcll-intr .video-contain .dc-live-play { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; text-align: center }
.dc-share-details .daniu-info .dcll-intr .video-contain .dc-live-play .icon-contain { vertical-align: middle; display: inline-block; color: #fff }
.dc-share-details .daniu-info .dcll-intr .video-contain .dc-live-play .icon-contain .iconfont { font-size: 30px; line-height: 1 }
.dc-share-details .daniu-info .dcll-intr .video-contain .dc-live-play .icon-contain em { display: block; margin-top: 10px; font-size: 12px; line-height: 17px }
.dc-share-details .daniu-info .dcll-intr .video-contain #player { position: absolute; width: 100%; height: 100%; left: 0; right: 0; display: none }
.dc-share-details .daniu-info .dcll-intr .video-contain.play .dc-live-play { display: none }
.dc-share-details .daniu-info .dcll-intr .video-contain.play #player { display: block }
.dc-share-details .daniu-info .dc-intr { position: relative; margin-top: 60px; background-color: #fff }
@media (min-width:768px) {
.dc-share-details .daniu-info .dc-intr { padding: 20px 18px }
}
@media (min-width:992px) {
.dc-share-details .daniu-info .dc-intr { padding: 30px 28px }
}
@media (min-width:1200px) {
.dc-share-details .daniu-info .dc-intr { padding: 50px 48px }
}
.dc-share-details .daniu-info .dc-intr .dc-auther { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.dc-share-details .daniu-info .dc-intr .dc-auther, .dc-share-details .daniu-info .dc-intr .dc-auther .avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.dc-share-details .daniu-info .dc-intr .dc-auther .avatar .avatar-c { display: block; width: 102px; height: 102px; padding: 2px; overflow: hidden; border: 1px solid #edce8c; border-radius: 50% }
.dc-share-details .daniu-info .dc-intr .dc-auther .avatar .avatar-c img { width: 100%; height: 100%; border-radius: 50% }
.dc-share-details .daniu-info .dc-intr .dc-auther .avatar .identity { display: inline-block; margin-top: 0; vertical-align: bottom }
.dc-share-details .daniu-info .dc-intr .dc-auther .avatar .identity img { width: 18px; height: 18px }
.dc-share-details .daniu-info .dc-intr .dc-auther .attention .name { position: relative; display: inline-block; max-width: 164px; margin-bottom: 10px; font-size: 20px; line-height: 28px; color: #434343 }
.dc-share-details .daniu-info .dc-intr .dc-auther .attention .name:hover { color: #634b19 }
.dc-share-details .daniu-info .dc-intr .dc-auther .attention .name:after { position: absolute; top: 4px; right: -24px; width: 20px; height: 20px; vertical-align: top; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; content: "" }
.dc-share-details .daniu-info .dc-intr .dc-auther .attention .name.teacher:after { background-image: url("https://assets-cdn.lanqb.com/pc_users/identity-icon_coo.png") }
.dc-share-details .daniu-info .dc-intr .dc-auther .attention .name.student:after { background-image: url("https://assets-cdn.lanqb.com/pc_users/identity-icon_stu.png") }
.dc-share-details .daniu-info .dc-intr .dc-auther .attention .name.daniu:after { background-image: url("https://assets-cdn.lanqb.com/pc_users/identity-icon_coo.png") }
.dc-share-details .daniu-info .dc-intr .dc-auther .attention .btn { display: block; width: 100px; height: 35px; line-height: 33px; border: 1px solid #edce8c; border-radius: 100px; font-size: 14px; color: #634b19; background-color: #edce8c }
.dc-share-details .daniu-info .dc-intr .dc-auther .attention .btn.atted, .dc-share-details .daniu-info .dc-intr .dc-auther .attention .btn:hover { background-color: transparent; color: #edce8c }
@media (min-width:768px) {
.dc-share-details .daniu-info .dc-intr .dc-auther .attention { margin-left: 20px }
}
@media (min-width:1200px) {
.dc-share-details .daniu-info .dc-intr .dc-auther .attention { margin-left: 30px }
}
.dc-share-details .daniu-info .dc-intr .dc-auther .intr { position: relative }
.dc-share-details .daniu-info .dc-intr .dc-auther .intr:before { position: absolute; top: 6px; bottom: 6px; left: 0; width: 2px; background-color: rgba(49,37,59,.1); content: "" }
.dc-share-details .daniu-info .dc-intr .dc-auther .intr p { height: 100px; overflow: hidden; overflow-y: auto; font-size: 14px; text-align: justify; color: #434343; white-space: pre-line }
.dc-share-details .daniu-info .dc-intr .dc-auther .intr p::-webkit-scrollbar {
width:2px;
background:#eee
}
.dc-share-details .daniu-info .dc-intr .dc-auther .intr p::-webkit-scrollbar-thumb {
background:#9f9f9f;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-text-decoration-skip:objects;
text-decoration-skip:objects
}
@media (min-width:768px) {
.dc-share-details .daniu-info .dc-intr .dc-auther .intr { width: 390px; padding-left: 18px }
.dc-share-details .daniu-info .dc-intr .dc-auther .intr p { padding-right: 15px; line-height: 20px }
}
@media (min-width:992px) {
.dc-share-details .daniu-info .dc-intr .dc-auther .intr { width: 590px }
.dc-share-details .daniu-info .dc-intr .dc-auther .intr p { padding-right: 25px; line-height: 25px }
}
@media (min-width:1200px) {
.dc-share-details .daniu-info .dc-intr .dc-auther .intr { width: 740px; padding-left: 38px }
.dc-share-details .daniu-info .dc-intr .dc-auther .intr p { padding-right: 35px }
}
.dc-share-details .daniu-info .dc-intr .dc-works { position: relative; margin-top: 46px }
.dc-share-details .daniu-info .dc-intr .dc-works .works-contain { margin-left: -14px; margin-top: 8px }
.dc-share-details .daniu-info .dc-intr .dc-works .works-contain li { float: left }
@media (min-width:768px) {
.dc-share-details .daniu-info .dc-intr .dc-works .works-contain li { margin-left: 10px; margin-top: 10px }
.dc-share-details .daniu-info .dc-intr .dc-works .works-contain li img { width: 171px; height: 128px; border-radius: 3px }
}
@media (min-width:992px) {
.dc-share-details .daniu-info .dc-intr .dc-works .works-contain li { margin-left: 12px; margin-top: 12px }
.dc-share-details .daniu-info .dc-intr .dc-works .works-contain li img { width: 222px; height: 167px; border-radius: 4px }
}
@media (min-width:1200px) {
.dc-share-details .daniu-info .dc-intr .dc-works .works-contain li { margin-left: 14px; margin-top: 14px }
.dc-share-details .daniu-info .dc-intr .dc-works .works-contain li img { width: 260px; height: 195px }
}
.dc-share-details .daniu-info .dc-intr .dc-works .dachu-works-grpg { position: absolute; top: 50%; z-index: 2; width: 24px; height: 24px; text-align: center; cursor: pointer }
.dc-share-details .daniu-info .dc-intr .dc-works .dachu-works-grpg .iconfont { opacity: .3; color: #634b19 }
.dc-share-details .daniu-info .dc-relevant { margin-top: 60px }
.dc-share-details .daniu-info .dc-relevant h2 { margin-bottom: 40px }
.dc-share-details .daniu-info .mtb { margin-top: 40px }
.dc-share-details .comment-h2 { background-color: #eee; padding-top: 60px }
.dc-comment { background: #eee; padding-top: 20px; padding-bottom: 90px }
.dc-comment .comment { margin: 0; background: #fff }
.dc-comment .comment .comment-my { border-bottom: none; padding: 0 0 40px }
.dc-comment .comment .comment-head { border-bottom: 1px solid #e3e9ef }
.dc-comment .comment .btn-brown { background: #edce8c; border-radius: 100px; color: #634b19 }
.dc-comment .comment h3.left { font-size: 18px; color: #ddb256; line-height: 25px }
.dc-comment .comment .comment-iteam .comment-des .avatar-tail { width: 18px; height: 18px }
.dc-comment .comment .comment-iteam .comment-avatar { left: 0 }
.dc-comment .comment .comment-iteam .comment-reply-tips a { color: #ddb256 }
.dc-comment .comment .comment-iteam .comment-reply-tips a:hover { color: #daac49 }
.dc-comment .comment .comment-iteam .comment-handle span:hover { color: #f5a623 }
.dc-comment .comment .reply-author { color: #edce8c }
.dc-comment .comment .form-input-textarea { background: #f6f6f6; border-radius: 4px; border: none }
.dc-comment .comment .comment-reply .form-input-textarea { border: 1px solid #edce8c }
.dc-comment .comment .brown-pagination { padding-top: 60px }
.dc-comment .comment .brown-pagination .lan-page>li>a:hover { background: #f6f6f6 }
.dc-comment .comment .comment-author { display: inline-block; vertical-align: middle }
.dc-comment .comment .comment-head, .dc-comment .comment .comment-iteam { padding-left: 0; padding-right: 0 }
@media (min-width:768px) {
.dc-comment .comment { padding: 30px }
}
@media (min-width:992px) {
.dc-comment .comment { padding: 40px 100px }
}
@media (min-width:1200px) {
.dc-comment .comment { padding-right: 140px; padding-left: 140px }
}
.dc-comment.dc-interview-comment { background: transparent }
.dc-comment.dc-interview-comment .comment .comment-others { margin-top: 0; border-top: none }
.dc-comment.dc-interview-comment .comment .comment-head { padding-top: 0; border-bottom: 4px solid #f6f6f6 }
@media (min-width:768px) {
.dc-comment.dc-interview-comment .comment { padding: 14px }
.dc-comment.dc-interview-comment .comment .comment-head { border-bottom-width: 2px }
}
@media (min-width:992px) {
.dc-comment.dc-interview-comment .comment { padding: 20px }
.dc-comment.dc-interview-comment .comment .comment-head { border-bottom-width: 3px }
}
@media (min-width:1200px) {
.dc-comment.dc-interview-comment .comment { padding: 40px }
.dc-comment.dc-interview-comment .comment .comment-head { border-bottom-width: 4px }
}
.dcworks-popup { width: 945px; background-color: transparent; display: block; position: fixed; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; visibility: hidden }
.dcworks-popup .swiper-slide { height: 710px }
.dcworks-popup img { max-width: 100%; max-height: 100%; position: relative }
.dcworks-popup .dcworks-hc-grpg, .dcworks-popup img { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.dcworks-popup .dcworks-hc-grpg { position: absolute; z-index: 2; width: 60px; height: 60px; text-align: center; cursor: pointer; background: #000; opacity: .3; border-radius: 50%; position: fixed }
.dcworks-popup .dcworks-hc-grpg .iconfont { opacity: .3; color: #fff; line-height: 60px }
.dcworks-popup .prev { left: 60px; -webkit-transform: rotateY(180deg) translateY(-50%); transform: rotateY(180deg) translateY(-50%) }
.dcworks-popup .next { right: 60px }
.dcworks-popup span.popup-close { background: none; border-radius: 50%; border: 2px solid hsla(0,0%,100%,.3) }
.dcworks-popup span.popup-close .iconfont { color: hsla(0,0%,100%,.3) }
.dcworks-popup .work-order { opacity: .6; font-size: 14px; margin-top: 20px }
@media (min-width:768px) {
.dcworks-popup { width: 595.35px }
.dcworks-popup .swiper-slide { height: 447.3px }
.dcworks-popup .prev { left: 37.8px }
.dcworks-popup .next { right: 37.8px }
}
@media (min-width:992px) {
.dcworks-popup { width: 774.9px }
.dcworks-popup .swiper-slide { height: 582.2px }
.dcworks-popup .prev { left: 49.2px }
.dcworks-popup .next { right: 49.2px }
}
@media (min-width:1200px) {
.dcworks-popup { width: 945px }
.dcworks-popup .swiper-slide { height: 710px }
.dcworks-popup .prev { left: 60px }
.dcworks-popup .next { right: 60px }
}
.share-wx { display: inline-block; position: relative; height: 35px; margin-left: 30px }
.share-wx .share-text { font-size: 14px }
.share-wx .share-text, .share-wx .share-text~a.iconfont { display: inline-block; line-height: 1; opacity: .5; color: #edce8c }
.share-wx .share-text~a.iconfont { margin-left: 6px; font-size: 16px; vertical-align: top; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.share-wx .share-text~a.iconfont:hover { opacity: 1 }
.share-wx .share-text~a.iconfont+a { margin-left: 16px }
.share-wx .transition-box { position: absolute; height: 30px; top: 38px; width: 480px; left: 0; display: none }
.share-wx .share-box { position: absolute; top: 35px; left: -50px; z-index: 5; display: none; width: 480px; border: 1px solid #efefef; border-radius: 4px; -ms-box-shadow: 0 5px 15px rgba(30,25,38,.1); -o-box-shadow: 0 5px 15px rgba(30,25,38,.1); -webkit-box-shadow: 0 5px 15px rgba(30,25,38,.1); box-shadow: 0 5px 15px rgba(30,25,38,.1) }
.share-wx .share-box .sjicon { position: absolute; top: -6px; left: 52px; z-index: 0; width: 14px; height: 14px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 3px; -ms-box-shadow: -1px -1px 1px rgba(30,25,38,.1); -o-box-shadow: -1px -1px 1px rgba(30,25,38,.1); -webkit-box-shadow: -1px -1px 1px rgba(30,25,38,.1); box-shadow: -1px -1px 1px rgba(30,25,38,.1) }
.share-wx .share-box .share-box-con { position: relative; z-index: 1; padding-bottom: 27px; background-color: #fff }
.share-wx .share-box .box-l { float: left; padding: 40px 32px }
.share-wx .share-box .box-l h3 { opacity: .6; font-size: 18px; color: #634b19; line-height: 25px }
.share-wx .share-box .box-l .share-link { background: hsla(41,81%,86%,.3); border: 1px solid #edce8c; border-radius: 4px; padding: 5px 10px; width: 264px; margin-top: 25px }
.share-wx .share-box .box-l .share-link label { font-size: 12px; color: #9f9f9f; line-height: 17px }
.share-wx .share-box .box-l .share-link input { width: 160px; border: none; color: #9f9f9f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.share-wx .share-box .box-l .share-link input:focus { background-color: #edce8c }
.share-wx .share-box .box-l .share-link .copy-link { font-size: 14px; color: #ddb256; line-height: 17px; margin-left: 10px; cursor: pointer }
.share-wx .share-box .box-l:after { content: ""; height: 97px; width: 1px; background-color: #efefef; display: block; position: absolute; top: 50px; left: 316px }
.share-wx .share-box .box-r { float: left; margin-left: 15px }
.share-wx .share-box .box-r>span { font-size: 12px; color: #634b19; line-height: 17px; display: block; margin-top: 30px; text-align: center }
.share-wx .share-box .box-r .qrcode { height: 100px; width: 100px; padding: 3px; border: 1px solid #edce8c; border-radius: 4px; margin-top: 10px }
.share-wx .share-box .box-r .qrcode img { width: 100%; height: 100% }
.share-wx:hover .share-box, .share-wx:hover .transition-box { display: block }
.dc-interview-details { margin-top: 60px }
.dc-interview-details .int-contain { background: #f8f8f8; padding-top: 20px; padding-bottom: 20px }
.dc-interview-details .int-contain .breadcrumb { font-size: 14px; color: #9f9f9f; line-height: 20px; display: block }
.dc-interview-details .int-contain .breadcrumb a { color: #9f9f9f }
.dc-interview-details .int-contain .breadcrumb a:hover { color: #027cdb }
.dc-interview-details .int-contain .main { background: #fff; margin-top: 20px; border-radius: 4px }
.dc-interview-details .int-contain .main>h2 { color: #434343; text-align: center }
.dc-interview-details .int-contain .main img { max-width: 100%; margin: 10px auto }
.dc-interview-details .int-contain .main .date { padding-bottom: 20px; margin-top: 20px; font-size: 14px; color: #cfcfcf; line-height: 20px; display: block; text-align: center; border-bottom: 1px solid #f4f4f4 }
.dc-interview-details .int-contain .main .preface { margin-top: 40px; background: #f6f6f6; border-radius: 4px; font-size: 14px; color: #595959; line-height: 25px; padding: 25px 20px; word-break: break-all }
.dc-interview-details .int-contain .main .interview-content h3 { margin: 40px 0 20px; font-size: 18px; line-height: 25px; color: #434343; font-weight: 700; text-align: center }
.dc-interview-details .int-contain .main .interview-content .content { font-size: 14px; color: #434343; line-height: 25px; position: relative; padding-bottom: 60px }
.dc-interview-details .int-contain .main .interview-content .content em { font-size: 14px; color: #634b19; line-height: 25px; font-weight: 700; margin: 25px 0; display: block }
.dc-interview-details .int-contain .main .interview-content .content img { width: 100%; margin-top: 30px }
.dc-interview-details .int-contain .main .detail-con { position: relative; padding-top: 35px; padding-bottom: 30px }
.dc-interview-details .int-contain .main .detail-con:after, .dc-interview-details .int-contain .main .detail-con:before { position: absolute; right: 0; left: 0; display: block; background-color: #f6f6f6; content: "" }
.dc-interview-details .int-contain .main .detail-con:before { top: 0 }
.dc-interview-details .int-contain .main .detail-con:after { bottom: 0 }
.dc-interview-details .int-contain .main .detail-con.pt26 { padding-top: 26px }
.dc-interview-details .int-contain .main .detail-con.pt26:before { display: none; opacity: 0 }
.dc-interview-details .int-contain .main .main-b { position: relative; text-align: center }
.dc-interview-details .int-contain .main .main-b .tozhan-btn.bgbrown { color: #634b19; background-color: #edce8c }
.dc-interview-details .int-contain .main .main-b .tozhan-btn.bgbrown:active, .dc-interview-details .int-contain .main .main-b .tozhan-btn.bgbrown:hover { color: #634b19; background-color: #ddb256 }
.dc-interview-details .int-contain .main .main-b .tozhan-btn.bgbrown.active { position: relative; color: #634b19; background-color: transparent }
.dc-interview-details .int-contain .main .main-b .tozhan-btn.bgbrown.active .iconfont { color: #ddb256 }
.dc-interview-details .int-contain .main .main-b .tozhan-btn.bgbrown.active:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #eee; content: ""; border-radius: 60px }
.dc-interview-details .int-contain .main .main-b .int-share-wx { position: absolute; right: 0; bottom: 10px }
.dc-interview-details .int-contain .main .main-b .int-share-wx .share-text { color: #929292; line-height: 25px; opacity: 1 }
.dc-interview-details .int-contain .main .main-b .int-share-wx a { display: inline-block; color: #aaa; vertical-align: top; font-size: 20px; opacity: 1; line-height: 25px }
.dc-interview-details .int-contain .main .main-b .int-share-wx a .iconfont { font-size: 20px; line-height: 25px }
.dc-interview-details .int-contain .main .main-b .int-share-wx a:hover { color: #ddb256 }
.dc-interview-details .int-contain .main .main-b .int-share-wx .share-box, .dc-interview-details .int-contain .main .main-b .int-share-wx .transition-box { left: -132px }
.dc-interview-details .int-contain .main .main-b .int-share-wx .share-box .sjicon { left: 230px }
.dc-interview-details .int-contain .main .main-b .int-share-wx:hover { background: none }
.dc-interview-details .dc-comment { padding-bottom: 30px }
@media (min-width:768px) {
.dc-interview-details .int-contain .details-left, .dc-interview-details .int-contain .details-right { padding-right: 6px; padding-left: 6px }
.dc-interview-details .int-contain .details-left { width: 590px }
.dc-interview-details .int-contain .details-right { position: relative; width: 170px; margin-top: 20px }
.dc-interview-details .int-contain .main { padding: 20px 16px }
.dc-interview-details .int-contain .main>h2 { font-size: 24px; line-height: 36px; font-weight: 600 }
.dc-interview-details .int-contain .main .main-b { margin-top: 20px }
.dc-interview-details .int-contain .main .detail-con:after, .dc-interview-details .int-contain .main .detail-con:before { height: 4px }
}
@media (min-width:992px) {
.dc-interview-details .int-contain .details-left, .dc-interview-details .int-contain .details-right { padding-right: 8px; padding-left: 8px }
.dc-interview-details .int-contain .details-left { width: 746px }
.dc-interview-details .int-contain .details-right { width: 250px }
.dc-interview-details .int-contain .main { padding: 30px }
.dc-interview-details .int-contain .main>h2 { font-size: 28px; line-height: 38px; font-weight: 700 }
.dc-interview-details .int-contain .main .main-b { margin-top: 30px }
.dc-interview-details .int-contain .main .detail-con:after, .dc-interview-details .int-contain .main .detail-con:before { height: 5px }
}
@media (min-width:1200px) {
.dc-interview-details .int-contain .details-left, .dc-interview-details .int-contain .details-right { padding-right: 10px; padding-left: 10px }
.dc-interview-details .int-contain .details-left { width: 900px }
.dc-interview-details .int-contain .details-right { width: 300px }
.dc-interview-details .int-contain .main { padding: 40px 40px 50px }
.dc-interview-details .int-contain .main>h2 { font-size: 30px; line-height: 42px }
.dc-interview-details .int-contain .main .main-b { margin-top: 50px }
}
.dc-interview-details .p-banner { border-radius: 6px }
.dc-interview-details .p-banner .p-ban-img { position: absolute; top: 0; left: 50%; display: block; width: 1180px; height: 100%; margin-left: -590px }
.dc-interview-details .p-banner img { height: 100% }
@media (min-width:768px) {
.dc-interview-details .p-banner { height: 110px }
}
@media (min-width:992px) {
.dc-interview-details .p-banner { height: 130px }
}
@media (min-width:1200px) {
.dc-interview-details .p-banner { height: 150px }
}
.dc-interview-details .interview-h4 { font-weight: 700; line-height: 25px; color: #434343 }
@media (min-width:768px) {
.dc-interview-details .interview-h4 { font-size: 16px }
}
@media (min-width:1200px) {
.dc-interview-details .interview-h4 { font-size: 18px }
}
.dc-interview-details .interview-guest { margin-bottom: 20px; background-color: #fff; text-align: center; cursor: default; border-radius: 4px }
@media (min-width:768px) {
.dc-interview-details .interview-guest { width: 158px }
}
@media (min-width:992px) {
.dc-interview-details .interview-guest { width: 234px }
}
@media (min-width:1200px) {
.dc-interview-details .interview-guest { width: 280px }
}
.dc-interview-details .interview-guest .interview-h4 { text-align: left }
.dc-interview-details .interview-guest .guest-auther { display: block; margin: 0 auto 10px; overflow: hidden; border: 1px solid #edce8c; border-radius: 50% }
.dc-interview-details .interview-guest .guest-auther img { width: 100%; height: 100%; border-radius: 50% }
.dc-interview-details .interview-guest .guest-name { display: inline-block; font-weight: 700; line-height: 24px; color: #434343; vertical-align: top; width: 100% }
.dc-interview-details .interview-guest .guest-name .identity-img { width: 24px; height: 24px; margin-left: 4px; vertical-align: top }
.dc-interview-details .interview-guest .guest-name:hover { color: #634b19 }
.dc-interview-details .interview-guest .guest-btn { display: block; width: 100px; height: 40px; margin-right: auto; margin-left: auto; font-size: 14px; color: #634b19; background-color: #edce8c; border: none; border-radius: 30px; display: inline-block }
.dc-interview-details .interview-guest .guest-btn:hover { background-color: #ddb256 }
.dc-interview-details .interview-guest .guest-btn.atted { color: #9f9f9f; background-color: #eee }
.dc-interview-details .interview-guest .guest-btn.hide+.guest-info { margin-top: 10px }
.dc-interview-details .interview-guest .border-btn { background-color: unset; border: 1px solid #ddb256; font-size: 12px; color: #ddb256; width: 80px }
.dc-interview-details .interview-guest .border-btn em { -webkit-transform: scale(.8); transform: scale(.8) }
.dc-interview-details .interview-guest .border-btn:hover { color: #fff; background-color: #edce8c; border-color: #edce8c }
.dc-interview-details .interview-guest .guest-info { color: #525a67; background-color: #f8f8f8; text-align: left }
@media (min-width:768px) {
.dc-interview-details .interview-guest { padding: 10px }
.dc-interview-details .interview-guest .guest-auther { width: 74px; height: 74px; padding: 2px; margin-top: 18px }
.dc-interview-details .interview-guest .guest-name { font-size: 16px }
.dc-interview-details .interview-guest .guest-btn { width: 90px; height: 32px; margin-top: 10px; line-height: 32px }
.dc-interview-details .interview-guest .guest-info { padding: 6px; margin-top: 12px; font-size: 12px; line-height: 18px }
}
@media (min-width:992px) {
.dc-interview-details .interview-guest { padding: 14px }
.dc-interview-details .interview-guest .guest-auther { width: 94px; height: 94px; padding: 3px }
.dc-interview-details .interview-guest .guest-name { font-size: 18px }
.dc-interview-details .interview-guest .guest-btn { width: 100px; height: 36px; margin-top: 12px; line-height: 36px }
.dc-interview-details .interview-guest .guest-info { padding: 10px; margin-top: 20px; font-size: 14px; line-height: 24px }
}
@media (min-width:1200px) {
.dc-interview-details .interview-guest { padding: 20px }
.dc-interview-details .interview-guest .guest-auther { width: 102px; height: 102px; margin-top: 28px }
.dc-interview-details .interview-guest .guest-btn { width: 100px; height: 40px; margin-top: 22px; line-height: 40px }
.dc-interview-details .interview-guest .guest-info { padding: 16px; margin-top: 30px }
}
.dc-interview-details .interview-ri { cursor: default }
@media (min-width:768px) {
.dc-interview-details .interview-ri { width: 158px }
}
@media (min-width:992px) {
.dc-interview-details .interview-ri { width: 234px }
}
@media (min-width:1200px) {
.dc-interview-details .interview-ri { width: 280px }
}
.dc-interview-details .interview-ri .interview-h4 { margin-bottom: 12px }
.dc-interview-details .interview-ri .ri-btn { width: 100%; margin-top: 20px; color: #707070; background: transparent; border-color: #b1bbc3 }
.dc-interview-details .interview-ri .ri-btn:hover { color: #525a67; border-color: #525a67 }
@media (min-width:768px) {
.dc-interview-details .interview-ri .ri-btn { height: 42px; font-size: 14px; line-height: 40px; border-radius: 4px }
}
@media (min-width:992px) {
.dc-interview-details .interview-ri .ri-btn { height: 48px; font-size: 16px; line-height: 46px; border-radius: 6px }
}
@media (min-width:1200px) {
.dc-interview-details .interview-ri .ri-btn { height: 52px; line-height: 50px; border-radius: 8px }
}
.dc-interview-details .interview-ri-item { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.dc-interview-details .interview-ri-item+.interview-ri-item { padding-top: 15px; margin-top: 15px; border-top: 1px solid #e3e9ef }
.dc-interview-details .interview-ri-item .ri-h4 { display: block; overflow: hidden; font-size: 14px; font-weight: 700 }
.dc-interview-details .interview-ri-item .ri-h4:hover { color: #634b19 }
.dc-interview-details .interview-ri-item .ri-cover { position: relative; display: block; overflow: hidden }
.dc-interview-details .interview-ri-item .ri-cover img { width: 100%; height: 100% }
.dc-interview-details .interview-ri-item .ri-cover:after { position: absolute; top: 4px; left: 4px; padding-right: 6px; padding-left: 6px; font-size: 12px; line-height: 21px; color: #634b19; background-color: #edce8c; border-radius: 4px; -webkit-transform: scale(.83); transform: scale(.83); -webkit-transform-origin: left top; transform-origin: left top }
.dc-interview-details .interview-ri-item .ri-des { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.dc-interview-details .interview-ri-item .ri-buy-num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #87959f }
.dc-interview-details .interview-ri-item .ri-buy-num .iconfont { margin-right: 6px; font-size: 14px; line-height: 15px }
.dc-interview-details .interview-ri-item .ri-buy-num .num { font-size: 12px; line-height: 20px }
.dc-interview-details .interview-ri-item.pubclass .ri-cover:after { content: "\8BB2\5EA7" }
.dc-interview-details .interview-ri-item.pubclass .ri-btns .date { font-size: 12px; line-height: 20px; color: #525a67 }
.dc-interview-details .interview-ri-item.course .ri-cover:after { content: "\6559\7A0B" }
.dc-interview-details .interview-ri-item.interview .ri-cover:after { content: "\4E13\8BBF" }
.dc-interview-details .interview-ri-item.interview .ri-buy-num .iconfont { margin-right: 4px; font-size: 18px }
@media (min-width:768px) {
.dc-interview-details .interview-ri-item { -ms-flex-wrap: wrap; flex-wrap: wrap }
.dc-interview-details .interview-ri-item .ri-h4 { max-height: 36px; line-height: 18px }
.dc-interview-details .interview-ri-item .ri-cover { width: 100%; height: 119px; border-radius: 8px }
.dc-interview-details .interview-ri-item .ri-des { width: 100%; margin-top: 10px }
.dc-interview-details .interview-ri-item .ri-btns { margin-top: 8px }
}
@media (min-width:992px) {
.dc-interview-details .interview-ri-item { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.dc-interview-details .interview-ri-item .ri-h4 { max-height: 32px; line-height: 16px }
.dc-interview-details .interview-ri-item .ri-cover { width: 100px; height: 75px; border-radius: 4px }
.dc-interview-details .interview-ri-item .ri-des { width: 128px; margin-top: 0 }
.dc-interview-details .interview-ri-item .ri-btns { margin-top: 0 }
}
@media (min-width:1200px) {
.dc-interview-details .interview-ri-item .ri-h4 { max-height: 40px; line-height: 20px }
.dc-interview-details .interview-ri-item .ri-cover { width: 120px; height: 90px; border-radius: 8px }
.dc-interview-details .interview-ri-item .ri-des { width: 150px }
}
.dc-interview-details .interview-ri-item:hover .ri-h4 { color: #634b19 }
.dc-yz-details .int-contain .main .content { margin: 40px 0 30px; padding-bottom: 0 }
.dc-yz-details .int-contain .main img { max-width: 100%; margin: 10px auto }
.dc-yz-details .int-contain .main video { width: 100%; height: 486px }
.dc-yz-details .int-contain .main .dc-introduce { position: relative; padding: 30px 0; margin-top: 48px; display: -webkit-box; display: -ms-flexbox; display: flex }
.dc-yz-details .int-contain .main .dc-introduce .dc-avater .avater-contain { border: 1px solid #edce8c; width: 84px; height: 84px; border-radius: 50%; padding: 1px; margin: 0 auto }
.dc-yz-details .int-contain .main .dc-introduce .dc-avater .avater-contain img { width: 80px; height: 80px; border-radius: 50% }
.dc-yz-details .int-contain .main .dc-introduce .dc-avater>span { display: block; text-align: center; font-size: 18px; color: #434343; line-height: 25px; margin-top: 10px }
.dc-yz-details .int-contain .main .dc-introduce p { font-size: 14px; color: #9f9f9f; line-height: 25px; margin-left: 40px }
.dc-yz-details .int-contain .main .dc-introduce .online { position: absolute; background-color: #f6f6f6 }
.dc-yz-details .int-contain .main .dc-introduce .top-online { top: 0 }
.dc-yz-details .int-contain .main .dc-introduce .bottom-online { bottom: 0 }
.dc-yz-details .int-contain .main .main-b { height: 50px }
@media (min-width:768px) {
.dc-yz-details .int-contain .main .dc-introduce .online { right: -15px; left: -15px }
}
@media (min-width:992px) {
.dc-yz-details .int-contain .main .dc-introduce .online { right: -25px; left: -25px; height: 5px }
}
@media (min-width:1200px) {
.dc-yz-details .int-contain .main .dc-introduce .online { right: -35px; left: -35px }
}
.dachu-popup { padding-top: 16px; margin-top: -200px }
.dachu-popup .popup-close i:hover { color: #edce8c }
.dachu-popup .popup-icon { font-size: 40px; width: 70px; height: 70px; border-radius: 100%; background-color: #edce8c; display: inline-block; line-height: 70px; color: #fff }
.dachu-popup input#dc-qun-input { display: inline-block; width: 202px; height: 60px; font-size: 20px; line-height: 60px; color: #634b19; text-align: center; background-color: transparent; border: none; vertical-align: top }
.dachu-popup .qun-copy-btn { height: 40px; line-height: 38px; font-size: 14px }
.dachu-popup .popup-tips { color: #634b19; margin-top: 10px; height: 14px }
.proCLass-itemList { margin-top: 40px }
.proCLass-itemList li h3 { font-size: 20px; color: #434343; line-height: 28px; text-align: justify; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: clip; white-space: normal; height: 56px }
.proCLass-itemList li p { font-size: 14px; color: #9f9f9f; margin: 10px 10px 0 }
.proCLass-itemList li .hd-itemList-author { border-top: 1px solid #f6f6f6; padding-top: 10px; width: 100% }
.proCLass-itemList li .hd-itemList-author a { width: auto }
.proCLass-itemList li .hd-itemList-img { height: auto }
.container-proCLassDetail .opensdet-intro-cover { width: 496px; height: 280px }
.container-proCLassDetail .opensdet-intro-cover>.opensdet-intro-cover-img { height: auto }
.container-proCLassDetail .details-c1 { margin-top: 20px; border: 1px solid #eef3f5 }
.container-proCLassDetail .details-c1 h1 { color: #434343; height: 50px }
.container-proCLassDetail .details-c1 h2 { font-size: 16px; color: #434343; margin-top: 12px }
.container-proCLassDetail .details-c1 h3 { font-size: 12px; color: #434343; margin-top: 20px }
.container-proCLassDetail .details-c1 .details-tags { margin-top: 37px }
.container-proCLassDetail .details-c1 .opensdet-intro-btnd .opensdet-intro-btn { float: none; width: 140px }
.container-proCLassDetail .details-c1 .opensdet-intro-btnd p { display: inline-block; font-size: 12px; color: #9f9f9f; vertical-align: bottom; margin-left: 20px }
.container-proCLassDetail .details-c1 .opensdet-intro-btnd p em { color: #434343 }
@media (min-width:768px) {
.container-proCLassDetail .details-c1 .details-tags, .container-proCLassDetail .details-c1 .opensdet-intro-d1, .container-proCLassDetail .details-c1 h2, .container-proCLassDetail .details-c1 h3 { margin-top: 12px }
.container-proCLassDetail .details-c1 .opensdet-intro-des { height: auto }
}
@media (min-width:992px) {
.container-proCLassDetail .details-c1 h2 { margin-top: 12px }
.container-proCLassDetail .details-c1 h3 { margin-top: 20px }
.container-proCLassDetail .details-c1 .details-tags { margin-top: 37px }
.container-proCLassDetail .details-c1 .opensdet-intro-d1 { margin-top: 18px }
}
.container-proCLassDetail .opensdet-con { margin: 0 }
.container-proCLassDetail .opensdet-con .opensdet-details { border: 1px solid #eef3f5 }
.container-proCLassDetail .opensdet-con .opensdet-title { border-bottom: 1px solid #eef3f5 }
.container-proCLassDetail .opensdet-con .opensdet-title>h4.active { color: #634b19; border: none }
.container-proCLassDetail .opensdet-con .opensdet-c1 { padding: 50px 45px 30px }
@media (min-width:768px) {
.container-proCLassDetail .opensdet-con .opensdet-c1 { margin: 0 60px }
}
@media (min-width:992px) {
.container-proCLassDetail .opensdet-con .opensdet-c1 { margin: 0 100px }
}
@media (min-width:1200px) {
.container-proCLassDetail .opensdet-con .opensdet-c1 { margin: 0 140px }
}
.container-proCLassDetail .opensdet-con .opensdet-c1+.opensdet-c1 { border-top: 5px solid #f6f6f6 }
.container-proCLassDetail .opensdet-con .opensdet-c1 h3 { font-size: 18px; color: #634b19; text-align: center; font-weight: 700 }
.container-proCLassDetail .opensdet-con .opensdet-c1 .author { text-align: center; margin-top: 20px; display: block }
.container-proCLassDetail .opensdet-con .opensdet-c1 .author img { width: 80px; height: 80px; border: 1px solid #edce8c; padding: 2px; border-radius: 100% }
.container-proCLassDetail .opensdet-con .opensdet-c1 .author span { margin-top: 10px; display: block; font-size: 18px; color: #434343 }
.container-proCLassDetail .opensdet-con .opensdet-c1 p { color: #9f9f9f }
.container-proCLassDetail .opensdet-con .opensdet-c1 h6 { padding: 25px 20px; background-color: #f6f6f6; border-radius: 4px; color: #595959; font-size: 14px; line-height: 25px; margin-top: 20px }
.container-proCLassDetail .opensdet-con .opensdet-c1 .content { margin-top: 20px }
.int-gulike .intgulike-title { margin-bottom: 20px; font-size: 18px; font-weight: 700; line-height: 28px }
.int-gulike .intgulike-list li { float: left }
.int-gulike .intgulike-list .intgulike-iteam { background-color: #fff; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.int-gulike .intgulike-list .intgulike-iteam:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px) }
.int-gulike .intgulike-list .cover { display: block; width: 100%; overflow: hidden }
.int-gulike .intgulike-list .cover img { width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.int-gulike .intgulike-list .cover:hover img { -webkit-filter: brightness(1.05); filter: brightness(1.05) }
.int-gulike .intgulike-list .des { padding: 10px 10px 20px }
.int-gulike .intgulike-list .heading { display: inline-block; max-width: 100%; overflow: hidden; font-size: 14px; line-height: 25px; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; color: #525a67 }
.int-gulike .intgulike-list .heading:hover { color: #edce8c }
.int-gulike .intgulike-list .intgulike-auth { margin-top: 10px }
.int-gulike .intgulike-list .intgulike-auth img { width: 18px; height: 18px; border-radius: 50% }
.int-gulike .intgulike-list .intgulike-auth span { display: inline-block; margin-left: 5px; font-size: 12px; line-height: 18px; color: #9f9f9f; vertical-align: top }
@media (min-width:768px) {
.int-gulike .intgulike-list li+li { margin-left: 8px }
.int-gulike .intgulike-list .intgulike-iteam { width: 138px }
.int-gulike .intgulike-list .cover { height: 104px }
}
@media (min-width:992px) {
.int-gulike .intgulike-list li+li { margin-left: 13px }
.int-gulike .intgulike-list .intgulike-iteam { width: 164px }
.int-gulike .intgulike-list .cover { height: 123px }
}
@media (min-width:1200px) {
.int-gulike .intgulike-list li+li { margin-left: 20px }
.int-gulike .intgulike-list .intgulike-iteam { width: 200px }
.int-gulike .intgulike-list .cover { height: 150px }
}
.dc-interview-details .int-gulike { padding-bottom: 60px }
.dc-interview-wrap.v2207 { background-color: #f9f9f9 }
.dc-interview-wrap.v2207 .daniu-hc-forecast { padding-bottom: 80px }
.dc-interview-wrap.v2207 .daniu-hc-forecast .daniu-hc-dot.dot5 { top: 7px; left: 50%; width: 1296px; height: 891px; margin-left: -960px; background: url("https://assets-cdn.lanqb.com/daniu/2207/hc-forecast-bg_pc.png") no-repeat 100% }
@media (min-width:768px) {
.dc-interview-wrap.v2207 .daniu-hc-forecast .daniu-hc-dot.dot5 { margin-left: -810px }
}
@media (min-width:992px) {
.dc-interview-wrap.v2207 .daniu-hc-forecast .daniu-hc-dot.dot5 { margin-left: -745px }
}
@media (min-width:1200px) {
.dc-interview-wrap.v2207 .daniu-hc-forecast .daniu-hc-dot.dot5 { margin-left: -960px }
}
.dc-interview-wrap.v2207 .daniu-hc-fcover { height: 410px }
.dc-interview-wrap.v2207 .daniu-hc-fcover .daniu-hc-play { width: 100%; height: 100% }
.dc-interview-wrap.v2207 .daniu-hc-fcover.cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.dc-interview-wrap.v2207 .daniu-hc-fcover.cover img { height: auto }
.dc-interview-wrap.v2207 .daniu-hc-fdes { margin-bottom: 48px }
.dc-interview-wrap.v2207 .daniu-hc-fc2 { width: 426px }
@media (min-width:768px) {
.dc-interview-wrap.v2207 .daniu-hc-fc2 { width: 100% }
}
@media (min-width:1200px) {
.dc-interview-wrap.v2207 .daniu-hc-fc2 { width: 426px }
}
.dc-interview-wrap.v2207 .daniu-hc-ft-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.dc-interview-wrap.v2207 .daniu-hc-ft-item+.daniu-hc-ft-item { margin-top: 24px }
@media (min-width:768px) {
.dc-interview-wrap.v2207 .daniu-hc-ft-item { width: 358px }
.dc-interview-wrap.v2207 .daniu-hc-ft-item+.daniu-hc-ft-item { margin-top: 0 }
}
@media (min-width:992px) {
.dc-interview-wrap.v2207 .daniu-hc-ft-item { width: 426px; margin-right: 20px; margin-bottom: 20px }
.dc-interview-wrap.v2207 .daniu-hc-ft-item+.daniu-hc-ft-item { margin-left: 0 }
}
@media (min-width:1200px) {
.dc-interview-wrap.v2207 .daniu-hc-ft-item { width: 100%; margin-right: 0; margin-bottom: 0 }
.dc-interview-wrap.v2207 .daniu-hc-ft-item+.daniu-hc-ft-item { margin-top: 24px }
}
.dc-interview-wrap.v2207 .daniu-hc-ft-item.active, .dc-interview-wrap.v2207 .daniu-hc-ft-item:hover { -ms-box-shadow: 0 10px 6px rgba(0,0,0,.24); -o-box-shadow: 0 10px 6px rgba(0,0,0,.24); -webkit-box-shadow: 0 10px 6px rgba(0,0,0,.24); box-shadow: 0 10px 6px rgba(0,0,0,.24) }
.dc-interview-wrap.v2207 .daniu-hc-ft-item.active .daniu-hc-ft-des .title-h5, .dc-interview-wrap.v2207 .daniu-hc-ft-item:hover .daniu-hc-ft-des .title-h5 { color: #edce8c }
.dc-interview-wrap.v2207 .daniu-hc-ft-item.active .daniu-hc-ft-des .more, .dc-interview-wrap.v2207 .daniu-hc-ft-item:hover .daniu-hc-ft-des .more { opacity: .9 }
.dc-interview-wrap.v2207 .daniu-hc-ft-cover { width: 224px; height: 168px }
@media (min-width:768px) {
.dc-interview-wrap.v2207 .daniu-hc-ft-cover { width: 160px; height: 120px }
}
@media (min-width:992px) {
.dc-interview-wrap.v2207 .daniu-hc-ft-cover { width: 224px; height: 168px }
}
.dc-interview-wrap.v2207 .daniu-hc-ft-des { position: relative; width: 157px; padding-top: 10px; padding-left: 0 }
.dc-interview-wrap.v2207 .daniu-hc-ft-des .title-h5 { height: 44px; margin-bottom: 21px; font-size: 16px; font-weight: 500; line-height: 22px; color: #f0f0f0; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden }
.dc-interview-wrap.v2207 .daniu-hc-ft-des .more { top: auto; right: auto; bottom: 4px; left: 0 }
@media (min-width:768px) {
.dc-interview-wrap.v2207 .daniu-hc-ft-des { margin-bottom: 8px }
}
@media (min-width:992px) {
.dc-interview-wrap.v2207 .daniu-hc-ft-des { margin-bottom: 21px }
}
.dc-interview-wrap.v2207 .daniu-teas-new { margin-top: 72px }
.dc-interview-wrap.v2207 .daniu-teas-new .new-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.dc-interview-wrap.v2207 .daniu-teas-new .new-title h3 { color: #fff; font-size: 18px; font-weight: 500; line-height: 25px }
.dc-interview-wrap.v2207 .daniu-teas-new .new-title .more { width: 92px; height: 28px; color: #e3d7bd; border: 1px solid #e3d7bd; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.dc-interview-wrap.v2207 .daniu-teas-new .new-title .more:hover { color: hsla(41,73%,74%,.9) }
.dc-interview-wrap.v2207 .daniu-hc-grcon2 { margin-top: 15px }
.dc-interview-wrap.v2207 .daniu-hc-grcon2 .daniu-hc-gr-item2 { cursor: default }
.dc-interview-wrap.v2207 .daniu-hc-grcon2 .daniu-hc-gr-item2 .daniu-hc-gr-item2-wrap { display: block }
.dc-interview-wrap.v2207 .dc-share-title { height: 70px; padding-right: 40px; padding-left: 40px; margin-top: 20px; margin-bottom: 20px; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.dc-interview-wrap.v2207 .dc-share-title .sort { float: unset }
.dc-interview-wrap.v2207 .dc-share-title .dc-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.dc-interview-wrap.v2207 .dc-share-title .tab-item { position: relative; font-size: 18px; font-weight: 400; line-height: 22px; color: #525a67; cursor: pointer }
.dc-interview-wrap.v2207 .dc-share-title .tab-item+.tab-item { margin-left: 56px }
.dc-interview-wrap.v2207 .dc-share-title .tab-item:hover { color: #87959f }
.dc-interview-wrap.v2207 .dc-share-title .tab-item.active { color: #634b19; font-weight: 500; cursor: default }
.dc-interview-wrap.v2207 .dc-share-title .tab-item.active:before { position: absolute; bottom: -8px; left: 50%; width: 30px; height: 3px; background-color: #634b19; content: ""; border-radius: 2px; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.dc-interview-wrap.v2207 .dc-share { margin-bottom: 20px }
.dc-interview-wrap.v2207 .dc-share .share-item { width: 280px; margin-bottom: 20px }
.dc-interview-wrap.v2207 .dc-share .share-item .item-cover>img { height: 210px }
.dc-interview-wrap.v2207 .dc-share .share-item .item-cover>img.v1h1 { height: 280px }
@media (min-width:768px) {
.dc-interview-wrap.v2207 .dc-share .share-item .item-cover>img.v1h1 { height: 280px }
}
@media (min-width:992px) {
.dc-interview-wrap.v2207 .dc-share .share-item .item-cover>img.v1h1 { height: 280px }
}
@media (min-width:1200px) {
.dc-interview-wrap.v2207 .dc-share .share-item .item-cover>img.v1h1 { height: 280px }
}
.dc-interview-wrap.v2207 .dc-share .share-item .item-info { padding: 10px 12px 104px }
.dc-interview-wrap.v2207 .dc-share .share-item .item-info .share-title { display: inline-block; max-width: 100%; height: 20px; font-size: 14px; font-weight: 500; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.dc-interview-wrap.v2207 .dc-share .share-item .item-info .share-title.n2 { height: 40px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; white-space: break-spaces }
.dc-interview-wrap.v2207 .dc-share .share-item .item-info .share-title:hover { color: #87959f }
.dc-interview-wrap.v2207 .dc-share .share-item .item-info .info-mid { bottom: 70px; right: 12px; left: 12px; display: -webkit-box; display: -ms-flexbox; display: flex }
.dc-interview-wrap.v2207 .dc-share .share-item .item-info .info-bot { bottom: 16px; right: 12px; left: 12px }
.dc-interview-wrap.v2207 .dc-share .share-item .item-info .info-bot>span { max-width: 154px; font-size: 12px }
.dc-interview-wrap.v2207 .dc-share .share-item .item-info .info-bot>span.prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.dc-interview-wrap.v2207 .dc-share .share-item .item-info .info-bot>span .price { margin-left: 4px; font-size: 18px; line-height: 20px; font-weight: 500; color: #ff7879 }
.dc-interview-wrap.v2207 .dc-share .share-item .item-info .info-bot .btn { width: 100px }
.dc-interview-wrap.v2207 .dc-share .share-item .item-info .info-bot .btn.bg-brown { color: #634b19; background-color: #edce8c; -ms-box-shadow: 0 8px 10px hsla(41,73%,74%,.08); -o-box-shadow: 0 8px 10px hsla(41,73%,74%,.08); -webkit-box-shadow: 0 8px 10px hsla(41,73%,74%,.08); box-shadow: 0 8px 10px hsla(41,73%,74%,.08) }
.dc-interview-wrap.v2207 .dc-share .share-item .item-info .info-bot .btn.bg-brown:hover { background-color: #e6bb60 }
.dc-share-details.v2207 h2.mb18 { margin-bottom: 18px }
.dc-share-details.v2207 .banner .banner-m .abstract-b { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap }
.dc-share-details.v2207 .banner .banner-m .abstract-b .price { margin-left: 40px; font-size: 20px; font-weight: 500; line-height: 20px; color: #ff7879; vertical-align: top }
@media (min-width:768px) {
.dc-share-details.v2207 .banner .banner-m .abstract-b { max-width: 545px }
.dc-share-details.v2207 .banner .banner-m .abstract-b .price { margin-left: 12px; font-size: 16px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .banner .banner-m .abstract-b { max-width: 720px }
.dc-share-details.v2207 .banner .banner-m .abstract-b .price { margin-left: 40px; font-size: 18px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .banner .banner-m .abstract-b { max-width: 845px }
.dc-share-details.v2207 .banner .banner-m .abstract-b .price { font-size: 20px }
}
@media (min-width:768px) {
.dc-share-details.v2207 .banner .share-wx { margin-left: 12px }
.dc-share-details.v2207 .banner .share-wx .share-text~a.iconfont+a { margin-left: 8px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .banner .share-wx { margin-left: 30px }
.dc-share-details.v2207 .banner .share-wx .share-text~a.iconfont+a { margin-left: 16px }
}
.dc-share-details.v2207 .banner .banner-b { margin-top: 20px }
.dc-share-details.v2207 .banner .banner-assistant { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.dc-share-details.v2207 .banner .banner-assistant img.wx-code { width: 100px; height: 100px; margin-left: 20px }
.dc-share-details.v2207 .banner .banner-assistant h5 { margin-bottom: 10px; font-size: 18px; font-weight: 500; line-height: 25px }
.dc-share-details.v2207 .banner .banner-assistant h6 { padding-right: 12px; padding-left: 12px; font-size: 16px; font-weight: 500; line-height: 30px; background-color: #ff7879; border-radius: 6px }
.dc-share-details.v2207 .banner .banner-assistant .des { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }
@media (min-width:768px) {
.dc-share-details.v2207 .banner .banner-assistant img.wx-code { width: 80px; height: 80px; margin-left: 8px }
.dc-share-details.v2207 .banner .banner-assistant h5 { font-size: 14px }
.dc-share-details.v2207 .banner .banner-assistant h6 { padding-right: 4px; padding-left: 4px; font-size: 12px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .banner .banner-assistant img.wx-code { width: 100px; height: 100px; margin-left: 14px }
.dc-share-details.v2207 .banner .banner-assistant h5 { font-size: 16px }
.dc-share-details.v2207 .banner .banner-assistant h6 { padding-right: 8px; padding-left: 8px; font-size: 14px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .banner .banner-assistant img.wx-code { margin-left: 20px }
.dc-share-details.v2207 .banner .banner-assistant h5 { font-size: 18px }
.dc-share-details.v2207 .banner .banner-assistant h6 { padding-right: 12px; padding-left: 12px; font-size: 16px }
}
.dc-share-details.v2207 .banner.active .banner-m .abstract-b { display: unset }
.dc-share-details.v2207 .banner.active .banner-m .abstract-b .price { display: none }
.dc-share-details.v2207 .banner.active .banner-b { margin-top: 8px }
.dc-share-details.v2207 .banner.active .banner-assistant img.wx-code { width: 50px; height: 50px; margin-left: 10px }
.dc-share-details.v2207 .banner.active .banner-assistant h5 { margin-bottom: 4px; font-size: 14px; line-height: 20px }
.dc-share-details.v2207 .banner.active .banner-assistant h6 { padding-right: 6px; padding-left: 6px; font-size: 12px; line-height: 22px }
.dc-share-details.v2207 .daniu-info.pt40 { padding-top: 40px }
.dc-share-details.v2207 .daniu-info .mt40 { margin-top: 40px }
.dc-share-details.v2207 .daniu-info .mb40 { margin-bottom: 40px }
.dc-share-details.v2207 .daniu-info .det-intro h2 { margin-bottom: 8px }
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-des { width: 690px }
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-des p { font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; line-height: 24px; color: #434343 }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-des { width: 504px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-des { width: 690px }
}
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .btns { margin-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .btns p { margin-top: 8px; font-size: 12px; line-height: 18px; color: hsla(0,0%,53%,.6); white-space: nowrap }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .btns { margin-left: 12px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .btns { margin-left: 20px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .btns { margin-left: 30px }
}
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .det-btn { width: 160px; height: 50px; font-size: 18px; font-weight: 400; line-height: 48px; color: #634b19; border: 1px solid transparent; border-radius: 30px }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .det-btn { width: 110px; height: 36px; font-size: 14px; line-height: 34px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .det-btn { width: 120px; height: 40px; font-size: 16px; line-height: 38px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .det-btn { width: 160px; height: 50px; font-size: 18px; line-height: 48px }
}
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .det-btn.bg-brown { background-color: #edce8c }
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .det-btn.bg-brown:hover { background-color: #e6bb60 }
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .det-btn.bd-brown { background-color: transparent; border-color: #634b19 }
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .det-btn.bd-brown:hover { background-color: hsla(41,73%,74%,.5); border-color: transparent }
.dc-share-details.v2207 .daniu-info .det-intro .det-intro-btns .det-btn.default { cursor: default }
.dc-share-details.v2207 .daniu-info .det-guest { margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .det-guest { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .det-guest { width: 860px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .det-guest { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
}
.dc-share-details.v2207 .daniu-info .det-guest-left { width: 300px; padding: 24px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .det-guest-left { width: 100%; margin-bottom: 30px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .det-guest-left { width: 300px; margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
}
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-c { display: block; width: 102px; height: 102px; padding: 3px; overflow: hidden; border: 1px solid #edce8c; border-radius: 50% }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-c img { width: 100%; height: 100%; border-radius: 50% }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 24px; padding-left: 24px; margin-top: 20px; margin-bottom: 12px; font-size: 20px; line-height: 28px; color: #434343 }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name:hover { color: rgba(99,75,25,.6) }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name:after { position: absolute; top: 4px; right: 0; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; content: "" }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name.teacher:after { background-image: url("https://assets-cdn.lanqb.com/pc_users/identity-icon_coo.png") }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name.student:after { background-image: url("https://assets-cdn.lanqb.com/pc_users/identity-icon_stu.png") }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name.daniu:after { background-image: url("https://assets-cdn.lanqb.com/pc_users/identity-icon_coo.png") }
.dc-share-details.v2207 .daniu-info .det-guest-left .btn.gz-btn { display: block; width: 100px; height: 35px; line-height: 33px; border: 1px solid #edce8c; border-radius: 100px; font-size: 14px; color: #634b19; background-color: #edce8c }
.dc-share-details.v2207 .daniu-info .det-guest-left .btn.gz-btn.atted, .dc-share-details.v2207 .daniu-info .det-guest-left .btn.gz-btn:hover { background-color: transparent; color: #edce8c }
.dc-share-details.v2207 .daniu-info .det-guest-left .guest-des { width: 100%; max-height: 250px; padding-right: 6px; margin-top: 44px; margin-right: -10px; overflow-y: auto; font-size: 14px; line-height: 25px; text-align: justify; color: #434343; white-space: pre-line }
.dc-share-details.v2207 .daniu-info .det-guest-left .guest-des::-webkit-scrollbar {
width:2px;
background:#eee
}
.dc-share-details.v2207 .daniu-info .det-guest-left .guest-des::-webkit-scrollbar-thumb {
background:#9f9f9f;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-text-decoration-skip:objects;
text-decoration-skip:objects
}
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .det-guest-left .attention-btns { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 16px }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name { max-width: 164px; padding-left: 0; margin-top: 0; font-size: 15px; line-height: 20px }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name:after { top: 0 }
.dc-share-details.v2207 .daniu-info .det-guest-left .guest-des { width: 412px; height: 100px; margin-top: 0; line-height: 20px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .det-guest-left .attention-btns { margin-left: 24px }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name { font-size: 16px }
.dc-share-details.v2207 .daniu-info .det-guest-left .guest-des { width: 500px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .det-guest-left .attention-btns { width: 100%; margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: none; flex: none }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name { max-width: 100%; padding-left: 24px; margin-top: 20px; font-size: 20px; line-height: 28px }
.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name:after { top: 4px }
.dc-share-details.v2207 .daniu-info .det-guest-left .guest-des { width: 100%; max-height: 250px; height: auto; margin-top: 44px; line-height: 25px }
}
.dc-share-details.v2207 .daniu-info .det-video-right { overflow: hidden; border-radius: 4px; -ms-box-shadow: 0 0 20px rgba(14,25,23,.08); -o-box-shadow: 0 0 20px rgba(14,25,23,.08); -webkit-box-shadow: 0 0 20px rgba(14,25,23,.08); box-shadow: 0 0 20px rgba(14,25,23,.08) }
.dc-share-details.v2207 .daniu-info .det-video-right .det-vc { width: 860px; height: 484px; overflow: hidden; background-color: #0e1917; border-radius: 4px 4px 0 0 }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .det-video-right .det-vc { width: 748px; height: 421px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .det-video-right .det-vc { width: 860px; height: 484px }
}
.dc-share-details.v2207 .daniu-info .det-video-right .det-video { width: 100%; height: 100% }
.dc-share-details.v2207 .daniu-info .det-video-right .det-video-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; border-radius: 0 0 4px 4px }
.dc-share-details.v2207 .daniu-info .det-video-right .det-video-tabs .tab { position: relative; width: 50%; height: 70px; font-size: 16px; font-weight: 500; line-height: 20px; color: #634b19; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.dc-share-details.v2207 .daniu-info .det-video-right .det-video-tabs .tab+.tab:before { position: absolute; top: 50%; right: 100%; z-index: 1; width: 1px; height: 40px; margin-top: -20px; background-color: rgba(49,37,59,.1); content: "" }
.dc-share-details.v2207 .daniu-info .det-video-right .det-video-tabs .tab:hover { color: rgba(99,75,25,.5) }
.dc-share-details.v2207 .daniu-info .det-video-right .det-video-tabs .tab.active { color: #634b19; background-color: hsla(41,73%,74%,.1); cursor: default }
.dc-share-details.v2207 .daniu-info .det-video-right .det-no-video { position: relative; width: 100%; height: 100%; color: #fff; background-repeat: no-repeat; background-position: 50%; background-size: 100% auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.dc-share-details.v2207 .daniu-info .det-video-right .det-no-video:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.6); content: "" }
.dc-share-details.v2207 .daniu-info .det-video-right .det-no-video .daniu-no-video-btn, .dc-share-details.v2207 .daniu-info .det-video-right .det-no-video h3, .dc-share-details.v2207 .daniu-info .det-video-right .det-no-video p { position: relative; z-index: 1; max-width: 90% }
.dc-share-details.v2207 .daniu-info .det-video-right .det-no-video .daniu-no-video-btn { width: 160px; height: 50px; font-size: 18px; line-height: 48px; color: #fff; background-color: hsla(0,0%,100%,.1); border: 1px solid #fff; border-radius: 30px }
.dc-share-details.v2207 .daniu-info .det-video-right .det-no-video .daniu-no-video-btn:hover { background-color: hsla(0,0%,100%,.25) }
.dc-share-details.v2207 .daniu-info .det-video-right .det-no-video .daniu-no-video-btn.disabled { background-color: hsla(0,0%,100%,.1); cursor: default; pointer-events: none }
.dc-share-details.v2207 .daniu-info .det-video-right .det-no-video h3 { font-size: 18px; line-height: 24px; text-align: center }
.dc-share-details.v2207 .daniu-info .det-video-right .det-no-video p { margin-top: 16px; font-size: 14px; line-height: 20px; text-align: center }
.dc-share-details.v2207 .daniu-info .det-video-right .det-no-video.course:before { display: none }
.dc-share-details.v2207 .daniu-info .works-list { padding: 10px 25px 24px 11px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .works-list { padding: 4px 12px 12px 4px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .works-list { padding: 2px 15px 16px 5px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .works-list { padding: 10px 25px 24px 11px }
}
.dc-share-details.v2207 .daniu-info .works-item { width: 272px; height: 204px; margin-top: 14px; margin-left: 14px }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .works-item { width: 175px; height: 131px; margin-top: 8px; margin-left: 8px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .works-item { width: 226px; height: 170px; margin-top: 14px; margin-left: 14px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .works-item { width: 272px; height: 204px }
}
.dc-share-details.v2207 .daniu-info .works-item a { display: block }
.dc-share-details.v2207 .daniu-info .works-item a, .dc-share-details.v2207 .daniu-info .works-item a img { width: 100%; height: 100% }
.dc-share-details.v2207 .daniu-info .works-item a img { border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.dc-share-details.v2207 .daniu-info .works-item:hover a img { -webkit-filter: brightness(.9); filter: brightness(.9) }
.dc-share-details.v2207 .daniu-info .dc-interview .int-item.active:before { border-color: transparent }
.dc-share-details.v2207 .daniu-info .hobby-con { padding: 18px; margin-top: 18px; background-color: #fff; border: 2px solid #f4f4f4; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .hobby-con { padding: 8px; margin-top: 14px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .hobby-con { padding: 14px; margin-top: 16px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .hobby-con { padding: 18px; margin-top: 18px }
}
.dc-share-details.v2207 .daniu-info .hobby-cover { position: relative; width: 380px; height: 380px; overflow: hidden; border-radius: 6px }
.dc-share-details.v2207 .daniu-info .hobby-cover .hobby-cover-img { position: relative; width: 100%; height: 100%; margin: 0 }
.dc-share-details.v2207 .daniu-info .hobby-cover .hobby-cover-page { position: absolute; bottom: 12px; left: 0; z-index: 5; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.dc-share-details.v2207 .daniu-info .hobby-cover .hobby-cover-page span { width: 8px; height: 8px; background-color: hsla(0,0%,100%,.5); border-radius: 50% }
.dc-share-details.v2207 .daniu-info .hobby-cover .hobby-cover-page span+span { margin-left: 8px }
.dc-share-details.v2207 .daniu-info .hobby-cover .hobby-cover-page span.active { background-color: #fff }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .hobby-cover { width: 240px; height: 240px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .hobby-cover { width: 280px; height: 280px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .hobby-cover { width: 380px; height: 380px }
}
.dc-share-details.v2207 .daniu-info .hobby-des { width: 740px; padding-top: 10px; padding-bottom: 10px }
.dc-share-details.v2207 .daniu-info .hobby-des .title { margin-bottom: 16px; font-size: 20px; font-weight: 500; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.dc-share-details.v2207 .daniu-info .hobby-des .h6 { margin-bottom: 10px; font-size: 14px; font-weight: 400; line-height: 20px; color: #525a67 }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .hobby-des { width: 474px; padding-top: 0; padding-bottom: 0 }
.dc-share-details.v2207 .daniu-info .hobby-des .title { margin-bottom: 10px; font-size: 16px; line-height: 24px }
.dc-share-details.v2207 .daniu-info .hobby-des .h6 { margin-bottom: 10px; font-size: 12px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .hobby-des { width: 650px }
.dc-share-details.v2207 .daniu-info .hobby-des .title { margin-bottom: 10px; font-size: 18px }
.dc-share-details.v2207 .daniu-info .hobby-des .h6 { margin-bottom: 4px; font-size: 13px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .hobby-des { width: 740px; padding-top: 10px; padding-bottom: 10px }
.dc-share-details.v2207 .daniu-info .hobby-des .title { margin-bottom: 16px; font-size: 20px; line-height: 28px }
.dc-share-details.v2207 .daniu-info .hobby-des .h6 { margin-bottom: 10px; font-size: 14px }
}
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea { margin-bottom: 32px; color: #87959f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea .tea { width: 26px; height: 26px; margin-right: 10px; border-radius: 50% }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea .name { font-size: 14px; line-height: 20px }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea { margin-bottom: 12px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea .tea { width: 20px; height: 20px; margin-right: 4px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea .name { font-size: 12px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea { margin-bottom: 20px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea .tea { width: 24px; height: 24px; margin-right: 6px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea .name { font-size: 13px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea { margin-bottom: 32px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea .tea { width: 26px; height: 26px; margin-right: 10px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-tea .name { font-size: 14px }
}
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-img-list { padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-img-list img { width: 58px; height: 58px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #f4f4f4; cursor: pointer; border-radius: 6px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-img-list img.active { border-color: #ff7879; cursor: default }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-img-list { padding-bottom: 8px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-img-list img { width: 42px; height: 42px; margin-right: 4px; margin-bottom: 4px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-img-list { padding-bottom: 10px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-img-list img { width: 50px; height: 50px; margin-right: 6px; margin-bottom: 6px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-img-list { padding-bottom: 20px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-img-list img { width: 58px; height: 58px; margin-right: 10px; margin-bottom: 10px }
}
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6 { color: #525a67; font-size: 14px; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6 em { margin-left: 20px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6+h6 { margin-top: 12px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6.origin-price em { color: #212b34; text-decoration: line-through }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6.sale-price em { color: #ff7879; font-size: 24px; font-weight: 500; line-height: 1 }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns .hobby-btn { width: 150px; height: 48px; margin-top: 30px; font-size: 16px; font-weight: 500; line-height: 48px; border-radius: 30px }
@media (min-width:768px) {
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6 { font-size: 12px; line-height: 20px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6 em { margin-left: 6px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6+h6 { margin-top: 2px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6.sale-price em { font-size: 16px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns .hobby-btn { width: 90px; height: 32px; margin-top: 12px; font-size: 14px; line-height: 32px }
}
@media (min-width:992px) {
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6 { font-size: 13px; line-height: 22px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6 em { margin-left: 12px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6+h6 { margin-top: 8px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6.sale-price em { font-size: 20px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns .hobby-btn { width: 120px; height: 40px; margin-top: 20px; font-size: 15px; line-height: 40px }
}
@media (min-width:1200px) {
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6 { font-size: 14px; line-height: 24px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6 em { margin-left: 20px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6+h6 { margin-top: 12px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns h6.sale-price em { font-size: 24px }
.dc-share-details.v2207 .daniu-info .hobby-des .hobby-btns .hobby-btn { width: 150px; height: 48px; margin-top: 30px; font-size: 16px; line-height: 48px }
}
.dc-interview-details.v2207 .interview-hobby { padding-top: 25px; padding-bottom: 30px; margin-top: 30px; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6 }
.dc-interview-details.v2207 .interview-hobby h3 { margin-bottom: 18px; font-size: 18px; font-weight: 700; line-height: 25px; color: rgba(99,75,25,.6) }
.dc-interview-details.v2207 .interview-hobby .hobby-con { padding: 16px; background-color: #f4f4f4; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.dc-interview-details.v2207 .interview-hobby .hobby-cover { position: relative; width: 220px; height: 220px; overflow: hidden; border-radius: 6px }
.dc-interview-details.v2207 .interview-hobby .hobby-cover .hobby-cover-img { position: relative; width: 100%; height: 100%; margin: 0 }
.dc-interview-details.v2207 .interview-hobby .hobby-cover .hobby-cover-page { position: absolute; bottom: 8px; left: 0; z-index: 5; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.dc-interview-details.v2207 .interview-hobby .hobby-cover .hobby-cover-page span { width: 4px; height: 4px; background-color: hsla(0,0%,100%,.5); border-radius: 50% }
.dc-interview-details.v2207 .interview-hobby .hobby-cover .hobby-cover-page span+span { margin-left: 4px }
.dc-interview-details.v2207 .interview-hobby .hobby-cover .hobby-cover-page span.active { background-color: #fff }
@media (min-width:768px) {
.dc-interview-details.v2207 .interview-hobby .hobby-cover { width: 170px; height: 170px }
}
@media (min-width:992px) {
.dc-interview-details.v2207 .interview-hobby .hobby-cover { width: 192px; height: 192px }
}
@media (min-width:1200px) {
.dc-interview-details.v2207 .interview-hobby .hobby-cover { width: 220px; height: 220px }
}
.dc-interview-details.v2207 .interview-hobby .hobby-des { width: 538px; padding-top: 4px; padding-bottom: 4px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .title { margin-bottom: 20px; font-size: 18px; font-weight: 500; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden }
.dc-interview-details.v2207 .interview-hobby .hobby-des .h6 { margin-bottom: 6px; font-size: 12px; font-weight: 400; line-height: 18px; color: #707070 }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-img-list { min-height: 98px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-img-list img { margin: 0; width: 48px; height: 48px; margin-right: 8px; margin-bottom: 8px; border: 1px solid #f4f4f4; cursor: pointer; border-radius: 6px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-img-list img.active { border-color: #ff7879; cursor: default }
@media (min-width:768px) {
.dc-interview-details.v2207 .interview-hobby .hobby-des { width: 334px; padding-top: 0; padding-bottom: 0 }
.dc-interview-details.v2207 .interview-hobby .hobby-des .title { margin-bottom: 6px; font-size: 16px; line-height: 22px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-img-list { min-height: 58px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-img-list img { width: 36px; height: 36px; margin-right: 4px; margin-bottom: 4px }
}
@media (min-width:992px) {
.dc-interview-details.v2207 .interview-hobby .hobby-des { width: 438px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .title { margin-bottom: 14px; line-height: 25px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-img-list { min-height: 62px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-img-list img { width: 40px; height: 40px; margin-right: 6px; margin-bottom: 6px }
}
@media (min-width:1200px) {
.dc-interview-details.v2207 .interview-hobby .hobby-des { width: 538px; padding-top: 4px; padding-bottom: 4px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .title { margin-bottom: 20px; font-size: 18px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-img-list { min-height: 98px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-img-list img { width: 48px; height: 48px; margin-right: 8px; margin-bottom: 8px }
}
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #525a67 }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6 { font-size: 12px; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6 em { margin-left: 10px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6+h6 { margin-left: 40px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6.origin-price em { color: #212b34; text-decoration: line-through }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6.sale-price em { color: #ff7879; font-size: 20px; font-weight: 500; line-height: 24px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .hobby-btn { width: 140px; height: 44px; font-size: 14px; font-weight: 500; line-height: 44px; border-radius: 30px }
@media (min-width:768px) {
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6 em { margin-left: 4px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6+h6 { margin-left: 20px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6.sale-price em { font-size: 16px; line-height: 20px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .hobby-btn { width: 100px; height: 36px; line-height: 36px }
}
@media (min-width:992px) {
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6 em { margin-left: 8px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6+h6 { margin-left: 30px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6.sale-price em { font-size: 18px; line-height: 22px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .hobby-btn { width: 120px; height: 42px; line-height: 42px }
}
@media (min-width:1200px) {
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6 em { margin-left: 10px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6+h6 { margin-left: 40px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .pirces h6.sale-price em { font-size: 20px; line-height: 24px }
.dc-interview-details.v2207 .interview-hobby .hobby-des .hobby-btns .hobby-btn { width: 140px; height: 44px; line-height: 44px }
}
.weekly-painting .weekpt-con~.p-banner { margin-bottom: 60px }
.weekpt-h3 { position: relative; padding-left: 13px; margin-top: 40px; font-size: 18px; line-height: 25px; color: #212b34 }
.weekpt-h3:before { position: absolute; top: 3px; left: 0; width: 3px; height: 20px; background-color: #027cdb; border-radius: 2px; content: "" }
.weekpt-h3.red:before { background-color: #f36b61 }
.weekpt-h3 .weekpt-h3-sort { float: right; display: block }
.weekpt-h3 .weekpt-h3-sort a { display: inline-block; width: 52px; height: 25px; font-size: 14px; line-height: 25px; text-align: center; color: #87959f; vertical-align: top; border-radius: 3px }
.weekpt-h3 .weekpt-h3-sort a+a { margin-left: 6px }
.weekpt-h3 .weekpt-h3-sort a:hover { color: #525a67 }
.weekpt-h3 .weekpt-h3-sort a.active { color: #212b34; background-color: #e3e9ef }
.weekpt-list li { float: left; width: 50%; padding-top: 20px }
.weekpt-list.bgwhite .weekpt-item { background-color: #fff }
.weekpt-list.bgwhite .weekpt-item:hover { -ms-box-shadow: 0 5px 15px rgba(33,43,52,.1); -o-box-shadow: 0 5px 15px rgba(33,43,52,.1); -webkit-box-shadow: 0 5px 15px rgba(33,43,52,.1); box-shadow: 0 5px 15px rgba(33,43,52,.1) }
.weekpt-list.bgTransparent .weekpt-item:hover { background-color: #f6f8fa }
.weekpt-list.guide .weekpt-item .des h5 { padding-top: 6px; font-size: 14px; line-height: 20px; white-space: nowrap; color: #525a67 }
.weekpt-item { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.weekpt-item .cover { position: relative; float: left; display: block }
.weekpt-item .cover img { display: inline-block; width: 100%; height: 100%; overflow: hidden }
.weekpt-item .cover .icon { position: absolute; top: 0; left: 0; width: 50px; height: 25px; overflow: hidden; white-space: nowrap; text-indent: -9999px; background: rgba(0,0,0,.5) url("https://assets-cdn.lanqb.com/imgv3/activityCenter/weeklyP-icon-2x.png?v=4") no-repeat 50%; background-size: auto 15px; border-radius: 0 0 2px 0 }
.weekpt-item .des { float: right }
.weekpt-item .des h3 { font-weight: 700 }
.weekpt-item .des h3 a { display: block; overflow: hidden; color: #212b34 }
.weekpt-item .des h3 a:hover { color: #525a67 }
.weekpt-item .des p { overflow: hidden; color: #87959f }
.weekpt-item .btns { position: relative }
.weekpt-item .btns .author { display: inline-block; vertical-align: top }
.weekpt-item .btns .author img { display: inline-block; overflow: hidden; border-radius: 50%; vertical-align: top }
.weekpt-item .btns .author em { display: inline-block; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #525a67; vertical-align: top }
.weekpt-item .btns .btn { position: absolute; right: 0; width: 80px; height: 27px; font-size: 12px; line-height: 27px; opacity: 0; border: none; border-radius: 20px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.weekpt-item:hover .btns .btn { opacity: 1 }
@media (min-width:768px) {
.weekpt-list.guide .weekpt-item .des h3 a { max-height: 28px; white-space: nowrap; text-overflow: ellipsis }
.weekpt-list.guide .weekpt-item .des .btns { margin-top: 10px }
.weekpt-list { margin-right: -4px; margin-left: -4px }
.weekpt-list li { padding-right: 4px; padding-left: 4px }
.weekpt-item .cover { width: 140px; height: 105px }
.weekpt-item .des { width: 218px; padding-right: 10px }
.weekpt-item .des h3 { margin-top: 8px; font-size: 18px; line-height: 20px }
.weekpt-item .des h3 a { max-height: 40px }
.weekpt-item .des p { display: none; height: 32px; font-size: 12px; line-height: 16px }
.weekpt-item .btns { height: 36px; margin-top: 16px }
.weekpt-item .btns .author img { width: 36px; height: 36px }
.weekpt-item .btns .author em { max-width: 80px; margin-top: 8px; font-size: 14px; line-height: 20px }
.weekpt-item .btns .btn { top: 4px }
}
@media (min-width:992px) {
.weekpt-list.guide .weekpt-item .des h3 a { max-height: 48px; white-space: normal }
.weekpt-list.guide .weekpt-item .des h5 { padding-bottom: 10px }
.weekpt-list.guide .weekpt-item .des .btns { margin-top: 6px }
.weekpt-list { margin-right: -8px; margin-left: -8px }
.weekpt-list li { padding-right: 8px; padding-left: 8px }
.weekpt-item .cover { width: 195px; height: 146px }
.weekpt-item .des { width: 270px; padding-right: 16px }
.weekpt-item .des h3 { margin-top: 6px; margin-bottom: 6px; font-size: 20px; line-height: 24px }
.weekpt-item .des h3 a { max-height: 48px }
.weekpt-item .des p { display: block; height: 36px; font-size: 14px; line-height: 18px }
.weekpt-item .btns { margin-top: 8px }
.weekpt-item .btns .author em { max-width: 120px; font-size: 16px }
}
@media (min-width:1200px) {
.weekpt-list.guide .weekpt-item .des h3 a { max-height: 56px }
.weekpt-list.guide .weekpt-item .des h5 { padding-bottom: 14px }
.weekpt-list.guide .weekpt-item .des .btns { margin-top: 24px }
.weekpt-item .cover { width: 280px; height: 210px }
.weekpt-item .des { padding-right: 20px }
.weekpt-item .des h3 { margin-top: 20px; margin-bottom: 10px; line-height: 28px }
.weekpt-item .des h3 a { max-height: 56px }
.weekpt-item .des p { height: 40px; line-height: 20px }
.weekpt-item .btns { height: 40px; margin-top: 24px }
.weekpt-item .btns .author img { width: 40px; height: 40px }
.weekpt-item .btns .author em { margin-top: 8px; font-size: 18px; line-height: 24px }
.weekpt-item .btns .btn { top: 7px }
}
.weekpt-book-live-modal { position: relative; height: 0; z-index: 20 }
.weekpt-book-live-modal:before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); content: "" }
.weekpt-book-live-modal .book-live-con { position: fixed; top: 50%; left: 50%; z-index: 1; width: 400px; margin-left: -200px; background-color: #fff; border-radius: 10px; -webkit-animation: fadeIn .35s ease-in-out; animation: fadeIn .35s ease-in-out }
.weekpt-book-live-modal .book-live-con .book-live-close { position: absolute; top: 16px; right: 16px; display: inline-block; font-size: 14px; line-height: 1; color: #87959f; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.weekpt-book-live-modal .book-live-con .blue, .weekpt-book-live-modal .book-live-con .book-live-close:hover { color: #027cdb }
.weekpt-book-live-modal .book-live-con.scuess { padding-top: 52px; padding-bottom: 30px; margin-top: -200px; text-align: center }
.weekpt-book-live-modal .book-live-con.scuess h2 { margin-bottom: 24px; font-size: 26px; font-weight: 700; line-height: 36px; color: #212b34 }
.weekpt-book-live-modal .book-live-con.scuess h6 { font-size: 24px; line-height: 33px; color: #87959f }
.weekpt-book-live-modal .book-live-con.scuess img { width: 150px; height: 150px; margin-top: 20px }
.weekpt-banner-bottom .p-banner-img { display: block }
.weekpt-banner-bottom .weekptBb-pagination { position: absolute; bottom: 0; z-index: 2 }
.weekpt-banner-bottom .swiper-pagination-bullet { background: #fff; opacity: .4 }
.weekpt-banner-bottom .swiper-pagination-bullet-active { background: #fff; opacity: 1 }
.gurus .guru-bg-gray { background-color: #f4f4f4 }
.gurus .gz-btn { font-size: 14px; color: #634b19; background-color: #edce8c; border-color: #edce8c; border-radius: 100px }
.gurus .gz-btn:hover { background-color: #ddb256; border-color: #ddb256 }
.gurus .gz-btn.atted { color: #ddb256; border-color: #ddb256; background-color: transparent }
.gurus .gz-btn.atted:active { color: #edce8c; border-color: #edce8c }
.gurus .gz-btn.t1 { width: 100px; height: 35px; line-height: 35px }
.gurus .gz-btn.t2 { width: 120px; height: 40px; line-height: 38px }
.gurus .gurus-head-info1 { position: relative; padding: 76px 0 30px; color: #fff; background: url("https://assets-cdn.lanqb.com/daniu/dn-user-banner_pc.png") no-repeat top; background-size: 1920px auto }
.gurus .gurus-head-info1.guest { background-image: url("https://assets-cdn.lanqb.com/daniu/dn-guest-banner_pc.png") }
.gurus .gurus-info { position: relative; margin-right: 25px; margin-left: 25px }
.gurus .gurus-info .gurus-avatar { position: relative; width: 136px; height: 136px; padding: 4px; margin-right: auto; margin-left: auto; background-color: #fff; border-radius: 100px }
.gurus .gurus-info .gurus-avatar>img { position: relative }
.gurus .gurus-info .gurus-avatar .identity img, .gurus .gurus-info .gurus-avatar>img { width: 100%; height: 100%; border-radius: 100px }
.gurus .gurus-info .gurus-avatar.ear2023:before { top: -32px; left: 50%; width: 178px; height: 91px; margin-left: -89px }
.gurus .gurus-info .gurus-name { margin-top: 16px; font-size: 24px; line-height: 33px; text-align: center }
.gurus .gurus-info .gurus-name .identity-img { margin-top: 5px; width: 18px; height: 18px; display: inline-block; vertical-align: top }
.gurus .gurus-info .gurus-name .identity-img.auto { width: auto; height: auto }
.gurus .gurus-info .gurus-post { margin-top: 4px; margin-bottom: 16px; height: 26px; font-size: 16px; line-height: 26px; color: #fff; text-align: center }
.gurus .gurus-info .gurus-counts { text-align: center }
.gurus .gurus-info .gurus-counts.zone { margin-bottom: 65px }
.gurus .gurus-info .gurus-counts.guest { margin-bottom: 30px }
.gurus .gurus-info .gurus-counts .item { display: inline-block; color: #fff; text-align: center; vertical-align: top }
.gurus .gurus-info .gurus-counts .item+.item { margin-left: 46px }
.gurus .gurus-info .gurus-counts .item span { display: inline-block; vertical-align: top }
.gurus .gurus-info .gurus-counts .item span.numb { font-size: 20px; line-height: 28px; color: #edce8c }
.gurus .gurus-info .gurus-counts .item span.numw { margin-left: 10px; font-size: 16px; line-height: 28px; color: #a7a7a7 }
.gurus .gurus-info .gurus-counts .item:hover span.numw { color: #fff }
.gurus .gurus-info .gurus-btns.zone { position: absolute; top: -50px; right: 0 }
.gurus .gurus-info .gurus-btns.zone .btn { height: 38px; color: #a7a7a7; font-size: 12px; line-height: 38px; border: none; background-color: rgba(0,0,0,.34); border-radius: 30px }
.gurus .gurus-info .gurus-btns.zone .btn:before { display: inline-block; margin-right: 4px; font-family: iconfontL; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E6CC" }
.gurus .gurus-info .gurus-btns.zone .btn:hover { color: #fff; background-color: rgba(0,0,0,.65) }
.gurus .gurus-info .gurus-btns.guest { margin-bottom: 79px; text-align: center }
.gurus .gurus-info .gurus-intro { padding-top: 20px }
.gurus .gurus-intro-p { float: left; width:calc(100% - 10px*28.5)
}
.gurus .gurus-intro-p p { margin-top: 10px; font-size: 14px; line-height: 26px; color: #888; text-align: justify }
.gurus .gurus-intro-video { position: relative; float: left; margin-left: 25px; width: 260px; height: 146px; overflow: hidden; text-align: center; cursor: pointer; border-radius: 3px }
.gurus .gurus-intro-video img { width: 100%; height: 100% }
.gurus .gurus-intro-video .gurus-intro-vc { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; padding-top: 50px; background-color: #413a47; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.gurus .gurus-intro-video .gurus-intro-vc .iconfont { display: inline-block; font-size: 14px; line-height: 20px; vertical-align: top }
.gurus .gurus-intro-video .gurus-intro-vc .word { display: block; margin-top: 4px; font-size: 14px; line-height: 20px }
.gurus .gurus-intro-video:hover .gurus-intro-vc { background-color: rgba(65,58,71,.85) }
.gurus .gurus-head-info2 { padding-top: 52px; padding-bottom: 10px }
.gurus .gurus-head-info2 .gurus-info .gurus-post { color: #434343 }
.gurus .users-tab { position: relative; bottom: auto; width: 100%; height: 68px; background-color: #fff; text-align: center }
.gurus .users-tab a { float: none; display: inline-block; width: auto; padding: 20px 0 23px; color: #888; font-size: 18px; line-height: 25px; vertical-align: top }
@media (min-width:768px) {
.gurus .users-tab a+a { margin-left: 30px }
}
@media (min-width:992px) {
.gurus .users-tab a+a { margin-left: 34px }
}
@media (min-width:1200px) {
.gurus .users-tab a+a { margin-left: 44px }
}
.gurus .users-tab a:hover { color: #212b34 }
.gurus .users-tab a.active { color: #ddb256 }
.gurus .users-tab a.active:after { bottom: 7px; width: 18px; height: 4px; margin-left: -9px; background-color: #ddb256; border-bottom: 0; border-right: 0; border-left: 0; border-radius: 4px }
.gurus .users-tab.teachers-tab a+a { margin-left: 90px }
.gurus .users-subtab a { min-width: 90px; padding-top: 4px; padding-bottom: 4px; font-size: 14px; line-height: 1.42857143; color: #9f9f9f; border: 1px solid transparent; background-color: transparent; text-align: center; vertical-align: top; border-radius: 100px }
.gurus .users-subtab a+a { margin-left: 20px }
.gurus .users-subtab a .numb { color: #9f9f9f }
.gurus .users-subtab a:hover, .gurus .users-subtab a:hover .numb { color: #525a67 }
.gurus .users-subtab a.active { border-color: #ddb256; color: #ddb256 }
.gurus .users-subtab a.active .numb { color: #ddb256 }
.gurus .users-banner { margin-top: 50px }
.gurus .users-con.users-shares { float: none; margin-right: auto; margin-left: auto }
.gurus .users-con .shares-list li { position: relative; padding: 20px }
.gurus .users-con .shares-list li:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; border: 2px solid #edce8c; content: ""; border-radius: 6px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.gurus .users-con .shares-list li:hover:before { opacity: 1 }
.gurus .users-study .study-item { background-color: #fff; border-radius: 2px }
.gurus .users-study .study-item:before { border-bottom-color: #efefef }
.gurus .discuss-item { background-color: #fff }
.gurus .users-news .news-con { background-color: #fff; border-top-color: transparent }
.gurus .users-news .news-con .news-cover { width: 75px; height: 75px }
.gurus .users-news .news-con .news-item-info h4 a { color: #ddb256 }
.gurus .users-news .news-con .news-item-info h4 a:hover { text-decoration: underline }
.gurus .users-news .news-con .news-item-info .time { right: auto }
.gurus .news-item { padding-left: 20px; border-bottom-color: #f6f6f6 }
.gurus .news-item .time { right: 20px }
.gurus .users-shares h4 { color: rgba(99,75,25,.6) }
.gurus .users-recommend ul { margin-right: -20px }
.gurus .users-recommend ul li { float: left; margin-right: 20px; margin-bottom: 20px }
.gurus .users-recommend ul li:hover .recommend-cover { margin-top: -10px; -ms-box-shadow: 0 10px 20px rgba(0,0,0,.1); -o-box-shadow: 0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); box-shadow: 0 10px 20px rgba(0,0,0,.1) }
@media (min-width:768px) {
.gurus .users-recommend ul li { width: 236px; height: 177px }
}
@media (min-width:992px) {
.gurus .users-recommend ul li { width: 312px; height: 234px }
}
@media (min-width:1200px) {
.gurus .users-recommend ul li { width: 380px; height: 285px }
}
.gurus .recommend-cover { display: block; width: 100%; height: 100% }
.gurus .recommend-cover img { width: 100%; height: 100% }
.gurus .gurus-list { margin-top: 40px; padding-bottom: 60px }
.gurus .gurus-list .mask1 { visibility: hidden; z-index: 3; position: fixed; text-align: center }
.gurus .gurus-list .mask1.active { opacity: 1; visibility: visible }
.gurus .gurus-list .mask1 .p3-imgb { max-width: 80%; max-height: 70%; display: inline-block; vertical-align: middle }
.gurus .account-list { border-top: none }
.gurus .account-list .account-item { margin-bottom: 20px; background-color: #fff; border-bottom: none; border-radius: 6px }
.gurus .account-list .account-info .name { font-size: 20px; font-weight: 700; line-height: 28px }
.gurus .account-list .account-info .name a { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.gurus .account-list .account-info .summary { margin-top: 2px; overflow: hidden; font-size: 16px; line-height: 29px; color: #9f9f9f; white-space: nowrap; text-overflow: ellipsis }
.gurus .account-list .account-info .counts-list { margin-top: 5px }
.gurus .account-list .account-info .counts-list .item { position: relative; font-size: 16px; line-height: 26px; color: #9f9f9f }
.gurus .account-list .account-info .counts-list .item span { display: inline-block }
.gurus .account-list .account-info .counts-list .item .numb { margin-bottom: 0; margin-right: 2px; font-weight: 700; color: #212b34 }
.gurus .account-list .account-info .counts-list .item+.item:before { position: absolute; top: 5px; left: -12px; width: 0; height: 10px; border-left: 1px solid #efefef; content: "" }
.gurus .account-list .account-info .counts-list .item:hover .numb { color: #87959f }
.gurus .account-list .account-info .btns-list .guest-btn { font-size: 14px; border: none; background-color: #fbf5e8; color: #634b19; border-radius: 4px }
.gurus .account-list .account-info .btns-list .guest-btn:hover { background-color: #edce8c }
.gurus .account-list .account-info .btns-list .gz-btn { border-radius: 4px }
.gurus .account-list .account-info .btns-list .gz-btn.atted { color: #9f9f9f; border-color: #9f9f9f }
.gurus .account-list .account-info .img-group img { cursor: pointer; border-radius: 6px }
@media (min-width:768px) {
.gurus .account-list .account-item { height: 172px; padding: 20px 16px }
.gurus .account-list .users-avatar { padding-top: 15px }
.gurus .account-list .users-avatar img { width: 72px; height: 72px }
.gurus .account-list .account-info { padding-left: 14px }
.gurus .account-list .account-info .summary { max-width: 215px }
.gurus .account-list .account-info .name a { max-width: 160px }
.gurus .account-list .account-info .counts-list { margin-bottom: 12px }
.gurus .account-list .account-info .counts-list .item+.item:before { position: absolute; top: 5px; left: -12px; width: 0; height: 10px; border-left: 1px solid #efefef; content: "" }
.gurus .account-list .account-info .btns-list .guest-btn { width: 106px; height: 32px; margin-right: 6px; line-height: 32px }
.gurus .account-list .account-info .btns-list .gz-btn { width: 80px; height: 32px; line-height: 30px }
.gurus .account-list .account-info .img-group img { width: 130px; height: 98px }
.gurus .account-list .account-info .img-group img+img { margin-left: 4px }
}
@media (min-width:992px) {
.gurus .account-list .account-item { height: 201px }
.gurus .account-list .users-avatar { padding-top: 15px }
.gurus .account-list .users-avatar img { width: 100px; height: 100px }
.gurus .account-list .account-info { padding-left: 20px }
.gurus .account-list .account-info .name { margin-top: 4px }
.gurus .account-list .account-info .name a { max-width: 245px }
.gurus .account-list .account-info .summary { max-width: 305px }
.gurus .account-list .account-info .counts-list { margin-bottom: 21px }
.gurus .account-list .account-info .counts-list .item+.item:before { position: absolute; top: 5px; left: -12px; width: 0; height: 10px; border-left: 1px solid #efefef; content: "" }
.gurus .account-list .account-info .btns-list .guest-btn { width: 132px; height: 38px; margin-right: 12px; line-height: 38px }
.gurus .account-list .account-info .btns-list .gz-btn { width: 110px; height: 38px; line-height: 36px }
.gurus .account-list .account-info .img-group img { width: 165px; height: 124px }
.gurus .account-list .account-info .img-group img+img { margin-left: 6px }
}
@media (min-width:1200px) {
.gurus .account-list .account-item { height: 248px; padding: 42px 20px }
.gurus .account-list .users-avatar { padding-top: 15px }
.gurus .account-list .users-avatar img { width: 120px; height: 120px }
.gurus .account-list .account-info .name { margin-top: 8px }
.gurus .account-list .account-info .name a { max-width: 265px }
.gurus .account-list .account-info .counts-list .item+.item:before { position: absolute; top: 5px; left: -12px; width: 0; height: 10px; border-left: 1px solid #efefef; content: "" }
.gurus .account-list .account-info .img-group img { width: 218px; height: 164px }
.gurus .account-list .account-info .img-group img+img { margin-left: 10px }
}
.gurus .teachers-coachings, .gurus .teachers-lectures { float: none; width: 100% }
.gurus .teachers-coachings .lan-pagination, .gurus .teachers-lectures .lan-pagination { padding-top: 40px; padding-bottom: 40px }
.gurus .teachers-list { margin-right: -20px }
.gurus .teachers-list li { float: left; margin-bottom: 20px; margin-right: 20px; background-color: #fff; text-align: center; cursor: default }
.gurus .teachers-list li.active .teachers-item .teachers-des, .gurus .teachers-list li.active .teachers-item:before { visibility: visible; opacity: 1 }
.gurus .teachers-list li.active .teachers-item h3 { color: #fff }
@media (min-width:768px) {
.gurus .teachers-list li { width: 364px }
}
@media (min-width:992px) {
.gurus .teachers-list li { width: 230px }
}
@media (min-width:1200px) {
.gurus .teachers-list li { width: 280px }
}
.gurus .teachers-item { position: relative; overflow: hidden }
.gurus .teachers-item:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #31253b; content: ""; visibility: hidden; opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.gurus .teachers-item .teachers-cover, .gurus .teachers-item h3 { position: relative; z-index: 3 }
.gurus .teachers-item .teachers-cover { display: block; width: 104px; height: 104px; padding: 2px; margin-right: auto; margin-left: auto; overflow: hidden; border: 1px solid #edce8c; border-radius: 100px }
.gurus .teachers-item .teachers-cover img { width: 100%; height: 100%; border-radius: 100px }
.gurus .teachers-item h3 { margin-top: 10px; color: #434343; font-size: 20px; line-height: 1.4 }
.gurus .teachers-item h3 .iconfont { display: inline-block; margin-left: 5px; font-size: 18px; line-height: 28px; vertical-align: top; color: #edce8c }
.gurus .teachers-item h3 .identity-img { margin-left: 5px; margin-top: -5px }
.gurus .teachers-item h5 { margin-top: 10px; height: 30px }
.gurus .teachers-item h5 a { display: inline-block; padding: 5px 16px; font-size: 14px; line-height: 20px; color: #634b19; background-color: #f6f6f6; vertical-align: top; border-radius: 100px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.gurus .teachers-item h5 a:hover { background-color: #edce8c }
.gurus .teachers-item h6 { margin-top: 10px; font-size: 12px; line-height: 1.5; color: #9f9f9f }
.gurus .teachers-item .teachers-works a { float: left; display: block; height: 100% }
.gurus .teachers-item .teachers-works a+a { margin-left: 10px }
.gurus .teachers-item .teachers-works a img { width: 100%; height: 100% }
.gurus .teachers-item .teachers-works a:hover img { opacity: .8 }
.gurus .teachers-item .teachers-des { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; color: #fff; visibility: hidden; opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-text-decoration-skip: objects; text-decoration-skip: objects }
.gurus .teachers-item .teachers-des p { height: 120px; padding-right: 6px; margin-right: -6px; overflow: hidden; overflow-y: auto; line-height: 20px; color: hsla(0,0%,100%,.8); text-align: justify }
.gurus .teachers-item .teachers-des p::-webkit-scrollbar {
width:6px
}
.gurus .teachers-item .teachers-des p::-webkit-scrollbar-track {
border-radius:6px
}
.gurus .teachers-item .teachers-des p::-webkit-scrollbar-thumb {
background-color:#525a67;
border-radius:6px
}
.gurus .teachers-item .teachers-btnd { text-align: center }
.gurus .teachers-item .teachers-btnd .dachu-btn-bg-brown { width: 180px; height: 40px; font-size: 14px; line-height: 38px }
.gurus .teachers-item .teachers-shadow { position: absolute; top: 0; right: 0; left: 0; z-index: 1 }
@media (min-width:768px) {
.gurus .teachers-item { padding: 30px 19px }
.gurus .teachers-item .teachers-works { height: 77px; margin-top: 28px }
.gurus .teachers-item .teachers-works a { width: 102px }
.gurus .teachers-item .teachers-des { padding: 182px 30px 30px }
.gurus .teachers-item .teachers-des p { font-size: 14px }
.gurus .teachers-item .teachers-shadow { height: 210px }
}
@media (min-width:992px) {
.gurus .teachers-item { padding: 20px 9px }
.gurus .teachers-item .teachers-works { height: 48px; margin-top: 48px; margin-bottom: 20px }
.gurus .teachers-item .teachers-works a { width: 64px }
.gurus .teachers-item .teachers-des { padding: 172px 20px 20px }
.gurus .teachers-item .teachers-des p { font-size: 12px }
.gurus .teachers-item .teachers-btnd { padding-top: 10px }
.gurus .teachers-item .teachers-shadow { height: 200px }
}
@media (min-width:1200px) {
.gurus .teachers-item { padding: 30px 19px }
.gurus .teachers-item .teachers-works { height: 56px }
.gurus .teachers-item .teachers-works a { width: 74px }
.gurus .teachers-item .teachers-des { padding: 182px 30px 30px }
.gurus .teachers-item .teachers-des p { font-size: 14px }
.gurus .teachers-item .teachers-btnd { padding-top: 20px }
.gurus .teachers-item .teachers-shadow { height: 210px }
}
.gurus .users-account { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.gurus .users-account .account-item { display: none }
.gurus .users-account .account-item.active { display: block }
.gurus .users-account .account-sidebar { background: #fff }
.gurus .users-account .account-sidebar .account-nav { font-size: 20px; font-weight: 500; line-height: 40px }
.gurus .users-account .account-sidebar .account-nav li { margin-top: 30px; margin-left: -4px; color: #9f9f9f; cursor: pointer; border-left: 4px solid rgba(221,178,86,0) }
.gurus .users-account .account-sidebar .account-nav li.active { color: #ddb256; border-left: 4px solid #ddb256 }
.gurus .users-account .account-con { margin-left: 20px }
.gurus .users-account .withdraw-t { background: #fff; padding: 10px 20px 0 }
.gurus .users-account .withdraw-t .myprofit-header { color: #cdb073; padding-bottom: 10px; border-bottom: 4px solid #f6f6f6 }
.gurus .users-account .withdraw-t .myprofit-header>h3 { font-size: 14px; line-height: 20px }
.gurus .users-account .withdraw-t .myprofit-header .tips { position: relative; cursor: pointer }
.gurus .users-account .withdraw-t .myprofit-header .tips .iconfont { color: #edce8c }
.gurus .users-account .withdraw-t .myprofit-header .tips .tips-con { position: absolute; width: 226px; height: 52px; background: rgba(0,0,0,.6); border-radius: 4px; left: -170px; top: 30px; padding: 8px 10px; color: #fff; line-height: 18px; display: none }
.gurus .users-account .withdraw-t .myprofit-header .tips .tips-con:before { content: ""; display: inline-block; width: 0; height: 0; border: 6px solid transparent; border-bottom: 9px solid rgba(0,0,0,.6); position: absolute; top: -15px; right: 42px }
.gurus .users-account .withdraw-t .myprofit-header .tips:hover .tips-con { display: block }
.gurus .users-account .withdraw-t .myprofit-header .note { font-size: 12px; line-height: 17px; color: #cdb073; margin-right: 10px }
.gurus .users-account .withdraw-t .myprofit-con { height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.gurus .users-account .withdraw-t .myprofit-con .td { text-align: center; height: 100%; width: 25%; display: inline-block }
.gurus .users-account .withdraw-t .myprofit-con .td>span { font-size: 14px; line-height: 20px; color: #9f9f9f; margin-top: 40px; display: inline-block }
.gurus .users-account .withdraw-t .myprofit-con .td>em { font-size: 36px; line-height: 50px; color: #434343; margin-top: 10px; display: inline-block }
.gurus .users-account .withdraw-t .myprofit-con .td.surplus>em, .gurus .users-account .withdraw-t .myprofit-con .td.surplus>span { color: #634b19 }
.gurus .users-account .withdraw-t .myprofit-con .btn-box .btn { margin-top: 60px; width: 120px; height: 40px; font-size: 14px; line-height: 40px; background: #edce8c; color: #fff; border-radius: 40px }
.gurus .users-account .withdraw-t .myprofit-con .btn-box .btn.no-radius { border-radius: 4px }
.gurus .users-account .withdraw-t .myprofit-con .btn-box .btn.disabled { background: #efefef; color: #9f9f9f }
.gurus .users-account .withdraw-b { background: #fff; height: 585px; padding: 15px 20px }
.gurus .users-account .withdraw-b>h3 { font-size: 14px; color: #634b19; line-height: 20px }
.gurus .users-account .withdraw-b .withdraw-box { margin-top: 15px; margin-left: 10px; margin-bottom: 20px }
.gurus .users-account .withdraw-b .withdraw-box .td01 { width: 8% }
.gurus .users-account .withdraw-b .withdraw-box .td02 { width: 20% }
.gurus .users-account .withdraw-b .withdraw-box .td03 { width: 12% }
.gurus .users-account .withdraw-b .withdraw-box .td03-5 { width: 14% }
.gurus .users-account .withdraw-b .withdraw-box .td04 { width: 26% }
.gurus .users-account .withdraw-b .withdraw-box .td05 { width: 12% }
.gurus .users-account .withdraw-b .withdraw-box .td06 { width: 8% }
.gurus .users-account .withdraw-b .withdraw-box .td { float: left; text-align: center; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 40px }
.gurus .users-account .withdraw-b .withdraw-box .withdraw-tab { background: rgba(99,75,25,.2); border-radius: 3px; height: 40px }
.gurus .users-account .withdraw-b .withdraw-box .withdraw-tab .td { color: #634b19; font-weight: 700 }
.gurus .users-account .withdraw-b .withdraw-box .withdraw-con { color: #434343 }
.gurus .users-account .withdraw-b .withdraw-box .withdraw-con .withdraw-item:nth-child(2n) { background: #f6f6f6; border-radius: 3px }
.gurus .users-account .withdraw-b .withdraw-box .withdraw-con .td05 { text-align: right; color: #ff7879 }
.gurus .users-account .withdraw-b .withdraw-box .withdraw-con .td05 span { text-decoration: underline; -webkit-text-decoration-color: #ff7879; text-decoration-color: #ff7879; cursor: pointer }
.gurus .users-account .withdraw-b .withdraw-box .withdraw-con .td06 { color: #9f9f9f }
.gurus .users-account .withdraw-b .withdraw-box .withdraw-con .td06.red { color: #ff7879 }
.gurus .users-account .withdraw-b .withdraw-box .withdraw-con .empty { font-size: 22px; line-height: 30px; color: #cfcfcf; text-align: center; margin-top: 40px }
.gurus .users-account .component-account-amount { border-radius: 6px }
.gurus .users-account .component-account-amount .myprofit-content { padding: 40px 20px }
.gurus .users-account .component-account-amount .amount-item, .gurus .users-account .component-account-amount .myprofit-content { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.gurus .users-account .component-account-amount .amount-item { width: 420px; border-radius: 10px; height: 100px; padding: 0 30px }
.gurus .users-account .component-account-amount .amount-item.dark { background: -webkit-gradient(linear, right top, left top, color-stop(0, #5f5a55), to(#443d3d)); background: linear-gradient(270deg, #5f5a55, #443d3d); color: #edce8c }
.gurus .users-account .component-account-amount .amount-item.light { width: 650px; background: -webkit-gradient(linear, left top, right top, color-stop(0, #e6c78b), to(#eadab1)); background: linear-gradient(90deg, #e6c78b, #eadab1); color: #634b19 }
.gurus .users-account .component-account-amount .amount-item__content-amount { font-size: 34px; position: relative; display: inline-block }
.gurus .users-account .component-account-amount .amount-item__content-amount small { font-size: 20px; margin-right: 8px }
.gurus .users-account .component-account-amount .amount-item__content-amount .tip-box { width: 180px; background: #616161; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 18px; color: #fff; font-size: 12px; border-radius: 5px; right: -147px; top: 29px; display: none }
.gurus .users-account .component-account-amount .amount-item__content-amount .tip-box:before { content: ""; position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #616161; top: -10px; left: 19px }
.gurus .users-account .component-account-amount .amount-item__content-amount .tip-box__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 4px 0 }
.gurus .users-account .component-account-amount .amount-item__content-amount .icon { display: block; width: 16px; height: 16px; border-radius: 50%; background: #bfa673; color: #e7ce99; text-align: center; line-height: 16px; font-size: 12px; position: absolute; right: -26px; top: 9px; cursor: pointer }
.gurus .users-account .component-account-amount .amount-item__content-amount .icon:hover .tip-box { display: block }
.gurus .users-account .component-account-amount .amount-item__content-label { font-size: 12px }
.gurus .users-account .component-account-amount .amount-item__extra { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.gurus .users-account .component-account-amount .amount-item__extra .rule { opacity: .5; cursor: pointer }
.gurus .users-account .component-account-amount .amount-item__extra .rule:hover { opacity: 1 }
.gurus .users-account .component-account-amount .amount-item__extra-button { width: 100px; height: 40px; background: #fff; border-radius: 40px; opacity: .8; cursor: pointer; color: #634b19; font-size: 14px; text-align: center; line-height: 40px; margin-left: 17px }
.gurus .users-account .component-account-amount .amount-item__extra-button:hover { opacity: 1 }
.gurus .users-account .component-account-amount .amount-item__extra-button.disabled { background: #634b19; color: #fff; opacity: .1 }
.gurus .users-account .component-account-amount .amount-item__extra-button.disabled:hover { opacity: .1 }
.gurus .users-account .profit-con { background: #fff; padding: 15px 20px; min-height: 810px }
.gurus .users-account .profit-con>h3 { font-size: 14px; color: #634b19; line-height: 20px; margin-bottom: 15px }
.gurus .users-account .profit-box .empty { text-align: center; color: #cfcfcf; line-height: 30px; margin-top: 100px; font-size: 22px }
.gurus .users-account .profit-box .profit-month { margin-bottom: 12px }
.gurus .users-account .profit-box .profit-month .month-tab { background: rgba(99,75,25,.2); border-radius: 3px; color: #634b19; height: 40px; line-height: 40px; padding-left: 30px; padding-right: 30px; font-size: 14px; cursor: pointer; -webkit-transition: background .5s ease; transition: background .5s ease }
.gurus .users-account .profit-box .profit-month .month-tab-l strong { margin-left: 10px }
.gurus .users-account .profit-box .profit-month .month-tab .month-tab-tip { margin-right: -20px; margin-left: 15px; color: #634b19; opacity: .75 }
.gurus .users-account .profit-box .profit-month .month-con { max-height: 0; -webkit-transition: max-height .5s ease; transition: max-height .5s ease }
.gurus .users-account .profit-box .profit-month .month-con .profit-item { color: #434343; padding: 0 0 0 30px; line-height: 40px }
.gurus .users-account .profit-box .profit-month .month-con .profit-item .date { width: 30% }
.gurus .users-account .profit-box .profit-month .month-con .profit-item .course { width: 40%; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis }
.gurus .users-account .profit-box .profit-month .month-con .profit-item .amount { width: 30%; text-align: right }
.gurus .users-account .profit-box .profit-month .month-con .profit-item .amount span { color: #9f9f9f; display: inline-block; text-align: center; width: 33% }
.gurus .users-account .profit-box .profit-month .month-con .profit-item .amount span.refund { color: #f36b61 }
.gurus .users-account .profit-box .profit-month .month-con .profit-item .amount b { color: #595959; font-size: 14px; display: inline-block; width: 33%; text-align: center }
.gurus .users-account .profit-box .profit-month .month-con .profit-item:nth-child(2n) { background: #f6f6f6; border-radius: 3px }
.gurus .users-account .profit-box .profit-month .month-con .more { text-align: center; line-height: 40px; color: #9f9f9f }
.gurus .users-account .profit-box .profit-month .month-con .more em { cursor: pointer }
.gurus .users-account .profit-box .profit-month .month-con .more em:hover { color: #634b19 }
.gurus .users-account .profit-box .profit-month .month-con .loading-error { line-height: 40px; text-align: center; color: #634b19 }
.gurus .users-account .profit-box .profit-month .month-con .loading-error b { cursor: pointer }
.gurus .users-account .profit-box .profit-month .month-con .loading { line-height: 40px; text-align: center; color: #634b19 }
.gurus .users-account .profit-box .profit-month .month-con .loading em { display: inline-block; vertical-align: middle; margin-right: 20px }
.gurus .users-account .profit-box .profit-month .month-con .loading .typing-loader { width: 6px; height: 6px; border-radius: 50%; -webkit-animation: typing 1s linear infinite alternate; animation: typing 1s linear infinite alternate; margin: 17px 0; position: relative; left: -12px; display: inline-block; vertical-align: middle }
.gurus .users-account .profit-box .profit-month .month-con .first-loading { text-align: center; padding: 40px 0; color: #cfcfcf }
.gurus .users-account .profit-box .profit-month .month-con .first-loading .iconfont { margin-bottom: 10px; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; display: inline-block }
@-webkit-keyframes rotation { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to { -webkit-transform: rotate(1turn); transform: rotate(1turn) }
}
@keyframes rotation { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to { -webkit-transform: rotate(1turn); transform: rotate(1turn) }
}
@-webkit-keyframes typing { 0% {
background-color:#634b19;
-webkit-box-shadow:12px 0 0 0 rgba(99,75,25,.2), 24px 0 0 0 rgba(99,75,25,.2);
box-shadow:12px 0 0 0 rgba(99,75,25,.2), 24px 0 0 0 rgba(99,75,25,.2)
}
25% {
background-color:rgba(99,75,25,.4);
-webkit-box-shadow:12px 0 0 0 #634b19, 24px 0 0 0 rgba(99,75,25,.2);
box-shadow:12px 0 0 0 #634b19, 24px 0 0 0 rgba(99,75,25,.2)
}
75% {
background-color:rgba(99,75,25,.4);
-webkit-box-shadow:12px 0 0 0 rgba(99,75,25,.2), 24px 0 0 0 #634b19;
box-shadow:12px 0 0 0 rgba(99,75,25,.2), 24px 0 0 0 #634b19
}
}
@keyframes typing { 0% {
background-color:#634b19;
-webkit-box-shadow:12px 0 0 0 rgba(99,75,25,.2), 24px 0 0 0 rgba(99,75,25,.2);
box-shadow:12px 0 0 0 rgba(99,75,25,.2), 24px 0 0 0 rgba(99,75,25,.2)
}
25% {
background-color:rgba(99,75,25,.4);
-webkit-box-shadow:12px 0 0 0 #634b19, 24px 0 0 0 rgba(99,75,25,.2);
box-shadow:12px 0 0 0 #634b19, 24px 0 0 0 rgba(99,75,25,.2)
}
75% {
background-color:rgba(99,75,25,.4);
-webkit-box-shadow:12px 0 0 0 rgba(99,75,25,.2), 24px 0 0 0 #634b19;
box-shadow:12px 0 0 0 rgba(99,75,25,.2), 24px 0 0 0 #634b19
}
}
.gurus .users-account .profit-box .profit-month.active .month-tab { background: rgba(99,75,25,.5) }
.gurus .users-account .profit-box .profit-month.active .month-con { max-height: 1000px }
.gurus .users-account .setting-con { background: #fff; padding: 15px 20px; color: #634b19; height: 810px }
.gurus .users-account .setting-con h3 { font-size: 14px; line-height: 20px; opacity: .6 }
.gurus .users-account .setting-header { color: #888; border-bottom: 4px solid #f6f6f6; padding-bottom: 10px }
.gurus .users-account .setting-header h3 { opacity: 1 }
.gurus .users-account .setting-header .edit-bank { cursor: pointer }
.gurus .users-account .setting-header .edit-bank:hover { color: #525a67 }
.gurus .users-account .setting-body { text-align: center }
.gurus .users-account .bank-box { margin-top: 40px; display: inline-block; width: 510px; position: relative; height: 300px; background: url(https://assets-cdn.lanqb.com/bank-bg.png) no-repeat 0; background-size: 510px 300px; text-align: left; padding-left: 50px }
.gurus .users-account .bank-box p { margin-top: 30px; opacity: .6 }
.gurus .users-account .bank-box .card-num+p { margin-top: 20px }
.gurus .users-account .bank-box .bank-name { margin-top: 40px; margin-right: 20px; overflow: hidden; font-size: 20px; line-height: 28px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis }
.gurus .users-account .bank-box .card-num { font-size: 30px; line-height: 42px; font-weight: 500; margin-top: 10px }
.gurus .users-account .bank-box .card-num span+span { margin-left: 50px }
.gurus .users-account .bank-box .user-name { font-size: 20px; line-height: 28px; font-weight: 500; margin-top: 10px }
.gurus .users-account .bank-empty { margin-top: 40px; display: inline-block; width: 510px; height: 304px; border-radius: 20px; border: 2px dashed #d2d1d1; line-height: 300px; font-size: 16px; color: #d2d1d1 }
.gurus .users-account .bank-empty em { color: #ddb256; cursor: pointer }
@media (min-width:768px) {
.gurus .users-account .account-sidebar { width: 98px }
.gurus .users-account .account-sidebar .account-nav li { padding-left: 10px }
.gurus .users-account .account-con { width: 630px }
}
@media (min-width:992px) {
.gurus .users-account .account-sidebar { width: 130px }
.gurus .users-account .account-sidebar .account-nav li { padding-left: 20px }
.gurus .users-account .account-con { width: 830px }
}
@media (min-width:1200px) {
.gurus .users-account .account-sidebar { width: 180px }
.gurus .users-account .account-sidebar .account-nav li { padding-left: 40px }
.gurus .users-account .account-con { width: 980px }
}
.coaching-assessment { position: relative; height:calc(100% - 10px*7.1);
overflow: hidden; overflow-y: auto }
.coaching-assessment::-webkit-scrollbar {
width:8px
}
.coaching-assessment::-webkit-scrollbar-track {
border-radius:8px
}
.coaching-assessment::-webkit-scrollbar-thumb {
background-color:#e4e9eb;
border-radius:6px
}
.coaching-assessment:hover::-webkit-scrollbar-thumb, .coaching-assessment:hover::-webkit-scrollbar-thumb:hover {
background-color:#a2b1b8
}
.coaching-assessment .coaching-loading { padding-top: 12px; padding-bottom: 12px }
.coaching-assessment .coaching-loading img { width: 20px; height: 20px; margin-right: 10px; -webkit-animation: rotate 2.5s linear; animation: rotate 2.5s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.coaching-assessment .coaching-loading2 { position: absolute; top: 30px; left: 50%; width: 100px; margin-left: -50px; text-align: center }
.coaching-assessment .coaching-loading2 img { width: 30px; margin-right: 10px; -webkit-animation: rotate 2.5s linear; animation: rotate 2.5s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
@keyframes rotate { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to { -webkit-transform: rotate(1turn); transform: rotate(1turn) }
}
.assessment-list { margin-right: 30px; margin-left: 30px }
.assessment-list li { padding-top: 30px; padding-bottom: 30px; text-align: left; border-bottom: 1px solid #eef3f5 }
.assessment-list .assessment-cover { float: left; width: 30px; height: 30px; margin-right: 20px; border-radius: 100px }
.assessment-list .assessment-des { float: left; width:calc(100% - 10px*6.5)
}
.assessment-list .assessment-des .heading { color: #87959f; font-size: 14px; line-height: 20px }
.assessment-list .assessment-des .heading a { margin-right: 10px }
.assessment-list .assessment-des .heading .star { margin-left: 6px }
.assessment-list .assessment-des .heading .star .iconfont { display: inline-block; font-size: 18px; line-height: 20px; color: #eef3f5; vertical-align: top }
.assessment-list .assessment-des .heading .star .iconfont+.iconfont { margin-left: 4px }
.assessment-list .assessment-des .heading .star .iconfont.active { color: #ffd765 }
.assessment-list .assessment-des .heading .date { float: right; display: inline-block; font-size: 12px; line-height: 20px }
.assessment-list .assessment-des p { margin-top: 20px; font-size: 14px; line-height: 20px }
.primary-popup .close { position: absolute; display: inline-block; top: 15px; right: 10px; width: 36px; height: 36px; line-height: 36px; padding-left: 2px; text-align: center; cursor: pointer; font-weight: 700 }
.authentication-con, .withdraw-popup { margin: -260px 0 0 -380px; width: 760px; height: 520px; border-radius: 10px }
.authentication-con .popup-con, .withdraw-popup .popup-con { position: relative }
.authentication-con .popup-con .error-tips, .withdraw-popup .popup-con .error-tips { position: absolute; width: 100%; color: red; line-height: 30px }
.authentication-con .yhk-con, .withdraw-popup .yhk-con { margin-top: 8px; width: 100% }
.authentication-con .yhk-con .yhk-item td, .withdraw-popup .yhk-con .yhk-item td { height: 84px }
.authentication-con .yhk-con .td1, .withdraw-popup .yhk-con .td1 { width: 35%; text-align: right; font-size: 16px; line-height: 44px; font-weight: 500; color: #595959 }
.authentication-con .yhk-con .td1:before, .withdraw-popup .yhk-con .td1:before { content: ""; display: inline-block; width: 4px; height: 4px; background: #f36b61; border-radius: 2px; vertical-align: middle; margin-right: 10px }
.authentication-con .yhk-con .td2, .withdraw-popup .yhk-con .td2 { text-align: left; padding: 0 20px; width: 35% }
.authentication-con .yhk-con .td2 .common-text, .withdraw-popup .yhk-con .td2 .common-text { font-size: 14px; color: #434343 }
.authentication-con .yhk-con .td2 .tips, .withdraw-popup .yhk-con .td2 .tips { display: block; color: #9f9f9f; line-height: 18px }
.authentication-con .yhk-con .td2 .yhk-num, .withdraw-popup .yhk-con .td2 .yhk-num { position: relative }
.authentication-con .yhk-con .td2 .yhk-num .big-num, .withdraw-popup .yhk-con .td2 .yhk-num .big-num { position: absolute; width: 320px; line-height: 38px; background: #fff8e9; border-radius: 2px; font-size: 20px; font-weight: 500; border: 1px solid #edce8c; padding: 0 10px; color: #f36b61; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 38px }
.authentication-con .yhk-con .td2 .input, .withdraw-popup .yhk-con .td2 .input { width: 320px; height: 44px; border-radius: 4px; border: 1px solid #f6f6f6; padding: 0 20px }
.authentication-con .yhk-con .td3, .withdraw-popup .yhk-con .td3 { width: 25%; text-align: left }
.authentication-con .yhk-con .td3 .iconfont, .withdraw-popup .yhk-con .td3 .iconfont { font-size: 12px; color: #8bc34a }
.authentication-con .yhk-btn, .withdraw-popup .yhk-btn { width: 320px; background: #edce8c; border-radius: 77px; line-height: 40px; color: #634b19; margin-top: 60px }
.authentication-con .yhk-btn.ml70, .withdraw-popup .yhk-btn.ml70 { border-radius: 77px }
.check-popup { width: 760px; height: 612px; margin: -306px 0 0 -380px; border-radius: 10px }
.check-popup .popup-con { padding-left: 30px; padding-right: 30px; position: relative }
.check-popup .popup-con .error-tips { position: absolute; bottom: 20px; width: 700px; color: red }
.check-popup .account-box { border-bottom: 2px solid #f6f6f6; padding: 30px 0 38px }
.check-popup .amount-box { margin-top: 50px; margin-bottom: 20px }
.check-popup .account-box h5, .check-popup .amount-box h5 { text-align: left; font-size: 16px; color: #595959; line-height: 22px; font-weight: 600; padding-left: 46px }
.check-popup .yhk-con { width: 100%; margin-top: 12px }
.check-popup .yhk-con .yhk-item { margin-top: 24px; font-size: 14px; line-height: 20px; color: #9f9f9f; height: 44px }
.check-popup .yhk-con .td1 { width: 45%; text-align: right }
.check-popup .yhk-con .td2 { width: 55%; text-align: left; padding-left: 10px }
.check-popup .amount-num { font-size: 36px; color: #634b19; line-height: 50px; text-align: center; margin-top: 20px }
.check-popup .tx-btn { width: 320px; height: 40px; background: #edce8c; border-radius: 77px; line-height: 40px; color: #634b19; margin-top: 40px }
.check-popup .account-box__card { width: 604px; height: 90px; border-radius: 10px; background: url("https://assets-cdn.lanqb.com/daniu/pc_users/account/account-check_bg.png"); background-size: 100% 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 21px 40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; margin-top: 20px; color: #fff }
.check-popup .account-box__card, .check-popup .account-box__card-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.check-popup .account-box__card-left .icon-card { width: 48px; height: 48px; background: url("https://assets-cdn.lanqb.com/daniu/pc_users/account/icon-card.png"); background-size: 100% 100%; margin-right: 10px; display: block }
.check-popup .account-box__card-left-info .card-info__bank { font-size: 16px; font-weight: 700; text-align: left; margin-bottom: 5px }
.check-popup .account-box__card-left-info .card-info__name { font-size: 12px; color: hsla(0,0%,100%,.6); text-align: left }
.check-popup .account-box__card-right { font-size: 16px; font-weight: 700 }
.check-popup .amount-box__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.check-popup .amount-box__list-item { width: 33.33333%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 52px; position: relative; text-align: left }
.check-popup .amount-box__list-item>h5 { padding: unset; position: relative }
.check-popup .amount-box__list-item>h5 .icon-tip { width: 16px; height: 16px; border-radius: 50%; background: #595959; color: #fff; text-align: center; line-height: 16px; display: inline-block; font-size: 16px; cursor: pointer; margin-right: 6px }
.check-popup .amount-box__list-item>h5 .tip-box { width: 286px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 12px; background: rgba(0,0,0,.6); position: absolute; color: #fff; font-size: 12px; border-radius: 8px; left: -100px; top: 30px; opacity: 0 }
.check-popup .amount-box__list-item>h5 .tip-box:before { content: ""; position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid rgba(0,0,0,.6); left: 101px; top: -8px }
.check-popup .amount-box__list-item>h5 .icon-tip:hover .tip-box { opacity: 1 }
.check-popup .amount-box__list-item.left-line:before { content: ""; position: absolute; width: 1px; height: 40px; background: #f4f4f4; border-radius: 1px; left: 0; top: 15px }
.check-popup .amount-box__list-item .amount-data { font-size: 28px; font-weight: 700; margin-top: 8px; width: 130px }
.check-popup .amount-box__list-item .amount-data small { font-size: 20px; margin-right: 5px }
.check-popup .amount-box__list-item .amount-data.dark { color: #634b19 }
.check-popup .amount-box__list-item .amount-data.red { color: #ff7879 }
.check-popup .amount-box__list-item .amount-data.gray { color: #a7a7a7 }
.succeed-popup { width: 400px; height: 320px; margin: -160px 0 0 -200px; border-radius: 10px }
.succeed-popup .succeed-con { padding: 20px 0 40px }
.succeed-popup .succeed-con>i { font-size: 70px; color: #edce8c; margin-top: 24px; display: inline-block }
.succeed-popup .succeed-con>h3 { font-size: 26px; color: #58606c; line-height: 37px; font-weight: 700; margin-top: 26px }
.succeed-popup .succeed-con>p { font-size: 14px; color: #58606c; line-height: 20px; margin-top: 10px }
.succeed-popup .succeed-con .check-btn { width: 150px; height: 40px; border: 1px solid rgba(135,149,159,.2); margin-top: 28px; color: #87959f }
.succeed-popup.fail-popup .icon-fail { width: 70px; height: 70px; background: url("https://assets-cdn.lanqb.com/daniu/pc_users/account/icon-fail.png"); background-size: 100% 100% }
.succeed-popup.fail-popup .succeed-con>p { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 40px }
.succeed-popup.rule-popup .succeed-con>ul { padding: 20px 40px; text-align: left }
.succeed-popup.rule-popup .succeed-con>ul>li { font-size: 12px; color: #888; text-align: left; margin-bottom: 12px }
.gurus-head-info_new .gurus-head-info1 { background-size: 1920px 200px; padding: 124px 0 0; color: #212b34; background: unset }
.gurus-head-info_new .gurus-head-info1.normal { background: url("https://assets-cdn.lanqb.com/daniu/home-bg__normal.png?v=20210304") no-repeat top }
.gurus-head-info_new .gurus-head-info1.daniu { background: url("https://assets-cdn.lanqb.com/daniu/home-bg_gurus.png?v=20210304") no-repeat top }
.gurus-head-info_new .gurus-head-info1.pro-stu { background: url("https://assets-cdn.lanqb.com/daniu/home-bg_pro-stu.png?v=20210304") no-repeat top }
.gurus-head-info_new .gurus-info .gurus-avatar { background: hsla(0,0%,100%,.5) }
.gurus-head-info_new .gurus-info .gurus-name { position: relative }
.gurus-head-info_new .gurus-info .gurus-name .identity-box { position: absolute; margin-left: 10px }
.gurus-head-info_new .gurus-info .gurus-post { color: #87959f; font-size: 16px; margin: 20px 0 }
.gurus-head-info_new .gurus-info .gurus-post .quotation-marks { margin: 0 15px; position: relative; top: -4px }
.gurus-head-info_new .gurus-info .gurus-post .quotation-marks_item { display: inline-block; width: 4px; height: 8px; background: #e3e9ef; -webkit-transform: skew(-18deg); transform: skew(-18deg); margin-left: -3px }
.gurus-head-info_new .gurus-info .gurus-btns.zone { top: 90px }
.gurus-head-info_new .gurus-info .gurus-btns.zone.btn-study { top: -100px }
.gurus-head-info_new .gurus-info .gurus-btns.zone .btn { color: #b1bbc3; background: unset; border: 1px solid #e3e9ef }
.gurus-head-info_new .gurus-info .gurus-btns.zone .btn:before { color: #b1bbc3; margin-right: 6px }
.gurus-head-info_new .gurus-info .gurus-btns.zone .btn:hover { color: #525a67; background: unset; border-color: #b1bbc3 }
.gurus-head-info_new .gurus-info .gurus-btns.zone .btn:hover:before { color: #525a67 }
.gurus-head-info_new .gurus-info .gurus-btns.zone .study { background: #73b2fc; color: #fff; border: none }
.gurus-head-info_new .gurus-info .gurus-btns.zone .study:before { content: "" }
.gurus-head-info_new .gurus-info .gurus-btns.zone .study:hover { color: #fff; background: #027cdb; border-color: #027cdb }
.gurus-head-info_new .gurus-info .gurus-btns.guest { margin-bottom: 30px }
.gurus-head-info_new .gurus-info .gz-btn { border-radius: 5px; color: #fff; background: #027cdb; border-color: #027cdb }
.gurus-head-info_new .gurus-info .gz-btn:hover { background: #73b2fc; border-color: #73b2fc }
.gurus-head-info_new .gurus-info .gz-btn.atted { background: #fff; color: #b1bbc3; border-color: #b1bbc3 }
.gurus-head-info_new .gurus-info .gurus-counts.zone { margin-bottom: 30px!important }
.gurus-head-info_new .gurus-info .gurus-counts .item .numb { color: #212b34!important; font-weight: 700; font-size: 20px!important }
.gurus-head-info_new .gurus-info .gurus-counts .item .numw { color: #87959f!important; font-size: 12px!important; margin-left: 4px!important }
.gurus-head-info_new .gurus-info .gurus-counts .item:hover span.numb { color: #027cdb!important }
.gurus-head-info_new .gurus-info .student-id { position: absolute; top: -105px; left: 0; padding: 0 14px; font-size: 12px; font-weight: 400; color: #fff; line-height: 30px; background: rgba(0,0,0,.1); border-radius: 15px }
.gurus-head-info_new .users-tab { border-top: 1px solid #f6f8fa; height: unset; -webkit-box-shadow: unset; box-shadow: unset }
.gurus-head-info_new .users-tab.fixed { position: fixed }
.gurus-head-info_new .users-tab a { padding: 16px 0; color: #87959f }
.gurus-head-info_new .users-tab a.active { color: #212b34 }
.gurus-head-info_new .users-tab a.active:after { width: 100%; background-color: #212b34; bottom: 0; left: 0; margin: unset; height: 2px }
.users-index { padding: 30px 0 }
.users-index_part { margin-bottom: 50px }
.users-index_part .part-title { color: #212b34; font-size: 18px; font-weight: 700; margin-bottom: 18px }
.users-index_part .part-title__more { color: #87959f; font-size: 14px; float: right }
.users-index_part .part-title__more:after { content: "\E616"; font-size: 14px; font-family: iconfontL; display: inline-block; margin-left: 6px }
.users-index_part.part-intro.zone { padding-bottom: 50px; border-bottom: 1px solid #e3e9ef }
.users-index .gurus-intro-p p { font-size: 16px; color: #525a67 }
.users-index .gurus-intro-video { width: 240px; height: 136px; border-radius: 8px }
.users-index .gurus-intro-vc { color: #fff; padding-top: 45px!important }
.users-index .gurus-intro-vc>em { display: inline-block; line-height: 46px; width: 46px; height: 46px; background: rgba(0,0,0,.4); border: 1px solid hsla(0,0%,100%,.4); border-radius: 50% }
.users-index .gurus-intro-vc>em .iconfont { font-size: 18px!important; line-height: 46px!important; margin-left: 5px }
.users-index .users-subcon_new .users-recommend ul { margin-right: -20px }
.users-index .users-subcon_new .users-recommend ul li { float: left; margin-right: 20px; margin-bottom: 20px }
.users-index .users-subcon_new .users-recommend ul li:hover .recommend-cover { margin-top: -10px; -ms-box-shadow: 0 10px 20px rgba(0,0,0,.1); -o-box-shadow: 0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); box-shadow: 0 10px 20px rgba(0,0,0,.1) }
.users-index .users-subcon_new .users-recommend ul img { border-radius: 8px }
@media (min-width:768px) {
.users-index .users-subcon_new .users-recommend ul li { width: 173.9px; height: 130.4px }
}
@media (min-width:992px) {
.users-index .users-subcon_new .users-recommend ul li { width: 229.9px; height: 172.4px }
}
@media (min-width:1200px) {
.users-index .users-subcon_new .users-recommend ul li { width: 280px; height: 210px }
}
.users-index .shares-list__public li { border-radius: 8px; overflow: hidden; position: relative; cursor: pointer }
.users-index .shares-list__public li h4 { color: #212b34; font-size: 20px; font-weight: 700 }
.users-index .shares-list__public li .shares-des { cursor: pointer }
.users-index .shares-list__public li .shares-des p { color: #525a67; font-size: 16px; cursor: pointer }
@media (min-width:768px) {
.users-index .shares-list__public li .shares-des {
width:calc(100% - 10px*23.6); padding-top: 10px; padding-bottom: 10px; padding-right: 20px }
.users-index .shares-list__public li .shares-des h4 { margin-bottom: 6px }
.users-index .shares-list__public li .shares-des p { margin-bottom: 10px; font-size: 13px }
}
@media (min-width:992px) {
.users-index .shares-list__public li .shares-des {
width:calc(100% - 10px*26.4); padding-top: 12px; padding-bottom: 12px; padding-right: 30px }
.users-index .shares-list__public li .shares-des h4 { margin-bottom: 9px }
.users-index .shares-list__public li .shares-des p { margin-bottom: 18px; font-size: 14px }
}
@media (min-width:1200px) {
.users-index .shares-list__public li .shares-des {
width:calc(100% - 10px*32); padding-top: 24px; padding-bottom: 20px; padding-right: 40px }
.users-index .shares-list__public li .shares-des h4 { margin-bottom: 12px }
.users-index .shares-list__public li .shares-des p { margin-bottom: 26px }
}
.users-index .shares-list__public li .shares-btns { color: #525a67; font-size: 14px }
.users-index .shares-list__public li .state-tag { width: 64px; height: 23px; border-radius: 4px; font-size: 12px; text-align: center; line-height: 23px; color: #fff; position: absolute; top: 13px; left: 18px; z-index: 2 }
.users-index .shares-list__public li .state-tag.no_live { background: #fe6885 }
.users-index .shares-list__public li .state-tag.past { background: #1e1e1e }
.users-index .shares-list__public li .state-tag.live { background: #fe6885 }
.users-index .shares-list__public li.small-item { width: 580px; height: 180px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
@media (min-width:768px) {
.users-index .shares-list__public li.small-item { width: 386px; height: 120px }
}
@media (min-width:992px) {
.users-index .shares-list__public li.small-item { width: 483px; height: 150px }
}
@media (min-width:1200px) {
.users-index .shares-list__public li.small-item { width: 580px; height: 180px }
}
.users-index .shares-list__public li.small-item:nth-child(odd) { margin-right: 20px }
@media (min-width:768px) {
.users-index .shares-list__public li.small-item:nth-child(odd) { margin-right: 10px }
}
@media (min-width:992px) {
.users-index .shares-list__public li.small-item:nth-child(odd) { margin-right: 14px }
}
@media (min-width:1200px) {
.users-index .shares-list__public li.small-item:nth-child(odd) { margin-right: 20px }
}
.users-index .shares-list__public li.small-item .shares-cover { margin-right: unset }
@media (min-width:768px) {
.users-index .shares-list__public li.small-item .shares-cover { width: 160px; height: 120px }
}
@media (min-width:992px) {
.users-index .shares-list__public li.small-item .shares-cover { width: 200px; height: 150px }
}
@media (min-width:1200px) {
.users-index .shares-list__public li.small-item .shares-cover { width: 240px; height: 180px }
}
.users-index .shares-list__public li.small-item .shares-des h4 a { line-height: 1; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.users-index .shares-list__public li.small-item .shares-des p { color: #87959f; display: -webkit-box; word-break: break-all; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }
@media (min-width:768px) {
.users-index .shares-list__public li.small-item .shares-des {
width:calc(100% - 10px*16); padding: 8px }
.users-index .shares-list__public li.small-item .shares-des h4 { margin-bottom: 5px }
.users-index .shares-list__public li.small-item .shares-des h4 a { font-size: 15px }
.users-index .shares-list__public li.small-item .shares-des p { -webkit-line-clamp: 2; margin-bottom: 10px; font-size: 12px; line-height: 20px; height: 40px }
}
@media (min-width:992px) {
.users-index .shares-list__public li.small-item .shares-des {
width:calc(100% - 10px*20); padding: 16px }
.users-index .shares-list__public li.small-item .shares-des h4 { margin-bottom: 5px }
.users-index .shares-list__public li.small-item .shares-des h4 a { font-size: 20px }
.users-index .shares-list__public li.small-item .shares-des p { height: 50px; -webkit-line-clamp: 2; margin-bottom: 14px; font-size: 13px; line-height: 25px }
}
@media (min-width:1200px) {
.users-index .shares-list__public li.small-item .shares-des {
width:calc(100% - 10px*24); padding: 20px }
.users-index .shares-list__public li.small-item .shares-des h4 { margin-bottom: 9px }
.users-index .shares-list__public li.small-item .shares-des h4 a { font-size: 20px }
.users-index .shares-list__public li.small-item .shares-des p { -webkit-line-clamp: 3; height: 75px; margin-bottom: 8px; font-size: 14px; line-height: 25px }
}
@media (min-width:768px) {
.users-index .shares-list__public li.small-item .shares-btns { font-size: 12px }
}
@media (min-width:992px) {
.users-index .shares-list__public li.small-item .shares-btns { font-size: 14px }
}
@media (min-width:1200px) {
.users-index .shares-list__public li.small-item .shares-btns { font-size: 14px }
}
.users-index .users-pro__list { margin-bottom: 110px }
.users-index .users-pro__list-item { position: relative; margin-bottom: 80px; cursor: pointer }
.users-index .users-pro__list-item img { width: 470px; height: 297px; border-radius: 8px; display: inline-block; position: relative; top: 27px; z-index: 1 }
@media (min-width:768px) {
.users-index .users-pro__list-item img { width: 300.8px; height: 190px; top: 17px }
}
@media (min-width:992px) {
.users-index .users-pro__list-item img { width: 388.5px; height: 245.5px; top: 21px }
}
@media (min-width:1200px) {
.users-index .users-pro__list-item img { width: 470px; height: 297px; top: 27px }
}
.users-index .users-pro__list-item .item-content { width: 820px; height: 350px; border-radius: 8px; display: inline-block; position: absolute; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 36px 30px 36px 140px }
.users-index .users-pro__list-item .item-content h3 { color: #212b34; font-size: 24px; padding-bottom: 16px; border-bottom: 1px solid #eef3f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.users-index .users-pro__list-item .item-content p { color: #525a67; font-size: 14px; padding: 16px 0; height: 187px }
.users-index .users-pro__list-item .item-content .btn-apply { background: #027cdb; width: 120px; height: 40px; border-radius: 5px; color: #fff; font-size: 14px; text-align: center; line-height: 40px; float: right }
@media (min-width:768px) {
.users-index .users-pro__list-item .item-content { width: 524.8px; height: 224px; padding: 28px 28px 28px 100px }
.users-index .users-pro__list-item .item-content p { height: 100px }
.users-index .users-pro__list-item .item-content .btn-apply { width: 100px; height: 35px; line-height: 35px; font-size: 13px }
}
@media (min-width:992px) {
.users-index .users-pro__list-item .item-content { width: 678px; height: 289.3px; padding: 30px 30px 30px 110px }
.users-index .users-pro__list-item .item-content p { height: 150px }
}
@media (min-width:1200px) {
.users-index .users-pro__list-item .item-content { width: 820px; height: 350px; padding: 36px 30px 36px 140px }
.users-index .users-pro__list-item .item-content p { height: 187px }
}
.users-index .users-index_part .btn-list-more { width: 180px; height: 50px; background: #e8ecef; border-radius: 25px; line-height: 50px; color: #525a67; font-size: 16px; float: right }
.users-index .users-index_part .btn-list-more:hover { background: #dadde0 }
.users-index .hd-itemList li>div { border-radius: 8px; overflow: hidden }
.users-index .hd-itemList li .tags-box { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px 0 }
.users-index .hd-itemList li .tags-box .tags { width: 70%; overflow: hidden; height: 23px; display: inline-block }
.users-index .hd-itemList li .tags-box .tags .tag-item { background: #f6f8fa; border-radius: 4px; padding: 0 5px; float: left; color: #87959f; font-size: 12px; line-height: 23px }
.users-index .hd-itemList li .tags-box .tags .tag-item+.tag-item { margin-left: 5px }
.users-index .hd-itemList li .tags-box .price { color: #ff8900; font-size: 14px; float: right }
.users-index .hd-itemList li .tags-box .price.blue { color: #479bdf }
.users-index .shares-list__interview li { border-radius: 4px; overflow: hidden }
.users-index .shares-list__interview li .shares-des { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.users-index .shares-list__interview li .shares-des .shares-user { padding-right: 40px; position: relative; margin-right: 40px }
.users-index .shares-list__interview li .shares-des .shares-user:after { content: ""; width: 1px; height: 80px; background: #eee; position: absolute; top: 20px; right: 0 }
.users-index .shares-list__interview li .shares-des .shares-user .user-avatar { border-radius: 50%; width: 80px; height: 80px; display: block; margin: 0 auto }
.users-index .shares-list__interview li .shares-des .shares-user .user-nickanme { color: #525a67; font-size: 18px; margin-top: 12px; text-align: center; width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
@media (min-width:768px) {
.users-index .shares-list__interview li .shares-des .shares-user { padding-right: 16px; margin-right: 16px }
.users-index .shares-list__interview li .shares-des .shares-user .user-avatar { width: 60px; height: 60px }
.users-index .shares-list__interview li .shares-des .shares-user .user-nickanme { font-size: 14px }
}
@media (min-width:992px) {
.users-index .shares-list__interview li .shares-des .shares-user { padding-right: 24px; margin-right: 24px }
.users-index .shares-list__interview li .shares-des .shares-user .user-avatar { width: 70px; height: 70px }
.users-index .shares-list__interview li .shares-des .shares-user .user-nickanme { font-size: 16px }
}
@media (min-width:1200px) {
.users-index .shares-list__interview li .shares-des .shares-user { padding-right: 40px; margin-right: 40px }
.users-index .shares-list__interview li .shares-des .shares-user .user-avatar { width: 80px; height: 80px }
.users-index .shares-list__interview li .shares-des .shares-user .user-nickanme { font-size: 18px }
}
.users-index .shares-list__interview li .shares-des .shares-des__content h4 a { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
@media (min-width:768px) {
.users-index .shares-list__interview li .shares-des .shares-des__content { width: calc(100% - 116px) }
}
@media (min-width:992px) {
.users-index .shares-list__interview li .shares-des .shares-des__content { width: calc(100% - 124px) }
}
@media (min-width:1200px) {
.users-index .shares-list__interview li .shares-des .shares-des__content { width: calc(100% - 170px) }
}
@media (min-width:768px) {
.users-index .shares-list__interview li .shares-des h4 { margin-bottom: 10px }
}
@media (min-width:992px) {
.users-index .shares-list__interview li .shares-des h4 { margin-bottom: 13px }
}
@media (min-width:1200px) {
.users-index .shares-list__interview li .shares-des h4 { margin-bottom: 16px }
}
@media (min-width:768px) {
.users-index .shares-list__interview li p { margin-top: 10px; font-size: 13px; margin-bottom: unset }
}
@media (min-width:992px) {
.users-index .shares-list__interview li p { margin-top: 18px; font-size: 14px; margin-bottom: unset }
}
@media (min-width:1200px) {
.users-index .shares-list__interview li p { margin-top: 26px; margin-bottom: unset }
}
.timeline-list .timeline-user .user-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.timeline-list .timeline-user .user-info__avatar { width: 48px; height: 48px; border-radius: 50% }
.timeline-list .timeline-user .user-info__others { margin-left: 10px }
.timeline-list .timeline-user .user-info__others h4 { color: #212b34; font-size: 16px; line-height: 22px }
.timeline-list .timeline-user .user-info__others p { color: #87959f; font-size: 14px; line-height: 20px }
.timeline-list .timeline-item { padding: 24px 0 17px 24px; border-radius: 8px; margin-bottom: 20px; position: relative }
.timeline-list .timeline-item .work-content { padding: 10px 38px 0 58px }
.timeline-list .timeline-item .work-content__title { color: #212b34; font-size: 18px; line-height: 25px; margin-bottom: 10px }
.timeline-list .timeline-item .work-content__type { width: 35px; height: 18px; border-radius: 4px; text-align: center; margin-left: 8px; line-height: 18px; font-size: 12px; display: inline-block; position: relative; top: -2px }
.timeline-list .timeline-item .work-content__type.type-1 { color: #009ded; border: 1px solid #009ded }
.timeline-list .timeline-item .work-content__type.type-2 { color: #00c46a; border: 1px solid #00c46a }
.timeline-list .timeline-item .work-content__type.type-3 { color: #ffa800; border: 1px solid #ffa800 }
.timeline-list .timeline-item .work-content__covers { padding-bottom: 17px }
.timeline-list .timeline-item .work-content .shares-btns span:hover { color: #525a67 }
.timeline-list .timeline-item .timeline-check__tip { position: absolute; top: 16px; right: 16px; z-index: 1; padding: 6px 16px; font-size: 12px; line-height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px }
.timeline-list .timeline-item .timeline-check__tip .iconfont { margin-right: 6px; font-size: 14px }
.timeline-list .timeline-item .timeline-check__tip.checked { color: #027cdb; background-color: #f3fbff }
.timeline-list .timeline-item .timeline-check__tip.checking { color: #ff5900; background-color: rgba(255,89,0,.1) }
.timeline-list .timeline-item .timeline-check__tip.unchecked { color: #ff5167; background-color: rgba(255,81,103,.1) }
.timeline-list .timeline-item .timeline-check__tip.unchecked .iconfont.down { margin-right: -4px; margin-left: 4px; -webkit-transform: scale(.65); transform: scale(.65) }
.timeline-list .timeline-item .timeline-check__tip.unchecked:hover .timeline-unchecked_cause { visibility: visible; opacity: 1 }
.timeline-list .timeline-item .timeline-check__tip .timeline-unchecked_cause { position: absolute; top: 100%; right: 0; min-width: 100%; max-width: 330px; padding: 12px 15px; margin-top: 10px; background-color: #fff; border: 1px solid #e3e9ef; visibility: hidden; opacity: 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; border-radius: 8px; -ms-box-shadow: 0 4px 30px rgba(7,39,65,.1); -o-box-shadow: 0 4px 30px rgba(7,39,65,.1); -webkit-box-shadow: 0 4px 30px rgba(7,39,65,.1); box-shadow: 0 4px 30px rgba(7,39,65,.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.timeline-list .timeline-item .timeline-check__tip .timeline-unchecked_cause strong { font-size: 14px; font-weight: 500; line-height: 20px; color: #3f4345 }
.timeline-list .timeline-item .timeline-check__tip .timeline-unchecked_cause span { margin-top: 6px; font-size: 12px; font-weight: 400; line-height: 17px; color: #87959f; white-space: pre-wrap }
.timeline-list .timeline-work .covers-list__item { width: 150px; height: 150px; border-radius: 8px; display: inline-block; background: #f3f3f3; position: relative; overflow: hidden }
.timeline-list .timeline-work .covers-list__item img { width: 100%; height: 100% }
.timeline-list .timeline-work .covers-list__item .mask-others { background: rgba(0,0,0,.6); color: #fff; font-size: 30px; letter-spacing: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 150px }
@media (min-width:768px) {
.timeline-list .timeline-work .covers-list__item { width: 86.5px; height: 86.5px }
.timeline-list .timeline-work .covers-list__item .mask-others { line-height: 86.5px }
}
@media (min-width:992px) {
.timeline-list .timeline-work .covers-list__item { width: 120px; height: 120px }
.timeline-list .timeline-work .covers-list__item .mask-others { line-height: 120px }
}
@media (min-width:1200px) {
.timeline-list .timeline-work .covers-list__item { width: 150px; height: 150px }
.timeline-list .timeline-work .covers-list__item .mask-others { line-height: 150px }
}
.timeline-list .timeline-work .covers-list__item+.covers-list__item { margin-left: 10px }
@media (min-width:768px) {
.timeline-list .timeline-work .covers-list__item+.covers-list__item { margin-left: 6px }
}
@media (min-width:992px) {
.timeline-list .timeline-work .covers-list__item+.covers-list__item { margin-left: 8px }
}
@media (min-width:1200px) {
.timeline-list .timeline-work .covers-list__item+.covers-list__item { margin-left: 10px }
}
.timeline-list .single-cover-pic img { border-radius: 8px }
.timeline-list .timeline-setting { z-index: 2; margin-right: 24px }
.popup-complaint { padding: unset; color: #525a67; font-size: 14px }
.popup-complaint .popup-content { padding: 40px 80px; text-align: left }
.popup-complaint .popup-content .title { font-size: 18px; margin-bottom: 40px }
.popup-complaint .popup-content .title .iconfont { font-size: 18px; color: #b1bbc3; margin-right: 6px; display: inline-block }
.popup-complaint .popup-content .radio-group-box__item { width: 24%; display: inline-block; margin-bottom: 28px; cursor: pointer }
.popup-complaint .popup-content .radio-group-box__item .item-radio { width: 16px; height: 16px; border: 1px solid #e3e9ef; margin-right: 6px; display: inline-block; border-radius: 50%; position: relative; top: 2px }
.popup-complaint .popup-content .radio-group-box__item .item-radio.active { border: 6px solid #027cdb }
.popup-complaint .popup-content .other-reason { display: block; width: 100%; height: 120px; background: #f6f8fa; border: 1px solid #eef3f5; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px; margin-bottom: 30px }
.popup-complaint .popup-content .btn-submit { width: 100%; height: 50px; line-height: 50px; font-size: 18px; background: #027cdb; color: #fff }
.popup-complaint .popup-content .btn-submit.disabled { background: #b1bbc3 }
.wrapper-910 { margin: 0 auto }
@media (min-width:768px) {
.wrapper-910 { width: 576.8px }
}
@media (min-width:992px) {
.wrapper-910 { width: 755.8px }
}
@media (min-width:1200px) {
.wrapper-910 { width: 910px }
}
.bg-gray-F6F8FA { background: #f6f8fa }
.primary-toast { background: #fff; color: #434343; font-size: 14px; padding: 15px 30px; -webkit-box-shadow: 0 5px 15px 0 rgba(30,25,38,.1); box-shadow: 0 5px 15px 0 rgba(30,25,38,.1); border-radius: 4px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.primary-toast .icon { position: relative; top: 1px }
.primary-toast .icon.success { color: #027cdb }
.primary-toast .icon.error { color: #ec7356 }
.primary-toast .icon.warning { color: #ffa800 }
.gurus .users-tab a.active { color: #027cdb }
.gurus .users-tab a.active:after { background-color: #027cdb }
.teachers-item_new { width: 100%; background-color: #fff; margin-top: 50px; border-radius: 6px; position: relative }
@media (min-width:768px) {
.teachers-item_new { padding-top: 209.3px }
}
@media (min-width:992px) {
.teachers-item_new { padding-top: 267.26px }
}
@media (min-width:1200px) {
.teachers-item_new { padding-top: 322px }
}
.teachers-item_new h3 { font-weight: 700 }
.teachers-item_new .teacher-character { position: absolute }
@media (min-width:768px) {
.teachers-item_new .teacher-character { width: 325px; height: 228.8px; top: -19.5px }
}
@media (min-width:992px) {
.teachers-item_new .teacher-character { width: 415px; height: 292.16px; top: -24.9px }
}
@media (min-width:1200px) {
.teachers-item_new .teacher-character { width: 500px; height: 352px; top: -30px }
}
.teachers-item_new .teacher-info { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0 }
.teachers-item_new .teacher-info .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.teachers-item_new .teacher-info .info .teachers-cover img { border-radius: 50%; border: 2px solid #f6f8fa; display: inline-block; -o-object-fit: cover; object-fit: cover }
.teachers-item_new .teacher-info .info .teachers-cover div { display: inline-block; vertical-align: top }
.teachers-item_new .teacher-info .info .teachers-cover div h3 { color: #212b34; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.teachers-item_new .teacher-info .info .teachers-cover div h3:hover { color: #027cdb }
.teachers-item_new .teacher-info .info .teachers-cover div h6 { color: #ff5900; margin-top: 4px }
.teachers-item_new .teacher-info .info .teachers-cover div .btn { width: 100%; text-align: center; color: #fff; background-color: #027cdb }
.teachers-item_new .teacher-info .info .teachers-cover div .btn:hover { background: #80b1f6 }
.teachers-item_new .teacher-info .info .course { position: relative }
.teachers-item_new .teacher-info .info .course:before { content: ""; position: absolute; width: 1px; height: 80px; background: #f1f3f5; top: 20px; left: 0 }
.teachers-item_new .teacher-info .info .course .cover { border-radius: 6px; -o-object-fit: cover; object-fit: cover }
.teachers-item_new .teacher-info .info .course .cover:hover { opacity: .84 }
.teachers-item_new .teacher-info .info .course .detail { margin-left: 18px; display: inline-block; vertical-align: top }
.teachers-item_new .teacher-info .info .course .detail h3 { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden }
.teachers-item_new .teacher-info .info .course .detail h3:hover { color: #027cdb }
.teachers-item_new .teacher-info .info .course .detail .btn { background: #fff; border: 1px solid #525a67; color: #525a67 }
.teachers-item_new .teacher-info .info .course .detail .btn:hover { border-color: #212b34; color: #212b34 }
.teachers-item_new .teacher-info .introduction { background: #f6f8fa; border-radius: 6px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.teachers-item_new .teacher-info .introduction:before { content: ""; background: #f6f8fa; width: 17px; height: 17px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 45px; top: -9px; border-radius: 2px }
.teachers-item_new .teacher-info .introduction p { color: #525a67; width: 100%; height: 100%; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; line-height: 24px; height: auto }
@media (min-width:768px) {
.teachers-item_new .teacher-info { width: 538.2px; padding: 19.5px }
.teachers-item_new .teacher-info .teachers-cover img { width: 70.2px; height: 70.2px }
.teachers-item_new .teacher-info .teachers-cover div { width: 71.5px; margin-left: 10.4px }
.teachers-item_new .teacher-info .teachers-cover div h3 { font-size: 14px }
.teachers-item_new .teacher-info .teachers-cover div h6 { font-size: 12px }
.teachers-item_new .teacher-info .teachers-cover div .btn { height: 24.7px; border-radius: 24.7px; line-height: 24.7px; margin-top: 10.4px; font-size: 12px }
.teachers-item_new .teacher-info .course { margin-left: 39px; padding-left: 39px }
.teachers-item_new .teacher-info .course .cover { width: 123.5px; height: 78px }
.teachers-item_new .teacher-info .course .detail { width: 115px }
.teachers-item_new .teacher-info .course .detail h3 { height: 32.5px; font-size: 11.7px }
.teachers-item_new .teacher-info .course .detail .btn { width: 92.3px; height: 24.7px; border-radius: 24.7px; line-height: 24.7px; margin-top: 20.8px; font-size: 12px }
.teachers-item_new .teacher-info .introduction { height: 72.8px; margin-top: 19.5px; padding: 13px }
.teachers-item_new .teacher-info .introduction p { font-size: 10.4px; line-height: 15.6px }
}
@media (min-width:992px) {
.teachers-item_new .teacher-info { width: 687.24px; padding: 24.9px }
.teachers-item_new .teacher-info .teachers-cover img { width: 89.64px; height: 89.64px }
.teachers-item_new .teacher-info .teachers-cover div { width: 91.3px; margin-left: 13.2px }
.teachers-item_new .teacher-info .teachers-cover div h3 { font-size: 18px }
.teachers-item_new .teacher-info .teachers-cover div h6 { font-size: 12px }
.teachers-item_new .teacher-info .teachers-cover div .btn { height: 31.54px; border-radius: 31.54px; line-height: 31.54px; margin-top: 13.28px; font-size: 12px }
.teachers-item_new .teacher-info .course { margin-left: 49.8px; padding-left: 49.8px }
.teachers-item_new .teacher-info .course .cover { width: 157.7px; height: 99.6px }
.teachers-item_new .teacher-info .course .detail { width: 152.72px }
.teachers-item_new .teacher-info .course .detail h3 { height: 41.5px; font-size: 14.94px }
.teachers-item_new .teacher-info .course .detail .btn { width: 117.86px; height: 31.54px; border-radius: 31.54px; line-height: 31.54px; margin-top: 26.56px; font-size: 12px }
.teachers-item_new .teacher-info .introduction { height: 92.96px; margin-top: 24.9px; padding: 16.6px }
.teachers-item_new .teacher-info .introduction p { font-size: 13.28px; line-height: 19.92px }
}
@media (min-width:1200px) {
.teachers-item_new .teacher-info { width: 828px; padding: 30px }
.teachers-item_new .teacher-info .teachers-cover img { width: 108px; height: 108px }
.teachers-item_new .teacher-info .teachers-cover div { width: 110px; margin-left: 16px }
.teachers-item_new .teacher-info .teachers-cover div h3 { font-size: 22px }
.teachers-item_new .teacher-info .teachers-cover div h6 { font-size: 14px }
.teachers-item_new .teacher-info .teachers-cover div .btn { height: 38px; border-radius: 38px; line-height: 38px; margin-top: 16px; font-size: 14px }
.teachers-item_new .teacher-info .course { margin-left: 60px; padding-left: 60px }
.teachers-item_new .teacher-info .course .cover { width: 190px; height: 120px }
.teachers-item_new .teacher-info .course .detail { width: 184px }
.teachers-item_new .teacher-info .course .detail h3 { height: 50px; font-size: 18px }
.teachers-item_new .teacher-info .course .detail .btn { width: 142px; height: 38px; border-radius: 38px; line-height: 38px; margin-top: 32px; font-size: 14px }
.teachers-item_new .teacher-info .introduction { height: 112px; margin-top: 30px; padding: 20px }
.teachers-item_new .teacher-info .introduction p { font-size: 16px; line-height: 24px }
}
.teachers-item_new .teachers-works { border-top: 1px solid #f1f3f5; -webkit-box-sizing: border-box; box-sizing: border-box }
.teachers-item_new .teachers-works h3 { margin-bottom: 12px; font-size: 18px; color: #212b34; font-weight: 700 }
.teachers-item_new .teachers-works .works-box { font-size: 0 }
.teachers-item_new .teachers-works img { border-radius: 6px; display: inline-block; background: #f3f3f3; font-size: 12px; -o-object-fit: cover; object-fit: cover }
.teachers-item_new .teachers-works img:hover { opacity: .84 }
@media (min-width:768px) {
.teachers-item_new .teachers-works { padding: 19.5px }
.teachers-item_new .teachers-works a+a { margin-left: 10.4px }
.teachers-item_new .teachers-works img { width: 169px; height: 130.65px }
}
@media (min-width:992px) {
.teachers-item_new .teachers-works { padding: 24.9px }
.teachers-item_new .teachers-works a+a { margin-left: 13.28px }
.teachers-item_new .teachers-works img { width: 222.44px; height: 166.83px }
}
@media (min-width:1200px) {
.teachers-item_new .teachers-works { padding: 30px }
.teachers-item_new .teachers-works a+a { margin-left: 16px }
.teachers-item_new .teachers-works img { width: 268px; height: 201px }
}
.teachers-item_new.counselor-item { margin-top: 20px }
@media (min-width:768px) {
.teachers-item_new.counselor-item { padding: 0 19.5px; padding-top: 111.8px }
.teachers-item_new.counselor-item .teacher-info { width: calc(100% - 40px); padding: 19.5px 0 }
.teachers-item_new.counselor-item .teacher-info .introduction { width: calc(100% - 192px); margin-left: 24.7px; margin-top: 0 }
.teachers-item_new.counselor-item .teacher-info .introduction:before { left: -5.9px; top: 18.2px }
.teachers-item_new.counselor-item .teachers-works { padding: 19.5px 0 }
}
@media (min-width:992px) {
.teachers-item_new.counselor-item { padding: 0 24.9px; padding-top: 142.76px }
.teachers-item_new.counselor-item .teacher-info { width: calc(100% - 50px); padding: 24.9px 0 }
.teachers-item_new.counselor-item .teacher-info .introduction { width: calc(100% - 240px); margin-left: 31.54px; margin-top: 0 }
.teachers-item_new.counselor-item .teacher-info .introduction:before { left: -7.5px; top: 23.24px }
.teachers-item_new.counselor-item .teachers-works { padding: 24.9px 0 }
}
@media (min-width:1200px) {
.teachers-item_new.counselor-item { padding: 0 30px; padding-top: 172px }
.teachers-item_new.counselor-item .teacher-info { width: calc(100% - 60px); padding: 30px 0 }
.teachers-item_new.counselor-item .teacher-info .introduction { width: calc(100% - 280px); margin-left: 38px; margin-top: 0 }
.teachers-item_new.counselor-item .teacher-info .introduction:before { left: -9px; top: 28px }
.teachers-item_new.counselor-item .teachers-works { padding: 30px 0 }
}
.teachers-item_new.left .teacher-character { left: 0 }
.teachers-item_new.left .teacher-info, .teachers-item_new.right .teacher-character { right: 0 }
.teachers-item_new.right .teacher-info { left: 0 }
.bixin-bg-header { background-image: url(http://assets-cdn.lanqb.com/bixins/bixin-bg-header.png); height: 950px; background-size: 100% 100%; position: relative; text-align: center; font-family: PingFangSC-Regular, PingFang SC }
.bixin-bg-header .logo-con { position: relative; margin: 0 auto; height: 100% }
.bixin-bg-header .logo-con .img-logo { display: block; margin-top: 0; margin-left: auto; margin-right: auto }
.bixin-bg-header .logo-con .img-title { display: block; width: 577px; height: 113px; margin-left: auto; margin-right: auto; margin-top: -75px }
.bixin-bg-header .logo-con .subtitle-con { position: relative; width: 436px; margin-top: 35px; margin-left: auto; margin-right: auto }
.bixin-bg-header .logo-con .subtitle-con .subtitle { border-radius: 26px; background-color: #383639; width: 195px; height: 48px; line-height: 48px; text-align: center }
.bixin-bg-header .logo-con .subtitle-con:before { content: ""; position: absolute; width: 3px; height: 3px; left: 50%; top: 24px; border-radius: 50%; background-color: #fff }
.bixin-bg-header .logo-con .ad-con { margin-top: 120px }
.bixin-bg-header .logo-con .ad-con p { width: 523px; font-weight: 400; font-size: 18px; color: #fff; line-height: 26px; text-align: center; margin-left: auto; margin-right: auto }
@media (min-width:768px) {
.bixin-bg-header .logo-con .ad-con p { font-size: 10px }
}
@media (min-width:992px) {
.bixin-bg-header .logo-con .ad-con p { font-size: 14px }
}
@media (min-width:1200px) {
.bixin-bg-header .logo-con .ad-con p { font-size: 18px }
}
@media (min-width:768px) {
.bixin-bg-header .logo-con .img-logo { width: 685px }
.bixin-bg-header .logo-con .img-title { margin-top: -30px; width: 231px; height: 45px }
}
@media (min-width:992px) {
.bixin-bg-header .logo-con .img-logo { width: 885px }
.bixin-bg-header .logo-con .img-title { margin-top: -40px; width: 298px; height: 58px }
}
@media (min-width:1200px) {
.bixin-bg-header .logo-con .img-logo { width: 1200px }
.bixin-bg-header .logo-con .img-title { margin-top: -40px; width: 404px; height: 80px }
}
@media (min-width:1713px) {
.bixin-bg-header .logo-con .img-logo { width: 1713px }
.bixin-bg-header .logo-con .img-title { margin-top: -75px; width: 577px; height: 113px }
}
@media (min-width:768px) {
.bixin-bg-header .logo-con { padding-top: 80px }
}
@media (min-width:992px) {
.bixin-bg-header .logo-con { padding-top: 100px }
}
@media (min-width:1200px) {
.bixin-bg-header .logo-con { padding-top: 130px }
}
@media (min-width:1713px) {
.bixin-bg-header .logo-con { padding-top: 0 }
}
.bixin-bg-header .cloud-con { width: 100%; position: absolute; top: 710px }
@media (min-width:768px) {
.bixin-bg-header .cloud-con { top: 450px }
.bixin-bg-header .cloud-con img { width: 274px; height: 137px }
}
@media (min-width:992px) {
.bixin-bg-header .cloud-con { top: 500px }
.bixin-bg-header .cloud-con img { width: 354px; height: 173px }
}
@media (min-width:1200px) {
.bixin-bg-header .cloud-con { top: 710px }
.bixin-bg-header .cloud-con img { width: 423px; height: 209px }
}
@media (min-width:1372px) {
.bixin-bg-header .cloud-con img { width: 686px; height: 334px }
}
@media (min-width:768px) {
.bixin-bg-header { height: 491px }
}
@media (min-width:992px) {
.bixin-bg-header { height: 594px }
}
@media (min-width:1200px) {
.bixin-bg-header { height: 950px }
}
.left { float: left }
.right { float: right }
.bixin-bg-body { background-image: url(http://assets-cdn.lanqb.com/bixins/bixin-bg-body.png); height: 2936px; width: 100%; background-size: 100% 100%; padding-top: 150px; font-family: PingFangSC-Regular, PingFang SC }
.bixin-bg-body .content { margin: 0 auto; width: 1200px }
.bixin-bg-body .content .item { position: relative; margin-bottom: 140px; padding: 20px; background: #fffdf7; border-radius: 15px }
.bixin-bg-body .content .item .icon-con { position: absolute; width: 432px; height: 80px; top: -44px; left: 50%; margin-left: -216px }
.bixin-bg-body .content .item .icon-con img { position: absolute }
.bixin-bg-body .content .item .icon-con .frame { width: 100%; height: 100% }
.bixin-bg-body .content .item .icon-con .sate { width: 122px; height: 108px; top: 0; left: -72px }
.bixin-bg-body .content .item .icon-con .coin { width: 143px; height: 61px; top: 0; right: -140px }
.bixin-bg-body .content .item .icon-con .cloud { width: 138px; height: 71px; top: 25px; left: -68px }
.bixin-bg-body .content .item .icon-con .star { width: 58px; height: 58px; top: 0; right: -58px }
.bixin-bg-body .content .item .icon-con .ship { width: 122px; height: 73px; top: 23px; left: -64px }
.bixin-bg-body .content .item .icon-con .board { width: 134px; height: 93px; top: 23px; left: -64px }
.bixin-bg-body .content .item .icon-con .money { width: 115px; height: 106px; top: -30px; right: -95px }
.bixin-bg-body .content .item>p { text-align: center; width: calc(100% - 40px); height: 33px; font-size: 24px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #503413; line-height: 33px; position: absolute; top: -22px; z-index: 2 }
.bixin-bg-body .content .item .english { text-transform: uppercase; top: -11px; height: 40px; font-size: 28px; font-weight: 600; color: #f7cf91; line-height: 40px; z-index: 1 }
.bixin-bg-body .content .item .detail { border-radius: 14px; border: 2px dashed #d8a85d }
.bixin-bg-body .content .item .detail1 { height: 330px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around }
.bixin-bg-body .content .item .detail1 .flex-item { text-align: center; width: 164px }
.bixin-bg-body .content .item .detail1 .flex-item .pic-con { width: 90px; height: 90px; line-height: 90px; text-align: center; margin: 0 auto 14px }
.bixin-bg-body .content .item .detail1 .flex-item h4 { height: 25px; font-size: 18px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333; line-height: 25px; margin-bottom: 10px }
.bixin-bg-body .content .item .detail1 .flex-item p { font-size: 14px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 400; color: #999; line-height: 21px }
.bixin-bg-body .content .item .detail2 { height: 310px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around }
.bixin-bg-body .content .item .detail2 .flex-item { display: inline-block; position: relative }
.bixin-bg-body .content .item .detail2 .flex-item .draw { margin-bottom: 15px }
.bixin-bg-body .content .item .detail2 .flex-item p { position: absolute; font-size: 16px; font-weight: 400; color: #333; line-height: 22px; right: 20px; bottom: 30px; height: 45px; line-height: 45px }
.bixin-bg-body .content .item .detail2 .flex-item p span { height: 42px; font-size: 42px; font-weight: 600; color: #d8a85d; line-height: 42px }
.bixin-bg-body .content .item .detail3 { height: 620px; padding-top: 81px }
.bixin-bg-body .content .item .detail3>p { font-size: 16px; font-weight: 400; color: #666; line-height: 23px; text-align: center }
.bixin-bg-body .content .item .detail3 .swipers { margin-top: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around }
.bixin-bg-body .content .item .detail3 .swipers .agent-con { margin-top: -42px; position: relative }
.bixin-bg-body .content .item .detail3 .swipers .agent-con .agent { position: static; width: 460px; height: 320px; border-radius: 6px }
.bixin-bg-body .content .item .detail3 .swipers .platform-con { margin-top: -42px; position: relative }
.bixin-bg-body .content .item .detail3 .swipers .platform-con .platform { position: static; width: 480px; height: 320px; border-radius: 6px }
.bixin-bg-body .content .item .detail3 .swipers .slide-img { width: 450px; height: 260px; -webkit-box-shadow: 0 2px 15px 0 rgba(80,52,19,.15); box-shadow: 0 2px 15px 0 rgba(80,52,19,.15); background-color: transparent }
.bixin-bg-body .content .item .detail3 .swipers .swiper-title { text-align: center; height: 25px; font-size: 18px; font-weight: 400; color: #333; line-height: 25px; margin-top: 40px }
.bixin-bg-body .content .item .detail4 { height: 450px }
.bixin-bg-body .content .item .detail4 .seq-con { width: 380px; margin: 80px auto 0 }
.bixin-bg-body .content .item .detail4 .seq-con .seq { position: relative; padding-left: 155px; padding-bottom: 60px }
.bixin-bg-body .content .item .detail4 .seq-con .seq p { height: 28px; font-size: 20px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 600; color: #503413; line-height: 28px }
.bixin-bg-body .content .item .detail4 .seq-con .seq span { position: absolute; left: 0; top: -10px; height: 48px; font-size: 34px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 600; color: rgba(80,52,19,.49); line-height: 48px }
.bixin-bg-body .content .item .detail4 .seq-con .seq img { position: absolute; width: 18px; height: 18px; top: 5px; left: 87px }
.bixin-bg-body .content .item .detail4 .seq-con .seq:before { content: ""; position: absolute; width: 0; height: 75px; left: 96px; top: 23px; border-left: 1px dashed #d8a85d }
.bixin-bg-body .content .item .detail4 .seq-con .seq:last-child:before { display: none }
.bixin-bg-body .content .item:after { position: absolute; content: ""; width: 1170px; height: 20px; background: #5e5d5f; border-radius: 0 0 14px 14px; left: 15px; bottom: -20px }
.bixin-bg-body .content .margn-btm { margin-bottom: 90px }
.bixin-bg-body .content .target p { font-size: 16px; font-weight: 400; color: #fff; line-height: 29px; text-align: center }
.bixin-bg-body .content .go-bg { margin: 205px auto 30px; width: 203px; height: 45px; line-height: 45px; background-image: url(http://assets-cdn.lanqb.com/bixins/bixin-go-bg.png); text-align: center }
.bixin-bg-body .content .go-bg span { margin-right: 8px; height: 25px; font-size: 18px; font-weight: 400; color: #503413; line-height: 25px; vertical-align: middle }
.bixin-bg-body .content .go-bg img { vertical-align: middle }
.bixin-bg-body .content .rule { position: relative; text-align: center; margin-bottom: 16px }
.bixin-bg-body .content .rule .span-base { position: relative; display: inline-block; -webkit-box-sizing: content-box; box-sizing: content-box; width: 14px; height: 14px; background: #fff; border-radius: 2px; border: 1px solid #c1bfbf }
.bixin-bg-body .content .rule .choose { vertical-align: middle; margin-right: 3px }
.bixin-bg-body .content .rule .right { position: absolute; width: 10px; height: 7px; left: 2px; top: 4px }
.bixin-bg-body .content .rule .agree { color: #c1bfbf; font-size: 14px; vertical-align: middle }
.bixin-bg-body .content .rule .agree a { height: 20px; font-weight: 400; color: #d8a85d; line-height: 20px; cursor: pointer }
.bixin-bg-body .content .warn { text-align: center }
.bixin-bg-body .content .warn .warn-logo { color: #ec7356; margin-right: 2px; vertical-align: middle }
.bixin-bg-body .content .warn .tip { height: 17px; font-size: 12px; font-weight: 400; color: #ec7356; line-height: 17px; vertical-align: middle }
.bixin-bg-body .content .hide { display: none }
@media (min-width:768px) {
.bixin-bg-body { height: 3200px }
.bixin-bg-body .content { width: 768px }
.bixin-bg-body .content .item:after { width: 731px }
.bixin-bg-body .content .item { margin-bottom: 87.5px }
.bixin-bg-body .content .item .detail2 { padding-top: 15px; height: 400px }
.bixin-bg-body .content .item .detail3 { height: auto }
.bixin-bg-body .content .item .detail3 .agent-con, .bixin-bg-body .content .item .detail3 .platform-con { margin-bottom: 20px }
.bixin-bg-body .content .demo { right: 13% }
}
@media (min-width:992px) {
.bixin-bg-body { height: 2936px }
.bixin-bg-body .content { width: 992px }
.bixin-bg-body .content .item:after { width: 955px }
.bixin-bg-body .content .item { margin-bottom: 87.5px }
.bixin-bg-body .content .item .detail2 { padding-top: 15px; height: 400px }
.bixin-bg-body .content .item .detail3 { height: auto }
.bixin-bg-body .content .item .detail3 .agent-con, .bixin-bg-body .content .item .detail3 .platform-con { margin-bottom: 20px }
.bixin-bg-body .content .demo { right: 23% }
}
@media (min-width:1200px) {
.bixin-bg-body { height: 2936px }
.bixin-bg-body .content { width: 1200px }
.bixin-bg-body .content .item:after { width: 1170px }
.bixin-bg-body .content .item { margin-bottom: 140px }
.bixin-bg-body .content .item .detail2 { height: 310px }
.bixin-bg-body .content .item .detail3 { height: 620px }
.bixin-bg-body .content .item .detail3 .agent-con, .bixin-bg-body .content .item .detail3 .platform-con { margin-bottom: auto }
.bixin-bg-body .content .demo { right: 33% }
}
.swiper-pagination-custom { position: absolute; bottom: 48px; left: 0; width: 100%; height: 20px; text-align: center; z-index: 6 }
.swiper-pagination-customs { display: inline-block; width: 7px; height: 7px; background: #999; opacity: .4; border-radius: 50%; vertical-align: middle; margin: 0 5px }
.swiper-pagination-customs-active { width: 14px; height: 14px; background-color: transparent; opacity: 1 }
.agent-box { position: relative; width: 391px; height: 254px; background: #fff; border-radius: 8px; margin: 10px auto 0; text-align: center; font-family: PingFangSC-Medium, PingFang SC; -webkit-box-shadow: 0 2px 15px 0 rgba(80,52,19,.15); box-shadow: 0 2px 15px 0 rgba(80,52,19,.15); padding-top: 54px }
.agent-box img { position: absolute; width: 82px; height: 82px; border: 4px solid #fff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; left: 50%; margin-left: -41px; top: -41px }
.agent-box .p-name { height: 25px; font-size: 18px; font-weight: 500; color: #333; line-height: 25px; margin-bottom: 2px }
.agent-box .p-team { height: 17px; font-size: 12px; font-weight: 400; color: #999; line-height: 17px; text-shadow: 0 2px 15px rgba(110,92,65,.15) }
.agent-box .tag-con { display: inline-block; margin-top: 13px; margin-bottom: 23px }
.agent-box .tag-con .tag { padding: 2px 10px; height: 21px; border-radius: 11px; border: 1px solid #333; -webkit-box-sizing: content-box; box-sizing: content-box; line-height: 21px; font-size: 12px; font-weight: 400; color: #333; margin-right: 10px }
.agent-box .tag-con .tag:last-child { margin-right: 0 }
.agent-box .num-con { display: inline-block; width: 336px; height: 68px; background: #f7f7f7; border-radius: 4px }
.agent-box .num-con .data-item { position: relative; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 112px }
.agent-box .num-con .data-item .item-title { height: 12px; font-size: 12px; font-weight: 400; color: #999; line-height: 12px; margin: 14px 0 11px }
.agent-box .num-con .data-item .item-num { height: 20px; font-size: 20px; font-weight: 600; color: #d8a85d; line-height: 20px }
.agent-box .num-con .data-item:after { content: ""; position: absolute; width: 1px; height: 22px; right: 0; top: 23px; background: #eee; border-radius: 1px }
.agent-box .num-con .data-item:last-child:after { display: none }
.work-detail-2021 { margin-top: 132px }
.detail-title-fix { padding: 10px 0 20px; position: fixed; top: 120px; width: 100%; z-index: 2 }
.detail-title-fix h2 { font-size: 30px; line-height: 42px; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.detail-title-fix .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.detail-title-fix .border-btn { margin-right: 24px }
.wd-btn { width: 130px; height: 42px; border-radius: 8px; border: 1px solid #357cd4; line-height: 42px; text-align: center; font-size: 14px; display: inline-block; cursor: pointer }
.wd-btn.border-btn { color: #357cd4 }
.wd-btn.bg-btn { background-color: #357cd4; color: #fff }
.detail-main { margin-top: 142px }
.detail-card { background-color: #fff; color: #525a67; border-radius: 10px; margin-bottom: 20px; overflow: hidden }
.detail-card .hmyk-det-con { margin: 0; padding: 30px 30px 30px 40px }
.detail-card .hmyk-det-task-cover img { border-radius: 8px }
.detail-card .hmyk-det-task-des h4 { font-size: 22px; font-weight: 500 }
.detail-card .hmyk-det-point .points-options .options-l { font-family: AppleSystemUIFont; font-weight: 400 }
.wd-records-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 10px }
.wd-records-box .records-tabs { width: 200px; height: 554px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 24px; position: relative }
.wd-records-box .records-tabs h3 { font-size: 18px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #212b34; line-height: 25px }
.wd-records-box .records-tabs li { margin-top: 40px; font-size: 14px; color: #212b34; cursor: pointer; vertical-align: middle; line-height: 23px }
.wd-records-box .records-tabs li i { font-size: 20px; vertical-align: middle; margin-right: 12px; color: #707070; float: left }
.wd-records-box .records-tabs li.active, .wd-records-box .records-tabs li.active i { color: #357cd4 }
.wd-records-box .records-tabs .wd-btn { position: absolute; bottom: 30px; left: 35px }
.wd-records-box .records-view { width: 960px; min-height: 554px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 24px }
.wd-records-box .records-view .records-table { width: 100%; text-align: center }
.wd-records-box .records-view .records-table .t-head { background: #f6f8fa; border-radius: 3px; color: #87959f }
.wd-records-box .records-view .records-table .t-head .t-col { padding: 12px 0 }
.wd-records-box .records-view .records-table .t-row { display: -webkit-box; display: -ms-flexbox; display: flex }
.wd-records-box .records-view .records-table .t-col { display: inline-block; font-size: 14px }
.wd-records-box .records-view .records-table .col-1 { width: 21% }
.wd-records-box .records-view .records-table .col-2 { width: 22.7% }
.wd-records-box .records-view .records-table .col-3 { width: 33.3%; color: #87959f }
.wd-records-box .records-view .records-table .col-4 { width: 23% }
.wd-records-box .records-view .records-table .t-body { margin-top: 20px; border-top: 2px dashed #e4e9ee; color: #525a67; font-size: 14px }
.wd-records-box .records-view .records-table .t-body .t-col { padding: 15px 0 }
.wd-records-box .records-view .records-table .t-body .t-row { border-bottom: 2px dashed #e4e9ee }
.wd-records-box .records-view .records-table .t-body .error { color: #f36b61; vertical-align: middle; position: relative }
.wd-records-box .records-view .records-table .t-body .error i { vertical-align: middle; margin-left: 8px; cursor: pointer; position: relative }
.wd-records-box .records-view .records-table .t-body .error i:hover .tip { display: block }
.wd-records-box .records-view .records-table .t-body .error .tip { width: 282px; padding: 14px; border-radius: 4px; color: #fff; background: rgba(0,0,0,.6); font-size: 12px; position: absolute; left: -17px; top: 31px; display: none }
.wd-records-box .records-view .records-table .t-body .error .tip:before { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid rgba(0,0,0,.6); position: absolute; top: -7px; left: 20px }
.wd-records-box .records-view .records-table .t-body .action-btn { width: 60px; height: 25px; border-radius: 6px; border: 1px solid #027cdb; color: #027cdb; font-size: 12px; text-align: center; line-height: 25px; display: inline-block; cursor: pointer }
.wd-records-box .records-view .records-table .t-body .action-btn.disabled { border-color: #b1bbc3; color: #b1bbc3; pointer-events: none; cursor: default }
.wd-records-box .records-view .records-table .t-body .action-btn.btn-1 { margin-left: 10px }
.wd-records-box .records-view .records-table.td-3 .col-3 { width: 55% }
.wd-records-box .records-view .records-table.td-5 .col-1, .wd-records-box .records-view .records-table.td-5 .col-2, .wd-records-box .records-view .records-table.td-5 .col-3 { width: 20% }
.wd-records-box .records-view .records-table.td-5 .col-3_5 { width: 15% }
.wd-records-box .records-view .records-table.td-5 .col-4 { width: 25% }
.wd-records-box .records-view .wd-btn { margin: 99px auto 0; display: block }
.wd-records-box .records-view .empty { text-align: center; padding-top: 80px }
.wd-records-box .records-view .empty img { width: 187px; height: 168px; margin-bottom: 24px }
.wd-records-box .records-view .empty p { font-size: 14px; color: #b1bbc3 }
.wd-submit-box { padding-top: 10px }
.wd-submit-box>div { border-radius: 10px }
.wd-submit-box h2 { font-size: 22px; color: #525a67; display: inline-block; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500 }
.wd-submit-box h2 small { color: #87959f; font-size: 14px; margin-left: 14px }
.wd-submit-box .wd-submit-head { padding: 20px 40px; border-bottom: 1px solid #eef3f5 }
.wd-submit-box .wd-submit-head .wd-btn { float: right; width: 96px; height: 38px; line-height: 38px; font-size: 12px }
.wd-submit-box .wd-submit-mode { padding: 40px 55px 50px }
.wd-submit-box .wd-submit-mode h3 { text-align: center; color: #212b34; font-size: 20px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500 }
.wd-submit-box .wd-submit-mode .mode-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 30px }
.wd-submit-box .wd-submit-mode .mode-list .mode-item { width: 330px; height: 200px; background: #fff; border-radius: 20px; border: 2px solid #f6f8fa; cursor: pointer; position: relative }
.wd-submit-box .wd-submit-mode .mode-list .mode-item:hover { -webkit-box-shadow: 0 10px 50px 0 rgba(0,0,0,.05); box-shadow: 0 10px 50px 0 rgba(0,0,0,.05) }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-1 { background: url(https://assets-cdn.lanqb.com/pc/professional/appointment/mode-1.png); background-size: 334px 204px; background-position: -2px -2px }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-1.active { border-color: #bc8c58 }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-1 .extra-btn { background-color: #d0985d }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-1 .extra-btn:hover { background-color: #d6a571 }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-2 { background: url(https://assets-cdn.lanqb.com/pc/professional/appointment/mode-2.png); background-size: 334px 204px; background-position: -2px -2px }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-2.active { border-color: #ea5e72 }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-2 .extra-btn { background-color: #e5596d }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-2 .extra-btn:hover { background-color: #e86f80 }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-3 { background: url(https://assets-cdn.lanqb.com/pc/professional/appointment/mode-3.png); background-size: 334px 204px; background-position: -2px -2px }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-3.active { border-color: #357cd4 }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-3 .extra-btn { background-color: #357cd4 }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.mode-3 .extra-btn:hover { background-color: #4a8ad8 }
.wd-submit-box .wd-submit-mode .mode-list .mode-item .extra { position: absolute; bottom: 20px; left: 28px; color: #525a67; font-size: 14px; right: 20px }
.wd-submit-box .wd-submit-mode .mode-list .mode-item .extra span { color: #b1bbc3; font-size: 12px }
.wd-submit-box .wd-submit-mode .mode-list .mode-item .extra .extra-btn { width: 92px; height: 36px; color: #fff; font-size: 12px; line-height: 36px; text-align: center; border: none; border-radius: 36px }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.disabled { opacity: .5; cursor: not-allowed }
.wd-submit-box .wd-submit-mode .mode-list .mode-item.disabled:hover { -webkit-box-shadow: none; box-shadow: none }
.wd-submit-box .wd-submit-mode .mode-list .mode-item+.mode-item { margin-left: 40px }
.wd-submit-box .mode-box { font-size: 14px; color: #87959f }
.wd-submit-box .mode-box .card { padding: 30px 40px 40px; border-radius: 10px; margin-top: 20px }
.wd-submit-box .mode-box .card.mt_20 { margin-top: -20px }
.wd-submit-box .mode-box .card-2 { border-radius: 10px; margin-top: 20px }
.wd-submit-box .mode-box .card-2.pt_1 { padding-top: 1px }
.wd-submit-box .mode-box .card-title_2 { font-size: 18px; color: #525a67; padding: 20px 40px; border-bottom: 1px solid #e3e9ef }
.wd-submit-box .mode-box .card-title_2>span { line-height: 25px; display: inline-block }
.wd-submit-box .mode-box .card-title_extra { float: right; color: #525a67; font-size: 16px }
.wd-submit-box .mode-box .card-title_extra>span { margin-right: 20px }
.wd-submit-box .mode-box .card-title_extra>a { color: #027cdb; cursor: pointer }
.wd-submit-box .mode-box .form-box { padding-top: 10px }
.wd-submit-box .mode-box .form-box .form-item { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.wd-submit-box .mode-box .form-box .form-item label { color: #525a67; font-size: 14px; vertical-align: middle; margin-right: 10px; position: relative; padding-left: 13px }
.wd-submit-box .mode-box .form-box .form-item label.required:before { content: "\B7"; font-size: 42px; color: #f36b61; height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; position: absolute; left: -8px; top: 0; line-height: 20px }
.wd-submit-box .mode-box .form-box .form-item .form-input { background: #f6f8fa; border-radius: 10px; min-width: 207px; padding: 12px 20px; border: none; display: inline-block; height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 850px; color: #525a67 }
.wd-submit-box .mode-box .form-box .form-item .form-input.title { max-width: 1005px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.wd-submit-box .mode-box .form-box .form-item .form-textarea { background: #f6f8fa; border-radius: 10px; width: 700px; padding: 12px; border: none; display: inline-block; position: relative }
.wd-submit-box .mode-box .form-box .form-item .form-textarea textarea { width: 100%; min-height: 136px; display: block; padding: 0; border: none; background: unset }
.wd-submit-box .mode-box .form-box .form-item .form-textarea .length { color: #b1bbc3; font-size: 12px; position: absolute; right: 10px; bottom: 10px }
.wd-submit-box .mode-box .form-box .form-item .form-textarea .length.error { color: #f36b61 }
.wd-submit-box .mode-box .form-box .form-item .tips, .wd-submit-box .mode-box .form-box .form-item small { color: #87959f; font-size: 12px; margin-left: 12px; -ms-flex-item-align: end; align-self: end }
.wd-submit-box .mode-box .form-box .form-item .error { color: #f36b61; font-size: 12px; margin-top: 10px }
.wd-submit-box .mode-box .form-box .form-item.start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.wd-submit-box .mode-box .form-box .form-item.start label { margin-top: 12px }
.wd-submit-box .mode-box .form-box .form-item.start-2 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.wd-submit-box .mode-box .submit-btn { width: 300px; height: 60px; border-radius: 10px; background-color: #027cdb; color: #fff; text-align: center; line-height: 60px; font-size: 18px; margin: 50px auto 60px; cursor: pointer }
.wd-submit-box .mode-box .submit-btn.disabled { opacity: .2; cursor: not-allowed }
.wd-submit-box .mode-box .submit-btn.loading { pointer-events: none; cursor: default; opacity: .6 }
.wd-submit-box .mode-box .submit-btn.loading:after { width: 26px; height: 26px; background: url(https://assets-cdn.lanqb.com/appointment/loading.png) no-repeat; background-size: 26px 26px; -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; -webkit-animation: rotate 2.5s linear infinite; animation: rotate 2.5s linear infinite; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; content: ""; display: inline-block; margin-left: 20px; vertical-align: middle }
.wd-submit-box .mode-box .rule { padding: 0 40px 40px; line-height: 30px }
.wd-submit-box .mode-box .rule p { font-size: 14px; line-height: 30px }
.wd-submit-box .mode-box .rule li { list-style: inside }
.wd-submit-box .mode-box .verify-btns { margin-top: -36px; text-align: center; margin-bottom: 60px }
.wd-submit-box .mode-box .worksyn-p { display: inline-block; text-align: left; vertical-align: top }
.wd-submit-box .mode-box .worksyn-p .worksyn-span { position: relative; display: block; padding-left: 30px; font-size: 16px; line-height: 22px; color: #212b34; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.wd-submit-box .mode-box .worksyn-p .worksyn-span:before { position: absolute; top: 1px; left: 2px; width: 18px; height: 18px; background-color: #fff; border: 2px solid #027cdb; content: ""; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background .32s ease-in-out; transition: background .32s ease-in-out }
.wd-submit-box .mode-box .worksyn-p .worksyn-span:after { position: absolute; top: 5px; left: 6px; width: 10px; height: 7px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; content: ""; -webkit-transition: all .32s ease-in-out; transition: all .32s ease-in-out }
.wd-submit-box .mode-box .worksyn-p .worksyn-span.active:before { background-color: #027cdb }
.wd-submit-box .mode-box .worksyn-p .worksyn-span.active:after { opacity: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.wd-submit-box .mode-box .worksyn-p em { display: block; margin-top: 6px; font-size: 12px; line-height: 18px; color: #87959f }
.wd-submit-box .mode-box .period-info { width: 428px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #525a67; font-size: 14px; margin: 50px auto -10px; border-radius: 10px; background: #f6f8fa }
.wd-submit-box .mode-box .period-info span { display: inline-block; line-height: 40px }
.wd-submit-box .mode-box .period-info .info .avatar { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px }
.wd-submit-box .mode-box .order-time-stus-none { text-align: center; padding: 40px 0 20px }
.wd-submit-box .mode-box .order-time-stus-none p { margin-top: 5px }
.wd-submit-box .hmyk-job-cover-con { position: relative; width: 200px; height: 150px; border-radius: 10px; overflow: hidden; cursor: pointer }
.wd-submit-box .hmyk-job-cover-con .uploadbox { width: 200px; height: 150px; background: #f6f8fa; border-radius: 10px; border: 1px solid #eef3f5; color: #b1bbc3; font-size: 14px; text-align: center }
.wd-submit-box .hmyk-job-cover-con .uploadbox-plus { position: relative; display: block; width: 4px; height: 58px; margin: 31px auto 10px; background-color: #dee5ed; border-radius: 4px }
.wd-submit-box .hmyk-job-cover-con .uploadbox-plus:after { position: absolute; top: 50%; left: 50%; width: 58px; height: 4px; margin-top: -2px; margin-left: -29px; content: ""; background-color: #dee5ed; border-radius: 4px }
.wd-submit-box .hmyk-job-cover-con .input-file { position: absolute; width: 200px; height: 150px; top: 0; left: 0; opacity: 0; cursor: pointer; z-index: 4 }
.wd-submit-box .hmyk-job-cover-con .tips { -ms-flex-item-align: end; align-self: end; color: #87959f; font-size: 12px; padding-left: 12px }
.wd-submit-box .hmyk-job-cover-con .file-img-contain { width: 200px; height: 150px; border-radius: 10px; background: #eef3f5; overflow: hidden }
.wd-submit-box .hmyk-job-cover-con .file-img-contain img { width: 100%; height: 100% }
.wd-submit-box .hmyk-job-cover-con .file-info { width: 100%; height: 100%; text-align: center; color: #fff; z-index: 3; position: absolute; top: 0; left: 0 }
.wd-submit-box .hmyk-job-cover-con .mask1 { z-index: 3; opacity: 1 }
.wd-submit-box .hmyk-job-cover-con .file-tips p .iconfont { display: block; margin-bottom: 4px; font-size: 30px; line-height: 1; vertical-align: top }
.wd-submit-box .wd-teacher-box { width: 1005px; background-color: #f6f8fa; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 40px 40px 12px }
.wd-submit-box .wd-teacher-box .hmyk-order-teacher { padding: unset }
.wd-submit-box .wd-teacher-box .selectClass .teacher-list li { width: 86px; margin-left: 28px }
.wd-submit-box .wd-teacher-box .selectClass .teacher-list .teacher-name { font-size: 16px; line-height: 22px; margin-top: 11px }
.wd-submit-box .wd-teacher-box .hmyk-order-timer { -webkit-box-shadow: unset; box-shadow: unset; margin-left: 28px }
.wd-submit-box .wd-teacher-box .hmyk-order-timer .fail { cursor: not-allowed }
.wd-submit-box .order-time-stus { display: block }
.wd-submit-box .select-period-list { max-width: 1000px; margin-left: -24px }
.wd-submit-box .select-period-list>p { color: #87959f; font-size: 12px; padding-left: 24px; line-height: 20px }
.wd-submit-box .select-period-list ul .item { width: 226px; border-radius: 10px; background: #f6f8fa; display: inline-block; margin-top: 20px; margin-left: 24px; color: #525a67; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; position: relative; cursor: pointer }
.wd-submit-box .select-period-list ul .item .teacher { vertical-align: middle }
.wd-submit-box .select-period-list ul .item .teacher img { width: 40px; height: 40px; border-radius: 50%; display: inline-block }
.wd-submit-box .select-period-list ul .item .teacher span { font-size: 16px; border-left: 10px; line-height: 40px; vertical-align: middle; width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block }
.wd-submit-box .select-period-list ul .item .time { margin-top: 16px }
.wd-submit-box .select-period-list ul .item .time .left { color: #87959f }
.wd-submit-box .select-period-list ul .item .time .left strong { font-size: 16px; color: #525a67 }
.wd-submit-box .select-period-list ul .item .time .time-cell { width: 120px; height: 40px; border-radius: 6px; display: inline-block; float: right; text-align: center; line-height: 40px; background: #fff; color: #525a67 }
.wd-submit-box .select-period-list ul .item.fail { cursor: not-allowed }
.wd-submit-box .select-period-list ul .item.fail .time-cell { border: 1px solid #e3e9ef; background: #eef3f5; color: #b1bbc3 }
.wd-submit-box .select-period-list ul .item.fail:after { content: "\8FC7\671F"; color: #b1bbc3; font-size: 14px; position: absolute; top: 10px; right: 14px }
.wd-submit-box .select-period-list ul .item.active { background: #027cdb; color: #fff }
.wd-submit-box .select-period-list ul .item.active .time .left, .wd-submit-box .select-period-list ul .item.active .time .left strong { color: #fff }
.wd-submit-box .select-period-list ul .item.active .time-cell { background: hsla(0,0%,100%,.2); color: #fff }
.wd-submit-box .students-list { border-top: 1px solid #eef3f5; position: relative; margin-top: 73px; text-align: center }
.wd-submit-box .students-list h4 { padding: 0 30px; color: #525a67; font-size: 18px; display: inline-block; margin: -13px auto 30px; background: #fff; position: relative; top: -13px }
.wd-submit-box .students-list .list { width: 100%; text-align: left }
.wd-submit-box .students-list .list .item { margin-left: 28px; text-align: center; width: 65px; display: inline-block }
.wd-submit-box .students-list .list .item .avatar { width: 50px; height: 50px; border-radius: 50% }
.wd-submit-box .students-list .list .item .nickname { width: 100%; font-size: 14px; color: #525a67; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.course-subcon.homework .homework-tips-new, .users-study .homework-tips-new { border-radius: 10px; overflow: hidden; color: #525a67; position: relative }
.course-subcon.homework .homework-tips-new .homework-tips-heading, .users-study .homework-tips-new .homework-tips-heading { color: #fff }
.course-subcon.homework .homework-tips-new .homework-tips-heading .heading-state, .users-study .homework-tips-new .homework-tips-heading .heading-state { font-size: 14px }
.course-subcon.homework .homework-tips-new .homework-tips-heading.center, .users-study .homework-tips-new .homework-tips-heading.center { text-align: center }
.course-subcon.homework .homework-tips-new .homework-tips-con, .users-study .homework-tips-new .homework-tips-con { margin-top: 16px }
.course-subcon.homework .homework-tips-new .homework-tips-con .avatar, .users-study .homework-tips-new .homework-tips-con .avatar { border: none }
.course-subcon.homework .homework-tips-new .homework-tips-con h3, .users-study .homework-tips-new .homework-tips-con h3 { color: #525a67; font-weight: 400 }
.course-subcon.homework .homework-tips-new .homework-tips-bot, .users-study .homework-tips-new .homework-tips-bot { border-top: 2px dashed #e3e9ef; color: #525a67 }
.course-subcon.homework .homework-tips-new .homework-tips-bot div, .users-study .homework-tips-new .homework-tips-bot div { font-size: 14px; line-height: 20px; margin-bottom: 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.course-subcon.homework .homework-tips-new .homework-tips-bot .action-btn, .users-study .homework-tips-new .homework-tips-bot .action-btn { width: 160px; height: 42px; border-radius: 10px; border: 1px solid #357cd4; color: #357cd4; text-align: center; line-height: 40px; display: block; margin: 14px auto; background: unset; font-size: 14px }
.course-subcon.homework .homework-tips-new .homework-tips-bot .action-btn:hover, .users-study .homework-tips-new .homework-tips-bot .action-btn:hover { border-color: #479bdf; color: #479bdf }
.course-subcon.homework .homework-tips-new .homework-tips-bot>p, .users-study .homework-tips-new .homework-tips-bot>p { text-align: center; color: #f36b61; margin: 25px 0 15px }
.course-subcon.homework .homework-tips-new.new-tips_1 .homework-tips-heading, .users-study .homework-tips-new.new-tips_1 .homework-tips-heading { background: #357cd4 }
.course-subcon.homework .homework-tips-new.new-tips_2 .homework-tips-heading, .users-study .homework-tips-new.new-tips_2 .homework-tips-heading { background: #53b9e4 }
.course-subcon.homework .homework-tips-new.new-tips_3 .homework-tips-heading, .users-study .homework-tips-new.new-tips_3 .homework-tips-heading { background: #ff8407 }
.course-subcon.homework.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.swal-button { border-radius: 40px }
.odtime-box-left .tab-group-courses .tab-con .tab-row .download { font-size: 12px; font-weight: 400; text-align: center; padding: 0 7px; cursor: pointer }
.odtime-box-left .tab-group-courses .tab-con .tab-row .download.font-blur { color: #027cdb }
.points-con-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.points-con-info, .points-con-info .box .part-title { font-size: 14px; font-family: PingFangSC-Medium, PingFang SC }
.points-con-info .box .part-title { color: #212b34; font-weight: 500; display: block; width: unset }
.points-con-info .blank { display: none }
.points-con-info .left-nav { width: 280px; display: inline-block; background: #fff }
.points-con-info .left-nav .part-title { margin-bottom: 8px }
.points-con-info .left-nav .list-unit .unit-item { margin-bottom: 10px; cursor: pointer }
.points-con-info .left-nav .list-unit .unit-item_name { width: 100%; height: 48px; border-radius: 10px; background: #f6f8fa; line-height: 48px; text-align: center; color: #212b34; position: relative; z-index: 1 }
.points-con-info .left-nav .list-unit .unit-item_name .arrow { color: #b1bbc3; display: inline-block; font-size: 12px; margin-left: 8px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out }
.points-con-info .left-nav .list-unit .unit-item_list { padding: 5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: center top; transform-origin: center top; height: 0; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; will-change: height; background: #fff; position: relative; z-index: 0; opacity: 0 }
.points-con-info .left-nav .list-unit .unit-item_list-item { padding: 15px 0; overflow: hidden; color: #525a67; cursor: pointer }
.points-con-info .left-nav .list-unit .unit-item_list-item .title { max-width: 215px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block }
.points-con-info .left-nav .list-unit .unit-item_list-item em { height: 20px; line-height: 20px; width: 35px; float: right; color: #87959f; vertical-align: middle; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.points-con-info .left-nav .list-unit .unit-item_list-item em .play { display: inline-block; vertical-align: middle; background: url(https://assets-cdn.lanqb.com/pc/professional/new-points_play.png); width: 20px; height: 20px; background-size: 100% 100% }
.points-con-info .left-nav .list-unit .unit-item_list-item.active, .points-con-info .left-nav .list-unit .unit-item_list-item.active em { color: #027cdb }
.points-con-info .left-nav .list-unit .unit-item_list-item.active em .play { background: url(https://assets-cdn.lanqb.com/pc/professional/new-points_play-active.png); background-size: 100% 100% }
.points-con-info .left-nav .list-unit .unit-item.active .arrow { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
.points-con-info .left-nav .list-unit .unit-item.active .unit-item_list { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); height: auto; opacity: 1 }
.points-con-info .right-content { width: 840px; display: inline-block }
.points-con-info.nav-fixed .blank { display: block; width: 100px }
.points-con-info.nav-fixed .left-nav { position: fixed; top: 220px }
.points-con-info.nav-fixed .left-nav .list-unit { height: calc(100vh - 270px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #b1bbc3 #f6f8fa; -ms-overflow-style: none }
.points-con-info.nav-btm .left-nav .list-unit { height: calc(100vh - 390px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #b1bbc3 #f6f8fa; -ms-overflow-style: none }
.points-con-info .hmyk-det-point { padding: unset; margin: unset }
.points-con-info .detail-card .hmyk-det-point .points-options .options-l { font-weight: 500; width: unset; font-family: PingFangSC-Medium, PingFang SC }
.points-con-info .hmyk-det-point .points-options { display: block }
.points-con-info .hmyk-det-point .points-options .part-title { margin-bottom: 10px }
.points-con-info .point-con { background: #fff }
.points-con-info .hmyk-det-point .points-options .points-content-wrap, .points-con-info .hmyk-det-point .points-options .zstl { width: 100%; margin-left: 0 }
.points-con-info .hmyk-det-point .points-options .material-swiper { width: 750px; margin: unset; margin-left: 45px }
.points-con-info .hmyk-det-point .points-options .material-swiper .material-img-bg { padding: 8px; border-radius: 10px }
.points-con-info .hmyk-det-point .points-options .swiper-prev { left: 13px }
.points-con-info .hmyk-det-point .points-options .swiper-next, .points-con-info .hmyk-det-point .points-options .swiper-prev { margin-top: -12px }
.points-con-info .hmyk-det-point .points-options .swiper-next.swiper-button-disabled, .points-con-info .hmyk-det-point .points-options .swiper-prev.swiper-button-disabled { opacity: .5; pointer-events: none }
.points-con-info .hmyk-det-point .points-options .points-video .point-video-list { padding: 0 30px 0 52px }
.points-con-info .hmyk-det-point .points-options .points-video .point-video-list .point-video-item { line-height: 62px }
.points-con-info .hmyk-det-point .points-options .points-video .point-video-list .point-video-item .video-dot { width: 6px; height: 6px; border-radius: 6px; top: 28px }
.points-con-info .hmyk-det-point .points-options .points-video .point-video-list .point-video-item .video-dot:after { height: 50px }
.points-con-info .hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active .video-dot { background: #027cdb; border-color: #dee5ed }
.points-con-info .hmyk-det-point .points-options .points-video .point-video-list .point-video-item.active em { top: 28px }
@media (min-width:768px) {
.points-con-info .left-nav { width: 182px }
.points-con-info .left-nav .list-unit .unit-item_list-item .title { max-width: 110px }
.points-con-info .right-content { width: 520px }
.points-con-info .hmyk-det-point .points-options .points-video { width: 520px; height: 188px }
.points-con-info .hmyk-det-point .points-options .points-video .poly-video { width: 337px; height: 188px }
.points-con-info .hmyk-det-point .points-options .material-swiper { width: 100%; margin-left: 0 }
}
@media (min-width:992px) {
.points-con-info .left-nav { width: 232.4px }
.points-con-info .left-nav .list-unit .unit-item_list-item .title { max-width: 150px }
.points-con-info .right-content { width: 697px }
.points-con-info .hmyk-det-point .points-options .points-video { width: 697px; height: 254px }
.points-con-info .hmyk-det-point .points-options .points-video .poly-video { width: 452px; height: 254px }
.points-con-info .hmyk-det-point .points-options .material-swiper { width: 622px; margin-left: 39px }
}
@media (min-width:1200px) {
.points-con-info .left-nav { width: 280px }
.points-con-info .left-nav .list-unit .unit-item_list-item .title { max-width: 205px }
.points-con-info .right-content { width: 840px }
.points-con-info .hmyk-det-point .points-options .points-video { width: 840px; height: 306px }
.points-con-info .hmyk-det-point .points-options .points-video .poly-video { width: 545px; height: 306px }
.points-con-info .hmyk-det-point .points-options .material-swiper { width: 750px; margin-left: 45px }
}
@-webkit-keyframes heightAnimation { 0% {
height:auto
}
to { height: 0 }
}
@keyframes heightAnimation { 0% {
height:auto
}
to { height: 0 }
}
::-webkit-scrollbar {
width:4px;
background:#f6f8fa;
border-radius:2px;
margin:50px 0
}
::-webkit-scrollbar-thumb {
border-radius:2px;
width:4px;
background:#b1bbc3;
height:20px
}

.addcourseservice .addcourseservice-tc {
    width: 301px;
    height: 283px;
    background: url(../../images/addcourseservice-tc3.png?22221) no-repeat;
    position: absolute;
    bottom: 80px;
    right: 390px;
    text-align: center;
    display: none;
	 cursor:pointer;
}
.addcourseservice .addcourseservice-tc img {
   margin: auto;
    width: 107px;
    height: 107px;
    margin-top: 124px;
    margin-left: -36px;
    border-radius: 5px;
}

.onschd-tc .addcourseservice-tc {
    width: 301px;
    height: 283px;
    background: url(../../images/addcourseservice-tc3.png?22221) no-repeat;
    position: absolute;
    bottom: 53px;
    right: -44px;
    text-align: center;
    cursor: pointer;
    display: none;
    z-index: 5;
}
.onschd-tc .addcourseservice-tc img {
   margin: auto;
    width: 107px;
    height: 107px;
    margin-top: 124px;
    margin-left: -36px;
    border-radius: 5px;
}