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

@font-face {
	font-family:iconfontL;src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot") format("embedded-opentype"),url("../fonts/iconfont.woff2") format("woff2"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg") 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("../images/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("../images/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("../images/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("../images/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 {
		height: 38px
	}
}

.header~.container-wrap {
	margin-top: 60px
}

.ear2023:before {
	position: absolute;
	background: url("../images/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;
    font-size:16px;
	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.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("../images/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("../images/nav-search-bg@2x_pc.png") 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("../images/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("../images/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("../images/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("../images/sider-vip@2x.png") 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("../images/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("../images/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("../images/money@2x.png")
}

.sBar.v5 .sBar-btns.dachu:before {
	width: 78px;
	height: 54px;
	margin-bottom: 3px;
	background-image: url("../images/dachu@2x.png")
}

.sBar.v5 .sBar-btns.news:before {
	width: 65px;
	height: 64px;
	margin-bottom: 3px;
	background-image: url("../images/news@2x.png")
}

.sBar.v5 .sBar-btns.works:before {
	width: 72px;
	height: 61px;
	margin-bottom: 3px;
	background-image: url("../images/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("../images/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("../images/sbar-img2@2x_m.png")
	}
}

@media (min-width:1200px) {
	.sBar.v5 .sBar-btns.lucky-bag-2021 .sBar-btn {
		height: 26px;
		background-image: url("../images/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("../images/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("../images/panel1.png") 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("../images/penel1-btn.png") no-repeat 50%;
	background-size: 100%
}

.sBar.v5 .sidebar-lists .welfare .welfare-popup-activated {
	height: 192px;
	padding: 71px 30px;
	background: url("../images/panel2.png") 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("../images/wx-code-bg@2x_side.png");
	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("../images/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("../images/wx-code-bg2211@2x_pc.png");
	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("../images/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("../images/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("../images/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("../images/hd-footerbg.jpg");
	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("../images/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("../images/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("../images/register-modal.png") 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("../images/weeklyp-icon-2x.png") 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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/h-dachu.png")
}

.home-title.v230607 .home-title-h2.school:before {
	background-image: url("../images/h-school.png")
}

.home-title.v230607 .home-title-h2.course:before {
	background-image: url("../images/h-course.jpg")
}

.home-title.v230607 .home-title-h2.community:before {
	background-image: url("../images/h-community.png")
}

.home-title.v230607 .home-title-h2.news:before {
	background-image: url("../images/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("../images/h-g1.png")
}

.hd-sdes-item.t2:before {
	background-image: url("../images/h-g2.png")
}

.hd-sdes-item.t3:before {
	background-image: url("../images/h-g3.png")
}

.hd-sdes-item.t4:before {
	background-image: url("../images/h-g4.png")
}

.hd-sdes-item.t5:before {
	background-image: url("../images/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("../images/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("../images/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("../images/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(../images/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(../images/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(../images/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(../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/p0-line01_pc.png")
}

.schoolhome .scn-bg.line2 {
	width: 620px;
	height: 570px;
	background-image: url("../images/p0-line02_pc.png")
}

.schoolhome .scn-bg.ring1 {
	width: 254px;
	height: 254px
}

.schoolhome .scn-bg.ring1,.schoolhome .scn-bg.ring2 {
	background-image: url("../images/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("../images/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("../images/p2-icon01@2x_pc.png")
}

.schoolhome .sc-p1 .sc1-item .icon.ic2 {
	background-image: url("../images/p2-icon02@2x_pc.png")
}

.schoolhome .sc-p1 .sc1-item .icon.ic3 {
	background-image: url("../images/p2-icon03@2x_pc.png")
}

.schoolhome .sc-p1 .sc1-item .icon.ic4 {
	background-image: url("../images/p2-icon04@2x_pc.png")
}

.schoolhome .sc-p1 .sc1-item .icon.ic5 {
	background-image: url("../images/p2-icon05v2@2x_pc.png")
}

.schoolhome .sc-p1 .sc1-item .icon.ic6 {
	background-image: url("../images/p2-icon06v2@2x_pc.png")
}

.schoolhome .sc-p1 .sc1-item .icon.ic7 {
	background-image: url("../images/p2-icon07@2x_pc.png")
}

.schoolhome .sc-p1 .sc1-item .icon.ic8 {
	background-image: url("../images/p2-icon08@2x_pc.png")
}

.schoolhome .sc-p1 .sc1-item .icon.ic9 {
	background-image: url("../images/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("../images/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("../images/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("../images/p4-img1@2x.png")
}

.schoolhome .scn-part4 .scn4-item .icon.ic2 {
	background-image: url("../images/p4-img2@2x.png")
}

.schoolhome .scn-part4 .scn4-item .icon.ic3 {
	background-image: url("../images/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("../images/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("../images/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("../images/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("../images/p7-img1@2x.png")
}

.schoolhome .scn-part7 .scn7-item .icon.ic2 {
	background-image: url("../images/p7-img2@2x.png")
}

.schoolhome .scn-part7 .scn7-item .icon.ic3 {
	background-image: url("../images/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("../images/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("../images/c7-n-icon01.png") no-repeat 50%
}

.schoolhome .scn-part8 .rx5-item .icon.e2 {
	background: url("../images/c7-n-icon02.png") no-repeat 50%
}

.schoolhome .scn-part8 .rx5-item .icon.e3 {
	background: url("../images/c7-n-icon03.png") no-repeat 50%
}

.schoolhome .scn-part8 .rx5-item .icon.e4 {
	background: url("../images/c7-n-icon04.png") no-repeat 50%
}

.schoolhome .scn-part8 .rx5-item .icon.e5 {
	background: url("../images/c7-n-icon05.png") 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("../images/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("../images/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("../images/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("../images/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("../images/icon1@2x.png")
}

.ft_osc_v4 .ft-left.icon p span.a2:before {
	background-image: url("../images/icon2@2x.png")
}

.ft_osc_v4 .ft-left.icon p span.a3:before {
	background-image: url("../images/icon3@2x.png")
}

.ft_osc_v4 .ft-left.icon p span.a4:before {
	background-image: url("../images/icon4@2x.png")
}

.ft_osc_v4 .ft-left.icon p span.a5:before {
	background-image: url("../images/icon5@2x.png")
}

.ft_osc_v4 .ft-left.icon p span.a6:before {
	background-image: url("../images/icon6@2x.png")
}

.ft_osc_v4 .ft-left.icon p span.a7:before {
	background-image: url("../images/icon7@2x.png")
}

.ft_osc_v4 .ft-left.icon p span.a8:before {
	background-image: url("../images/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("../images/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("../images/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: rgba(0,0,0,.7)
}

.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("../images/icon1@2x.png")
}

.ft_osc_v5 .ft_left p span.icon.i2:before {
	background-image: url("../images/icon2@2x.png")
}

.ft_osc_v5 .ft_left p span.icon.i3:before {
	background-image: url("../images/icon3@2x.png")
}

.ft_osc_v5 .ft_left p span.icon.i4:before {
	background-image: url("../images/icon4@2x.png")
}

.ft_osc_v5 .ft_left p span.icon.i5:before {
	background-image: url("../images/icon5@2x.png")
}

.ft_osc_v5 .ft_left p span.icon.i6:before {
	background-image: url("../images/icon6@2x.png")
}

.ft_osc_v5 .ft_left p span.icon.i7:before {
	background-image: url("../images/icon7@2x.png")
}

.ft_osc_v5 .ft_left p span.icon.i8:before {
	background-image: url("../images/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: #ff612b
}

.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("../images/btn-1v1@2x.png")
}

.ft_osc_v5 .ft_btn.icon.i_live:before {
	background-image: url("../images/btn-1v3@2x.png")
}

.ft_osc_v5 .ft_btn.icon.i_trolley:before {
	background-image: url("../images/btn-cart@2x.png")
}

.ft_osc_v5 .ft_btn.zx {
	position: relative;
	background: transparent;
	text-align: left;
	text-indent: 9999px
}

.ft_osc_v5 .ft_btn.zx:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 106px;
	height: 56px;
	background: url("../images/btn-try@2x.png") no-repeat bottom;
	background-size: 100% 100%;
	content: "";
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media (min-width:768px) {
	.ft_osc_v5 .ft_btn.zx:before {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}
}

@media (min-width:992px) {
	.ft_osc_v5 .ft_btn.zx:before {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

.ft_osc_v5 .ft_btn.zx.onschd036:before {
	background-image: url("../images/btn-cs@2x.png")
}

.ft_osc_v5 .ft_btn.zx:hover:before {
	-webkit-filter: brightness(1.05);
	filter: brightness(1.05)
}

@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:after {
	position: absolute;
	bottom: 4px;
	right: 23px;
	width: 61px;
	height: 52px;
	background: url("../images/icon-t@2x.png") no-repeat bottom;
	background-size: 100% 100%;
	content: ""
}

.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.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("../images/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("../images/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("../images/flag.png") 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("../images/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("../images/panel4.png") 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("../images/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("../images/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("../images/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("../images/rectangle 34@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("../images/icon01.png")
}

.users-study .study-item .study-tag.lightclass,.users-study .study-item .study-tag.trylearn {
	background-image: url("../images/icon02.png")
}

.users-study .study-item .study-tag.expired {
	background-image: url("../images/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("../images/icon03.png")
}

.users-study .study-item.disabled .study-tag.onfreeze {
	background-image: url("../images/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("../images/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("../images/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("../images/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("../images/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("../images/group 8 copy 2@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("../images/group 8 copy 5@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(../images/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("../images/m1.png") 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("../images/m1.png");
	background-size: 36px 28px
}

.study-item .study-mryh-dk2 .mryh-p .mryh-p-pop_inner.page:before {
	width: 45px;
	background-image: url("../images/m2.png");
	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("../images/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(../images/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(../images/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("../images/icon-1.png");
	background-size: 100% 100%
}

.teac-sidebar .teac-nav ul li .icon-img.icon-2 {
	background: url("../images/icon-2.png");
	background-size: 100% 100%
}

.teac-sidebar .teac-nav ul li .icon-img.icon-3 {
	background: url("../images/icon-3.png");
	background-size: 100% 100%
}

.teac-sidebar .teac-nav ul li .icon-img.icon-4 {
	background: url("../images/icon-4.png");
	background-size: 100% 100%
}

.teac-sidebar .teac-nav ul li .icon-img.icon-5 {
	background: url("../images/icon-5.png");
	background-size: 100% 100%
}

.teac-sidebar .teac-nav ul li .icon-img.icon-6 {
	background: url("../images/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("../images/icon-1_active.png");
	background-size: 100% 100%
}

.teac-sidebar .teac-nav ul li.active .icon-2 {
	background: url("../images/icon-2_active.png");
	background-size: 100% 100%
}

.teac-sidebar .teac-nav ul li.active .icon-3 {
	background: url("../images/icon-3_active.png");
	background-size: 100% 100%
}

.teac-sidebar .teac-nav ul li.active .icon-4 {
	background: url("../images/icon-4_active.png");
	background-size: 100% 100%
}

.teac-sidebar .teac-nav ul li.active .icon-5 {
	background: url("../images/icon-5_active.png");
	background-size: 100% 100%
}

.teac-sidebar .teac-nav ul li.active .icon-6 {
	background: url("../images/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("../images/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("../images/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("../images/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("../images/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("../images/hc-title-left_pc@2x.png")
}

.daniu-hc-title h2:after {
	top: -3px;
	right: -18px;
	width: 63px;
	height: 63px;
	background-image: url("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/dc-tb-proclass.png")
}

.daniu-hc-proClass .daniu-hc-title h3 span {
	width: 104px;
	margin-left: 20px;
	background-image: url("../images/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("../images/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("../images/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("../images/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("../images/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("../images/dc-tb-tips.png")
}

.daniu-hc-tips .daniu-hc-title h3 span {
	width: 125px;
	margin-left: 2px;
	background-image: url("../images/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("../images/hc-int-bg1_pc@2x.png")
}

.daniu-hc-interviews:after {
	top: 464px;
	right: 50%;
	width: 208px;
	height: 321px;
	margin-right: -960px;
	background-image: url("../images/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("../images/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("../images/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("../images/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("../images/dn-view@2x.png")
}

.dc-interview .int-item .int-r .popular span i.zan {
	background-image: url("../images/dn-zan@2x.png")
}

.dc-interview .int-item .int-r .popular span i.comm {
	background-image: url("../images/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("../images/identity-icon_coo.png")
}

.dc-share-details .daniu-info .dc-intr .dc-auther .attention .name.student:after {
	background-image: url("../images/identity-icon_stu.png")
}

.dc-share-details .daniu-info .dc-intr .dc-auther .attention .name.daniu:after {
	background-image: url("../images/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("../images/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("../images/identity-icon_coo.png")
}

.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name.student:after {
	background-image: url("../images/identity-icon_stu.png")
}

.dc-share-details.v2207 .daniu-info .det-guest-left .avatar-name.daniu:after {
	background-image: url("../images/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("../images/weeklyp-icon-2x.png") 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("../images/dn-user-banner_pc.png") no-repeat top;
	background-size: 1920px auto
}

.gurus .gurus-head-info1.guest {
	background-image: url("../images/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(../images/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("../images/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("../images/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("../images/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("../images/home-bg__normal.png") no-repeat top
}

.gurus-head-info_new .gurus-head-info1.daniu {
	background: url("../images/home-bg_gurus.png") no-repeat top
}

.gurus-head-info_new .gurus-head-info1.pro-stu {
	background: url("../images/home-bg_pro-stu.png") 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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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
}