@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src: url('../fonts/codropsicons/codropsicons.eot');
	src: url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),  url('../fonts/codropsicons/codropsicons.woff') format('woff'),  url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),  url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:before, .clearfix:after {
	content: '';
	display: table;
}
.clearfix:after {
	clear: both;
}
body {
	font-weight: 400;
	font-size: 1em;
	font-family: 'Raleway', Arial, sans-serif;
}
a {
	color: #4e4a46;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus {
	color: #c94e50;
	outline: none;
}
button:focus {
	outline: none;
}
section {
	padding: 0.8em 0 0 0;
	text-align: center;
}
/* Header */
.codrops-header {
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
}
.codrops-header h1 {
	margin: 0 auto;
	font-weight: 800;
	font-size: 3.75em;
	line-height: 1;
}
.codrops-header h1 span {
	display: block;
	font-size: 50%;
	font-weight: 400;
	padding-top: 0.325em;
}
.codrops-links {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.69em;
	line-height: 2.2;
	padding: 1.61em 5em;
}
.codrops-links a {
	display: inline-block;
	padding: 0 1em;
	text-decoration: none;
	letter-spacing: 1px;
}
.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
.codrops-icon-drop:before {
	content: "\e001";
}
.codrops-icon-prev:before {
	content: "\e004";
}
/* Demo Buttons Style */
.codrops-demos {
	font-size: 1em;
	max-width: 1200px;
	margin: 3em auto 5em;
	padding: 2em 10em 0;
}
.codrops-demos > a {
	display: inline-block;
	margin: 0.75em;
	padding: 1.35em 1.1em;
	width: 15em;
	background: #fffce1;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 800;
	border-radius: 20px/50px;
}
.codrops-demos > a.current-demo {
	background: #c94e50;
	color: #fffce1;
}
/* Related demos */
.related {
	margin-top: 5em;
	padding: 0 3em 5em;
}
.related p {
	font-size: 1.5em;
	font-weight: 700;
}
.related > a {
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	border-radius: 35px/200px;
	background: #fffce1;
	max-width: 100%;
}
.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 20px/100px;
}
.related a:hover img, .related a:active img {
	opacity: 1;
}
.related a h3 {
	margin: 0;
	padding: 0.5em 0.75em 0.3em;
	max-width: 300px;
	text-align: left;
}
body #cdawrap {
	top: auto;
	bottom: 35px;
	right: 35px;
	background: #b4bad2;
	border: 1px solid rgba(131,135,151,0.6);
}
.demo-wave body #cdawrap {
	top: 35px;
	right: 35px;
	bottom: auto;
}

@media screen and (max-width: 40em) {
body {
	font-size: 80%;
}
.codrops-header h1 {
	font-size: 2.5em;
}
.codrops-demos {
	max-width: 900px;
	padding: 2em 2em 0;
}
.related > a {
	margin: 20px 0;
}
}

@media screen and (max-width: 25em) {
.codrops-icon {
	font-size: 250%;
}
.codrops-icon span {
	display: none;
}
}
/*我的样式开始*/
.menu-wrap .menu-side a {
	position: relative;
	font-size: 1.3em;
}
.menu-wrap .menu-side .position {
	position: absolute;
	right: 1em;
}
.content-wrap .codrops-header {
	position: relative;
}
.content-wrap .codrops-header .logo img {
	width: 16em;
	display: block;
	margin: 0 auto;
}
.content-wrap .codrops-header i {
	font-size: 2em;
	color: #373a47;
	position: absolute;
	right: 1em;
	top: 1em;
	display: none;
}
.content-wrap .fenlei ul {
	width: 90.6%;
	margin: 0 auto;
	padding: 1em 0;
}
.content-wrap .fenlei ul li {
	float: left;
	width: 22%;
	margin-right: 4%;
	text-align: center;
}
.content-wrap .fenlei ul li:nth-child(4) {
	margin-right: 0;
}
.content-wrap .fenlei ul li .icon {
	width: 60px;
	/*height: 60px;*/
	border-radius: 30px;
	/*background: #f2413b;*/
	display: table-cell;
	vertical-align: middle;
}
.content-wrap .fenlei ul li img {
	width: 100%;
}
.content-wrap .fenlei ul li span {
	font-size: 1em;
	margin: 0.5em 0;
	display: block;
	color: #f2413b;
}
.content-wrap .title {
	text-align: center;
	color: #333；
}
.content-wrap .title h1 {
	font-size: 1.2em;
	line-height: 2em;
	color: #333
}
.content-wrap .title p {
	font-size: 1em;
	line-height: 1.4em;
	color: #333
}
/*.content-wrap .title p:before{
	content: '';
	width:2em;
	height: 1px;
	background: #666666;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em
}
.content-wrap .title p:after{
	content: '';
	width:2em;
	height: 1px;
	background: #666666;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1em;
}*/
.content-wrap .ckgd {
	width: 40%;
	font-size: 1em;
	line-height: 2em;
	text-align: center;
	color: #333;
	/*border: 1px solid #ccc;*/
	margin: 0 auto 0;
	box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.1);
}
.jingpinadv .nr ul {
	width: 92%;
	margin: 0 auto;
	padding: 1em 0;
}
.jingpinadv .nr ul li {
	width: 100%;
	float: left;
	margin-right: 0%;
	/*	padding-bottom: 0.2em;*/
	position: relative;
	/*	background: #efefef;*/
	padding-bottom: 2%;
	padding-top: 2%;
	/*border-bottom: 1px solid #ebebeb;*/
	height: 8em;
	box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.1);
	margin-bottom: 1em;
}
.jingpinadv .nr ul li:last-child {
	border-bottom: none;
}
.jingpinadv .nr ul li:nth-child(2n) {
	margin-right: 0;
}
.menu-wrap {
	background: #f2413b!important;
}
.jingpinadv .nr ul li .img {
	width: 40%;
	height: 6em;
	position: relative;
	overflow: hidden;
	float: left;
}
.jingpinadv .nr ul li .img img {
	width: 100%;
	min-height: 8em;
}
.jingpinadv .nr ul li .img .position {
	position: absolute;
	bottom: 0.4em;
	left: 0.4em;
	color: #fff;
}
.jingpinadv .nr time {
	margin-left: 0.4em;
	font-size: 12px;
	font-family: '微软雅黑';
	display: none;
}
.jingpinadv .nr ul li .img time {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	color: #fff;
	font-size: 1.1em;
	padding: 0 0.3rem;
	background: rgba(0,0,0,0.3);
}
.jingpinadv .nr h1 {
	font-size: 1em;
	line-height: 1.5em;
	/* height: 3em; */
	overflow: hidden;
	color: #333;
	text-align: left;
	padding: 0em 0.4em 0;
}
.jingpinadv .nr .free {
	position: absolute;
	bottom: 0.2em;
	right: 0.4em;
	/*background: #f2413b;*/
	font-size: 1em;
	line-height: 1.3em;
	padding: 0 0.4em;
	color: #333;
	border: 1px solid #f2413b;
	border-radius: 0.2em;
}
.jingpinadv .nr .liulan {
	font-size: 1em;
	line-height: 1.3em;
	color: #333;
	position: absolute;
	bottom: 0.2em;
	right: 0.4em;
	display: none;
}
.kechengadv {
	margin-top: 1em;
	margin-bottom: 1em
}
.kechengadv .nr {
	width: 90.6%;
	margin: 0 auto;
	margin-top: 1em;
}
.kechengadv .nr .info {
	width: 48%;
	float: left;
	margin-right: 2%;
	background: #efefef;
	margin-bottom: 0.6em;
}
.kechengadv .nr .info .img {
	height: 8em;
	overflow: hidden;
}
.kechengadv .nr .info .img img {
	width: 100%;/*min-height: 8em;*/
}
.kechengadv .nr .info .info_mess {
	width: 94%;
	margin-left: 5%;
	border-left: 1px solid #f2413b;
}
.kechengadv .nr .info_mess h1 {
	font-size: 1.3em;
	color: #333;
	line-height: 2em;
	padding-left: 1em;
}
.kechengadv .nr .info_mess ul {
	padding-left: 1em;
	height: 5em;
	overflow: hidden;
}
.kechengadv .nr .info_mess ul li {
	font-size: 1.2em;
	color: #333;
	line-height: 1.6em;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 0.3em;
}
.kechengadv .nr .info_mess ul li a {
	width: 96%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.kechengadv .nr .info_mess ul li:before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #f2413b;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.kechengadv .nr .info_mess .gdck {
	font-size: 1.2em;
	line-height: 1.4em;
	padding-left: 1em;
}
.fuwuadv {
	width: 90.6%;
	margin: 0 auto;
	margin-top: 1em;
}
.fuwuadv .nr {
	width: 90.6%;
	margin: 0 auto;
	margin-top: 1em;
}
.fuwuadv .nr ul li {
	/*float: left; */
	width: 100%;
	margin-bottom: 4%;
	margin-right: 4%;
	/* height: 10em;*/
	overflow: hidden;
}
.fuwuadv .nr ul li:nth-child(2n) {
	margin-right: 0;
}
.fuwuadv .nr ul li img {
	width: 50%;
	/* min-height: 10em; */
	margin-left: 50%;
}
.fuwuadv .nr ul li p {
	font-size: 1.1em;
}
.xinwen .nr {
	/*background: #efefef;*/
	width: 90.6%;
	margin: 0 auto;
	padding-bottom: 0.5em;
	margin-top: 1em;
}
.xinwen .nr ul li {
	/*border-bottom: 1px solid #e2e2e2;*/
	box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.1);
	margin-bottom: 1em;
	;
}
.xinwen .nr ul li dl {
	overflow: hidden;
	padding: 0.6em 0 0.4em;
}
.xinwen .nr ul li dt {
	width: 20%;
	float: left;
	text-align: center;
}
.xinwen .nr ul li dt h1 {
	width: 100%;
	background: #f2413b;
	font-size: 1.5em;
	color: #fff;
	line-height: 2em;
}
.xinwen .nr ul li dt h2 {
	width: 100%;
	background: #f2413b;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #fff;
	margin-top: 0.5em;
}
.xinwen .nr ul li dd {
	width: 96%;
	margin: 0 auto;
}
.xinwen .nr ul li dd h1 {
	font-size: 1.1em;
	color: #333;
	line-height: 1.6em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.xinwen h2 {
	font-family: '微软雅黑';
	font-size: 12px;
}
.xinwen .nr ul li dd p {
	font-size: 1.1em;
	color: #333;
	line-height: 1.6em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.xinwen .nr .ckgd {
	margin-top: 1em;
}
.lianxius {
	width: 100%;
	margin-top: 1em;
	padding-bottom: 1em;
}
.lianxius .nr {
	width: 90.6%;
	margin: 0 auto;
	margin-bottom: 1em;
	margin-top: 1em;
}
.lianxius .nr h1 {
	background: #f2413b;
	text-align: center;
	color: #fff;
	line-height: 2em;
	font-size: 1.1em;
}
.lianxius .nr li, .aboutus .lianxiwom li {
	line-height: 2em;
	color: #333;
	font-size: 1.06em;
	font-family: '微软雅黑';
	padding-left: 2em;
	position: relative;
	border-bottom: 1px solid #e2e2e2;
}
.lianxius .nr .icon1:before, .aboutus .lianxiwom .icon1:before {
	content: '';
	width: 1em;
	height: 1em;
	background: url("../images/icon_54.png") no-repeat center;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0.3em;
	top: 20%;
}
.lianxius .nr .icon2:before, .aboutus .lianxiwom .icon2:before {
	content: '';
	width: 1em;
	height: 1em;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0.3em;
	top: 20%;
}
.lianxius .nr .icon3:before.aboutus .lianxiwom .icon3:before {
 content: '';
 width: 1em;
 height: 1em;
 background: url("../images/icon_57.png") no-repeat center;
 background-size:contain;
 display: inline-block;
 vertical-align: middle;
 position: absolute;
 left: 0.3em;
 top: 20%;
}
.lianxius .nr .icon4:before, .aboutus .lianxiwom .icon4:before {
	content: '';
	width: 1em;
	height: 1em;
	background: url("../images/icon_60.png") no-repeat center;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0.3em;
	top: 20%;
}
.lianxius .nr .icon1, .aboutus .lianxiwom .icon1 {
	border: none;
}
.lianxius .nr .icon4, .aboutus .lianxiwom .icon4 {
	border: none;
}
.webend {
	background: #4b4b4b;
	padding-bottom: 1em;
	margin-bottom: 5em;
}
.webend .ewa {
	width: 60%;
	margin: 0 auto;
	padding-top: 1em;
	margin-bottom: 1em;
}
.webend .ewa .tp {
	width: 50%;
	float: left;
	text-align: center;
}
.webend .ewa .tp img {
	width: 60%;
	max-width: 100px;
}
.webend .ewa .tp p {
	font-size: 1em;
	color: #fff;
	line-height: 1.5em;
}
.webend>p {
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.5em;
	font-family: '微软雅黑';
}
.endfix {
	width: 100%;
	background: #FFF;
	height: 4em;
	position: fixed;
	bottom: 0;
	z-index: 999;
	border-top: 1px solid #e0e0e0;
}
.endfix ul {
	width: 90.6%;
	margin: 0 auto;
}
.endfix ul li {
	width: 27%;
	text-align: center;
	float: left;
}
.endfix ul li img {
	width: 100%;
	max-width: 2.5em;
/*	margin-top: 0.2em;*/
}
.endfix ul li p {
	font-size: 0.9em;
	color: #f2413b;
	line-height: 1.5em;
}
#divTop {
	position: absolute;
	top: -6rem;
	left: 1rem;
	width: 60%;
}
#divTop li {
	width: 100%;
	font-size: 20px;
	line-height: 46px;
	background: #fff;
	text-align: left;
	padding-left: 4%;
}
#divTop li a {
	color: #333;
}
#divTop li:nth-child(2) {
	border-top: 1px solid #efefef;
}
#btnShow p {
/*color:#f2413b;*/
}
.vipcenter {
	padding-bottom: 4em;
}
.aboutus .bigtit, .vipcenter .bigtit, .viewrecord .bigtit {
	width: 100%;
	background: #f2413b;
	font-size: 1.3em;
	line-height: 3em;
	color: #fff;
	padding-left: 4.4%
}
.aboutus .jieshaoth {
	width: 90.6%;
	/*height: 33em;*/
	margin: 0 auto;
	margin-top: 1em;
	background: url("../images/thjsbg_03.jpg") no-repeat center;
	background-size: 200px;
	background-position: bottom left;
	padding-bottom: 2em;
}
.aboutus .jieshaoth .title2 h1 {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #333;
	font-weight: 800;
}
.aboutus .jieshaoth .title2 h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #333;
	font-weight: 800;
}
.aboutus .jieshaoth .jieshao {
	width: 90%;
	font-size: 1.2em;
	color: #333;
	line-height: 1.6em;
	margin-top: 1em;
	margin-left: 5%;
	text-indent: 2.1em;
}
.aboutus .wenhua {
	width: 90.6%;
	margin: 0 auto;
	padding: 1em 0 4em 0;
	margin-bottom: 5em;
}
.aboutus .wenhua p img {
	width: 100%!important;
}
.title3 {
	font-size: 1.2em;
	line-height: 2.5em;
	color: #333;
}
.title3:before {
	content: '';
	width: 0.4em;
	height: 1.4em;
	background: #f2413b;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.aboutus .wenhua .jieshao {
	font-size: 1.3em;
	color: #d82641;
	line-height: 2.4em;
	padding-left: 1em;
}
.aboutus .wenhua .jieshao {
	font-family: '微软雅黑';
	font-size: 1.2em;
}
.aboutus .lianxiwom {
	width: 90.6%;
	margin: 0 auto;
	margin-bottom: 1em;
	padding-bottom: 5em;
}
.aboutus .lianxiwom h1 {
	font-size: 1.2em;
	color: #d82641;
	line-height: 1.6em;
}
.aboutus .lianxiwom li {
	border: none;
}
.vipcenter .vipcard {
	width: 90.6%;
	background: #f2413b;
	height: 15em;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 1em;
}
.vipcenter .vipcard .father {
	width: 8em;
	margin: 0 auto;
	padding-top: 1em;
}
.vipcenter .vipcard .yuan1 {
	width: 8em;
	height: 8em;
	border-radius: 4em;
	border: 2px solid #fff;
	display: table-cell;
	vertical-align: middle;
	margin-left: 5em;
}
.vipcenter .vipcard .yuan2 {
	width: 7.3em;
	height: 7.3em;
	border-radius: 4.5em;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}
.vipcenter .vipcard .yuan2 img {
	height: 100%;
	max-height: 7.3em;
}
.vipcenter .vipcard .name {
	text-align: center;
	font-size: 1.3em;
	color: #fff;
	line-height: 1.5em;
	font-weight: 800;
}
.vipcenter .vipcard .name:after {
	content: '';
	width: 1em;
	height: 1em;
	background: url("../images/king_07.png") no-repeat center;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
}
.vipcenter .vipcard .ckgd {
	color: #fff;
	border: 1px solid #fff;
	margin-top: 0.8em;
	font-size: 1em;
}
.vipcenter .nr {
	margin: 0 auto;
	background: #efefef;
	margin-top: 2em;
	margin-bottom: 2em;
}
.vipcenter .nr li {
	font-size: 1.2em;
	color: #333;
	line-height: 5em;
	border-bottom: 1px solid #e2e2e2;
	padding-left: 2em;
	position: relative;
	font-weight: 800;
}
.vipcenter .nr li:last-child {
	border-bottom: none;
	padding-left: 0;
}
.vipcenter .nr li a {
	width: 100%;
}
.vipcenter .nr li .position {
	position: absolute;
	right: 1em;
	color: #c2c2c2;
}
.viewrecord {
	width: 90.6%;
	margin: 0 auto;
	border: 1px solid #e7e7e7;
	padding: 0 1%;
	margin-top: 1em;
	margin-bottom: 1em;
	min-height: 40em;
	font-size: 1.3em;
}
.viewrecord .title4 {
	font-size: 1.2em;
	line-height: 2em;
	color: #333;
}
.viewrecord li {
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
	padding: 0.5em 0;
}
.viewrecord li .img {
	width: 32%;
	height: 7em;
	position: relative;
	float: left;
}
.viewrecord li img {
	width: 100%;
	height: 7em;
}
.viewrecord li .img time {
	position: absolute;
	right: 0.5em;
	;
	bottom: 0.5em;
	font-family: '微软雅黑';
	font-size: 14px;
}
.viewrecord li .info {
	width: 64%;
	float: right;
	position: relative;
}
.viewrecord li .info h1 {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.viewrecord li .info p {
	font-size: 1.1em;
	line-height: 1.3em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.viewrecord li .data {
	font-size: 1.2em;
	line-height: 1.2em;
}
.viewrecord li .renshu {
	font-size: 1.2em;
	line-height: 1.2em;
}
.viewrecord li .fuwu {
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0.5rem;
	background: #f2413b;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 5em;
}
.viewrecord li .position2 {
	position: absolute;
	bottom: 0;
	right: 0;
}
.viewrecord .ckgd {
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px solid #e0e0e0;
}
.bigtit {
	width: 100%;
	background: #f2413b;
	font-size: 1.3em;
	line-height: 3em;
	color: #fff;
	padding-left: 4.4%
}
.yijian {
	width: 90.6%;
	margin: 0 auto;
	margin-top: 4em;/*margin-bottom: 8em;*/
}
.yijian .layui-form {
	padding-bottom: 20em;
}
.yijian .layui-form-item .layui-input-inline {
	margin: 0;
}
.yijian .layui-input-block {
	margin-left: 0px;
}
.yijian .layui-form-item .layui-input-inline {
	left: 0;
}
.yijian .layui-btn {
/*background-color: #f2413b;*/
}
.yijian .layui-btn-primary:hover {
	border-color: #f2413b;
	color: #333;
}
.teacher .layui-tab-title li {
	color: #333;
}
#teacher .nrjs {
	overflow: hidden;
}
#teacher .nrjs .leftimg {
	width: 30%;
	float: left;
	overflow: hidden;
	height: 12em;
}
#teacher .nrjs .leftimg img {
	width: 100%;
	min-height: 12em;
}
#teacher .nrjs .rightinfo {
	width: 68%;
	float: right;
	height: 12em;
}
#teacher .nrjs .rightinfo h1 {
	font-size: 1.1em;
	line-height: 2em;
	color: #333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#teacher .nrjs .rightinfo .jieshoa {
	font-size: 1em;
	color: #333;
	line-height: 1.3em;
}
#teacher .tlist {
	margin-top: 1em;
}
#teacher .tlist h1 {
	font-size: 1em;
	color: #333;
	line-height: 2em;
	padding-top: 1em;
}
#teacher .tlist li {
	border-bottom: 1px solid #e0e0e0;
	position: relative;
}
#teacher .tlist h1:before {
	content: '';
	width: 0.5em;
	height: 0.5em;
	border-radius: 0.25em;
	background: #f2413b;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
}
#teacher .tlist time {
	position: absolute;
	right: 0;
	font-size: 1em;
	top: 1.2em;
}
.teacher .layui-unselect .layui-icon {
	color: #333;
}
#teacher .ckgd {
	border: 1px solid #e0e0e0;
	margin-top: 1em;
}
.bigtit {
	overflow: hidden;
}
.bigtit .search {
	float: right;
	width: 94.6%;
	margin-right: 4.8%;
	position: relative;
}
.bigtit .search input {
	width: 100%;
	border: none;
	outline: none;
	padding-left: 0.5em;
	padding-right: 1.5em;
	font-size: 1em;
	line-height: 2em;
}
.bigtit .search i {
	position: absolute;
	top: 0.1em;
	right: 0.5em;
	color: #333;
	font-size: 20px;
}
.videocenter {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 6em;
}
.videocenter .mainvideo {
	width: 100%;
	height: 15em;
	overflow: hidden;
	margin-top: 1em;
}
.videocenter .mainvideo video {
	width: 100%;
	height: 15em;
}
.videocenter .videolist {
/*margin: 1em 0;*/
}
.videocenter .videolist li {
	width: 100%;
	float: left;
	margin-right: 4%;
	position: relative;
	background: #efefef;
	padding-bottom: 0em;
	margin-bottom: 1%;
}
.videocenter .videolist li:nth-child(2n) {
	margin-right: 0;
}
.videocenter .videolist li .play {
	position: absolute;
	top: 30%;
	left: 44%;
	font-size: 1.4em;
	z-index: 9;
}
.videocenter .videolist li .play i {
	color: #fff;
	font-size: 2em;
}
.videocenter .videolist li .topimg {
	width: 100%;
	height: 14em;
	overflow: hidden;
}
.videocenter .videolist li .topimg img {
	width: 100%;
	min-height: 8em;
}
.videocenter .videolist li h1 {
	font-size: 1.3em;
	color: #fff;
	line-height: 1.3em;
	padding: 0.5em;
	font-weight: 600;
}
.videocenter .videolist li .see {
	text-align: right;
	padding: 0.5em 0;
}
.videocenter .videolist li .see i {
	font-size: 1em;
	margin-right: 0.2em;
}
.videocenter .videolist li time {
	font-size: 1em;
}
.videocenter .videolist li .share {
	position: absolute;
	bottom: 0.5em;
	right: 1em;
}
.videocenter .videolist li .maininfo {
	position: absolute;
	top: 0;
	width: 100%;
	height: 11.2rem;
	background: rgba(0,0,0,0.4);
}
.videocenter .ckgd {
	margin-bottom: 1em;
}
.login {
	width: 100%;
	height: 100%;
	min-height: 50em;
	background: #fff;
}
.content {
	width: 100%;
}
.login .logo {
	width: 50%;
	padding-top: 16%;
	margin: 0 auto;
}
.login .logo img {
	width: 100%;
}
.login .layui-form {
	width: 75%;
	margin: 0 auto;
	margin-top: 5em;
}
.login .layui-input-block {
	margin-left: 80px;
	min-height: 36px;
}
.login .layui-form-label {
	padding: 9px 0px 9px 0;
	text-align: left;
	width: 80px;
}
.login .layui-form-label {
	padding: 9px 0px 9px 0;
	text-align: left;
	width: 80px;
}
.login .layui-btn {
	width: 100%;
	background: #f2413b;
}
.login .mylayui-form-item .layui-input-block {
	margin-left: 0px;
	margin-top: 3em;
}
.login .layui-layer-msg {
	color: #333;
}
.login .moreselect {
	font-size: 1.3em;
	line-height: 2em;
}
.login .moreselect .phone {
	float: left;
}
.login .moreselect .wjmima {
	float: right;
}
.login .moreselect a {
	color: #333;
}
.login .otheroption {
	text-align: center;
	bottom: 6em;
}
.login .otheroption h1 {
	font-size: 1.3em;
	color: #333;
	line-height: 5em;
	text-align: center;
	margin-top: 3em;
}
.login .otheroption h1:before {
	content: '';
	width: 2em;
	height: 1px;
	background: #333;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
}
.login .otheroption h1:after {
	content: '';
	width: 2em;
	height: 1px;
	background: #333;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1em
}
.login .otheroption i {
	color: #05b40f;
	font-size: 3.5em;
	margin-bottom: 1em;
}
.login .fuxieyi {
	position: fixed;
	bottom: 1em;
}
.login .fuxieyi .layui-input-block {
	margin-left: 0px;
}
.login .fuxieyi .layui-form-checkbox[lay-skin=primary] span {
	color: #fff;
}
.login .layui-form-checkbox[lay-skin=primary] i {
	width: 16px;
	height: 16px;
	border-radius: 8px;
}
.login .layui-form-checkbox span {
	font-size: 12px;
}
.layui-layer-content {
	color: #333!important;
}
.newscenter {
	background: #fff;
	min-height: 50em;
	padding-bottom: 10em;
}
.newscenter .thxw .title, .newscenter .hyzx .title {
	border-bottom: 1px solid #e0e0e0;
}
.newscenter .thxw .title, .newscenter .hyzx .title {
	width: 90.6%;
	margin: 0 auto;
	font-size: 1.2em;
	color: #f2413b;
	line-height: 3em;
	text-align: left;
}
.newscenter .thxw .title:before, .newscenter .hyzx .title:before {
	content: '';
	width: 10px;
	height: 10px;
	background: #f2413b;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.newscenter .active {
}
.newscenter .active .title {
	width: 90.6%;
	margin: 0 auto;
	font-size: 1.2em;
	color: #333;
	line-height: 3em;
	text-align: left;
}
.newscenter .active .title:before {
	content: '';
	width: 10px;
	height: 10px;
	background: #f2413b;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.neslist {
	padding-top: 2em;
}
.neslist li {
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 1em;
}
.neslist li .leftnr {
	width: 65%;
	height: 10em;
	float: left;
	padding-left: 5%;
	position: relative;
}
.neslist li .leftnr h1 {
	font-size: 1.1em;
	color: #333;
	line-height: 1.5em;
	height: 3em;
	overflow: hidden;
	font-weight: 600;
}
.neslist li .leftnr time {
	font-size: 1em;
	color: #333;
	line-height: 1.5em;
	height: 6em;
	overflow: hidden;
	display: block;
}
.neslist li .rightnr {
	width: 30%;
	float: right;
	height: 8em;
	overflow: hidden;
}
.neslist li .rightnr img {
	width: 100%;
}
.pay {
	width: 90.6%;
	margin: 0 auto;
	padding-bottom: 5em;
}
.pay .mainvideo video {
	width: 100%;
}
.pay .excellist {
	background: #efefef;
	border-radius: 5px;
	padding: 0 0.5em;
	margin-top: 1em;
}
.pay .excellist li {
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
	padding: 0.2em 0;
}
.pay .excellist li h1 {
	float: left;
	font-size: 1.1em;
	line-height: 3em;
	color: #333;
	width: 30%;
	border-right: 1px solid #e0e0e0;
	text-align: center;
}
.pay .excellist li p {
	font-size: 1.1em;
	line-height: 3em;
	padding-left: 1em;
	color: #333;
	float: left;
}
.pay .wxzf {
	width: 40%;
	line-height: 3em;
	font-size: 1.1em;
	color: #fff;
	background: #f2413b;
	text-align: center;
	max-width: 200px;
	border-radius: 5px;
	margin: 2em auto;
}
.teacher {
	padding-bottom: 2em;
	min-height: 50em
}
.login_con {
	height: 100%;
}
.kechengadv {
	margin-bottom: 1em;
}
.classcenter {
	padding-bottom: 6em;
}
.endname {
	overflow: hidden;
}
.endname .touxiang {
	width: 3em;
	height: 3em;
	background: #fff;
	border-radius: 2em;
	overflow: hidden;
	margin: 0.4em 0;
	float: left;
	margin-left: 0.6em;
}
.endname .touxiang img {
	width: 100%;
	height: 100%;
}
.endname .teachername {
	float: left;
	font-size: 1.3em;
	line-height: 3em;
	color: #333;
	margin-left: 1em;
}
.endname .hot {
	float: right;
	margin-top: 0.8em;
	margin-right: 1em;
}
/*视频新闻列表*/



.choosemy {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
}
.choosemy li {
	float: left;
	font-size: 16px;
	line-height: 3em;
	text-align: center;
	width: 50%;
}
.choosemy li a {
	display: block;
	width: 100%;/*		font-size: 1.2em;*/
}
.rightside {
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	overflow: auto;
	background: rgba(0,0,0,0.2);
	z-index: 10001;
}
.rightside #two {
	background: #fff;
	width: 80%;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	min-height: 100%;
}
.rightside #three {
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
}
#two {
	animation: left 0.5s ease 0s
}
.fenlei .fenlei2{
	width: 90.6%;
    margin: 0 auto;
    padding: 1em 0;
}
.fenlei .fenlei2 li{
	float: left;
    width: 22%;
    margin-right: 4%;
    text-align: center;
}
.fenlei .fenlei2 li img{
	width: 100%;
}

















 @keyframes left {
 0% {
transform:translate(80%, 0)
}
 100% {
transform:translate(0, 0)
}
}
 @keyframes right {
 0% {
transform:translate(0, 0)
}
 100% {
transform:translate(80%, 0)
}
}
#two .layui-input-block {
	margin-left: 10px;
}
#two .layui-input-block {
	margin-left: 10px;
}
#two .layui-elem-field legend {
	font-size: 1.4em;
}
#two .layui-form-checkbox i {
	height: 30px;
}