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

/* index */
.ad{ height:420px; background:url(../../images/201511/ico/ad.jpg) center top no-repeat;}
.data{ position:absolute; right:0; top:41px; width:269px; height:339px;}
.data .num{ position:relative; height:209px; background:url(../../images/201511/ico/data_bg.png) left top no-repeat;}
.data .num p{ position:absolute; display:inline-block; font:20px/20px 微软雅黑; color:#fff; text-align:center;}
.data .num p span{ display:block; font:14px/20px 微软雅黑;}
.data .num .p1{ left:95px; top:10px;}
.data .num .p2{ left:30px; top:100px;}
.data .num .p3{ left:200px; top:75px;}
.data .num .p4{ left:0; right:0; bottom:12px;}
.data .num .p4 span{ display:inline-block;}
.data .num .p5{ left:100px; top:79px; width:68px; height:68px; border-radius:50%; overflow:hidden;}
.data .opt{ height:30px; padding:5px 0; background:#daf9d4;}
.data .opt a{ padding:0 18px; border-left:1px solid #bedab9; font:16px/30px 微软雅黑; color:#719b69;}
.data .opt a.first{ border-left:none;}
.data .opt02 a{ padding:0 13px;}

.flash{ position:absolute; top:101px; left:330px; width:544px; height:321px;}
.opt03{ position:absolute; top:219px; left:559px; cursor:pointer;}

.indexHd{ padding-top:20px; font:normal 26px/66px 微软雅黑; color:#57c141;}

/* 家校互动 */
.interaction .bd{ margin-left:-8px;}
.interaction li{ float:left; width:292px; height:234px; margin-left:8px; border:1px solid #e8e8e8; background:#fff; cursor:pointer;}
.interaction .imgContainer{ width:292px; height:170px; overflow:hidden;}
.interaction .p1{ height:24px; padding:10px 15px 0 15px; font:16px/24px 微软雅黑; color:#333; overflow:hidden;}
.interaction .p2{ height:20px; padding:0 15px 10px 15px; font:14px/20px 微软雅黑; color:#8a8a8a; overflow:hidden;}

/* 兴趣培养 */
.interest .bd{ height:340px; margin-left:1px;}
.interest .firstLi{ position:relative; float:left; height:338px; margin-left:-1px; border:1px solid #e5e5e5;}
.interest .active{ border-left:2px solid #57c141; border-right:2px solid #57c141; z-index:1;}
.interest .imgContainer{ float:left; width:315px; height:338px; overflow:hidden;}
.interest .secondUl{ display:none; float:left; border-left:1px solid #e5e5e5;}
.interest .active .secondUl{ display:block;}
.interest .secondLi{ height:62px; padding:25px 20px; border-top:1px solid #beedb4; background:#f3fff0; cursor:pointer;}
.interest .secondLi.first{ border:none;}
.interest .secondLi:hover{ background:#fafff9;}
.interest .value{ float:left; width:159px;}
.interest .p1{ height:26px; font:16px/26px 微软雅黑; color:#4a4a4a; overflow:hidden;}
.interest .secondLi:hover .p1{ color:#57c141;}
.interest .p2{ height:36px; font:12px/18px 微软雅黑; color:#8a8a8a; overflow:hidden;}

/* 用户反馈 */
.feedback .bd{ height:316px; padding-right:416px; margin-bottom:30px; border:1px solid #e5e5e5; background:#fff url(../../images/201511/ico/map.jpg) right top no-repeat;}
.feedback li{ height:60px; padding:23px 25px 22px 25px; border-top: 1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.feedback .first{ border-top:none;}
.feedback .value{ float:left; width:636px;}
.feedback .p1{ height:24px; font:16px/24px 微软雅黑; color:#4c4c4c; overflow:hidden;}
.feedback .p2{ height:36px; font:12px/18px 微软雅黑; color:#8a8a8a; overflow:hidden;}

/* 频道页 */
.channel .p1{ font:16px/24px 微软雅黑; color:#898989;}
.channel .p2{ font:18px/40px 微软雅黑; color:#898989;}

/* 少儿英语 */
.e1{ height:420px; background:url(../../images/201511/ico/e1.jpg) center top no-repeat;}
.e2{ height:399px; background:url(../../images/201511/ico/e2.jpg) center top no-repeat;}
.e2 .p1{ padding-top:142px;}
.e2 .p2{ padding-top:88px;}
.e3{ height:399px; background:url(../../images/201511/ico/e3.jpg) center top no-repeat;}
.e3 .p1{ padding-top:144px; text-align:right;}
.e3 .p2{ padding-top:88px; text-align:right;}
.e4{ height:400px; background:url(../../images/201511/ico/e4.jpg) center top no-repeat;}
.e4 .p1{ padding-top:144px;}
.e4 .p2{ padding-top:89px;}
.e5{ height:595px; background:url(../../images/201511/ico/e5.jpg) center top no-repeat;}
.e5 .p1{ padding-top:100px; text-align:center;}
.e5 .p2{ padding-top:89px; text-align:center;}
.e6{ height:486px; background:url(../../images/201511/ico/e6.jpg) center top no-repeat;}
.e7{ height:693px; background:url(../../images/201511/ico/e7.jpg) center top no-repeat;}
.e7 .p1{ padding-top:100px; text-align:center;}
.e7 .p2{ padding-top:89px; text-align:center;}
.e8{ height:284px; background:url(../../images/201511/ico/e8.jpg) center top no-repeat;}

/* 开心学汉字 */
.c1{ height:420px; background:url(../../images/201511/ico/c1.jpg) center top no-repeat;}
.c2{ height:400px; background:url(../../images/201511/ico/c2.jpg) center top no-repeat;}
.c2 .p1{ padding-top:142px;}
.c2 .p2{ padding-top:88px;}
.c3{ height:400px; background:url(../../images/201511/ico/c3.jpg) center top no-repeat;}
.c3 .p1{ padding-top:142px; text-align:right;}
.c3 .p2{ padding-top:88px; text-align:right;}
.c4{ height:400px; background:url(../../images/201511/ico/c4.jpg) center top no-repeat;}
.c4 .p1{ padding-top:144px;}
.c4 .p2{ padding-top:86px;}
.c5{ height:530px; background:url(../../images/201511/ico/c5.jpg) center top no-repeat;}
.c5 .p1{ padding-top:100px; text-align:center;}
.c5 .p2{ padding-top:89px; text-align:center;}

/* 听学宝 */
.t1{ height:420px; background:url(../../images/201511/ico/t1.jpg) center top no-repeat;}
.t2{ height:400px; background:url(../../images/201511/ico/t2.jpg) center top no-repeat; text-indent:0;}
.t2 .p1{ padding-top:142px;}
.t2 .p2{ padding-top:88px;}
.t3{ height:400px; background:url(../../images/201511/ico/t3.jpg) center top no-repeat;}
.t3 .p1{ padding-top:142px; text-align:right;}
.t3 .p2{ padding-top:88px; text-align:right;}
.t4{ height:400px; background:url(../../images/201511/ico/t4.jpg) center top no-repeat;}
.t4 .p1{ padding-top:144px;}
.t4 .p2{ padding-top:86px;}
.t5{ height:400px; background:url(../../images/201511/ico/t5.jpg) center top no-repeat;}
.t5 .p1{ padding-top:142px; text-align:right;}
.t5 .p2{ padding-top:88px; text-align:right;}

/* 答疑宝 */
.d1{ height:420px; background:url(../../images/201511/ico/d1.jpg) center top no-repeat;}
.d2{ height:400px; background:url(../../images/201511/ico/d2.jpg) center top no-repeat;}
.d2 .p1{ padding-top:142px;}
.d2 .p2{ padding-top:88px;}
.d3{ height:400px; background:url(../../images/201511/ico/d3.jpg) center top no-repeat;}
.d3 .p1{ padding-top:142px; text-align:right;}
.d3 .p2{ padding-top:88px; text-align:right;}
.d4{ height:643px; background:url(../../images/201511/ico/d4.jpg) center top no-repeat;}
.d4 .p1{ padding-top:100px; text-align:center;}
.d4 .p2{ padding-top:89px; text-align:center;}
.d5{ height:709px; background:url(../../images/201511/ico/d5.jpg) center top no-repeat;}
.d5 .p1{ padding-top:100px; text-align:center;}
.d5 .p2{ padding-top:89px; text-align:center;}
.d6{ height:551px; background:url(../../images/201511/ico/d6.jpg) center top no-repeat;}

/* 在线作业 */
.z1{ height:420px; background:url(../../images/201511/ico/z1.jpg) center top no-repeat;}
.z2{ height:400px; background:url(../../images/201511/ico/z2.jpg) center top no-repeat;}
.z2 .p1{ padding-top:142px;}
.z2 .p2{ padding-top:88px;}
.z3{ height:400px; background:url(../../images/201511/ico/z3.jpg) center top no-repeat;}
.z3 .p1{ padding-top:142px; text-align:right;}
.z3 .p2{ padding-top:88px; text-align:right;}
.z4{ height:400px; background:url(../../images/201511/ico/z4.jpg) center top no-repeat;}
.z4 .p1{ padding-top:142px;}
.z4 .p2{ padding-top:88px;}
.z5{ height:400px; background:url(../../images/201511/ico/z5.jpg) center top no-repeat;}
.z5 .p1{ padding-top:142px; text-align:right;}
.z5 .p2{ padding-top:88px; text-align:right;}
.z6{ height:400px; background:url(../../images/201511/ico/z6.jpg) center top no-repeat;}
.z6 .p1{ padding-top:142px;}
.z6 .p2{ padding-top:88px;}

/* 口语作业 */
.k1{ height:420px; background:url(../../images/201511/ico/k1.jpg) center top no-repeat;}
.k2{ height:400px; background:url(../../images/201511/ico/k2.jpg) center top no-repeat;}
.k2 .p1{ padding-top:142px;}
.k2 .p2{ padding-top:88px;}
.k3{ height:400px; background:url(../../images/201511/ico/k3.jpg) center top no-repeat;}
.k3 .p1{ padding-top:142px; text-align:right;}
.k3 .p2{ padding-top:88px; text-align:right;}
.k4{ height:400px; background:url(../../images/201511/ico/k4.jpg) center top no-repeat;}
.k4 .p1{ padding-top:142px;}
.k4 .p2{ padding-top:88px;}
.k5{ height:400px; background:url(../../images/201511/ico/k5.jpg) center top no-repeat;}
.k5 .p1{ padding-top:142px; text-align:right;}
.k5 .p2{ padding-top:88px; text-align:right;}

/* 新学校注册_问题反馈 */
.form{ padding-top:35px;}
.form .tip1{ padding-left:340px; font:16px/27px 微软雅黑; color:#555;}
.form .tip2{ padding-left:340px; font:14px/27px 微软雅黑; color:#ea2b3a;}
.form .tip3{ padding-left:280px; font:16px/27px 微软雅黑; color:#555;}
.form .list{ padding:35px 0 0 295px;}
.form .list li{ margin-bottom:10px;}
.form .list .name{ float:left; width:130px; font:16px/37px 微软雅黑; color:#555; text-align:right;}
.form .list .value{ float:left;}
.form .list select{ width:145px; height:37px; margin-right:15px; border:1px solid #c2c2c2; font:16px/35px 微软雅黑; color:#555;}
.form .list .label{ margin-right:20px; font:16px/37px 微软雅黑; color:#555;}
.form .list .label input{ margin:12px 5px 0 0;}
.form .list .tip{ padding-left:26px; background:url(../../images/201511/ico/icon03.png) 5px top no-repeat; font:12px/37px 宋体; color:#ea2b3a;}
.form .list .y{ padding-left:26px; background:url(../../images/201511/ico/icon03.png) 5px -37px no-repeat; font:12px/37px 宋体; color:#53b53e;}
.form .list .code{font:14px/37px 微软雅黑; text-decoration:underline; color:#555;}
.form .list .time{font:14px/37px 微软雅黑; color:#555;}

/* 服务协议 */
.agreement{ padding:35px 0; color:#202020;}
.agreement .title{ border-bottom:1px solid #e5e5e5; font:30px/55px 宋体;}
.agreement .date{ font:14px/25px 宋体; color:#989898; text-align:right;}
.agreement .subtitle{ margin-top:30px; font:22px/42px 宋体;}
.agreement .text{ font:14px/26px 宋体;}
.agreement .text02{ font:bold 16px/26px 宋体;}

/* 404 */
.error{ text-align:center;}
.error .logo{ padding:75px 0 150px 0;}
.error .tip{ padding-top:188px; background:url(../../images/201511/ico/404.png) center top no-repeat; font:16px/20px 微软雅黑; color:#202020;}

/* 宣传 */
.x .p1{ padding-top:160px; font:48px/90px 微软雅黑; color:#414141;}
.x .p2{ font:18px/30px 微软雅黑; color:#414141;}

.x1{ height:420px; background:url(../../images/201511/ico/x1.jpg) center top no-repeat;}
.x1 .content{ position:absolute; right:20px; top:80px; width:380px;}
.x1 .content .title{ border-bottom:1px solid #c2ded5; font:38px/57px 微软雅黑; color:#60836d;}
.x1 .content .text{ margin:5px 0 30px 0; font:16px/24px 微软雅黑; color:#868686;}
.x1 .content .android,.x1 .content .ios{ display:inline-block; height:40px; margin-top:15px; border-radius:20px; font:14px/40px 微软雅黑; color:#fff;}
.x1 .content .android{ width:85px; padding-left:65px; background:#0ec587 url(../../images/201511/ico/icon04.png) left top no-repeat;}
.x1 .content .ios{ width:93px; padding-left:57px; background:#0ec587 url(../../images/201511/ico/icon04.png) left -40px no-repeat;}
.x1 .content .android:hover,.x1 .content .ios:hover{ background-color:#1beaa4; text-decoration:none;}
.x2{ height:500px; background:url(../../images/201511/ico/x2.jpg) center top no-repeat;}
.x3{ height:500px; background:url(../../images/201511/ico/x3.jpg) center top no-repeat;}
.x4{ height:500px; background:url(../../images/201511/ico/x4.jpg) center top no-repeat;}
.x5{ height:497px; background:url(../../images/201511/ico/x5.jpg) center top no-repeat;}
.x3 .p1,.x3 .p2,.x5 .p1,.x5 .p2{ text-align:right;}

/* 常见问题 */
.problem{ margin:40px 0;}
.problem .hd{ border-bottom:1px solid #90c43d;}
.problem .hd .title{ display:inline-block; padding-bottom:8px; border-bottom:1px solid #90c43d; font:normal 18px/18px 微软雅黑;}
.problem .bd li{ padding:10px 0; border-bottom:1px dashed #dedede;}
.problem .bd li.end{ border:none;}
.problem .question_ico,.problem .answer_ico{ width:20px; font:bold 16px/30px 宋体;}
.problem .question_text,.problem .answer_text{ width:940px; font:bold 14px/30px 宋体; color:#666;}
.problem .answer_ico{ line-height:24px; color:#329700;}
.problem .answer_text{ line-height:24px; font-weight:normal;}
.problem .name a{ display:block; width:800px; font:14px/30px 宋体; color:#444; overflow:hidden;}
.problem .name a:hover{ color:#50A440;}
.problem .time{ font:14px/30px 宋体; color:#aaa;}

.problem .sidebar{ text-align:center;}
.problem .sidebar a{ display:block; height:35px; border-bottom:1px solid #cbcbcb; border-top:1px solid #fff; background:#e0e7ec; color:#4c4c4c; font:16px/35px 微软雅黑;}
.problem .sidebar a.first{ border-top:none;}
.problem .sidebar a.end{ border-bottom:none;}
.problem .sidebar a:hover,.problem .sidebar a.active{ background:#9aa6ae; color:#fff; text-decoration:none;}

/* 20160509 */
/* 美术盒子 */
.m1{ height:417px; background:url(../../images/201511/ico/m1.jpg) center top no-repeat;}
.m2{ height:400px; background:url(../../images/201511/ico/m2.jpg) center top no-repeat;}
.m2 .p1{ padding-top:142px;}
.m2 .p2{ padding-top:88px;}
.m3{ height:400px; background:url(../../images/201511/ico/m3.jpg) center top no-repeat;}
.m3 .p1{ padding-top:144px; text-align:right;}
.m3 .p2{ padding-top:88px; text-align:right;}
.m4{ height:400px; background:url(../../images/201511/ico/m4.jpg) center top no-repeat;}
.m4 .p1{ padding-top:144px;}
.m4 .p2{ padding-top:89px;}