@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

/* 去除iPhone中默认的input样式 */
input{/* -webkit-appearance:none; */ resize: none;}

/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block;}

/* 图片自适应 */
img {max-width: 100%;height: auto;width:auto\9; /* ie8 */-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/}
*:focus {outline:none;}

/* 清零 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
body{font-size:.2rem;color:#333;font-family:"Microsoft YaHei";}
em,i{font-style:normal;}
strong{font-weight: normal;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none; color:#969696; font-family:"Microsoft Yahei"}
a:hover{color:#969696; text-decoration:none;}
ul,ol,li{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family:"Microsoft Yahei"}
fieldset,img{border: none;}
*{box-sizing:border-box;}

/**Float*/
.fl{float:left}
.fr{float:right}
.clear{overflow:hidden}

/**Position*/
.pos_re{position:relative}
.pos_ab{position:absolute}

/**TextAlign*/
.alg_c{text-align:center}
.alg_l{text-align:left}
.alg_r{text-align:right}

/* color */
.c_1{background:#F4F4F4;}

/* border*/
.bor_r{border-right:1px solid #ddd;}
.c_left{border-left:1px solid #ddd;}

/* header */
header{width:100%;height:2.9rem;background:#FFF;text-align:left;}
header h1{width:5.8rem;height:1.9rem;padding-left:.7rem;}
header h1 img{width:100%;margin-top:.6rem;}

/* banner */
.banner{width:100%;}
.banner img{width:100%;}

/* Course */
.Course h2,.Classes h2,.news h2,.assess h2{width:100%;height:2rem;line-height:1.6rem;font-size:.74rem;margin-bottom:.85rem;color:#FFF;text-align:center;background:url(../img/title.png) center center no-repeat;background-size:contain;}
.Course{padding-top:1.5rem;}
.Course .menu_list{margin:0 1.28rem .85rem;}
.Course .menu_head{width:100%;height:1.7rem;line-height:1.7rem;font-size:.68rem;color:#333;text-align:center;border:1px solid #f75885;cursor:pointer;position:relative;background:#f8f8f8 url(../img/arrow_down.png) 94% no-repeat;}
.Course .menu_list .current{color:#f75885;background:#fff4f8 url(../img/arrow_up.png) 94% no-repeat;}
.Course .menu_body{width:100%;height:auto;overflow:hidden;line-height:38px;background:#fff;border-right:1px solid #f75885;border-left:1px solid #f75885;}
.Course .menu_body.bor-bot{border-bottom:1px solid #f75885;}
.Course .menu_body .content{width:100%;}
.Course .menu_body .content p{text-align:center;padding:.2rem;color:#666;font-size:.6rem;line-height:1rem;}
.Course .menu_body .content .btn{display:block;width:40%;padding:.4rem 0;margin:.85rem auto;font-size:.68rem;color:#FFF;text-align:center;background:#f75885;border-radius:4px;}

.gary{width:100%;height:.5rem;background:#F4F4F4;}

/* Classes */
.Classes{padding-top:1.5rem;}
.night{margin: .85rem auto; width:90%;}
.Classes .vie{width:15rem;height:8.4rem;margin:0 auto;}
.Classes .tempWrap{border:1px solid #ddd;}
.Classes .night .hd{height:2.7rem;line-height:2.7rem;overflow:hidden;padding:0 10px;}
.Classes .night .hd h3{position:relative;float:left;font-size:.75rem;color:#666;font-weight:normal;padding-left:1.2rem;}
.Classes .night .hd h3::before{content:"";position:absolute;top:.8rem;left:0;width:1.1rem;height:1.1rem;background:url(../img/icon.png) no-repeat;background-size:contain;}
.Classes .night ul{width:100%;height:auto;border-top:1px solid #ddd;}
.Classes .night ul li{width:100%;height:2.3rem;text-align:center;border:1px solid #ddd;border-top:0 none;line-height:2.3rem;}
.Classes .night ul li.c_1 span{display:inline-block;width:46%;color:#333;font-size:0.7rem;}
.Classes .night ul li span{display:inline-block;width:46%;color:#666;font-size:0.7rem}
.Classes .night ul li span.c_short{display:inline-block;width:20%;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.Classes .night ul li span.c_long{display:inline-block;width:34%;}
.Classes .night ul li span.c_long a{display:block;width:4rem;height:1.6rem;line-height:1.6rem;margin:.35rem auto;font-size:.65rem;color:#FFF;text-align:center;background:#f75885;border-radius:4px;}

/* news */
.news{padding-top:1.5rem;}
.newsBox{margin:.85rem auto;width:90%;}
.newsBox .hd{height:2.7rem;line-height:2.7rem;overflow:hidden;font-size:.75rem;}
.newsBox .hd ul{width:100%;height:2.7rem;border:1px solid #ddd;}
.newsBox .hd ul li{float:left;width:25%;height:2.7rem;text-align:center;}
.newsBox .hd ul li.on{border-bottom:4px solid #f75885;color:#f75885;}
.newsBox .bd ul{width:100%;height:auto;}
.newsBox .bd ul li{position:relative;width:100%;height:7rem;margin-top:.45rem;border-bottom:1px solid #ddd;font-size:.54rem;}
.newsBox .bd ul li span{float:left;width:35%;padding:1% 0 0 0.3%;}
.newsBox .bd ul li span img{width:92%;}
.newsBox .bd ul li p{float:right;width:63%;font-size:.54rem;}
.newsBox .bd ul li p b{display:block;font-size:.65rem;margin-bottom:0.3rem;}
.newsBox .bd ul li .btn{display:block;position:absolute;bottom:.7rem;right:.2rem;width:34%;padding:.4rem 0;font-size:.68rem;color:#FFF;text-align:center;background:#f75885;border-radius:4px;}

/* assess */
.assess{margin:1.5rem auto 0;padding:0 1rem;}
.assess ul{width:100%;height:auto;padding:0 .4rem 3rem;}
.assess ul li{width:100%;height:auto;padding-top:.5rem;border-bottom:1px solid #ddd;}
.assess ul li span{width:64%;height:1.8rem;line-height:1.8rem;float:left;font-size:.54rem;}
.assess ul li span img{display:inline-block;float:left;margin-right:.4rem;width:20%;}
.assess ul li .btn{display:block;float:right;width:36%;padding:.4rem 0;font-size:.68rem;color:#FFF;text-align:center;background:#f75885;border-radius:4px;}
.assess ul li p{width:100%;font-size:.54rem;padding-bottom:2%;text-align:justify;} 

/* footer */
footer{width:100%;height:2.7rem;background:rgba(0,0,0,.5);position:fixed;bottom:0;left:0;z-index:9999}
footer a{position:relative;display:block;width:50%;height:2.7rem;float:left;text-align:center;color:#FFF;}
footer a img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}