<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; font-family: "microsoft yahei"; }
body { font-size: 0.24rem; }
ul,
li { list-style: none; }
html,
body { width: 100%; height: 100%; margin: 0 auto; max-width: 750px; position: relative; color: #333; }
em,
i { font-style: normal; }
.fl { float: left; }
.fr { float: right; }
.centerdiv { margin-left: auto; margin-right: auto; }
img { width: 100%; height: auto; }
table { border-top: 0.01rem solid #dedede; border-left: 0.01rem solid #dedede; border-right: 0.01rem solid #dedede; margin-bottom: 0.2rem; }
th { background: #e4e5e7; font-size: 0.26rem; font-weight: normal; color: #999; padding: 0.1rem 0.2rem; text-align: left; border-bottom: 0.01rem solid #dedede; }
td { font-size: 0.26rem; padding: 0 0.2rem; text-align: left; border-bottom: 0.01rem solid #dedede; }
.all_t01{clear:both; width:100%; padding:0.25rem 0 0 0;}
.main{width:100%; margin:0 auto;}
/*间距*/
.mb30 { margin-bottom: 0.3rem; }
.ml20 { margin-left: 0.2rem; }
.pb100 { padding-bottom: 1.3rem }
.mt25 { margin-top: 0.25rem }
.mt30 { margin-top: 0.3rem }
/*字体颜色*/
a { text-decoration: none; }
.red,
.red a { color: #ff6d60; }
.blue,
.blue a { color: #069fdb }
.gray { color: #999 }
.wrap { width: 100%; min-height: 100%; position: relative; }
.wrap { max-width: 750px; margin: 0 auto; }
.content,
.message-list,
.bondlist { padding: 0.3rem; }
.banne-1 { width: 100%; }

.formlist-t,
.formlist { margin-bottom: 0.25rem }
.formlist-t ul li { border-bottom: 1px solid #ccc; position: relative; height: 0.44rem; padding: 0.3rem 0.1rem 0.3rem 0.3rem; font-size: 0.32rem; }
.formlist ul li { border-bottom: 1px solid #ccc; position: relative; height: 0.44rem; padding: 0.3rem 0.1rem 0.3rem 0.74rem; font-size: 0.32rem; }
.formlist .tel-icon { background: url(/resources/images/m/tel.png) no-repeat left center; background-size: 0.44rem 0.44rem; }
.formlist .pass-icon { background: url(/resources/images/m/pass.png) no-repeat left center; background-size: 0.44rem 0.44rem; }
.formlist .vcode-icon { background: url(/resources/images/m/v-code.png) no-repeat left center; background-size: 0.44rem 0.44rem; }
.formlist .code-icon { background: url(/resources/images/m/code.png) no-repeat left center; background-size: 0.44rem 0.44rem; }
.formlist .code-friend { background: url(/resources/images/m/friend.png) no-repeat left center; background-size: 0.44rem 0.44rem; }
.formlist .inp,
.formlist-t .inp { width: 100%; font-size: 0.32rem; border: none; outline: none; background: none; }
.formlist .inp-s { width: 85%; font-size: 0.32rem; border: none; outline: none; background: none; }
.formlist .inp-m { width: 80%; font-size: 0.32rem; border: none; outline: none; background: none; }
.user-agreement {
	padding: 0rem 0.1rem 0.25rem 0.1rem;
	color: #bfbfbf;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.36rem;
} 
.user-agreement img {  
	background-color: #bfbfbf;
	width: 0.22rem;
	height: 0.22rem; 
	margin: 0 0.1rem 0.05rem 0; 
	vertical-align: bottom;
	border-radius:1rem;
	}
/*按钮长度*/
.btn-b { width: 100%; }
.btn-m { width: 50%; margin-top: 0.25rem; }
/*按钮字号*/
.btn { width: 100%; text-align: center; background: #069fdb; padding: 0.25rem 0; color: #FFF; font-size: 0.36rem; border: none; outline: none; border-radius: 0.1rem; }

.btn1 {
	width: 4.49rem;
	height:0.81rem;
	text-align: center;
	background: #bfbfbf;
	padding: 0.15rem 0;
	color: #FFF;
	font-size: 0.36rem;
	border: none;
	outline: none;  
	border-radius: 0.4rem;
	margin-top:1rem;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.btn1_on{
	background: #f18904;
}


.btn-2 { width: 100%; text-align: center; background: #069fdb; padding: 0.25rem 0; color: #FFF; font-size: 0.32rem; border: none; outline: none; border-radius: 0.05rem; }
.login-tip { padding: 0.2rem 0; }
.code { width: 1.2rem; float: right; }
.time { width: 2.4rem; float: right; }
.code img { width: 1.2rem; height: auto; border: 1px solid #f1f1f1 }
.footer { position: absolute; bottom: 0.2rem; text-align: center; color: #999; width: 100%; margin: 0 auto; }
.register-tip { font-size: 0.28rem; line-height: 0.56rem; color: #666; margin: 0.2rem 0; }
.get-friend { padding: 0.30rem; background: #FFF; margin: 0.3rem 0; color: #999; line-height: 0.4rem }
.get-friend h2 { border-bottom: 1px dashed #999999; font-weight: normal; margin-bottom: 0.1rem; padding: 0.1rem 0 }

.wxlg_tips{
	margin: 2.05rem 0 1rem 0;
}
.wxlg_tips h4{  
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 3px;
	color: #1b1b1b;
}


/*首页*/
nav {
	height: 1.21rem;
	background: #f18904; 
	width: 100%;
	position: fixed; 
	top: 0;
	z-index: 9999;
}

nav .menu{ 
	margin-left:0.28rem;
	width: 0.64rem;
	height: 100%;
	float:left; 
} 
nav .menu img{ 
	margin-top:0.31rem;
	width: 0.64rem;
	height: 0.52rem; 
} 
nav .logo{ 
	margin-left:1.64rem;
	width: 2.37rem;
	height: 100%;
	float:left; 
}
nav .logo img{ 
	margin-top:0.22rem;
	width: 2.37rem;
	height: 0.75rem; 
}
nav .memhead{
	margin-right:0.28rem;
	width: 0.54rem;
	height: 100%; 
	float:right; 
} 
nav .memhead img{
	margin-top:0.30rem;
	width: 0.54rem;
	height: 0.62rem;  
} 
.navwrap{
	display:none;
	width: 2.73rem;
	height: 100%;
	background-color: #313131; 
    top:1.20rem;
    left:0;
    position: fixed;
	z-index: 999999;
}
.navwrap ul{
	width: 100%; 
	margin-top:0.8rem;
}
.navwrap ul li{
	width: 100%; 
	height:0.72rem;
	border-bottom: 0.01rem solid rgba(125, 125, 125, 0.15);
	color:#fff;
}
.navwrap ul li .nb1{ 
	display:inline-block;
	margin-left:0.4rem;
	width: 0.26rem; 
	height:0.23rem; 
	background: url(/resources/images/m/nb1.png) no-repeat 0 0;
	background-size: 0.26rem 0.23rem;  
	
}
.navwrap ul li .nb2{ 
	display:inline-block;
	margin-left:0.4rem;
	width: 0.23rem; 
	height:0.25rem; 
	background: url(/resources/images/m/nb2.png) no-repeat 0 0;
	background-size: 0.23rem 0.25rem;  
	
}
.navwrap ul li .nb3{ 
	display:inline-block;
	margin-left:0.4rem;
	width: 0.24rem; 
	height:0.18rem; 
	background: url(/resources/images/m/nb3.png) no-repeat 0 0;
	background-size: 0.24rem 0.18rem;  
	
}
.navwrap ul li .nb4{ 
	display:inline-block;
	margin-left:0.4rem;
	width: 0.20rem; 
	height:0.24rem; 
	background: url(/resources/images/m/nb4.png) no-repeat 0 0;
	background-size: 0.20rem 0.24rem;   
}
.navwrap ul li .nb5{ 
	display:inline-block;
	margin-left:0.4rem;
	width: 0.20rem; 
	height:0.22rem; 
	background: url(/resources/images/m/nb5.png) no-repeat 0 0;
	background-size: 0.20rem 0.22rem;   
}
.navwrap ul li .nb6{ 
	display:inline-block;
	margin-left:0.4rem;
	width: 0.24rem; 
	height:0.22rem; 
	background: url(/resources/images/m/nb6.png) no-repeat 0 0;
	background-size: 0.24rem 0.22rem;   
}
.navwrap ul li h3{
	display:inline-block;
	margin-left:0.23rem;
	font-size: 0.25rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.65rem;
	letter-spacing:0.01rem;
	color: #fff; 
}

/*首页新闻*/
.news_nav { width: 100%; height: 1.31rem;}

.news_nav ul{
	clear: both;  
	height: 100%;  
}  
.news_nav ul li{  
	margin:0; 
	width: 2.46rem;
	height: 100%;   
	float: left;   
    display: block;
    font-size: 0.33rem; 
	line-height: 1.31rem;
	letter-spacing: 0.01rem; 
	color:#f18904;
	text-align:center;
	cursor:pointer;
	border:0.01rem solid #bbb;
}
.news_nav ul li.on{  
	color:#fff;
	background: #f18904; 
}
/*首页新闻列表*/
.news_list { width: 100%; } 
.news_list ul{
	clear: both;  
	width: 100%;
} 
.cwrap ul li{  
	width: 100%;
	height: 6.9rem;   
	margin:0; 
	cursor:pointer;   
}  
.news_list ul li b{ 
	display:block;
	width: 100%;
	height: 4.4rem; 
	background-color: #eee;
	overflow: hidden;
}
.news_list ul li b img {
	width: 100%;
	height: 100%;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	z-index: 1; 
} 
.news_list ul li .info{  
	width: 100%;
	height: 2.5rem;  
}  

.news_list ul li .sp1{ 
	display:block; 
	margin:0.35rem 0.27rem 0 0.27rem;   
}  
.news_list ul li .sp1 .sp11{
	clear: both; 
	width: 100%;
	display:inline-block;
	font-size: 0.35rem;
	font-weight: bold;  
	letter-spacing: 0.01rem;
	color: #000;      
} 

.news_list ul li .sp1 .sp12 {
	clear: both;  
	display:block; 
	width: 100%; 
	margin: 0.2rem 0 0 0;
}

.news_list ul li .sp1 .sp12 i {
	display: inline-block;
	height: 0.27rem;
	line-height: 0.24rem;
	text-indent: 0.4rem;
	font-style: normal;
	font-size: 0.21rem;
	color: #434343; 
	margin-right:0.2rem;
}

.news_list ul li .sp1 .sp12 i.browse {
	background: url(/resources/images/web/page_browse.png) no-repeat left center;
	margin: 0 0 0 0.02rem;
}

.news_list .sp12 i.time {
	background: url(/resources/images/web/page_time.png) no-repeat left center;
	margin: 0 0 0 0.02rem;
} 

.news_list ul li .sp2{  
	display:block;
	margin:0.30rem 0.27rem 0 0.27rem;  
	text-align: left;  
}
.news_list ul li .sp2 p{  
	font-size: 0.24rem; 
	line-height: 0.36rem;
	letter-spacing: 0.01rem;
	color: #7d7d7d;
} 

.in_internet {
	clear: both;
	width: 100%;
}   
.box-item {
	text-align: center;
	color: #fff;
}

.box-item blockquote {
	position: relative;
	padding: 0.1rem 0 0 0; 
	border: none;   
	font-size: 0.48rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.3rem;
	letter-spacing: 0.13rem; 
	 
}

.box-item blockquote:before, .box-item blockquote:after {
	position: absolute;
	width: 0.22rem;
	height: 0.16rem;
	font-size: 0.64rem;
	line-height: 0.3rem;
	color: #fff; 
	font-weight: normal;
	font-stretch: normal; 
}

.box-item blockquote:before {
	top: 0;
	left: -0.1rem;
	content: "\201C";
	font-family:"'Roboto', sans-serif"
}

.box-item blockquote:after {
	top: 0;
	right:0.29rem;
	content: "\201D";
	font-family:"'Roboto', sans-serif" 
}
/*首页课程*/
.in_courese{
	clear: both;
	width: 100%;
	background-color: #f18904;
}
.inc_title{
	width: 100%;
	height:1.13rem;
	background-color: #f18904;
	/*--
	box-shadow: 2px 3px 20px 0px 
		rgba(195, 195, 195, 0.52);
		 --*/
}
.inc_title1{
	width: 100%;
	height:1.13rem; 
}
.inc_tleft{
	float:left;
	height: 0.41rem;
	margin:0.36rem 0 0 0.28rem;
} 
.inc_tleft  b{ 
	display:inline-block;
	margin-bottom:0.07rem;
	border-radius: 1rem;
	width:0.08rem;
	height: 0.08rem;
	background-color: #fff;
}
.inc_tleft .sp2{
	margin-left:0.10rem; 
	width: 1.78rem;
	height: 0.41rem; 
	font-size: 0.42rem; 
	line-height: 0.38rem;
	font-weight:bold;
	letter-spacing: 0.04rem;
	color: #fff;
}
.inc_tleft .sp3{
	width: 1.78rem;
	height: 0.41rem; 
	font-size: 0.14rem; 
	line-height: 0.38rem;
	letter-spacing: 0.01rem;
	color: #ffffff;
}
.inc_tright{
	float:right; 
	margin:0.36rem 0.3rem 0 0;
}
.inc_tright b{
	display:inline-block;
	width: 0.36rem;
	height: 0.35rem; 
	background: url(/resources/images/m/in_right.png) no-repeat 0 0;
	background-size: 0.36rem 0.35rem;  
}
.inc_tright b.b1{
	display:inline-block;
	width: 0.36rem;
	height: 0.35rem; 
	background: url(/resources/images/m/in_right_1.png) no-repeat 0 0;
	background-size: 0.36rem 0.35rem;  
}
.incontent{
	width: 100%;
	display:relative; 
}
.incontent ul { 
	width: 100%; 
	display: table;
	margin: auto; 
} 
.incontent ul li { 
	height: 2.78rem;
	background-color: #fff; 
	margin:0 0 0.19rem 0;
	overflow: hidden; 
	position:relative;
} 
.incontent ul li b {
	float: left;
	width: 3.68rem;
	height: 2.78rem;
	display: block;
	overflow: hidden; 
	margin:0;    
} 
 
.incontent ul li b img {
	width: 100%;
	height:100%;
	display: block; 
	box-shadow: 0 0.03rem 0.1rem 0 
		rgba(191, 191, 191, 0.4);
	
} 

.incontent ul li span {
	display: block;
	width: 3.5rem;
	float: right;
	margin:0.51rem 0.1rem 0 0;
} 
.incontent ul li span h3 {
	font-size: 0.26rem;
	color: #333;
	font-weight: bold;
	line-height:0.3rem; 
	letter-spacing: 0.02rem;
	color: #01013e;
}  
.incontent ul li span p {
	font-size: 0.18rem; 
	line-height:0.4rem; 
	margin: 0.32rem 0 0 0;
	letter-spacing: 0.01rem;
	color: #01013e; 
}

.incontact{ 
	clear:both;
	width: 100%; 
	height:0.86rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;  
} 
.incontact .lbl{ 
	clear:both; 
	width:2.88rem;
	height:0.46rem;
	background-color: #fff;
	border-radius:0.18rem;
	text-align:center;  
	margin-bottom:0.1rem;
} 
.incontact .lbl h5{     
	font-size:0.18rem; 
	line-height: 0.45rem;
	letter-spacing: 0.02rem;
	color: #f18904;
}
/*首页作品*/
.in_works{
	clear: both;
	width: 100%;
	background-color: #fff;
} 
.work_wrap {
	WIDTH: 100%;  
	padding-left:0.22rem;
	background-color: #fff;
}

.work_wrap dl {
	margin-right: 0.12rem;
	width: 3.42rem;
	margin-bottom: 0.10rem;
	float: left; 
}

.work_wrap dt {
	width: 3.42rem;
} 
.work_wrap .item2 {
	position: relative;
	float: left;
	width: 3.42rem;
	height: 2.7rem;  
} 

/*首页院校板块*/
.in_coleage {
	clear: both;
	position:relative;
	width: 100%;
	height:7.82rem; 
}

.in_coleage .coleage_info {
	clear:both; 
	width: 100%;
	height: 5.4rem;
	position: relative;  
	margin: 0; 
} 
/*
.in_coleage .coleage_info ul {
	clear: both;
	width: 200rem;
	height: 5.4rem;
	position: relative;
	display: table; 
} 
.in_coleage .coleage_info ul li { 
	text-align: center;
	float: left;  
	width: 4rem;
	height: 5.4rem;  
	margin:0 0.38rem 0 0.38rem;
} 
margin:0 0.88rem 0 0.88rem;
 **/
 .in_coleage .coleage_info ul {
	clear: both; 
	height: 5.4rem; 
} 
.in_coleage .coleage_info ul li { 
	text-align: center; 
	width: 4rem;
	height: 5.4rem;  
	float:left;
	margin:0 0 0 0;  
} 
.in_coleage .coleage_info ul li b {
	clear:both;
	width: 3.94rem;
	height: 5.34rem; 
	display: block;  
	margin:0 0 0 0.02rem; 
}  
.in_coleage .coleage_info ul li b img  {
	width: 3.94rem;
	height: 5.34rem;  
	border-radius: 0.21rem;
	box-shadow: 0 0.05rem 0.13rem 0
		rgba(124, 124, 124, 0.59);
	
}   
 
.in_coleage .coleage_info ul li div.info {
	position: absolute;
	left:0;
	bottom:0;
	display:block;
	width: 3.97rem;
	height: 1.63rem; 
	background-color: rgba(156,155,155,0.42); 
	border-bottom-right-radius:0.3rem;
    border-bottom-left-radius:0.3rem;  
} 
.in_coleage .coleage_info ul li div span h3 { 
	clear: both;
	font-size: 0.28rem;
	font-weight: bold;
	font-stretch: normal; 
	line-height: 0.25rem;
	letter-spacing: 0.03rem;   
	color: #fff;
	float:left;
	margin: 0.17rem 0 0 0.15rem; 
}  
.in_coleage .coleage_info ul li p { 
	clear: both;
	width: 3.64rem;  
	margin: 0.12rem 0.15rem 0 0.15rem; 
	font-size: 0.14rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.3rem;
	letter-spacing: 0.01rem;
	color: #fff; 
	float:left; 
	text-align:left;
}  

.in_coleage .gundong_left,.in_coleage .gundong_right{width:0.3rem; height:0.52rem; display:block;position:absolute; top:4.55rem; }
.in_coleage .gundong_left{left:50%; margin:0 0 0 -3.33rem;}
.in_coleage .gundong_right{right:50%; margin:0 -3.33rem 0 0;}
.in_coleage .gundong_left a { background: url(/resources/images/web/in_col_left.png) no-repeat center center; width:0.3rem; height:0.52rem; display: block; }
.in_coleage .gundong_left a.inactive { background: url(/resources/images/web/in_col_left.png) no-repeat center center; width:0.3rem; height:0.52rem; display: block; }
.in_coleage .gundong_right a { background: url(/resources/images/web/in_col_right.png) no-repeat center center; width:0.3rem; height:0.52rem; display: block; }
.in_coleage .gundong_right a.inactive { background: url(/resources/images/web/in_col_right.png) no-repeat center center; width:0.3rem; height:0.52rem;display: block; }
  
.incl_point { 
    margin: 0.20rem auto; 
	text-align:center; 
}

.incl_point .swiper-pagination-bullet {
    text-decoration: none;
    display: inline-block;  
    width: 0.18rem;
	height: 0.18rem; 
    line-height:0.1rem; 
    background: #fff; 
    border-radius: 1rem;
    border: solid 0.01rem #e78514;
    text-indent: -99.99rem; 
    margin-right:0.07rem;  
    opacity: 1;  
}

.incl_point .swiper-pagination-bullet-active {
    background: #f18904;
    color: #fff;
    opacity: 1;  
} 
.inclcontact{ 
	clear:both;
	width: 100%; 
	height: 0.86rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;  
	margin-top:0.8rem; 
} 
.inclcontact .lbl{ 
	clear:both; 
	width:6.95rem;
	height:0.86rem;
	background-color: #f18904;
	border-radius:0.03rem;
	text-align:center;  
	margin-left:0.28rem; 
	margin-right:0.28rem; 
} 
.inclcontact .lbl h5{    
	margin-top:0.08rem;
	font-size:0.36rem; 
	font-weight: normal;
	line-height: 0.65rem;
	letter-spacing: 0.02rem;
	color: #fff;
}  

/*首页学校*/
.in_school {
	clear: both; 
	width: 100%;
	height:4.6rem; 
}

.in_school .school_info {
	clear:both; 
	width: 100%;
	height: 2.6rem;
	position: relative; 
	overflow:hidden;
	margin: 0; 
}  
.in_school .school_info ul {
	clear: both; 
	height: 2.6rem;
	margin-left:-0.08rem;
} 
.in_school .school_info ul li { 
	text-align: center; 
	width: 3.38rem;
	height: 2.55rem;   
	margin:0 0 0 0.08rem;
} 
.in_school .school_info ul li b {
	clear:both;
	width: 3.38rem;
	height: 2.55rem;    
	display: block;   
	box-shadow: 0  0.05rem 0.13rem 0 
		rgba(125, 124, 125, 0.84); 
}  
.in_school .in_school ul li b img  {
	width: 3.38rem;
	height: 2.55rem;   
	border-radius: 0.03rem;  
}   
 
/*首页底部*/  
/*footer 公共代码*/
footer {
    background: #3c3e3f;
    width: 100%;
    height: 0.96rem;
    position: fixed;
    bottom: 0;
    z-index: 999;
    text-align: center;
}
.f-menu  {
	clear:both; 
	width: 100%;
	height: 0.96rem; 
	text-align: center; 
} 
.f-menu ul {
	width: 100%;
 	position: relative;
	display: inline-block; 
} 
.f-menu ul li {
    text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1;  
	width: 1.87rem;
	height: 0.96rem;
	margin:0; 
	color:#fff; 
}
.f-menu ul li b {
	clear:both;
	width: 100%;
	height: 0.38rem;  
	display: table-cell;
	vertical-align: middle;
	text-align: center; 
	
}
.f-menu ul li b div { 
	width: 0.22rem;
	height: 0.22rem; 
	margin:0.22rem 0 0 0.80rem; 
	padding:0;
}
.f-menu ul li b div span  {
	width: 0.25rem;
	height: 0.25rem; 
	display: block;
	position: relative;  
}

.f-menu ul li span {
	clear: both;
	width: 100%;
	height:0.24rem;
	display: block; 
	text-align: center;
}

.f-menu ul li span h3 {
	margin-top:0.06rem;
	font-size: 0.25rem;
	font-weight: bold; 
	line-height: 0.38rem;
	letter-spacing: 0.01rem;
	color: #fff;
}
.f-menu  ul li.on{
	text-align: center;
	float: left;
	*float: none;
	*display: inline;
	*zoom: 1; 
	width: 1.87rem;
	height: 0.96rem; 
	background: #fff;
} 
.f-menu  ul li.on h3{
	color: #040000;
}
.f-menu  ul li.on b div span{
	width: 0.25rem;
	height: 0.25rem; 
	display: block;
	position: relative;  
	left: -0.25rem;
	border-right: 0.25rem solid transparent; 
	-webkit-filter: drop-shadow(#fff 0.25rem 0);
	filter: drop-shadow(#040000 0.25rem 0);
}
/*
.footer {
    font-size: 12px;
    color: #bbb;
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    float: left;
}

.footer p.left {
    margin-left: 10px;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.footer p.right {
    margin-left: 10px;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}


.in_footer{
	clear:both; 
	width:100%;
	height:9.38rem;
	background-color: #f18904;
	text-align:center; 
}
.in_footer h3{ 
	display:inline-block;
	height: 0.33rem; 
	font-size: 0.33rem;
	font-weight: bold; 
	line-height: 0.48rem;
	letter-spacing: 0.02rem;
	color: #12103f;
	margin-top:0.62rem;
}
.in_footer .sp1{ 
	display:block;
	font-size: 0.22rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.48rem; 
	color: #12103f;
}
.in_footer .sp2{ 
	display:block;
	font-size: 0.28rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.48rem; 
	color: #12103f;
} 
.in_footer .sp3{ 
	display:block;
	width:1.65rem;
	height:1.65rem;
	margin:0.28rem 0 0 40%;
}
.in_footer .sp3 img{  
	width:100%;
	height:100%;
}

.in_footer .ul1{ 
	width:100%;
	display:block; 
	margin:0.28rem 0 0 10%;
}
.in_footer .ul1 li{ 
	float:left;
	width:1.03rem;
	height:1.03rem;
	margin-left:0.77rem;
}
.in_footer .ul1 li img{ 
	width:1.03rem;
	height:1.03rem;
}
*/
/*课程页*/
.cs_nav { 
	width: 100%;
	height: 0.9rem;
	text-align:center;
	margin-top: 1.20rem;
	background-color: #fff; 
}

.cs_nav ul{
	clear: both;  
	height: 100%;  
	display:inline-block;
}  
.cs_nav ul li{  
	margin:0; 
	width: 1.48rem;
	height: 100%;   
	float: left;   
    display: block;  
	margin-left:0.2rem;
} 
.cs_nav ul li h3{   
    display: block;
    height: 0.83rem; 
    font-size: 0.31rem;  
	letter-spacing: 0.02rem; 
	color:#434343;
	line-height: 0.93rem; 
	font-weight: normal;
	font-stretch: normal;
	text-align:center; 
} 
.cs_nav ul li span{   
    display: block;
    width: 0.64rem;
	height: 0.07rem;
	background-color: #fff;
	border-radius: 0.03rem;
	margin-left:0.42rem;
} 
.cs_nav ul li.on h3{  
	color:#f18904;
} 
.cs_nav ul li.on span{  
	background-color: #f18904; 
} 
 
.cs_info{
	clear: both;  
	width: 100%;  
	background:url(/resources/images/m/cs_info_bg.png) no-repeat  fixed; 
	background-size:100% 100%;
}

.cwrap ul{  
	clear: both;
	width: 100%; 
	position: relative; 
	margin:0.37rem 0 0 0.27rem;  
	
}  
.cwrap ul li{  
	width: 3.4rem;
	height:4.26rem;  
	float:left;
	margin:0 0.16rem 0.15rem 0 ;  
} 

.cwrap ul li .info{  
	width: 3.40rem;
	height: 1.71rem;
	background-color: #fff;
	float:left; 
} 

.cwrap ul li b{ 
	display:block;
	width: 3.4rm;
	height: 2.55rem;
	background-color: #eee;
	overflow: hidden;
}
.cwrap ul li b img {
	width: 3.4rm;
	height: 2.55rem;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative; 
}
 
.cwrap ul li .sp1{ 
	display:block;
	width: 2.94rm;
	margin:0.18rem 0 0 0.23rem;  
	display:block; 
} 
.cwrap ul li .sp1 .sp11{ 
	display:inline-block;
	width: 0.64rem;
	height: 0.32rem;
	background-color: #f18904;
	border-radius: 0.03rem;
	text-align: center;  
	font-size: 0.12rem; 
	line-height: 0.32rem;
	letter-spacing: 0; 
	color: #fff;  
	vertical-align:top;
} 
.cwrap ul li .sp1 .sp12{
	clear: both; 
	display:inline-block;
	font-size: 0.25rem;
	font-weight: bold;  
	letter-spacing: 0.02rem;
	color: #12103f;
	text-align: center;  
	margin:0 0 0 0.06rem;    
} 
.cwrap ul li .sp1 .sp13 i{
	display:inline-block;
	width: 0.13rem;
	height: 0.16rem; 
	margin-top:0.04rem; 
	margin-left:0.06rem; 
	background: url(/resources/images/web/wc_hot.png) no-repeat ;
	background-size: cover;
} 
.cwrap ul li .sp2{  
	display:block;
	width: 2.94rem; 
	margin:0.16rem 0 0 0.23rem; 
	text-align: left;   
}
.cwrap ul li .sp2 p{  
	font-size: 0.13rem; 
	line-height: 0.28rem;
	letter-spacing: 0.01rem;
	color: #12103f;
} 
 
.why_wap{
	clear: both;
	width: 100%; 
	display:relative; 
}

.why_wap ul { 
	width: 7.03rem;
	display: table;
	margin: 0.30rem 0 0 0.27rem; 
} 
.why_wap ul li {
	width: 7.03rem; 
	height: 2.58rem;
	background-color: #f18904;
	box-shadow: 0.04rem 0.04rem 0.4rem 0
		rgba(191, 191, 191, 0.35);  
	margin:0 0 0.25rem 0;
	overflow: hidden; 
	position:relative;
}  
.why_wap ul li span {
	display: block;
	width: 6.21rem;
	float: left;
	margin:0.72rem 0 0 0.43rem;
} 
.why_wap ul li span h3 {
	font-size: 0.3rem; 
	font-weight: bold;
	line-height: 0.38rem; 
	letter-spacing: 0.02rem;
	color: #000;
}  
.why_wap ul li span p {
	font-size: 0.24rem; 
	width: 6.21rem;
	line-height: 0.36rem; 
	margin: 0.25rem 0 0 0;
	letter-spacing: 0.01rem;
	color: #fff;  
}

.why_wap ul li span i {
	font-size: 0.16rem; 
	line-height: 0.28rem;
	font-style: normal;
	font-family: "Arial"; 
	margin: 0.28rem 0 0 0;
	float: left;
	letter-spacing: 0.01rem
	color: #bfbfbf;
}  
.why_wap ul li i.num { 
    display:inline-block; 
	border-radius: 1rem;
	width: 1.7rem;
	height: 1.7rem;
	background-color: #fff;
	position:absolute;
	margin:-1rem 0 0 -0.8rem;
} 
.why_wap ul li i.num h4{ 
	margin:1.1rem 0 0 0.92rem;
	font-size: 0.24rem; 
	font-weight: bold;  
	font-style:normal;
	letter-spacing: 0.02rem;
	color: #f18904;
}
/*课程书籍*/
.cs_book{
	clear: both;  
	width: 100%;  
	height:7.07rem;
	margin-top:0.56rem;
	background:url(/resources/images/m/cs_book.png) no-repeat  fixed; 
	background-size:100% 100%;
}
 
.cs_book .book_info {
	clear:both; 
	width: 100%;
	height: 3.92rem;
	position: relative; 
	overflow:hidden;
	margin:0.70rem 0 0 0; 
}  
.cs_book .book_info ul {
	clear: both; 
	height: 3.92rem;
	margin-left:-0.08rem;
} 
.cs_book .book_info ul li { 
	text-align: center; 
	width:2.61rem;
	height: 3.76rem;   
	margin:0 0 0 0.35rem;
} 
.cs_book .book_info ul li b {
	clear:both;
	width:2.61rem;
	height: 3.76rem;   
	display: block;     
	
}  
.cs_book .book_info ul li b img  {
	width:2.61rem;
	height: 3.76rem;   
	border-radius: 0.03rem; 
	box-shadow: 0.05rem 0.05rem 0.17rem 0  rgba(191, 191, 191, 0.68); 
}

.cs_book_point { 
    margin: 0.40rem auto; 
	text-align:center; 
}

.cs_book_point .swiper-pagination-bullet {
    text-decoration: none;
    display: inline-block;  
    width: 0.18rem;
	height: 0.18rem; 
    line-height:0.1rem; 
    background: #fff; 
    border-radius: 1rem;
    border: solid 0.01rem #f18904;
    text-indent: -99.99rem; 
    margin-right:0.07rem;  
    opacity: 1;  
}

.cs_book_point .swiper-pagination-bullet-active {
    background: #f18904;
    color: #fff;
    opacity: 1;  
} 

/*课程faq*/ 

.cs_faq{
	clear: both;
	width: 100%; 
	background:#12103f;  
}
.faq_wap{
	clear: both;
	width: 100%; 
	display:relative; 
}

.faq_wap ul { 
	width: 7.03rem;
	display: table;
	margin: 0.30rem 0 0 0.27rem; 
} 
.faq_wap ul li {
	width: 7.03rem; 
	height: 2.25rem;
	background-color: #fff; 
	margin:0 0 0 0;
	overflow: hidden; 
	position:relative;
	border-bottom:0.02rem solid #eee;
}  
.faq_wap ul li span {
	display: block;
	width: 6.21rem;
	float: left;
	margin:0.38rem 0 0 0.43rem;
} 
.faq_wap ul li span h3 {
	font-size: 0.3rem; 
	font-weight: bold;
	line-height: 0.38rem; 
	letter-spacing: 0.02rem;
	color: #f18904;
}  
.faq_wap ul li span p {
	font-size: 0.24rem; 
	width: 6.21rem;
	line-height: 0.36rem; 
	margin: 0.25rem 0 0 0;
	letter-spacing: 0.01rem;
	color: #333;  
} 
/*关于我们*/
.ab_why {
	clear: both;
	width: 100%;  
}
.ab_why_wrap{
	position: relative; 
	width: 100%;
	height: 7.88rem; 
	
}  
.ab_why_wrap ul{
	clear: both; 
	height: 6.88rem;   
} 

.ab_why_wrap ul li{
	width: 4.43rem;
	height: 6.18rem;  
	float:left;
	margin:0.35rem 0 0 0; 
	background-color: #f18904;
	box-shadow: 0.02rem 0.01rem 0.09rem 0px 
		rgba(235, 103, 187, 0.46);
	border-radius: 0.1rem;
} 

.ab_why_wrap ul li b{
	display:block;
	width:100%;
	height:0.76rem;
	margin-top:0.55rem;
	position: relative;
}
 
.ab_why_wrap ul li b div {
	overflow: hidden;
	width: 0.76rem;
	height: 0.76rem;  
	margin-left:0.38rem;
	bottom:0;
	position: absolute;
}
.ab_why_wrap ul li b div span  {
	width: 0.76rem;
	height: 0.76rem;  
	display: block;
	position: relative;  
} 
 
.ab_why_wrap ul li b img{
	margin-left:0.34rem;
	bottom:0;
	position: absolute;
}

.ab_why_wrap ul li .sp1{
	display:block;
	width:100%;
	height:1.21rem;
	margin:0.21rem 0; 
}
.ab_why_wrap ul li .sp1 h3{ 
	font-size: 0.35rem;
	font-weight: bold;  
	letter-spacing:0.04rem;
	color: #fff; 
	margin-left:0.34rem;
}
.ab_why_wrap ul li .sp1 h4{ 
	width: 3.75rem;
	font-size: 0.24rem;
	font-weight: bold;  
	letter-spacing:0.02rem;
	line-height:0.32rem;
	color: #fff; 
	margin:0.16rem 0 0 0.34rem; 
}

.ab_why_wrap ul li .sp2{ 
	display:block;
	width: 3.75rem; 
	font-size: 0.26rem;
	font-weight: bold;  
	letter-spacing: 0.01rem;
	color: #fff; 
	margin:0.98rem 0 0 0.34rem; 
}

.ab_why_wrap ul li .sp3{ 
	display:block;
	width: 3.75rem; 
	margin-top:0.1rem; 
	text-align:left;
}
.ab_why_wrap ul li .sp3 p{ 
	width: 3.75rem; 
	font-size:0.16rem; 
	line-height:0.37rem;
	letter-spacing: 0.01rem;
	color: #fff; 
	margin:0.31rem 0 0 0.34rem;
} 
.ab_why_wrap ul li.on{ 
	width: 4.43rem;
	height: 6.88rem; 
	margin-top:0;    
	-webkit-transition:0.1s all ease; -moz-transition:0.1s all ease; -ms-transition:0.1s all ease; -o-transition:0.1s all ease; transition:0.1s all ease;
}
.ab_why_wrap ul li.on b{ 
	margin-top:0.61rem; 
	-webkit-transition:0.1s all ease; -moz-transition:0.1s all ease; -ms-transition:0.1s all ease; -o-transition:0.1s all ease; transition:0.1s all ease;
}
 
.why_intro{
	clrea:both;
	width:100%; 
}

.why_intro p{ 
	width: 6.92rem; 
	font-size:0.12rem; 
	line-height:0.37rem;
	letter-spacing: 0.01rem;
	color: #000; 
	margin:0.50rem 0 0 0.31rem;
}
 /*学院成绩*/
 .ab_score{
	clrea:both;
	width:100%; 
	height: 12.46rem; 
	background-color: #12103f;
}
.sccontent{
	width: 100%;
	display:relative; 
}
.sccontent ul { 
	width: 100%;  
	margin: auto; 
} 
.sccontent ul li { 
	height: 8.12rem;
	float: left;
	background-color: #12103f; 
	margin:0; 
} 
.sccontent ul li ul{ 
	width: 100%; 
	height: 100%;  
	margin:0; 
}
.sccontent ul li ul li { 
	width: 100%; 
	height: 2.03rem; 
	background-color: #12103f; 
	margin:0; 
	border-bottom: solid 1px #d2d2d2;
} 

.sccontent ul li ul li b {
	float: left;
	width: 1.63rem;
	height: 1.73rem;
	display: block;
	overflow: hidden; 
	margin:0.15rem 0 0 1rem;    
} 
 
.sccontent ul li ul li b img {
	width: 100%;
	height:100%;
	display: block;  
	
}  
.sccontent ul li ul li span {
	display: block;
	width: 3.75rem;
	float: right;
	margin:0.25rem 0.53rem 0 0;
} 
.sccontent ul li ul li span h3 {
	font-size: 0.24rem;
	color: #fff; 
	line-height:0.3rem; 
	letter-spacing: 0.02rem;
	color: #fff;
}  
.sccontent ul li ul li span p {
	font-size: 0.12rem;  
	margin: 0.03rem 0 0 0;
	letter-spacing: 0.01rem;
	color: #fff; 
} 
.sc_point { 
    margin: 0.50rem auto; 
	text-align:center; 
}

.sc_point .swiper-pagination-bullet {
    text-decoration: none;
    display: inline-block;  
    width: 0.18rem;
	height: 0.18rem; 
    line-height:0.1rem; 
    background: #fff; 
    border-radius: 1rem;
    border: solid 0.01rem #e78514;
    text-indent: -99.99rem; 
    margin-right:0.07rem;  
    opacity: 1;  
}

.sc_point .swiper-pagination-bullet-active {
    background: #f18904;
    color: #fff;
    opacity: 1;  
} 
/*学院专访*/
.ab_stu_wrap{
	clear: both;  
	height:5.32rem;   
}
.ab_stu_wrap ul{  
	width: 100%;
	height:5.32rem;  
}
.ab_stu_wrap ul li{
	width: 100%; 
	height:5.32rem; 
	float:left; 
}
.ab_stu_wrap ul li .sp0{
	display:block;
	width: 100%;
	height: 1.57rem; 
	text-align:center; 
}
.ab_stu_wrap ul li .sp0 b { 
	width: 1.15rem;
	height: 1.15rem; 
	display: inline-block;   
} 
.ab_stu_wrap ul li .sp0 b img {  
	border: solid 0.02rem #f18904;
 	border-radius:50%;
} 
.ab_stu_wrap ul li .sp1 { 
	display:block;
	width: 100%;
	height:0.84rem;
	text-align:center; 
} 
.ab_stu_wrap ul li .sp1 h3{  
	font-size: 0.28rem;
	font-weight: bold; 
	line-height: 0.23rem;
	letter-spacing: 0;
	color: #f18904;
} 
.ab_stu_wrap ul li .sp1 h4{    
	font-size: 0.18rem; 
	margin-top:0.3rem;
	letter-spacing: 0;
	color: #7d7d7d;
} 
.ab_stu_wrap ul li .sp2{    
	display:block;
	width: 6.98rem; 
	margin:0.3rem 0 0 0.27rem;
} 
.ab_stu_wrap ul li .sp2 p{    
	width: 6.98rem;
	text-align:left;
	font-size:0.12rem; 
	line-height: 0.23rem;
	letter-spacing: 0px;
	color: #434343;
}
/*关于视频*/ 
.ab_video { clear: both;  width: 100%; } 
.ab_vwrap { clear: both;  width: 100%; } 
.ab_vwrap ul{
	clear: both;  
	width: 6.94;
	margin:0 0 0 0.27rem;
}  
.ab_vwrap ul li  { 
	display:block;
	width: 6.94rem;
	height: 5.23rem; 
	margin-bottom:0.21rem;
}  
.ab_vwrap ul li b{ 
	display:block;
	width: 6.94rem;
	height: 5.23rem;  
	border-radius:0.03rem;
}
.ab_vwrap ul li b video {
	width: 6.94rem;
	height: 5.23rem;  
	border-radius:0.03rem;
} 
/*关于学校*/
.ab_school {
	clear: both; 
	width: 100%; 
	height: 7.94rem;  
}

.school_nav { width: 100%; height: 0.82rem;}

.school_nav ul{
	clear: both;  
	height: 100%;  
}  
.school_nav ul li{  
	margin:0; 
	width: 3.73rem;
	height: 100%;   
	float: left;   
    display: block;
    font-size: 0.33rem; 
	line-height: 0.82rem;
	letter-spacing: 0.01rem; 
	color:#f18904;
	text-align:center;
	cursor:pointer;
	border:0.01rem solid #bbb;
}
.school_nav ul li.on{  
	color:#fff;
	background: #f18904; 
}

/*网络课程页*/
.webcs_nav { 
	width: 100%;
	height: 0.9rem;
	text-align:center;
	background-color: #fff; 
	margin-top: 0.10rem; 
}
.webcs_at{
	position: fixed; 
	top: 0.01rem;
	z-index:9999;
}

.webcs_nav ul{
	clear: both;  
	height: 100%;  
	display:inline-block;
}  
.webcs_nav ul li{  
	margin:0; 
	width: 1.48rem;
	height: 100%;   
	float: left;   
    display: block;  
	margin-left:0.2rem;
} 
.webcs_nav ul li h3{   
    display: block;
    height: 0.83rem; 
    font-size: 0.31rem;  
	letter-spacing: 0.02rem; 
	color:#434343;
	line-height: 0.93rem; 
	font-weight: normal;
	font-stretch: normal;
	text-align:center; 
} 
.webcs_nav ul li h3.news{  
	font-size: 0.28rem;  
}
	
.webcs_nav ul li span{   
    display: none;
    width: 0.64rem;
	height: 0.07rem;
	background-color: #fff;
	border-radius: 0.03rem;
	margin-left:0.42rem;
} 
.webcs_nav ul li.on h3{  
	color:#f18904;
} 
.webcs_nav ul li.on span{  
	display: block;
	background-color: #f18904; 
} 
 
.webcs_info{
	clear: both;  
	width: 100%;  
	background:#fbfbfb; 
	
} 
.webcwrap ul{  
	clear: both;
	width: 100%; 
	position: relative; 
	margin:0 0 0 0.27rem;  
	
}  
.webcwrap ul li{  
	width: 3.4rem;
	height:4.46rem;  
	float:left;
	margin:0 0.16rem 0.15rem 0 ;  
	box-shadow: 0 0.06rem 0.09rem 0
	rgba(191, 191, 191, 0.4);
} 

.webcwrap ul li .info{  
	width: 3.40rem;
	height: 1.91rem;
	background-color: #fff;
	float:left; 
} 

.webcwrap ul li b{ 
	display:block;
	width: 3.4rm;
	height: 2.55rem;
	background-color: #eee;
	overflow: hidden;
}
.webcwrap ul li b img {
	width: 3.4rm;
	height: 2.55rem;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative; 
}
 
.webcwrap ul li .sp1{ 
	display:block;
	width: 2.94rm;
	margin:0.18rem 0 0 0.23rem;  
	display:block; 
} 
.webcwrap ul li .sp1 .sp11{ 
	display:inline-block;
	width: 0.64rem;
	height: 0.32rem;
	background-color: #f18904;
	border-radius: 0.03rem;
	text-align: center;  
	font-size: 0.12rem; 
	line-height: 0.32rem;
	letter-spacing: 0; 
	color: #fff;  
	vertical-align:top;
} 
.webcwrap ul li .sp1 .sp12{
	clear: both; 
	display:inline-block;
	font-size: 0.25rem;
	font-weight: bold;  
	letter-spacing: 0.02rem;
	color: #12103f;
	text-align: center;  
	margin:0 0 0 0.06rem;    
} 
.webcwrap ul li .sp1 .sp13 i{
	display:inline-block;
	width: 0.13rem;
	height: 0.16rem; 
	margin-top:0.04rem; 
	margin-left:0.06rem; 
	background: url(/resources/images/web/wc_hot.png) no-repeat ;
	background-size: cover;
} 
.webcwrap ul li .sp2{  
	display:block;
	width: 2.94rem; 
	margin:0.16rem 0 0 0.23rem; 
	text-align: left;   
}
.webcwrap ul li .sp2 p{  
	font-size: 0.13rem; 
	line-height: 0.28rem;
	letter-spacing: 0.01rem;
	color: #12103f;
} 


.webcwrap ul li .sp3{  
	display:block;
	width: 2.94rem; 
	margin:0 0 0 0.19rem; 
	text-align: right; 
} 
.webcwrap ul li .sp31{   
	padding:0 0.09rem 0 0.04rem;
	background-color: #e60012;
	border-radius: 3px;
}
.webcwrap ul li .ft1{  
	font-size: 0.08rem;  
	letter-spacing: 0;
	color: #fff; 
}
.webcwrap ul li .ft2{  
	font-size: 0.16rem; 
	letter-spacing: 0px;
	color: #fff;  
}

.webcs_incontact{ 
	clear:both;
	width: 100%; 
	height:0.86rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;   
	margin-top:0.35rem;
} 
.webcs_incontact .lbl{ 
	clear:both;  
	width: 6.97rem;
	height: 0.77rem;
	background-color: #f18904;
	border-radius: 7px; 
	text-align:center;  
} 
.webcs_incontact .lbl h5{     
	font-size:0.36rem; 
	font-weight: normal;
	line-height: 0.77rem;
	letter-spacing: 0.02rem;
	color: #f18904;
}
 /*网课-学什么*/
.webcs_why{
	clear: both;
	width: 100%; 
	height: 5.2rem;
	background-color: #f18904;
}

.webcs_why_wap{
	clear: both;
	width: 100%; 
	display:relative; 
}

.webcs_why_wap ul {  
	display: table;
	margin: 0.40rem 0 0 0.65rem; 
} 
.webcs_why_wap ul li {
	width: 2.67rem; 
	height: 1.28rem;
	background-color: #fff;
	box-shadow: 0.02rem 0.02rem 0.28rem 0
		rgba(191, 191, 191, 0.4);  
	margin:0 0.8rem 0.36rem 0; 
	float:left;
	border-radius: 0.14rem;
	position:relative;
}  
.webcs_why_wap ul li i {
 	display: block;
 	position:absolute;
 	
}  
.webcs_why_wap ul li i.i1 {
 	width:0.72rem; 
	height:0.54rem;
	top:0.39rem;
	left:-0.2rem;
	background: url(/resources/images/m/webcs_why1.png) no-repeat ;
	background-size: cover; 
} 
.webcs_why_wap ul li i.i2 {
 	width:0.62rem; 
	height:0.62rem;
	top:0.39rem;
	left:-0.2rem;
	background: url(/resources/images/m/webcs_why2.png) no-repeat ;
	background-size: cover; 
} 
.webcs_why_wap ul li i.i3 {
 	width:0.75rem; 
	height:0.56rem;
	top:0.39rem;
	left:-0.2rem;
	background: url(/resources/images/m/webcs_why3.png) no-repeat ;
	background-size: cover; 
}
.webcs_why_wap ul li i.i4 {
 	width:0.69rem; 
	height:0.62rem;
	top:0.39rem;
	left:-0.2rem;
	background: url(/resources/images/m/webcs_why4.png) no-repeat ;
	background-size: cover; 
}
.webcs_why_wap ul li span {
	display: block;
	width: 1.8rem;  
	margin:0.30rem 0 0 0.63rem;
} 
.webcs_why_wap ul li span h3 {
	font-size: 0.28rem;  
	line-height: 0.37rem; 
	font-weight: normal;
	letter-spacing: 0.02rem;
	color: #f3992b;
}  
  
/*网课-课程书籍*/
.webcs_book{
	clear: both;  
	width: 100%;  
	height:14.72rem; 
}
  
.wbk_wrap{
	clear: both;  
	width: 100%;
	height: 11.1rem; 
	overflow: hidden;   
	margin:0.70rem 0 0 0;  
}
 
.wbk_wrap ul{ 
	clear: both;
	width: 100%;
	height: 11.1rem; 
}
.wbk_wrap ul li{
	position: relative;
	width: 100%;
	height: 11.1rem; 
	margin:0;
	float:left;     
	
} 
.wbk_wrap .wul{
	clear: both;
	width: 100%; 
	height: 100%;   
} 
.wbk_wrap .wul dl.up{
	position: relative;
	width: 100%;
	height: 5.5rem; 
	margin:0;
	float:left;  
	cursor:pointer; 
} 
.wbk_wrap .wul dl.down{
	position: relative;
	width: 100%;
	height: 5.5rem; 
	margin:0;
	float:right;  
	cursor:pointer; 
} 
.wbk_wrap .wul dl.up b { 
	width: 3.8rem;
	height:5.5rem;
	display: block;
	margin:0; 
	float:left;
} 
.wbk_wrap .wul dl.down b { 
	width: 3.7rem;
	height:5.5rem;
	display: block;
	margin:0; 
	float:right;
} 
.wbk_wrap .wul dl.down b img { 
	width: 3.7rem;
	height:5.5rem; 
}

.wbk_wrap .wul dl .toleft { 
	width: 3.8rem;
	height:5.5rem;
	margin:0; 
	float:left;
	background-color: #12103f; 
	position: relative;
} 
.wbk_wrap .wul dl .toright { 
	width: 3.7rem;
	height:5.5rem;
	margin:0; 
	float:right;
	background-color: #12103f; 
	position: relative;
} 

.wbk_wrap .wul dl .toleft:before,.wbk_wrap .wul dl .toleft:after{
    position: absolute;
    content: " ";
    top: 2.2rem;
    right: -0.29rem;
    display: block;
    width: 0;
    height: 0;
    border: 0.18rem solid #12103f;
    border-color: transparent  transparent  transparent #12103f;
    z-index: 111;
}
.wbk_wrap .wul dl .toleft:after{
    right: -0.29rem;
    border-color: transparent  transparent transparent #12103f ;
    z-index: 11;
}

.wbk_wrap .wul dl .toright:before,.wbk_wrap .wul dl .toright:after{
    position: absolute;
    content: " ";
    top: 2.2rem;/*
    right: -0.29rem;*/
    display: block;
    width: 0;
    height: 0;
    border: 0.18rem solid #12103f;
    border-color: transparent #12103f transparent transparent;
    z-index: 111;
}
.wbk_wrap .wul dl .toright:after{
    left: -0.29rem;
    border-color: transparent #12103f transparent transparent;
    z-index: 11;
}
 
.wbk_wrap .wul dl .sp1 {  
	display:block;
	width: 2.93rem;
	margin:0.71rem 0 0 0.38rem;   
} 
.wbk_wrap .wul dl .sp1 h3{   
	font-size: 0.34rem;
	font-weight: bold; 
	line-height: 0.32rem;
	letter-spacing: 0.01rem; 
	color: #fff; 
} 
.wbk_wrap .wul dl .sp2 {  
	display:block;
	width: 2.93rem;
	margin:0.25rem 0 0 0.38rem;   
} 
.wbk_wrap .wul dl .sp2 h3{   
	font-size: 0.24rem;
	font-weight: normal;  
	letter-spacing: 0.01rem; 
	color: #fff; 
} 
.wbk_wrap .wul dl .line {  
	display:block;
	width: 2.11rem;
	height:0.02rem;
	margin:0.42rem 0 0 0.38rem;
	background-color: #fff;   
} 
.wbk_wrap .wul dl .sp3{  
	display:block;
	width: 2.93rem;
	margin:0.27rem 0 0 0.38rem;
	text-align:left;  
} 
.wbk_wrap .wul dl .sp3 p{  
	font-size: 0.24rem;
	line-height: 0.38rem;
	color: #fff;   
}
 
.webcs_book_point { 
	position: relative; 
    margin: -0.80rem auto; 
	text-align:center; 
	z-index:99999;
}

.webcs_book_point .swiper-pagination-bullet {
    text-decoration: none;
    display: inline-block;  
    width: 0.18rem;
	height: 0.18rem; 
    line-height:0.1rem; 
    background: #fff; 
    border-radius: 1rem;
    border: solid 0.01rem #f18904;
    text-indent: -99.99rem; 
    margin-right:0.15rem;  
    opacity: 1;  
}

.webcs_book_point .swiper-pagination-bullet-active {
    background: #f18904;
    color: #fff;
    opacity: 1;  
} 
/*网课-教师*/
.webcs_tea{
	clear: both;  
	width: 100%;  
	height:7.4rem; 
	background:url(/resources/images/m/webcs_tea.png) no-repeat ; 
	background-size:100% 100%; 
}

.wctea_wrap{ 
	clear: both;
	width: 7.04rem; 
	height:4.18rem; 
	margin-top:0.36rem;
}
.wctea_wrap ul{ 
	clear: both;  
	width: 7.04rem; 
	height:4.18rem;   
	margin-left:0.27rem;  
}
.wctea_wrap ul li{ 
	width: 7.04rem; 
	height:4.18rem;   
	margin:0;
	float:left;   
} 
.wctea_wrap ul li b { 
	width: 3.09rem;
	height:4.17rem;
	background-color: #eee;
	display: block;
	margin:0;   
}  
.wctea_wrap ul li .toright {  
	width:3.58rem;
	height:4.17rem;
	margin:-4.10rem 0.5rem 0 0;
	float:right;   
} 
 
.wctea_wrap ul li .sp1 {  
	display:block;
	width:3.58rem;
	margin:0.05rem 0 0 0   
} 
.wctea_wrap ul li .sp1 h3{   
	font-size:0.39rem;
	font-weight: bold; 
	line-height: 0.17rem;
	letter-spacing: 0.06rem;
	color: #f18904;
} 
.wctea_wrap ul li .sp2 {  
	display:block;
	width:3.58rem;
	margin:0.28rem 0 0 0;   
} 
.wctea_wrap ul li .sp2 .tag{   
	width: 1.03rem;
	height: 0.42rem;
	padding:0.06rem 0.1rem;
	border-radius: 0.03rem;
	border: solid 0.01rem #f18904;
	font-size: 0.18rem; 
	line-height: 0.2rem;
	letter-spacing: 0.01rem;
	color: #f18904;
	
}  
.wctea_wrap ul li .sp3{  
	display:block;
	width:3.58rem;
	height:2rem;
	margin:0.3rem 0 0 0; 
	text-align:left;   
} 
.wctea_wrap ul li .sp3 p{  
	font-size:0.24rem; 
	line-height: 0.4rem;
	letter-spacing: 0.01rem;
	color: #535353;
}
 
.wctea_wrap ul li .contact{  
	width:3.95rem;
	height: 0.66rem;
	margin:0.3rem 0 0 0;  
} 
.wctea_wrap ul li .contact .lbl{ 
	width: 1.55rem;
	height: 0.6rem;
	background-color: #e60012;
	border-radius:0.06rem; 
	text-align:center; 
	cursor:pointer;
} 
.wctea_wrap ul li .contact .lbl h5{  
	font-size: 0.24rem;
	font-weight: bold; 
	letter-spacing: 0.01rem; 
	color: #fff; 
	line-height: 0.6rem; 
}
 
.webcs_tea_point { 
	position: relative; 
    margin: 0.60rem auto; 
	text-align:center; 
	z-index:999999;
}

.webcs_tea_point .swiper-pagination-bullet {
    text-decoration: none;
    display: inline-block;  
    width: 0.18rem;
	height: 0.18rem; 
    line-height:0.1rem; 
    background: #fff; 
    border-radius: 1rem;
    border: solid 0.01rem #f18904;
    text-indent: -99.99rem; 
    margin-right:0.15rem;  
    opacity: 1;  
}

.webcs_tea_point .swiper-pagination-bullet-active {
    background: #f18904;
    color: #fff;
    opacity: 1;  
} 
/*新闻列表*/
.newslist{
	clear:both;
	width: 100%;  
} 
.newslist ul{ 
	width: 100%; 
	height: 100%;  
	margin:0 0 0 0.27rem; 
}
.newslist ul li { 
	width: 6.95rem; 
	height: 2.14rem;  
	margin-top:0.36rem; 
	border-bottom: solid 0.01rem #d2d2d2;
} 

.newslist ul li b {
	float: left;
	width: 3.01rem;
	height: 1.77rem;
	display: block;
	overflow: hidden; 
	margin:0;    
}  
.newslist ul li b img {
	width: 100%;
	height:100%;
	display: block;   
}  
.newslist ul li span {
	display: block;
	width: 3.62rem;
	float: right;
	margin:0 0.05rem 0 0;
} 
.newslist ul li span h3 {
	font-size: 0.24rem;
	color: #f3992b; 
	line-height:0.3rem; 
	letter-spacing: 0.02rem; 
}  
.newslist ul li span p {
	font-size: 0.14rem;  
	width: 3.62rem;
	height:1rem; 
	margin: 0.1rem 0 0 0;
	letter-spacing: 0.01rem;
	color: #bfbfbf; 
}  
.newslist ul li span .sp12 { 
	width: 3.62rem;
	display:block; 
	margin: 0;
}
.newslist ul li span .sp12 i {
	display: inline-block;
	height: 0.27rem;
	line-height: 0.24rem;
	text-indent: 0.4rem;
	font-style: normal;
	font-size: 0.21rem;
	color: #434343; 
	margin-right:0.2rem;
}

.newslist ul li span .sp12 i.browse {
	background: url(/resources/images/web/page_browse.png) no-repeat left center;
	margin: 0 0 0 0.08rem;
}

.newslist ul li span .sp12 i.time {
	background: url(/resources/images/web/page_time.png) no-repeat left center;
	margin: 0 0 0 0.01rem;
} 

/*新闻详情*/
.news_info{
	clear:both;
	width:100%; 
	margin-top: 1.20rem; 
}    
.news_info .sp2 {  
	width:6.95rem;
	float: left;  
	margin: 0.4rem 0 0 0.27rem;
	display: block;
}  
.news_info .sp2 h3 { 
	font-size: 0.36rem;   
	line-height: 0.44rem;
	letter-spacing: 0.03rem;
	font-weight:normal;
	color: #000;
}
.news_info .sp3 {
	display:block;
	float: left;
	width: 6.95rem;
	clear: both; 
	margin: 0.16rem 0 0 0.27rem;
}

.news_info .sp3 i {
	display: inline-block;
	height: 0.2rem;
	line-height:0.2rem;
	text-indent: 0.2rem;
	font-style: normal;
	font-size:0.14rem;
	color: #7d7d7d;
}

.news_info .sp3 i.browse {
	background: url(/resources/images/web/page_browse.png) no-repeat left center;
	margin: 0 0 0 0.2rem;
}

.news_info .sp3 i.time {
	background: url(/resources/images/web/page_time.png) no-repeat left center; 
}  
.newsl2 {
	clear: both; 
	width: 6.95rem;  
	padding-bottom: 0.2rem; 
	margin: 0.58rem 0 0 0.27rem;
} 
.newsl2 p{/*
	font-size: 0.24rem; 
	line-height: 0.24rem;*/
	letter-spacing: 0.01rem;
	color: #7d7d7d;
}
.newsl2 img{
	 
}
.news_bottom{ 
	clear:both;
	width:6.95rem;
	height:1.35rem;
	margin:0.6rem 0 0 0.27rem; 
	
}
.news_bottom div span a { 
	color:#f18904;
	font-size: 0.24rem; 
}
.news_bottom div.nbleft{
	float:left;
}
.news_bottom div.nbright{
	float:right;
}

/*课程教材*/
.tbk_why{
	clear: both;
	width: 100%; 
	height: 9.02rem; 
	background:url(/resources/images/m/tbk_bg.png) no-repeat ; 
	background-size:100% 100%; 
}

.tbk_why_wap{
	clear: both;
	width: 100%; 
	display:relative; 
}

.tbk_why_wap ul {  
	display: table;
	margin: 0.40rem 0 0 0.27rem; 
} 
.tbk_why_wap ul li { 
	width: 3.33rem;
	height: 3.32rem;
	background-color: #fff;
	box-shadow: 0.02rem 0.02rem 0.11rem 0
		rgba(241, 137, 4, 0.29);
	border-radius: 0.1rem;
	border: solid 0.01rem #f18904; 
	margin:0 0.23rem 0.28rem 0; 
	float:left; 
	position:relative;
}  
.tbk_why_wap ul li i {
 	display: block;
 	position:absolute; 
}  
.tbk_why_wap ul li i.i1 {
 	width:0.6rem; 
	height:0.74rem;
	top:0.42rem;
	right:0.3rem;
	background: url(/resources/images/m/tbk_why1.png) no-repeat ;
	background-size: cover; 
} 
.tbk_why_wap ul li i.i2 {
 	width:0.8rem; 
	height:0.68rem;
	top:0.42rem;
	right:0.3rem;
	background: url(/resources/images/m/tbk_why2.png) no-repeat ;
	background-size: cover; 
} 
.tbk_why_wap ul li i.i3 {
 	width:0.67rem; 
	height:0.70rem;
	top:0.42rem;
	right:0.3rem;
	background: url(/resources/images/m/tbk_why3.png) no-repeat ;
	background-size: cover; 
}
.tbk_why_wap ul li i.i4 {
 	width:0.8rem; 
	height:0.66rem;
	top:0.42rem;
	right:0.3rem;
	background: url(/resources/images/m/tbk_why4.png) no-repeat ;
	background-size: cover; 
}
.tbk_why_wap ul li span.sp1 {
	display: block;
	width:2.85rem;  
	height:0.61rem;
	margin:0.38rem 0 0 0.25rem;
} 
.tbk_why_wap ul li span.sp1 h3 {
	width: 1.88rem;  
	font-size: 0.28rem;  
	line-height: 0.37rem;  
	letter-spacing: 0.02rem;
	color: #f18904;
	font-weight:bold;
}  
.tbk_why_wap ul li span.sp2 {
	display: block;
	width:2.85rem;   
	margin:0.3rem 0 0 0.25rem;
}
.tbk_why_wap ul li span.sp2 p {  
	font-size: 0.18rem;  
	line-height: 0.37rem;   
	color: #f18904;
	float:left; 
} 
.tbook{
	clear: both;  
	width: 100%;   
}
.tbk_wrap{
	clear: both;  
	width: 100%;   
	margin:0.60rem 0 0 0;  
}
.tbk_wrap ul{ 
	width:6.94rem;  
	margin:0 0 0 0.27rem; 
}
.tbk_wrap ul li { 
	width:6.94rem;  
	height: 2.02rem;  
	margin-top:0.31rem;  
} 

.tbk_wrap ul li .line{ 
	width: 0.08rem;
	height: 1.05rem;
	background-color: #a6a6a6;
	float:left;
	margin-top:0.38rem;
}
.tbk_wrap ul li.on .line{  
	background-color: #e60012; 
}

.tbk_wrap ul li .info{ 
	width: 6.42rem;
	height: 2.01rem;
	background-color: #fff;
	box-shadow: 0.02rem 0.02rem 0.2rem 0
		rgba(195, 195, 195, 0.52);
	border-radius: 0.1rem;
	float:right;
}

.tbk_wrap ul li b {
	float: left;
	width: 1.18rem;
	height: 1.66rem;
	display: block;
	overflow: hidden;
	border-left:0.07rem solid  #ffa765; 
	box-shadow:0.01rem 0.01rem 0.03rem 0
		rgba(239, 100, 35, 0.31);
	margin:0.18rem 0 0 0.42rem;    
}  
.tbk_wrap ul li b img {
	width: 1.18rem;
	height:1.66rem;
	display: block;   
}  
.tbk_wrap ul li .info .sp {
	display: block;
	width: 4.16rem; 
	float: right;
	margin:0.15rem 0.20rem 0 0;  
} 

.tbk_wrap ul li .info .sp1{
	display: block;
	width: 4.16rem; 
	float: left; 
}  

.tbk_wrap ul li .info .sp1 h3 {
	font-size: 0.24rem; 
	color: #f3992b; 
	line-height:0.3rem; 
	letter-spacing: 0.02rem;  
	display: inline-block;
}  
.tbk_wrap ul li .info .sp1 i {
	width: 0.3rem;  
	height:0.3rem;
	border-radius:1rem;
	font-size: 0.32rem;  
	line-height: 0.25rem;   
	color: #fff; 
	float: right; 
	background-color:#e6e6e6;
	display: inline-block;
	padding-left:0.03rem;
	box-sizing: border-box;
} 
.tbk_wrap ul li.on .sp1 i{  
	background-color: #e60012; 
}
.tbk_wrap ul li .info .sp2{
	display: block;
	width: 4.16rem;  
	float: left;  
	margin-top:0.2rem;
}  
.tbk_wrap ul li .info  .sp2 p {
	font-size: 0.14rem;   
	letter-spacing: 0.01rem;
	color: #bfbfbf; 
}  
.tbk_wrap ul li .info .sp22 {
	display:block;
	width: 4.16rem;  
	height:0.51rem; 
}  

.tbk_wrap ul li .info .p1 {
	width: 1.15rem;   
	display:inline-block;
}  
.tbk_wrap ul li .info .p2 {
	width: 2.95rem;   
	display:inline-block;
	float:right;
}

.tbk_wrap ul li .info .sp3{  
	display:block;
	width: 4.16rem; 
	text-align: right; 
}  
.tbk_wrap ul li .sp31{   
	padding:0 0.09rem 0 0.04rem; 
}
.tbk_wrap ul li .info .ft1{  
	font-size: 0.24rem;  
	letter-spacing: 0;
	color: #e60012;
}
.tbk_wrap ul li .info .ft2{  
	font-size: 0.24rem; 
	letter-spacing: 0px;
	color: #e60012;
}
 
.tb_stat{
	clear: both;
	width: 100%;   
	height: 1.21rem;
	background-color: #12103f;
}
 
.tb_stat .sp2{ 
 	float:right;
	display:inline-block; 
	height: 100%; 
}
.tb_stat  .sp21{   
	height: 100%; 
	display:inline-block;
	text-align:right;
}
.tb_stat .sp21 span{  
	 margin-right:0.24rem;
}
.tb_stat .ft0{   
	font-size: 0.26rem;  
	letter-spacing: 0.01rem;
	color: #fff;
}
.tb_stat .ft1{   
	font-size: 0.16rem; 
	line-height:1.31rem;
	letter-spacing:0.01rem;
	color: #fff;
}
.tb_stat .ft2{   
	font-size:0.24rem;
	font-weight: bold;
	letter-spacing: 0.01rem;
	color: #f18904;
}

.tb_stat  .ft3{   
	font-size: 0.39rem;
	font-weight: bold; 
	letter-spacing:  0.02rem;
	color: #f18904;
}

.tb_stat  .sp22{ 
	width: 1.58rem;
	height: 0.73rem;
	background-color: #e60012;
	border-radius: 0.03rem; 
	display:inline-block;
	text-align:center;
	float:right; 
	margin:0.24rem 0.28rem 0 0.12rem; 
}
.tb_stat  .sp22 h3{ 
	font-size: 0.25rem;
	font-weight: bold; 
	line-height:0.73rem;;
	letter-spacing:0.02rem;
	color: #fff;
}
/*教材预览*/

.tbk_view{
	clear:both;
	width:100%;
	height: 13.73rem;  
}
.tbkv_wrap{
	width:100%;  
	height: 10.22rem;
	margin:0.1rem 0 0 0;
	box-shadow: 0 0 0.15rem 0
		rgba(125, 125, 125, 0.1);
}
.tbkv_wrap ul{
	width:100%;  
	height: 10.22rem;
}
.tbkv_wrap ul li{
	width:100%;  
	height: 10.22rem;
	float:left;
}
.tbkv_wrap ul li b{
	width:100%;  
	height: 10.22rem; 
}

.tbkv_wrap_point { 
	position: relative; 
    margin: 0.32rem auto; 
	text-align:center;  
}

.tbkv_wrap_point .swiper-pagination-bullet {
    text-decoration: none;
    display: inline-block;  
    width: 0.18rem;
	height: 0.18rem; 
    line-height:0.1rem; 
    background: #fff; 
    border-radius: 1rem;
    border: solid 0.01rem #f18904;
    text-indent: -99.99rem; 
    margin-right:0.15rem;  
    opacity: 1;  
}

.tbkv_wrap_point .swiper-pagination-bullet-active {
    background: #f18904;
    color: #fff;
    opacity: 1;  
} 

/*网课详情*/
.wcd_wrap{
	clear: both;
	width: 100%; 
	height:8.6rem;    
	margin:2.25rem 0 0.4rem 0;   
}  
 
.wcd_wrap b { 
	width: 7.5rem;
	height: 4.2rem;
	background-color: #535353; 
	display: block;
	margin:0;  
} 
.wcd_wrap .toright {  
	width: 100%;
	height: 4.4rem; 
	margin:0;   
}  
.wcd_wrap .sp1 {  
	display:block;
	width: 6.92rem;
	margin:0.36rem 0 0 0.28rem;  
} 
.wcd_wrap .sp1 h3{  
	font-size: 0.36rem;
	font-weight: bold; 
	line-height: 0.17rem;
	letter-spacing:0;
	color: #25292c;   
} 

.wcd_wrap .sp2{  
	display:block;
	width: 6.92rem;
	margin:0.25rem 0 0 0.28rem;  
} 

.wcd_wrap .sp21{  
	display:inline-block;
	width: 5.2rem;
	height: 1.26rem; 
	margin:0.25rem 0 0 0;  
} 
.wcd_wrap .sp21 h3{  
	font-size: 0.28rem; 
	letter-spacing: 0.02rem;
	color: #333;
	line-height: 0.44rem; 
	text-align:left;  
	font-weight: normal;
} 
.wcd_wrap .sp22{  
	display:block;
	position: fixed; 
	width: 1.26rem;
	height: 1.26rem;
	top:7.2rem;
	right:0.27rem;
} 
.wcd_wrap .sp22 b{  
	display:block;
	width: 1.26rem;
	height: 1.26rem;
	background: url(/resources/images/m/share.png) no-repeat;  
	background-size: cover;
} 
.wcd_wrap .line{  
	 width: 6.92rem;
	 height:0.01rem;
	 border-top:solid 0.01rem #eeeeee;
	 margin:0 0 0 0.28rem;  
}  
.wcd_wrap .sp3 {  
	display:block;
	width: 6.92rem; 
	height:0.27rem; 
	margin:0.36rem 0 0 0.28rem;  
}
.wcd_wrap .sp31 {  
	display:block;
	float:left;
}
.wcd_wrap  .ft1{   
	font-size:0.33rem; 
	line-height: 0.17rem;
	letter-spacing: 0.02rem;
	color: #e60012;
} 
.wcd_wrap .ft2{   
	font-size:0.33rem; 
	letter-spacing:0.01rem;
	color: #e60012;
	font-weight: bold;  
} 
.wcd_wrap .sp32 {  
	display:block; 
	float:right;
}
.wcd_wrap .sp32 label {  
	display:inline-block;
	font-size: 0.18rem;  
	color: #aaa;
	margin-right: 0.06rem;
}
.wcd_wrap .sp32 i.down {  
	display:inline-block;
	width: 0.11rem;
	height: 0.07rem;  
	background: url(/resources/images/m/wcd_down.png) no-repeat ;
	background-size:100% 100%; 
	margin:0.05rem 0 0 0.0;
}
.wcd_wrap .sp4 {  
	display:block;
	width: 6.92rem;  
	margin:0.3rem 0 0 0.28rem;  
}
.wcd_wrap .sp4 p{  
	font-size: 0.18rem;  
	color: #333;
	line-height:0.35rem;
	letter-spacing: 0.01rem;
}
 
.wcdc_wrap{
	clear: both;
	width:100%;  
	height:28.43rem;
	background-color: #fff;
	box-shadow: 0 0.02rem 0.2rem 0.02rem 
		rgba(195, 195, 195, 0.52);
	margin:0 auto 0 auto;
}
.wcdc_tag{
	clear: both;
	width: 6.96rem; 
	height: 0.33rem;
	margin:0 0 0 0.28rem; 
}
.wcdc_tag .line{
	clear: both;
	display:inline-block;
	width: 0.08rem;
	height: 0.25rem; 
	margin:0.11rem 0.16rem 0 0 ;
	float:left;
	background-color: #f3992b;
}
.wcdc_tag span{
	display:inline-block;
	clear: both;
	font-size: 0.33rem;
	font-weight: bold;  
	letter-spacing: 0.02rem;
	color: #f3992b;  
}

.wcdc_content{
	clear: both;
	width: 6.96rem; 
	margin:0.36rem 0 0 0.28rem; 
}
.wcdc_content p{ 
	line-height: 0.26rem; 
}

.wcdc_menu{  
	clear: both;
	width: 6.96rem; 
	height:2.32rem;    
	margin:0.36rem 0 0 0.28rem;  
}
.wcdc_menu ul{
	position: relative;
	clear: both;
	width: 6.96rem; 
	height:2.32rem;    
}
.wcdc_menu ul li{ 
	width: 1.63rem;
	height:2.32rem;    
	box-shadow: 0 0.02rem 0.06rem 0
		rgba(170, 170, 170, 0.4); 
	position: relative; 
	margin-right:0.33rem;
	float:left;   
} 
.wcdc_menu ul li.on{ 
	border-radius: 0.03rem;
	border: solid 0.02rem #f3992b;  
}

.wcdc_book{
	clear: both;
	width: 6.96rem; 
	margin:0.36rem 0 0 0.28rem;  
}
.wcdc_book .lv0{ 
	width: 6.96rem; 
	height:0.38rem;
	background-color: #ff9900;
	border-radius: 0.05rem;
	margin:0 0 0.59rem 0;   
}
.wcdc_book .lv0 h3{
	display:block;
	width:0.5rem;
	font-size: 0.16rem;
	font-weight: bold; 
	line-height: 0.38rem;
	letter-spacing: 0.01rem;
	color: #fff;
	margin-left:0.28rem;
}
.wcdc_book .lv0 i{
	display:block;
	width: 0.12rem;
	height: 0.06rem;
	float:right;
	margin:-0.2rem 0.18rem 0 0; 
}
.wcdc_book .lv0 i.up{
	background: url(/resources/images/web/mh_ch_up.png) no-repeat center center;  
}
.wcdc_book .lv0 i.down{
	background: url(/resources/images/web/mh_ch_down.png) no-repeat center center;  
}
.wcdc_book dl{
	clear: both;
	width: 6.96rem; 
	margin:0 0 0.39rem 0;  
}
.wcdc_book dl dt{
	clear: both;
	width: 100%;   
	height: 0.65rem;
	margin-bottom:0.25rem; 
	background-color: rgba(238, 238, 238, 0.52); 
}
.wcdc_book dl dt .dot{
 	display:inline-block;
    border-radius: 100px;
  	width: 0.12rem;
	height: 0.13rem;
	background-color: #ff9900;
    margin: -0.15rem 0.08rem 0 0.13rem;   
}
.wcdc_book dl dt h3 {
	display: inline-block;
	font-size: 0.24rem;
	font-weight: bold; 
	line-height:0.65rem;
	letter-spacing:0.01rem;
	color: #434343;
	margin-left:0.05rem;
	
}
.wcdc_book dl dt .up{
	clear: both;
 	display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 0.07rem 0.13rem 0.07rem;
    border-style: solid;
    border-color: transparent transparent black transparent ; 
    float:right;
    margin: 0.28rem 0.2rem 0 0; 
}
.wcdc_book dl dt .down{
	clear: both; 
 	display: inline-block;
    width: 0;
    height: 0;
    border-width: 0.13rem 0.07rem 0 0.07rem;
    border-style: solid;
    border-color: black transparent transparent transparent ;
    float:right;
    margin: 0.28rem 0.2rem 0 0; 
}
.wcdc_book dl dd{
	clear: both;
	width: 100%;  
	height: 0.68rem; 
	border-bottom: solid 0.02rem rgba(210,210,210,0.32);    
}
.wcdc_book dl dd .toleft{ 
	display:block;
	box-sizing: border-box;
	width: 3.8rem;  
	height: 0.65rem;
	float:left;   
	font-size: 0.18rem; 
	line-height: 0.65rem;
	letter-spacing: 0px;
	color: #5e6068;
	padding-left:0.28rem;
}
.wcdc_book dl dd .toright{
	display:block; 
	width: 3.16rem;  
	height: 0.65rem;
	float:right;        
} 

.wcdc_book dl dd .btn{ 
	width: 0.97rem; 
	height:0.39rem;
	background-color: #f18904;
	border-radius: 0.05rem;
	font-size: 0.12rem; 
	line-height: 0.39rem;
	padding-left:0.18rem;
	letter-spacing: 0rem;
	color: #fff; 
	vertical-align: middle;
	margin-top:0.2rem;
	float:left;
	display:none; 
}
.wcdc_book dl dd .lock{
	display:  block; 
	width: 0.12rem;
	height: 0.16rem;
	margin:0.28rem 0 0 2.2rem;
	float:left;
	background: url(/resources/images/web/lock.png) no-repeat;  
	background-size: cover; 
}
.wcdc_book dl dd .time{  
	display:block; 
	width:0.5rem;
	font-size: 0.14rem; 
	line-height: 0.34rem;
	letter-spacing:0.01rem;
	margin:0.18rem 0.2rem 0 0;
	color: #d2d2d2;
	float:right;  
} 
.wcdc_book dl dd .time0{  
	display:block; 
	width:1rem; 
	margin:0.18rem 0.2rem 0 0; 
	float:right;   
} 
.wcdc_book dl dd .time1{  
	display:block; 
	width:1rem; 
	margin:0.18rem 0.45rem 0 0; 
	float:right;   
}
.wcdc_book dl dd .time1 h4,.wcdc_book dl dd .time0 h4{   
	font-size: 0.14rem; 
	line-height: 0.34rem;
	letter-spacing:0.01rem; 
	color: #d2d2d2; 
	float:right;  
} 

.wcdc_book dl dd .probar{ 
	float:left;
	display:block; 
	width: 1.4rem;
	height: 0.06rem;
	margin:0.3rem 0 0 0; 
	background-color: #e5e5e5;
	border-radius: 0.03rem; 
}
.wcdc_book dl dd .probar .cur{ 
	display:block; 
	width:0%; 
	height: 0.06rem;
	background-color: #f18904;
	border-radius: 0.03rem;
} 
.wcdc_book dl dd .playv{
	display:  block; 
	width: 0.32rem;
	height: 0.32rem;
	margin:0.2rem -1.35rem 0 0;
	float:right;
	background: url(/resources/images/m/playv.png) no-repeat left center;   
	background-size: 0.32rem 0.32rem;
}

.wcdc_rule{
	clear: both;
	width: 6.96rem;  
	margin:0.3rem 0 0 0.28rem;  
}
.wcdc_rule span {
	display:block;
	width: 6.96rem;  
	margin-bottom:0.46rem;
}
.wcdc_rule span h3{
	font-size: 0.24rem;
	font-weight: bold; 
	line-height:0.38rem;
	letter-spacing: 0;
	color: #434343;
}
.wcdc_rule span p{
	font-size: 0.16rem; 
	line-height: 0.38rem;
	letter-spacing: 0;
	color: #7d7d7d;
} 
/*学员作品*/
.types{
	clear: both;
	width: 100%; 
	margin-top:1.69rem; 
}
.tul{
	width: 6.74rem;  
	margin-left:0.27rem;
}
.tul ul{   
	width: 6.74rem;   
}
.tul ul li{  
	height: 0.59rem; 
	padding:0 0.26rem 0 0.26rem;
	border-radius: 0.29rem;
	border: solid 0.01rem #bfbfbf;
	float: left;  
    display: block;
    font-size:0.25rem; 
	line-height: 0.59rem;
	letter-spacing: 0.01rem;
	margin:0 0 0.15rem 0.16rem;
	color: #595959;
} 
.tul ul li.on{ 
	border: solid 0.01rem #f18904;
	background-color: #f18904;
	color:#fff;
} 

.work_list {
	WIDTH: 100%; 
	margin-top:0.54rem; 
}
.work_wrap1 {
	width: 6.74rem; 
	margin-left:0.27rem;
}

.work_wrap1 dl {
	margin-right: 0.14rem;
	width: 3.49rem;
	margin-bottom: 0.06rem;
	float: left;
	background: #f5f5f5;
}

.work_wrap1 dt {
	width:3.39rem;
} 
.work_wrap1 .item2 {
	position: relative;
	float: left;
	width: 3.49rem;
	height: 2.7rem; 
	border:0.01rem solid #e4e4e4; 
	text-decoration: none;
}

/*关于我们-学校*/

.ab_album_wrap{
	clear: both;
	width: 100%; 
	height:7rem;   
}
.ab_album_wrap ul{
	position: relative;
	clear: both;
	width: 6.9rem; 
	height:5.2rem; 
	margin:0.18rem 0 0 0.16rem; 
}
.ab_album_wrap ul li{
	width: 6.9rem; 
	height:5.2rem; 
	margin:0;
	float:left; 
} 
.ab_album_wrap ul li ul{
	clear: both;
	width: 100%; 
	height: 100%;   
} 
.ab_album_wrap ul li ul li{
	position: relative;
	width: 3.38rem;
	height: 2.55rem;
	background-color: #434343;
	box-shadow: 0.02rem 0.02rem 0.09rem 0
		rgba(125, 125, 125, 0.84);
	border-radius: 0.03rem; 
	margin:0 0.12rem 0.12rem 0;
	float:left;   
} 
.ab_album_wrap ul li ul li b { 
	width: 3.38rem;
	height: 2.55rem;
	display: block;
	margin:0; 
}
.ab_album_wrap ul li ul li img { 
	width: 3.38rem;
	height: 2.55rem; 
}   
.sch_point { 
    margin: -1.20rem auto; 
	text-align:center; 
}

.sch_point .swiper-pagination-bullet {
    text-decoration: none;
    display: inline-block;  
    width: 0.18rem;
	height: 0.18rem; 
    line-height:0.1rem; 
    background: #fff; 
    border-radius: 1rem;
    border: solid 0.01rem #e78514;
    text-indent: -99.99rem; 
    margin-right:0.07rem;  
    opacity: 1;  
}

.sch_point .swiper-pagination-bullet-active {
    background: #f18904;
    color: #fff;
    opacity: 1;  
} 
/*个人中心*/
.user-mact-infobox {
	width: 6.94rem;
	height:3.23rem; 
	background: url(/resources/images/m/mem_bg.png) no-repeat left center; background-size: 6.94rem 3.23rem; 
	box-shadow: 0.01rem 0.02rem 0.2rem 0
		rgba(191, 191, 191, 0.35);
	border-radius: 0.02rem;
	margin:1.15rem 0 0 0.27rem;
}  
.user-header { padding: 0.3rem 0.3rem 0.2rem; position: relative; }
.user-header .himg {position: absolute; width: 1.35rem; height: 1.35rem; right: 2.8rem; bottom: 15%;  } 
.user-header .himg b { 
	width: 1.35rem; 
	height: 1.35rem;
	display: inline-block;   
} 
.user-header .himg b img {   
	border: solid 0.08rem #fff;
 	border-radius:50%;
}
.user-mact-total { text-align: center; color: #fff; margin-top: 0.35rem; }
.user-mact-total .n-total p.n-t { font-size: 0.42rem; font-weight: bold;}
.user-mact-total .n-total p.n-m { font-size: 0.18rem;   margin-top: 0.27rem;  }
.user-mact-total .n-income { display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; margin-top: 0.6rem; padding-bottom: 0.3rem; }
.user-mact-total .n-income dl { width: 50%; position: relative; }
.user-mact-total .n-income dl dt { font-size: 0.24rem;opacity: 0.6;}
.user-mact-total .n-income dl dt.on {opacity: 1;}
.user-mact-total .n-income dl dd { font-size: 0.4rem; padding-top: 0.05rem; }
.user-mact-total .n-income dl:first-child:after { position: absolute; content: ''; width: 0; height: 0.74rem; right: 0; top: 50%; margin-top: -0.37rem; border-right: #ffb39c dashed 1px; }
.user-mact-total .n-income dl a{
	font-size: 0.24rem;opacity: 0.6;color: #fff;
}

.bkinfo{
	clear: both;  
	width: 100%;   
	margin:0.60rem 0 0 0;  
}
.bkinfo ul{ 
	width:6.94rem;  
	margin:0 0 0 0.27rem; 
}
.bkinfo ul li { 
	width:100%;  
	height: 2.26rem;  
	float:left; 
}  

.bkinfo ul li .info{ 
	position: relative; 
	width:6.94rem;  
	height: 2.26rem;  
	background-color: #fff;
	box-shadow: 0.01rem 0.02rem 0.2rem 0
		rgba(191, 191, 191, 0.35);
	border-radius: 0.02rem;
	border: solid 0.01rem #f18904;
}

.bkinfo ul li b {
	width: 1.31rem;
	height: 1.86rem;
	box-shadow:0.01rem 0.01rem 0.03rem 0
		rgba(239, 100, 35, 0.31); 
	float: left; 
	display: block;
	overflow: hidden;
	border-left:0.07rem solid  #ffa765;  
	margin:0.18rem 0 0 0.7rem;    
}  
.bkinfo ul li b img {
	width: 1.31rem;
	height: 1.86rem;
	display: block;   
}  
.bkinfo ul li .info .sp {
	display: block;
	width: 4.16rem; 
	float: right;
	margin:0.15rem 0.1rem 0 0;  
} 

.bkinfo ul li .info .sp1{
	margin-top:0.27rem;
	display: block;
	width: 4.16rem; 
	float: left; 
}  

.bkinfo ul li .info .sp1 h3 {
	font-size: 0.28rem; 
	font-weight: bold;  
	color: #f18904; 
	line-height:0.3rem; 
	letter-spacing: 0.02rem;  
	display: inline-block;
}   
.bkinfo ul li .info .sp2{
	display: block;
	width: 4.16rem;  
	float: left;  
	margin-top:0.2rem;
}  
.bkinfo ul li .info  .sp2 p {
	font-size: 0.21rem;   
	letter-spacing: 0.01rem;
	color: #f18904; 
}   
.bkinfo ul li .process{ 
	display:block; 
	width: 3.63rem;
	margin-top:0.3rem; 
}
.bkinfo ul li .process h5{ 
	clear:both;
	display:block; 
	font-size: 0.14rem; 
	line-height: 0.2rem;
	letter-spacing: 0;
	color: #5e6068;
	font-weight: normal;
	font-stretch: normal;
} 
.bkinfo ul li .info .probar{ 
	display:block; 
	width: 3.63rem;
	height: 0.08rem;
	margin:0.1rem 0 0 0; 
	background-color: #e5e5e5;
	border-radius: 0.03rem;
}
.bkinfo ul li .info .probar .cur{ 
	display:block; 
	width: 50%; 
	height: 0.08rem;
	background-color: #f18904;
	border-radius: 0.03rem;
}

.bkinfo ul li i {position: absolute; width:0.19rem; height:0.54rem; right: 0.29rem; top: 0;  }  
.bkinfo ul li  i img {    
	width:0.19rem;
	height:0.54rem;
	display: inline-block;   
}
  
.membk_point { 
    margin: 0.25rem 0; 
	text-align:center; 
}

.membk_point .swiper-pagination-bullet {
    text-decoration: none;
    display: inline-block;  
    width: 0.14rem;
	height: 0.14rem; 
    line-height:0.1rem; 
    background: #fff; 
    border-radius: 1rem;
    border: solid 0.01rem #e78514;
    text-indent: -99.99rem; 
    margin-right:0.07rem;  
    opacity: 1;  
}

.membk_point .swiper-pagination-bullet-active {
    background: #f18904;
    color: #fff;
    opacity: 1;  
} 
.mvideo{
	clear: both;  
	width: 6.94rem;
	height: 3.86rem;
	background-color: #7d7d7d;
	margin:-0.03rem 0 0 0.27rem; 
}
/*用户资料下载*/
.mdown {
	clear: both;
	width: 6.94rem; 
	margin:0.6rem 0 0 0.27rem; 
}
.mdown h5{
	font-size: 0.21rem; 
	line-height:0.23rem;
	letter-spacing: 1;
	color: #7d7d7d;   
}
.mdown ul{
	margin-top:0.24rem;
	width: 6.94rem;
	height: 1.24rem;
}
.mdown ul li{
	width: 6.94rem;
	height: 1.24rem;
	background-color: #ffffff;
	box-shadow:0.01rem 0.02rem 0.2rem 0
		rgba(191, 191, 191, 0.35);
	border-radius: 0.07rem;
	margin-bottom:0.22rem;
	float:left; 
}
.mdown ul li b{
	display:block;
	width: 0.5rem;
	height: 0.44rem; 
	margin:0.35rem 0 0 0.61rem;
	background: url(/resources/images/m/mh_file_un.png) no-repeat left center;
	background-size: 0.5rem 0.44rem; 
	float:left; 
}
.mdown ul li span{
	display:block;
	width:4.2rem; 
	margin:0.35rem 0 0 0.55rem;
	float:left; 
}
.mdown ul li span h3{  
	font-size: 0.25rem;
	font-weight: bold; 
	line-height: 0.18rem;
	letter-spacing: 0.01rem;
	color: #434343; 
}
.mdown ul li span h4{ 
	font-size: 0.18rem; 
	line-height: 0.43rem;
	letter-spacing:0.01rem;
	color: #434343; 
} 

.maccount{
	clear: both;
	width: 100%; 
	margin:0.6rem 0 0 0.27rem; 
}

.macc_line{
	width: 6.94rem;
	height:0.3rem;
}
.macc_line .line{
	width: 0.08rem;
	height:0.24rem;
	background-color: #f3992b; 
	float:left;
}
.macc_line h4{ 
	font-size: 0.28rem;
	font-weight: bold; 
	line-height:0.25rem;
	letter-spacing: 0.01rem;
	color: #f3992b;
	margin-left:0.25rem;
}
.minfo{
	width: 6.94rem;
	height: 7.66rem;
	background-color: #ffffff;
	box-shadow:0.01rem 0.02rem 0.2rem 0 
		rgba(191, 191, 191, 0.35);
	margin:0.33rem 0 0 0; 
}
 
.detail-con {
	background: #FFF;
}

.detail-con .nleft { 
	width:2.20rem;
	height:0.55rem;
	line-height:0.55rem;
	font-size: 0.24rem; 
	text-align:right;
}

.detail-con .nright { 
	width:4rem;
	height:0.55rem;
	line-height:0.55rem;
	font-size: 0.22rem;
	text-align: right; 
	text-align:left;
}

.detail-con .top-part3 {
	overflow: hidden;
	padding: 0.2rem 0; 
	color: #666;
	box-sizing: border-box;
	margin-top:-0.1rem;
}
.top-part3 input{
	width:4rem;
	height:0.55rem;
	border: solid 0.01rem #dcdcdc; 
	font-size: 0.21rem;
	font-weight: normal; 
	line-height: 0.55rem;
	letter-spacing: 0;
	color: #7d7d7d;
	padding:0.2rem 0 0.22rem 0.22rem;
	box-sizing: border-box;
}

.minfosub{ 
	clear:both;
	width: 100%; 
	height:0.53rem;  
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center; 
	margin-top:0.1rem; 
} 
.minfosub .lbl{ 
	clear:both; 
	width:1.96rem;
	height:0.53rem;  
	text-align:center;  
	margin-bottom:0.1rem;
	background-color: #ff9900;
	border-radius: 0.03rem;
} 
.minfosub .lbl h5{     
	font-size:0.24rem; 
	line-height: 0.53rem;
	font-weight: bold;  
	letter-spacing: 0.02rem;
	color: #fff;
}</pre></body></html>