@charset "utf-8";
/* CSS Document */
body,div,p,span,ul,li,dl,dt,dd,a,ol,input,button,img,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; list-style:none; border:0;}
body{font-family: 'Microsoft Yahei','Simsun'; color:#1E202C; font-size:14px; line-height:24px; background:#fff;}
a{ color:#fff; text-decoration:none;}
img{display: block;}
/*a:hover{color:#8DC9FF; text-decoration:none;}*/
body,input,button,img{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style:normal;}
.hhh{font-weight:normal;}
.dr_center{margin:0 auto;}
.dr_Pcenter{text-align:center;}
.no_padding{padding-left:0!important}
.no_bg{background:none!important}
.green{color:#3575CA;}
.no_margin{margin:0;}
.dr_con_a:hover{color:#333333; text-decoration:underline;}
.dr_cursor{cursor:pointer;}
input,button{font-family:"微软雅黑";}
.red1{color:#FE4C4C;}
.red2{color: #ED167D;}
.clearfix{clear: both;}




/*-------------------banner部分---------------------*/

.banner_box{width: 100%;background: #fff;padding-bottom: 20px;}
/*logo&search*/.log_search{width: 1200px;margin: 0 auto;height: 116px;/*background: #f66;*/}
.logo{float: left;padding: 33px 43px 0 0;}
.search_box{float: left;padding-top: 42px;position: relative;}
.search_box form:after{content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.search_box .search_txt{width: 558px;height: 40px;line-height: 40px;border: none;outline: none;color: #bbb;font-size: 14px;border: 1px solid #5e9dfa;padding-left: 64px;background: url(../images/search_icon.png) no-repeat 20px center;float: left;}
input::input-placeholder{color: #bbb ;}

/* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别*/

::-webkit-input-placeholder{/* WebKit browsers*/color: #bbb;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18*/color: #bbb;}
::-moz-placeholder{/* Mozilla Firefox 19+*/color: #bbb;}
:-ms-input-placeholder{/* Internet Explorer 10+*/color: #bbb;}
.search_box .search_btn{width: 73px;height: 42px;line-height: 42px;color: #fff;font-size: 18px;text-align: center;border: none;outline: none;/*border: 1px solid #5e9dfa;*/background: #5e9dfa;float: left;cursor: pointer;}
.search_box .search_btn:hover{opacity: .8;}
.search_box ul{position: absolute;left: 0;top: 84px;width: 622px;border: 1px solid #5e9dfa;border-top: none;background: #fff;z-index: 100;display: none;}
.search_box ul li{font-size: 14px;line-height: 28px;padding-left: 22px;cursor: pointer;}
.search_box ul li a{color: #999;display: block;}
.search_box ul li:hover{background: #f6f6f6;}
.search_box ul li:hover a{color: #5e9dfa;}
.double_sign{float: right;padding: 11px 0 10px 0px;}
.double_sign img{width: 200px;height: 95px;}


/*nav&banner*/
.nav_banner{width: 1200px;margin: 0 auto;height: 500px;}
.course_nav{width: 200px;height: 500px;background-color: #474747;float: left;}
.course_nav h3{height: 38px;line-height: 38px;text-align: center;background: #3b83e2;font-size: 16px;}
.course_nav h3 a{color: #fff;display:block;}
.course_nav h3:hover{opacity: .8;}
.course_nav ul li{position: relative;background: #474747;}
.course_nav ul li h4 a{color: #fff;}
.course_nav ul li .course_hide h4 a{color: #fcff00; display: block; }
.course_nav ul li h4 a:hover{color: #f56303;}
.course_nav ul li p a,.course_nav ul li dd a{font-size: 12px;color: #cdcdcd;line-height: 20px;padding-right: 8px;}
.course_nav ul li a:hover{color: #f56303;}
.course_nav ul li .course_show{padding-left: 11px; padding-bottom:10px; border-bottom: 1px solid #6c6c6c; padding-top:8px;}
.course_nav ul .course_li .course_hide{width:516px;background: #333333;position: absolute;left: 200px;top: 0px;z-index: 101;display: none;padding: 20px; }
.course_nav ul .course_li .course_hide dl{ padding:10px 0;}
.course_nav ul .course_last .course_hide{width: 340px;background: #333333;position: absolute;left: 200px;bottom: 0px;z-index: 100;display: none;padding: 5px 0 0 11px;}
.course_nav ul li .course_hide dt h4{ background:#474747; width: 100px; height: 30px; line-height: 30px; border: 1px solid #757575; text-align: center; border-radius: 2px; }
.course_nav ul li .course_hide dl:after{content: "";display: block;clear: both;height: 0;visibility: hidden;}
.course_nav ul li .course_hide dt,.course_nav ul li .course_hide dd{/*float: left;*/}
.course_nav ul li .course_hide dd{ width: 400px; margin-left: 12px; }
.course_nav ul li .course_hide dd a{ margin-top:5px; display: inline-block;}


/*专题nav*//*.topik_nav{width: 1200px;margin: 0 auto;padding: 15px 0 30px 0;}
.topik_nav ul:after{content: "";display: block;clear: both;height: 0;visibility: hidden;}
.topik_nav li{width: 219px;height: 128px;float: left;margin-right: 14px;padding: 14px 35px 0 35px;}
.topik_nav li h3{font-size: 26px;line-height: 40px;padding-bottom: 16px;color: #fff;}
.topik_nav li p{font-size: 16px;color: #fff;background: url(../images/select_more.png) no-repeat 86px center;}
.topik_nav li:hover{-webkit-box-shadow:0 0 2px 5px #f3f3f3;-moz-box-shadow:0 0 2px 5px #f3f3f3;box-shadow:0 0 2px 5px #f3f3f3;}
.topik_nav li p:hover{}
.topik_nav .topik_nav1{background: url(../images/topik_nav1.jpg) no-repeat;}
.topik_nav .topik_nav2{background: url(../images/topik_nav2.jpg) no-repeat;}
.topik_nav .topik_nav3{background: url(../images/topik_nav3.jpg) no-repeat;}
.topik_nav .topik_nav4{background: url(../images/topik_nav4.jpg) no-repeat;margin-right: 0;}*//*

-------------------优选课程---------------------*/
.youxuan_box{width: 1200px;margin: 25px auto 0;}
.yx_box{margin-bottom: 10px;padding-bottom: 25px;background: #fff;}
.youxuan_tit{height: 68px;line-height: 68px;font-size: 26px;color: #619EF7;border-bottom: 1px solid #f1f1f1;padding: 0 36px 0 50px;background: url(../images/tit_bg.png) no-repeat 30px center;}
.yx_tit{height: 45px;line-height: 45px;font-size: 22px;color: #619EF7;border-bottom: none;padding: 0 30px;background: url(../images/tit_bg.png) no-repeat 10px center;background-size: 3px 20px;}
.youxuan_tit a{display: block;color: #bbb;font-size: 18px;float: right;}
.youxuan_tit a:hover{color: #619EF7;}
.yx_ctn ul{padding-left: 30px;}
.yx_ctn ul:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.yx_ctn ul li{width: 260px;height: 185px;padding: 4px;border: 1px solid #d2d2d2;float: left;margin-right: 22px;}
.yx_ctn ul li:hover h3 a{color: #619ef7;}
.yx_ctn ul li img{width: 260px;height: 130px;display: block;}
.yx_ctn ul li h3{font-size: 14px;color: #666666;padding: 4px 0 0px 0;}
.yx_ctn ul li h3 span{float: right;font-weight: 100;}
.yx_ctn ul li .class_hour{color: #666;font-weight: 100;font-size: 14px;float: right;margin-right: 10px;}
.yx_ctn ul li p{font-size: 18px;color: #ff6600;font-weight: 600; margin-top: 4px; }
.yx_ctn ul li p em{float: right;font-weight: 100;font-size: 14px;color: #666666;padding-left: 22px;background: url(../images/shiting_blue.png) no-repeat left center;font-style: normal;}
.yx_ctn ul li p em:hover{color: #619ef7;}
.yx_ctn .yx_label { padding-top: 5px;  }
.yx_ctn .yx_label a{ width: 136px; height: 18px;line-height: 18px;  display: inline-block; text-align: center; font-size: 14px; color: #619ef7; border: 1px solid #619ef7; border-radius: 4px; float: left; }
.yx_ctn .yx_label .score_label{ width: 116px; color:#8fc31f; border: 1px solid #8fc31f; float: right;  }
/*语言那些事*/
.language_box{width: 1200px;margin: 25px auto 0;background: #fff;}
.news_tit span{padding-left:40px;background:url(../images/news.jpg) no-repeat left center;}
.news{padding: 28px 30px 30px;}
.news:after{content: "";display: block;clear: both;height: 0;visibility: hidden;}
.news_left,.news_right{float: left;}
.news_left{width: 588px;height: 420px;border: 1px solid #e3e3e3;margin-right: 24px;overflow: hidden;}
.news_left .xawk_left{width: 110px;height: 420px;border-right: 1px solid #e3e3e3;float: left;}
.news_left .xawk_left img{margin: 0 auto;padding-top: 162px;}
.news_left .xawk_left p{font-size: 12px;color: #666;font-family: arial;text-align: center;}
.news_left .xawk_left p span{font-size: 18px;color: #0976f5;font-family: "微软雅黑";font-weight: 600;padding-top: 20px;}
.news_left .xawk_right{float: left;width: 477px;position: relative;}
.news_left .xawk_right img{width: 477px;height: 100%;}
.news_left .xawk_right div{cursor: pointer;}
.news_left .xawk_right h4{font-size: 14px;font-weight: 400;padding: 10px 24px 2px 36px;width: 417px;background: url(../images/circle.png) no-repeat 18px 19px;color: #666;}
.news_left .xawk_right h4 span{float: right;font-size: 12px;color: #666;}
.news_left .xawk_right .xawk_right_txt{font-size: 12px;color: #999;padding: 0 24px 0 36px;line-height: 18px;}
.news_left .xawk_right div:hover h4{background: url(../images/circle_cur.png) no-repeat 18px 19px;color: #619EF7;}
.news_left .xawk_right div:hover span{color: #619EF7;}
.news_left .xawk_right div:hover .xawk_right_txt{color: #619EF7;}
.news_right{width: 522px;height: 422px;}
.news_right1{width: 520px;height: 272px;border: 1px solid #e3e3e3;margin-bottom: 24px;overflow: hidden;}
.xxyj_left{width: 110px;height: 272px;border-right: 1px solid #e3e3e3;float: left;}
.xxyj_left img{margin: 0 auto;padding-top: 92px;}
.xxyj_left p{font-size: 12px;color: #666;font-family: arial;text-align: center;}
.xxyj_left p span{font-size: 18px;color: #0976f5;font-family: "微软雅黑";font-weight: 600;padding-top: 20px;}
.xxyj_right{float: left;width: 409px;position: relative;}
.xxyj_right img{width: 409px;height: 170px;}
.xxyj_right div{cursor: pointer;}
.xxyj_right h4{font-size: 14px;font-weight: 400;padding: 16px 24px 2px;width: 361px;color: #666;}
.xxyj_right h4 span{float: right;font-size: 12px;color: #666;}
.xxyj_right .xxyj_right_txt{font-size: 12px;color: #999;padding: 0 24px;line-height: 20px;}
.xxyj_right div:hover h4{color: #619EF7;}
.xxyj_right div:hover span{color: #619EF7;}
.xxyj_right div:hover .xxyj_right_txt{color: #619EF7;}
.news_right2{width: 520px;height: 122px;border: 1px solid #e3e3e3;overflow: hidden;}
.yyzx_left{width: 110px;height: 122px;border-right: 1px solid #e3e3e3;float: left;}
.yyzx_left img{margin: 0 auto;padding-top: 20px;}
.yyzx_left p{font-size: 12px;color: #666;font-family: arial;text-align: center;}
.yyzx_left p span{font-size: 18px;color: #0976f5;font-family: "微软雅黑";font-weight: 600;padding-top: 20px;}
.yyzx_right{float: left;width: 409px;position: relative;}
.yyzx_right div{cursor: pointer;}
.yyzx_right h4{font-size: 14px;font-weight: 400;padding: 14px 24px 2px;width: 361px;color: #666;}
.yyzx_right h4 span{float: right;font-size: 12px;color: #666;}
.yyzx_right .yyzx_right_txt{font-size: 12px;color: #999;padding: 0 24px;line-height: 19px;}
.yyzx_right div:hover h4{color: #619EF7;}
.yyzx_right div:hover span{color: #619EF7;}
.yyzx_right div:hover .yyzx_right_txt{color: #619EF7;}
/*朗阁直播间*/
.zhibojian_box{width: 1200px;margin: 25px auto 0;background: #fff;}
.zhibojian_box .youxuan_tit:after{content: "";display: block;clear: both;height: 0;visibility: hidden;}
.zhibojian_box .youxuan_tit h3{float: left;}
.zhibojian_box .youxuan_tit ul{float: left;margin-left: 308px;}
.zhibojian_box .youxuan_tit ul li{float: left;font-size: 18px;color: #838383;margin: 0 13px;line-height: 65px;cursor: pointer;}
.zhibojian_box .youxuan_tit ul li:hover{border-bottom: 3px solid #619ef7;color: #619EF7;}
.zhibojian_box .youxuan_tit ul li.yx_tab_cur{border-bottom: 3px solid #619ef7;color: #619EF7;}
.zhibojian_box .youxuan_tit a{float: right;}
.recent_live_box{padding: 40px 45px;height: 312px;}
.recent_live2,.recent_live3{/*display: none;*/}
.recent_live .bx-viewport{height: 310px;}
.recent_live .slide{position: relative;/*padding: 10px;*/}
.recent_live .slide_img{width: 238px;height: 218px;padding: 10px;/*border: 1px solid #dddddd;*/background: #fff;overflow: hidden;cursor: pointer;}
.recent_live .slide_img:hover{background: url(../images/slide_bg.png) no-repeat left top;background-size: 258px 238px;}
.recent_live .slide_img img{width: 238px;height: 160px;}
.slide_img p{width: 238px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #454545;font-size: 16px;text-align: center;padding: 18px 0 22px 0;}
.recent_live .slide_sale{text-align: center;}
.slide_sale h4{width: 258px;height: 26px;background: url(../images/live_border.jpg) no-repeat center center;}
.slide_sale h5{color: #454545;font-size: 16px;}
.slide_sale p{font-size: 14px;color: #999;}
/*成功案例*/
.success{width:1200px;background:#fff;margin-top:30px;overflow: hidden;margin: 25px auto;}
.success_t{font-size: 32px;color: #383b49;}
.success_t p{line-height: 60px;width: 200px;border-bottom: 1px solid #ff8177;margin: 0 auto;background: url(../images/success_bg.png) no-repeat 4px center,url(/data/static/images/success_bg.png) no-repeat 180px center;}
.success_b{width: 1100px;margin: 22px auto;position: relative;}
.swiper-container{height: 233px;padding-top: 20px;overflow: hidden;}
.swiper-slide{width: 220px;font-size: 18px;background: #fff;float: left;}
.success_b .swiper-slide img{margin: 0 auto;}
.success_b .swiper-slide div{text-align: center;width: 204px;margin: 0 auto;}
.success_b .swiper-slide div h3{padding: 14px 0 6px 0;font-size: 16px;color: #000;}
.success_b .swiper-slide div h3 span{color: #fe6700;}
.success_b .swiper-slide div p{color: #747474;font-size: 12px;line-height: 20px;}
.swiper-button-next, .swiper-button-prev{position: absolute;top: 50%;width: 51px;height: 51px;margin-top: -25px;z-index: 100;cursor: pointer;}
.swiper-button-next{background: url(../images/next.png) no-repeat center center;right: 0px;left: auto;}
.swiper-button-next:hover{background: url(../images/next_cur.png) no-repeat center center;right: 0px;left: auto;}
.swiper-button-prev{background: url(../images/prev.png) no-repeat center center;left: 0px;right: auto;}
.swiper-button-prev:hover{background: url(../images/prev_cur.png) no-repeat center center;left: 0px;right: auto;}
/*友情链接*/.footer1_link{width:1200px;background:#fff;margin: 0 auto 25px;}
.footer1_link dl{padding: 15px 45px 32px;}
.footer1_link dl:after{content: "";clear: both;height: 0;display: block;visibility: hidden;}
.footer1_link dt{float: left;}
.footer1_link dd{float: left;width: 1020px;}
.footer1_link dt{font-size: 14px;color: #999;font-weight: 600;}
.footer1_link dd{font-size: 14px;color: #999;margin-right: 18px;}
.footer1_link dd a{color: #999;}
.footer1_link dd a:hover{color: #666;}
/*底部悬浮*//*.xf_fl{width: 100%;height: 100px;position: fixed;bottom: 0;z-index: 100;}*/.xf_fl_z{/*display: none;*/width: 100%;height: 100px;background-color: #000;filter: "alpha(opacity=75)";filter: alpha(opacity=75);zoom: 1;background: rgba(0,0,0,0.75);position: fixed;left: -100%;bottom: 0;z-index: 100;}
.xf_fl_z ul{width: 1146px;margin: 0 auto;padding: 0 27px;}
.xf_fl_z ul li{float: left;margin: 28px 23px 0;}
.xf_fl_z ul li select{width: 200px;height: 38px; padding: 5px 10px; border-radius: 2px; outline: none;}
.xf_fl_z ul li input{ width: 180px;height: 28px; padding: 5px 10px; color: #888; background: #fff;border-radius: 2px;outline: none;border: none;  }
.xf_fl_z6 .xf_fl_z_close{ width: 17px;height: 15px;background: url(../images/xf_fl_z_close.png) no-repeat 0 0; cursor: pointer; display: inline-block; }
.xf_fl_z6 .xf_fl_z_close:hover{ background: url(../images/on_xf_fl_z_close.png) no-repeat 0 0;  }
.xf_fl_s{cursor: pointer;position: fixed;left: 0%;bottom: 10px;z-index: 100;}
#sho6{display: none;position: fixed;left:50%;top:20%;z-index:1002;width:710px;padding:10px 20px;background:#fff;margin-left:-355px;}
#sho6{padding:0;width:400px;height:200px;margin-left:-225px;overflow:hidden;}
#sho6 .con{padding:0;}
#sho6 .con .p_a{text-align: center;}
#sho6 .con .p_a a{display:inline-block;width:85px;height:25px;border:1px #4275cd solid;color:#4275cd;font-size:12px;font-weight: bold;text-align: center;line-height: 25px;border-radius: 20px;margin-top: 20px;}
#sho6 .con .p_a a:hover{color:#FFFFFF;background: #3575CA;}
#sho6 .p_11{background:#3575c8;color:#fff;font-size:14px;padding:8px 25px;}
#sho6 .p_11 span{float:right;color:#fff;cursor:pointer;}
#sho6 .pp_1{color:#595959;font-size:16px;font-weight: bold;margin:30px 50px 0 50px;line-height: 41px;text-align: center;}
#sho6 .pp_1 span{display: inline-block;margin-left: 10px;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
#alertbg6{display:none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.7;opacity:.70;filter: alpha(opacity=70);width:100%;}
/********** 首页广告样式 *****/
.index_advert_box{position:relative;display: none;}
.index_advert_box .index_advert{/*background: url(../images/index_advert.jpg) no-repeat center;*/width: 100%;height:90px;display:block;}
/*.index_advert_box .index_advert{background: url(../images/index_advert.gif) no-repeat center;width: 100%;height:90px;display:block;}*/.index_advert_box .advert_close{width: 36px;height: 36px;background: url(../images/advert_close.png)no-repeat 0 0;display: block;position: absolute;top:50%;margin-top:-18px;cursor: pointer;}

/******** 用户等级弹出框 *****/
.user_grade{ width: 440px; height: 508px;background: url(../images/user_grade.png)no-repeat 0 0;  border-radius: 10px;position: absolute; top: 40%; left: 50%;
    margin: -254px 0 0 -220px; text-align: center; }
.user_grade .grade_icons{width: 180px;height: 190px;background: url(../images/grading_icon.png)no-repeat 0 0; display: block; margin:130px auto 0; }
.user_grade .grade_v2{ background-position: 0 -231px; }
.user_grade .grade_v3{ background-position: 0 -436px; }
.user_grade .grade_v4{ background-position: 0 -644px; }
.user_grade .grade_v5{ background-position: 0 -877px; }
.user_grade .grade_v6{ background-position: 0 -1134px; }
.user_grade .grade_v7{ background-position: 0 -1402px; }
.user_grade h3{ font-size: 28px; color: #ff9900; padding: 24px 0 15px 0; }
.user_grade .prompt{ font-size: 20px; color: #777; }
.user_grade .prompt span{color: #ff9900; }
.user_grade .sure_but{  width: 120px; height: 44px; line-height: 44px; text-align: center; display: block; color: #fff; background: #ff9900; margin:20px auto 0; border-radius: 4px; letter-spacing:5px; font-size: 22px; transition:all .2s; }
.user_grade .sure_but:hover{ opacity: .8; }


/****** 新注册用户完善信息弹出框 ****/
.perfect_infos{ width: 390px; height:336px; background: #fff; position: absolute; top: 50%; left: 50%;
    margin: -168px 0 0 -195px; border-radius: 20px; }
.perfect_infos .perfect_infos_but{ width: 260px; height: 42px; line-height: 40px; text-align: center; transition: all .2s; display: block; font-size: 20px; color: #fff; background: #5e9dfa; margin: 32px auto 0; border-radius: 8px; }
.perfect_infos .perfect_infos_but:hover{ opacity: .8; }
.perfect_infos .skip_but{ font-size: 14px; color: #6f6f70; margin-right: 66px; margin-top:5px; }
.perfect_infos .skip_but:hover{ color:#5e9dfa; text-decoration: underline; }
.perfect_infos .prompt_img{  display: block; padding: 16px 0 0 36px;}




.public_popup_bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;display:none;}
.mask{background: #000;filter: alpha(opacity=60);opacity: .6;height: 100%;}
.course_nav ul li p a{ position: relative; }
.course_nav ul li p a .index_sale{ width: 35px; height: 19px; background: url(../images/index_sale.gif)no-repeat 0 0; display: block; position: absolute;top:-6px;right:-28px;}


.banR_ctn{ text-align: center;    border-bottom: 1px dashed #e5e5e5; padding: 12px 0 10px 0; }
.banR_ctn img{ margin: 0 auto; }



/*** 销售记录滚动展示 ***/
.sale_record{border-bottom: 1px dashed #e5e5e5;height: 138px;overflow: hidden;}
.sale_record .record_box{ padding-left: 4px; }
.sale_record .record_box .list{ padding-bottom:8px;font-size: 12px;color: #555; }
.sale_record .record_box .list .info{ display: inline-block; }
.sale_record .record_box .list .course_name{color: #f49701;display: block;line-height: 12px;}
.sale_record .record_box .list .course_name:hover{text-decoration:underline;}


/*** 线下中心登录有礼样式 17/11/30 ***/
.popup_context { width: 718px;height: 438px;background: url(../images/popup_bg.png)no-repeat 0 0; position:absolute;top:50%;left:50%;margin:-219px 0 0 -359px; z-index: 30; }
.popup_context .close_btn{  width: 50px;height: 54px;background: url(../images/close_btn.png)no-repeat 0 0; position:absolute;top:3px;right: 32px; display: block; cursor: pointer;}
.popup_context .title{ font-size: 36px;text-align: center;font-weight: bold; padding: 30px 0 10px 0; height: 60px; line-height: 60px;color: #fda046; }
.coupon_context .explain , .course_context .explain{ font-size: 22px;color: #150700;font-weight: bold;text-align: center; }
.course_context .explain span,.coupon_context .explain span{ font-size: 30px;color: #f853b6; }
.course_box{ width: 584px;margin:30px auto 10px; }
.course_box a{ width: 140px;height: 52px;line-height:50px;text-align: center;display: inline-block;font-size: 18px;color: #fff;font-weight: bold;border: 2px solid #f8659d; margin:0 10px 14px 10px; float: left;background:#ff88da; border-radius: 15px;position: relative;overflow:hidden; }
.course_box a .checkbox_icon{ width: 25px;height: 23px;background: url(../images/checkbox_icon.png)no-repeat 0 0; position:absolute;top:2px;right:3px;display:none; }
.course_box .on_checkbox i{display: block;  }
.coupon_context .course_box a { width: 174px;height: 107px;background: url(../images/coupon_50.png)no-repeat 0 0;display: inline-block;border: none;  }
.coupon_context .course_box .course_2{ width: 174px;height: 107px; background: url(../images/coupon_100.png)no-repeat 0 0; }
.coupon_context .course_box .course_3{ width: 174px;height: 107px;background: url(../images/coupon_300.png)no-repeat 0 0; }
.course_box .course_2{ background: #a6df62;border-color:#73c142; }
.course_box .course_3{ background: #ffca22;border-color:#f3a433; }
.course_box .course_4{ background: #c877fb;border-color:#a458df; }
.course_box .course_5{ background: #4abbff;border-color:#2c99fa; }
.course_box .course_6{ background: #fc7652;border-color:#d76f5c; }
.course_box p{ font-size: 16px;color: #5c5c5c;text-align: center;  }
.popup_context_btn .bg_btn{ width: 186px;height: 56px;line-height: 56px;text-align: center;color:#fff;font-size:24px;background:#ff8702; display: block;transition: all .2s;margin:0 auto; border-radius: 40px; }
.popup_context_btn .bg_btn:hover{ opacity: .8; }
.popup_context_btn .skip_btn{ font-size: 14px;text-align: center;display: block; margin-top:10px; }
.popup_context_btn .skip_btn:hover{text-decoration:underline;}

.info_box{ width: 338px;margin:20px auto 5px; }
.info_list .input{ width: 296px; height: 20px; padding: 10px 0 10px 40px;border: 1px solid #ddd;font-size: 16px;color: #999; border-radius: 5px; }
.info_list .name_icon{ width: 16px;height: 15px;background: url(../images/name_icon.png)no-repeat 0 0; position:absolute;top:13px;left:18px;display: block; }
.info_list .select_icon{ width: 14px;height: 17px;background: url(../images/select_icon.png)no-repeat 0 0; position:absolute;top:13px;left:18px;display: block; }
.info_list .phone_icon{ width: 10px;height: 15px;background: url(../images/phone_icon.png)no-repeat 0 0; position:absolute;top:14px;left:18px;display: block; }
.info_list { margin-bottom: 15px;position: relative; }
.info_list .phone_code{ width: 100px;height: 40px;line-height: 40px;text-align: center;display: inline-block;border-radius: 5px;font-size: 16px;color: #ff8702;border:1px solid #ff8702;position:absolute;top:0;right:0;cursor: pointer; }
.info_list .phone_code:hover{ color: #fff;background: #ff8702; }
.coupon_context .back_icon{ width: 134px;height: 54px;background: url(../images/back_icon.png)no-repeat 0 0; position:absolute;top:4px;left:30px;display: block;  }

.welcome_box{ padding-left: 50px; }
.welcome_box h4{ font-size: 16px;color: #5c5c5c;font-weight: bold; padding-bottom: 4px; }
.welcome_box .prompt{ font-size: 14px;color: #5c5c5c; }
.welcome_box .prompt .kefu{ color: #ff8702; }
.welcome_box .prompt .kefu:hover{ text-decoration: underline;  }
.welcome_box .num{ font-size: 18px;color: #ff8702;font-weight: bold; }


.category_1v1{width: 88%;position: absolute;top: 3px;left: 39px; color: #999; border: none;height: 38px;line-height: 38px;outline: none;}