/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,dl,dt,dd,fieldset,img,q,i,em,sub,sup{margin:0;padding:0;list-style:none;font-style: normal;  font-family:Microsoft YaHei; border:0 none;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{text-decoration:none;}
a:focus,input:focus,textarea:focus{outline:none;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; outline:none; display:block;} 
html{ font-size:62.5%;}

@media screen and (min-width:480px) {
html {
	font-size: 94% !important;
}
}
@media screen and (min-width:561px) {
html {
	font-size: 109% !important;
}
}
@media screen and (min-width:641px) {
html {
	font-size: 125% !important;
}
}


/*header*/
header{width:100%; height:52px; text-align:center; line-height:52px; overflow:hidden; background:url(../images/listen_01.jpg) no-repeat; background-size:100% 100%;}
.logo{width:80px; height:52px; float:left;}
.home{width:26px; height:22px; float:right; margin-right:22px; margin-top:18px;}
header p{display:inline-block; color:#444cf9; font-size:18px; font-weight:bold;}


.course{ width:86.56%; margin:0 auto; overflow:hidden; height:6.875rem;}
.course span{ position:relative; float:left; width:5.25rem; height:4rem; text-align:center; margin-right:22%; border-radius:3rem; padding-top:1.25rem; color:#f6a42a; font-size:1.125rem; line-height:1.375rem; background:#eaeaea; }
.course span i{ position:absolute; left:2.625rem; top:5.75rem; display:none; width:600%; height:1.125rem; background:url(../images/i_img.png) no-repeat; background-size:100% 100%; }
.course span.se{ background:#845e88; color:#fff;}
.course span.se i{ display:block;}

.course_content{ width:86.56%; margin:0 auto; overflow:hidden; padding-bottom:2rem;}
.course_content div{ display:none; width:100%; margin:0 auto; overflow:hidden;}
.course_content div table{ width:99%; margin:0 auto; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px; border-left:1px solid #f6a42a; border-top:1px solid #f6a42a;}
.course_content div table tr th i{ color:#FFF; font-size:1.375rem; line-height:2.4rem; background:#667cc8; display:block; width:100%; font-weight:normal;}
.course_content div table tr th{ width:50%; height:3.125rem; color:#4c4948; font-size:1.5rem; font-weight:bold; border-right:1px solid #f6a42a; border-bottom:1px solid #f6a42a;}
.course_content div table tr:nth-child(2) th:nth-child(1){ background:url(../images/td_bg.png) repeat;}
.course_content div table tr td{ height:3.75rem; color:#4c4948; font-size:1.25rem; border-right:1px solid #f6a42a; border-bottom:1px solid #f6a42a;}
.course_content div table tr td:nth-child(1){ background:url(../images/td_bg.png) repeat;}


/*btn*/
.btn{width:100%; height:auto; position:relative;}

.left{width:50%; height:100%; position:absolute; top:0px; left:0px;}
.right{width:50%; height:100%; position:absolute; top:0px; right:0px;}








@media screen and (min-width:320px){
.course span{  margin-right:15%; }
	
}


@media screen and (min-width:374px){


.course span{  margin-right:20.4%; }

}
@media screen and (min-width:413px){


.course span{  margin-right:23%; }

}