@charset "gb2312";
/*
* Description: 零基础套餐电商页
* Update:      10/01/2017
* Author:      xuyongmei
*/

/* reset css */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style:none;}
body{font-size: 16px; background:#fff; position: relative; color:#333;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
img{display:block;}
/*-----------------------------------------分隔线------------------------------------------------*/
.autoin{width:1000px;margin:0 auto;}
.bor{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.btn{float:left;width:178px;height:42px;line-height:42px;font-size:18px;text-align:center;}
.bor em{display:inline-block;vertical-align:middle;margin:-4px 10px 0 0;}


/*上部内容*/
.top_wrap{width:100%;background-color:#fff;padding:30px 0;}
.top_con{border:1px solid #ccc;padding:20px 10px;}
.top_l{float:left;width:430px;}
.top_lb{background-color:#f7f7f7;margin-top:25px;padding-top:15px;}
.top_lb h4{height:52px;line-height:52px;font-size:30px;text-align:center;}
.top_lp1{height:55px;line-height:38px;font-size:18px;padding:0 20px;}
.top_lp2{height:40px;line-height:40px;font-size:14px;padding:0 15px 0 25px;background-color:#ededed;overflow:hidden;}
.top_lp2 span{float:right;background:url(../images/xi.png) left center no-repeat;padding-left:17px;}

.top_r{float:right;width:523px;position:relative;padding:97px 0 0 15px;}
.top_r h3{width:475px;height:99px;line-height:98px;font-size:28px;font-weight:bold;color:#7c5935;position:absolute;top:0;left:0;padding:0 45px;background:url(../images/top_rt.png) no-repeat;overflow:hidden;}
.top_r h3 span{float:right;font-size:50px;color:#ff4400;}
.top_r h3 span i{font-size:26px;font-weight:normal;}

.top_rt{height:71px;border-bottom:1px dashed #e5e5e5;}
.top_r p{color:#333;overflow:hidden;}
.top_r p em,.top_r p span{float:left;display:inline;}
.top_rt p em,.top_rt p span{line-height:30px;font-size:16px;}
.top_r p em{width:96px;}
.top_r p span{width:427px;}
.top_r p span i{color:#ff4400;font-weight:bold;}
.top_rt p span label{font-size:16px;color:#ff4400;}
.top_rt p span label:hover{color:#7c5935;}

.top_rb{height:230px;margin-top:10px;}
.top_rb p em{line-height:26px;font-size:16px;}
.top_rb p span{line-height:26px;font-size:14px;}
.top_rb p span label{display:inline-block;width:75px;height:28px;line-height:28px;font-size:14px;color:#e5511d;text-align:center;background:url(../images/a_bg.png) no-repeat;margin:0 8px 10px 0;}
.top_rb p span label.cur{background-image:url(../images/a_bgh.png);}

.top_rbtn{padding-left:47px;}
.btn1,.btn2{margin-left:50px;}
.btn1{color:#fff;background-color:#ff4400;border:1px solid #ff4400;}
.btn2{color:#e5511d;background-color:#ffe4d0;border:1px solid #f0cab6;}
.btn1:hover{background-color:#d43d07;}
.btn2:hover{background-color:#f7d2b7;}
.btn1 em,.btn2 em{width:21px;height:42px;}
.btn1 em{background:url(../images/em_icon1.png) center center no-repeat;}
.btn2 em{background:url(../images/em_icon2.png) center center no-repeat;}

/*固定头部导航*/
.top_nav{width:100%;height:68px;background-color:#fff;border-bottom:1px solid #e2e2e2;position:fixed;z-index:9999;top:0;left:0;display:none;}
.top_ntil{float:left;width:775px;}
.top_ntil li,.mleft_til li{float:left;width:155px;font-size:16px;color:#191919;text-align:center;border-bottom:6px solid #fff;cursor:pointer;}
.top_ntil li{height:56px;line-height:56px;}
.top_ntil li.cur,.mleft_til li.cur{border-bottom-color:#0f55b4;color:#0f55b4;}

.buy_btn{float:right;width:215px;height:68px;line-height:68px;font-size:22px;color:#fff;text-align:center;background-color:#fe9455;}
.buy_btn:hover{background-color:#f58440;}

/*主要内容*/
.content{width:100%;background-color:#ececec;padding:20px 0 10px;}
.main_left{float:left;width:776px;background-color:#fff;border-top:1px solid #58707d;padding-top:5px;}
.mleft_til{height:52px;}
.mleft_til li{height:46px;line-height:46px;}

.mleft_in{padding:20px 10px;border-top:1px solid #e2e2e2;}
.bg_f{background-color:#ebf5f8;padding:43px 12px 38px;margin-top:10px;}
.title img{margin:0 auto;}

/*名师试听*/
.teacher_wrap{padding:0 0 17px 97px;}
.teacher_wrap li{width:642px;height:170px;border-bottom:1px solid #e2e2e2;margin-bottom:1px;}
.teacher_pic{float:left;width:171px;height:171px;margin:0 20px -1px -85px;}
.teacher_r{float:left;width:536px;padding-top:25px;}
.teach_m{float:left;width:345px;}
.teach_m h4{height:46px;line-height:46px;font-size:26px;font-weight:bold;}
.teach_m h4 em{color:#ff4400;margin-left:15px;}
.teach_m p{line-height:26px;font-size:16px;}
.teach_btn{float:right;width:164px;height:50px;line-height:50px;font-size:18px;color:#fff;text-align:center;background-color:#55c4cd;margin-top:46px;}
.teach_btn em{width:20px;height:50px;background:url(../images/listen.png) center center no-repeat;}
.teach_btn:hover{background-color:#33cdd9;}

/*课程体系*/
.sysm_con{margin:30px 0 35px;}
.sysm_con li{width:153px;height:185px;float:left;background-color:#0f55b4;padding:6px 10px 0;margin-right:13px;}
.sysm_con li h4{height:62px;line-height:62px;font-size:32px;font-weight:bold;color:#fff;text-align:center;border-bottom:2px dashed #a5b6db;margin-bottom:12px;}
.sysm_con li p{height:24px;line-height:24px;font-size:16px;color:#fff;padding-left:30px;}

.btn_con{padding-left:60px;}
.btn_con a{float:left;margin-left:85px;}
.btn3{color:#fff;background-color:#2392e8;border:1px solid #0f55b4;}
.btn3:hover{background-color:#107acc;}
.btn_con .btn3 em{width:20px;height:42px;}
.sysm_btn .btn3 em{background:url(../images/em_icon3.png) center center no-repeat;}

/*实力名师团队*/
.team_con{margin:35px 0 25px;padding-left:14px;}
.team_con li{float:left;width:208px;height:249px;margin:0 0 10px 20px;}
.team_btn .btn3 em{background:url(../images/listen.png) center center no-repeat;}

/*课程资料*/
.data_con{width:602px;height:400px;position:relative;margin:30px auto 35px;}
.data_con li{width:194px;height:184px;color:#fff;text-align:center;background:url(../images/data_libg.png) no-repeat;padding-top:40px;position:absolute;}
.data_li1,.data_li2,.data_li3{top:0;}
.data_li1{left:0;}
.data_li2{left:204px;}
.data_li3{right:0;}
.data_li4,.data_li5{bottom:0;}
.data_li4{left:103px;}
.data_li5{right:101px;}

.data_con li h4{height:52px;line-height:52px;font-size:26px;}
.data_con li p{line-height:24px;font-size:18px;}

.data_btn a{float:none;display:block;margin:0 auto;}

/*服务*/
.serve_tcon{margin-top:45px;}
.serve_tcon li{float:left;width:174px;height:220px;margin-right:10px;}
.li_in{width:174px;height:150px;background:url(../images/serve_libg.png) no-repeat;padding-top:24px;}
.li_in img{margin:0 auto 10px;}
.li_in p,.li_in a{line-height:26px;font-size:20px;text-align:center;}
.li_in p{color:#fff;}
.li_in a{display:block;color:#00f5fe;text-decoration:underline;}
.serve_a2{display:block;line-height:36px;font-size:20px;text-align:center;color:#0f55b4;text-decoration:underline;}
.serve_con li a:hover{text-decoration:none;}

.serve_bcon{margin-top:55px;}
.serve_bcon li{float:left;width:190px;margin:0 30px 0 106px;}
.serve_bcon li h4{height:68px;line-height:26px;font-size:20px;text-align:center;}
.ewm_pic{width:176px;height:176px;border:7px solid #999;}
.serve_bcon li p{height:40px;line-height:40px;font-size:20px;text-align:center;}

/*操作指南*/
.guide_wrap h3,.eval_wrap h3{line-height:96px;font-size:56px;font-weight:bold;color:#0f55b4;text-align:center;}

.guide_mc{margin-top:20px;padding-left:12px;}
.guide_mc h4{font-size:24px;font-weight:bold;color:#2f2f2f;border-bottom:1px dashed #bfbfbf;}
.guide_til1{height:50px;line-height:42px;background:url(../images/guide_01.png) no-repeat;padding:25px 0 0 60px;}
.guide_til2{height:54px;line-height:54px;background:url(../images/guide_02.png) left 17px no-repeat;padding:17px 0 0 70px;}
.guide_tp{line-height:66px;font-size:16px;color:#2f2f2f;}
.guide_tp em{font-size:24px;font-weight:bold;margin-right:15px;}

.guide_con{margin-top:25px;}
.guide_c1{height:155px;background:url(../images/guide_c1.png) 85px top no-repeat;padding:15px 0 0 250px;}
.guide_c2{height:230px;background:url(../images/guide_c2.png) 388px top no-repeat;padding:35px 0 0 93px;}
.guide_c3{width:290px;height:245px;background:url(../images/guide_c3.png) 15px top no-repeat;padding:32px 0 0 273px;}
.guide_con h5,.guide_bot h5{height:38px;margin-bottom:18px;}
.guide_con p,.guide_bot p{font-size:16px;line-height:24px;color:#151515;}

.guide_bot{height:245px;background:url(../images/guide_rbg.png) 425px 50px no-repeat;margin-top:20px;}

/*四阶段*/
.stage_01{border:1px solid #0f55b4;border-bottom:0;}
.stage_con h3{height:70px;line-height:70px;font-size:30px;font-weight:bold;color:#fff;padding-left:25px;}
.stage_01 h3{background-color:#0f55b4;}

.stage_min{padding:10px 20px 0;overflow:hidden;}
.stage_min li{margin-bottom:25px;}
.stage_min li h4{height:44px;line-height:44px;font-size:26px;color:#666;border-bottom:1px solid #ccc;overflow:hidden;padding-left:45px;}
.stage_01 h4{background:url(../images/h4_bg1.png) 10px center no-repeat;}
.stage_min li h4 a{float:right;width:136px;height:34px;line-height:34px;font-size:18px;color:#fff;text-align:center;background-color:#ff4400;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;margin:5px 20px 0 0;}
.stage_min li h4 a:hover{background-color:#df4811;}

.stage_t1{height:96px;border-bottom:1px solid #ccc;padding-left:10px;}
.stage_t1 a{float:left;width:133px;height:32px;line-height:32px;font-size:18px;color:#0f55b4;text-align:center;border:1px solid #0f55b4;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;margin:10px 0 0 35px;}
.stage_t1 a em{display:inline-block;vertical-align:middle;width:20px;height:32px;background:url(../images/listen_02.png) center center no-repeat;margin:-4px 0 0 10px;}
.stage_t1 a:hover{color:#fff;background-color:#0f55b4;}
.stage_t1 a:hover em{background-image:url(../images/listen.png);}

.stage_min li p{line-height:36px;font-size:18px;color:#666;padding-left:45px;}

.stage_02{border:1px solid #3c3ca4;border-bottom:0;}
.stage_02 h3{background-color:#3c3ca4;}
.stage_02 h4{background:url(../images/h4_bg2.png) 10px center no-repeat;}

.stage_03{border:1px solid #9d61bf;border-bottom:0;}
.stage_03 h3{background-color:#9d61bf;}
.stage_03 h4{background:url(../images/h4_bg3.png) 10px center no-repeat;}

.stage_04{border:1px solid #bf6180;}
.stage_04 h3{background-color:#bf6180;}
.stage_04 h4{background:url(../images/h4_bg4.png) 10px center no-repeat;}

/*真实评价*/
.eval_wrap{padding-top:20px;}
.eval_wrap img{margin:10px auto 30px;}

.border_div{border:1px solid #c9c9c9;padding:0 25px;}
.stu_con{margin-top:40px;}
.border_div h4{height:40px;line-height:40px;font-size:18px;color:#666;border-bottom:1px solid #c9c9c9;}

.stu_min{height:235px;margin:10px 0;overflow:hidden;}
.stu_min ul li{overflow:hidden;margin-bottom:12px;}
.stu_min ul li span,.stu_min ul li p{float:left;font-size:14px;line-height:24px;color:#666;}
.stu_min ul li span{width:70px;}
.stu_min ul li p{width:634px;}

.eval_con{margin-top:10px;}
.eval_cin{margin:10px 0 20px;}
.eval_cl{float:left;width:502px;height:128px;border:1px solid #c9c9c9;padding:5px 15px;}
.eval_cl textarea{width:502px;height:128px;font-size:14px;line-height:24px;color:#666;border:0;background-color:transparent;resize:none;outline:none;}

.eval_cr{float:right;width:170px;}
.eval_cr a{display:block;width:136px;height:34px;line-height:34px;font-size:18px;color:#fff;text-align:center;background-color:#ff4400;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;margin:40px auto 0;}
.eval_cr a:hover{background-color:#df4811;}
.eval_cr p{line-height:38px;font-size:14px;color:#4d4d4d;text-align:center}



/*右侧内容*/
.main_right{float:right;width:208px;border-top:1px solid #58707d;}
.mr_ta{display:block;height:82px;line-height:30px;font-size:20px;color:#666;text-align:center;background:#fff url(../images/a_bg1.png) 20px center no-repeat;padding:20px 0 0 70px;border-top:1px solid #58707d;}
.mr_ta:hover,.app_d a:hover{color:#d8000f;}

/*看了又看*/
.look_top{background-color:#fff;margin-bottom:20px;overflow:hidden;padding-top:10px;}
.look_top h4{height:68px;line-height:68px;font-size:16px;text-align:center;}
.look_top a{display:block;width:188px;margin:0 auto;}
.look_top p{line-height:24px;font-size:16px;text-align:center;margin:10px 0 15px;}
.look_top p em{font-size:14px;}

/*免费福利*/
.main_rb{width:208px;}
.mr_bg{background-color:#fff;margin-top:2px;}
.mr_con1{padding:10px 10px 15px;}
.mr_con1 h4{height:26px;line-height:26px;font-siz:16px;color:#151515;padding-left:24px;background:url(../images/mr_til1.png) left center no-repeat;margin-bottom:10px;}
.mr_con1 p{font-siz:16px;color:#151515;text-align:center;}
.mr_cp1{line-height:20px;}
.mr_cp1 em{color:#55c4cd;}
.mr_con1 a{display:block;}
.mr_ewm1{width:178px;margin:15px auto 5px;}
.mr_cp2{line-height:40px;border-bottom:1px dashed #e2e2e2;}
.mr_btn{margin-top:15px;}
.mr_btn a{width:93px;height:44px;line-height:44px;font-size:16px;color:#fff;padding-left:45px;margin:0 auto 7px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.mr_btn1{background:#55c4cd url(../images/mr_icon1.png) 19px center no-repeat;}
.mr_btn2{background:#55c4cd url(../images/mr_icon2.png) 19px center no-repeat;}
.mr_btn3{background:#55c4cd url(../images/mr_icon3.png) 19px center no-repeat;}
.mr_btn4{background:#55c4cd url(../images/mr_icon4.png) 19px center no-repeat;}
.mr_btn a:hover{background-color:#45d8e4;}

/*移动课堂*/
.mr_con2{padding:10px 15px 5px;}
.app_d{position:relative;padding:0 5px;}
.app_d h4,.app_d p,.app_d a{text-align:center;}
.app_d img{margin:0 auto;}
.app_min h4{line-height:28px;font-size:18px;color:#070707;}
.app_min p{height:30px;line-height:24px;font-size:16px;color:#969696;border-bottom:1px dashed #e2e2e2;}
.app_d a{display:block;}
.app_min a{height:34px;line-height:34px;font-size:16px;color:#070707;}
.app_pop{width:151px;height:190px;background:url(../images/mr_ewm.png) no-repeat;padding:20px 18px 0 6px;position:absolute;top:5px;left:-150px;display:none;}
.app_pop p, .app_pop a {font-size:16px;line-height:22px;}
.app_pop p{margin-top:10px;}
.app_pop a{color: #55c4cd;}

/*二维码*/
.mr_con3{padding:10px;}
.mr_con3 a{display:block;width:129px;margin:0 auto 5px;}
.mr_con3 p{font-size:16px;text-align:center;}

/*扉页*/
.feiye{ line-height:24px;font-size:12px; color:#E0E0E0; text-align:center;margin-top:50px;}