@charset "utf-8";
/* CSS Document */

html{font-size:100%}
/* 全局样式 ------------------------------------------------------------------*/
body ,div, h1, h2, h3, h4, p, dl, dd, ol, ul, li, th, td, form, fieldset, input, button, textarea{ margin:0; padding:0; box-sizing:border-box;}
html{ -webkit-text-size-adjust:none; word-wrap:break-word; margin:0; padding:0;}
h1, h2, h3, h4{ font-size:100%; font-weight:normal;}
ol, ul{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:inherit;}
fieldset, img{ border:0;}
cite, em, s, i, b{ font-style:normal;}
input, button, textarea, select{ font-size:100%;}
body, input, button, textarea, select, option{ font-size:normal;}
a, a:link, input, textarea{ text-decoration:none; outline:0; font-weight:normal;}
li, img, label, input{ vertical-align:middle;}
body{ font-size:20px; font-family:helvetica,arial; width:100%; overflow-x:hidden; background:#eee;}
input:focus{ outline:none;}
input { -webkit-appearance:none;}
textarea{ -webkit-appearance:none;}

/*公用样式*/
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{ display:none;}
.bgwhite{ background:#fff;}

/*页面头部-------------------------------------------------------------------*/
.header-wrap{ position:relative; height:5.8em;}
.head-fixed{ position:fixed; left:0; right:0; top:0; background:#6f267f; z-index:99;}
.header-wrap em{ position:absolute; font-size:1em; display:inline-block; top:1.55em; right:0;}
.header-wrap em a{ display:inline-block; width:2.75em; margin-right:1em;}
.header-wrap em a img{ max-width:100%;}
.header-wrap .logo{ padding:.75em 0 .75em 2em;}
.header-wrap .logo img{ max-width:12.536%;}

/* 焦点图 */
#banner{ position:relative; overflow:hidden; margin:0 auto 1em auto; max-width:750px;/* 设置焦点图最大宽度 */ }
#banner .hd{ position:absolute; text-align:center; bottom:1.2em; right:0; z-index:1; left:0;}
#banner .hd li{ display:inline-block; width:.6em; height:.6em; border-radius:50%; background:rgba(255,255,255,.35); text-indent:-9999px; cursor:pointer; overflow:hidden; margin:0 .3em;}
#banner .hd li.on{ background:#fff;}
#banner .bd{ position:relative; z-index:0; }
#banner .bd li{ position:relative; text-align:center;  }
#banner .bd li img{ background:url("https://www.lyrics-p.com/WAP/css/images/loading.gif") center center no-repeat; vertical-align:top; max-width:100%;/* 图片宽度100%，达到自适应效果 */}
#banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
#banner .prev,#banner .next{ display:inline-block; width:2.1em; height:3.9em; background:url("https://www.lyrics-p.com/WAP/images/lf.png") left center no-repeat; background-size:100%; overflow:hidden; position:absolute; left:1em; top:39%; cursor:pointer;}
#banner .next{ left:auto; right:1em; background:url("https://www.lyrics-p.com/WAP/images/rt.png") left center no-repeat; background-size:100%;}

/* 导航 */
.scrollBox{ width:100%; padding:1.4em 0; position:relative; background:#fff;}
.scrollBox .hd{ padding-top:1em; overflow:hidden; font-size:1em; text-align:center;}
.scrollBox .hd ul{ display:inline-block;}	
.scrollBox .hd li{ display:inline-block; width:1em; height:1em; background:#eee; margin:0 .375em; font-size:1em; text-indent:-9999px; overflow:hidden; border-radius:50%; cursor:pointer;}
.scrollBox .hd .on{ background:#d7d7d7;}
.nav{ position:relative;}
.nav ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.nav ul li{ position:relative; float:left; width:20%;}
.nav ul li .wrap{ position:relative; margin:0;}
.nav ul li a{ display:block; position:relative; text-align:center;}
.nav ul li a img{ display:block; margin:auto; max-width:73.333%;}
.nav ul li a span{ display:block; margin:.55em auto 0 auto; width:100%; font-weight:bold; font-size:1.2em; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.bgw{ background:#fff; padding:0 1em; margin-top:1em;}
.titc{ border-bottom:.1em solid #eee; line-height:2.4em; padding:1.8em 0;}
.titc:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.titc b{ font-size:1.8em; color:#333; position:relative; display:inline-block; padding-left:.65em;}
.titc b:before{ content:""; display:block; cursor:pointer; width:.14em; height:.9em; background:#6f267f; position:absolute; top:.25em; left:0; border-radius:.2em;}
.titc a{ float:right; font-size:1.2em; color:#999;}

.icourse{ padding-bottom:1em;}
.icourse.courselist{ padding:0 1em;}
.icourse li{ border-bottom:1px solid #eee; padding:.9em 29% .95em 0; position:relative; line-height:1.7;}
.icourse li:after{ content:""; display:block; background:url("https://www.lyrics-p.com/WAP/images/point1.png") left center no-repeat; background-size:100%; width:2.25em; height:2.25em; position:absolute; top:35%; right:0;}
.icourse li em{ position:absolute; right:1.3em; top:30%; font-size:1.5em; color:#999;}
.icourse li font{ padding-left:1em;}
.icourse li h3{ width:100%; white-space:nowrap; /*text-overflow:ellipsis;*/ overflow:hidden;}
.icourse li h3 a{ font-size:1.5em; color:#333;}
.icourse li p{ color:#999; font-size:1.2em;}

.choosec{ position:relative; width:100%;}
.choose{ border-bottom:1px solid #eee; position:relative; z-index:6;}
.choose:before{ content:""; display:block; width:0; height:0; border-left:.6em solid transparent; border-right:.6em solid transparent; border-bottom:.6em solid #eee; position:absolute; top:-.6em; left:4em;}
.choose:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.choose li{ width:25%; float:left; text-align:center; margin-left:-1px; border-left:1px solid #eee; padding:1.5em 0; background:#fff;}
.choose.choosenews li{ width:33.33%;}
.choose li i{ font-size:1.5em; color:#999; padding-right:1.1em; position:relative;}
.choose li i:after{ content:""; display:block; background:url("https://www.lyrics-p.com/WAP/images/point3.png") left center no-repeat; background-size:100%; width:.8em; height:.8em; position:absolute; top:.35em; right:0;}
.choose_opp{ position:absolute; left:0; right:0; top:4.4em; background:#fff; min-height:10em; z-index:10; border-top:1px solid #eee; display:none; padding-top:1em;}
.choose_opp1{ height:20em; overflow:hidden; padding-top:0;}
.choose_opp:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.choose_opp ul.kc{ height:20em; overflow:hidden; overflow-y:auto; background:#f5f5f5;}
.choose_opp ul.kc li{ font-size:1.2em; text-indent:1em; cursor:pointer; line-height:2em; color:#6b6b6b;}
.choose_opp ul.kc li.on{ background:#fff; color:#6f267f;}
.choose_opp ul.city{ height:20em; overflow:hidden; overflow-y:auto; background:#f5f5f5;}
.choose_opp ul.city:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.choose_opp ul.city li{ font-size:1.2em; text-indent:1em; cursor:pointer; line-height:2em; color:#6b6b6b; width:25%; float:left;}
.choose_opp ul.city li.on{ background:#fff; color:#6f267f;}
.choose_opp h3{ padding:0 0 .6em 1em; font-size:1.5em; color:#6b6b6b;}
.choose_opp p{ padding:0 0 0 1em;}
.choose_opp p a{ font-size:1.1em; line-height:1.8em; margin:0 1em .8em 0; cursor:pointer; background:#f6f6f6; border-radius:.1em; padding:.3em 1em; display:inline-block; color:#6b6b6b;}

.choose_opp p a.aon{ background:#E6393D; color:#fff;}
.back_unsee{ display:none; width:100%; height:64em; position:absolute; top:5.2em; background:rgba(13,13,13,0.4); z-index:1;}
.buts{ padding:1em; border-top:1px solid #eee;}
.buts:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.buts em{ display:inline-block;}
.buts em.but{ float:right; color:#fff; cursor:pointer; background:#E6393D; padding:.5em 1em;}
.buts em.reset{ color:#E6393D; padding:.5em 0;}

.inews{ padding:1em 0;}
.inews.newslist{ padding:1em;}
.inews li{ border-bottom:1px solid #eee; line-height:180%; padding:.98em 0; position:relative; padding-left:1.55em;}
.inews li:before{ content:""; display:block; background:url("https://www.lyrics-p.com/WAP/images/point2.png") left center no-repeat; background-size:100%; width:.8em; height:.8em; position:absolute; top:35%; left:0;}
.inews li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.inews li a{ font-size:1.5em; color:#333;}
.inews li span{ float:right; color:#999; font-size:1.2em;}

.iabout{ padding:1em 0;}
.iabout p{ font-size:1.2em; color:#666; line-height:160%; text-indent:2em;}
.iabout h3{ text-align:right; line-height:180%; padding-top:.2em;}
.iabout h3 a{ font-size:1.5em; color:#999;}

.ads{ position:relative; width:100%; margin-top:1em;}
.ads img{ display:block; margin:0 auto; max-width:100%;}

.sider{ position:relative; background:#fff; margin-top:1em;}
.sider ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.sider ul li{ position:relative; float:left; width:33.33%;}
.sider ul li .wrap{ position:relative; border-bottom:1px solid #eee; border-right:1px solid #eee; margin-right:-1px; padding:1.8em 0;}
.sider ul li a{ display:block; position:relative; text-align:center;}
.sider ul li a img{ display:block; margin:auto; max-width:44%;}
.sider ul li a span{ display:block; margin:.55em auto 0 auto; width:100%; font-weight:bold; font-size:1.2em; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.pics{ width:100%; position:relative;}
.pics img{ display:block; margin:0 auto; max-width:100%;}
.pics em{ position:absolute; left:1em; right:1em; bottom:-.3em; background:rgba(0,0,0,.57); color:#fff; text-align:center; font-size:1.2em; line-height:1.9; padding:.5em 0; border-bottom:.3em solid #6f267f;}
.pics em font{ padding:0 .3em; font-weight:bold;}
.pics a{ color:#FFF;}
.bgw1{ background:#fff; margin-top:1em;}
.tit1{ border-bottom:1px solid #eee; padding:.85em 1.9em; line-height:1.8;}
.tit1 b{ font-size:1.8em; color:#6f267f;}
.tit1.tit1h b{ color:#666;}

.pages{ display:flex; justify-content:center; padding:1.2em 0; border-top:1px solid #eee;}
.pages a{ display:inline-block; padding:.2em .5em; border:1px solid #e0e0e0; background:#fff; border-radius:.2em; margin:0 .25em; font-size:1.5em; color:#666;}
.pages a.on{ color:#fff; background:#6f267f; border:1px solid #6f267f;}

.newstit{ text-align:center;}
.newstit h2{ font-size:1.8em; color:#666; font-weight:bold; border-bottom:1px solid #eee; line-height:2.4; padding:.2em 0;}
.newstit p{ border-bottom:1px solid #eee; color:#ccc; font-size:1.2em; line-height:2; padding:1em 0;}
.newstit p font{ padding-left:1em;}
.newstit p.other{ font-size:1.5em; padding:.65em 0;}
.newstit p.other a{ color:#999; position:relative; padding-left:1.6em;}
.newstit p.other a:before{ content:""; display:block; background:url("https://www.lyrics-p.com/WAP/images/mes.png") left center no-repeat; background-size:100%; width:1.4em; height:1.4em; position:absolute; top:0; left:0;}
.newstit p.other em{ color:#999; border-left:1px solid #eee; margin-left:1.5em; padding-left:3em; position:relative;}
.newstit p.other em:before{ content:""; display:block; background:url("https://www.lyrics-p.com/WAP/images/eye.png") left center no-repeat; background-size:100%; width:1.4em; height:1.4em; position:absolute; top:0; left:1.4em;}

.newsdt{ padding:1em;}
.newsdt p{ line-height:2; color:#999; font-size:1.5em;}

.back{ text-align:center; padding:.5em 0 2em 0;}
.back a{ color:#fff; border-radius:.2em; display:inline-block; background:#6f267f; line-height:2; width:28%; padding:.55em 0;}

.coursedt{ padding:1em;}
.coursedt li{ font-size:1.5em; line-height:1.85; color:#666; position:relative; padding:.2em 0 .2em 21.5%;}
.coursedt li em{ color:#999; position:absolute; left:0; top:.2em; display:inline-block;}
.coursedt li font{ color:#f00;}

.tit3{ text-align:center; padding:1.5em 0 .5em 0;}
.tit3 h2{ font-size:1.8em; color:#f00; line-height:1.8;}
.tit3 p{ font-size:1.2em; color:#000; line-height:1.5;}

.mores{ text-align:center; background:#fff; margin-top:1em; line-height:2; padding:.85em 0;}
.mores a{ font-size:1.8em; color:#666;}

.contant_tit{ border-bottom:1px solid #eee; padding:.5em 1.9em; line-height:1.8; text-align:center; font-size:1.8em; color:#6f267f;}
.contant{ padding:2em 0 2em 3em;}
.contant li{ font-size:1.5em; color:#333; line-height:2.4;}

.sign_tit{ background:#6f267f; padding:.56em 1.9em; line-height:1.8; text-align:center; font-size:1.8em; color:#fff;}
.sign_tit b{ position:relative; padding:0 1.8em;}
.sign_tit b:before{ content:""; display:block; background:url("https://www.lyrics-p.com/WAP/images/ico0.png") left center no-repeat; background-size:100%; width:1.4em; height:1.4em; position:absolute; top:0; left:0;}
.sign{ padding:1em;}
.sign li{ padding:.5em 0;}
.sintxt{ border:1px solid #eee; font-size:1.5em; color:#333; width:94.4%; box-sizing:content-box; line-height:1.8; padding:.4em 2.8%; border-radius:.2em;}
.sintxt.sintxt_yzm{ width:45%;}
.yzm_img{ color:#ccc; font-size:1.5em; margin:0 1em;}
.refresh{ font-size:1.5em; color:#999;}
.sinbut{ color:#fff; border-radius:.2em; background:#6f267f; cursor:pointer; border:none; font-size:1.8em; line-height:2.18; width:100%;}
.sign #error { color:#F00!important; font-size:14px; line-height:40px; font-family:"微软雅黑";}
.sign_but{ padding:1em; text-align:center; border-top:1px solid #eee;}
.sign_but a{ color:#fff; border-radius:.2em; background:#6f267f; cursor:pointer; border:none; font-size:1.8em; line-height:2.18; width:100%; display:block;}
.sign_but a i{ display:inline-block; position:relative; padding-left:1.5em;}
.sign_but a i:before{ content:""; display:block; background:url("https://www.lyrics-p.com/WAP/images/write.png") left center no-repeat; background-size:100%; width:1.15em; height:1.15em; position:absolute; top:.5em; left:0;}

.footer{ text-align:center; background:#6f267f; padding:1.5em 0; margin:1em 0;}
.footer p{ color:#eee; font-size:1.2em; line-height:1.46em;}

/*导航-------------------------------------------------------------------*/
.fnav{ position:relative; height:5.3em;}
.fnav-fixed{ left:0; right:0; bottom:0; width:100%; position:fixed; z-index:99; text-align:center; background:#fff; padding:.8em 0;}
.fnav ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fnav ul li{ float:left; width:25%; position:relative;}
.fnav ul li .wrap{ border-left:1px solid #eee; margin-left:-1px;}
.fnav ul li a{ display:block;}
.fnav ul li a img{ display:block; margin:auto; max-width:21.333%;}
.fnav ul li a span{ display:block; margin:0 auto; width:100%; font-size:1.2em; color:#5e5e5e; line-height:1.4em; padding-top:.1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*响应式布局----------------------------------------------*/
@media only screen and (max-width:300px){
	body{ font-size:8.33333px;}
}
@media only screen and (max-width:310px) and (min-width:300px){
	body{ font-size:8.33333px;}
}
@media only screen and (max-width:320px) and (min-width:310px){
	body{ font-size:8.88889px;}
}
@media only screen and (max-width:360px) and (min-width:320px){
	body{ font-size:8.88889px;}
}
@media only screen and (max-width:360px) and (min-width:350px){
	body{ font-size:10px;}
}
@media only screen and (max-width:480px) and (min-width:360px){
	body{ font-size:10px;}
}
@media only screen and (max-width:480px) and (min-width:470px){
	body{ font-size:13.33333px;}
}
@media only screen and (max-width:560px) and (min-width:480px){
	body{ font-size:13.33333px;}
}
@media only screen and (max-width:570px) and (min-width:560px){
	body{ font-size:15.83333px;}
}
@media only screen and (max-width:640px) and (min-width:570px){
	body{ font-size:15.83333px;}
}
@media only screen and (max-width:640px) and (min-width:630px){
	body{ font-size:17.77778px;}
}
@media only screen and (max-width:710px) and (min-width:640px){
	body{ font-size:17.77778px;}
}
@media only screen and (max-width:750px) and (min-width:710px){
	body{ font-size:20px;}
}