html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol,
	ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time,
	mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	outline: 0;
	background: transparent;


}
.xiconfont{
	font-size:0.28rem;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	
}
th, td, div, h1, h2, h3, h4, h5, h6, p, span, strong, pre,em,input,textarea,button,select, .a,i {
	font-family: HYQiHei, '微软雅黑', 'Microsoft Yahei' , Helvetica, Arial, Helvetica, sans-serif;
	font-size:0.28rem;
	color:#333333;
	padding:0;
	margin:0;
}

li {
	list-style: none outside none;
}
html{
	height:100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
body {
	line-height: 1;
	height:100%;
	font-size:0.18rem;
	color:#333333;

	-webkit-text-size-adjust: none;

	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-color: #F7F7F7;
}

:focus {
	outline: 0;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
	text-decoration: none;
	cursor:pointer;
	color:#333333;
}

a:hover {
	text-decoration: none;
	color:#1da977;
}
.a{
	font-style:normal;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}
.a i, i.a{
	font-style:normal;
}

ins {
	text-decoration: none;
	color: #333333;
	background-color: #ff9;
}

mark {
	font-weight: bold;
	font-style: italic;
	color: #333333;
	background-color: #ff9;
}

del {
	text-decoration: line-through;
}

em {
	font-style: normal;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

hr {
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
}

.clear {
	*zoom: 1;
}
.clear:before, .clear:after {
	display: table;
	content: "";
	line-height: 0;
}
.clear:after {
	clear: both;
}
.clear {
	font-size: 0;
	height: 0px;
	overflow: hidden;
	clear: both;
}
.hide-con {
	display: inline-block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.sms-dialog{
	position: fixed;
	z-index: 1001;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.3);
	display: none;
}
.sms-dialog>.dialog{
	position:absolute;
	left:50%;
	top:50%;
	width:9rem;
	height:6rem;
	margin-left:-4.5rem;
	margin-top:-3rem;
	background-color: #fff;
	padding-top:0.8rem;
}
.sms-dialog>.dialog>.info{
	/* height:1.8rem; */
}
.sms-dialog>.dialog>.info>div{
	padding: 0 0.4rem;
	line-height: 200%;
}
.sms-dialog>.dialog>.btn-sms-submit{
	display: block;
	width:8.2rem;
	height: 1.16rem;
    line-height: 1.16rem;
	background-color: #F60100;
	margin:0.5rem auto ;

	color:#fff;
	font-size: 0.48rem;
	text-align: center;
}
.sms-dialog>.dialog>.btn-sms-submit:hover{
	opacity: 0.8;
}
.sms-dialog .content{
	/* padding:0.3rem 0; */
}
.sms-dialog .content .title{
	display: inline-block;
	color:#656565;
	width:1.4rem;
	text-align: right;
	margin-right: 0.05rem;
	vertical-align: top;
}
.sms-dialog .content>div{
	padding: 0.1rem 0;
	position: relative;
	margin-bottom:0.3rem;
}
.sms-dialog .content .imgvcode{
	position: absolute;
	right: 0.2rem;
    top: 0.38rem;
}
input{
    border: 1px solid #BFBFBF;
    height: 0.8rem;
    line-height: 0.8rem;
    background: #fff;
    padding: 0.2rem;
    color: #BFBFBF;
    font-size: 0.35rem;
}
.input[readonly] {
	background: #eeeeee;
	color: #888888;
	border: 1px solid #CCCCCC;
}

/* input, select {
	
}
input,textarea,button{
	border:none;
	outline:none; 
	resize:none;

	-webkit-appearance:none; 
	appearance:none; 

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

}
input[type="text"],input[type="password"]{
	display:inline-block;
	height:0.88rem;
	
	background: #646A80;
	color:#fff;
	font-size:0.28rem;
	border: 1px solid #777F99;

	padding:0;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	-moz-border-radius: 0;
  	-webkit-border-radius:0;
  	border-radius: 0;

}
input[type="text"].hover,input[type="password"].hover{
	background:#746A80;
}
input[type="text"]:focus,input[type="password"]:focus{
	border:1px solid #fff;
}
input.input_error{
	border:1px solid red !important;
} 

textarea{
	display:inline-block;
	
	background: #fff;
	color:#fff;
	font-size:0.28rem;
	border: 1px solid #777F99;

	padding:0.1rem 0.15rem;
	line-height: 150%;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	-moz-border-radius: 0;
  	-webkit-border-radius:0;
  	border-radius: 0;
}
textarea.hover{
	background:#746A80;
}
textarea:focus{
	border:1px solid #fff;
}
textarea.input_error{
	border:1px solid red !important;
}*/


::-webkit-input-placeholder{
	font-size:0.28rem;
	color:#ccc;
} 
-moz-placeholder{
	font-size:0.28rem;
	color:#ccc;
} 
::-ms-input-placeholder{
	font-size:0.28rem;
	color:#ccc;
} 
::input-placeholder{
	font-size:0.28rem;
	color:#ccc;
} 

.iconfont{
	font-size: 0.32rem !important;
	color:#CACAD2;
}

.progress {
	width:5.5rem;
	height:0.3rem;
	line-height: 0.3rem;
	margin:0 auto;
	overflow:hidden;
	background-color:#E8E8E8;
	border-radius:10px;
	
}
.progress span {
	display:block;
	width:0.2rem;
	height:100%;
	text-align:right;
	border-radius:10px;
}
.pro span {
	background-color:#00AD72;
	animation:move 1.5s ease-in-out forwards;
	color:#fff;
}

.cover-con{
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	z-index: 9999;
	top:0;
	left:0;
	position:absolute;
	display: none;
}

.btn{
	width: 8.85rem;
    height: 1.12rem;
    line-height: 1.12rem;
    text-align: center;
	font-size:0.44rem;
	border-radius: 5px;
	border:1px solid #1da977;
}

.btn-green{
    background:#1da977;
    color:#fff;
}

.btn-gray{
    background:#fff;
    color:#1da977;
}
.btn-gray-1,.btn-gray-1:hover{
	border:1px solid #999999;
	background:#E8E8E8;
	width:1.25rem;
	height:0.58rem;
	line-height: 0.58rem;
	display: inline-block;
	text-align: center;
}

.line{
    height: 1px;
    background:#EDEDED;
    width: 8.9rem;
    margin:0 auto;
}


.header{
	width:9.6rem;
	margin:0 auto;
	background:#fff;
}
.cp-icon{
	border-radius: 50%;
}

.top{
	width: 9.25rem;
	padding:0.25rem 0 0 0.35rem;
}
.top img{
	width:3.08rem;
	height: 0.76rem;
}
.top .right{
	float: right;
	height:0.76rem;
	line-height: 0.76rem;
	padding-right:0.25rem;
}
.top .right .user-center{
	float:left;
	display: block;
	line-height: 0.5rem;
	margin-right:0.2rem;
}
.top .right .cp-icon{
	float: left;
	width:0.5rem;
	height:  0.5rem;
	background-size:0.5rem 0.5rem;
	display: block;
	background: url(../user.png);
	background-size: 0.5rem 0.5rem;
}

.menu{
	margin-top:0.3rem;
	/* padding-left:0.25rem; */
	background:#fff;
}
.menu ul{
	display: -webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-flow:row nowrap;
    /* justify-content: center;  */
    -webkit-flex-flow:row wrap;
}
.menu li{
	float: left;
	width:1.52rem;
	height:0.86rem;
	line-height: 0.86rem;
	font-size:0.36rem;
	text-align: center;
	font-weight: bold;
	background:#fff;
}

.menu li.active a{
	display:inline-block;
	color:#1da977;
	border-bottom:2px solid #00AC73;
}

.submenu{
	position: relative;
}

.submenu .sub-box{
	display: none;
	position: absolute;
	left: -1.6rem;
	top:1.35rem;
	background:#fff;
	padding:0.48rem 0.1rem;
	border:1px solid #D3D5E2;
	width:9.35rem;
	z-index: 10000;
}

.submenu .sub-box .sub-arrow-mask{
	width: 0;
	height: 0;
	border: 1px solid #fff;
	border-bottom-color: #fff;
	position: absolute;
	top:  -0.2rem;
	left:  1.95rem;
	border-width: 0.4rem;

	-moz-transform: rotate(52deg) skew(15deg);
	-webkit-transform: rotate(52deg) skew(15deg);
	-o-transform: rotate(52deg) skew(15deg);
	transform: rotate(52deg) skew(15deg);

	z-index: 1;
}

.submenu .sub-box .sub-arrow {
	width: 0;
	height: 0;
	border: 1px solid #eee;
	border-bottom-color: #fff;
	position: absolute;
	top: -0.35rem;
	left:  1.95rem;
	border-width: 0.4rem;

	-moz-transform: rotate(52deg) skew(15deg);
	-webkit-transform: rotate(52deg) skew(15deg);
	-o-transform: rotate(52deg) skew(15deg);
	transform: rotate(52deg) skew(15deg);

	-moz-box-shadow: 0px 0px 10px 0px rgba(7, 4, 4, 0.12);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);

	z-index: -1;

}

.submenu .sub-box .sub-wrap li{
	background:#E5E5E5;
	border-radius: 5px;
	width: 1.9rem;
	height: 0.68rem;
	line-height: 0.68rem;
	margin: 0.21rem;
}

.submenu .sub-box .sub-wrap li a{
	color:#333;
	border:none;
	font-size: 0.32rem;
	font-weight: normal;
}
.page_scroll{
}

.page_scroll_con{
	background:#F7F7F7;
	width:9.6rem;
	margin:0 auto;
}

.page-con{
	width:8.9rem;
    padding:0.24rem 0.35rem 2.5rem;
}

.left{
	float: left;
}
.right{
	float: right;
}



/* 轮播 */
.nav{
    position: relative;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    background: #fff;

    /* 垂直居中滑动文字 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img{
    width:8.9rem;
    height:4.31rem;
}

.swiper-pagination{
    left:45%;
    bottom:0.2rem;
}

.swiper-pagination-bullet{
    background:#f7f7f7;
    margin-right:0.2rem;
	opacity:inherit
} 


.nav .swiper-pagination-bullet-active{
    background:#edb863;
}

.teacher .swiper-slide img,
.news .swiper-slide img,
.activity .swiper-slide img{
	width:9.6rem;
	height:2.89rem;
}


/* 滚动 */
.wrapper{
    width:100%; 
    height:8rem; 
    overflow:hidden; 
    position:relative;
}  
.scroller{
    width:100%; 
    height:5rem; 
    position:absolute; 
    z-index:1;
    background-color:#FFF;
}  
.scroller ul li{
    width:100%; 
    box-sizing:border-box;
}  
.wrapper p{
    position:absolute; 
    text-align:center; 
    height:1rem; 
    line-height:1rem; 
    color:#CACAD2; 
    width:100%;
}  
.wrapper p.p-1{top:0;}  
.wrapper p.p-2{bottom:0;}  


.lesson{
    width:8.9rem;
    background:#F7F7F7;
}

.lesson h1{
    margin-top:0.53rem;
    font-size:0.4rem;
}
.lesson ul{
    display: -webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-flow:row nowrap;
    /* justify-content: center;  */
    -webkit-flex-flow:row wrap;
    
}

.lesson li{
    background:#fff;
    width:4.3rem;
    border-radius: 5px;
    margin:0.4rem 0.25rem 0 0;
}
.lesson li:nth-child(2n){
    margin:0.4rem 0 0 0;
}

.lesson li .l-img{
    display: block;
    width:4.3rem;
    height: 2.58rem;
}

.lesson li .l-title{
    width: 4.14rem;
    height: 0.6rem;
    line-height: 0.4rem;
    font-size:0.34rem;
    padding:0.2rem 0.08rem;
    font-weight: bold;
    
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lesson li .l-height30{
	height:0.3rem;
}

.lesson li .l-name{
    width: 4.14rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size:0.34rem;
    padding:0.2rem 0.08rem;
    font-weight: bold;
}

.lesson li .l-auther{
    margin-top:0.36rem;
    padding:0 0.08rem 0.2rem;
    
    min-height:0.5rem;
    line-height: 0.4rem;
}
.lesson li .l-auther span{
    color:#787878;
    display: inline-block;
}

.lesson li .l-auther span.f-20{
    font-size:0.2rem;
    margin-right:0.3rem;
}
.lesson li .l-auther span.f-18{
    font-size:0.18rem;
}

.lesson li .l-command{
    margin-top:0;
}

.lesson li .l-command span.f-20{
    margin-right: 0;
}

.lesson li .line{
    height: 1px;
    background:#EDEDED;
    width: 96%;
    margin:0 auto;
}

.lesson li .l-con{
    padding:0.3rem 0.08rem;
    color:#787878;
    font-size:0.2rem;
    line-height: 150%;
}

.detail{
    background: #fff;
    padding-bottom:3rem;
}

.detail .d-con{
    padding:0.35rem;
	position: relative;
}

.detail img{
    width: 9.6rem;
    height: 6.46rem;
}

.detail .title{
    font-size: 0.48rem;
    font-weight: bold;
    padding: 0 0 0.2rem 0;
}
.detail .time{
    font-size: 0.28rem;
    color:#787878;
    line-height: 0.5rem;
}
.d-con .btn{
    border:1px solid #FF783E;
    background:#FF783E;
    margin-top:0.7rem;
    color:#fff;
    margin-bottom:0.7rem;
}
.d-con .btn.disabled, .d-con .btn.joined{
	pointer-events: none;
	background-color: #ccc;
	border:1px solid #ccc;
}

.d-con .d-t-title{
    display: -webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-flow:row nowrap;
    /* justify-content: center;  */
    -webkit-flex-flow:row wrap;
    border-bottom:1px solid #EDEDED;
}

.d-con .d-t-con{
	float: left;
	width:2.3rem;
	height:0.86rem;
	line-height: 0.86rem;
	font-size:0.36rem;
	font-weight: bold;
	background:#fff;
    margin-right: 0.5rem;
}

.d-con .d-t-con.active a{
	display:inline-block;
	color:#1da977;
	border-bottom:2px solid #00AC73;
}
.class-info{
	position: relative;
}

.class-info .term span::after{
	content: "\e714";
	display: inline-block;
	color: #333;
	font-weight:normal;
	font-size: 0.14rem;
	cursor: pointer;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.class-info .term:hover span{
	background-color: #fff;
	border-color: #eee;
}
.class-info .term.active span{
	background-color: #fff;
	border-color: #D6D7D7;
	border-bottom:0;
}
.class-info .term.active span::after{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.class-info .term.active div{
	display: block;
}
.class-info .term div{
	display: none;
	position: absolute;
	z-index: 10;
	left:-0.1rem;
	top:0.4rem;
	background-color: #fff;
	padding:0.05rem;
	border:1px solid #D6D7D7;
	box-sizing: border-box;

	-moz-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.class-info .term div ul{
	max-height:5rem;
	overflow-y: auto;
	overflow-x: hidden;
}
.class-info .term div ul li{
	min-width:2rem;
	max-width: 4rem;
}
.class-info .term div ul li:last-child{
	
}
.class-info .term div ul li a{
	display: block;
	line-height: 0.5rem;
	padding:0 0.05rem;
	font-size: 0.14rem;
	color:#333;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.class-info.term div ul li a:hover{
	background-color: #eee;

}

.news .d-con .d-t-con{
	background:none;
}

.d-c-detail{
    font-size: 0.3rem;
    display: none;
}
.d-padding{
	padding:0.2rem 0.35rem;
}

.d-c-detail .d-c-d-title{
    padding:0.4rem 0 0.2rem;
}
.d-c-detail li.no-data{
	text-align: center;
	width:100%;
	display: block;
}

.d-c-detail .d-c-d-title .icon-book{
    color:#1da977;
}

.d-c-detail .d-c-d-con{
	/* height: 5rem; */
	/* overflow-y: scroll; */
}

.d-c-detail .d-c-d-con p{
    text-indent: 0.48rem;
    text-align: left;
    line-height: 0.5rem;
}

.d-c-detail li{
    border-bottom:1px dashed #CEDBF4;
	padding:0.4rem 0;
    /* width:8.5rem; */
	display:flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center; 
    /* -webkit-justify-content: center;
    justify-content: center; */
     -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	 
}
.d-c-detail li.ziyuan{
	float: left;
	display:block;
	width: 100%;
}

.d-c-detail li.ziyuan1{
	display:block;
	width: 9rem;
	margin:0 auto;
}

.d-c-detail li.ziyuan a{
	display: inline-block;
}

.d-c-detail .d-top{
    -webkit-box-pack: top;
    -ms-flex-pack: top; 
    /* -webkit-justify-content: top;
    justify-content: top; */
     -webkit-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: initial;
    align-items: initial;
}

.d-c-detail li .flex2{
	display: inline-block;
	flex:1.0;
    min-width:0;
	padding:0.1rem 0;
    white-space: nowrap;
	word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.d-c-detail li .flex2.time{
	padding:0.1rem 0 0;
}
.d-c-detail li .flex2.time .sp-title{
	font-size:0.36rem;
	/* height:0.4rem;
	line-height: 0.4rem;
	width: 8rem;
	display:inline-block; */

	word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	
}
.d-c-detail li .flex2.time .span1{
	color:#666666;
	line-height:0.4rem;
}
.d-c-detail li .flex2.time .span2{
	color:#999999;
	margin-left:0.2rem;
}
.img{
	width:0.5rem;
	height:0.5rem;
	margin:0 0.1rem 0 0;
	background:url('../icon/doc.png');
	background-size:0.5rem 0.5rem;
	display: inline-block;
}

.img-doc,img-docx{
	background:url('../icon/doc.png');
	background-size:0.5rem 0.5rem;
	width:0.5rem;
	height:0.5rem;
}

.img-xls,img-xlsx{
    background:url('../icon/excel.png');
	background-size:0.5rem 0.5rem;
}

.img-pdf{
    background:url('../icon/res-icon-pdf.png');
	background-size:0.5rem 0.5rem;
}

.img-ppt,.img-pptx{
    background:url('../icon/res-icon-ppt.png');
	background-size:0.5rem 0.5rem;
}

.img-mp4,.img-video-blue{
	background:url('../icon/video_blue.png');
	background-size:0.5rem 0.5rem;
}
.img-video{
	background-size:0.5rem 0.5rem;
	background-image: url('../icon/detail-list-icon.png');
}
.img-mp3{
	display:inline-block;
	background:url('../icon/mp3.png');
	background-size:0.5rem 0.5rem;
}
.img-jpg,.img-gif,.img-png{
	display:inline-block;
	background:url('../icon/jpg.png');
	background-size:0.5rem 0.5rem;
}

.teacher .d-c-d-con{
	padding:0.4rem 0;
}

.teacher  .d-c-detail .d-c-d-con p{
	text-indent: 0;
}

.detail .teacher .d-img{
	width:100%;
	height:5.77rem;
	margin:0 auto;
}

.d-c-detail .d-section{
	float:left;
	width:8.9rem;
	background: #E8E8E8;
	margin:0.25rem 0;
	padding:0.2rem 0.35rem;
	/* display: flex;
	-webkit-align-items: center;
    align-items: center; */
	font-size:0.32rem;
}

.d-c-detail .d-section .d-section-bg{
	float:left;
	color:#fff;
	background:#00AC72;
	padding:0.1rem 0.2rem;
	text-align: center;
	margin-right:0.25rem;
}


.d-c-detail .d-section .d-se-span{
	float:left;
	width:7.2rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 0.5rem;
	
}

.d-c-detail .font-green{
	color:#1da977;
	font-size:0.36rem;
	font-weight: bold;
	padding:0.35rem 0;
}

.d-c-detail  .work{
	border-bottom:1px solid #E5E5E5;
	padding-bottom:0.7rem;
	margin-bottom:0.55rem;
}
.d-c-detail .work.end{
	border-bottom:none;
	margin-bottom: 0;
}
.d-c-detail  .work .work-con{
	line-height: 0.5rem;
	padding-bottom:0.3rem;
}
.font-gray{
	color:#666;
}
.font-gray-bold{
	color:#666;
	font-weight: bold;
}

.d-c-detail  .work p{
	text-indent: 0;
}


.news-detail{
}

.news-detail li{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: top;
    -ms-flex-pack: top;
    -webkit-justify-content: top;
    justify-content: top;
    -webkit-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;

	padding:0.67rem 0; 
	border-bottom:1px dashed #CEDBF4;
}

.news-detail li img{
	width:3.51rem;
	height: 2.2rem;
	margin-right:0.34rem;
}

.news-detail li .n-d-con .title{
	font-size: 0.36rem;
	font-weight: bold;
	line-height: 0.5rem;
	margin-bottom:0.45rem;

	word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news-detail li .n-d-con .time,
.news-detail li .n-d-con .time span{
	color:#666666;
}

.news-detail li .n-d-con .time .span-1{
	font-weight: bold;
}

.news-detail-con img{
	width: 100% !important;
    height: 100% !important;
}

.detail .d-title{
	line-height: 0.8rem;
	font-size:0.6rem;
	font-weight: bold;
	padding-bottom:0.6rem;
	border-bottom:1px solid #CCCCCC;
	position: relative;
}

.detail .d-title .time{
	position:absolute;
	bottom:-0.2rem;
	font-size:0.4rem;
	background:#fff;
	text-align: center;
	width:60%;
	margin-left:-30%;
	left:50%;
	font-weight: normal;
}

.tag{
	/* display: flex; */
	margin:0.5rem 0 0;
	max-width:8.4rem;
}

.tag .tag-title{
	float: left;
	margin: 0 0.2rem 0.2rem 0;
}

.tag .tag-title a{
	display: block;
	height: 0.72rem;
	line-height: 0.72rem;
	text-align: center;
	background:#CCCCCC;
	font-size: 0.32rem;
	padding:0 0.2rem;
}

.tag .tag-title .active{
	background:#00AC73;
	color:#fff;
}

.detail .n-img{
    width: 8.9rem;
    height: 5.44rem;
	margin-top:0.8rem;
}

.activity .detail img{
	width:9.6rem;
	height: 8rem;
}

.activity .detail .title{
	line-height: 0.6rem;
}

.activity .detail .time{
	background:#ccc;
	height:0.84rem;
	line-height:0.84rem;
	text-align: center;
	color:#333;
}

.activity .d-c-detail .d-c-d-title p{
	height:0.5rem;
	line-height: 0.5rem;
}

.activity .d-c-detail .d-c-d-con p{
	text-indent: 0;
	
}

.act-detail{
	padding:0.5rem 0.35rem;
}

.act-detail .title{
	font-size:0.42rem;
	color:#000;
	text-align: center;
	line-height: 0.6rem;
}

.act-detail .line{
	width:1.76rem;
	height:2px;
	background:#CCCCCC;
	margin:0.5rem auto;
}
.act-detail .time{
	color:#666;
	font-size:0.3rem;
	text-align: center;
	margin-bottom:0.5rem;
}
.act-detail .con p{
	color:#000;
	font-size:0.3rem;
	line-height: 0.5rem;
}
.act-detail .prize{
	color:#ff7333;
	font-size:0.44rem;
	margin:0.5rem 0 0.3rem;
}
.act-detail .prize-title{
	font-size:0.32rem;
	margin-bottom:0.2rem;
}
.act-detail .prize-con li{
	font-size:0.3rem;
	height:0.6rem;
	line-height: 0.6rem;
	display: flex;
	margin:0.3rem 0
}

.act-detail .prize-con li:last-child{
	margin-bottom:0.8rem;
}

.act-detail .prize-con li .icon-head{
	display: inline-block;
	width:0.6rem;
	height: 0.6rem;
	background:url("../icon/header.png");
	background-size:0.6rem 0.6rem;
}

.act-detail .prize-con li span{
	display: inline-block;
	height: 0.6rem;
	line-height: 0.6rem;
	margin-left:0.3rem;
}

.userinfo{
	width:9.6rem;
	margin:0 auto;
	padding-bottom:1.5rem;
}
.userinfo .user-top{
	position: relative; 
	width: 8.9rem; 
	padding:1.2rem 0.35rem 0.2rem;
	overflow: hidden;
}
.userinfo .user-top:after { 
	width: 140%; 
	height: 5.3rem;
	position: absolute; 
	left: -20%; 
	top: 0; 
	z-index: -1; 
	content: ''; 
	border-radius: 0 0 50% 50%; 
	background: #00AC72; 
}

.userinfo .user-top .user-con{
	background: #fff;
	border-radius: 5px;
	width: 8.9rem;
	height: 4.9rem;
	-moz-box-shadow: 0px 0px 10px 0px rgba(7, 4, 4, 0.3);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	
}

.user-con .info{
	padding:0.6rem 0 0 0.69rem;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: top;
    -ms-flex-pack: top;
    -webkit-justify-content: top;
    justify-content: top;
    -webkit-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
}

.user-con .info img{
	width:1.41rem;
	height: 1.41rem;
	border-radius: 50%;
}

.user-con .info .user{
	padding:0.2rem  0 0 0.2rem;
}

.user-con .info .user span{
	font-size: 0.6rem;
	font-weight: bold;
	padding-left:0.2rem;
}

.user-con .info .user .time{
	/* width:2.4rem; */
	height: 0.5rem;
	line-height: 0.5rem;
	background:#F5F5F5;
	font-size: 0.28rem;
	border-radius: 10px;
	text-align: center;
	margin-top:0.3rem;
	padding:0 0.2rem;
}

.user-con ul{
	margin-top:1.1rem;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.user-con ul li{
	width:2.2rem;
	text-align: center;
}

.user-con .link-right {
	width: 1px;
	height: 0.8rem;
	border-right: 1px solid #E1E1E1;
}
.user-con ul li  span{
	font-weight: bold;
	font-size: 0.6rem;
}
.user-con ul li .user-lesson{
	padding:0.15rem 0;
	color:#999999;
	font-size: 0.3rem;
}


.user-li{
	padding:0 0.35rem;
	margin-top:0.4rem;
}

.user-li li{
	border-bottom:1px solid #ECECEC;
	height:1.5rem;
	line-height: 1.5rem;
	text-align: left;
	padding:0 0.2rem;
}
.user-li li a{
	display: block;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center; 
    align-items: center;
}

.user-li li p{
	width:7.3rem;
	font-size: 0.36rem;
}

.info-icon{
	width:0.5rem;
	height: 0.5rem;
	margin-right: 0.5rem;
}

.info-icon.info-icon1{
	background:url('../icon/people.png');
	background-size:0.5rem 0.5rem;
}

.info-icon.info-icon2{
	background:url('../icon/footprint.png');
	background-size:0.5rem 0.5rem;
}

.info-icon.info-icon3{
	background:url('../icon/book.png');
	background-size:0.5rem 0.5rem;
}

.info-icon.info-icon4{
	background:url('../icon/trophy.png');
	background-size:0.5rem 0.5rem;
}

.info-icon.info-icon5{
	background:url('../icon/cloud.png');
	background-size:0.5rem 0.5rem;
}

.info-icon.info-icon6{
	background:url('../icon/txt.png');
	background-size:0.5rem 0.5rem;
}

.info-icon.info-icon7{
	background:url('../icon/message.png');
	background-size:0.5rem 0.5rem;
}
.info-icon.info-icon8{
	background:url('../icon/off.png');
	background-size:0.5rem 0.5rem;
}
.info-icon.info-icon9{
	background:url('../icon/student.png');
	background-size:0.5rem 0.5rem;
}

.info-icon.info-icon-right{
	background:url('../icon/right.png');
	background-size:0.5rem 0.5rem;
	margin-right: 0
}

.print .user-top{
	padding:0.5rem 0.35rem 0.2rem;
}

.print .user-top:after{
	height:2.55rem;
}

.userinfo .user-print{
	width:4.2rem;
	height: 2.55rem;
	margin:0 auto;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.userinfo .user-print img{
	width:1.41rem;
	height: 1.41rem;
	border-radius: 50%;
}

.userinfo .user-print .user{
	margin-left:0.2rem;
}

.userinfo .user-print .user span{
	color:#fff;
	padding-left:0.2rem;
	font-size:0.56rem;
}

.userinfo .user-print .user .time{
	/* width:2.4rem; */
	height: 0.5rem;
	line-height: 0.5rem;
	background:#fff;
	font-size: 0.28rem;
	border-radius: 10px;
	text-align: center;
	margin-top:0.3rem;
	padding:0 0.2rem;
}

.print-con{
	padding:0.1rem 0.35rem;
}

.print-con .print-title{
	height: 0.8rem;
	/* line-height: 1rem; */
	border-bottom:2px solid #E5E5E5;
}

.print-con .print-title p{
	border-left:0.07rem solid #00AC74;
	height:0.47rem;
	line-height: 0.47rem;
	padding-left:0.2rem;
	font-size:0.46rem;
	font-weight: bold;
}

.print-con .print-li{
	margin-top:0.54rem;
}

.print-con .print-li li{
	position: relative;
	height:1.38rem;
	border-left:2px solid #B7B7B7;
	padding-left:0.35rem;
}

.print-con .print-li .round{
	display: block;
	width: 0.24rem;
	height: 0.24rem;
	border:3px solid #FE9204;
	position: absolute;
	left:-0.23rem;
	top:-0.05rem;
	border-radius: 50%;
	background:#fff;
}
.print-con .print-li .p1{
	color:#1da977;
	font-weight: bold;
	font-size:0.36rem;
}

.print-con .print-li .p2{
	height: 0.54rem;
	line-height: 0.4rem;
	padding:0.2rem 0;
}

.lesson-con .lesson-title{
	display: flex;
	padding:0 0.35rem;
}

.lesson-con .lesson-title img{
	width:3rem;
	height: 2rem;
	margin-right:0.35rem;
}
.lesson-con .lesson-title  .title-bold{
	width:5.5rem;
}
.lesson-con .lesson-title  .title-bold .p1{
	font-size:0.36rem;
	font-weight: bold;
	line-height: 0.45rem;
	margin-bottom:0.3rem;
	/* width:5.06rem; */
}

.lesson-con .lesson-title  .title-bold .p2{
	margin-bottom:0.3rem;
}
.lesson-con .lesson-title  .title-bold .p3{
	margin-top:0.5rem;
}
.lesson-con .lesson-title  .title-bold .p3 a{
	color:#1da977;
	font-size:0.36rem;
}

.lesson-con .m-title{
	margin-top:0.5rem;
	padding:0 0.35rem;
}
.lesson-con .m-title ul{
	display: flex;
	border-bottom:1px solid #E6E6E6;
}

.lesson-con .m-title li{
	width:1.8rem;
	text-align: center;
}
.lesson-con .m-title li>a{
	display: block;
	height:0.9rem;
	line-height: 0.9rem;
	font-size: 0.36rem;
}

.lesson-con .m-title li.active>a{
	border-bottom:2px solid #1da977;
	color:#1da977;
}

.lesson-con.activity{
	/* margin-top:0.5rem; */
}

.lesson-con.activity .lesson-title{
	padding:0.7rem 0;
	border-bottom:1px dashed #CEDBF4;
}

.l-space{
	margin:0.6rem 0;
}


/* 我的作业 */
.homework{
	margin-top:0.6rem;
}

.homework .title{
	height:0.8rem;
	line-height: 0.8rem;
	padding:0 0.35rem;
	color:#fff;
	background:#00AC72;
	font-size:0.36rem;
}

.homework .chapter{
	background:#E8E8E8;
	color:#000;
	font-size:0.32rem;
	padding:0.32rem 0.35rem;
	display: flex;
	align-items: center;
	line-height: 0.54rem;
}
.homework .chapter p{
	/* width:3.5rem; */
	height:0.54rem;
	line-height: 0.54rem;
	background:#00AC72;
	color:#fff;
	text-align: center;
	margin-right: 0.25rem;
	padding:0.1rem 0.2rem;
}
.homework .chapter .chap-title{
	width:7.3rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 0.5rem;
}
.homework .con{
	padding:0 0.35rem 0.35rem;
	
}

.homework .con .p1{
	color:#1da977;
	font-size:0.36rem;
	font-weight: bold;
	height: 1.08rem;
	line-height: 1.08rem;
}

.homework .con p{
	font-size:0.3rem;
	line-height: 0.4rem;
}

/* 我的留言 */
.leave{
	padding:0 0.35rem;
}
.leave .leave-con{
	border-bottom:1px dashed #CEDBF4;
	position: relative;
	padding-top:0.5rem
}
.leave .title{
	color:#000;
	font-size:0.36rem;
	font-weight: bold;
	margin-bottom:0.8rem;
}

.leave .leave-bg{
	background: url('../icon/leave_bg.png');
	background-size:0.8rem 1.04rem;
	width: 0.8rem;
	height: 0.89rem;
	position: absolute;
	right:0.35rem;
	top:0.5rem;
	text-align: center;
	padding-top:0.15rem;
}
.leave .leave-bg p{
	color:#fff;
}
.leave .leave-bg .p1{
	font-size:0.4rem;
}
.leave .leave-bg .p2{
	font-size:0.16rem;
}
.leave .con{
	color:#666;
	font-size:0.3rem;
	line-height: 0.5rem;
	margin-bottom:0.6rem;
}
.leave .auther{
	margin-bottom:0.44rem;
}
.leave .auther span{
	color:#1da977;
	font-size:0.4rem;
	font-weight: bold;
}
.leave .auther span.time{
	color:#999;
	font-size:0.32rem;
	font-weight: normal;
	margin-left:0.4rem;
}

.product .lesson-title{
	padding:0.7rem 0 0.4rem;
}

.product .lesson-title .title-bold .p2{
	padding-top:0.5rem;
	font-size:0.28rem;
}

.product .product-prize{
	width:5.9rem;
	margin:0 auto;
}
.product .product-prize a{
	color:#1da977;
	font-size: 0.4rem;
	font-weight: bold;
}
.product .review{
	padding:0.5rem 0 1rem;
	border-bottom:1px dashed #CEDBF4
}

.product .review p{
	color:#666;
	height:0.45rem;
	line-height: 0.45rem;
}

.product .review .re-title{
	font-weight: bold;
	font-size:0.32rem;
	margin-bottom:0.2rem;
}

/* 上传作品 */
.upload-product{
	background:rgba(0, 0, 0, 0.5);
	width:100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 999999;
	display: none;
}

.upload-product .p-form{
	background:#fff;
	width:8.9rem;
	border-radius: 5px;
	position: absolute;
	left:50%;
	margin-left:-4.45rem;
	min-height: 10.9rem;
	top:50%;
	margin-top:-6rem;
}

.upload-product .p-form .title{
	color:#1da977;
	font-size:0.54rem;
	font-weight: bold;
	height: 1.52rem;
	line-height: 1.52rem;
	text-align: center;
}

.upload-product .p-form .close{
	position: absolute;
	top:0;
	right:0;
	width:0.8rem;
	height: 0.88rem;
	line-height: 0.88rem;
	text-align: center;
}

.upload-product .p-form .close .icon-fork{
	font-size:0.6rem !important;
	color:#989898;
}

.upload-product .form-con {
	padding:0 0.4rem;
	margin:0 auto;
}

.upload-product .form-con label{
	display: block;
	color:#000;
	font-size: 0.4rem;
	height:1rem;
	line-height: 1rem;
}

.upload-product .form-con  input[type='text'],
.upload-product .form-con  textarea{
	border:1px solid #E5E5E5;
	background:#fff;
	height:1rem;
	width:7.5rem;
}
.upload-product .form-con  textarea{
	padding:0.2rem;
	height:0.7rem;
	width:7.5rem;
}
.upload-product .form-con .choose{
	line-height: 0.8rem;
	margin-top:0.8rem;
	font-size:0.4rem;
	display: flex;
	align-items:center;
}

.upload-product .form-con .choose button{
	width:2.28rem;
	height:0.75rem;
	line-height: 0.75rem;
	text-align: center;
	border:1px solid #999;
	background:#E8E8E8;
	font-size:0.4rem;
	padding:0;
}

.upload-product .form-con .btn-orange{
	width:8rem;
	height:1.15rem;
	line-height: 1.15rem;
	text-align: center;
	color:#fff;
	background: #FF670A;
	border-radius: 5px;
	font-size:0.46rem;
	margin-top:1.05rem;
	display: block;
}

.upload-product .upload-file{
	display: inline-block;
}
.upload-product .upload-file .file-info{
	/* color: #656565; */
	/* font-size: 14px;
	padding:0 10px; */
}
.upload-product .upload-file>a{
	display: inline-block;
	width:2.28rem;
	height:0.75rem;
	line-height: 0.75rem;
	text-align: center;
	border:1px solid #999;
	background:#E8E8E8;
	font-size:0.4rem;
	padding:0;
	margin-right:0.2rem;
}
.upload-product .upload-file>a:hover{
	opacity: 0.8;
}

.msg-con .m-title{
	margin-top:0.1rem;
	padding:0;
}

.msg-con .m-title ul{
	border:none;
}
.msg-con .m-title li>a{
	color:#999;
}
.msg-con .m-title li.active>a{
	color:#333333;
}

.msg-con .edit_table{
	margin-top:0.3rem;
}

.msg-con .edit_table td{
	padding:0.2rem 0;
	height:25px;
	font-size: 0.3rem;
}
.msg-con .edit_table tr{
	border-bottom: 1px solid #F6F6F6;
}
.msg-con .edit_table tr:last-child{
	border:none;
}
.msg-con .edit_table td.title{
	/* width:1.8rem; */
}
.msg-con .edit_table td .headimg img{
	width:0.8rem;
	height: 0.8rem;
	border-radius: 50%;
}

.msg-con .edit_table td .newforms_input_text{
	background: none;
}

.msg-con .edit_table td  input[type="text"],
.msg-con .edit_table td  input[type="password"]{
	padding:0.05rem;
	border:1px solid #E5E5E5;
	width:6rem;
	height:0.8rem;
	background:#fff;
}
.msg-con .edit_table td  input[type="text"]:focus,
.msg-con .edit_table td  input[type="password"]:focus{
	border:1px solid #E5E5E5;
}

.msg-con .edit_table td select{
	height:0.8rem;
	border:1px solid #E5E5E5;
	background:#fff;
}
.edit_table td .newforms_select>ul>li>a{
	width:100%;
}

.btn-get-smscode{
	display: inline-block;
	width:2.4rem;
	margin-left:0.2rem;
	line-height: 0.72rem;
	background:#F0F0F0;
	text-align: center;
	padding:0.05rem;
}
.btn-get-smscode:hover{
	color:#000;
	background:#F0F0F0;
}
.btn-get-smscode.countdown{
	background:#E1F3D8;
}

.msg-con  .btn-submit{
	margin:0.5rem auto;
	display: block;
	width: 3.16rem;
	height: 0.72rem;
	line-height: 0.72rem;
	background: #00AC72;
	border: 1px solid #00AC72;
	border-radius: 5px;
	color:#fff;
	text-align: center;

}
.msg-con  .btn-submit:hover{
	opacity: 0.8;
}

.weixin-img{
	width:5.28rem;
	height:5.28rem;
	margin:1rem auto;
	display: block;
}
.weixin-p{
	text-align: center;
	margin-bottom:1rem;
}


.footer{
	position:fixed;
	bottom:0;
	background:#fff;
	height:0.94rem;
	width:100%;
	padding:0.22rem 0 0.2rem;

	-moz-box-shadow: 0px 0px 10px 0px rgba(7, 4, 4, 0.3);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	z-index: 999;
}

.footer li{
	float: left;
	text-align: center;
	width:33.3%;
	color:#CACAD2;
}
.footer li.active{
	color:#00AC72;
}
.footer li span{
	display: block;
	margin-top:0.2rem;
	color:#CACAD2;
}

.footer li.active i,
.footer li.active span{
	color:#00AC72;
}

.x_open_win{
	width:8rem !important;
	height:6rem !important;
	margin-left:-4rem !important;
	margin-top:-3rem !important;
	top:50% !important;
	left: 50% !important;
}

.x_open_win_body iframe img{
	width:100% !important;
}
.x_open_closer {
	right:-0.7rem !important;
}

.zuoye .title{
	margin:0.2rem 0;
}
.zuoye .title.gray{
	margin:0.2rem 0;
	background:#E8E8E8;
	color: #333;
}
.zuoye span{
	color: #fff;
}

.zuoye .title.gray span{
	color: #333;
}

.zuoye  .status-finish{
	display: inline-block;
	padding-left:1rem;
	color: #333;
}

.zuoye .title.gray .status-finish{
	color:#909399;
}

.zuoye .student-content{
	width:9rem;
	margin:0.3rem auto;
	
}

.zuoye .student-content textarea{
	width: 8.6rem;
	padding:0.2rem;
	height:4rem;
	border:1px solid #BFBFBF;
}
.zuoye .student-content .icon-fujian{
	color:#656565
}

.zuoye .student-content .fujian{
	display: flex;
	padding:0.3rem 0 0;
	align-items: center;
}

.zuoye .student-content .upload-file{
	display: inline-block;
}
.zuoye .student-content .upload-file .file-info{
	color: #656565;
	font-size: 0.32rem;
	padding:0 0.2rem;
}
.zuoye .student-content .upload-file>a{
	display: inline-block;
	font-size: 0.32rem;
	color:#333;
	padding:0.05rem 0.1rem;
	line-height: 0.6rem;
	border:1px solid #999999;
	background-color: #E8E8E8;
}
.zuoye .student-content .upload-file>a:hover{
	opacity: 0.8;
}