@charset "utf-8";
a {background: transparent;text-decoration: none;color: #333}
a:active, a:hover {color:#24c5d9;outline: 0}
a:hover, a:focus {color: #24c5d9;text-decoration: none}

.clearfix{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}

.zixun{ width:80% !important; margin:0 auto 8px auto;}
.list_box{ border-radius:16px 16px 6px 6px;}
.nobg{ background:none !important;}
.tupian img{ width:100%; height:auto;}

/* 头部 */
header{ width:100%; height: 2.6rem; background: #25c6da; text-align: center; position: fixed; top: 0; width: 100%; z-index:4; transition: all .5s;}
header .icon{background: url(../images/wap_menu.png) no-repeat; background-size: 3.4rem;}
header .logo{display: inline-block; width:40%; margin-top:6px;}
header .menu{ padding:0.6rem 1rem;}
header .menu .icon{ display: block; width: 1.5rem; height: 2rem;}
header .menu .iconClose{ width: 1.5rem; height: 2rem; background: url(../images/wap_menu.png) no-repeat; background-size:3.4rem; background-position:-1.4rem -0.02rem; display: none;}
header .home{ padding:0.3rem 0.7rem;}
header .home i{ font-size:1.4rem; color:#fff;}
.showNav header .menu .iconClose{display: block;}
.showNav header .menu .icon{display: none;}
.showNav header,.showNav footer,.showNav #content{ transform: translateX(-7.8rem); -webkit-transform: translateX(-7.8rem);}

#content{ transition: all .5s;-webkit-transition: all .5s; margin-top:1.44rem; position:relative; z-index:3; background:#f2f7f7;}

/* 左侧导航 */
nav{background: #FBFAFB;position: fixed;top: 0;width: 100%;height: 100%;z-index: 1;}
nav ul{background: #FBFAFB;}
nav ul li{height:2.65rem;line-height:2.65rem; padding-right: 1.84rem; border-bottom: 1px solid #eee; text-align:right;}
nav ul li a{font-size: 0.9rem; color: #666; display: block;}
nav ul li.on{background: #d8bf85;}
nav ul li.on a{color: white;}

.wap_banner{ width:100%;}
.wap_banner img{ width:100%;}

.app_banner_box{ position:relative; margin:0 auto; width:100%; overflow:hidden;}
.app_banner_box .hd { position: absolute; bottom:12px; width: 100%; height: 10px; }
.app_banner_box .hd ul { width: 100%; text-align: center; }
.app_banner_box .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_banner_box .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }
.app_banner_box .bd{ position:relative; z-index:0; }
.app_banner_box .bd li{ position:relative; text-align:center;  }
.app_banner_box .bd li img{ vertical-align:top; width:100%; }
.app_banner_box .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

.icon_menu{ width:100%; display:block; text-align:center;}
.icon_menu img{ width:65%; margin:0 auto;}

/* 玛尼快报 */
.kuaibao{ height:3.6rem; background:#fff; padding:0 15px; zoom:1; position:relative;}
.kuaibaoTitie{ width:2.6rem; position:absolute; left:15px; z-index:2;}
.kuaibaoTitie img{ width:2.6rem;}
._container { position:relative; top:4px; height: 44px; margin-left:22px; padding-left:2rem; overflow: hidden; background:#f6f5f0; border-radius:0 22px 22px 0;}
._container li {height: 44px;line-height: 44px; font-size: 18px;}
._container li:first-child {margin-top: 0;transition: margin-top .8s;}

/* 优秀学员 */
.wap_title{ text-align:center; background:url(../images/icon_line.png) no-repeat center bottom; padding-bottom:15px;}
.wap_title h3{ font-size:1rem;}
.wap_title h3 span{ color:#d1b370;}
.wap_student{ width:100%; background:#f2f7f7; padding-top:30px;}
.wap_studentList{ background:none;}
.wap_studentList a{ display:block; padding:5px; text-align:center; background:#fff;}
.wap_studentListInfo img.xtfc{ height:150px;}

.wap_studentList2{ background:none;}
.wap_studentList2 a{ display:block; padding:5px; text-align:center; background:#fff;}

/* 教学课程 */
.wap_course{ background:#fff; width:100%; padding-top:30px;}
.wap_courseList{}
.wap_courseList a{ display:block; background:#f8f8fa; text-align:center; padding-bottom:8px !important;}
.wap_courseList a h3{ padding:8px 0;}
.wap_more{ padding:10px 0 20px 0;}
.wap_more a{ display:block; text-align:center; width:100%; padding-left:1rem;}
.wap_more img{width:90%; height:auto;}

/* 资质证书 */
.wap_zhengshu{ width:100%; background:#f2f7f7; padding-top:30px;}

.wap_zhengshuList{ background:none;}
.wap_zhengshuListInfo{}
.wap_zhengshuListInfo a{ display:block; padding:5px; text-align:center; background:#fff;}
.wap_zhengshuListInfo h3{ padding:5px; background:#fff;}
.wap_moreAsk{ width:50%; margin:0 auto; background:#fff; text-align:center; border:solid 2px #25c6da; height:50px; line-height:50px; border-radius:25px; color:#25c6da;}

/* 品牌优势 */
.wap_pinpai{ background:#fff; padding-top:30px;}

.youshi{ padding-bottom:30px;}

/* 品牌优势 */
.wap_teacher{ background:#f2f7f7; padding-top:30px;}
.wap_teacherList{ background:none;}
.wap_teacherList li{ background:#fff;}

.wap_about{ background:#fff; padding:0.75rem;}
.wap_about h1 img{ width:65%; margin:0 auto;}

/* 热点问题 */
.wap_wenti{ background:#f2f7f7; padding-top:30px;}
.wap_wenti2{ background:#fff; padding-top:30px;}
.wap_video{ background:#fff; padding:30px 0;}

.wap_baoming{ background:#fff; padding-top:30px;}
.wap_baomingInfo{ background:url(../images/wap_bg.jpg) no-repeat center top; background-size:cover; margin-top:0.75rem; padding-top:3.5rem}
.wap_form{ background:rgba(37,198,218,0.9); border-radius:8px; padding:0.75rem; color:#fff;}
.wap_form p{ color:#fff; margin-top:0.5rem;}
.wap_form .txt_input{ background:#fff; border-radius:4px; text-indent:0.75rem;}
.wap_form .btn_wap{ background:#d8bf85; border-radius:4px; width:100%; height:2.5rem; margin-top:0.75rem;}

.wap_yibaoming{ background-color:rgba(255,255,255,0.08); border-radius:8px; position:relative; overflow:hidden; height:450px;}
.wap_yibaoming ul{ position:absolute; left:26%; height:450px;}
.wap_yibaoming ul li{ color:#fff; line-height:50px; height:50px; text-align:center;}
.wap_yibaoming ul li strong{ margin-right:30px;}

.wap_xvzhi{ background:#fff; padding-top:30px;}

footer{ background:#31313f; position:relative; bottom:0; z-index:3;}
.wap_ask{ position:fixed; bottom:0; z-index:10; zoom:1;}
.wap_ask li{ float:left; width:33.3333333333%;}
.wap_logoFoot{ text-align:center;}
.wap_logoFoot img{ width:55%; margin:0 auto;}
.wap_copyright{ font-size:0.6rem; padding:1rem 0 1.5rem 0;}

.wap_contact img{ width:60%; margin:0 auto;}

.wap_contactInfo{ background:#fff; border-bottom:solid 1px #ddd;}

.tabs li { display:inline-block; cursor: pointer; background:#fafafa; width:32%; text-align:center; margin-bottom:0.75rem; height:36px; line-height: 36px; border: 1px solid #efeff1; border-radius: 2px;}
.tabs li:first-child { margin-left: 0}
.tabs li.on { background: #25c6da; color: #fff;}
.tab-content-wrap { overflow:hidden; /*height:300px;*/}
.tab-content { display:none;}
.tab-content.show { display:block;}
.tab-content ul li{ line-height:1.4rem;}


.tabs2{ padding:20px 0 0 2px;}
.tabs2 li { display:inline-block; cursor: pointer; background:#fff; width:24%; text-align:center; margin-bottom:0.75rem; height:36px; line-height: 36px; border: 1px solid #efeff1; border-radius: 2px;}
.tabs2 li:first-child { margin-left: 0}
.tabs2 li.on { background: #25c6da; color: #fff;}

.wap_view{ background:#fff; padding:0.75rem; margin:0.75rem 0;}
.wap_view p{ margin-top:0.75rem}

.wap_studentImg{ background:#fff; padding-top:30px;}
.wap_studentView{ padding:0.75rem;}

.wap_aboutBar1{ text-align:center; padding-bottom:30px;}
.wap_aboutBar1 p{ font-size:1rem;}
.wap_aboutBar2{ background:#fff; padding-top:30px;}
.wap_about2{ padding:0 0.75rem;}
.wap_about2 p{ font-size:0.75rem; margin-top:0.75rem;}
.wap_about3{ padding:0.75rem 0;}
.wap_about3 p{ text-align:center; font-size:0.8rem;}
.wap_about4{ background:#fff; padding:0.75rem;}
.wap_about5{ background:#fff; padding:0.75rem;}
.wap_jiaocai{ background:#f2f7f7; padding:30px 0;}
.wap_about6{ border-bottom:solid 1px #ddd; padding-bottom:0.75rem;}
.wap_about6 p{ text-align:center; font-size:1rem;}

.page{width: 100%; float: left; zoom:1;}
.page ul li{list-style: none; float: left;    min-width: 3%;
    margin-left: 5px;}

.wap_hyqj{ background:#fff; padding-top:30px;}
.hyqjInfo{ padding:30px 0;}
.hyqjInfo p{ text-align:center;padding-bottom: 20px; font-size: 0.8rem;}