html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
b,
i,
dl,
dt,
dd,
span {
	margin: 0;
	padding: 0;
	/*font-family:16px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;*/
	font-family: "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif;
}

.layui-breadcrumb a span,
pre {
	font: 16px "Microsoft YaHei";
}

.layui-breadcrumb a {
	font-size: 14px;
}

a {
	cursor: pointer;
}

html {
	background: #fff;
}

body {
	background: #f4f4f4;
	color: #616161 !important;
}

.colorfff {
	color: #fff;
}

.colorred {
	color: red;
}

.color3 {
	color: #333;
}

.color6 {
	color: #666;
}

.color9 {
	color: #999;
}

.a1 {
	color: #a1a1a1
}

.colorFF5722 {
	color: #FF5722;
}

.color098AFF {
	color: #098AFF;
}

.colorc1 {
	color: #93999F;
}

.bg0099f6 {
	background: #098AFF;
	border: 0 !important;
}

.bgF7B824 {
	background: #F7B824;
	border: 0 !important;
}

.bgfe7545 {
	border: 0 !important;
}

.bgfe75451 {
	background: #fe7545;
	border: 1px #fe7545 solid !important;
	color: #fff;
}

.bgfe75451:hover {
	color: #fff;
}

.background363533 {
	background: #363533;
}

.color098AFF {
	color: #098AFF;
}

h2 {
	font-size: 22px;
	color: #3b3b3b;
}

.layui-nav-child-menu a {
	padding: 0 !important;
	margin: 0
}

.backgroundfff {
	background: #fff;
}

.backgroundf1 {
	background: #f1f1f1;
}

.backgroundf2 {
	background: #F2F2F2;
}

.backgroundf4 {
	background: #f4f4f4;
}

.backgroundf8 {
	background: #f8f8f8;
}

.backgroundfa {
	background: #fafafa;
}

input {
	box-shadow: none !important;
}

.inlineblock {
	display: inline-block;
}

.block {
	display: block;
}

.none {
	display: none;
}

.clear {
	clear: both;
}

.radius35 {
	border-radius: 35px;
	width: 35px;
	height: 35px;
}

.radius3px {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.marginauto {
	margin: 0 auto;
}

.tcenter {
	text-align: center;
}

.tleft {
	text-align: left;
}

.tright {
	text-align: right;
}

span,
i,
b,
a {
	display: inline-block;
}

.font12 {
	font-size: 12px;
}

.font14 {
	font-size: 16px;
}

.font16 {
	font-size: 16px;
}

.borderea {
	border: 1px #f1f1f1 solid;
}

button {
	background: none;
	border: 0;
}

.lineheight35 {
	line-height: 35px;
}

.lineheight30 {
	line-height: 30px;
}

.indent10 {
	text-indent: 10px;
}

.underline {
	text-decoration: underline;
}

.cursor {
	cursor: pointer;
}

.width1180 {
	width: 1180px;
}

.width1160 {
	width: 1160px;
}

.width1140 {
	width: 1140px;
}

.width1200 {
	width: 1200px;
}

.bold {
	font-weight: 600;
}

.i {
	font-style: normal;
}

.b {
	font-weight: normal;
}

.bordernone {
	border: 0 !important;
}

.mark {
	color: #098AFF;
}

.overflow {
	overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}

.letter1 {
	letter-spacing: 1px;
}

.nofind,
.nofind1 {
	width: 100%;
	text-align: center;
	margin: 50px auto;
	font-size: 16px
}

.nofind1 {
	margin: 5px auto;
}

.nofind2 {
	line-height: 360px;
}

.borderline {
	border-bottom: 1px !important;
}

.img17 {
	width: 17px;
	height: 17px;
}

.img20 {
	width: 20px;
	height: 20px;
}

.img25 {
	width: 25px;
	height: 25px;
}

.margin5r {
	margin-right: 5px;
}

.margin10r {
	margin-right: 10px;
}

.margin15r {
	margin-right: 15px;
}

.margin20r {
	margin-right: 20px;
}

.margin30r {
	margin-right: 30px;
}

.padding5r {
	padding-right: 5px;
}

.padding10r {
	padding-right: 10px;
}

.padding15r {
	padding-right: 15px;
}

.padding20r {
	padding-right: 20px;
}

.padding30r {
	padding-right: 30px;
}

iframe {
	border: none;
}


.margin0t {
	margin-top: 0;
}

.margin2t {
	margin-top: 2px;
}

.margin5t {
	margin-top: 5px;
}

.margin10t {
	margin-top: 10px;
}

.margin15t {
	margin-top: 15px;
}

.margin20t {
	margin-top: 20px;
}

.margin30t {
	margin-top: 30px;
}

.padding0t {
	padding-top: 0;
}

.padding5t {
	padding-top: 5px;
}

.padding10t {
	padding-top: 10px;
}

.padding15t {
	padding-top: 15px;
}

.padding20t {
	padding-top: 20px;
}

.padding30t {
	padding-top: 30px;
}

.margin0b {
	margin-bottom: 0;
}

.margin5b {
	margin-bottom: 5px;
}

.margin10b {
	margin-bottom: 10px;
}

.margin15b {
	margin-bottom: 15px;
}

.margin20b {
	margin-bottom: 20px;
}

.margin30b {
	margin-bottom: 30px;
}

.padding0b {
	padding-bottom: 0;
}

.padding5b {
	padding-bottom: 5px;
}

.padding10b {
	padding-bottom: 10px;
}

.padding15b {
	padding-bottom: 15px;
}

.padding20b {
	padding-bottom: 20px;
}

.padding30b {
	padding-bottom: 30px;
}

.margin5l {
	margin-left: 5px;
}

.margin10l {
	margin-left: 10px;
}

.margin15l {
	margin-left: 15px;
}

.margin20l {
	margin-left: 20px;
}

.margin30l {
	margin-left: 30px;
}

.padding0l {
	padding-left: 0px;
}

.padding5l {
	padding-left: 5px;
}

.padding10l {
	padding-left: 10px;
}

.padding15l {
	padding-left: 15px;
}

.padding20l {
	padding-left: 20px;
}

.padding30l {
	padding-left: 30px;
}

.margintb5 {
	margin: 5px 0;
}

.margintb10 {
	margin: 10px 0;
}

.margintb15 {
	margin: 15px 0;
}

.margintb20 {
	margin: 20px 0;
}

.margintb30 {
	margin: 30px 0;
}

.paddingtb5 {
	padding: 5px 0;
}

.paddingtb10 {
	padding: 10px 0;
}

.paddingtb15 {
	padding: 15px 0;
}

.paddingtb20 {
	padding: 20px 0;
}

.paddingtb30 {
	padding: 30px 0;
}

.marginlr5 {
	margin: 0 5px;
}

.marginlr10 {
	margin: 0 10px;
}

.marginlr15 {
	margin: 0 15px;
}

.marginlr20 {
	margin: 0 20px;
}

.marginlr30 {
	margin: 0 30px;
}

.paddinglr5 {
	padding: 0 5px;
}

.paddinglr10 {
	padding: 0 10px;
}

.paddinglr15 {
	padding: 0 15px;
}

.paddinglr20 {
	padding: 0 20px;
}

.paddinglr30 {
	padding: 0 30px;
}

.margin5 {
	margin: 5px;
}

.margin10 {
	margin: 10px;
}

.margin15 {
	margin: 15px;
}

.margin20 {
	margin: 20px;
}

.padding5 {
	padding: 5px;
}

.padding10 {
	padding: 10px;
}

.padding15 {
	padding: 15px;
}

.padding20 {
	padding: 20px;
}

.padding30 {
	padding: 30px;
}




.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background: #1CABEB;
}

.layui-laypage a,
.layui-laypage span {
	border: 0;
	background: 0
}

.layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after {
	display: none;
}

.layui-nav .layui-nav-item.layui-this a {
	color: #098AFF !important;
	font-weight: bold;
}

.layui-nav {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 0;
}

.layui-nav .layui-nav-item a {
	padding: 0 24px;
	color: #4D555D;
	font-size: 16px;
}

.layui-nav .layui-nav-item a:hover {
	color: #098AFF;
}

.layui-tab-title {
	height: 45px;
}

.layui-tab-title li {
	font-size: 16px;
	min-width: 90px;
	margin-right: 20px;
}

.layui-tab-title .layui-this:after {
	height: 45px;
	border-bottom: 2px solid #098AFF !important;
	top: 1px !important;
}

/*pagination分页结束*/
.pagination {
	padding: 0;
	font-size: 12px;
	margin: 40px 0 0 0 !important;
	width: 100% !important;
	display: block;
	color: #1cabeb;
}

.pagination ul {
	display: inline-block;
	padding: 0 0 30px 0;
}

.pagination li {
	display: inline-block;
	padding: 2px 7px;
}

.pagination li:hover a {
	color: #1cabeb;
	border-bottom: 1px #1cabeb solid;
}

.pagination li.active {
	background: #1cabeb;
}

.pagination li.active a {
	color: #fff;
}

.pull-left {
	display: inline-block;
	float: right;
	margin: 7px 30px 0 0;
}

.pagination li a {
	margin: 0;
	padding: 3px;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	color: #1cabeb;
	text-decoration: none;
	text-align: center;
}

.pagination_right {
	display: block;
	float: left;
}

/*pagination分页结束*/
/*导航*/
body {
	min-width: 1200px !important;
}

/*.site{background:#098AFF;}
.site-nav{height:50px;padding-right:20px;width:1180px;}
.site-nav .layui-nav{
	padding:0;
	height:50px;
}
.site-nav .layui-nav li{
	padding:0 15px;
}
.site-nav .layui-nav li a{
	font-size:16px;
	line-height:50px;
}
.site-nav .layui-nav .layui-nav-item a{
	color:#fff;
}*/
@media (max-width:1100px) {
	.v6-right {
		float: left;
	}
}

@media (min-width:998px) and (max-width:1180px) {
	.site-nav {
		width: 100%;
	}
}

.v6login {
	width: auto;
	color: #098AFF;
	font-size: 16px;
	font-weight: 600;
}

.v6login span:hover {
	color: #098AFF;
}

.v6login img {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	margin-right: 10px;
}

span.line-bar {
	margin: 0 6px;
}

.layui-nav {
	background: none;
	color: #1c1c1c;
}

.layui-nav-child-menu,
.layui-nav-child-menu-search {
	width: 250px;
	padding: 5px 10px 20px !important;
}

.layui-nav-child-menu-search {
	width: 300px;
	z-index: 99999;
}

.layui-nav-child-menu-search select {
	height: 35px;
}

.layui-nav-child-menu-search input[type="text"] {
	line-height: 30px;
}

.layui-nav-child-menu-search input[type="button"] {
	line-height: 33px;
	cursor: pointer;
}

.layui-nav-child-menu span {
	display: block;
}

.layui-nav-child-menu img {
	position: absolute;
	right: 10px;
	top: 18px;
}

.scrollnav {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
}

/*导航结束*/
/*上传资源*/
.resource-box,
.resource-form-box {
	height: auto;
	width: 75%;
}

.resource-box {
	width: 807px;
}

.resource-left {
	width: 170px;
	height: 110px;
	background: #098AFF;
}

.resource-left img {
	height: 70%;
	width: auto;
	display: block;
	margin: 15px auto;
	max-height: 145px;
}

.resource-right {
	width: 510px;
	height: 110px;
	text-align: left !important;
	margin-left: 55px;
}

.resource-right button {
	background: #3dd564;
	padding: 5px 20px;
}

.resource-right .bggreen {
	background: #3dd564;
}

.resource-right .bgblue {
	background: #098AFF;
}

.resource-right .bgblue i {
	width: 20px;
	height: 20px;
	float: left;
	margin: 2px 0 0 20px;
}

.resource_form_box input.layui_input_block {
	width: 410px;
}

.resource_form_box .select-class-box {
	width: 380px;
}

.layui-form-radio i:hover,
.layui-form-radioed i {
	color: #098AFF
}

.progress-box {
	width: 870px;
	margin: 20px 0 0 160px;
}

.progress-box .layui-progress {
	/* width:570px; */
	width: 100%;
	float: left;
	margin: 0;
}

.progress-box .layui-progress-left,
.progress-box .layui-progress-left .layui-progress-bar {
	/* border-radius:20px 0 0 20px;
	-moz-border-radius:20px 0 0 20px;
	-webkit-border-radius:20px 0 0 20px; */
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.progress-box .layui-progress-right {
	/* width:299px;
	border-left:1px #fff solid;
	border-radius:0 20px 20px 0; 
	-moz-border-radius:0 20px 20px 0;
	-webkit-border-radius:0 20px 20px 0; */
	display: none;
}

.progress-box .layui-progress-right .layui-bg-red {
	cursor: pointer;
}

.progress-box .layui-progress-right .layui-progress-bar {
	/* border-radius:0 20px 20px 0; 
	-moz-border-radius:0 20px 20px 0;
	-webkit-border-radius:0 20px 20px 0; */
}

.resource-form input {
	height: 35px;
	line-height: 15px;
}

.convert-fail,
.question-open {
	display: inline-block;
	padding: 20px 50px 0;
	line-height: 30px;
	margin: 0 auto;
}

.convert-fail span {
	font-size: 12px;
	color: #999;
	text-decoration: underline;
	cursor: pointer;
}

/*上传资源结束*/
/*上传资源表单*/
i.redstar {
	color: red;
	font-weight: 600;
}

.layui-textarea,
.layui-input {
	resize: none;
	color: #07111B;
	height: 38px;
	line-height: 15px;
}

.layui-form-label {
	text-align: left;
}

.layui-input-block {
	position: relative;
}

.layui-input-block input.layui-input {
	height: 38px;
	line-height: 15px;
}

.layui_input_block {
	border: 1px solid #e6e6e6;
	background: url("../images/listsan.png") no-repeat 98% center;
	cursor: pointer;
	line-height: 15px;
	text-indent: 10px;
	width: 758px;
	margin: 0;
}

.form-class-box {
	position: relative;
}

.select-class-box {
	position: absolute;
	top: 37px;
	left: 110px;
	z-index: 999;
	width: 80%;
	border: 1px #e6e6e6 solid;
	display: none;
}

.select-class {
	padding: 5px 0 10px;
	line-height: 35px;
	background: #fafafa;
	border-bottom: 1px #f2f2f2 solid;
}

.class-type {
	padding: 0 10px;
	float: left;
	color: #93999F;
}

.class-num {
	float: left;
	width: 630px;
}

.class-num span {
	float: left;
	padding: 0 10px;
	font-size: 16px;
	cursor: pointer;
}

.class-num span:hover {
	color: #098AFF;
}

.select-class input {
	height: 25px;
	border: 1px #D2D2D2 solid;
}

.select-class button {
	background: #FBA905;
	padding: 5px 12px;
}

/*上传资源表单结束*/
/*上传微课*/
.uploadvideo-box {
	margin-top: -5px;
	line-height: 30px;
}

.webuploader-pick {
	line-height: 30px;
	color: #fff;
	width: 100%;
}

.resource-right-btn {
	width: 100px;
	height: 30px;
	float: left;
}

.video-class-box {
	background: #F6F6F6;
}

.video-class-list {
	border-bottom: 1px #f1f1f1 solid;
	margin-bottom: 5px;
}

.classtitle {
	float: left;
	line-height: 28px;
	padding: 0 0 8px 0;
}

.classname {
	float: left;
	width: 86%;
}

.layui-progress {
	width: 870px;
	margin: 15px 0 0 160px;
}

.layui-form-checkbox {
	background: none;
}

.coverimg {
	display: none
}

.video-cover {
	width: 770px;
	height: 110px;
}

.video-coverleftbox,
.video-coverrightbox {
	width: 60%;
	height: 110px;
	float: left;
}

.video-coverrightbox {
	width: 30%;
	float: right;
}

.video-coverleft,
.video-coverright {
	width: 142px;
	height: 100px;
	float: left;
	border: 1px #66afe9 solid;
}

.video-coverright {
	height: 100px;
	width: 1px;
	background: -webkit-linear-gradient(top, #fafafa 0%, #E2E2E2 10%, #E2E2E2 90%, #fafafa 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #E2E2E2 10%, #E2E2E2 90%, #fafafa 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #E2E2E2 10%, #E2E2E2 90%, #fafafa 100%);
	background: -moz-linear-gradient(top, #fafafa 0%, #E2E2E2 10%, #E2E2E2 90%, #fafafa 100%);
	background: linear-gradient(top, #fafafa 0%, #E2E2E2 10%, #E2E2E2 90%, #fafafa 100%);
	float: left;
	border: none;
	margin-right: 8%;
}

.video-coverbtn {
	float: left;
	width: 300px;
}

.video-coverbtn p {
	margin: 0 20px 10px;
	font-size: 12px;
}

.video-coverrightbox p.p1 {
	width: 180px;
	font-size: 12px;
	color: #505050;
	margin: 30px 0 0 20px;
}

.video-coverrightbox .video-coverleft {
	border: 1px #ebebeb solid;
}

.video-coverrightbox .resource-right-btn {
	background: #098AFF;
	width: 86px;
}

/*上传微课结束*/
.uploadresource {
	border-radius: 4px;
	margin-bottom: 20px;
	position: relative;
}

/*微课学习视频列表*/
.videobox {
	height: auto;
	margin: 20px auto;
	/*padding:25px 0 0;*/
}

.img_btn {
	position: relative;
}

.img_btn p,
.img_btn a.res-upload-btn {
	width: 180px;
	height: 45px;
	position: absolute;
	right: 50px;
	top: 40px;
	cursor: pointer;
	z-index: 100;
}

.img_btn a.res-upload-btn {
	background: rgba(255, 255, 255, 0.1);
	opacity: 0.1;
	-ms-opacity: 0.1;
	filter: alpha(opacity=10);
	background: #fff;
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
}

.img_btn img {
	border-radius: 4px;
}

.menu-list {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px #e4ecf3 dashed;
	font-size: 14px;
	color: rgba(0, 0, 0, .56);
}

.menu-list-title {
	float: left;
}

.menu-list-class {
	width: 1140px;
	float: left;
}

.menu-list-class span {
	padding: 0 15px;
	cursor: pointer;
	float: left;
}

.menu-list-class span.active {
	color: #098AFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.menu-list-class span:hover {
	color: #098AFF;
}

.menu-listbox {
	padding: 10px 20px 0;
	width: 1240px;
	border-radius: 4px;
	margin-top: 20px;
	border: 1px solid #e4ecf3;
}

/*新添加*/
.new_class_box {
	float: left;
	width: 860px;
}

.new_class_box1 {
	padding-left: 15px;
	width: 940px;
}

.new_class_box2 {
	width: 890px !important;
	display: inline-block;
}

/*.new_class_box1 .bold{
	float:left;
}*/
/*新添加结束*/
.menu-list-hide {
	padding-left: 134px;
	display: none;
}

.video-list-box {
	float: left;
	width: 1160px;
	padding: 0 0 0 30px;
}

.teather-rank {
	float: right;
	width: 217px;
	margin-top: 25px;
}

/*.video-list,
.video-list-other{
	width:210px;
	float:left;
	height:235px;
	overflow:hidden;
	margin:0 20px 20px 0;
	position:relative;
	background:#fff;
}*/
.video-list {
	width: 212px;
	height: 245px;
	margin: 0 20px 50px 0;
	border-radius: 8px 8px 0 0;
	float: left;
	position: relative;
}

.imgbox {
	width: 210px;
	height: 135px;
	overflow: hidden;
	border: 1px #e6e6e6 solid;
	border-radius: 4px;
	position: relative;
}

.video-list img {
	width: 210px;
	height: 135px;
	max-width: none;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	transition: opacity 500ms, transform 500ms;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 4px;
}

.video-list img:hover {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}

.imgbox span.spanmark,
.mid-img span.spanmark {
	position: absolute;
	right: 1px;
	top: 1px;
	padding: 3px 8px;
	font-size: 12px;
	border-radius: 8px 0 0 0;
	background: rgba(0, 0, 0, .4);
	color: #fff
}

.resource-list h3,
.ucenter-resource h3 {
	padding: 0 15px 0 0;
	width: 99%;
	height: 38px;
	-webkit-line-clamp: 2;
	font-size: 16px !important;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 20px;
	color: #07111B !important;
	word-break: break-all;
}

/*.video-list p{
	padding:0 6px;
	width:90%;
	height:38px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	color:#07111B;
	font-size:16px;
}*/
.video-list h3 {
	padding: 6px 3px 9px;
	width: 90%;
	height: 36px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000 !important;
	font-size: 16px;
	font-weight: 500;
	word-break: break-all;
}

/*.resource-list h3,*/
.info-elip {
	width: 340px;
	height: 35px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ucenter-resource {
	font-size: 16px;
	background: #fff;
}

.ucenter-resource h3 {
	width: 760px;
	height: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.kemu_style {
	color: #93999F;
	margin: 6px 0;
	font-size: 12px !important;
	word-break: break-all;
	word-wrap: break-word;
}

.kemu_style1 {
	color: #93999F;
	margin: 10px 0 0 3px;
	font-size: 12px !important;
}

.kemu_style i.author {
	width: 85px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #07111B !important;
}

.kemu_style a:hover i.author {
	color: #098AFF !important;
}

.kemu_style span {
	margin-left: 10px;
}

.kemu_style img {
	width: 30px;
	height: 30px;
	margin: 5px 10px 5px 0;
	cursor: pointer;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

.kemu_style_6 {
	color: #07111B;
	max-height: 72px;
	overflow: hidden;
}

.kemu_style span.teachertype,
.kemu_style span.studenttype {
	padding: 3px 5px;
	background: #f2eaea;
	color: #9f6060;
	margin: 0;
}

.kemu_style span.studenttype {
	color: #00b33b;
	background: #e5f7eb;
}

.kemu_style span.time {
	margin-left: 40px;
}

.kemu_style span.show-state {
	padding: 3px 10px;
	border: 1px #cfd5d9 solid;
	font-size: 12px;
	color: #d8d8d8;
}

.kemu_style span.show-state.active {
	color: #ff5624;
}

i.kemu_bg {
	padding: 0px 5px 1px 5px;
	color: #fff;
	margin-right: 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

i.yuwen {
	background: #fc6b6b;
}

i.shuxue {
	background: #54d3ff;
}

i.yingyu {
	background: #f3da02;
}

i.kexue {
	background: #ff855c;
}

i.pinde {
	background: #fa98c3;
}

i.yinyue {
	background: #f2a7e6;
}

i.qita {
	background: #fd445a;
}

i.wuli {
	background: #1bd6ec;
}

i.huaxue {
	background: #0dcdc0;
}

i.shengwu {
	background: #8fd017;
}

i.zhengzhi {
	background: #ff6352;
}

i.lishi {
	background: #f9c82d;
}

i.dili {
	background: #8ca9e5;
}

i.tiyu {
	background: #ffa834;
}

i.meishu {
	background: #3786d3;
}

.teather-rank h2 {
	margin: -5px 0 20px 0;
}

.rank-box img {
	width: 48px;
	height: 48px;
	float: left;
	border-radius: 48px;
	-moz-border-radius: 48px;
	-webkit-border-radius: 48px;
	border: 1px #e6e6e6 solid;
}

.rank-num {
	font-weight: 600;
	float: left;
	width: 20px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-right: 10px;
	font-size: 16px;
	color: #93999F;
}

.rank1 {
	color: #f37358;
}

.rank2 {
	color: #2dc1c5;
}

.rank3 {
	color: #98c431;
}

.rank-box a:hover {
	color: #098AFF;
}

.rank-box .rank-p p {
	max-width: 81px;
	white-space: nowrap;
	overflow: hidden;
}

.rank-box .rank-p .name {
	color: #07111b;
}

.rank-box .rank-p {
	float: left;
	color: #93999F;
}

.video-hide,
.resource-hide {
	width: 185px;
	height: 203px;
	padding: 0 10px;
	background: #fff;
	border: 1px #098AFF solid;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.kemu_style_jianjie,
.kemu_style_jianjie_nowrap {
	max-height: 32px;
	display: block;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
}

.kemu_style_jianjie_nowrap {
	max-height: 22px;
	width: 400px;
	font-size: 14px;
}

/*微课学习视频列表结束*/

/*教学资源资源列表*/
.resource-list-box {
	padding: 0 0 50px 0;
	width: 1299px;
	display: block;
}

.resource-list {
	width: 373px;
	height: 147px;
	float: left;
	padding: 20px;
	position: relative;
	background: #fff;
	margin: 10px 20px 10px 0;
	display: inline-block;
	border-radius: 4px;
}

.resource-list:hover .fav-hide-box {
	display: block;
}

.resource-list .title {
	font-size: 18px;
	color: #333;
	width: 290px;
	font-weight: 600;
	margin-bottom: 9px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#pageUtil {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin: 30px 0;
}

i.icon-type {
	width: 18px;
	height: 18px;
	float: left;
	margin: 0 10px 0 0;
}

.fav-hide-box {
	width: auto;
	height: 50px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 10px 0 0;
	display: none;
}

.fav-hide-box .layui-btn {
	background: rgba(0, 0, 0, .35);
}

.resource-list:hover .fav-hide-box {
	display: block;
}

/*资源类型*/
b.ppt,
b.pptx {
	width: 54px;
	height: 54px;
	background: url("/static/shared/images/ppt.png") no-repeat center;
	background-size: 100%;
	margin-right: 21px;
	float: left;
}

b.doc,
b.docx {
	width: 54px;
	height: 54px;
	background: url("/static/shared/images/word.png") no-repeat center;
	background-size: 100%;
	margin-right: 21px;
	float: left;
}

b.pdf {
	width: 54px;
	height: 54px;
	background: url("/static/shared/images/pdf.png") no-repeat center;
	background-size: 100%;
	margin-right: 21px;
	float: left;
}

span.ppt,
span.pptx,
i.ppt,
i.pptx {
	width: 20px;
	height: 20px;
	background: url("/static/shared/images/iconpng3.png") no-repeat center;
	background-size: 100%;
}

span.doc,
span.docx,
i.doc,
i.docx {
	width: 20px;
	height: 20px;
	background: url("/static/shared/images/iconpng4.png") no-repeat center;
	background-size: 100%;
}

span.xls,
span.xlsx,
i.xls,
i.xlsx {
	width: 20px;
	height: 20px;
	background: url("/static/shared/images/iconpng1.png") no-repeat center;
	background-size: 100%;
}

span.pdf,
i.pdf {
	width: 20px;
	height: 20px;
	background: url("/static/shared/images/iconpng2.png") no-repeat center;
	background-size: 100%;
}

span.txt,
i.txt {
	width: 20px;
	height: 20px;
	background: url("/static/shared/images/ico-doctype.png") no-repeat center;
	background-size: 100%;
}

span.mp3,
i.mp3 {
	width: 20px;
	height: 20px;
	background: url("/static/shared/images/iconpng.png") no-repeat center;
	background-size: 100%;
}

span.beike,
i.beike {
	width: 20px;
	height: 20px;
	background: url("/static/shared/images/beike.png") no-repeat center;
	background-size: 100%;
}

/*资源类型结束*/
/*教学资源资源列表结束*/
/*老师个人空间*/
.ucenter-left {
	width: 870px;
	float: left;
	padding: 5px 15px;
	background: #fff;
	border-radius: 4px;
}

.ucenter-video-list {
	margin: 20px 8px 25px;
	height: 245px;
}

.ucenter-right {
	width: 215px;
	background: #fff;
	float: right;
	padding: 0 10px;
	position: relative;
	border-radius: 4px;
}

.ucenter-resource,
.ucenter-livestream {
	padding: 5px 20px;
	margin: 5px 0 15px;
	border: 1px #e6e6e6 solid;
}

/*.ucenter-resource:hover,*/
.ucenter-livestream:hover {
	border: 1px #098AFF solid;
}

.ucenter-resource:hover p,
.ucenter-livestream:hover b {
	color: #098AFF;
}

.ucenter-resource .layui-btn {
	/*margin-top:-10px;*/
}

.ucenter-title {
	border-bottom: 1px solid #e2e2e2;
	padding: 0 10px 0 0;
}

.ucenter-title i {
	color: #098AFF;
	border-bottom: 3px #098AFF solid;
	padding: 0 14px 10px 0;
	margin-bottom: -1px;
	font-size: 16px;
}

.ucenter-title a:hover {
	color: #098AFF;
}

.ucenter-livestream {
	padding: 15px 20px 5px;
}

i.time-img {
	width: 16px;
	height: 16px;
	margin: 8px 5px;
	background: url("../images/time111.png") no-repeat;
}

.live-btn .layui-btn {
	width: 120px;
}

.layui-btn {
	padding: 0 18px;
	font-size: 16px;
}

.layui-btn:hover {
	border: 1px #098AFF solid;
}

.live-red {
	border: 1px #fe7545 solid !important;
	color: #fe7545 !important;
}

.fav-btn-color,
.fav-btn-color:hover {
	color: #00a3fe;
	border: 1px #00a3fe solid;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0;
	margin: 0 0 0 70px;
}

.live-blue,
.blue-btn-color,
.blue-btn-color:hover {
	border: 1px #2aa7e9 solid !important;
	color: #2aa7e9 !important;
}

.live-green,
.green-btn-color,
.green-btn-color:hover {
	border: 1px #70C695 solid !important;
	color: #70C695 !important;
}

.ucenter-teacher img {
	width: 92px;
	height: 92px;
	border-radius: 92px;
	-moz-border-radius: 92px;
	-webkit-border-radius: 92px;
}

.layui-tab-content-ucenter .visitor {
	width: 42px;
	margin-bottom: 8px;
}

.layui-tab-content-ucenter .visitor img {
	float: left;
}

.layui-tab-content-ucenter .visitor1 {
	height: 40px;
}

/*老师个人空间结束*/
/*老师个人空间微课*/
.menu-list-box {
	position: relative;
}

.ucenter-left .menu-list-class {
	width: 800px;
}

.ucenter-layui-form {
	z-index: 99;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}

/*老师个人空间微课结束*/
/*首页*/
.index-video,
.index-resource {
	background: #fff;
	margin-top: 30px;
	padding-top: 30px;
	border-radius: 4px;
}

.index-video:hover,
.index-resource:hover {
	box-shadow: 0 12px 12px #eee;
}

/*.index-live h2,*/
.index-video h2,
.index-resource h2,
.livebox h2 {
	line-height: 24px;
	margin-bottom: 30px;
	padding: 0 26px 0 0;
}

.index-video h2 a:hover,
.index-resource h2 a:hover,
.livebox h2 a:hover {
	color: #098AFF;
}

.index-video h2 i,
.index-resource h2 i,
.livebox h2 i {
	width: 4px;
	height: 25px;
	background: #098AFF;
	margin-right: 27px;
	float: left
}

/*.index-live h2 span,*/
.index-video h2 span,
.index-resource h2 span,
.livebox h2 span {
	font-size: 12px;
	margin-left: 20px;
	float: right;
	line-height: 24px;
}

.index-video h2 span b,
.index-resource h2 span b,
.livebox h2 span b {
	margin-left: 10px;
}

/*.index-live h2 span:hover,*/
.index-video h2 span:hover,
.index-resource h2 span:hover,
.livebox h2 span:hover {
	color: #098AFF;
}

.index-live-left {
	height: 325px;
	width: 930px;
}

.index-live-right {
	width: 210px;
	height: 325px;
	position: relative;
}

.index-live-right span {
	width: 150px;
	height: 40px;
	position: absolute;
	left: 30px;
	bottom: 10px;
	cursor: pointer;
	z-index: 100;
}

.index-live-left-img {
	width: 580px;
	height: 325px;
	position: relative;
}

.index-live-left-info {
	width: 350px;
	height: 325px !important;
}

.index-live-img-list {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.index-live-img-list img {
	width: 580px;
	height: 325px;
}

.live-layer {
	width: 580px;
	height: 185px;
	padding: 70px 0;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .6);
}

.live-layer .kemu_style,
.live-layer h1 {
	color: #fff;
}

.live-layer h1 {
	font-size: 30px;
}

.live-btn-style {
	background: rgba(0, 0, 0, .5);
	padding: 5px 30px;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	margin-top: 20px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.live-onlive {
	color: #FF3D34;
}

/*
.index-live-info*/
.index-live-info-list {
	width: 350px;
	height: 55px !important;
	cursor: pointer;
}

.index-live-info-list.active,
.livestream-info.active {
	background: #eee;
}

.index-live-time {
	width: 100px;
	height: 55px;
	border-right: 1px #dfdfdf solid;
	position: relative;
}

.index-live-time i {
	width: 10px;
	height: 10px;
	background: #dfdfdf;
	position: absolute;
	right: -5px;
	top: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.index-live-time b {
	margin-top: 15px;
	padding: 3px 8px;
	position: relative;
}

.index-live-time i.active,
.index-live-time b.active {
	background: #098AFF;
	color: #fff;
}

/*直播三角*/
.index-live-time b.active:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 8px solid #098AFF;
	right: -8px;
}

/*直播三角*/
.index-live-info {
	line-height: 50px;
	height: 55px;
	cursor: pointer;
}

.index-live-info span {
	width: 176px;
	text-indent: 20px;
}

.index-live-info img {
	margin: 15px 0 0 15px;
	float: right;
}

.kemu-style-resource {
	width: 340px;
	padding: 0 20px 30px 0;
	margin: 0 17px 0 0;
}

.kemu-style-resource i b {
	max-width: 60px;
	overflow: hidden;
	white-space: nowrap;
	margin-right: 2px;
}

.kemu-style-resource i.title {
	width: 180px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #07111B;
	font-size: 16px !important;
	line-height: 20px;
}

.kemu-style-resource i.kemu_bg {
	color: #93999F;
	border: 1px #e6e6e6 solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	max-width: 90px;
	overflow: hidden;
	white-space: nowrap;
}

.last {
	border: none;
}

/*首页结束*/

/*footer*/
footer {
	background: #393D49;
}

.footer {
	height: 190px;
}

.footer-left {
	font-size: 36px;
	color: #fff;
	width: 350px;
	padding: 60px 0 50px;
}

.footer-left img {
	margin-right: 20px;
}

.footer-mid {
	padding: 70px 0 40px;
}

.footer-mid .kemu_style {
	margin: 0 15px;
	cursor: pointer;
}

.footer-right img,
.footer-info {
	width: 120px;
	margin-top: 40px;
	float: right;
}

.footer-info {
	margin-right: 15px;
}

span.app {
	width: 110px;
	height: 32px;
	margin: 15px 0 0;
	cursor: pointer;
}

span.android {
	background: url("../images/download_icon.png") no-repeat 0 -42px;
}

span.ios {
	background: url("../images/download_icon.png") no-repeat;
}

/*footer结束*/

/*直播页面*/
.livestream-info {
	width: 580px;
	height: 54px;
}

.livestream-info-list {
	width: 580px;
}

.livestream-info .index-live-info span {
	width: 420px;
}

label.search input {
	height: 30px;
	width: 300px;
	border: 1px #f1f1f1 solid;
	text-indent: 10px;
}

label.search button {
	height: 30px;
	border-bottom: 1px #098AFF solid;
}

.live-box-left {
	width: 900px;
	height: auto;
}

.live-box-left .layui-tab {
	height: 780px;
}

.live-box-right {
	width: 250px;
	height: 500px;
	background: url("../images/live_course.jpg") no-repeat center;
	position: relative;
}

.layui-tab-title i {
	background: #FF280D;
	line-height: 17px;
	padding: 0 3px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.live-box-right span {
	width: 180px;
	height: 55px;
	position: absolute;
	bottom: 145px;
	left: 20px;
	cursor: pointer;
}

.live-info h3 {
	width: 340px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px;
}

.live-infoucenter {
	width: 600px;
}

.live-infoucenter b {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 600px;
}

.profile-video-list-mid-learninfo-ucenter {
	width: 790px !important;
}

.dynamic-info-ucenter {
	width: 1090px !important;
}

/*直播页面结束*/

/*profile个人中心*/
/*dynamic*/
.profile {
	width: 1200px;
	margin-bottom: 20px;
}

.profile-left {
	width: 185px;
	background: #fff;
	border-radius: 4px;
	padding: 20px;
}

.profile-right,
.v5profile-top {
	width: 915px;
	position: relative;
	padding: 10px 20px;
	border-radius: 4px;
}

.profile-box-left {
	width: 675px;
}

.profile-box-right {
	width: 230px;
}

.dynamic-head-img {
	width: 30px;
	margin: 3px 15px 0 0;
}

.dynamic-head-img img,
.visitor img {
	width: 30px;
	height: 30px;
	display: block;
	margin: 0 auto;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

.dynamic-info {
	width: 90%;
}

.dynamic-info .user-time {
	margin-bottom: 10px;
}

.info-img img {
	width: 100px;
	height: 60px;
}

.visitor {
	width: 52px;
	height: 70px;
	position: relative;
}

.visitor img.visitorimg {
	margin-bottom: 3px;
	border: 1px #fff solid;
}

.visitor .kemu_style {
	margin: 3px 0;
}

.teaimg {
	position: absolute;
	top: 0px;
	right: 2px;
	background: url("../images/tea.png") no-repeat center;
	background-size: 95%;
	width: 40px;
	height: 30px;
}

.layui-nav-tree-myselfstyle {
	background: #fff !important;
	border-radius: 8px !important;
	width: 100%
}

.layui-nav-tree-myselfstyle .layui-nav-item a {
	color: #07111B !important;
}

.layui-nav-tree-myselfstyle .layui-nav-item a:hover {
	background: rgba(255, 255, 255, 0.5);
	color: #098AFF;
}

.layui-nav-tree-myselfstyle .layui-nav-itemed>a {
	background: #fff !important;
	color: #07111B;
}

.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover,
.layui-nav-tree .layui-nav-bar {
	background: #098AFF;
	color: #fff !important;
}

.layui-tab-brief>.layui-tab-title .layui-this {
	color: #098AFF;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 3px solid #098AFF;
}

.thetop {
	width: 20px;
	height: auto;
	padding: 10px;
	background: #fff;
	position: fixed;
	bottom: 100px;
	right: 0;
	cursor: pointer;
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
}

.thetop:hover {
	color: #098AFF;
}

.layui-unselect dl dd.layui-this,
.layui-unselect dl dd:hover {
	background-color: #f2f2f2;
	color: #098AFF;
}

.profile-info a {
	width: 100%;
}

.head-edit-box {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	position: relative;
}

.head-edit-box .head-edit {
	height: 40px;
	width: 90px;
	position: absolute;
	bottom: 0rem;
	background: rgba(63, 63, 63, 0.7);
	color: #fff !important;
	font-size: 0.6rem;
	line-height: 40px;
	text-align: center;
	border-radius: 0 0 90px 90px;
	-moz-border-radius: 0 0 90px 90px;
	-webkit-border-radius: 0 0 90px 90px;
}

.info-main {
	width: 460px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*dynamic结束*/
/*学生学习轨迹*/
.learninfo {
	width: 710px;
}

.learninfobox {
	width: 700px;
	border-left: 1px #f1f1f1 solid;
	padding-left: 35px;
	position: relative;
}

.learninfobox i {
	left: -5px;
}

.profile-learninfo-list-left-time {
	border: 0 !important;
}

/*学生学习轨迹*/
/*videos*/
.profile-video {
	width: 915px;
	position: relative;
}

.profile-video blockquote {
	margin: 0;
	padding: 10px 15px;
	font-size: 14px;
}

blockquote.layui-elem-quote .layui-tab {
	border-bottom: 0;
}

blockquote.layui-elem-quote {
	border-left: 5px #098AFF solid;
}

.layui-elem-quote1 span.layui-breadcrumb .layui-box {
	padding: 0;
}

.layui-elem-quote1 span.layui-breadcrumb {
	width: 700px;
	float: left;
}

span.layui-breadcrumb b {
	padding: 0 10px;
}

span.layui-breadcrumb b.active,
span.layui-breadcrumb b:hover,
span.layui-breadcrumb b:hover i,
span.layui-breadcrumb span:hover {
	color: #098AFF;
	cursor: pointer;
}

span.layui-breadcrumb b i {
	margin: 2px 0 0 10px;
	color: #ddd;
}

.layui-nav-use {
	border-bottom: 1px #f1f1f1 solid;
	background: none;
	padding: 0 0 15px 0;
	margin: 0;
}

.layui-nav-use .layui-nav-item {
	line-height: 40px;
}

.layui-nav-use .layui-nav-item a {
	color: #07111B;
}

.layui-nav-use .layui-nav-item a:hover {
	color: #098AFF;
}

.layui-nav-use .layui-nav-more {
	top: 18px;
	right: -5px;
}

.layui-nav-use .layui-nav-mored {
	top: 10px;
}

.layui-nav-use .layui-nav-bar {
	display: none;
}

.layui-nav-use .layui-nav-child {
	top: 45px;
}

.layui-nav-child-child {
	left: 115px;
	top: -6px !important;
	position: absolute;
	background: #fff;
	border: 1px #d2d2d2 solid;
}

.layui-nav-use-right {
	line-height: 20px;
	height: 20px;
	border: 0;
	width: 50px;
}

.layui-nav-use-right .layui-nav-item {
	line-height: 20px;
}

.layui-nav-use-right .layui-nav-child {
	top: 30px;
	color: #07111B;
}

.profile-video-list {
	font-size: 16px;
	position: relative;
	border-bottom: 1px #f1f1f1 solid
}

.profile-video-list-left {
	width: 50px;
}

.profile-video-list-left .layui-form .layui-input-block {
	margin: 20px 0 0 0;
}

.profile-video-list-mid {
	width: 600px;
}

.profile-video-list-mid-learninfo {
	width: 570px;
}


.mid-img {
	position: relative;
}

.mid-img img {
	width: 144px;
	height: 80px;
	border: 1px #f1f1f1 solid;
}

.mid-img span.spanmark {
	border-radius: 0;
	padding: 3px 5px;
}

.icon_bar_box {
	width: 20px;
	height: 25px;
	margin-top: 2px;
	cursor: pointer;
}

.icon_bar {
	width: 100%;
	height: 2px;
	display: inline-block;
	background: #bbb;
	margin-bottom: 5px;
	float: left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.right-btn {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
}

.layui-form-checked[lay-skin=primary] i {
	border-color: #098AFF;
	background-color: #098AFF;
}

.layui-form-checkbox[lay-skin=primary] {
	margin: 0;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #098AFF;
}

.sort_label span.active {
	color: #098AFF;
}

/*videos结束*/
/*livestream*/
.profile-livestream,
.profile-resource {
	padding: 0;
	margin: 0px;
	border: 0;
}

.profile-livestream:hover,
.profile-resource:hover {
	border: 0;
}

.profile-video-list-left-time,
.profile-learninfo-list-left-time {
	border-right: 1px #f1f1f1 solid;
	width: 120px;
	height: 80px;
	position: relative;
}

.profile-video-list-left-time i,
.learninfobox i {
	width: 10px;
	height: 10px;
	background: #f1f1f1;
	position: absolute;
	right: -6px;
	top: 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.profile-video-list-left-time p,
.profile-learninfo-list-left-time p {
	line-height: 30px;
}

.shared_btn_box {
	width: 15%;
	float: left;
	text-align: center;
	cursor: pointer;
}

.shared_btn {
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 auto 5%;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
}

i.icon_shared_png {
	width: 1.5rem;
	height: 1.5rem;
	line-height: 2.5rem;
	margin: 0.5rem auto;
}

i.wechat1 {
	background: url("../images/shared-icon.png") no-repeat center;
	background-size: 100%;
}

i.wechat_friend {
	background: url("../images/shared-icon4.png") no-repeat center;
	background-size: 100%;
}

i.qq1 {
	background: url("../images/shared-icon1.png") no-repeat center;
	background-size: 100%;
}

i.qqzone {
	background: url("../images/shared-icon2.png") no-repeat center;
	background-size: 100%;
}

i.weibo {
	background: url("../images/shared-icon5.png") no-repeat center;
	background-size: 100%;
}

i.zhuan {
	background: url("../images/zhuan.png") no-repeat center;
	background-size: 100%;
}

.shared-wechat-img {
	display: block;
	margin: 50px auto 30px;
}

.shared-wechat-span {
	padding: 0 30px;
}

/*livestream结束*/
/*resource*/
.profile-resource:hover {
	box-shadow: none;
	cursor: pointer;
}

/*resource结束*/
/*notequestionbox*/
.notequestionbox .dynamic-info {
	width: 830px;
}

/*notequestionbox结束*/

/*基本资料*/
.layui-form-item-area .layui-input-block {
	float: left;
	margin: 0 10px 0 0;
	padding-right: 0;
}

.layui-form-select .layui-input {
	padding-right: 10px;
}

.layui-input-block-bordernone .layui-input,
.layui-input-block-bordernone .layui-textarea {
	border: 0;
}

.profile-data {
	width: 930px;
}

/*基本资料结束*/

/*头像设置*/
.left_photo_up_main {
	float: left;
	position: relative;
}

.right_photo_kind_main {
	float: right;
	position: absolute;
	right: 30px;
	top: 90px;
}

.photo_w_200_size,
.photo_w_100_size,
.photo_w_48_size {
	margin: 15px 0;
	font-size: 12px;
	text-align: right;
}

.photo_w_100_size .photo img {
	height: 100px;
}

.upphoto input[type="button"],
.upphoto input[type="submit"] {
	padding: 4px 15px;
	border: 0;
	cursor: pointer;
}

.myewm {
	margin: 30px 0;
}

.ewm-bgimg {
	width: 200px;
	height: 200px;
	background: url("../images/ewmbgimg.png") no-repeat center;
	background-size: 100%;
	position: relative;
}

.ewm-bgimg img {
	width: 100%;
	max-height: 60px;
	max-width: 60px;
	margin: 0 auto;
}

.old_logo {
	background: #fff;
	padding: 10px;
	border-radius: 3px;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myphoto {
	width: 150px;
	height: 150px;
}

.myphoto img {
	width: 120px;
	height: 120px;
	margin-top: 20px;
}

.old_logo img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

/*我的班级*/
.class-list {
	border: 1px #DFE2E6 solid;
	width: 210px;
	height: 100px;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	margin: 0 20px 20px 0;
}

.class-list .layui-nav-child p {
	padding: 0 10px;
}

.class-list .layui-nav-child p:hover {
	background: #f2f2f2;
	color: #098AFF;
	cursor: pointer;
}

.class-info p {
	font-size: 12px;
	margin: 0 0 3px 20px;
}

.class-info-hide {
	border: 0;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: none;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

.class-list p i {
	font-size: 50px;
}

.class-list p:hover,
.class-list p:hover i {
	color: #098AFF;
	cursor: pointer;
}

.layui-table a {
	text-decoration: underline;
}

.myclass-title {
	border-bottom: 1px #f1f1f1 dashed;
	cursor: pointer;
	line-height: 35px;
	font-size: 16px;
}

.myclass-title b.linebar {
	color: #098AFF;
}

.myclass-title i {
	width: 16px;
	height: 16px;
	margin-top: 8px;
	background: url("../images/listsan.png") no-repeat 98% center;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.myclass-title i.active {
	-webkit-transform: rotate(0deg);
}

.myclass-title:hover b {
	color: #098AFF;
}

.myclass-list-box {
	padding: 0 12px 10px 0;
	max-height: 300px;
	overflow-x: hidden;
	display: none;
}

.myclass-list {
	line-height: 30px;
	width: 100%;
	height: 30px;
}

.myclass-list span {
	max-width: 80px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.myclass-list img {
	width: 20px;
	height: 20px;
	margin: 5px 10px 0 0;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.myclass-list i {
	max-width: 50px;
}

b.teacherimg {
	width: 16px;
	height: 16px;
	background: url("../images/manager_super.png") no-repeat 0 5px;
	background-size: 80%;
	margin: 0 0 0 5px;
}

.add-class {
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.addcontent,
.editcontent,
.applycontent {
	padding: 10px 15px;
}

.addcontent input,
.addcontent textarea,
.editcontent input,
.editcontent textarea,
.applycontent input,
.applycontent textarea {
	height: 35px;
	line-height: 15px;
	margin-bottom: 10px;
	border: 1px #DFE2E6 solid;
	text-indent: 10px;
	width: 100%;
	border-radius: 3px;
}

.addcontent textarea,
.editcontent textarea,
.applycontent textarea {
	resize: none;
	height: 40px;
	padding: 10px 0
}

/*我的班级*/
/*profile个人中心结束*/

/*resource-detail资源详情*/
.resource-detail,
.resource-detail-box {
	width: 1120px;
	border-radius: 4px;
}

.resource-detail-box {
	margin: 20px auto;
}

.resource-left-detail-content {
	width: 850px;
}

.resource-right-detail-content {
	width: 240px;
	font-size: 16px;
}

.resource-container {
	width: 100%;
	height: 440px;
	background: #eee;
}

.resource-detaillist {
	border: 1px #f1f1f1 solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.resource-detaillist i {
	margin: 3px 10px 0 0;
}

.resource-detaillist b {
	width: 180px;
	white-space: nowrap;
	overflow: hidden;
}

.resourcedetailbox .dynamic-info {
	width: 790px;
}

/*resource-detail资源详情结束*/

/*app-download下载页面*/
.download-one {
	width: 100%;
	height: 670px;
	background: #23b9ff;
}

.download-two {
	width: 100%;
	height: 610px;
	background: #fff;
}

.download-three {
	width: 100%;
	height: 680px;
	background: #f5fbff;
}

.download-four {
	width: 100%;
	height: 620px;
	background: #fff;
}

.download-box {
	width: 1080px;
	margin: 0 auto;
	padding: 3% 0;
}

.download-one-right {
	width: 41%;
	height: 580px;
	float: right;
	background: url("../images/down001.png") no-repeat center;
	background-size: 100%;
}

.download-one-left {
	width: 47%;
	float: left;
	color: #fff;
}

.download-one-left-top {}

.download-one-left-top p.p1 {
	font-size: 84px;
}

.download-one-left-top p.p2 {
	font-size: 42px;
	margin-bottom: 55px;
}

.download-one-left-btm {
	margin-left: 3%;
}

.left-btm-left,
.left-btm-right {
	height: 320px;
	width: 48%;
}

.left-btm-right {
	width: 43%;
}

.download-one-left-btm img {
	margin: 0 0 13px 12px;
}

p.down-btn {
	width: 124px;
	height: 46px;
	border: 1px #fff solid;
	border-radius: 22px;
	margin-bottom: 17px;
	font-size: 20px;
	padding-left: 54px;
	line-height: 50px;
	cursor: pointer;
}

p.down-btn a {
	color: #fff;
}

p.left-text1 {
	font-size: 18px;
	margin: 0 0 32px 4px;
}

p.ios-img {
	background: url("../images/down004.png") no-repeat 5% center;
}

p.android-img {
	background: url("../images/down005.png") no-repeat 5% center;
}


.download-two-left {
	width: 47%;
	padding: 7% 0;
}

.download-two-right {
	width: 49%;
	height: 500px;
	color: #37ccff;
	padding: 4% 0;
}

.download-two-left img,
.right-img2 {
	display: block;
	margin: 0 auto;
}

.download-two-right p.p1 {
	font-size: 58px;
	line-height: 40px;
	margin-bottom: 38px;
}

.download-two-right p.p2 {
	font-size: 32px;
}

.download-two-right p i {
	width: 140px;
	font-style: normal;
}

.download-two-right p i img {
	margin: 3px 10px 0 0;
}

.right-img2 {
	margin-top: 75px;
}

.right-img3 {
	margin-top: 30px;
}

.right-img1 {
	margin-top: 30px;
}



/*site-other其他网页共用*/
.site-jsyy {
	height: 80px;
	background: #fff;
}

.site-jsyy1,
.layui-nav-jsyy {
	background: #393D49;
}

.video-list-other {
	height: 210px;
	border: 0;
}

.video-list-other p {
	margin: 8px 0;
	padding: 0;
}

.site-nav-left {
	width: 365px;
	height: 60px;
	margin-left: 20px;
}

.site-nav-right {
	width: 450px;
	line-height: 80px;
}

.site-nav-right input {
	height: 30px;
	width: 200px !important;
	text-indent: 10px;
	line-height: 30px;
}

.site-nav-right img {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	margin-left: 50px;
}

.site-nav-right div {
	float: right;
}

.layui-nav-jsyy li {
	padding: 0 20px;
	margin-left: 0;
}

.layui-nav-jsyy li.active {
	background: #008CD6;
}

.layui-nav-jsyy li.active a {
	color: #fff;
}

.banner-img1-jsyy {
	background: url("../images/banner1.jpg") no-repeat center;
}

.banner-img2-jsyy {
	background: url("../images/banner2.jpg") no-repeat center;
}

.banner-img3-jsyy {
	background: url("../images/banner3.jpg") no-repeat center;
}

.school-introduce-jsyy p {
	width: 1180px;
	height: 470px;
	background: url("../images/jsyy-img.jpg") no-repeat center bottom;
}

.introduce-jsyy {
	width: 1140px;
	margin: 30px auto;
	font-size: 22px;
	line-height: 45px;
	color: #3d5154;
}

/*site-jsyy*/

/*北京市第20中学*/
.banner-img1-eszx {
	background: url("../images/banner1-eszx.jpg") no-repeat center;
}

.banner-img2-eszx {
	background: url("../images/banner2-eszx.jpg") no-repeat center;
}

/*北京市第20中学*/
/*北京市54中学*/
.banner-img1-54zx {
	background: url("../images/banner1-54zx.jpg") no-repeat center;
}

.banner-img2-54zx {
	background: url("../images/banner2-54zx.jpg") no-repeat center;
}

.banner-img3-54zx {
	background: url("../images/banner3-54zx.jpg") no-repeat center;
}

/*北京市54中学*/
.data {
	width: 980px;
	height: auto;
	margin: 30px auto 0;
	padding: 30px;
	background: #fff;
	padding-bottom: 50px;
}

.data .data_main {
	height: auto;
}

.first_data {
	width: 750px;
	height: 500px;
	margin: 20px auto;
}

.first_data p i {
	color: #098AFF;
}

.first_data p {
	line-height: 30px;
}

.first_data p b {
	padding: 1px 5px;
	background: #eaeaea;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 10px;
	font-size: 12px;
}

.first_data p b:hover a {
	color: #098AFF;
}

.login_big {
	border-top: 1px #eaeaea solid;
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}

.login_box {
	margin-top: 20px;
	height: auto;
	width: 100%;
}

.login_box label {
	width: 350px;
	height: 45px;
	display: inline-block;
	margin-bottom: 5px;
	position: relative;
	border-radius: 3px;
}

.login_box label input {
	width: 300px;
	height: 35px;
	margin-top: 3px;
	text-indent: 10px;
	color: #07111B !important;
	line-height: 35px;
	border: 1px #eaeaea solid;
}

.login_box label input[placeholder] {
	color: #07111B;
}

.login_box label.check {
	border: none;
	margin-top: 10px;
}

.login_box label input.checkbox {
	width: 15px;
	height: 15px;
	margin: 5px;
	float: left;
}

.login_box label input[value] {
	color: #93999F !important;
}

.login_box label.label_radio {
	width: 112px;
	border: none;
}

.login_box label input.radio {
	width: 15px;
	float: left;
	margin-right: 10px;
}

.login_box label i {
	width: 18px;
	height: 18px;
	margin: 12px;
	float: left;
}

.login_box label span {
	float: right;
	position: absolute;
	right: 5px;
	top: 11px;
	/*color:red;*/
	cursor: pointer;
}

.login_box label span:hover {
	text-decoration: underline;
}

.login_box button {
	width: 350px;
	height: 45px;
	background: #F55555;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
}

.login_box p.fast {
	width: 350px;
	height: 45px;
	border: 1px #449BE2 solid;
	border-radius: 3px;
	margin-top: 30px;
	line-height: 45px;
	color: #449BE2;
	cursor: pointer;
}

.login_box p.fast i.fast {
	width: 20px;
	height: 20px;
	margin: 12px 10px 0 100px;
	float: left;
	background: url("../images/main_icon.png") no-repeat -100px -113px;
}

.login_box label button.code,
.yzm_img {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 32px;
	margin: 5px 1px;
}

.login_box label button.code.gray {
	background: #ddd;
}

.yzm_img {
	margin: 0 5px;
}

.yzm_img img {
	height: 90%;
	width: auto;
}

.login_box1 {
	width: 300px;
	height: 350px;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
}

.login_box1 label {
	width: 300px;
}

.login_box1 button {
	width: 300px;
	letter-spacing: 3px;
}

.login_box1 p {
	font-size: 20px;
	color: #098AFF;
	margin: 0 10px 10px 0;
}

.login_box2 {
	float: left;
}

.login_box1 label.check {
	margin: 10px 0;
	height: 20px;
}


/*平台统计*/
.profile-data-statistical {
	width: 830px;
}

.layui-input-block-statistical {
	margin-bottom: 50px;
}

.profile-data-count {
	width: 100%;
}

.layui-table-count {
	float: left;

}

.layui-table-count th,
.layui-table-count tr,
.layui-table-count td {
	text-align: center !important;
	padding: 5px;
}

.layui-table-count tr.count-tr td:nth-child(2) {
	width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}

.layui-table-count tr.count-tr td:nth-child(4) {
	width: 20%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}

/*平台统计*/

/*v3-index首页改版*/
.v3-index {
	height: 490px;
	font-size: 16px;
	color: #07111B;
}

.v3-index-left {
	width: 474px;
	height: 490px;
	margin-right: 20px;
	background: #fff;
	border-radius: 4px;
}

.v3-index-right {
	width: 242px;
	height: 490px;
	background: #fff;
	border-radius: 4px;
}

.v3-index-left-box {
	border-bottom: 1px #eaeaea solid;
	height: 80px;
	padding: 20px 30px;
}

.v3-index-left-box-left {
	width: 44px;
	height: 80px;
	text-align: center;
	font-size: 18px;
	line-height: 45px;
}

.v3-index-left-box-right {
	height: 80px;
	width: 325px;
	overflow: hidden;
}

.v3-index-left-box-right span {
	width: 90px;
	height: 28px;
	text-align: left;
	line-height: 28px;
	margin-left: 15px;
	cursor: pointer;
	position: relative;
	float: left;
}

.v3-index-left-box-right span input {
	float: left;
	width: 73px;
	height: 28px;
	line-height: 28px;
	border: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.v3-index-left-box-right span:hover {
	color: #098AFF;
}

.v3-index-left-box-right span i {
	float: right;
	color: #098AFF;
	margin-top: 2px;
}

button.key-edited-btn,
button.key-edit-btn {
	margin: 10px 0 0 10px;
	float: right;
}

button.add-btn {
	padding: 2px 12px;
	cursor: pointer;
	background: #34A8FF;
	color: #fff;
	margin: 4px 15px;
	border-radius: 3px;
	font-size: 12px;
}

.v3-banner-top,
.v3-banner-btm {
	position: relative;
}

.v3-banner-top-box {
	width: 444px;
	height: 325px;
	margin-bottom: 25px;
}

.v3-banner-btm-box {
	width: 444px;
	height: 140px;
}

.v3-banner-btm-box a {
	float: left;
}

.v3-bannertop {
	width: 444px;
	height: 330px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.v3-bannerbtm {
	width: 444px;
	height: 140px;
	position: absolute;
	display: none;
}

.v3-banner1 {
	background: url("../images/v3-banner01.png") no-repeat center;
	border-radius: 4px;
}

.v3-banner2 {
	background: url("../images/v3-banner03.jpg") no-repeat center;
	border-radius: 4px;
}

.v3-banner3 {
	background: url("../images/v3-banner02.png") no-repeat center;
	border-radius: 4px;
}

.v3-banner4 {
	background: url("../images/v3-banner04.jpg") no-repeat center;
	border-radius: 4px;
}

.v3-banner5 {
	background: url("../images/v3-banner05.jpg") no-repeat center;
	border-radius: 4px;
}

.v3-banner6 {
	background: url("../images/v3-banner06.png") no-repeat center;
	border-radius: 4px;
}

.circle {
	width: auto;
	height: 5px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.circle span {
	width: 5px;
	height: 5px;
	background: #fff;
	float: left;
	margin: 0 5px;
}

.circle span.active {
	background: #51C0FF;
}

.v3-video-list-box {
	width: 1200px;
}

.index-resource-list {
	padding: 0 0 0 10px;
}

/*个人空间*/
.user-p {
	background: #098AFF;
	width: auto;
	height: 32px;
	margin-left: 10px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	border-radius: 20px;
	padding: 0 7px;
	border: 3px #5ea2b9 solid;
	position: absolute;
	left: 80px;
	bottom: 0;
}

.user-p1 {
	width: auto;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	border: 1px #fff solid;
	font-size: 14px;
	border-radius: 4px;
	padding: 2px 9px;
}

.user-zone {
	width: 165px;
	height: 165px;
	margin: 20px auto 0;
	background: #fafafa;
	border: 1px #f2f2f2 solid;
	text-align: center;
	overflow: hidden;
}

.user-zone img {
	width: 125px;
	height: 135px;
	border-radius: 0;
	display: block;
	margin: 10px auto 0;
}

.gray-bar {
	width: 235px;
	height: 20px;
	background: #f4f4f4;
	margin-left: -10px;
}

i.see {
	width: 16px;
	height: 16px;
	background: url("../images/see_one.png") no-repeat center;
	background-size: 100%;
	margin: -1px 4px;
}

.star-span {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url("../images/star.png") no-repeat center #B0B0B0;
	background-size: 60%;
	border-radius: 3px;
	cursor: pointer;
}

span.fav-active {
	background-color: #FF6838;
	background-size: 60%;
}

/*v3-index首页改版*/


/*打赏*/
.account {
	line-height: 64px;
	border-bottom: 1px #eaeaea solid;
	font-size: 16px;
}

.account-name {
	padding: 0 15px;
	margin-right: 25px;
}

.transaction {
	padding: 10px 15px;
	font-size: 16px;
}

.recharge {
	margin: 0 auto;
	background: #fff;
	padding: 20px 35px 0;
}

.recharge-money,
.recharge-money1 {
	display: block;
	margin-bottom: 20px;
}

.recharge-money span,
.recharge-money1 span {
	border: 1px #ccc solid;
	padding: 6px 20px;
	border-radius: 3px;
	margin: 0 0 10px 15px;
	cursor: pointer;
	position: relative;
	font-size: 16px;
}

.recharge input {
	width: 30px;
	display: none;
}

.recharge .recharge-money i {
	color: #ECA500;
	font-style: normal;
	margin-left: 15px;
	line-height: 26px;
}

.recharge .recharge-money cite {
	color: #999;
	font-style: normal;
	float: right;
	line-height: 26px;
}

.recharge-money b,
.recharge-money1 b {
	font-size: 20px;
}

.recharge-money span.active,
.recharge-money1 span.active {
	border: 1px #fe5741 solid;
	color: #fe5741;
}

.recharge-money span i,
.recharge-money1 span i {
	width: 0;
	height: 0;
	border-bottom: 18px solid red;
	border-left: 18px solid transparent;
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
}

.recharge-money span b,
.recharge-money1 span b {
	color: #fff;
	position: absolute;
	right: 0;
	bottom: -1px;
	font-weight: normal;
	font-size: 12px;
	display: none;
}

.recharge-money span p,
.recharge-money1 span p {
	display: inline-block;
}

.recharge-money-box {
	width: 330px;
}

.liverecharge .sclass {
	font-size: 18px;
	color: #FF5722;
	margin: 0 0 30px 15px;
}

.liverecharge .infos {
	padding: 20px;
	line-height: 35px;
}

/* .recharge-moneys {
	padding: 0;
}

.recharge-moneys span {
	border: 1px #eee solid;
	height: auto;
	border-radius: 6px;
	padding: 15px 0 0 !important;
	width: 170px !important;
}

.recharge-moneys span p {
	width: auto;
	height: 30px;
	background: #eee;
	border-radius: 0 0 6px 6px;
	margin-top: 10px;
	padding: 10px 0;
	display: flex;
	font-size: 20px;
	justify-content: center;
	align-items: baseline;
}

.recharge-moneys span p.active {
	background: #fe5741;
	color: #fff;
}

.recharge-moneys span p.active b {
	color: #fff;
}

.recharge-moneys span p b {
	display: inline-block;
	color: #777;
	line-height: 30px;
	text-decoration: line-through;
	font-size: 14px;
	float: inherit;
	position: inherit;
	margin-left: 10px;
} */
.v2liveprice {
	display: flex;
	flex-wrap: wrap;
}

.v2livepricebox {
	border: 2px #eaeaea solid;
	display: flex;
	margin: 0 15px 15px 0;
	cursor: pointer;
	flex-direction: row;
}

.v2livepricebox.active {
	border: 2px #fe5741 solid;
}

.v2liveprice .div {
	flex-direction: row;

}

.v2liveprice .div1 {
	padding: 5px 20px 5px 30px;
	font-size: 24px;
	color: #333;
	font-weight: 600;
	display: flex;
	justify-content: start;
	align-items: center;
	width: 170px;
}

.v2liveprice .div1 p {
	flex-direction: row;
}

.v2liveprice .div1 .p1 {
	font-size: 12px;
	color: #666;
	font-weight: normal;
	margin-left: 10px;
	width: 50px;
}

.v2liveprice .div1 .p1 b {
	font-size: 12px;
	font-weight: normal;
}

.v2liveprice .div2 {
	padding: 5px 0 5px 20px;
	background: #EAEAEA;
	font-size: 14px;
	width: 210px;
}

.v2liveprice .div2.active {
	background: #fe5741;
	color: #fff;
}

.v2liveprice .div2 div {
	width: 100%;
	display: flex;
}

.v2liveprice .div2 div p {
	flex-direction: column;
	margin-right: 20px;
}

.v2liveprice .div2 .div3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;

}

.v2liveprice .div2 .div4 {
	text-decoration: line-through;
}

.sweep-code {
	margin: 0 auto;
	width: 400px;
	display: flex;
	justify-content: space-around;
	align-items: center;

}

.sweep-code .ali_qrcode,
.sweep-code .wx_qrcode {
	width: 170px;
	height: 185px;
}

.sweep-code p {
	font-size: 14px;
	text-align: center;
	display: block;
}

.sweep-code img {
	display: block;
	margin: 10px auto 0;
	width: 150px !important;
	height: 150px !important;
}

.pay-account .layui-table th {
	font-size: 16px !important;
	font-weight: normal;
}

.pay-account .layui-table td {
	font-size: 16px;
}

.choosepay {
	border-top: 1px #e6e6e6 solid;
	padding: 10px 18px 20px;
}

.choosepay p {
	color: #93999F;
	font-size: 16px;
	text-align: left;
	margin-bottom: 10px;
}

.choosepay-list {
	height: 34px;
	width: 100%;
	margin: 0 0 1rem 0;
	font-size: 16px;
	display: inline-block;
}

.choosepay-list .img1 {
	width: 1.8rem;
	height: 1.8rem;
	background: url("/mobilepage/images/yue.png") no-repeat center;
	background-size: 100%;
	float: left;
}

.choosepay-list .img2 {
	width: 1.8rem;
	height: 1.8rem;
	background: url("/mobilepage/images/wechat.png") no-repeat center;
	background-size: 100%;
	float: left;
}

.choosepay-list .img3 {
	width: 1.8rem;
	height: 1.8rem;
	background: url("/mobilepage/images/zfb.png") no-repeat center;
	background-size: 100%;
	float: left;
}

.choosepay-list .money {
	float: left;
	margin: 0 0 0 1rem;
	line-height: 1.8rem;
}

.choosepay-list .money span {
	color: #93999F;
	font-size: .8rem;
	margin: 0 0 0 .5rem;
}

.choose {
	border: 1px #c2c7ca solid;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 1.4rem;
	background: #fff;
	float: right;
	margin-top: .1rem;
}

.choose.active {
	border: 1px #ff280c solid;
	box-shadow: 0 0 0 3px #fff inset, 10px 10px 10px 10px #ff280c inset;
}

#payment {
	background: #ff280c;
	width: 100%;
	line-height: 2.6rem;
	border-radius: 2.6rem;
	color: #fff;
	font-size: 18px;
	border: 0;
	cursor: pointer;
}


/*快进*/








/*音频播放器*/
.audioplayer {
	height: 2.5em;
	color: #fff;
	border: 1px solid #222;
	position: relative;
	z-index: 1;
	background: #07111B;
	margin: 18% 20%;
	display: inline-block;
}

.audioplayer>div {
	position: absolute;
}

.audioplayer-playpause {
	width: 2.5em;
	/* 40 */
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	left: 0;
}

.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
	border-right: 1px solid #555;
	border-right-color: rgba(255, 255, 255, .1);
}

.audioplayer-mini .audioplayer-playpause {
	width: 100%;
}

.audioplayer-playpause:hover,
.audioplayer-playpause:focus {
	background-color: #222;
}

.audioplayer-playpause a {
	display: block;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
	width: 0;
	height: 0;
	border: 0.5em solid transparent;
	border-right: none;
	border-left-color: #fff;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -0.25em;
}

.audioplayer-playing .audioplayer-playpause a {
	width: 0.75em;
	/* 12 */
	height: 0.75em;
	/* 12 */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.375em 0 0 -0.375em;
	/* 6 */
}

.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after {
	width: 40%;
	height: 100%;
	background-color: #fff;
	content: '';
	position: absolute;
	top: 0;
}

.audioplayer-playing .audioplayer-playpause a:before {
	left: 0;
}

.audioplayer-playing .audioplayer-playpause a:after {
	right: 0;
}

.audioplayer-time {
	width: 4.375em;
	/* 70 */
	height: 100%;
	line-height: 2.375em;
	/* 38 */
	text-align: center;
	z-index: 2;
	top: 0;
}

.audioplayer-time-current {
	border-left: 1px solid #111;
	border-left-color: rgba(0, 0, 0, .25);
	left: 2.5em;
}

.audioplayer-time-duration {
	border-right: 1px solid #555;
	border-right-color: rgba(255, 255, 255, .1);
	right: 27%;
	/* 40 */
}

.audioplayer-fast {
	right: 7%;
}

.audioplayer-slow {
	right: 17%;
}

.fast {
	width: 28px;
	height: 35px;
	background: url("../images/fast.png") no-repeat center;
	background-size: 50%;
	padding: 0 10px;
}

.slow {
	width: 28px;
	height: 35px;
	background: url("../images/slow.png") no-repeat center;
	background-size: 50%;
	padding: 0 10px;
}

.fast:hover,
.slow:hover {
	background-color: #222;
}

.audioplayer-novolume .audioplayer-time-duration {
	border-right: 0;
	right: 0;
}

.audioplayer-bar {
	height: 0.875em;
	/* 14 */
	background-color: #222;
	cursor: pointer;
	z-index: 1;
	top: 50%;
	right: 42%;
	/* 110 */
	left: 6.875em;
	/* 110 */
	margin-top: -0.438em;
	/* 7 */
}

.audioplayer-novolume .audioplayer-bar {
	right: 4.375em;
	/* 70 */
}

.audioplayer-bar div {
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.audioplayer-bar-loaded {
	background-color: #333;
	z-index: 1;
}

.audioplayer-bar-played {
	background: #007fd1;
	background: -webkit-gradient(linear, left top, right top, from(#007fd1), to(#c600ff));
	background: -webkit-linear-gradient(left, #007fd1, #c600ff);
	background: -moz-linear-gradient(left, #007fd1, #c600ff);
	background: -ms-radial-gradient(left, #007fd1, #c600ff);
	background: -o-linear-gradient(left, #007fd1, #c600ff);
	background: linear-gradient(left, #007fd1, #c600ff);
	z-index: 2;
}

.audioplayer-volume {
	width: 2.5em;
	/* 40 */
	height: 100%;
	border-left: 1px solid #111;
	border-left-color: rgba(0, 0, 0, .25);
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	right: 0;
}

.audioplayer-volume:hover,
.audioplayer-volume:focus {
	background-color: #222;
}

.audioplayer-volume-button {
	width: 100%;
	height: 100%;
}

.audioplayer-volume-button a {
	width: 0.313em;
	/* 5 */
	height: 0.375em;
	/* 6 */
	background-color: #fff;
	display: block;
	position: relative;
	z-index: 1;
	top: 40%;
	left: 35%;
}

.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after {
	content: '';
	position: absolute;
}

.audioplayer-volume-button a:before {
	width: 0;
	height: 0;
	border: 0.5em solid transparent;
	/* 8 */
	border-left: none;
	border-right-color: #fff;
	z-index: 2;
	top: 50%;
	right: -0.25em;
	margin-top: -0.5em;
	/* 8 */
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
	width: 0.313em;
	/* 5 */
	height: 0.313em;
	/* 5 */
	border: 0.25em double #fff;
	/* 4 */
	border-width: 0.25em 0.25em 0 0;
	/* 4 */
	left: 0.563em;
	/* 9 */
	top: -0.063em;
	/* 1 */
	-webkit-border-radius: 0 0.938em 0 0;
	/* 15 */
	-moz-border-radius: 0 0.938em 0 0;
	/* 15 */
	border-radius: 0 0.938em 0 0;
	/* 15 */
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.audioplayer-volume-adjust {
	height: 6.25em;
	/* 100 */
	cursor: default;
	position: absolute;
	left: 0;
	right: -1px;
	top: -9999px;
	background: #222;
}

.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
	opacity: 0;
}

.audioplayer-volume:hover .audioplayer-volume-adjust {
	top: auto;
	bottom: 100%;
}

.audioplayer-volume-adjust>div {
	width: 40%;
	height: 80%;
	background-color: #222;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin: 30% auto 0;
}

.audioplayer-volume-adjust div div {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #007fd1;
	background: -webkit-gradient(linear, left bottom, left top, from(#007fd1), to(#c600ff));
	background: -webkit-linear-gradient(bottom, #007fd1, #c600ff);
	background: -moz-linear-gradient(bottom, #007fd1, #c600ff);
	background: -ms-radial-gradient(bottom, #007fd1, #c600ff);
	background: -o-linear-gradient(bottom, #007fd1, #c600ff);
	background: linear-gradient(bottom, #007fd1, #c600ff);

}

.audioplayer-novolume .audioplayer-volume {
	display: none;
}

.audioplayer-play,
.audioplayer-pause,
.audioplayer-volume a {
	-webkit-filter: drop-shadow(1px 1px 0 #000);
	-moz-filter: drop-shadow(1px 1px 0 #000);
	-ms-filter: drop-shadow(1px 1px 0 #000);
	-o-filter: drop-shadow(1px 1px 0 #000);
	filter: drop-shadow(1px 1px 0 #000);
}

.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.audioplayer-bar,
.audioplayer-volume-adjust>div {
	-webkit-box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
	-moz-box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
	box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
}

.audioplayer-volume-adjust div div,
.audioplayer-bar-played {
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
	-moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
}

.audioplayer-volume-adjust {
	-webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
	-moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
	box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
}

.audioplayer *,
.audioplayer *:before,
.audioplayer *:after {
	-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}

/*音频播放器*/



/*校管理员*/
.schooladmin th,
.schooladmin td {
	padding: 9px 5px !important;
}

.schooladmin .layui-btn {
	/*padding:0 8px;
	height:25px;
	line-height:25px;*/
}

.edit-table,
.edit-table2,
.classuserlist {
	line-height: 35px;
	width: 400px;
	margin: 10px auto;
}

.edit-table2,
.classuserlist {
	width: 800px !important;
	margin-bottom: 30px;
}

.edit-table th,
tr,
td {
	font-weight: normal;
}

.edit-table td input {
	line-height: 28px;
	border: 1px #fafafa solid;
	width: 250px;
}

.edit-table label {
	margin-right: 20px;
}

.edit-table label input {
	width: 30px;
}

.edit-table th {
	width: 75px;
}

.edit-table1 th {
	width: 100px;
}

.edit-table1 textarea {
	width: 95%;
	height: 40px;
	padding: 5px;
	resize: none;
	border: 1px #fafafa solid;
}

.gradearr,
.subjectarr {
	width: 300px;
	margin: 10px auto;
}

.gradearr td,
.subjectarr td {
	height: 30px;
}

.dic_grade td,
.dic_subject td {
	text-align: center;
	margin-right: 5px;
	cursor: pointer;
}

.dic_grade td.active,
.dic_subject td.active {
	color: #fff;
	background: #098AFF;
	border-right: 1px #fff solid;
}

.sch_coutom i {
	cursor: pointer;
	margin: 0 0 0 8px;
}

.sch_coutom i:hover {
	color: red;
}

/*schooladmin*/
.schooladmin-table thead tr {
	background-color: #f2f2f2;
}

.schooladmin-table th {
	padding: 9px 15px;
	min-height: 20px;
	line-height: 20px;
	border: 1px solid #e2e2e2;
	font-weight: normal;
}

.schooladmin-table .layui-table td,
.schooladmin-table .layui-table th {
	font-size: 12px !important;
}

.schooladmin-table tr:hover {
	background-color: #f2f2f2;
}

.schooladmin-search {
	width: 100%
}

.schooladmin-search form {
	margin: 20px 10px 0 0;
	width: 100%;
}

.btn-group a {
	margin: 0 5px;
}

.classuserlist .layui-form input {
	margin: 0;
}

.layui-table-tr {
	width: 100px;

}

.layui-table-tr input {
	margin-right: 10px;
}

.school-data .layui-form-label {
	width: 70px;
}

.profile-video #info {
	width: 700px;
	font-size: 22px;
	color: #3d5154;
}

.profile-video #editor .layui-input-block {
	margin: 20px 30px;
}

.mylogo {
	border: 1px #eaeaea solid;
	width: 500px;
	height: 150px;
}

.mylogo img {
	height: 100%;
	width: auto;
	display: block;
	margin: 0 auto;
}

.mylogo {
	width: 320px;
}

.mybanner {
	width: 895px;
}

.profile-video #info img {
	padding: 15px;
	width: 50%;
}

i.drag {
	width: 20px;
	height: 25px;
	background: url("../images/drag.png") no-repeat center;
	background-size: 100%;
	margin-right: 20px;
	display: none;
}

tr.drag-style {
	box-shadow: 0 0 5px #ddd;
	background: #fff;
}

.fly-edit span:nth-child(1) {
	display: none;
}

.resource-form-box .public-box {
	padding-bottom: 35px;
	border-bottom: 1px solid #EBEBEB;
}

.resource-form-box .upload-detail-title {
	height: 16px;
	width: 100%;
	border-left: 5px solid #088BFF;
	padding-left: 18px;
}

.resource-form-box .fee {
	display: block;
	margin-top: 10px;
	margin-left: 20px;
}

.resource-form-box .fee.setnum {
	margin-left: 100px;
}

.resource-form-box .share-fee {
	margin-top: 10px;
	margin-left: 20px;
}

.upload-show-box {
	padding: 0 30px 0 32px;
	width: 815px;
	/*margin-bottom:20px;*/
}

.showbox {
	margin-bottom: 0;
	padding: 0 0 0 20px;
}

.showbox-child {
	padding: 12px 0 0 32px;
}

.showbox-child .layui-form-checkbox[lay-skin='primary'] {
	display: inline-block;
	margin: 0 22px 9px 0;
}


/*vip会员*/
/*.vip{
	color:#505050;
	letter-spacing:3px;
	width:92%;
	margin:0 auto;
}*/
.vip-title {
	font-size: 24px;
	text-align: center;
	padding: 15px 0 10px;
	color: #505050
}

.vip-title img {
	margin-right: 20px;
}

.vip-btnbox {
	border: 1px #098AFF dotted;
	border-radius: 10px;
	text-align: center;
	padding: 20px 20px 30px;
	font-size: 16px;
	width: 90%;
	margin: 0 auto;
}

.vip-btnbox i {
	color: #ff0000;
	font-size: 20px;
}

.vip-btnbox button {
	padding: 10px 25px;
	background: #098AFF;
	color: #fff;
	margin: 23px 20px 0 0;
	font-size: 18px;
	border-radius: 3px;
	cursor: pointer;
}

.vip-title1 {
	font-size: 20px;
	text-align: center;
	position: relative;
	margin-top: 33px;
}

.vip-title1 b {
	background: #fff;
	padding: 0 20px;
	z-index: 99;
	position: relative;
}

.vip-title1 i {
	width: 100%;
	height: 1px;
	border-bottom: 1px #d9d9d9 dotted;
	position: absolute;
	left: 0;
	top: 13px;
}

.vip-txtbox {
	padding: 30px 0 0 120px;
}

.vip-txt {
	font-size: 20px;
	margin-top: 20px;
	padding: 0 0 30px 50px;
	color: #098AFF;
}

.vip-txt i {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #098AFF;
	margin: 8px 15px 0 0;
	float: left;
}

.vip-txt1 {
	padding: 0 0 20px 75px;
	font-size: 16px;
	letter-spacing: 2px;
	font-family: "Microsoft Yahei";
	color: #333
}

.vip-ali,
.vip-wechat {
	width: 160px;
	height: 170px;
	margin: 10px auto;
	display: none;
}

.vip-ali p,
.vip-wechat p {
	text-align: center;
}

.vip-ali i img,
.vip-wechat i img {
	width: 150px !important;
	height: 150px !important;
	margin: 17px 0 0 0;
	display: block;
}

.recharge-money-box cite {
	font-size: 12px;
	color: #ff0000;
	font-style: normal;
	margin: 0 0 0 5px;
}

.vip-success,
.vip-fail {
	display: block;
	text-align: center;
	margin: 50px auto 0;
}

.vip-success img,
.vip-fail img {
	width: 90px;
	height: 90px;
}

.vip-success p,
.vip-fail p {
	margin-bottom: 5px;
	font-size: 16px;
}

.vip-success p.p1,
.vip-fail p.p1 {
	font-size: 20px;
	margin-bottom: 10px;
}

.vip-success i {
	color: #ff0000;
}

i.opened {
	font-size: 16px;
	color: #505050;
	letter-spacing: 0
}

.vip-opened {
	background: none !important;
	border: 1px solid #e2e2e2;
	color: #505050 !important;
}

.vipnotice {
	margin-top: 20px
}

.vipnotice span {
	padding: 20px 30px 0;
	cursor: pointer;
	text-decoration: underline;
}

.vipnotice span:hover {
	color: #098AFF
}

.vipnoticetext {
	padding: 10px 30px
}

.vipnoticetext h4 {
	font-size: 18px;
	color: #000;
	margin: 10px 0
}

.vipnoticetext p {
	line-height: 30px;
}

.vipnoticetext p i {
	width: 1.6rem;
}

.vipnoticetext p.p1 {
	font-size: .6rem;
	margin-bottom: .6rem;
}

.muchvip {
	padding: 20px 30px
}

.muchvip input {
	margin-bottom: 10px
}

.muchviptext {
	line-height: 25px;
	margin-top: 10px
}



/*上传视频更换封面*/
@font-face {
	font-family: 'control';
	src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMghC/L0AAAC8AAAAYGNtYXDmGQCHAAABHAAAAERnYXNwAAAAEAAAAWAAAAAIZ2x5Zs30zGwAAAFoAAACPGhlYWT+9yLHAAADpAAAADZoaGVhA+IB6wAAA9wAAAAkaG10eBEAAOAAAAQAAAAAKGxvY2ECygIcAAAEKAAAABZtYXhwAA8AIwAABEAAAAAgbmFtZTVK19EAAARgAAABOXBvc3QAAwAAAAAFnAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAACDmBwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADAAAAAIAAgAAgAAACDmB//9//8AAAAg5gD//f///+EaAgADAAEAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQBgACABoAGgAAIAABMNAWABQP7AAaDAwAAAAAIAQAAgAcABoAADAAcAABMzESMTMxEjQKCg4KCgAaD+gAGA/oAAAAABAAAABwDgAbkAEAAAEz4BHgEXAxYOASYvAz8ByQUIBwMBAQEFBQoDek8BUXgBuQUDAgkG/mEGCQIDBXgBvwF4AAAAAAIAAAAHAeABuQAQACAAABM+AR4BFwMWDgEmLwM/AQEHLwEPAT8BLwE3FzcfAQfJBQgHAwEBAQUFCgN6TwFReAEYASk3NSsBNTUBKzU3KQE3AbkFAwIJBv5hBgkCAwV4Ab8BeP7yKwE1NQErNTcpATc3ASk3AAAAAAQAAP/gAgAB4AAGAA0AFAAbAAABFScHJzcnBxcHJwc1MxM3FSM3JzcPARcjNRc3AgBFajZqRcVqNmpFwPtFwEVqNmxqRcBFagHgwEVqNmpFRWo2akXA/ntFwEVqNjZqRcBFagAEAAD/4AIAAeAABgANABQAGwAANzMVJwcnNyEXBycHNTM1IzUXNxcHJTcVIzcnNyDARWU2ZQE2ZTZlRcDARWU2Zf8ARcBFZTbAwEVlNmVlNmVFwEDARWU2ZTZFwEVlNgABAEAAIAHAAaAAAwAAEyERIUABgP6AAaD+gAAAAwAAAAACAAHQAAMADQAUAAA3IRUhJRUhNTczFTM1MyU3FyMVIzUAAgD+AAIA/gBAgICA/rCQkHBAICBgICCAQEBgkJCAgAAAAQAAAAEAAC2Uf2pfDzz1AAsCAAAAAADO6/EFAAAAAM7r8QUAAP/gAgAB4AAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAACgAAAAABAAAAAgAAYAIAAEACAAAAAgAAAAIAAAACAAAAAgAAQAIAAAAAAAAAAAoAGAAsAE4AigC8AOwA+gEeAAAAAQAAAAoAIQAEAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBjAG8AbgB0AHIAbwBsAFYAZQByAHMAaQBvAG4AIAAxAC4AMABjAG8AbgB0AHIAbwBsY29udHJvbABjAG8AbgB0AHIAbwBsAFIAZQBnAHUAbABhAHIAYwBvAG4AdAByAG8AbABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'),
		url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAYwAAoAAAAABegAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAqcAAAKn30pAtE9TLzIAAAOcAAAAYAAAAGAIQvy9Y21hcAAAA/wAAABEAAAAROYZAIdnYXNwAAAEQAAAAAgAAAAIAAAAEGhlYWQAAARIAAAANgAAADb+9yLHaGhlYQAABIAAAAAkAAAAJAPiAetobXR4AAAEpAAAACgAAAAoEQAA4G1heHAAAATMAAAABgAAAAYAClAAbmFtZQAABNQAAAE5AAABOTVK19Fwb3N0AAAGEAAAACAAAAAgAAMAAAEABAQAAQEBCGNvbnRyb2wAAQIAAQA8+BwC+BsD+BgEHgoAGVMSX4uLHgoAGVMSX4uLDAeLa/iU+JQFHQAAAJwPHQAAAKERHQAAAAkdAAACnhIACwEBCA8SFxwhJiswNTpjb250cm9sY29udHJvbHUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzdUU2MDR1RTYwNXVFNjA2dUU2MDcAAAIBiQAIAAoCAAEABAAHABYAOABkAMIBJAGEAZUB5fyUDvuUDuv4NBX31PtUBfvU+1QFDsv4NBX3NIsFi/wUBfs0iwX3dPgUFfc0iwWL/BQF+zSLBQ73XfhNFZiYloeLeQiL/DIFi3mBh36YCPsN9w0FO4sFi/dUBduLBfcN9w0FDvdd+E0VmJiWh4t5CIv8MgWLeYGHfpgI+w33DQU7iwWL91QF24sF9w33DQX3q/uiFYthBWGLBVXBBVVVBWGLBYu1BcHBBVXBBYu1BbWLBcFVBcHBBbWLBYthBVVVBQ74lPh0FYv7VAVG0AUhIQVVwQX19QVG0AX7WUYV9SEFVVUFIfUFRkYFi/dUBfdUiwX3j/wZFdDQBYv7VAX7VIsF0NAFIfUFwcEF+wBVFSEhBdBGBftUiwWL91QF0EYF9fUFDqv3VBX3VIsFi/tUBUbQBSYmBVXBBfDwBffKixXwJgVVVQUm8AVGRgWL91QF91SLBYvLFftUiwWL91QF0EYF8PAFwVUFJiYF+5TBFdDQBYv7VAX7VIsF0NAFJvAFwcEFDsv4NBX4FIsFi/wUBfwUiwUOi6sV+JSLBYtrBfyUiwX4lOsVi2sF/JSLBYurBcv3FAX3FIsFi0sF9xSLBYvLBfcUiwX75OsV9yT3JAX3JPskBfsEiwWL+xQFS4sFi/cUBQ74lBT4lBWLDAoAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAg5gcB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAwAAAACAAIAAIAAAAg5gf//f//AAAAIOYA//3////hGgIAAwABAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAUco48V8PPPUACwIAAAAAAM7r8QUAAAAAzuvxBQAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAIAAAEAAAAAAAAAAAAAAAAAAAAKAAAAAAEAAAACAABgAgAAQAIAAAACAAAAAgAAAAIAAAACAABAAgAAAAAAUAAACgAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGMAbwBuAHQAcgBvAGwAVgBlAHIAcwBpAG8AbgAgADEALgAwAGMAbwBuAHQAcgBvAGxjb250cm9sAGMAbwBuAHQAcgBvAGwAUgBlAGcAdQBsAGEAcgBjAG8AbgB0AHIAbwBsAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
	font-weight: normal;
	font-style: normal;
}

.icon {
	font-family: 'control';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*播放器控制*/
.pure-g {
	font-family: "微软雅黑", Arial, sans-serif;
}

.icon-pause:before {
	content: "\e601";
}

.icon-play:before {
	content: "\e600";
}

.wrapper {
	max-width: 600px;
	margin: 60px auto 0;
}

.player {
	position: relative;
	font-size: 0;
}

#controller {
	background: #fafafa;
	width: 280px;
	margin: 7px 0 0 20px;
	float: left;
}

#innerBar {
	border: 3px #4285F4 solid;
	cursor: pointer;
}

.controlBar {
	background: #9F9F9F;
	height: 6px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 200px;
	float: left;
	cursor: pointer;
}

.icon-play,
.icon-pause,
.icon-stop {
	float: left;
	padding-left: 5px;
}

.icon {
	font-size: 18px;
	line-height: 25px;
	color: #9F9F9F;
}

#timer {
	font-size: 14px;
	line-height: 25px;
	color: #9F9F9F;
	vertical-align: top;
}

.icon:hover {
	cursor: pointer;
}

#progressBar {
	margin: 10px 20px 12px 5px;
}



/*v5profile-top*/
.v5profile-top {
	margin: 0 0 20px 20px;
	padding: 30px 30px 15px 30px;
	width: 895px;
}

.profile-v5title {
	font-size: 18px;
	color: #000;
	line-height: 30px;
	padding: 0 0 5px 10px;
}

.btm-bar {
	border-bottom: 1px #ebebeb dashed;
	margin-bottom: 20px;
	padding-bottom: 9px !important;
}

.profile-left ul li {
	padding: 0 0 0 10px;
	font-size: 16px;
	line-height: 39px;
}

.profile-left ul li a:hover,
.profile-left ul li.active a {
	color: #098AFF;
}

.left-img,
.left-img img {
	width: 90px;
	height: 90px;
	border-radius: 90px;
}

.left-img {
	position: relative;
	margin: 0 20px 0 0;
}

.mid-text {
	margin-top: -20px;
}

.mid-text p {
	line-height: 22px;
	font-size: 14px;
	color: #666
}

.mid-text .name {
	font-size: 18px;
	line-height: 35px;
	color: #333
}

.mid-text p span {
	margin-right: 20px;
}

.mid-text p span i {
	color: #098AFF;
}

.right-sign {
	width: 110px;
	height: 120px;
	border-radius: 4px;
	position: relative;
	margin: -10px 20px 0 0;
}

.right-sign .right {
	width: 110px;
	height: 120px;
	background: url("../images/calendarbg4.png") no-repeat right top;
	background-size: 100%;
	text-align: center;
	line-height: 120px;
	color: #098AFF;
	letter-spacing: 2px;
	position: relative;
}

.v7signbtn {
	width: 64px;
	height: 20px;
	background: url('../images/calendarbg2.png') no-repeat center;
	background-size: 100%;
	cursor: pointer;
	position: absolute;
	left: 22px;
	bottom: 18px;
}

.v7signbtn.active {
	width: 64px;
	height: 20px;
	background: url('../images/calendarbg3.png') no-repeat center;
	background-size: 100%;
	cursor: pointer;
	position: absolute;
	left: 22px;
	bottom: 18px;
}

.scoreadv {
	width: 955px;
	margin-bottom: 20px;
}

.scoreadv img {
	border-radius: 4px;
}

.v5fund {
	padding: 10px;
}

.v5score {
	padding: 10px 0 0 10px;
	height: 130px;
}

.v5score p.title span {
	margin-left: 20px;
}

.v5score p.title i {
	font-style: normal;
	margin: 0 10px;
	font-size: 18px;
}

.level-bar {
	width: 100px;
	height: 80px;
	position: absolute;
	left: 800px;
	top: -2px;
	z-index: 4
}

.level-bar8 i {
	font-size: 20px;
	color: #f2f2f2;
}

i.level {
	width: 18px;
	height: 18px;
	color: #f2f2f2;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	font-style: normal;
	position: absolute;
	top: 1px;
	left: 1px;
	display: block;
	z-index: 999;
	border-radius: 18px;
}

i.level1 {
	left: 105px;
}

i.level2 {
	left: 205px;
}

i.level3 {
	left: 305px;
}

i.level4 {
	left: 405px;
}

i.level5 {
	left: 505px;
}

i.level6 {
	left: 605px;
}

i.level7 {
	left: 705px;
}

i.level8 {
	left: 805px;
}

i.level9 {
	left: 905px;
}

.v5score-text {
	padding: 0 0 0 10px;
}

.v5score-textbox {
	padding: 20px 0 0;
}

.v5score-textbox div.box {
	width: 155px;
	height: 100px;
	border: 1px #f0f0f0 solid;
	border-radius: 4px;
	text-align: center;
	line-height: 28px;
	padding-top: 20px;
	float: left;
	margin: 0 40px 30px 0;
	box-shadow: 0 0 5px #eee;
}

.v5score-textbox div .p1 {
	color: #000;
	font-size: 16px;
}

.v5score-textbox div .p2 {
	color: #ffaf1c;
	font-size: 16px;
}

.v5score-textbox div .p3 {
	color: #93999f;
	font-size: 12px;
}

.v5score-textbox div .p4 {
	color: #ff0000;
	font-size: 18px;
}

.v5score-textbox div .p5 {
	line-height: 80px;
}

.textbox {
	width: 155px;
	float: left;
	margin: 0 40px 0 0;
	height: 180px;
}

.v5score-textbox .textbox div.box {
	margin: 0 40px 20px 0;
}

.textbox button {
	border: 1px #098AFF solid;
	width: 100px;
	line-height: 30px;
	color: #098AFF;
	border-radius: 15px;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}



/*积分*/
.mature-progress {
	height: 50px;
	padding: 60px 0 0;
}

.mature-progress .mature-progress-bottom p>span {
	color: #098AFF;
}

.mature-progress .mature-progress-bottom .mature-progress-box {
	/* height:105px;*/
	position: relative;
}

.mature-progress .mature-progress-bottom .mature-progress-box.v0 dl:nth-of-type(1) dt {
	background: #098AFF;
	margin: 0;
}

.mature-progress .mature-progress-bottom .mature-progress-box.v1 dl:nth-of-type(2) dt {
	background: #098AFF;
}

.mature-progress .mature-progress-bottom .mature-progress-box.v2 dl:nth-of-type(3) dt {
	background: #098AFF;
}

.mature-progress .mature-progress-bottom .mature-progress-box.v3 dl:nth-of-type(4) dt {
	background: #098AFF;
}

.mature-progress .mature-progress-bottom .mature-progress-box.v4 dl:nth-of-type(5) dt {
	background: #098AFF;
}

.mature-progress .mature-progress-bottom .mature-progress-box.v5 dl:nth-of-type(6) dt {
	background: #098AFF;
}

.mature-progress .mature-progress-bottom .mature-progress-box.v6 dl:nth-of-type(7) dt {
	background: #098AFF;
}

.mature-progress .mature-progress-bottom .mature-progress-box.v7 dl:nth-of-type(8) dt {
	background: #098AFF;
}

.mature-progress .mature-progress-bottom .mature-progress-box.v8 dl:nth-of-type(9) dt {
	background: #098AFF;
}

.mature-progress .mature-progress-bottom .mature-progress-box.v9 dl:nth-of-type(10) dt {
	background: #098AFF;
}

.mature-progress .mature-progress-bottom .mature-progress-box dl {
	width: 70px !important;
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
	font-size: 12px;
}

.mature-progress .mature-progress-bottom .mature-progress-box dl dd {
	margin-top: 10px;
}

.mature-progress .mature-progress-bottom .mature-progress-box.v1 dl:nth-of-type(2),
.mature-progress .mature-progress-bottom .mature-progress-box dl:nth-of-type(2),
.mature-progress .mature-progress-bottom .mature-progress-box.v1 dl:nth-of-type(3),
.mature-progress .mature-progress-bottom .mature-progress-box dl:nth-of-type(3),
.mature-progress .mature-progress-bottom .mature-progress-box.v1 dl:nth-of-type(4),
.mature-progress .mature-progress-bottom .mature-progress-box dl:nth-of-type(4),
.mature-progress .mature-progress-bottom .mature-progress-box.v1 dl:nth-of-type(5),
.mature-progress .mature-progress-bottom .mature-progress-box dl:nth-of-type(5),
.mature-progress .mature-progress-bottom .mature-progress-box.v1 dl:nth-of-type(6),
.mature-progress .mature-progress-bottom .mature-progress-box dl:nth-of-type(6),
.mature-progress .mature-progress-bottom .mature-progress-box.v1 dl:nth-of-type(7),
.mature-progress .mature-progress-bottom .mature-progress-box dl:nth-of-type(7),
.mature-progress .mature-progress-bottom .mature-progress-box.v1 dl:nth-of-type(8),
.mature-progress .mature-progress-bottom .mature-progress-box dl:nth-of-type(8),
.mature-progress .mature-progress-bottom .mature-progress-box.v1 dl:nth-of-type(9),
.mature-progress .mature-progress-bottom .mature-progress-box dl:nth-of-type(9),
.mature-progress .mature-progress-bottom .mature-progress-box.v1 dl:nth-of-type(10),
.mature-progress .mature-progress-bottom .mature-progress-box dl:nth-of-type(10) {
	margin-right: 30px;
	text-align: center;
}

.mature-progress .mature-progress-bottom .mature-progress-box dl dt {
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	border-radius: 50%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 3;
	background-color: #f2f2f2
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 {
	position: absolute;
	width: 810px;
	height: 4px;
	border-radius: 10px;
	background: #fff;
	z-index: 2;
	top: 8px;
	left: 0;
	background: #f2f2f2;
	float: left;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i {
	position: absolute;
	height: 4px;
	background: #098AFF;
	left: 11px;
	top: 0;
	width: 0;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i.progress-box-2 {
	left: 121px;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i.progress-box-3 {
	left: 211px;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i.progress-box-4 {
	left: 311px;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i.progress-box-5 {
	left: 411px;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i.progress-box-6 {
	left: 511px;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i.progress-box-7 {
	left: 611px;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i.progress-box-8 {
	left: 711px;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i.progress-box-9 {
	left: 811px;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i.progress-box-10 {
	left: 911px;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i span {
	position: absolute;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	background: #fff;
	border-radius: 5px;
	height: 24px;
	line-height: 24px;
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	border: #f0f0f0 solid 1px;
	right: -70px;
	top: -45px;
	padding: 0;
	width: 160px;
	text-align: center;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i span b {
	color: #098AFF;
	font-size: 14px;
}

.mature-progress .mature-progress-bottom .mature-progress-box .progress-box1 i span:after {
	content: '';
	display: block;
	position: absolute;
	border-width: 10px;
	border-style: solid;
	border-color: #f0f0f0 transparent transparent transparent;
	bottom: -20px;
	left: 50%;
	margin-left: 0;
}


/*章节知识点*/
.select-class-box-chapters {
	background: #FAFAFA;
	padding: 20px 20px 0;
	position: absolute;
	top: 37px;
	left: 110px;
	z-index: 999;
	width: 80%;
	border: 1px #e6e6e6 solid;
	display: none;
}

.chapters {
	padding: 0 0 5px 0;
	margin-bottom: 15px;
}

.chapters span {
	border: 1px #bbb solid;
	height: 30px;
	padding: 0 20px;
	margin: 0 15px 10px 0;
	line-height: 30px;
	cursor: pointer;
}

.chapters span.active {
	border: 1px #098AFF solid;
}

.chapters2 {
	display: none
}

.chapters3 {
	border: none;
	padding: 0;
	margin: 0;
	display: none
}

.chapters-box {
	border-left: 1px #bbb solid;
	padding: 0 0 0 30px;
	position: relative;
	margin-bottom: 15px;
}

.chapters-box i {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #bbb;
	position: absolute;
	left: -4px;
}

i.tip1 {
	top: 0;
}

i.tip1,
i.tip2,
i.tip3 {
	display: none
}

.chapters-div {
	width: 355px;
	height: 38px;
	position: absolute;
	left: 110px;
	top: 0;
	line-height: 36px;
	display: none;
	background: #fff;
	padding: 0 10px;
}

.chapters-div i {
	width: auto;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
	float: left;
}

.chapters-div b {
	float: left
}



/*平台资讯*/
.v5information {
	width: 1180px;
	margin-top: 20px;
}

.v5information-left {
	width: 780px;
	padding: 0 20px;
	border-radius: 4px;
}

.v5information-right {
	width: 300px;
	border-radius: 4px;
	padding: 0 20px 20px;
}

.v5information-main {
	width: 100%;
	padding: 20px 0;
	cursor: pointer;
	border-bottom: 1px dashed #ebebeb;
}

h2.info-title {
	font-size: 22px !important;
	line-height: 28px;
	color: #07111b;
}

.infomain {
	height: 100px;
	margin-top: 20px;
}

.infomain-img {
	width: 150px;
	height: 100px;
	margin-right: 20px;

}

.infomain-content {
	width: 605px;
	height: 100px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
}

.infomain-content1 {
	width: 100%;
}

.infomain-content div {
	height: 70px;
	margin-bottom: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 14px;
	letter-spacing: 2px;
}

.infomain-content p {
	font-size: 12px;
	color: #93999F;
}

.v5information-main:hover h2 {
	color: #098AFF;
}

.v5information-right h3 {
	font-size: 18px;
	color: #098AFF;
	padding-top: 20px;
}

.v5information-right .rank {
	margin-top: 20px;
}

.v5information-right .rank p {
	line-height: 33px;
	margin-bottom: 7px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.v5information-right .rank a {
	width: 100%;
}

.v5information-right .rank i {
	width: 20px;
	height: 20px;
	color: #fff;
	font-style: normal;
	text-align: center;
	margin-right: 15px;
	background: #098AFF;
	line-height: 20px;
	font-size: 12px;
}

.v5information-right .adv {
	margin-top: 30px;
	height: 500px;
}

.v5information-detail {
	border-radius: 4px;
	padding: 20px 0;
}

.v5information-detail .top {
	padding: 20px 60px;
}

.v5information-detail h1 {
	font: bold 38px/150% "微软雅黑";
	color: #222;
}

.v5information-detail h3 {
	padding: 30px 0 20px;
	color: #0f0f0f;
	border-bottom: #d3d3d3 1px solid;
}

.v5information-detail .detail {
	padding: 30px 0;
	text-indent: 2rem;
	line-height: 45px;
	font-size: 18px;
}

.v5information-detail .detail img {
	margin: 0 auto;
	display: block;
	padding: 20px 0;
}



/*文件管理*/
.folderimg {
	width: 50px;
	height: 40px;
	background: url("../images/folderimg.png") no-repeat center;
	background-size: 100%;
	margin-right: 20px;
}

.profile-video-list-folder:hover {
	background: #e5f0fb;
	color: #098AFF;
}

.profile-video-list-folder .profile-video-list-left {
	margin-top: -15px;
}

.foldername {
	font-size: 16px;
	line-height: 40px;
}

.foldername input {
	float: left;
	width: 170px;
}

.foldername button {
	line-height: 38px;
	margin-left: 10px;
	padding: 0 15px;
	cursor: pointer;
	border-radius: 3px;
}

.foldername button.btn1 {
	background: #098AFF;
	color: #fff;
}

.foldername button.btn2 {
	background: #fff;
	border: 1px solid #C9C9C9;
}

.folder {
	cursor: pointer;
}

/*返回上一级*/
.return-level {
	height: 30px;
	font-size: 16px;
}

.return-level .breadcrumb a,
.return-level .breadcrumb a span {
	color: #098AFF !important;
	cursor: pointer;
}

.folder-layer {
	padding: 20px;
	height: 250px;
	overflow-x: hidden;
}

.folder-layer .profile-video-list-folder {
	margin-bottom: 20px;
}

.layuiicon {
	font-size: 22px;
	color: #098AFF;
	margin-top: 3px;
	cursor: pointer;
}

.layui-layer-btn .layui-layer-btn2 {
	border-color: #098AFF !important;
	background-color: #fff !important;
	color: #098AFF;
	float: left;
}

.layui-layer-btn .layui-layer-btn0 {
	border-color: #098AFF !important;
	background-color: #098AFF !important;
}

.folderbg {
	width: 18px;
	height: 18px;
	background: url("../images/folderimg1.png") no-repeat 0 0 !important;
	background-size: 100% !important;
	margin: 5px 5px 0 0;
	float: left
}

/*ztree*/
.ztree li {}

.ztree li a {
	padding: 4px 0 !important;
	line-height: 22px !important;
}

.ztree li a:hover {
	background: #f6faff;
}

.ztree * {
	font-size: 16px !important;
	font-family: "Microsoft yahei" !important
}

.ztree li span.button.ico_docu,
.ztree li span.button.ico_open,
.ztree li span.button.ico_close {
	background: url("../images/folderimg1.png") no-repeat 0 0 !important;
	background-size: 100% !important;
	width: 20px !important;
	height: 18px !important;
	margin: 0 8px !important;
}

/*文件夹二级页面*/
.folder-second {
	padding: 20px 0;
	height: 200px;
	display: none;
}

.folder-third {
	display: none;
}

i.return {
	width: 20px;
	height: 20px;
	background: url("../images/return.png") no-repeat center;
	background-size: 100%;
	float: left;
	margin-right: 5px;
}

.more-menu a.active,
.edit-menu a.active {
	color: #d2d2d2 !important;
	cursor: not-allowed !important
}


/*个人题库*/
.question-title {
	height: 30px;
}

.question-content {
	font-size: 12px;
	color: #93999F;
	line-height: 24px;
}

.question-content img {
	width: 300px;
	height: 130px;
	display: block;
	object-fit: cover;
}

.question-layer {
	padding: 0 30px;
	height: 550px;
	overflow-x: hidden;
}

.question-layer .title {
	font-size: 16px;
	margin: 20px 0;
}

.layer-content {
	line-height: 30px;
}

.layer-content img {
	width: 100%;
	display: block;
	height: auto;
}

.layui-input-block-question {
	border: 1px solid #e6e6e6;
	padding: 5px 0 10px 0;
	border-radius: 2px;
}

.textarea-question,
.textarea-answer {
	height: 150px;
	border: none !important;
	line-height: 25px;
}

.textarea-answer {
	height: 100px;
}

.question-pic {
	padding: 10px 10px 0;
}

.add-pic {
	width: 48px;
	height: 48px;
	background: url("../images/questionadd.png") no-repeat center;
	background-size: 100%;
	cursor: pointer;
	margin-top: 7px;
}

.questionpicbox {
	margin-right: 20px;
	height: 60px;
}

.questionpic {
	width: 60px;
	height: 60px;
	margin-right: 30px;
	float: left;
	border: 1px #e6e6e6 solid;
	position: relative;
}

.questionpic i {
	width: 23px;
	height: 23px;
	background: url("../images/remove.png") no-repeat center;
	background-size: 100%;
	position: absolute;
	right: -11px;
	top: -13px;
	cursor: pointer;
	z-index: 99;
}

.questionpic img {
	width: 100%;
	height: 100%;
}

.question-btn {
	border: 1px #098AFF solid;
	width: 45px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	float: left;
	margin: 5px 30px 0 0;
	cursor: pointer;
	border-radius: 3px;
	color: #098AFF;
}

.question-btn.active {
	background: #098AFF;
	color: #fff;
}

.add-option {
	width: 109px;
	height: 30px;
}

.add-option span {
	width: 35px;
	height: 28px;
	border: 1px #e6e6e6 solid;
	line-height: 30px;
	text-align: center;
	cursor: pointer
}

.add-option input {
	width: 35px;
	height: 28px;
	border: 1px #e6e6e6 solid;
	border-left: none;
	border-right: none;
	float: left;
	text-indent: 10px;
}

.add-option span i.i {
	width: 12px;
	height: 2px;
	background: #333;
	line-height: 35px;
	margin: 13px 12px;
	display: inline-block;
	text-align: center;
	float: left
}

.add-option span:hover {
	border: 1px #098AFF solid;
}

.answer {
	padding: 10px 0;
	cursor: pointer;
	display: inline-block;
}

.answer i {
	font-size: 22px;
	margin-right: 8px;
	color: #098AFF;
	font-weight: bold;
}

.answerbox {
	border: 1px #F3F5F7 solid;
	height: 225px;
	margin: 15px 0;

}

.answerbox h3 {
	line-height: 40px;
	background: #F3F5F7;
	text-indent: 20px;
}

.answerbox h3 i {
	font-size: 26px;
	color: red;
	margin-right: 10px;
	cursor: pointer;
}

.add-answer {
	background: url("../images/answeradd.png") no-repeat center;
	background-size: 100%;
	box-shadow: none;
	border-radius: 0
}

.answerbtn {
	position: relative;
}

.answer-menu {
	padding: 5px 15px;
	box-shadow: 0 0 3px #eee;
	border: 1px #e6e6e6 solid;
	width: 70px;
	float: left;
	line-height: 40px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: -100px;
	z-index: 9;
	display: none;
}

.answer-menu p .webuploader-pick,
.answer-menu div .webuploader-pick {
	color: #333 !important;
	line-height: 40px;
}

.answer-menu p:hover,
.answer-menu p:hover .webuploader-pick,
.answer-menu div:hover,
.answer-menu div:hover .webuploader-pick {
	cursor: pointer;
	color: #098AFF !important;
}

.answer-layer {
	width: 660px;
	padding: 10px 20px;
	margin: auto;
}

.answer-layerbox {
	padding: 10px 0;
	overflow-x: hidden;
	height: 500px;
}


.answer-folderbox .folder {
	margin-bottom: 30px;
}





/*第六版付费改版*/
.kemu_style b.pay_video {
	color: red;
	font-size: 16px;
	margin: -3px 0 0 8px;
}

.pay_video cite {
	font-size: 12px;
	font-style: normal;

}

.pay_video cite.free {
	font-size: 14px;
	color: #3DB350;
}

.price {
	position: absolute;
	right: 0;
	bottom: 5px;
}

.lineb {
	font-size: 12px;
	margin-right: 10px;
	color: #999;
	text-decoration: line-through;
}

.profile-video-list .pay_video {
	width: 70px;
	position: absolute;
	right: 34px;
	bottom: 20px;
	color: red;
	text-align: right;
}

.payvideo {
	padding: 15px 30px 0;
}

.payvideo div {
	margin-bottom: 5px;
}

.payvideo div input.setnum {
	margin: 10px 0 0 30px;
	width: 200px;
}

.payvideo label {
	width: 100%;
	display: block;
}

.redtip {
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background: red;
	float: left;
	margin: 9px 5px;
}

.hovershow {
	color: #098AFF;
}



/*播放页面*/
.playbox {
	height: 566px;
	width: 1200px;
	margin: 0 auto;
}

.playleft {
	width: 72%;
	background: #fff;
	float: left;
	height: 566px;
}

.playright {
	width: 26%;
	background: #fff;
	float: right;
	min-height: 546px;
	padding: 0 0 20px 0;
}

.playvideo {
	width: 94%;
	height: 512px;
	border: 1px #ddd solid;
	top: 0% !important;
	left: 0% !important;
	-webkit-transform: translate(3%, 5%);
	-moz-transform: translate(3%, 5%);
	transform: translate(3%, 5%);
}

#playercontainerThumbDiv {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

#playercontainerThumbDiv img {
	width: 100%;
	min-height: 514px;
}

.playtitle {
	font-size: 24px;
	padding: 30px;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.playtext {
	padding: 0 30px 10px;
	color: #939393;
	font-size: 16px;
}

.playtext span {
	margin-right: 10px;
}

.playtext1 {
	padding: 0 30px 10px;
	font-size: 30px;
	color: #fe5741;
}

.playtext1 p i {
	font-size: 16px;
}

.playtext1 p span {
	margin-right: 10px;
}

.playtext1 p span.active {
	color: #3DB350;
	font-size: 18px;
}

.playtext1 p i.i1 {
	color: #939393;
}

.playtext1 p span b {
	font-size: 14px !important;
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}

.playbuybtn {
	padding: 20px 30px 0;
}

.playbuybtn button {
	width: 120px;
	height: 40px;
	background: #098AFF;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}

.playtext2 {
	padding: 40px 0 0 30px;
	width: auto;
	height: 190px;
}

.playtext2left {
	width: 59%;
	max-width: 140px;
	max-height: 140px;
	height: 100%;
	float: left;
}

.playtext2left .ewmjpg {
	max-width: 140px;
	max-height: 140px;
	float: right;
}

.playtext2right {
	width: 35%;
	height: 100%;
	float: left;
}

.playtext2right .fav,
.playtext2right .shared,
.playtext2right .btn {
	padding: 5% 0 20%;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}

.playtext2right .btn span {
	width: 80px;
	height: 30px;
	background: #fe5741;
	border-radius: 15px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}

.playtext2right .shared,
.playtext2right .fav {
	position: relative;
}

.playtext2right .fav i,
.playtext2right .shared i {
	position: absolute;
	left: 0;
	font-size: 20px;
}

.playtext2right .shared i {
	color: #505050;
}

.playtext2right .fav.active {
	color: #1aacfe;
}

.playperson {
	padding: 20px;
	font-size: 16px;
}

.playperson .img {
	width: 60px;
	height: 60px;
	border-radius: 60px;
	display: block;
	margin: 30px auto 20px;
	border: 1px #e9e9e9 solid;
}

.playperson .img img {
	width: 60px;
	height: 60px;
	border-radius: 60px;
	border: 1px #d9d9d9 solid;
}

.playperson .text {
	width: 80%;
	margin: 0 7%;
	text-align: center !important;
}

.playperson .text p.p {
	color: #939393;
	font-size: 12px;
	width: 249px;
	margin-top: 12px;
	line-height: 20px;
}

.playperson .focus {
	width: 30%;
	display: block;
	margin: 0 auto;
}

.playperson .focus span {
	width: auto;
	height: 25px;
	border: 1px #1aacfe solid;
	border-radius: 3px;
	color: #1aacfe;
	line-height: 25px;
	text-align: center;
	margin-top: 20px;
	cursor: pointer;
	padding: 0 5px;
	display: block;
}

.playperson .focus span.active {
	color: #999;
	border: 1px #999 solid;
}

.comment {
	height: auto;
	left: 3%;
	width: 1200px;
	margin: 25px auto 20px;
}

.commentleft {
	width: 72%;
	float: left;
	background: #fff;
}

.commentright {
	width: 26%;
	float: right;
}

.commentstar {
	height: 50px;
	width: 94%;
	line-height: 50px;
}

.playstar {
	height: 50px;
	width: 140px;
}

i.cstar {
	width: 15px;
	height: 15px;
	background: url("../images/cstar.png") no-repeat center;
	background-size: 100%;
	margin: 14px 7px 0 0;
}

i.cstarbang {
	width: 15px;
	height: 15px;
	background: url("../images/cstarbang.png") no-repeat center;
	background-size: 100%;
	margin: 14px 10px 0 0;
}

i.cstarg {
	width: 15px;
	height: 15px;
	background: url("../images/cstarg.png") no-repeat center;
	background-size: 100%;
	margin: 14px 10px 0 0;
}

.playstarr {
	height: 20px !important;
	float: left;
}

i.sstar {
	background-size: 70%;
	height: 20px;
	margin: 0;
	float: left;
}

.commentstar div {
	float: left;
	height: 50px;
	margin-right: 20px;
}

.commentwrite {
	width: 94%;
	height: 50px;
	line-height: 50px;
}

.commentwrite span {
	color: #1aacfe;
	margin-right: 20px;
	cursor: pointer;
	padding: 0 10px 0 0;
}

.commentwrite i {
	color: #939393;
	font-style: normal;
}

.commentbox {
	height: auto;
	width: 94%;
	margin: 10px 0 0 0%;
	border-bottom: 1px #eaeaea solid;
	padding: 10px 0 20px;
}

.commentboxtop .pic {
	width: 45px;
	height: 45px;
	border-radius: 45px;
	margin-right: 15px;
	float: left;
}

.commentboxtop .pic img {
	width: 45px;
	height: 45px;
	border-radius: 45px;
}

.commentboxtop .name {
	float: left;
}

.commentboxtop .name p.p {
	color: #939393;
	font-size: 14px;
	margin-top: -8px;
}

.commentboxmid {
	width: 100%;
	margin: 15px 0 10px 0;
	color: #505050;
	line-height: 25px;
}

.commentboxbtm {
	color: #939393;
	font-size: 14px;
}

.course-main {
	position: relative;
}

.awardmoney {
	z-index: 9999999;
	position: relative;
	padding: 10px 18px 20px;
}

.awardmoney label {
	width: 65px;
	height: 65px;
	border-radius: 65px;
	background: #f2f2f2;
	float: left;
	margin: 0 10px 15px 10px;
	line-height: 68px;
	color: #a1a1a1;
	text-align: center;
	border: 1px #fff solid;
	cursor: pointer;
	font-size: 16px;
}

.awardmoney label input {
	display: none;
}

.awardmoney label.active {
	color: #fe5741;
	border: 1px #ff280c solid;
	background: #fff;
}

#payaward,
#payment {
	background: #ff280c;
	width: 100%;
	line-height: 2.6rem;
	border-radius: 2.6rem;
	color: #fff;
	font-size: 18px;
	border: 0;
	cursor: pointer;
}


.choosepay {
	border-top: 1px #e6e6e6 solid;
	padding: 20px 18px 20px;
}

.choosepay p {
	color: #a1a1a1;
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
}

.choosepay-list {
	height: 34px;
	width: 100%;
	margin: 0 0 1rem 0;
	font-size: 16px;
	display: inline-block;
}

.choosepay-list .img1 {
	width: 1.8rem;
	height: 1.8rem;
	background: url("/mobilepage/images/yue.png") no-repeat center;
	background-size: 100%;
	float: left;
}

.choosepay-list .img2 {
	width: 1.8rem;
	height: 1.8rem;
	background: url("/mobilepage/images/wechat.png") no-repeat center;
	background-size: 100%;
	float: left;
}

.choosepay-list .img3 {
	width: 1.8rem;
	height: 1.8rem;
	background: url("/mobilepage/images/zfb.png") no-repeat center;
	background-size: 100%;
	float: left;
}

.choosepay-list .money {
	float: left;
	margin: 0 0 0 1rem;
	line-height: 1.8rem;
}

.choosepay-list .money span {
	color: #a1a1a1;
	font-size: .8rem;
	margin: 0 0 0 .5rem;
}

.choose {
	border: 1px #c2c7ca solid;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 1.4rem;
	background: #fff;
	float: right;
	margin-top: .1rem;
}

.choose.active {
	border: 1px #ff280c solid;
	box-shadow: 0 0 0 3px #fff inset, 10px 10px 10px 10px #ff280c inset;
}

.successpay {
	text-align: center;
	padding: 10px 18px 20px;
	font-size: 18px;
}

.successpay div {
	width: 5rem;
	height: 5rem;
	background: url("/mobilepage/images/success.png") no-repeat center;
	background-size: 100%;
	display: block;
	margin: 2rem auto 2rem;
}


.playshared {
	z-index: 1000;
	padding: 30px 30px 40px 50px;
}

.playshared span {
	width: 40px;
	height: 40px;
	margin-right: 20px;
	line-height: 110px;
	text-align: center;
	font-size: 12px;
}

.playshared a:nth-child(1) span {
	background: url("../images/wechat.png") no-repeat left top;
	background-size: 100%;
}

.playshared a:nth-child(2) span {
	background: url("../images/qq1.png") no-repeat center;
	background-size: 100%;
}

.playshared a:nth-child(3) span {
	background: url("../images/qqzone.png") no-repeat center;
	background-size: 100%;
}

.playshared a:nth-child(4) span {
	background: url("../images/weibo.png") no-repeat center;
	background-size: 100%;
}

.wcommentlayer {
	padding: 30px;
}

.wcommentlayer textarea {
	width: 100%;
	height: 150px;
	resize: none;
	margin: 20px auto;
	display: block;
	padding: 10px 0;
	text-indent: 10px;
}

.score-star {
	height: 30px;
	line-height: 30px;
}

.score-star i {
	float: left;
	margin-right: 20px;
}

.score-star span {
	font-size: 20px;
	width: 20px;
	height: 20px;
	background-image: url("../images/diff.png");
	background-position: 0px -575px;
	float: left;
	margin-top: 5px;

}

.playiconbox {
	position: absolute;
	left: 45%;
	top: 42%;
	width: 0;
	height: 0;
	border-left: 44px solid transparent;
	border-right: 44px solid transparent;
	border-bottom: 74px solid #000;
	transform: rotate(90deg);
	border-radius: 10px;
}

.playicon {
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-bottom: 60px solid rgba(255, 255, 255, 1);
	margin: 9px 0 0 -35px;
	transform: rotate(0deg);
}

#player {
	width: 100%;
	height: 512px;
	/* height: 270px; */
	display: inline-block;
	background-color: #1b1b1b;
}

.jw-adv {
	width: 98% !important;
	height: 504px !important;
	position: absolute;
	/* background: url("/mobilepage/images/video-wkbadv-3.jpg?v=4") no-repeat center;
	background-size: 95% !important; */
	background-color: rgba(0, 0, 0, .5);
	z-index: 99999;
	padding: 1% 2% 0 0;
	top: 0;
	left: 0;
	cursor: pointer;
	display: none;
}

.closebtn {
	color: #FF0000 !important;
	font-size: 14px;
	top: 10px;
	right: 10px;
	position: absolute;
	z-index: 99999999;
	width: auto;
	height: 20px;
	padding: 0 8px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .5);
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	display: none
}

/*产品中心*/
dl.layuichild {
	width: 1000px;
	height: auto;
	position: absolute !important;
	left: -480px !important;
	color: #333;
	z-index: 9999999;
}

dl.layuichild dd {
	width: 16%;
	height: auto;
	float: left;
	margin-left: .6%;
}

.nav-product {
	padding: 20px 10px;
	text-align: center;
}

.nav-product .one {
	font-size: 14px;
}

.nav-product .one i {
	width: 80px;
	height: 80px;
	display: block;
	margin: 0 auto 0;
	border: 1px #e6e6e6 solid;
	border-radius: 5px;
	cursor: pointer;
}

.nav-product .one a:hover {
	background: none;
}

.nav-product .one i.a {
	background: url("../images/navpic1.png") no-repeat center;
	background-size: 70%;
}

.nav-product .one i.b {
	background: url("../images/navpic2.png") no-repeat center;
	background-size: 70%;
}

.nav-product .one i.c {
	background: url("../images/navpic3.png") no-repeat center;
	background-size: 70%;
}

.nav-product .one i.d {
	background: url("../images/navpic4.png") no-repeat center;
	background-size: 70%;
}

.nav-product .one i.e {
	background: url("../images/navpic5.png") no-repeat center;
	background-size: 70%;
}

.nav-product p.nav-productp {
	color: #999;
	font-size: 12px;
}

.nav-product .two {
	width: 100%;
	height: 140px;
	text-align: center;
}

.nav-product .two i {
	width: 100px;
	height: 100px;
	display: block;
	margin: 20px auto 0;
}

.nav-product .two i.a {
	background: url("../images/down007.png?v=1") no-repeat center;
	background-size: 100%;
}

.nav-product .two i.b {
	background: url("../images/down006.png?v=1") no-repeat center;
	background-size: 100%;
}

.nav-product .two i.c {
	background: url("../images/download0007.png?v=1") no-repeat center;
	background-size: 100%;
}

.nav-product .two cite.btn {
	border: 1px #333 solid;
	font-style: normal;
	padding: 0 10px;
	border-radius: 5px;
	cursor: pointer;
	margin: 10px 0 0 0;
	display: inline-block;
}

.nav-product:hover .one i {
	border: 1px #098AFF solid;
}

.nav-product:hover .two {
	color: #098AFF
}

.nav-product:hover .two cite.btn {
	border: 1px #098AFF solid;
}

.nav-product:hover .two cite a {
	background: none;
	color: #098AFF !important;
}

.site .layui-nav dl.layuichild dd.layui-this {
	background: none !important;
}


/*订单记录*/
.orderrecord p.time {
	font-size: 16px;
	margin: 5px 0;
}

img.orderrecordpic {
	width: 100%;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	padding: 0 !important;
	margin: -6px 10px 0 0;
}

.orderrecord p.time i.i1 {
	color: #939393;
}

.orderrecord p.time i.i2 {
	color: red;
	margin: 0 30px;
	font-size: 18px;
}

.orderrecord p.time i.i2 b {
	font-size: 12px;
}

.orderrecordbuy {
	border-bottom: 1px #eee solid;
	margin: 0 0 30px 0;
	padding: 20px 0;
}

.orderrecordbox {
	padding: 25px 0 10px 50px;
	font-size: 16px;
}

.orderrecordbox p {
	padding: 10px 0;
	color: #505050
}

.orderrecordbox span {
	margin-right: 35px;
}

.orderrecordbox span i {
	margin-left: 35px;
	color: red;
	font-size: 18px;
}

.orderrecordbox span i b {
	font-size: 12px;
}


/*微课上传界面修改*/
.layui-tab ul.videouptab {
	padding: 0 100px;
	margin-bottom: 30px;
}

.layui-tab ul.videouptab li {
	padding: 0 20px;
}

.videonext {
	width: 30%;
	margin: 20px auto;
}

.infodiv {
	margin-bottom: 50px;
	position: relative;
}

.infop {
	width: 80%;
	margin: 0 auto;
	font-size: 18px;
}

.deletebtn {
	width: 30px;
	height: 30px;
	background: url("../images/remove.png") no-repeat center;
	background-size: 100%;
	position: absolute;
	right: 145px;
	top: -5px;
}

.layui-tab ul.videouptab li i.tips {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #098AFF;
	display: inline-block;
	padding: 0;
	float: left;
	margin: 10px 10px 0 0;
	color: #fff;
	font-style: normal;
	line-height: 20px;
}



/*微课简介设置*/
.video-info-show {
	padding: 10px 0 20px;
	border-bottom: 1px #eaeaea solid;
	margin-bottom: 30px;
}

.video-info-show .title {
	margin-bottom: 5px;
	font-size: 18px;
	display: block;
	color: #000;
	font-weight: bold;
	letter-spacing: 1px;
	border-left: 2px #098AFF solid;
	padding: 0 15px
}

.video-info-show .text {
	padding: 10px 20px;
	text-indent: 2rem;
	line-height: 30px;
	word-break: break-all;
	white-space: pre-wrap;
	font-size: 16px;
	color: #666;

}

.video-info-show .img {
	width: 50%;
	display: block;
	margin: 20px;
	height: auto;
}

.video-info-show .img img {
	width: 100%;
	height: auto;
}


/*入驻学校*/
.joinschool-one {
	width: 100%;
	height: 650px;
	background: url("../images/join.png") no-repeat center;
	background-size: cover;
}

.joinschool-box {
	width: 1080px;
	margin: 0 auto;
	padding: 3% 0 0;
}

.joinschool-box .top {
	color: #fff;
	font-size: 60px;
	font-family: "SimHei" !important;
	font-weight: bold;
	margin: 50px 0 50px;
	text-align: center;
}

.btn-box {
	color: #fff;
}

.btnleft {
	width: 64%;
	height: 380px;
}

.btnright {
	width: 35%;
	height: 380px;
}

.btnleft .btn {
	width: 235px;
	height: 60px;
	border-radius: 30px;
	background: #098AFF;
	text-align: center;
	line-height: 60px;
	font-size: 24px;
	margin: 100px auto 40px;
	cursor: pointer;
}

.btnleft .info {
	text-align: center;
	font-size: 24px;
}

.btnleft .info span {
	cursor: pointer;
}

.btnleft .info span cite {
	font-size: 16px;
	font-style: normal
}

.btnleft .info span a {
	color: #fff
}

.btnright p.p1 {
	font-size: 30px;
	text-indent: 45px;
}

.btnright p.p2 {
	margin: 20px auto;
}

.btnright p.p2 img {
	width: 250px;
	height: 250px;
}

.btnright p.p3 {
	width: 150px;
	height: 40px;
	border-radius: 20px;
	border: 1px #fff solid;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	margin-left: 45px;
	cursor: pointer;
}

.btnright p.p3 a {
	color: #fff;
}

.joinschool-two {
	background: #fefefe;
	height: 760px;
}

.joinschool-two .joinschool-box {
	width: 1200px;

}

.joinschool-box .title {
	text-align: center;
	font-size: 46px;
	color: #4f4f4f;
	margin-top: 25px;
	font-family: "SimHei" !important;
	font-weight: bold;
}

.title i.left {
	width: 30px;
	height: 30px;
	background: url("../images/join2.png") no-repeat center;
	background-size: 100%;
	margin-right: 30px;
}

.title i.right {
	width: 30px;
	height: 30px;
	background: url("../images/join3.png") no-repeat center;
	background-size: 100%;
	margin-left: 30px;
}

.title i.left1 {
	width: 58px;
	height: 53px;
	background: url("../images/join18.png") no-repeat center;
	background-size: 100%;
	margin-right: 30px;
}

.twobox {
	padding: 100px 0 0;
}

.squbox {
	width: 200px;
	height: 200px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 10px #eee;
	float: left;
	margin: 0 45px 65px 45px;
	font-size: 22px;
	color: #098AFF;
	text-align: center;
	line-height: 50px;
}

.s1,
.s3,
.s6 {
	background: #098AFF;
	color: #fff
}

.squbox p {
	width: 80px;
	height: 80px;
	margin: 35px auto 10px;
}

.s1 p {
	background: url("../images/join4.png") no-repeat center;
	background-size: 100%;
}

.s2 p {
	background: url("../images/join5.png") no-repeat center;
	background-size: 100%;
}

.s3 p {
	background: url("../images/join6.png") no-repeat center;
	background-size: 100%;
}

.s4 p {
	background: url("../images/join7.png") no-repeat center;
	background-size: 100%;
}

.s5 p {
	background: url("../images/join8.png") no-repeat center;
	background-size: 100%;
}

.s6 p {
	background: url("../images/join9.png") no-repeat center;
	background-size: 100%;
}

.s7 p {
	background: url("../images/join10.png") no-repeat center;
	background-size: 100%;
}

.s5 {
	margin-left: 200px;
}

.joinschool-three {
	height: 910px;
	background: url("../images/join14.png") no-repeat center;
	background-size: cover;
}

.thrbox {
	width: 329px;
	height: 575px;
	background: #fff;
	border-radius: 10px;
	margin: 0 10px 0;
	float: left;
	padding: 30px 25px;
	position: relative;
}

.thrbox span {
	width: 60px;
	margin: 0 auto 20px;
	display: block;
	height: 1px;
	border-top: 1px #9ecb45 solid;
}

.thrbox span.span1 {
	border-top: 1px #098AFF solid;
}

.thrbox span.span2 {
	border-top: 1px #ffca2a solid;
}

.joinpart {
	font-size: 22px;
	color: #9ecb45;
	text-align: center;
	margin-bottom: 30px;
}

.joinpart1 {
	color: #098AFF;
}

.joinpart2 {
	color: #ffca2a;
}

.joinpart i.lv {
	width: 30px;
	height: 30px;
	background: url("../images/join16.png") no-repeat center;
	background-size: 100%;
	position: absolute;
	left: 80px;
}

.joinpart i.lan {
	width: 30px;
	height: 30px;
	background: url("../images/join15.png") no-repeat center;
	background-size: 100%;
	position: absolute;
	left: 80px;
}

.joinpart i.orange {
	width: 30px;
	height: 30px;
	background: url("../images/join17.png") no-repeat center;
	background-size: 100%;
	position: absolute;
	left: 80px;
}

.thrbox p {
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #363636;
}

.thrbox img {
	display: block;
	margin: 25px auto 0;
}


.fourbox {
	float: left;
	width: 599px;
	height: 220px;
}

.f1 {
	border-right: 1px #e6e6e6 solid;
}

.f2 {
	border-bottom: 1px #e6e6e6 solid;
}

.f3 {
	border-top: 1px #e6e6e6 solid;
}

.f4 {
	border-left: 1px #e6e6e6 solid;
}

.fourboxtop {
	padding: 20px 140px 0;
	margin-bottom: 30px;
}

.fourboxtop1 {
	padding: 50px 140px 0;
}

.fourboxtop div {
	float: left;
	color: #098AFF;
	font-size: 20px;
}

.fourboxtop .bg {
	width: 180px;
	height: 30px;
	padding: 20px 0;
	margin-left: 30px;
	background: url("../images/join23.png") no-repeat center bottom;
	background-size: 100%;
	text-align: center;
}

.fourboxbtm {
	font-size: 16px;
	color: #363636;
	text-align: center;
}

i.bigimg {
	width: 88px;
	height: 88px;
	background: url("../images/join19.png") no-repeat center;
	background-size: 100%;
}

i.bigimg1 {
	background: url("../images/join20.png") no-repeat center;
	background-size: 100%;
}

i.bigimg2 {
	background: url("../images/join21.png") no-repeat center;
	background-size: 100%;
}

i.bigimg3 {
	background: url("../images/join22.png") no-repeat center;
	background-size: 100%;
}


.joinschool-five {
	height: 720px;
	background: url("../images/join24.png") no-repeat center;
	background-size: cover;
}

.joinschool-five .pp {
	font-size: 16px;
	width: 90%;
	margin: 50px auto 0;
	line-height: 30px;
	color: #6e6e6e;
}

.section {
	width: 197px;
	height: 260px;
	float: left;
	text-align: center;
	margin: 10px 90px;
}

.section i {
	width: 197px;
	height: 197px;
}

.section .i1 {
	background: url("../images/join25.png") no-repeat center;
	background-size: 100%;
}

.section .i2 {
	background: url("../images/join26.png") no-repeat center;
	background-size: 100%;
}

.section .i3 {
	background: url("../images/join27.png") no-repeat center;
	background-size: 100%;
}

.section p {
	color: #098AFF;
	font-size: 24px;
	margin-top: 30px;
}



/*vip页面改版*/
.money-btn {
	width: 100%;
	margin: 30px auto;
}

.moneybox {
	width: 143px;
	height: 90px;
	float: left;
	margin: 0 20px;
	text-align: center;
	border: 2px #fff solid;
	box-shadow: 0 0 20px #ddd;
	border-radius: 4px;
	padding: 30px 20px;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	color: #939393
}

.moneybox i {
	color: #098AFF;
	font-size: 32px;
}

.moneybox p {
	font-size: 14px;
	color: red;
	float: right;
	position: absolute;
	right: 10px;
	top: 10px;
}

.moneybox b {
	font-size: 18px;
	color: #939393
}

.moneybox1 {
	font-size: 18px;
	line-height: 100px;
}

.moneybox.active {
	border: 2px #098AFF solid;
}

.layui-tab-content table.layui-table th,
.layui-tab-content table.layui-table tr {
	font-size: 14px;
	/* padding: 10px 15px; */
	font-weight: normal;
}

.layui-tab-content table.layui-table td {
	font-size: 16px;
	position: relative;
	/* padding: 15px; */
}

i.true {
	width: 30px;
	height: 30px;
	background: url("../images/true.svg") no-repeat center;
	background-size: 100%;
	position: absolute;
	left: 35%;
	top: 20%
}

i.false {
	width: 30px;
	height: 30px;
	background: url("../images/false.svg") no-repeat center;
	background-size: 100%;
	position: absolute;
	left: 35%;
	top: 20%
}


/*新播放器样式调整*/
.player-poster[data-poster] .play-wrapper[data-poster] {
	height: 15%;
}

.player-poster[data-poster] .play-wrapper[data-poster] svg path {
	stroke: #000;
	stroke-width: 1;
	fill: #fff;
}

/*课程目录*/
.catalog {
	width: 860px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 20px
}

.catalogtxt {
	border-bottom: 1px #ddd solid;
	padding: 0 0 15px 0;
	font-size: 16px;
	color: #333;
}

.catalog span {
	padding: 0 15px 0;
	cursor: pointer;
	float: right;
	color: #333
}

.catalogtxt span {
	color: #098AFF;
}

.catalog span i {
	font-size: 18px;
	float: left;
	margin-right: 5px;
}

.headline {
	padding: 20px 0;
}

.headlinetxt {
	font-size: 16px;
}

.headlinetxt span.span1 {
	font-size: 18px;
	float: left;
	width: 25px;
	height: 25px;
	background: url("../images/rankup.png") no-repeat center;
	background-size: 99%;
	padding: 0;
}

.headlinetxt i.i1 {
	margin-right: 15px;
}

.headlinetxt span.span2 {
	width: 605px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	float: left;
	text-indent: 10px;
}

.headlinetxt span.span3,
.littlelinetxt span.span3 {
	float: left;
	padding: 0 0 0 15px;
	font-size: 14px;
	margin-top: 3px;
}

.headlinetxt span.span4,
.littlelinetxt span.span4 {
	float: left;
	font-size: 14px;
	margin-top: 3px;
}

.headlinetxt span.span5 {
	float: left;
	font-size: 14px;
	margin-top: 3px;
}

.littleline {
	padding: 10px 0 15px 0;
	padding-left: 41px;
	cursor: pointer;
}

.littlelinetxt span.span2 {
	color: #666;
	font-size: 16px;
	width: 624px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
}

.littlelinetxt {
	width: 100%;
}

.spanhide {
	display: none
}

i.layui-icon1 {
	float: left;
	font-size: 20px;
	color: #098AFF;
	font-weight: bold;
	margin: 0 5px 0 10px;
}

.littleline span.span2 {
	width: 582px;
}

.littleline span.span5 {
	margin: 3px 0 0 35px;
	width: 20px;
	height: 20px;
	background: url("../images/rankup.png") no-repeat center;
	background-size: 100%;
	padding: 0;
}

i.layui-icon2 {
	margin: 0 5px 0 25px;
}

.catalogbox {
	border-bottom: 1px #eaeaea dashed;
	height: auto
}

.littleline:hover {
	background: #F4F4F4;
}

.littleline cite {
	font-style: normal;
	padding: 0 10px;
	border: 1px #fe523b solid;
	border-radius: 3px;
	font-size: 12px;
	margin: 0 20px;
	color: #fe523b;
	float: left;
}

.headline1 {
	padding: 0 !important;
}

.layui-colla-title {
	background: #fff !important;
	padding: 0 15px 0 0
}

.headline1 .headlinetxt i.i2 {
	white-space: nowrap;
	text-overflow: inherit;
	overflow: inherit;
}

.layui-colla-icon {
	position: absolute;
	top: 0;
	left: 760px;
	color: #098AFF;
	font-weight: bold;
}

.layui-collapse,
.layui-colla-content {
	border: none
}

.headlinetxt span.span6 {
	width: 570px;
	cursor: pointer;
}

.headlinetxt span.span7 {
	margin: 0;
}

.littleline span.span6 {
	width: 530px;
	text-indent: 15px
}

.littleline span.span8,
.headline span.span8 {
	float: right;
	padding: 0;
	margin: 0;
}

.littleline span.span2 a,
.headline span.span2 a {
	text-indent: 0
}

cite.span4 {
	font-style: normal;
	padding: 0 10px;
	border: 1px #fe523b solid;
	border-radius: 3px;
	font-size: 12px;
	margin: 0 20px;
	color: #fe523b;
	float: left;
	cursor: pointer;
}

.headlinevideo {
	position: relative;
}

.headlinevideo span.span8 {
	position: absolute;
	right: 15px;
	top: 23px;
}

/*.headlinev，
.littlelinev{
	padding:10px 0 10px 15px
}*/
/*发布课程*/
.send-course,
.try-video,
.set-cost {
	padding: 20px;
	width: 360px;
	height: auto;
	background: #fff;
}

.sendboxone {
	padding: 10px 20px;
	font-size: 14px !important;
}

.sendboxone div {
	height: 50px;
	line-height: 50px;
	position: relative;
	border-bottom: 1px #eaeaea solid
}

.sendboxone .layui-input {
	float: right;
	border: 0;
	width: 120px;
	background: none;
	text-align: right;
	margin-top: 5px;
}

.sendboxone div.try:hover {
	cursor: pointer;
	color: #098AFF;
}

.sendboxone div.try span {
	position: absolute;
	right: 0;
	top: 0;
}


.try-video {
	width: 500px;
	padding: 10px 30px;
	height: 450px;
	overflow-y: scroll;
}

.try-video .headlinetxt span.span2 {
	width: 400px;
	margin-left: 0;
	text-align: left;
}

.try-video .littlelinetxt span.span2 {
	width: 360px;
}

.try-video .headlinetxt span {
	margin: 0 10px 0 0;
	text-align: center;
	cursor: pointer;
}

.try-video .headlinetxt span.span3 {
	padding: 0;
}

.try-video .layui-icon1 {
	margin-left: 2px;
}

/*course-grade课程多选年级*/
.course-grade {
	width: 80%;
	position: absolute;
	top: 36px;
	left: 110px;
	z-index: 999;
	background: #fff;
	display: none;
	border: 1px #e6e6e6 solid;
}

.course-grade .layui-form-label {
	width: 40px !important;
	float: left;
}

.course-grade .layui-input-block {
	margin-left: 0;
	padding-top: 5px;
}

.course-grade .layui-form-checkbox .layui-icon {
	/*display:none*/
}

.resource-form .layui-form input {
	margin-bottom: 0;
}



/*直播*/
span.livestream-num {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3px 0;
	width: 100%;
	font-size: 12px;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	text-indent: 10px;
}

p.livestream-notice {
	margin-top: 30px;
	color: red;
	cursor: pointer;
	font-size: 12px;
	margin-left: 20px;
}

.livestream-noticebox p i,
p.livestream-notice i {
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background: red;
	margin: 8px 10px 0 0;
	float: left;
}

.set-cost {
	padding-bottom: 10px;
}

.livestream-noticebox {
	padding: 30px;
}

.livestream-noticebox p {
	line-height: 20px;
	color: red
}

.livestream-success {
	padding: 30px 0;
	text-align: center;
}

.livestream-success p {
	line-height: 20px;
}

.livestream-success i {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	margin-right: 10px;
	cursor: pointer;
}

.livestream-success div {
	display: inline-block;
	margin: 10px auto 0;
}

.livestream-success div b {
	line-height: 50px;
}


.add-livestream {
	padding: 30px 30px 0 10px;
}

.headline span.live-span2 {
	height: 50px;
}

.headline span.live-span2 p {
	font-size: 14px;
	color: #666;
	margin: 5px 0 0 0;
}

.live-type {
	border: 1px #098AFF solid;
	padding: 1px 5px;
	font-size: 14px;
	border-radius: 3px;
	margin-right: 5px;
	color: #098AFF
}

i.live-type1 {
	color: #37ccff;
}

i.live-type2 {
	color: #47bd5a
}

i.live-type3 {
	color: #f01414
}

i.live-type4 {
	color: #999
}




.profile-video-list .pay_video i.join {
	width: 110px;
	position: absolute;
	bottom: 0;
	right: 130px;
	font-size: 14px;
}

.profile-video-list .pay_video i.join1 {
	right: 32px
}

.live-cata {
	padding: 10px 0 10px 0 !important;
	color: #666;
	font-size: 16px;
	line-height: 40px;
	cursor: pointer;
}

.live-cata .span1 {
	width: 450px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
}

.live-cata .span8 {
	font-size: 14px;
	margin-top: 3px;
}

.live-state i {
	font-size: 12px;
	padding: 3px 10px;
	border-radius: 3px;
	cursor: pointer;
}

.state-one {
	border: 1px #098AFF solid;
	color: #098AFF;
}

.state-thr {
	color: #fff;
	background: #098AFF;
}

.state-four {
	border: 1px #098AFF solid;
	color: #098AFF;
}


/*直播首页*/
.live-listmenu {
	padding: 0;
	width: 1140px;
	border-radius: 0;
	border: none;
}

.menu-listbox span.live-menu {
	border: 1px #f4f4f4 solid;
	padding: 3px 20px;
	border-radius: 15px;
	float: left;
	margin-right: 10px;
	font-size: 16px;
	cursor: pointer;
}

.menu-listbox span.live-menu.active {
	border: 1px #098AFF solid;
	color: #098AFF;
}

.livebox {
	height: auto;
	margin: 20px auto;
}

.live-list {
	height: auto;
	width: 1160px;
}

.live-listbox {
	width: 266px;
	height: 330px;
	overflow: hidden;
	display: inline-block;
	border: 1px solid #e4ecf3;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 15px;
	background: #fff;
	margin: 0 20px 20px 0;
	vertical-align: top;
	color: #616161;
	position: relative;
}

span.type-span {
	display: inline-block;
	height: 20px;
	width: auto;
	border-radius: 2px;
	font-size: 12px;
	color: #fff;
	padding: 0 5px;
	line-height: 20px;
	text-align: center;
	background: red
}

span.type-span.c5ba6dd {
	background: #5ba6dd;
}

span.type-span.c9aa8dc {
	background: #9aa8dc;
}

span.type-span.c74b886 {
	background: #74b886;
}

h1.live-title {
	font-size: 18px !important;
	font-weight: 600;
	color: #31404c;
	line-height: 0;
	height: 50px;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	white-space: pre-wrap;
	display: -moz-box;
	-moz-line-clamp: 2;
	-moz-box-orient: vertical;
	position: relative;
}

/*h1.live-title::after{
    content:"...";
    position: absolute;
    right:3px;
    top:25px;
    background:#fff;
    padding:0 0 0 7px;
}*/
.live-listbox .live-time {
	font-size: 12px;
	color: #818a92;
	font-weight: 500;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 16px;
}

.live-listbox .live-time i {
	margin: 0 10px;
}

.live-listbox .live-time span {
	color: #F5703A;
}

.liveimg {
	font-weight: 300;
	color: #818a92;
	margin: 16px 10px 15px 0;
	position: relative;
	height: 63px;
}

.liveimgbox {
	display: inline-block;
	text-align: center;
	margin: 0 10px 0 0;
}

.liveimgbox img {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #eee;
	margin-bottom: 5px;
}

.liveimgbox span {
	font-size: 12px;
	color: #818a92;
	display: block;
}

.live-infobox {
	border-top: 1px solid #eee;
	padding-top: 14px;
	position: relative;
	font-weight: 400;
}

.live-infoboxtop {
	height: 45px;
	overflow: hidden;
}

._3LXn5,
.t45av {
	font-weight: 500;
}

.t45av {
	color: #e4510f;
	margin-bottom: 2px;
	font-size: 12px;
}

._3LXn5 {
	color: #818a92;
	font-size: 12px;
	margin-top: 7px;
}

._3LXn51 {
	font-weight: 300;
}

._3t4co {
	position: absolute;
	right: 0;
	bottom: 0;
}

._3Yfyo {
	font-size: 20px;
}

._2Ekh0,
._14JkP {
	display: inline-block;
}

._14JkP {
	font-size: 12px;
	color: #a7b0b8;
	text-decoration: line-through;
}

._2Ekh0 {
	font-size: 20px;
	color: #ff773a;
}

._2Ekh0,
._14JkP {
	display: inline-block;
}

._2Ekh0 span {
	color: #ff773a;
	font-size: 12px;
}

._2Ekh0 i {
	margin-right: -5px;
}

.restore {
	position: absolute;
	top: 5px;
	right: 0px;
	font-size: .7rem;
	font-weight: 400;
	width: 145px;
	color: #fff;
	display: inline-block;
	padding: 3px;
	background: #F5703A;
	z-index: 99;
	text-align: right;
}

.restore b {
	content: "";
	position: absolute;
	display: block;
	top: 0px;
	border: 11px solid #F5703A;
	left: -10px;
	border-right-width: 0px;
	border-left-color: transparent;
}

.restore i {
	font-style: normal;
}

.livetagpic {
	width: 70px;
	height: 70px;
	border-radius: 70px;
	background: url("../images/livetagpic.png") no-repeat center;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: -10px;

}

/*直播须知*/
.class-notice {
	padding: 0 .75rem;
	margin-top: 1rem;
}

.class-notice .title {
	font-size: 18px;
	color: #4f4f4f;
	margin-bottom: 1rem
}

.notice-content {
	line-height: 2rem;
	color: #4f4f4f;
	margin-bottom: 1rem;
}

.notice-content i {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #098AFF;
	margin: 0 15px 0 0;
	display: inline-block;
}

.notice-content b {
	font-size: 1rem;
	font-weight: 400;
	color: #1f1f1f;
}

.notice-content div {
	padding: 0 0 0 22px;
	font-size: .9rem;
}

/*直播认证*/
.livecheck {
	width: 670px;
	height: auto;
	margin: 50px auto;
}

.livecheck .title {
	color: #098AFF;
	font-size: 20px;
	text-align: center;
}

.livecheck .title-tip {
	color: #505050;
	font-size: 16px;
	padding: 30px 0 20px;
	text-align: center;
	border-bottom: 1px #999 dashed;
	margin-bottom: 50px;
}

.live-tips {
	width: 450px;
	line-height: 25px;
	color: #505050;
	margin: 0 auto;
}

.checkbox-form form input {
	width: 530px !important;
}

.livecheck .btn {
	/*margin:50px;*/
	/*display:block;*/
	margin: 40px auto;
	display: block;
	width: 300px;
}

.checkbox-form .layui-input-block {
	position: relative;
}

.checkbox-form .layui-form-item {
	padding-bottom: 20px;
}


.process {
	width: 100%;
	height: 30px;
	margin-bottom: 50px;
	position: relative;
	line-height: 30px;
}

.process span {
	/*line-height:*/
	font-size: 16px;
	color: #bbb;
}

.process .num {
	font-size: 16px;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	background: #bbb;
	color: #fff;
	text-align: center;
	line-height: 25px;
	margin-right: 10px
}

.process .bar {
	width: 132px;
	height: 1px;
	background: #bbb;
	position: relative;
	margin: 5px 10px;
}

/*.process span i{
	font-style:normal;
	font-size:12px;
	position:absolute;
	left:45px;top:-15px;
	background:#fff;
	padding:1px 6px;
}*/
.process span.active {
	background: #098AFF
}

.process .colorblue {
	color: #098AFF;
}

form input.percent30,
form input.percent60,
form input.percent45,
form .percent30 {
	width: 30% !important;
	float: left;
	margin: 0 20px 16px 0;
}

form input.percent60 {
	width: 63% !important;
}

form input.percent45 {
	width: 46.5% !important;
}

.checkbox-form form textarea {
	margin-bottom: 16px;
	color: #333 !important;
	width: 96%
}

.checkbox-form form input::-webkit-input-placeholder {
	color: #333 !important;
}

.checkbox-form form input::-moz-placeholder {
	color: #333 !important;
}

.checkbox-form form input:-moz-placeholder {
	color: #333 !important;
}

.checkbox-form form input:-ms-input-placeholder {
	color: #333 !important;
}

.checkbox-form form input.layui-unselect {
	width: 100% !important;
}

.checkbox-form form .livegrade input.layui-unselect {
	width: 46.5% !important;
	display: inline-block;
	float: left;
	margin-right: 20px;
}

.checkbox-form form .livegrade .layui-form-select dl {
	position: absolute !important;
	left: 0 !important;
	top: 220px !important;
	width: 300px !important;
	min-width: 46.5%;
}

.checkbox-form form .livegrade .layui-edge {
	position: absolute !important;
	left: 290px !important;
	top: 198px !important;
}

.openbtnbox {
	margin: 25% auto;
}

.openbtnbox p {
	font-size: 20px;
}

.openbtn {
	margin: 30px auto;
}

.uploadidcard {
	width: auto;
	height: 125px;
	margin: 10px 0 0 110px;
}

.uploadidcard span {
	width: 222px;
	height: 125px;
	border: 1px #D2D2D2 solid;
	cursor: pointer;
	text-align: center;
}

.uploadidcard span img {
	width: 100%;
	height: 100%;
}

.uploadidcard span .webuploader-pick {
	height: 100px;
	line-height: 20px;
	color: #333;
	float: left;
}

.uploadidcard span i {
	font-size: 40px;
	display: block;
	line-height: 80px;
	color: #999
}

/*v6新版首页*/
.v6 {
	background: #fff;
}

.v6box {
	line-height: 70px;
	height: 70px;
	width: 1320px;
	margin: 0 auto;
}

.v6-left {
	width: auto;
	height: 70px;
}

.v6-right {
	height: 70px;
}

.v6-left .logo {
	width: 180px;
	display: inline-block;
	float: left;
}

.v6-left .logo img {
	width: 80%
}

.v6nav {
	float: left;
	height: 70px;
}

.v6nav .layui-nav .layui-nav-more {
	/* display:none; */
}

.v6search {
	width: auto;
	height: 70px;
	margin-right: 45px;
	position: relative;
	z-index: 9999
}

.v6search input {
	line-height: 28px;
	height: 28px;
	background: none !important;
	border: none;
	border-radius: 0;
	text-indent: 10px;
	font-size: 12px;
	width: 100px;/
}

.v6search i {
	cursor: pointer;
	color: #098AFF;
	font-weight: 600;
	font-size: 18px;
	margin-top: 3px;
	float: right;
}

.v6search select {
	border: none;
	height: 28px;
	background: none;
}

.v6bannertop,
.v6bannerbtm {
	width: 100%;
	position: relative;
	background: #fff;
}

.v6bannerbox {
	width: 100%;
	height: 350px;
	margin: 0 auto;
	position: relative;
}

.v6bannerbox a {
	display: none
}

.indexbanner {
	position: absolute;
	left: 0;
	top: 0;
}

.indexbanner1 {
	height: 349px;
	background: url("https://static1.wkzj.com/web/sitestatic/images/v6banner2.png") no-repeat center;
	width: 100%;
}

.indexbanner2 {
	height: 350px;
	background: url("https://static1.wkzj.com/web/sitestatic/images/v6banner3.png") no-repeat center;
	width: 100%;
}

.indexbanner3 {
	height: 350px;
	background: url("../images/mstbanner.jpg") no-repeat center;
	width: 100%;
}

.indexbanner4 {
	height: 350px;
	background: url("https://static1.wkzj.com/web/sitestatic/images/v6banner7.png") no-repeat center;
	width: 100%;
}

.indexbanner5 {
	height: 350px;
	background: url("../images/v6banner5.jpg") no-repeat center;
	width: 100%;
}

/* .indexbanner5{
	height:350px;
	background:url("https://static1.wkzj.com/web/sitestatic/images/v6banner5.jpg") no-repeat center ;
	width:100%;
}
.indexbanner6{
	height:350px;
	background:url("https://static1.wkzj.com/web/sitestatic/images/v6banner6.jpg") no-repeat center ;
	width:100%;
} */
/* .indexbanner33{
	height:350px;
	background:url("../images/banner33.png") no-repeat center #ffdfcb;
	width:100%;
} */

.squcirle {
	position: absolute;
	bottom: 10px;
	right: 41%;
	height: 10px;
	width: 10%;
}

.squcirle i {
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: rgba(0, 0, 0, .2);
	display: inline-block;
	float: left;
	margin: 0 5px;
	cursor: pointer;
}

.squcirle i.active {
	width: 10px;
	height: 6px;
	border-radius: 6px;
	background: #666;
	width: 15px;
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	-o-transition: transform 0.3s;
}

.v6bannerbtmbox {
	height: 306px;
	background: url("https://static1.wkzj.com/web/sitestatic/images/v6banner8.png") no-repeat center;
	background-size: 100%;
}

.v6bannerbtmbox1 {
	height: 310px;
	background: url("https://static1.wkzj.com/web/sitestatic/images/v6banner9.png") no-repeat center;
	background-size: 100%;
}

.v6bannerbtm .v6bannerbox {
	height: 300px;
	position: relative;
}

.v6bannerbtm .v6bannerbox a {
	width: 100%;
	height: 300px;
	margin: 0 auto;
}

.v6bannerbtm .v6bannerbox a {
	display: block !important
}


.v6live,
.v6weike {
	padding: 28px 0 50px;
	background: #fff;
}

.v6livebox {
	width: 1280px;
	margin: 0 auto;
}

.v6live-title {
	color: #098AFF;
	text-align: center;
	font-size: 28px;
	position: relative;
}

.v6live-title span {
	width: 100%;
	height: 1px;
	background: #EFEFEF;
	position: absolute;
	left: 0;
	top: 32px;
}

.v6live-title i {
	background: #fff;
	padding: 0 30px;
	font-weight: 600;
	font-style: normal;
	line-height: 64px;
	z-index: 1;
	position: relative;
}

.v6live-list {
	height: auto;
	width: 1220px;
}

.freecolor {
	color: #43bc60 !important;
}

.v6livebox button {
	display: block;
	margin: 30px auto;
	padding: 0 45px;
	background: #f5f5f5;
	border: 1px #dcdcdc solid
}

.v6live-listmenu {
	height: 34px;
	width: 1280px;
	margin-top: 15px;
}

.v6live-listmenu .grade {
	margin-left: 365px;
}

.v6live-listmenu .grade span {
	line-height: 34px;
	height: 34px;
	padding: 0 25px;
	border-radius: 2px;
	cursor: pointer;
	float: left;
	font-size: 16px;
	color: #616161;
	margin: 0 23px 0 0;
}

.v6live-listmenu .grade span.active {
	background: #098AFF;
	color: #fff;
}

.exclude {
	width: 57px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	border: 1px #C0C0C0 solid;
	border-radius: 14px;
	cursor: pointer;
	margin: 4px 0 0 0;
	font-size: 14px;
	font-weight: normal;
	color: #999;
}

.exclude a {
	color: #999
}

.v6live-listbox {
	height: auto;
	margin-top: 32px;
	width: 1312px;
}

.v6live-listbox1 {
	height: 0;
	padding-bottom: 73%;
}

.v6video {
	width: 300px;
	height: 299px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 7px;
	width: auto;
	display: inline-block;
	position: relative;
	background: #fff;
	overflow: hidden;
	float: left;
	margin: 0 24px 27px 0
}

.v6video img {
	width: 300px;
	height: 150px;
	margin-bottom: 24px;
	border-radius: 7px 7px 0 0;
}

.v6video .title {
	height: 45px;
	width: 264px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 18px !important;
	font-weight: 600;
	color: #333;
	padding: 0 18px;
	line-height: 22px;
}

.v6video .info {
	height: 23px;
	color: #999;
	width: 264px;
	padding: 0 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 500;
	font-size: 16px;
	margin: 7px 0 5px 0;
}

.v6video .info1 {
	font-size: 14px;
	padding: 0 18px;
}

.v6video .info1 span.free {
	color: #43bc60;
}

.v6video .info1 span.pay {
	color: #ed3e3e;
	font-size: 18px;
}

.v6video .info1 i {
	color: #999;
	margin-top: 3px
}

.v6video .info1 .name {
	max-width: 120px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #999;
	margin-right: 23px;
}



.v6teacher:hover,
.resource-list:hover,
.live-listbox:hover,
.v6class-list:hover {
	-webkit-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

.v6resource {
	padding: 50px 0;
	background: #F5F8FA;
}

.v6live-list1 {
	width: 1315px;
}

.v6live-res {
	float: left !important;
	width: 360px;
	height: 54px;
	padding: 33px 24px 29px;
	border: 1px #e4ecf3 solid;
	border-radius: 4px;
	margin: 0 28px 28px 0;
	background: #fff;
}

.v6live-res .title {
	font-size: 18px;
	color: #333;
	width: 280px;
	font-weight: 600;
	margin-bottom: 9px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.v6live-res .title i {
	float: left;
	margin: 0 15px 0 0;
}

.v6live-res .info {
	color: #818a92;
	font-size: 16px;
}

.v6teacher {
	border: 1px #e4ecf3 solid;
	width: 208px;
	height: 280px;
	padding: 35px 25px 0;
	border-radius: 5px;
	margin-right: 25px;
	background: #F5F8FA;
}

.v6teacher img {
	width: 92px;
	height: 92px;
	border-radius: 92px;
	display: block;
	margin: 0 auto 25px;
}

.v6teacher p {
	text-align: center;
}

.v6teacher p.p1 {
	font-size: 18px;
	margin-bottom: 10px;
}

.v6teacher p.p2 {
	color: #c1c1c1;
}

.v6teacher div {
	margin-top: 50px;
}

.v6teacher div span {
	width: 33%;
	float: left;
}


/*筛选*/
.v6listmenu {
	width: 1280px;
	height: 40px;
	margin: 20px auto;
	background: #fff;
}

.v6listmenu .grade span,
.lay-livemenu .grade span {
	padding: 10px 15px;
	cursor: pointer;
}

.v6listmenu .grade span.active,
.lay-livemenu .grade span.active {
	background: #098AFF;
	color: #fff !important;
}

.v6listmenu .grade span:hover,
.lay-livemenu .grade span:hover {
	color: #098AFF;
}

.v6listmenu .exclude {
	line-height: 40px;
	padding-right: 10px;
}

.v6videolistbox {
	height: auto;
	width: 1315px;
	margin-left: 10px;
}

.lay-livemenu .grade1 span {
	padding: 0 20px !important;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
}

.lay-livemenu .grade1 span.active {
	border: 1px #098AFF solid;
	color: #098AFF !important;
	background: none;
	border-radius: 15px;
}


/*支付订单*/
.payorder {
	border: 1px #e4ecf3 solid;
	width: 690px;
	margin: 20px auto;
	background: #fff;
	border-radius: 4px;
	padding: 30px 40px;
}

.payorder-step {
	height: 50px;
	line-height: 50px;
	padding-bottom: 10px;
	border-bottom: 1px #f5f5f5 solid
}

.payorder-step span {
	width: 25px;
	height: 25px;
	border-radius: 25px;
	border: 1px #098AFF solid;
	text-align: center;
	line-height: 25px;
	color: #098AFF;
	margin-right: 5px;
	font-size: 16px;
}

.payorder-step i {
	font-style: normal;
	margin-right: 5px;
}

.payorder-step b {
	width: 160px;
	height: 2px;
	background: #e4ecf3;
	margin: 3px 15px;
}

.payorder-step span.active {
	background: #098AFF;
	color: #fff;
}

.payorder-step b.active {
	background: #098AFF;
}

.payorder-tip {
	background: #fff7e9;
	line-height: 48px;
	height: 48px;
	padding: 0 15px;
	margin: 30px 0 25px;
	color: #ffa61f;
}

.payorder-info {
	height: 110px;
}

.payorder-info img {
	height: 110px;
	width: 180px;
	margin: 0 30px 0 0;
}

.payorder-info p {
	margin-bottom: 15px;
}

.payorder-info p i {
	color: red;
	font-style: normal;
	font-size: 16px;
}

.payorder-paybox {
	margin-top: 20px;
}

.payorder-paybox div {
	float: left;
	/*width:164px;*/
	/*margin-right:20px;*/
	text-align: center;
}

.payorder-paybox .one {
	height: 30px;
	margin: 0 auto;
	margin-right: 20px;
}

.payorder-paybox .two img,
.payorder-paybox .thr img {
	display: block;
	margin: 0 auto;
}

.payorder-paybox span {
	width: 110px;
	height: 35px;
	border: 2px #eee solid;
	/*float:left;*/
	margin-right: 15px;
	padding: 5px 20px;
	cursor: pointer;
}

.payorder-paybox span.active {
	border: 2px #098AFF solid;
}

.payorderbox {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px #e4ecf3 solid;
}

.payorderbox p i {
	margin-left: 20px;
	color: #999;
}

.ddprice,
.payprice {
	margin-top: 30px;
	/*float:right;*/
	text-align: right;
	width: 100%;
	padding: 0 20px 20px 0;
	border-bottom: 1px #e4ecf3 solid;
}

.payprice {
	border: none;
}

.ddprice i,
.payprice i {
	font-style: normal;
	width: 100px;
	font-size: 12px;
}

.payprice i {
	color: #ed3e3e;
	font-size: 18px;
}

.paysuccess,
.payfail {
	width: 400px;
	height: 300px;
	text-align: center;
	font-size: 16px;
	background: #fff;
	margin: 100px auto;
}

.paysuccess img,
.payfail img {
	display: block;
	margin: 20px auto 10px;
	width: 100px;
	height: 100px
}

.paysuccess div,
.payfail div {
	margin-top: 50px;
}

.paysuccess div span,
.payfail div span {
	width: 150px;
	height: 40px;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	background: #098AFF;
	color: #fff;
	margin: 0 20px;
	font-size: 14px;
	cursor: pointer;
}

.paysuccess div span.span1,
.payfail div span.span1 {
	background: none;
	border: 1px #616161 solid;
	color: #616161;
}

.v6payewm {
	width: 150px;
	height: 240px;
	margin: 100px auto 0;
}

.v6payewm img {
	width: 130px;
	height: 130px;
	display: block;
	margin: 0 auto 5px;
}

.v6payewm p {
	line-height: 30px;
}

.v6payewmbox {
	width: 0;
}

.v6payewmboxleft,
.v6payewmboxright {
	width: 150px;
	height: 160px;
	text-align: center;
}

/*收货地址*/
.payorder-paybox .address {
	width: 670px;
	text-align: left !important;
	padding: 0 0 20px;
}

.payorder-paybox .address label {
	margin-right: 30px;
}

.payorder-paybox .address label input {
	margin: 3px 5px 0 0;
	float: left;
}

.payorder-paybox .addressbox {
	width: 670px;
}

.payorder-paybox .layui-input-block {
	margin-left: 0;
}

.payorder-paybox .layui-input-block .layui-select-title {
	width: 165px;
	margin-right: 10px;
}

.payorder-paybox .layui-input-block textarea {
	width: 515px
}

.payorder-paybox .layui-input-block .layui-form-select .layui-edge {
	margin: -10px 10px 0 0;
}

.payorder-paybox .layui-input-block .layui-form-selected .layui-edge {
	margin: -16px 10px 0 0;
}






.bdshare-button-style0-24 a {
	background-image: none;
	background-size: 100% !important;
	height: auto !important;
	margin: 0;
	padding-left: 25px;
}

.bdshare-button-style0-24 .bds_weixin {
	background: url("/static/shared/images/shared-icon.png") no-repeat center top;
	background-size: 45% !important;
}

.bdshare-button-style0-24 .bds_sqq {
	background: url("/static/shared/images/shared-icon1.png") no-repeat center top;
	background-size: 45% !important;
}

.bdshare-button-style0-24 .bds_qzone {
	background: url("/static/shared/images/shared-icon2.png") no-repeat center top;
	background-size: 45% !important;
}

.bdshare-button-style0-24 .bds_tsina {
	background: url("/static/shared/images/shared-icon5.png") no-repeat center top;
	background-size: 45% !important;
}

.bdshare-button-style0-24 span {
	margin-top: 35px;
	font-size: 12px;
	width: 50px !important;
}

.layui-layer-page .layui-layer-content {
	height: auto !important;
	/*padding:20px;*/
}

.bd_weixin_popup {
	z-index: 99999999;
}

.sr-bdimgshare .bdimgshare-bg {
	display: none !important;
}

.bdimgshare-content,
.bdshare-slide-button-box .bdshare-slide-button {
	display: none;
}




.lay-livemenu {
	width: auto;
	height: 40px;
	float: right;
	line-height: 40px;
}

.lay-livemenu .grade span {
	padding: 0 15px;
	float: left;
}




/*直播播放*/
.liveplayer {
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.liveplayerleft {
	width: 80%;
	height: auto;
}

.liveplayerright {
	width: 20%;
	height: auto;
	background: #fff;
	position: relative;
}

.liveplayertop {
	height: 40px;
	background: rgba(255, 255, 255, .3);
	position: fixed;
	left: 0;
	top: 0;
	width: 79%;
	z-index: 9999;
	line-height: 40px;
	padding-left: 1%;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
}

.liveplayertop i {
	font-size: 24px;
	margin: 0 10px 0 0;
}

.liveplayerrighttop {
	height: 40px;
	background: #098AFF;
	font-size: 16px;
	line-height: 40px;
	text-indent: 15px;
	color: #fff;
	position: fixed;
	right: 0;
	top: 0;
	width: 20%;
}

.liveplayerrighttop span {
	cursor: pointer;
	margin-left: 10px;
}

.liveplayerrightbox {
	padding: 10px 10px 0;
	height: 100%;
	overflow-x: hidden;
}

.liveplayerrightbox .talkbox {
	padding: 0 0 6px;
	color: #000;
	line-height: 20px;
	word-break: break-all;
	white-space: pre-wrap;
}

.liveplayerrightbox .talkbox i {
	color: #9c9c9c;

}

.livechatbox {
	height: 45px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #eee;
	width: 20%;
}

.livechatbox input {
	height: 35px;
	border: 1px #eaeaea solid;
	margin: 5px 0;
	width: 80%;
	text-indent: 10px;
}

.livechatbox button {
	cursor: pointer;
	color: #000;
}

p.novoice,
p.voice {
	text-align: center;
	width: 100%;
	width: auto;
	margin: 10px auto;
}

.slide_right,
.slide_left {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: #000;
	color: #fff;
	cursor: pointer;
	float: right;
	position: absolute;
	right: 3%;
	top: 48%;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	background: url("/static/shared/images/livearrow.png") no-repeat 110% center;
	border: 1px #fff solid;
	z-index: 99999999999;
}

.slide_left {
	display: none;
	background: url("/static/shared/images/livearrow.png") no-repeat -10% center;
}


.righthidebtn {
	width: 25px;
	height: 50px;
	border: 1px rgba(200, 200, 200, .7) solid;
	border-right: none;
	background: #fff;
	border-radius: 8px 0 0 8px;
	position: absolute;
	left: -25px;
	top: 50%;
	color: rgba(0, 0, 0, .3);
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	z-index: 999;
}

.righthidebtn i,
.lefthidebtn i {
	font-size: 24px;
}

.liveplayerright.active {
	display: none
}

.liveplayerleft.active,
.liveplayertop.active {
	width: 100%;
}

.lefthidebtn {
	width: 25px;
	height: 50px;
	border: 1px rgba(200, 200, 200, .7) solid;
	background: #fff;
	border-radius: 8px 0 0 8px;
	position: fixed;
	right: 0;
	top: 50%;
	color: rgba(0, 0, 0, .3);
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	z-index: 999;
	display: none
}

.livechatemoji {
	width: 92%;
	height: 200px;
	background: #fff;
	position: absolute;
	bottom: 45px;
	right: 0;
	padding: 3% 4%;
	border-top: 1px #999 solid;
	display: none;
}

.livechatemoji span {
	width: 24px;
	height: 24px;
	float: left;
	margin: 0 4% 4% 0;
	cursor: pointer;
}

/*未开播时播放器*/
.livebefore {
	width: 80%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999999999;
	background: rgba(255, 255, 255, .7);
}

.livebeforebox {
	width: 580px;
	height: 260px;
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9999999999999;
	background: #fff;
	border-radius: 12px;
	padding: 30px;
}

.livebeforebox div {
	text-align: center;
}

.livebeforebox .title {
	width: 100% !important;
	height: 130px;
	font-size: 28px;
	color: #666;
	text-align: center;
}

.livebeforebox .time {
	padding: 6px 20px;
	background: rgba(0, 0, 0, .8);
	opacity: .8;
	border-radius: 15px;
	width: 270px;
	margin: 0 auto 30px;
	color: #fff;
}

.livebeforebox .time i {
	font-style: normal;
	padding: 0 10px;
	color: #37CCFF;
}

.livebeforebox .btn {
	padding: 6px 20px;
	border-radius: 15px;
	border: 1px #37CCFF solid;
	text-align: center;
	width: 100px;
	margin: 40px auto 0;
	cursor: pointer;
	color: #37CCFF;
}





.pay-account table.wdzh tr,
.pay-account table.wdzh th,
.pay-account table.wdzh td {
	font-size: 12px !important;
}



.pay-account table.wdzh th:nth-child(1) {
	width: 20px;
}

.pay-account table.wdzh th:nth-child(2) {
	width: 190px;
}

.pay-account table.wdzh th:nth-child(3) {
	width: 20px;
}

.pay-account table.wdzh th:nth-child(4) {
	width: 40px;
}

.pay-account table.wdzh th:nth-child(5) {
	width: 30px;
}

.pay-account table.wdzh th:nth-child(6) {
	width: 50px;
}

span.orderdetail {
	cursor: pointer;
}

.profileorderdetailbox {
	padding: 20px 30px;
	display: none;
}

.profileorderdetailbox p {
	line-height: 40px;
}

.profileorderdetailbox p span {
	border: 1px #999 solid;
	padding: 0 5px;
	height: 25px;
	border-radius: 4px;
	line-height: 25px;
	cursor: pointer;
	margin-left: 10px;
}

.profileorderdetailbox p span:hover {
	color: #098AFF;
	border: 1px #098AFF solid;
}

.edit-address {
	height: auto;
	padding: 20px 30px 10px;
}












/*v6个人中心改版*/
.v6ucentertop {
	width: 100%;
	height: 140px;
	padding: 40px 0;
	position: relative;
	overflow: hidden;
	background: url("../images/ucenterbg.png") no-repeat center;
}

.v6ucentertop-info {
	width: 1160px;
	height: 140px;
	margin: 0 auto;
	z-index: 999999;
	position: relative;
	color: #fff;
	text-align: left;
}

.v6headimg {
	width: 129px;
	height: 129px;
	border: 6px solid hsla(0, 0%, 100%, .5);
	border-radius: 120px;
	margin-right: 65px;
}

.v6headimg img {
	width: 129px;
	height: 129px;
	border-radius: 129px;
}

.v6headinfo {
	height: 140px;
	width: 650px;
}

.v6ucenter-name {
	margin: -10px 0 10px;
	font-size: 20px;
}

.v6ucenter-info {
	height: 56px;
	font-size: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 18px;
	color: #deeaef;
}

.v6ucenter-fans {
	letter-spacing: 1px;
	margin: 10px 0 5px;
	margin: 18px 0;
}

.v6ucenter-addresss {
	margin: 15px 0;
}

.v6ucenter-right {
	width: 190px;
	height: 165px;
	margin-top: -15px;
}

.v6ucenter-ewm {
	width: 100px;
	height: 110px;
	background: #fff;
	border-radius: 4px;
	padding: 10px;
	margin: 0 auto 5px;
}

.v6ucenter-ewm img {
	width: 100px;
	height: 110px;
}

.v6ucenter {
	padding: 20px 0;
}

.v6ucenter-layui {
	padding: 20px 15px;
}

.v6ucenter-coursenav span,
.v6ucenter-coursenav1 span {
	padding: 5px 20px;
	border-radius: 15px;
	border: 1px #fff solid;
	color: #333;
	font-size: 14px;
	margin-right: 20px;
	cursor: pointer;
}

.v6ucenter-coursenav span.active,
.v6ucenter-coursenav1 span.active {
	border: 1px #098AFF solid;
	color: #098AFF;
}

.v6ucenter-coursemain,
.v6ucenter-coursemain1 {
	width: 1165px;
	/*min-height:800px;*/
	padding: 30px 0 0;
}

.v6personalinfo {
	font-size: 16px;
	line-height: 36px;
	min-height: 400px;
}

.v6ucentertypebox,
.v6ucentertypebox1 {
	display: none;
}


/*个人空间评论*/
.v6commentbox {
	margin-top: 25px;
	border-bottom: 1px #ededed solid;
}

.v6commentboxleft {
	width: 46px;
	height: 46px;
	margin-right: 20px;
}

.v6commentboxleft img {
	width: 46px;
	height: 46px;
	border-radius: 46px;
}

.v6commentboxright {
	width: 1060px;
	padding: 0 0 20px 0;
}

.v6commentboxrightdetail {
	width: 720px;
}

.v6comname {
	color: #333;
}

.v6comstar {
	color: #999;
}

.v6comstar i {
	margin: 10px 5px 0 0;
}

.v6comchat {
	margin: 20px 0 15px;
	color: #1a1a1a;
	font-size: 15px;
	margin: 1em 0;
	line-height: 1.6;
}

.v6comtime {
	color: #999;
	font-size: 12px;
	line-height: 16px;
}

.v6comtime span {
	color: #098AFF;
	cursor: pointer;
	font-size: 14px;
}

.v6comreply {
	background: #f7f7f7;
	width: 1055px;
	padding-bottom: 0;
	margin: 0 0 30px 65px;
}

.v6comreplydetail {
	width: 720px;
	padding-bottom: 5px;
}

.v6comreply.active {
	display: block;
}

.v6comreplybox {
	padding: 15px;
	border-bottom: 1px #ededed dashed;
	font-size: 16px;
}

.v6comreplybox .div1 span {
	color: #098AFF;
	padding: 0 0 10px;
	margin: 0 10px 0 0;
}

.v6comreplybox .div3 {
	margin-top: 5px;
	font-size: 12px;
	color: #999;
}

.v6comreplybox .div3 span {
	margin-left: 30px;
	cursor: pointer;
	color: #999;
	display: none
}

.v6comreplybox:hover .div3 span {
	display: block;
}

.v6comreply11 {
	margin: 0 0 30px 65px;
	background: #f2f2f2;
	padding: 0;
}

.v6comreply11 .v6comreplybox {
	border: none;
}

.v6comreplyboxmain {
	width: 1020px;
	margin: 20px 0 20px 20px;
}

.v6comreplyboxmain textarea {
	width: 98%;
	border: 1px #d9d9d9 solid;
	background: #fff;
	resize: none;
	height: 65px;
	padding: 5px;
	margin: 20px 0;
}

.v6comreplydetail .v6comreplyboxmain {
	width: 680px;
	margin: 20px 0 20px 20px;
}




/*直播回放页面添加*/
.liveplayerrightbackplay {
	/*background:#000;*/
	z-index: 9999999;
}

.liveplayerrightbackplay .righthidebtn,
.liveplayerleftbackplay .lefthidebtn {
	background: #1F1F1F;
	color: #fff;
	border: none;
}

/*.playback .title{
	font-size:18px;
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px #2F2F2F solid;
	color:#fff;
}*/
.playbacklistbox {
	margin-top: 15px;
	height: 700px;
	overflow-x: hidden;
}

.playbacklist {
	width: 85%;
	height: auto !important;
	border: 1px #fff solid;
	color: #333;
	cursor: pointer;
	padding: 10px;
	word-break: break-all;
	white-space: pre-wrap;
}

.playbacklist p {
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	text-align: right;
	margin-top: 5px;
}

.playbacklist.active {
	border: 1px #098AFF solid;
}


/*新版课程列表*/
.v6courselist {
	padding: 10px 0 15px;
	width: 790px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

.v6courselistleft {
	width: 60px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 20px;
	color: #ccc;
}

.v6courselistmid {
	width: 580px;
	padding: 0 10px;
}

.v6courselistmid p.title {
	color: #000;
	font-size: 16px;
	margin-bottom: 6px;
	word-break: break-all;
	white-space: pre-wrap;
}

.v6courselistmid p {
	color: #999;
}

.v6courselistmid p b {
	color: #ccc;
	margin: 0 15px;
}

/*.v6courselistmid p i{
	float:left;
}*/
.v6courselistmid p i.state1 {
	margin-left: 20px;
}

/*.state1color{
	color:#098AFF;
}
.state1color1{
	color:#fc6868;
}
.state1color2{
	color:#40bf56;
}
.state1color3{
	color:#93999F;
}*/




/*提现*/
.takecash {
	padding: 30px 15px;
}

.takecash .recharge {
	padding: 20px 0 0;
}

.takecash .recharge-money-box {
	width: 100%;
	padding: 0;
}

.addbankcard {
	padding: 20px;
	width: 400px;
	height: 300px;
}

.bankcard {
	width: 400px;
	height: 500px;
	padding: 10px 20px
}

.bankcard .layui-form-item .layui-form-radio span {
	width: 200px;
}



/*refund-courset退课*/
.refund-course {
	padding: 20px;
}

.live-info1 {
	width: 280px;
}

.refundnoticetxt {
	display: block;
	width: 100%;
}

.refundnotice {
	line-height: 30px;
}

.refundinfo {
	border-top: 1px #eee solid;
	width: 100%
}


/*订单界面改版*/
.order-query {
	margin-top: 10px;
}

.ordersearch {
	width: 100px;
}

.order-query .v6search {
	margin: 8px 0 0 20px;
	height: auto
}

.order-query .v6search input {
	font-size: 14px;
}

.calendar {
	width: 115px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	color: #999;
	cursor: pointer;
}

.calendar i {
	font-size: 30px;
	color: #098AFF;
}

.seeback,
.goclassroom {
	padding: 5px 15px;
	border-radius: 3px;
	border: 1px #098AFF solid;
	margin: 40px 40px 0 0;
	float: right;
	cursor: pointer;
	position: absolute;
	right: 50px;
	top: 20px;
}

.seeback a {
	color: #098AFF;
}

.goclassroom {
	background: #098AFF;
	border: none;
}

.goclassroom a {
	color: #fff;
}

.ali-qrcode img,
.wx-qrcode img {
	display: block;
	margin: 0 auto;
}

.parentsqrcode {
	width: 340px;
	height: auto;
	margin: 20px auto;
}

.parentsqrcode img {
	width: 150px;
	height: 150px;
	display: block;
	margin: 0 auto;
}

.parentsqrcode div {
	margin: 0 10px;
}

.parents-qrcode span {
	text-align: center;
	margin: 20px 0;
	font-size: 30px;
	width: 100%;
}

.parents-qrcode span i {
	font-style: normal;
	font-size: 14px;
}



/*须知*/
.noticetxtbox {
	padding: 20px;
}

.v6comreply {
	position: relative;
}

.v6comreply .commark {
	position: absolute;
	left: 0;
	top: -13px;
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #F4F4F4;
}






.calendarspan {
	z-index: 999;
	position: relative;
	color: #098AFF;
	line-height: 35px;

}

/*回放打点*/
.liveplayerleft1 {
	position: relative;
}

.prism-stream-selector .stream-selector-list,
.prism-speed-selector .speed-selector-list {
	z-index: 999999999999999 !important
}

.liveplayback-dot {
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 59px;
	z-index: 1;
	background: #098AFF;
	width: 100%;
}

.liveplayback-dotbox {
	position: relative;
}

.liveplayback-dot .dot {
	width: 100px;
	height: 75px;
	position: absolute;
	bottom: 0;
	border-radius: 4px 4px 4px 0;
	float: left;
	cursor: pointer;
	z-index: 9999
}

.liveplayback-dot .dot i {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #098AFF;
	position: absolute;
	left: 0;
	bottom: 5px;
}

.liveplayback-dot .dot p {
	position: absolute;
	left: 1px;
	top: 0;
	background: rgba(0, 0, 0, .3);
	color: #fff;
	width: 100%;
	height: 61px;
	border-radius: 4px 4px 4px 0;
	text-align: center;
	line-height: 90px;
	letter-spacing: 1px
}

.liveplayback-dot .dot b {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: #098AFF;
	position: absolute;
	left: 0;
	bottom: -5px;
}

.liveplayback-dot .dot img {
	width: 100px;
	height: 60px;
	position: absolute;
	border: 1px #098AFF solid;
	border-radius: 4px 4px 4px 0;
	top: 0;
}

.liveplayback-dot .dot:hover img {
	display: block;
}

.liveplayback-dot .dotbox {
	display: none
}

.liveplayback-dot .dot.active img {
	left: -90px !important;
	border-radius: 4px 4px 0 4px
}

.liveplayback-dot .dot.active p {
	left: -89px !important;
	border-radius: 4px 4px 0 4px
}


/*个人中心改版*/
.v7-newbtn-green {
	background: #47BD5A;
	border: 1px #47BD5A solid;
	border-radius: 4px;
}

.v7-newbtn-blue {
	background: #098AFF;
	border: 1px #098AFF solid;
	border-radius: 4px;
}

.v7-profile-set {
	padding: 8px 20px;
	margin: 8px 15px 8px 0;
	font-size: 16px;
	border: 1px #098AFF solid;
	border-radius: 4px;
	color: #098AFF;
	cursor: pointer;
}

.v7-profile-set a {
	color: #098AFF;
	font-size: 16px;
}

.v7-profile-set:hover {
	color: #098AFF;
	border: 1px #098AFF solid;
}

.v7-profile-setnum {
	line-height: 55px;
	margin-right: 25px;
	font-size: 16px;
}

.v7-profile-set-cancel {
	color: #666;
	border: 1px #666 solid
}

.v7-profile-list {
	padding: 30px 0;
	border-bottom: 1px #eee solid
}

.v7-profile-list-mid {
	width: 690px;
	height: 120px;
	position: relative;
}

.v7-img {
	width: 198px;
	height: 118px;
	margin-right: 40px;
	border: 1px #eee solid;
}

.v7-img img {
	width: 198px;
	height: 118px;
}

.v7-profile-list-left {
	position: absolute;
	left: 8px;
	top: 8px;
}

.v7-profile-list-mid .live-info .kemu_style {
	width: 420px;
}




.v7-profile-list .layui-form-checkbox[lay-skin=primary] i,
.layui-nav-use .layui-form-checkbox[lay-skin=primary] i {
	width: 30px;
	height: 30px;
	line-height: 32px;
	font-size: 24px;
}

.shade-p {
	width: 200px;
	height: 120px;
	background: rgba(56, 56, 56, .2);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: none
}

.hide-edit {
	display: none
}


/*直播答题*/
.live-answer {
	width: 100%;
	height: 100px;
	background: rgba(255, 255, 255, .9);
	position: absolute;
	left: 0;
	bottom: 60px;
}

.live-answer .left,
.live-answer .mid {
	width: 15%;
	line-height: 100px;
	font-size: 28px;
	color: #ff773a;
	letter-spacing: 2px;
	text-align: center;
}

.live-answer .left i {
	font-size: 30px;
	margin: 0 10px 0 0;
}

.live-answer .mid {
	width: auto;
	height: 100px;
	text-align: left;
	padding: 0 0 0 3%;
	border-left: 2px #c9c9c9 solid;
}

.live-answer .right {
	min-width: 10%;
	height: 100px;
	padding: 0 2%;
	border-left: 2px #c9c9c9 solid;
}

.live-answer .right button {
	padding: 10px 40px;
	background: #ff773a;
	border-radius: 30px;
	color: #fff;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 30px auto;
	cursor: pointer;
	display: block;
}

.live-answer .right button:hover {
	background: #f46c2f;
}

.live-answer .mid .midbox {
	width: auto;
}

.live-answer .mid .midbox span {
	max-width: 20%;
	text-align: center;
	cursor: pointer;
	float: left;
}

.live-answer .mid .midbox span i {
	width: 55px;
	height: 55px;
	border-radius: 55px;
	line-height: 55px;
	color: #ff773a;
	font-size: 28px;
	margin: 20px;
	text-align: center;
	border: 1px #ff773a solid;
	cursor: pointer;
	font-style: normal;
	text-indent: 2px;
}

.live-answer .mid .midbox span i.active {
	background: #ff773a;
	color: #fff;
}


/*第三方分成*/
.thirdshared {
	height: 625px;
	width: 495px;
	margin: 20px auto 0;
	background: #fff;
}

.thirdshared-top {
	height: 440px;
}

.thirdshared-btm {
	height: 150px;
	border-top: 1px #f2f2f2 solid;
}

.thirdshared-topcard {
	background: #f2f2f2;
	height: 330px;
	/* padding:10px; */
}

.thirdshared-toptab {
	height: 50px;
	display: block;
	padding: 15px 0;
	position: relative;
}

.thirdshared-toptab span,
.thirdshared-toptab span i {
	width: 50px;
	height: 50px;
	border: 1px #eee solid;
	border-radius: 8px;
	margin-right: 20px;
	float: left;
	cursor: pointer;
}

.thirdshared-toptab span i {
	background: rgba(255, 255, 255, .3);
	color: #1AAD1A;
	font-size: 28px;
	text-align: center;
	line-height: 50px;
	display: none;
}

.thirdshared-toptab .thirdshared-spanbox {
	width: 520px;
}

.thirdshared-toptab span.span1 {
	background: url("../images/third80.png") no-repeat center;
	background-size: 100%;
}

.thirdshared-toptab span.span2 {
	background: url("../images/third80_1.png") no-repeat center;
	background-size: 100%;
}

.thirdshared-toptab span.span3 {
	background: url("../images/third80_2.png") no-repeat center;
	background-size: 100%;
}

.thirdshared-toptab span.span4 {
	background: url("../images/third80_3.png") no-repeat center;
	background-size: 100%;
}

.thirdshared-toptab span.span5 {
	background: url("../images/third80_4.png") no-repeat center;
	background-size: 100%;
}

.thirdshared-toptab span.span6 {
	background: url("../images/third80_5.png") no-repeat center;
	background-size: 100%;
}

.thirdshared-toptab div.layui-icon {
	width: 50px;
	height: 100px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 38px;
	line-height: 100px;
	text-align: center;
	cursor: pointer;
	color: #098AFF
}

.thirdshared-topcard .left,
.thirdshared-topcard .left .new_m11 {
	width: 280px;
	height: 330px;
	position: relative;
}

.thirdshared-topcard .left .new_m11 {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.thirdshared-topcard .right {
	float: right;
}

.thirdshared-topcard .right div {
	margin: 70px 50px 10px;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
}

.right-wechat {
	width: 90px;
	height: 90px;
	cursor: pointer;
}

.right-pic {
	width: 90px;
	height: 90px;
	cursor: pointer;
}

.thirdshared-topcard .right div .layui-icon {
	font-size: 20px;
	color: #098AFF;
	margin: 0 0 10px 0;
}

.thirdshared-btm p {
	line-height: 50px;
	padding-top: 10px;
	text-align: center;
	font-size: 20px;
	color: #000;
}

.thirdshared-btm div {
	width: 420px;
	margin: 10px auto 0;
}

.thirdshared-btm .bdshare-button-style0-24 span {
	width: 80px !important;
	height: 50px !important;
	margin-top: 30px;
	line-height: 65px;
	text-indent: 15px;
}

.thirdshared-btm .bdshare-button-style0-24 .bds_weixin {
	background-size: 40% !important;
}

.thirdshared-btm .bdshare-button-style0-24 .bds_sqq {
	background-size: 40% !important;
}

.thirdshared-btm .bdshare-button-style0-24 .bds_qzone {
	background-size: 40% !important;
}

.thirdshared-btm .bdshare-button-style0-24 .bds_tsina {
	background-size: 40% !important;
}







/*直播时长拖动*/
input[type=range] {
	-webkit-appearance: none;
	width: 230px;
	border-radius: 10px;
	/*这个属性设置使填充进度条时的图形为圆角*/
	cursor: ew-resize;
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
	height: 2px;
	border-radius: 10px;
	background: #098AFF;
}

input[type=range]:focus {
	outline: none;
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 15px;
	width: 15px;
	margin-top: -6px;
	background: #098AFF;
	border-radius: 50%;
}

input[type=range]::-moz-range-progress {
	background: linear-gradient(to right, #059CFA, white 100%, white);
	height: 13px;
	border-radius: 10px;
}

.range-num,
.range-num-money {
	border: none;
	width: 40px;
	margin: 5px 0 0 0;
	float: left;
}

.range,
.range1 {
	float: left;
	margin: 15px 10px 0 0;
}

/*adv-banner*/
.adv-banner {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.adv-bannerbox,
.adv-bannerbox-small {
	overflow: hidden;
	width: 100%;
	height: 350px;
}

.adv-bannerbox-small {
	height: 86px;
}






/* pc会员服务改版 */
.vipversionsbox {
	width: 100%;
	height: auto;
}

.vipversions {
	width: 920px;
	height: 241px;
	background: url("../images/newviptop.png") no-repeat center;
	background-size: 100%;
	position: relative;
}

.vipversions-left {
	width: 270px;
	height: 140px;
	float: left;
	margin: 33px 0 0 45px;
}

.vipversions-right {
	width: 275px;
	height: 125px;
	float: right;
	margin: 45px 290px 0 0;
	background: url("../images/vipversions11.png") no-repeat center;
	background-size: 100%;
}

.openvip {
	color: #fff;
}

.openvip .p1,
.vipversions-leftr .p1 {
	font-size: 22px;
	letter-spacing: 2px
}

.openvip .p2 {
	font-size: 14px;
	margin: 5px 0 0 0;
	letter-spacing: 1px
}

.vipversions-leftl,
.vipversions-leftl img {
	width: 93px;
	height: 93px;
	border-radius: 93px;
	margin-right: 22px;
	float: left
}

.vipversions-leftl {
	position: relative;
}

.vipversions-leftl span {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	position: absolute;
	right: -4px;
	bottom: 5px;
	background: url("../images/vipversions7.png") no-repeat center;
	background-size: 100%;
}

.vipversions-leftl .span1 {
	background: url("../images/vipversions8.png") no-repeat center;
	background-size: 100%;
}

.vipversions-leftr {
	float: left;
	color: #fff
}

.vipversions-leftr .p1 {
	margin: 10px 0;
}

.vipversions-leftr .p2 {
	font-size: 16px;
}

.sawtooth {
	width: 95%;
	height: 160px;
	padding: 40px 30px;
}

.sawtoothbox {
	width: 210px;
	height: 150px;
	background: #fff;
	border: 2px #D6CFC2 solid;
	margin: 0 47px 0 0;
	border-radius: 10px;
	float: left;
	cursor: pointer;
	padding: 0 20px;
	position: relative;
}

.newvip {
	width: 50px;
	height: 45px;
	background: url("../images/newvip.png") no-repeat right bottom;
	background-size: 100%;
	position: absolute;
	right: -1px;
	bottom: -1px;
	display: none
}

.sawtoothbox:last-child {
	margin: 0 !important
}

.salebtn {
	font-size: 10px;
	width: 89px;
	height: 19px;
	line-height: 19px;
	text-align: inherit;
	background: url("../images/vipversions3.png") no-repeat center;
	background-size: 100%;
	font-weight: normal;
	color: #fff;
	position: absolute;
	top: 8px;
	left: -1px;
	text-indent: -5px;
}

.saleyear {
	width: 100%;
	height: 65px;
	line-height: 65px;
	text-align: center;
	color: #B59B73;
	font-size: 24px;
	border-bottom: 1px #B59B73 dashed
}

.saleprice {
	width: 100%;
	height: 90px;
	line-height: 85px;
	text-align: center;
	color: #D94C2C;
	font-size: 40px;
	font-weight: bold;
	font-family: 'Impact'
}

.sawtoothbox.active {
	border: 2px #C4A97D solid;
}

.sawtoothbox.active .newvip {
	display: block
}

.saleprice span {
	font-size: 30px;
}

.vipopenbtn {
	width: 60%;
	height: 55px;
	margin: 10px auto 20px
}

.vipopenbtn2 {
	width: 170px;
	height: 40px;
	border-radius: 4px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	margin-right: 46px;
	background: linear-gradient(#DCB784, #CFA364);
	background: -o-linear-gradient(#DCB784, #CFA364);
	background: -webkit-linear-gradient(#DCB784, #CFA364);
	background: -moz-linear-gradient(#DCB784, #CFA364);
}

.vipopenbtn2 img {
	margin-right: 12px;
}

.vipopentext {
	widows: 95%;
	height: auto;
	padding: 40px 35px 0;
	color: #333
}

.vipopentext h2 {
	font-size: 24px;
	font-weight: bold;
}

.vipopentext h2 span {
	width: 5px;
	height: 20px;
	float: left;
	margin: 7px 15px 0 0;
	background: linear-gradient(#DCB784, #CFA364);
	background: -o-linear-gradient(#DCB784, #CFA364);
	background: -webkit-linear-gradient(#DCB784, #CFA364);
	background: -moz-linear-gradient(#DCB784, #CFA364);
}

.vipopentitle {
	font-size: 18px;
	margin: 20px 0 5px 20px;
	position: relative;
}

.vipopentitle i {
	width: 25px;
	height: 25px;
	border-radius: 25px;
	background: #E9C89B;
	position: absolute;
	left: 0;
	top: 0;
}

.vipopentitle span {
	z-index: 2;
	position: relative;
	left: 10px;
	top: 5px;
}

.vipopenlist {
	padding: 10px 0 10px 15px;
	font-size: 16px;
}

.vipopenlist span {
	width: 6px;
	height: 6px;
	background: #D1A568;
	border-radius: 6px;
	margin: 8px 22px 0 20px;
	float: left;
}

.openvip .p3 {
	font-size: 20px;
}

.openvip .p3 i {
	border-bottom: 1px #fff solid;
	width: 300px;
	position: absolute;
	right: 250px;
	top: 60px;
}

.openvip .p3 span {
	position: absolute;
	right: 290px;
	top: 45px;
	padding: 0 8px;
	background: #FFBE4B;
}

.openvip .p4 {
	position: absolute;
	left: 320px;
	top: 68px;
}

.openvip .p4 span {
	margin-right: 35px;
}

.vipversions-success,
.vipversions-fail {
	width: 100%;
	height: 600px;
	text-align: center;
	padding: 100px 0 0 0;
	display: none;
}

.vipversions-fail {
	height: 400px;
}

.vipversions-success h2,
.vipversions-fail h2 {
	margin-top: 30px;
}

.vipversions-success .p1 {
	color: #F0A32F;
	margin: 17px 0 60px;
	font-size: 16px;
}

.vipsuccess {
	text-align: left;
	padding: 0 0 0 220px;
	color: #333;
}

.vipsuccess h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.vipsuccess p {
	line-height: 30px;
	letter-spacing: 1px;
}

.vipsuccess b {
	margin-right: 15px;
	font-size: 20px;
	color: #BFBFBF
}

.vipsuccess span {
	color: #F0A32F
}


.class-subjects .layui-btn,
.class-grades .layui-btn,
.class-books .layui-btn {
	padding: 0 5px !important;
	font-size: 12px !important;
	margin-left: 0 !important;
	margin: 0 10px 10px 0 !important
}

.class-subjects .layui-btn.active,
.class-grades .layui-btn.active,
.class-books .layui-btn.active {
	color: #fff !important;
	background: #098AFF !important;
	border: 1px #098AFF solid;
}

.class-subjects,
.class-grades,
.class-books {
	max-height: 90px;
	overflow-x: hidden;
}

/* 个人中心存储空间展示 */
.storagespace {
	width: 580px;
	height: 50px;
	padding: 10px 0 0 0;
}

.positionprogressboxx,
.positionprogressbox {
	width: 392px;
	height: 12px;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}

.positionprogressboxx {
	background: #f2f2f2;
	margin-top: 3px;
}

.positionprogressbox {
	animation: animations 1s ease;
	-moz-animation: animations 1s ease;
	-webkit-animation: animations 1s ease;
}

@keyframes animations {
	0% {
		width: 0px;
	}

	100% {
		width: 392px;
	}
}

@-moz-keyframes animations {
	0% {
		width: 0px;
	}

	100% {
		width: 392px;
	}
}

@-webkit-keyframes animations {
	0% {
		width: 0px;
	}

	100% {
		width: 392px;
	}
}

.storagespace-progressbar {
	height: 12px;
	position: absolute;
	top: 0;
}

.widthbar1 {
	left: 0;
	background: #23cb97;
}

.widthbar2 {
	width: 10%;
	background: #1ba9ff;
}

.widthbar3 {
	width: 10%;
	background: #02cddc;
}

.widthbar4 {
	width: 10%;
	background: #8cc63e;
}

.widthbar5 {
	width: 10%;
	background: #fcc705;
}

.widthbar6 {
	width: 10%;
	background: #ff8e56;
}

.storagelegend {
	margin-top: 6px;
}

.storagelegend .storagelegendbox {
	float: left;
	margin-right: 22px;
	cursor: pointer;
	position: relative;
}

.storagelegend .storagelegendbox i {
	width: 13px;
	height: 13px;
	border-radius: 3px;
	margin: 4px 6px 0 0;
	float: left;
}

.storagelegend .storagelegendbox span,
.viptips span {
	min-width: 70px;
	background: #fff;
	padding: 0 5px;
	font-size: 12px;
	color: #666;
	border-radius: 4px;
	border: 1px #666 solid;
	position: absolute;
	top: 28px;
	left: 0px;
	display: none;
}

.viptips span {
	width: 170px;
	padding: 5px;
	left: -50px;
	top: 23px;
}

.storagelegend .storagelegendbox span:after,
.viptips span:after {
	content: '';
	display: block;
	position: absolute;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #666 transparent;
	top: -11px;
	left: 38%;
	margin-left: 0;
}

.viptips span:after {
	left: 54px
}

.storagelegend .storagelegendbox:hover span,
.viptips:hover span {
	display: block
}

.colorwk {
	background: #23cb97;
}

.colorzyuan {
	background: #1ba9ff;
}

.colorzye {
	background: #02cddc;
}

.colorwd {
	background: #fcc705;
}

.colorst {
	background: #ff8e56;
}

.colorwj {
	background: #8cc63e;
}

.viptips {
	width: 20px;
	height: 20px;
	font-size: 10px;
	background: url('../images/viptips.png') no-repeat center;
	background-size: 100%;
	position: relative
}



/* 免费空间提示 */
.freespace {
	padding: 20px 40px 0;
	font-size: 22px;
	color: #333;
	line-height: 40px;
}

.freespace span {
	color: #F9593F
}

.freespace img {
	display: block;
	margin: 0 auto 10px;
}

/*下载次数提示*/
.download-tip {
	padding: 20px 40px 0;
	font-size: 22px;
	color: #333;
	line-height: 40px;
}

.download-tip span {
	color: #F9593F
}

.download-tip img {
	display: block;
	margin: 0 auto 10px;
}



/* 我的班级改版20190313 */
.classinfov7 {
	width: 216px;
	height: 115px;
	border: 1px #DFE2E6 solid;
	border-radius: 6px;
	padding: 10px 12px;
	margin: 12px 22px 6px 0;
}

.classinfov7-top-img,
.classinfov7-top-img img {
	width: 48px;
	height: 48px;
	border-radius: 48px;
}

.classinfov7-top-img {
	margin: 0 10px 6px 0;
}

.classinfov7-top-name {
	width: 120px;
	height: 48px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	line-height: 48px;
}

.classinfov7-top-btn {
	width: 30px;
	margin: 0 -9px 0 0;
}

.classinfov7-top-btn .layui-nav-child {
	left: -30px
}

.classinfov7-top-btn .layui-nav-child p {
	padding: 0 15px;
}

.classinfov7-top-btn .layui-nav-child p:hover {
	background: #f2f2f2;
	color: #098AFF;
	cursor: pointer;
}

.classinfov7-top-btn .layui-nav .layui-nav-item a {
	padding: 0
}

.classinfov7btn {
	float: right;
	margin: -7px 2px 0 0;
	display: none;
}

.classinfov7:hover .classinfov7btn {
	display: block
}

.classinfov7pbox {
	line-height: 21px;
	text-indent: 4px;
}

.classinfov7-detail {
	padding: 10px 12px;
	width: 460px;
	margin: 0 auto;
}

.classinfov7-detail-top img {
	margin: 0 18px 0 0;
	width: 66px;
	height: 66px;
	border-radius: 66px;
}

.classinfov7-detail-top p.p1 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
}

.classinfov7-detail-top p.p2 {
	font-size: 12px;
	color: #666;
	line-height: 21px;
}

.classinfov7-detail-top button {
	margin-top: 15px;
}

.studentlistbox {
	max-height: 340px;
	overflow-x: hidden;
}

.studentlist {
	width: 62px;
	height: 90px;
	text-align: center;
	font-size: 14px;
	margin: 10px 15px;
	position: relative;
	cursor: pointer
}

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

.classinfov7-detail-btm .layui-tab-content {
	padding: 10px 0;
}

.classinfov7-detail-btm ::-webkit-scrollbar,
.classinfov7-detail ::-webkit-scrollbar {
	width: 0
}

.studentlist img {
	width: 62px;
	height: 62px;
	border-radius: 62px;
	display: block;
	margin: 0 auto 5px;
}

.studentlist div {
	width: 62px;
	height: 62px;
	background: #EDEDEF;
	border-radius: 62px;
	font-size: 48px;
	color: #a7a7a7;
	text-align: center;
	line-height: 54px;
}

.classinfov7-selfdetail {
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
}

.selfdetailbox {
	padding: 10px 18px;
	background: #fff;
	/* margin-bottom:15px; */
	line-height: 33px;
	border-bottom: 15px #edeff0 solid;
}

.selfdetailbox input {
	width: 350px;
	text-align: right;
	padding-right: 10px;
	margin-right: 10px;
	border: none
}

.selfdetailbox i {
	margin-top: 3px;
}

.selfdetailimg img {
	margin: 0 auto 30px;
	display: block;
	width: 130px;
	height: 130px;
	border-radius: 130px;
}

.selfdetail-graybar {
	background: #edeff0;
	padding: 10px 18px;
}

.studentlist-checked {
	width: 30px;
	height: 30px;
	position: absolute;
	right: -6px;
	top: -5px;
	z-index: 99;
	background: #cecece;
	border-radius: 30px;
	cursor: pointer
}

.studentlist-checked i {
	text-align: center;
	line-height: 32px;
	font-size: 20px;
	color: #fff
}

.studentlist-checked.active {
	background: #35b7fd;
}





/* 国际化20190419 */
.global-nav {
	width: 100%;
	height: 85px;
}

.global-nav .global-nav-left {
	padding: 20px 0 0 30px;
}

.global-nav .global-nav-right ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	height: 83px;
}

.global-nav .global-nav-right ul li {
	float: left;
	list-style: none;
	line-height: 76px;
	padding: 0 10px;
	margin: 0 25px;
	cursor: pointer;
	border-bottom: 2px #fff solid;
}

.global-nav .global-nav-right ul li a {
	color: #1a1a1a;
	text-decoration: none
}

.global-nav .global-nav-right ul li.active a {
	color: #4ebb43;
}

.global-nav .global-nav-right ul li.active {
	border-bottom: 2px #27b63e solid;
}

.login-registbox {
	line-height: 85px;
	padding: 0 28px;
	background: #4ebb43;
	color: #fff;
}

.login-registbox div span {
	padding: 0 10px;
}

.global-contentbox {
	padding: 115px 0 95px;
	margin: 0 auto;
	width: 1200px;
}

.global-top {
	color: #1A1A1A;
	line-height: 60px;
	margin-bottom: 90px;
}

.global-top1 {
	font-size: 44px;
	font-weight: 600
}

.global-top2 {
	font-size: 22px;
	margin-left: 55px;
}

.global-top3 {
	font-size: 14px;
	margin-left: 15px;
	color: #999;
}

.global-top4 {
	font-size: 18px;
	margin-left: 15px;
}

.global-top4 a {
	text-decoration: none;
	color: #1a1a1a;
}

.global-infobox {
	margin: -5px 0 55px 0;
}

.global-infobox img {
	margin-right: 40px;
}

.global-infobox .p1 {
	color: #1A1A1A;
	font-size: 26px;
	line-height: 50px;
}

.global-infobox .p2 {
	color: #999;
	font-size: 16px;
	width: 390px;
	line-height: 28px;
}

.global-info {
	width: 550px;
}

.global-footerbox {
	width: 1150px;
	margin: 0 auto;
	padding: 100px 0 80px;
	color: #fff
}

.global-footertop div {
	width: 20%;
	float: left;
	text-align: center;
	font-size: 16px;
	letter-spacing: 2px;
}

.global-footertop div img {
	display: block;
	margin: 0 auto 25px;
}

.global-footertop {
	width: 100%;
	display: inline-block
}

.global-footerbtm {
	margin-top: 90px;
	line-height: 45px;
}

.global-footerbtm .div2 {
	margin-left: 175px;
}

.global-footerbtm .div3 span {
	margin-left: 50px;
	cursor: pointer
}

.video-back {
	position: relative;
}

.globalplayimg {
	width: 885px;
	height: 60px;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 37%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 999;
}

.global-footerbtm .div3 span a {
	color: #fff
}

.global-banner {
	width: 100%;
	height: 100%;
	position: relative;
}

.global-banner-text {
	width: 23%;
	height: 36%;
	position: absolute;
	left: 31%;
	top: 43%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.global-banner-text1 {
	width: 35%;
	height: 18%;
	position: absolute;
	left: 69%;
	top: 54%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.global-banner-text2 {
	width: 380px;
	height: 125px;
	position: absolute;
	left: 33%;
	top: 49%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.global-banner-text3 {
	width: 440px;
	height: 195px;
	position: absolute;
	left: 50%;
	top: 45%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.global-animbox {
	width: 1180px;
	margin: 0 auto;
}

.global-animboxpic {
	width: 500px;
	position: relative;
}

.global-animboxtext {
	width: 360px;
	margin: 0 150px 0 0;
}

.global-animboxtext .title {
	font-size: 2rem;
	margin: 10px 0 30px;
	color: #1A1A1A;
	font-weight: bold;
}

.global-animboxtext .info {
	font-size: 1.1rem;
	margin: 0 0 7px;
	letter-spacing: 2px;
	color: #999;
	line-height: 32px;
}

.position1 {
	position: absolute;
	right: -50px;
	bottom: -10px;
}

.position2 {
	position: absolute;
	right: -50px;
	top: 40px;
}

.position3 {
	width: 100%;
	height: 190px;
	background: #FAC854;
	position: absolute;
	bottom: 0;
	left: 0;
}

.position4 {
	position: relative;
	z-index: 9;
	top: -60px;
	right: -5px;
}

.position5 {
	position: absolute;
	z-index: 10;
	top: 40px;
	left: 55px;
}

.position6 {
	position: absolute;
	z-index: 10;
	top: -120px;
	right: -5px;
}

.position7 {
	position: absolute;
	top: 65px;
	right: 80px;
	z-index: 1;
}

.position8 {
	position: absolute;
	top: 20px;
	left: -20px;
	/* z-index: -1; */
}

.position9 {
	position: absolute;
	right: -35px;
	bottom: 30px;
	z-index: 1;
}

.position10 {
	width: 325px;
	height: 325px;
	background: #24B267;
	position: absolute;
	right: -20px;
	top: -60px;
	/* z-index: -1; */
}

.position12 {
	position: absolute;
	right: 95px;
	top: 65px;
	z-index: 1;
}

.position13 {
	position: absolute;
	left: -35px;
	bottom: -20px;
	z-index: 1;
}

.position14 {
	width: 300px;
	height: 300px;
	border-radius: 300px;
	background: #FAC854;
	position: absolute;
	right: -50px;
	bottom: -90px;

}

.position15 {
	position: absolute;
	left: -60px;
	bottom: 80px;
	z-index: 1;
}

.position16 {
	position: absolute;
	right: 30px;
	top: 130px;
	z-index: 1;
}

.position17 {
	width: 480px;
	height: 160px;
	border-radius: 300px;
	background: #24B267;
	position: absolute;
	right: -30px;
	bottom: -60px;
}

.position18 {
	width: 160px;
	height: 160px;
	border-radius: 0 160px 160px 0;
	background: #F0F0F0;
	position: absolute;
	right: -31px;
	bottom: -60px;
}

.position19 {
	position: absolute;
	left: -40px;
	bottom: -35px;
	z-index: -1;
}

.position20 {
	width: 190px;
	height: 190px;
	border-radius: 190px;
	background: #FAC854;
	position: absolute;
	right: -50px;
	top: -70px;
	/* z-index: -1; */
}

.position21 {
	width: 190px;
	height: 190px;
	border-radius: 190px;
	background: #24B267;
	position: absolute;
	left: -65px;
	bottom: -50px;
	/* z-index: -1; */
}

.position22 {
	width: 0;
	height: 0;
	border-bottom: 235px solid #F56F69;
	border-right: 235px solid transparent;
	position: absolute;
	right: -75px;
	top: -120px;
	/* z-index: -1; */
}

.position23 {
	width: 375px;
	height: 460px;
	background: #FAC854;
	position: absolute;
	left: -40px;
	top: -45px;
	/* z-index: -1; */
}

.position24 {
	width: 475px;
	height: 205px;
	background: #F56F69;
	position: absolute;
	top: -50px;
	right: -75px;
	/* z-index: -1; */
}

.position25 {
	width: 500;
	height: 110px;
	position: absolute;
	top: 55px;
	left: 350px;
}

.global-function,
.casebox,
.global-shared,
.global-swb,
.global-case,
.global-case1,
.global-caselistbox,
.global-download,
.global-downloadpc,
.global-vip,
.global-vipbtn,
.global-vipcontent {
	width: 1180px;
	padding: 75px 0 85px;
	margin: 0 auto;
	color: #fff;
}

.global-vipcontent {
	padding: 35px 0 85px;
}

.global-function .title {
	font-size: 44px;
	margin-bottom: 70px;
	font-weight: 600;
}

.functionpic,
.functionstep,
.environmentlist,
.casebox-btm {
	width: 100%;
	display: inline-block;
}

.functionpic div,
.functionstep div,
.environmentlist div {
	float: left;
}

.arrowpositon {
	margin: 50px 25px 0 0;
}

.functionstep {
	font-size: 18px;
	margin-top: 20px;
}

.functionstep .div1 {
	margin-left: -10px;
}

.functionstep .div2 {
	margin-left: 75px;
}

.global-function-mobile .functionstep .div2 {
	margin-left: 40px;
}

.functionstep .div3 {
	margin-left: 155px;
}

.functionstep .div4 {
	margin-left: 180px;
}

.functionbtn {
	display: inline-block;
	margin: 35px 0 80px 0
}

.functionbtn div {
	margin: 0 0 0 55px;
	float: left;
}

.functionbtn div a {
	padding: 0;
	width: 105px;
	height: 33px;
	border: 1px #fff solid;
	display: inline-block;
	padding: .2rem 1rem;
}

.functionbtn div.div1 {
	margin-left: 210px;
}

.functionbtn a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	line-height: 33px;
	width: 105px;
}

.environment {
	font-size: 32px;
	margin-bottom: 35px;
	font-weight: 600;
}

.environmentlist div {
	margin-right: 70px;
	font-size: 18px;
}

.environmentlist div img {
	float: left;
	margin: 0 10px 0 0;
}

.casebox {
	color: #1A1A1A;
}

.casebox-top {
	font-size: 44px;
	font-weight: 600;
	margin-bottom: 85px;
}

.casebox-top span a {
	font-size: 18px;
	color: #1A1A1A;
	text-decoration: none;
	font-weight: normal
}

.casebox-btm div {
	float: left;
	width: 265px;
	margin-right: 40px;
}

.casebox-btm div img {
	display: block;
	margin: 0 0 25px 0;
}

.global-sharedright {
	width: 480px;
	font-size: 32px;
	margin: 160px 90px 0 0
}

.global-sharedright .title {
	font-size: 44px;
	text-align: center;
	width: 100%;
	margin: 0 0 70px 0;
	font-weight: 600
}

.global-sharedright div {
	display: inline-block;
	margin-bottom: 20px;
}

.global-sharedright img {
	float: left;
	margin: -5px 25px 0 0;
}

.global-shared {
	padding: 90px 0 150px;
}

.global-swb {
	color: #1A1A1A;
}

.global-swb .title {
	font-weight: 600;
	font-size: 44px;
	margin-bottom: 90px;
}

.global-swbleft {
	width: 600px;
	height: 450px;
	overflow: hidden;
	position: relative;
}

.global-swbleft video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.global-swbleft .globalplayimg {
	width: 100px;
	height: 100px;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 999;
}

.global-swbright {
	font-size: 22px;
	width: 400px;
	text-align: center
}

.global-swbright div {
	margin-bottom: 62px;
}

.global-swbright div img {
	display: block;
	margin: 0 auto 15px;
}

.global-swb-btm {
	display: inline-block;
	margin-bottom: 30px;
}

.global-swb-btm div {
	width: 265px;
	margin-right: 40px;
	float: left;
	font-size: 32px;
	text-align: center
}

.global-swb-btm div video {
	width: 265px;
	height: 150px;
	margin-bottom: 25px;
}

.global-case {
	padding: 100px 0 0;
}

.global-caseleft {
	width: 635px;
	height: 400px;
	background: #eee;
}

.global-caseright {
	width: 410px;
	height: 340px;
	background: #F6F6F6;
	color: #1A1A1A;
	padding: 30px 45px;
}

.global-caseright a:link,
.global-caseright a:hover,
.global-caseright a:active,
.global-caseright a:visited {
	text-decoration: none !important;
	color: #333
}

.global-caseright .title {
	font-weight: 600;
	font-size: 26px;
	line-height: 40px;
	max-height: 120px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-decoration: none !important;

}

.global-caseright .info {
	font-size: 20px;
	line-height: 34px;
	color: #999;
	margin: 25px 0 50px;
	max-height: 130px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.global-case1 {
	color: #1A1A1A;
	padding: 50px 0 70px;
	border-bottom: 1px #E6E6E6 solid;
}

.global-case1 a:link,
.global-case1 a:hover,
.global-case1 a:active,
.global-case1 a:visited {
	text-decoration: none !important;
	color: #333
}

.global-case1box {
	width: 370px;

	padding: 0 0 40px;
	float: left;
	background: #F6F6F6;
	margin-right: 35px;
}

.global-case1content {
	width: 370px;
	height: 240px;
}

.global-case1content img {
	width: 100%;
	height: 240px;
}

.global-case1box .title {
	padding: 15px 30px;
	font-size: 22px;
	font-weight: 600;
}

.global-case1box .title {
	padding: 15px 30px 0;
	font-size: 22px;
	font-weight: 600;
	max-height: 100px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.global-case1box .info {
	padding: 15px 30px 0;
	font-size: 16px;
	max-height: 100px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #999;
	margin: 10px 0 20px;
}

.global-case1box .time {
	padding: 15px 30px 0;
}

.global-caselistbox {
	padding: 0 0 125px 0;
}

.global-caselistbox a {
	width: 100%
}

.global-caselistbox a:link,
.global-caselistbox a:hover,
.global-caselistbox a:active,
.global-caselistbox a:visited {
	text-decoration: none !important;
	color: #333
}

.global-caselist {
	border-bottom: 1px #E6E6E6 solid;
	color: #1A1A1A;
	padding: 40px 30px;
}

.global-caselist .title {
	font-size: 26px;
	font-weight: 600;
	max-height: 100px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.global-caselist .info {
	font-size: 20px;
	color: #999;
	max-height: 100px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin: 30px 0;
}

.global-download .div1 {
	width: 690px;
	margin: 10px auto 60px;
}

.global-download .div2 {
	width: 435px;
	margin: 0 auto 100px;
}


.global-download .div1 .img1 {
	margin: 8px 0 0 35px;
}

.global-download .div22 {
	width: 145px;
	height: 42px;
	line-height: 42px;
	background: #333;
	border-radius: 4px;
}

.global-download .div22 img {
	margin: 6px 10px 0 10px;
	;
	float: left
}

.global-download .div3 div {
	float: left;
}

.global-download .div3 {
	width: 880px;
	margin: 0 auto 100px;
}

.global-download .div3 .div33 {
	width: 214px;
	float: right;
	margin: 40px 0 0 0;
	color: #333333;
	text-align: center;
	font-size: 20px;
}

.global-downloadpc .div1 {
	width: 800px;
	margin: 10px auto 60px;
}

.global-downloadpc .div1 .img1 {
	margin: 27px 0 0 25px;
}

.global-downloadpc .div2 {
	width: 145px;
	height: 42px;
	line-height: 42px;
	background: #333;
	border-radius: 4px;
	margin: 0 auto;
}

.global-downloadpc .div2 img {
	margin: 9px 20px 0 20px;
	float: left
}

.global-downloadpc .div3 img {
	margin: 80px auto 10px;
	display: block;
}

.global-vip {
	padding: 50px 0 0;
	color: #D94C2C;
	display: flex;
	justify-content: space-around;
}

.global-viplist {
	flex-direction: column;
	width: 270px;
	height: 150px;
	border: 2px #D6CFC2 solid;
	border-radius: 10px;
	/* margin-right: 89px; */
	padding: 30px;
	float: left;
	text-align: center;
	font-weight: 600;
	cursor: pointer;
	position: relative
}

.global-viplist.active {
	border: 2px #C4A97D solid;
}

.global-viplist.active .global-arrow {
	display: block
}

.global-viplist .time {
	font-size: 32px;
	color: #B59B73;
	border-bottom: 1px #B59B73 dashed;
	padding-bottom: 20px;
}

.global-viplist .vipprice {
	font-size: 50px;
	color: #D94C2C;
	padding: 20px 0 0;
	font-family: 'Impact'
}

.global-viplist .vipprice span {
	font-size: 30px;
	font-weight: normal
}

.global-viplist .yue {
	font-weight: normal;
}

.global-vipbtn {
	/* width: 885px; */
	width: 620px;
	padding: 80px 0 0;
	display: flex;
	justify-content: space-around;
}

.global-vipbtn div {
	flex-direction: column;
	width: 230px;
	height: 55px;
	line-height: 55px;
	font-size: 22px;
	text-align: center;
	background: linear-gradient(#DCB784, #CFA364);
	background: -webkit-linear-gradient(#DCB784, #CFA364);
	background: -o-linear-gradient(#DCB784, #CFA364);
	background: -moz-linear-gradient(#DCB784, #CFA364);
	border-radius: 4px;
	letter-spacing: 2px;
	cursor: pointer;
}

.global-vipcontent .vipopentext h2 span {
	background: linear-gradient(to bottom, #DCB784, #CFA364);
	background: -webkit-linear-gradient(to bottom, #DCB784, #CFA364);
	background: -o-linear-gradient(to bottom, #DCB784, #CFA364);
	background: -moz-linear-gradient(to bottom, #DCB784, #CFA364);
}

.global-vipcontent .vipopentitle i {
	background: #E9C89B;
}

.global-vipcontent .vipopenlist span {
	background: #E9C89B;
}

/* 菱形 */
.global-lozenge {
	width: 20px;
	height: 20px;
	margin-right: 15px;
	background: #1eb336;
	margin-left: -30px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.global-livebox {
	width: 1100px;
	margin: -20px auto 0;
	display: flex;
	padding-bottom: 90px;
}

.global-live {
	width: 25%;
	flex-direction: column;
	padding: 50px 30px;
	background: #fff;
	border-radius: 5px;
	margin: 0 16px;
	text-align: center;
	box-shadow: 0px 6px 29px 3px rgba(83, 83, 83, 0.09);
}

.global-live .title {
	font-size: 18px;
	margin-top: 20px;
	color: #333;
	min-height: 50px;
	font-weight: 600;
}

.global-live .info {
	text-align: left;
	font-size: 14px;
	margin-top: 20px;
	color: #666;
}

/* 国际化移动端 */
.global-nav-mobile {
	padding: 2vw 4vw
}

.global-nav-mobile .global-nav-left {
	height: 10vw
}

.global-nav-mobile .global-nav-right {
	height: 6vw;
	margin: 1.5vw 0 0 0
}

.global-contentbox-mobile {
	padding: 12vw 8vw 5vw;
}

.global-content-mobile .global-top {
	margin: 0;
	line-height: 9vw;
}

.global-content-mobile .global-top1 {
	font-size: 5.5vw;
}

.global-content-mobile .global-top4,
.global-content-mobile .global-top3 {
	font-size: 3vw;
	font-weight: normal
}

.global-content-mobile .global-top2 {
	font-size: 4.3vw;
	margin: 0 0 4.5vw 0;
}

.global-content-mobile .global-top3 {
	margin-left: .2rem
}

.global-content-mobile .global-info {
	width: 100%;
	margin-top: 10vw;
}

.global-content-mobile .global-infobox {
	margin: 0 0 10vw 0;
}

.global-content-mobile .global-info .div1 {
	width: 18vw;
}

.global-content-mobile .global-info .div2 {
	width: 60vw;
	margin-left: 5vw;
}

.global-content-mobile .global-infobox .p1 {
	line-height: 9vw;
	font-size: 4.3vw;
}

.global-content-mobile .global-infobox .p2 {
	width: 100%;
	font-size: 3vw;
	line-height: 4.5vw;
}

.global-content-mobile .global-contentbox {
	padding: 10vw 8vw;
}

.global-footerbox-mobile {
	padding: 7vw 4.5vw;
}

.global-footerbox-mobile .global-footerbtm {
	margin-top: 0;
	line-height: 30px;
}

.global-footerbox-mobile .global-footerbtm .div3 {
	margin: 7vw auto 6vw;
}

.global-footerbox-mobile .global-footerbtm .div3 span {
	margin-left: 0;
	font-size: 3.2vw;
	width: 32.5%;
	text-align: center;
}

.global-footerbox-mobile .global-footerbtm .div1 img {
	display: block;
	margin: 0 auto 4vw;
	height: 8vw
}

.global-footerbox-mobile .global-footerbtm .div2 {
	margin-left: 0;
	font-size: 2.8vw;
	color: #fff;
	text-align: center;
	letter-spacing: .5vw;
}

.global-animbox-mobile {
	width: 84vw;
	padding: 12vw 8vw 17vw;
	/* border-bottom: 2px #E6E6E6 solid; */
	display: inline-block
}

.global-animbox-mobile .global-animboxpic {
	width: 70vw;
	margin: 0 0 0 3vw;
}

.global-animbox-mobile .global-animboxtext {
	width: auto;
	margin: 0;
}

.global-animbox-mobile .global-animboxtext .title {
	font-size: 4.3vw;
	margin: 0 0 5vw;
}

.global-animbox-mobile .global-animboxtext .info {
	font-size: 3vw;
	margin: 0 0 2vw;
	line-height: 4vw;
}

.global-function-mobile .global-function {
	width: 100%;
	padding: 0;
}

.global-function-mobile .title {
	font-size: 5vw;
	letter-spacing: .2vw;
}

.global-function-mobile .functionstep {
	font-size: 2.8vw;
	margin: 3vw 0 0 -2vw;
	text-align: center
}

.global-function-mobile .functionbtn {
	width: 80%;
	margin: 4vw 5vw 8vw !important;
}

.global-function-mobile .functionbtn div {
	margin: 0;
}

.global-function-mobile .functionbtn div button {
	width: auto;
	padding: 1vw 4vw;
	height: 7vw;
	line-height: 7vw
}

.global-function-mobile .functionbtn a {
	font-size: 3.2vw;
	width: auto;
	padding: .5rem 1rem
}

.global-function-mobile .functionbtn div.div1 {
	float: right
}

.global-function-mobile .functionstep .div3 {
	margin: 0 0 0 4vw;
}

.global-function-mobile .functionstep .div4 {
	margin: 0 3vw 0 0;
	float: right
}

.global-function-mobile .environment {
	margin: 10vw 0 5vw 3vw;
	font-size: 4.3vw;
}

.global-function-mobile .environmentlist div {
	margin: 0 0 0 5vw;
	font-size: 3.2vw;
	line-height: 8vw
}

.global-function-mobile .environmentlist div img {
	float: left;
	margin: 1.5vw 3vw 0 0
}

.global-casebox-mobile .casebox {
	padding: 4vw 0;
	width: 100%;
}

.global-casebox-mobile .casebox-top {
	font-size: 5vw;
	margin-bottom: 6vw;
}

.global-casebox-mobile .casebox-top span a {
	font-size: 3vw;
}

.global-casebox-mobile .casebox-btm div {
	width: 39.5vw;
	height: auto;
	margin: 0;
	margin: 0 5vw 7vw 0;
	font-size: 3.2vw;
}

.casebox-btm div a,
.global-swb-btm div a {
	color: #1A1A1A;
	text-decoration: none
}

.global-download .div2 a,
.global-downloadpc .div2 a,
.login-registbox div span a {
	color: #fff;
	text-decoration: none
}

.global-banner-mobile .global-banner-text {
	width: 33%;
	height: 36%;
	left: 21%;
	top: 50%;
}

.global-banner-mobile .global-banner-text1 {
	width: 48%;
	height: 18%;
	left: 71%;
	top: 43%;
}

.global-animbox-mobile .position20 {
	width: 30vw;
	height: 30vw;
	border-radius: 30vw;
	right: -70px;
	top: -110px;
}

.global-animbox-mobile .position21 {
	width: 30vw;
	height: 30vw;
	border-radius: 30vw;
	left: -75px;
	bottom: -80px;
}

.global-function-mobile .global-shared,
.global-function-mobile .global-swb {
	padding: 0;
	width: 100%;
}

.global-function-mobile .global-shared .global-sharedleft img {
	display: block;
	margin: 0 auto;
}

.global-function-mobile .global-shared .global-sharedright {
	width: auto;
	margin: 0 auto;
}

.global-function-mobile .global-shared .global-sharedright .title {
	margin: 12vw auto 6vw;
	font-size: 5vw;
}

.global-function-mobile .global-shared .global-sharedright div {
	width: 75%;
	display: block;
	margin: 0 auto;
	margin-bottom: 3vw;
	font-size: 4.3vw;
}

.global-function-mobile .global-swbleft,
.global-function-mobile .global-swbright {
	width: 100%;
}

.global-function-mobile .global-swbright {
	margin: 10vw 0 0 0;
	font-size: 4.3vw;
}

.global-function-mobile .global-swbright div {
	margin-bottom: 12vw;
}

.global-function-mobile .global-swb .title {
	margin: 0 0 5vw 0
}

.global-function-mobile .global-swb-btm div {
	width: 39.5vw;
	height: auto;
	margin: 0;
	margin: 0 5vw 7vw 0;
	font-size: 3.2vw;
}

.global-function-mobile .global-swb-btm div video {
	width: 100%;
	height: 25vw;
}

.global-function-mobile .global-case1 {
	width: 100%;
	/* border-bottom: 2px #E6E6E6 solid; */
}

.global-function-mobile .global-case1box {
	width: 46vw;
	margin: 0 3vw 4vw;
}

.global-function-mobile .global-case1box .global-case1content {
	width: 100%;
	margin: 0 auto;
}

.global-function-mobile .global-case1box .title {
	font-size: 4.3vw;
	max-height: 13vw;
}

.global-function-mobile .global-case1box .info {
	font-size: 2.8vw;
	line-height: 5vw;
	max-height: 13vw;
}

.global-function-mobile .global-case1box .time {
	font-size: 2.8vw;
}

.global-function-mobile .global-case1xx {
	display: flex;
	flex-wrap: wrap;
}

.global-function-mobile .global-case1xx a {
	flex: 1;
	flex-direction: row;
}

.global-function-mobile .global-caselistbox {
	width: 100%;
}

.global-function-mobile .global-caselist {
	border-bottom: 2px #E6E6E6 solid
}

.global-function-mobile .global-caselist .title {
	max-height: 13vw;
	-webkit-line-clamp: 2;
}

.global-function-mobile .global-caselist .info {
	max-height: 13vw;
	font-size: 2.8vw;
	-webkit-line-clamp: 2;
	line-height: 5vw;
}

.global-function-mobile .global-caselist .time {
	font-size: 2.8vw;
}

.global-function-mobile .global-download,
.global-function-mobile .global-downloadpc {
	width: 100%;
	padding: 0;
}

.global-function-mobile .global-download .div2 {
	width: 65vw;
}

.global-function-mobile .global-download .div22,
.global-function-mobile .global-downloadpc .div2 {
	width: 27vw;
	height: 7.5vw;
	line-height: 7.5vw;
	background: #333;
	border-radius: .7vw;
	font-size: 3vw;
}

.global-function-mobile .global-download .div22 img {
	margin: 1vw 2vw 0 1vw
}

.global-function-mobile .global-download .div3 {
	text-align: center;
	color: #333;
	font-size: 2.8vw;
	margin: 0 auto 7vw;
}

.global-function-mobile .global-download .div3 img {
	display: block;
	margin: 0 auto 2vw;
}

.global-function-mobile .global-downloadpc .div2 img {
	margin: 1.5vw 2vw 0 2vw;
}

.global-function-mobile .global-vip {
	width: 100%;
	padding: 0;
	display: flex;
	margin: 4vw auto;
}

.global-function-mobile .global-viplist {
	flex-direction: column;
	/* width: 22.8vw; */
	height: 18vw;
	border-radius: 10px;
	/* margin-right: 5vw; */
	padding: 2vw;
	position: relative
}

.global-function-mobile .global-viplist .time {
	font-size: 4.3vw;
}

.global-function-mobile .global-viplist .vipprice {
	font-size: 5.5vw;
	padding: 1.5vw 0 0 0;
}

.global-function-mobile .global-viplist .vipprice span {
	font-size: 4vw;
}

.global-function-mobile .global-vipbtn {
	/* width: 100%; */
	padding: 0;
	display: flex;
	justify-content: space-around;
}

.global-function-mobile .global-vipbtn div {
	flex-direction: column;
	width: 27vw;
	height: 8vw;
	line-height: 8vw;
	border-radius: .7vw;
	font-size: 3vw;
	margin: 0 5vw;
}

.global-function-mobile .global-vipcontent {
	width: 100%;
}

.global-function-mobile .vipopentext h2 span {
	width: .8vw;
	height: 4vw;
	margin: 6px 3vw 0 0;
}

.global-function-mobile .vipopenlist span {
	width: 1vw;
	height: 1vw;
	border-radius: 1vw;
	margin: 1.2vw 3vw 0 30px
}

.global-function-mobile .vipopentitle {
	margin: 5vw 0 3.5vw 0;
}

.global-function-mobile .vipopentitle i {
	width: 4vw;
	height: 4vw;
}

.global-function-mobile .vipopentext h2 {
	font-size: 4vw;
}

.global-function-mobile .global-vipcontent .vipopentitle span {
	font-size: 3.2vw
}

.global-function-mobile .global-vipcontent .vipopenlist {
	font-size: 3.2vw !important;
	padding: 1vw 0 3vw;
}

.global-function-mobile .global-vipcontent .vipopenlist p {
	line-height: 5vw;
}

.global-arrow {
	width: 65px;
	height: 55px;
	background: url("../images/global80.png") no-repeat center;
	background-size: 100%;
	float: right;
	position: absolute;
	right: -1px;
	bottom: 0;
	display: none;
}

.global-function-mobile .global-arrow {
	width: 5vw;
	height: 5vw;
	right: -1px;
	bottom: -4px;
}

.global-tips {
	width: 60px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 12px;
	background: url("../images/global79.png") no-repeat center;
	background-size: 100%;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
}

.global-function-mobile .global-tips {
	width: 8vw;
	height: 6vw;
	top: .4vw;
	font-size: 2vw;
	line-height: 5.7vw;
}

.global-navbox {
	background: #3EB13D;
	padding: 0;
	width: 100%;
	height: auto;
	display: block;
	font-size: 5.5vw;
	position: absolute;
	left: 0;
	top: 14vw;
	z-index: 9999;
	display: none;
	padding: 0;
}

.global-navbox ul li {
	width: 95%;
	list-style: none;
	line-height: 15vw;
	text-align: center;
}

.global-navbox ul li a {
	color: #fff;
	width: 100%;
	text-decoration: none;
}

.global-nav-right1 {
	display: none;
}

.global-mobile {
	display: none;
}

@media (max-width:1024px) {
	.global-mobile {
		display: block;
	}

	.global-pc {
		display: none;
	}

	.global-live {
		width: 50%;
		margin: 0 3.5vw;
		padding: 6vw 7vw 10vw;
	}

	.global-live .title {
		font-size: 3.6vw;
		height: 10vw;
		margin-bottom: 7vw;
	}

	.global-live .info {
		font-size: 2.7vw;
		line-height: 5vw;
		text-align: center;
	}
}





/* 产品及服务 */
.v7productservice {
	width: 1140px;
	padding: 60px 70px 70px 90px;
	border-radius: 10px;
	margin-bottom: 28px;
}

.v7flex {
	display: flex;
	align-items: center;
	margin-bottom: 60px;
}

.v7column {
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 16px;
	color: #333;
	font-weight: 400;
	margin: 0 20px;
	background: #fff;
}

.v7column img {
	margin-bottom: 14px;
	border: 1px #F0F0F0 solid;
	border-radius: 3px;
}

.v7column img.active {
	padding: 7px;
}

.v7column1 {
	margin-top: 20px;
}

.v7column1 p {
	font-size: 12px;
	margin-top: 5px;
	letter-spacing: 1px;
}

.v7flex h3 {
	font-size: 22px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

.v7text {
	width: 190px;
	margin: 0 25px 0 27px;
	border-right: 1px #D9D9D9 solid;
	padding-right: 50px;
	font-size: 16px;
	color: #333;
	line-height: 27px;
}

.v7more {
	margin-left: 28px;
}

.v7more a {
	text-decoration: underline;
	font-size: 15px;
}

.v7tao {
	font-size: 16px;
	line-height: 25px
}

.v7tao img {
	border: none;
	display: block;
	margin: 0 auto 20px;
}

.v7tao .time {
	color: #999;
	font-size: 11px;
}

.v7tao .name {
	font-size: 16px;
	margin-top: 24px;
}

.v7service {
	font-size: 22px;
	color: #333;
	font-weight: 500;
}

.v7service img {
	margin-right: 26px;
}


/* 学生录微课 */
.studentvideobox {
	width: 1270px;
	margin: 0 auto;
	padding: 20px 0 25px;
	display: flex;
}

.studentvideobox .text {
	font-size: 18px;
	font-weight: 400;
	line-height: 38px;
	border: 1px #E6E6E6 solid;
	padding: 38px;
	margin-left: 47px;
	color: #333;
	letter-spacing: 4px;
	text-indent: 2em;
}

.stuvideo {
	cursor: pointer;
}

.stuvideo.active {
	color: #098AFF;
}


/* 购买直播 */
.liverecharge {
	padding: 12px 20px 0;
	height: 580px;
}

.liverecharge .recharge-money,
.liverecharge .recharge-money1 {
	position: relative;
	display: flex;
	align-items: left;
}

.liverecharge .recharge-money span,
.liverecharge .recharge-money1 span {
	margin: 0 10px 20px 0;
	display: inline-block;
	padding: 6px 30px;
	text-align: center;
	width: 100px;

}

.liverecharge .recharge-money span i,
.liverecharge .recharge-money1 span i {
	width: 30px;
	display: inline-block;
	font-size: 12px;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 18px;
	font-size: 10px;
	font-style: normal;
	color: #fff;
	border-bottom: 15px solid #888584;
	border-left: 6px solid transparent;
}

#recharge-money h3.newprize {
	font-weight: 700;
	font-size: 25px;
	color: #FF5722;
	display: inline-block;
	margin: 3px;
}

#recharge-money h5.oldprize {
	text-decoration: line-through;
	display: inline-block;
	font-size: 14px;
}



/* 班级直播列表 */
.classlivestream {
	padding: 0;
}

.classlivestream .classlivestreamlist {
	width: 780px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px #eaeaea solid;
	/* border-bottom: none; */
	padding: 25px 25px 15px 25px;
	margin-top: 15px;
	border-radius: 3px 3px 0 0;
}

.classlivestream .liveinfo {
	/* margin-top: 5px; */
	border: 1px #eaeaea solid;
	border-top: none;
	border-radius: 0 0 3px 3px;
	padding: 5px 25px;
}

.classlivestream .liveinfo div {
	margin-right: 10px;
	color: #999;
}

.classlivestream .classlivestreamlist div {
	flex-direction: row;
}

.classlivestreamlist h3 {
	font-size: 16px;
	color: #333;
	font-weight: 600;
	width: 600px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 15px;
}

.classlivestreamlist .times {
	color: #999;
}

.livestatus {
	margin-right: 20px;
	font-size: 12px;
	color: #47bd5a;
	text-align: center;

}

.livestatus .live-type5 {
	color: #fff;
	background-color: #47bd5a;
	padding: 4px 10px;
	border-radius: 6px;
	margin-bottom: 10px;
}

.livestatus img {
	width: 18px;
}

/* 班级直播详情页--等待直播页面 */
.classlivebg {
	width: 100%;
	height: 252px;
	background: url('/static/shared/images/classlivedetail.png') no-repeat;
	background-size: 100%;

}

/* 我的班级 添加微课 */
.searchvideo {
	width: 400px;
	height: 30px;
	padding: 10px 0;
	position: relative;
}

.searchvideo input {
	height: 30px;
	border: none;
	width: 400px;
	margin-right: 10px;
	background: #f2f2f2;
	text-indent: 10px;
	border-radius: 5px;
	font-size: 12px;
}

.searchvideo i {
	position: absolute;
	right: 10px;
	top: 18px;
	z-index: 99;
	cursor: pointer;
}

.searchvideo i.icon2 {
	display: none;
}

.classvideo {
	min-height: 330px;
	height: auto;
}

.classvideofolder,
.classvideolist {
	border-bottom: 1px #eaeaea solid;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.classvideofolder div,
.classvideolist div {
	flex-direction: row;
	padding: 10px 0;
	justify-content: center;
}

.classvideofolder div img,
.classvideolist div img {
	margin-right: 20px;
}

.classvideofolder .con,
.classvideolist .con {
	width: 750px;
	color: #999;
}

.classvideofolder .con .p1,
.classvideolist .con .p1 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #333;
}

.classvideofolder.time,
.classvideolist.time {
	width: 80px;
	margin-left: auto;
}

.classvideoback {
	line-height: 30px;
	border-bottom: 1px #eaeaea solid;
	text-align: left;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
}

/* 创建直播 */
.addlivebox {
	padding: 20px 0 0;
	overflow-x: hidden;
	/* height: 615px; */
	height: 500px;
	width: 95%;
	margin: 0 auto;
}

#view {
	height: 150px;
	overflow-x: hidden;
}

.addlivebox form {
	display: flex;
}

.addlivebox form .formflex {
	flex-direction: row;
}

.addlivebox .selectclass {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	cursor: pointer;
	width: 310px;
	margin-bottom: 5px;
}

.addlivebox .selectclass img {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	margin-right: 10px;
}

.addlivebox .selectclass .name {
	width: 190px;
	overflow: hidden;
}

.addlivebox .selectclass .name.active {
	color: #098AFF;
}

.addlivebox .selectclass input {
	position: absolute;
	right: 0;
	top: 0;
}

.addlivebox .layui-form-select {
	width: 250px;
}

.addlivebox iframe {
	border: 1px #EAEAEA solid;
	height: 150px;
}

.addliveinfo {
	line-height: 30px;
	padding: 0 30px 0 15px;
	/* display: flex; */
}

/* .addliveinfo .addliveinfoflex{
	flex-direction: row;
	margin-right: 90px;
} */
.classcheckbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	position: relative;
	margin-top: 8px;
}

.classcheckbox input[type="checkbox"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	border: 1px solid #d9d9d9
}

.classcheckbox input[type="checkbox"]:checked::before {
	content: "\2713";
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border: 1px solid #098AFF;
	color: #098AFF;
	font-size: 20px;
	font-weight: bold;
}

.classlivestreama {
	position: relative;
}

.classlivestream .editlivelist {
	width: 10px;
	padding: 10px 40px 10px 0;
	float: right;
	position: absolute;
	right: 0;
	margin-top: -100px;
}


/* 会员支付方式 */
.vip-payment {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 25px;
}

.vip-payment div {
	flex-direction: column;
	width: 30%;
	line-height: 35px;
	text-align: center;
	border: 1px #ccc solid;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
}

.vip-payment div.active {
	border: 1px #F63C2E solid;
	color: #F63C2E;
}

.vip-payment div i {
	width: 0;
	height: 0;
	border-bottom: 20px solid #F63C2E;
	border-left: 22px solid transparent;
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
}

.vip-payment div i.active,
.vip-payment div b.active {
	display: block;
}

.vip-payment div b {
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 2px;
	font-weight: normal;
	line-height: 10px;
	display: none;
}

.vip-balancebox {
	margin-bottom: 20px;
	display: none;
}



/* 班级改造 v8 2020-03-17 */
.v8-classinfo-addclass {
	font-size: 16px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.v8-classinfo-addclass span {
	font-size: 32px;
	margin-right: 5px;
}

.v8-classlistbox {
	background: #f2f2f2;
	color: #616161;
	display: flex;
	flex-wrap: wrap;
	margin-top: -3px;
	z-index: 99;
	position: relative;
}

.v8-classlist {
	flex-direction: row;
	padding: 8px 23px;
	cursor: pointer;
}

.v8-classlist.active {
	color: #fff;
	background: #098aff;
}

.v8-classinfo {
	padding: 45px 0 10px;
	display: flex;
}

.v8-classinfo .info {
	flex-direction: row;
}

.v8-classinfo img {
	width: 83px;
	height: 83px;
	border-radius: 83px;
	margin-right: 20px;
}

.v8-classinfo .classname {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	margin-bottom: 10px;
}

.v8-classinfo .info div {
	width: 100%;
	line-height: 25px;
}

.v8-memberbox {
	position: relative;
}

.v8-memberbox .quitclass {
	position: absolute;
	z-index: 99;
	right: 0;
	top: 0;
	font-size: 14px;
}

.v8-member,
.member-teambox {
	display: flex;
	flex-wrap: wrap;
}

.v8-memberlist {
	width: 60px;
	height: 80px;
	flex-direction: row;
	text-align: center;
	margin: 0 15px 10px 0;
	overflow: hidden;
	font-size: 12px;
}

.v8-memberlist img {
	width: 50px;
	height: 50px;
	border-radius: 50px;
}

.v8-memberlist p {
	width: 100%;
	white-space: nowrap;
	margin-top: 5px;
}

.member-teambox {
	padding: 15px;
}

/* 班级-作业 */
.v8-homeworklist,
.v8-vtalklist {
	display: flex;
	padding: 20px 0;
	align-items: center;
	border-bottom: 1px #ebebeb solid;
}

.v8-homeworklist {
	cursor: pointer;
}

.v8-homework,
.v8-vtalk {
	flex-direction: row;
}

.v8-subjecttype {
	width: 45px;
	height: 45px;
	border-radius: 45px;
	color: #fff;
	line-height: 43px;
	text-align: center;
	font-size: 28px;
	margin-right: 20px;
}

.v8-yuwen {
	background: #fc6b6b;
}

.v8-math {
	background: #54d3ff;
}

.v8-yingyu {
	background: #f3da02;
}

.v8-wuli {
	background: #1bd6ec;
}

.v8-huaxe {
	background: #0dcdc0;
}

.v8-shengwu {
	background: #8fd017;
}

.v8-lishi {
	background: #f9c82d;
}

.v8-dili {
	background: #8ca9e5;
}

.v8-sixiang {
	background: #ff6352;
}

.v8-pinde {
	background: #fa98c3;
}

.v8-yinyue {
	background: #f2a7e6;
}

.v8-tiyu {
	background: #ffa534;
}

.v8-kexue {
	background: #ff855c;
}

.v8-homework-info {
	width: 580px;
	display: flex;
	margin-bottom: 10px;
}

.v8-homework-info div {
	flex-direction: column;
}

.v8-homework-title {
	color: #000;
	font-weight: 600;
	font-size: 14px;
	margin-right: 20px;
}

.v8-homework-type {
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
	padding: 0 5px;
}

.v8-homework-type.type1 {
	background: #eb6759;
}

.v8-homework-type.type2 {
	background: #46e593;
}

.v8-homework-type.type3 {
	background: #11a1fa;
}

.v8-homework-time {
	color: #999;
	font-size: 12px;
}

.v8-homework-status {
	color: #fff;
	font-size: 14px;
}

.v8-homework-status.status1 {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: url('/static/shared/images/homework-noapprove.png') no-repeat center;
	background-size: 100%;
}

.v8-homework-status.status2 {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: url('/static/shared/images/homework-approve.png') no-repeat center;
	background-size: 100%;
}

.v8-homework-status.status3 {
	background: #fe0000;
	padding: 2px 5px;
	border-radius: 3px;
}

.v8-homework-status.status4 {
	background: #fcc900;
	padding: 2px 5px;
	border-radius: 3px;
}

.v8-homework-status.status5 {
	color: #ababab;
	margin-left: 10px;
}

.v8-homework-status.status6 {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: url('/static/shared/images/homework-redo.png') no-repeat center;
	background-size: 100%;
}

.v8-homework-last,
.v8-vtalk-last {
	margin-left: auto;
	margin-right: 20px;
}

.v8-vtalklist {
	align-items: inherit;
}

.v8-vtalk-headimg,
.v8-vtalk-headimg img {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	margin-right: 25px;
}

.v8-vtalk-info {
	width: 660px;
}

.v8-vtalk-name {
	color: #616161;
}

.v8-vtalk-title {
	font-weight: 600;
	margin: 5px 0 10px;
	font-size: 14px;
	color: #333;
}

.v8-vtalk-desc {
	color: #ababab;
}

.v8-vtalk-img {
	width: 120px;
	height: 120px;
	margin: 10px 0 0;
	cursor: pointer;
}

.v8-vtalk-img img {
	width: 120px;
	height: 120px;
	object-fit: cover;
}

.v8-vtalk-info div {
	width: 100%;
}

.v8-vtalk-status {
	background: #aaa;
	color: #fff;
	padding: 2px 5px;
	margin: 0 10px;
	height: auto;
	border-radius: 3px;
	height: 20px;
}

/* 检测360浏览器弹窗 */
.download-browser {
	text-align: center;
}

.download-browser img {
	margin-bottom: 20px;
}

.download-browser .title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}

.download-browser .info {
	font-size: 16px;
	color: #666;
}

.download-browser a {
	padding: 8px 20px;
	border-radius: 3px;
	color: #fff;
	background: #3380FD;
	margin-top: 40px;
	display: inline-block;
}

.download-browser span {
	color: #0BA800;
}

/* 积分兑换会员20200608 */
.pointer-vip {
	padding: 20px 30px 0;
	color: #333;
	display: none;
}

.pointer-vip .div1 {
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
	display: flex;
	align-items: center;
}

.pointer-vip .div1 img {
	margin-right: 5px;
}

.pointer-vip .div1 span {
	font-size: 22px;
	font-weight: 600;
}

.pointer-vip .div2 {
	display: flex;
	margin: 20px 0 40px;
	/* justify-content: center;
	align-items: center; */
}

.pointer-vip .div2 .div3 {
	cursor: pointer;
	width: 136px;
	height: 113px;
	flex-direction: colum;
	border: 2px #fff solid;
	background: #fff;
	margin: 0 15px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 4px;
	text-align: center;
	position: relative;
}

.pointer-vip .div2 .div3.active {
	border: 2px #CFA364 solid
}

.pointer-vip .div2 .div3 img {
	width: 58px;
	height: 30px;
	position: absolute;
	left: -2px;
	top: -2px;
	border-radius: 4px 0 0 0;
}

.pointer-vip .div4 {
	font-size: 14px;
	margin: 38px 0 18px;
}

.pointer-vip .div4 span {
	font-size: 24px;
	font-family: 'Impact';
	font-style: italic;
	margin-right: 8px;
}

.pointer-vip .div5 {
	font-size: 14px;
	color: #E4B531;
}

.pointer-vip .div6 {
	width: 94%;
	padding: 20px 15px;
	background: #FCF7E4;
}

.pointer-vip .div7 {
	width: 100px;
	height: 30px;
	color: #fff;
	font-size: 16px;
	/* background: linear-gradient(151deg, rgba(220, 183, 132, 1) 0%, rgba(207, 163, 100, 1) 100%); */
	text-align: center;
	line-height: 30px;
	border-radius: 15px;
	margin: -25px 0 10px -15px;
	background: url('/static/shared/images/newfund.png') no-repeat center;
	background-size: 100%;
}

.pointer-vip .div8 i {
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background: #E4B531;
	margin: 0 10px 0 0;
}

.pointer-vip .div8 {
	line-height: 30px;
	font-size: 14px;
	letter-spacing: .5px;
}

.pointer-vip .div8 span {
	color: #E4B531;
}

.pointer-vipscore {
	display: block;
	padding: 20px 0 0;
}

.pointer-vipscore .div2 {
	margin-top: 35px;
}

.pointer-vipscore .div1 cite {
	width: 94px;
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
	background: linear-gradient(90deg, rgba(253, 190, 84, 1) 0%, rgba(255, 127, 66, 1) 100%);
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	cursor: pointer;
	margin-left: 30px;
}

.pointer-vipscore .div1 cite img {
	width: 14px;
	height: 14px;
}

.pointer-vipscore .div2 .div3 {
	width: 183px;
	height: auto;
	margin: 0 50px 0 0;
}

.pointer-vipscore .div4 span {
	font-size: 32px;
}

.pointer-vipscore .div9 {
	width: 112px;
	height: 28px;
	border-radius: 14px;
	background: linear-gradient(156deg, rgba(220, 183, 132, 1) 0%, rgba(207, 163, 100, 1) 100%);
	text-align: center;
	color: #fff;
	line-height: 28px;
	margin: 10px auto;
}

.pointer-vipscore .div6 {
	margin-top: 70px;
}

/* 广告系统20200609 */
.advSystembox {
	width: 100%;
}

.advSystembox img {
	width: 100%;
	height: 100%;
}

.advSystem-videoIndex,
.advSystem-resourceIndex {
	width: 1275px;
	height: 115px;
	margin: 20px auto;
	overflow: hidden;
	position: relative;
}

.advSystem-resourceDetailresource {
	width: 850px;
	height: 76px;
	margin: 20px auto;
	overflow: hidden;
}

.advSystem-uploadUploadresource {
	width: 509px;
	height: 113px;
	margin: 20px auto;
	overflow: hidden;
	position: absolute;
	top: 225px;
	right: 150px;
	z-index: 9;
}

.advSystem-videoIndex img,
.advSystem-resourceIndex img {
	position: absolute;
	left: 0;
	top: 0;
}

.advertisingStart,
.advertisingEnd {
	width: 812px;
	height: 512px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	background: rgba(0, 0, 0, .5);
	display: none;
}

.advertisingStart img,
.advertisingEnd img {
	width: 619px;
	height: 348px;
	margin: 82px 96.5px;
	cursor: pointer;
}

.canSkip {
	width: auto;
	height: 20px;
	padding: 0 8px;
	border-radius: 20px;
	color: #FF0000;
	background: rgba(255, 255, 255, .5);
	font-size: 14px;
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	display: none;
}