﻿/* 全局样式 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{font-size:14px;font-family:"微软雅黑";color:#594f3b;width:100%;}
ul, ol { list-style: none;}
img,fieldset{border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
a{ color:#6b6b6b; text-decoration:none;}
a:hover{color:#47bedd;text-decoration:none;}

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }


.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}

/*以下是body内容*/

/*4.28徐越/更改登录图标开始*/
.denglu_before { display:none; }
.top_ico1{margin:22px 0 0 70px;}
.top_ico1 a,.top_ico2 a { font-size:16px; color:#fff; }
.top_ico1 a:hover,.top_ico2 a:hover { color:#47bedd; }
.top_ico1 span { font-size:16px; margin:0 0 0 10px; color:#fff; }
.top_ico2{margin-top:22px;}

.denglu_after_left { margin:0 0 0 75px; float:left; }
.denglu_after_left a { display:block; position:relative; }
.message_news { position:absolute; top:-4px; right:-8px; }
.denglu_after_left p { position:absolute; top:-5px; right:-8px; font-size:12px; color:#fff; width:24px; height:14px; line-height:14px; text-align:center; }

.denglu_after_right { margin:20px 0 0 15px; position:relative; z-index:100; left:1060px; top:20px; height:113px; width:132px; }
.denglu_user { width:130px; height:30px; border:1px solid rgba(255,255,255,0.1); background:rgba(0,0,0,0.5); }
.shit { position:absolute; top:2px; left:5px; }
.denglu_head_pic { width:25px; height:25px; border-radius:50%; background:#FFF; display:inline-block; margin-top:2px; float:left; }
.user_name { display:block; line-height:30px; float:left; color:#fff; }
.denglu_user p { float:left; color:#fff; font-size:12px; line-height:30px; margin-left:10px; }
.denglu_hover_list { position:absolute; border-left:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.1); color:#fff; width:150px;   }
.denglu_hover_list a { display:block; height:26px; line-height:26px; padding-left:30px; background:rgba(0,0,0,0.5); border-bottom:1px solid rgba(255,255,255,0.1); border-top:1px solid rgba(0,0,0,0.5)); border-left:1px solid rgba(0,0,0,0.5)); font-size:12px; }
.denglu_hover_list a:hover {border:1px solid #47bedd; color:#47bedd; }
.denglu_hover_list .denglu_center { background:rgba(0,0,0,0.5) url(../../img/Advert/center.PNG) no-repeat 7px center; }
.denglu_hover_list .denglu_center:hover { background-image:url(../../img/Advert/center_current.PNG); }
.denglu_hover_list .denglu_resize { background:rgba(0,0,0,0.5) url(../../img/Advert/resize.png) no-repeat 7px center; }
.denglu_hover_list .denglu_resize:hover { background-image:url(../../img/Advert/resize_current.PNG); }
.denglu_hover_list .denglu_tuichu { background:rgba(0,0,0,0.5) url(../../img/Advert/tuichu.png) no-repeat 7px center; }
.denglu_hover_list .denglu_tuichu:hover { background-image:url(../../img/Advert/tuichu_current.PNG); }
/*4.28徐越/更改登录图标结束*/

/*4.28徐越/头部LOGO优化（逃生舱）开始*/
.header h1{margin-top:9px; width:273px; height:51px; overflow:hidden; }
/*4.28徐越/头部LOGO优化（逃生舱）结束*/

/* 内容区大盒子 */
.area{ width:1101px; margin:0 auto; clear:both;}
.area{ *zoom: 1}
.area:after { display:block; height:0px; visibility:hidden; clear:both; CONTENT: "."}

.index{background:url(../../img/Advert/bg.jpg) no-repeat center top;}

/* 头部样式 */
.header{height:60px;}
.nav{width:226px;margin:20px 0 0 39px;}
.nav ul li{float:left;font-size:18px;font-family:"微软雅黑";margin-left:20px;}
.nav ul li a{color:#fff;}
.nav ul li a:hover{color:#47bedd;text-decoration:none;}

.search_form{margin-left:78px;width:285px;height:26px;margin-top:21px;}
.search_input{height:24px;border:1px solid #79ffff;background:#13272e;width:250px;border-right:none;float:left;color:#fff;}
.search_btn{float:right;height:26px;width:34px;background:url(../../img/Advert/btn.jpg) no-repeat;border:none; cursor:pointer}

/* banner样式 */
.banner{width:1101px;overflow:hidden; height:639px;margin:0 auto;}

.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;z-index:999;
}

/* 学习方向样式 */
.study{margin-top:48px;height:auto;overflow:hidden;}
.stydy_title{text-align:center;}

.stydy_con{margin-top:40px;height:160px;}
.stydy_con ul{background:#f00;height:160x;}
.stydy_con ul li{width:239px;height:160px;background:url(../../img/Advert/arrow.jpg) no-repeat center right;float:left;margin-left:42px;}
.stydy_con_hover{width:160px;height:160px;}
.stydy_con_hover_pic{padding-top:11px;text-align:center;}
.stydy_con_hover_txt{font-size:18px;text-align:center;line-height:28px;font-weight:bold;margin-top:6px;}
.stydy_con_hover_txt a{color:#02a5f1;}
.stydy_con_hover:hover{background:#f0f0f0; cursor:pointer;}
.stydy_con ul li.style{width:160px;height:160px;float:left;margin-left:36px;background:none;}


/* 体验课程样式 */
.Experience{margin-top:32px;}
.Experience_top{height:42px;text-align:center;}

.Experience_box{background:url(../../img/Advert/bg2.jpg) no-repeat center;height:638px;margin-top:38px;}

.classBox_3 {width: 1101px;overflow: hidden;background:#dff6fe;height:638px;}

.classBox_3 ul {margin-top:12px;}

.classBox_3 ul li{width: 217px;height: 278px;position: relative;z-index: 1;margin: 5px 0 30px 50px;float: left;}

.Experience_txt{font-family:"微软雅黑";line-height:22px;margin-top:14px;font-size:14px;height:22px;}

.Experience_txt2{font-family:"微软雅黑";line-height:22px;margin-top:5px;font-size:14px;height:22px;}

.classBox_3 ul li .vod {position: absolute;text-align: center;top: 75px;left: -33px;width: 280px;display: none;}

.classBox_3 ul li .info dl{padding: 0px 0px 6px 0px;display: none;}

.classBox_3 ul li .info dl dd{color: #ffffff;padding: 0px 0px 0px 12px;line-height: 20px;}

.classBox_3 ul li .vip {position: absolute;top: 0px;right: 0px;z-index: 2;}



/* 零基础做游戏样式 */
.con_4{margin-top:50px;}
.con_4_title{text-align:center;}
.con_4_con{width:1001px;height:476px;margin:50px auto 0 auto;}
.con4_con_l{position:relative;height:402px;width:332px;}
.con4_con_l_txt{position:absolute;width:332px;height:36px;line-height:36px;background:url(../../img/Advert/black.png) repeat;bottom:0;text-align:center;}
.con4_con_l_txt a{font-size:16px;font-family:"微软雅黑";color:#fff;}

.con4_con_c{margin-left:3px;width:332px;position:relative;}
.con4_con_t{position:relative;}
.con4_con_t_txt{position:absolute;height:36px;width:332px;line-height:36px;background:url(../../img/Advert/black.png) repeat;text-align:center;top:164px;}
.con4_con_t_txt a{font-size:16px;font-family:"微软雅黑";color:#fff;}
.con4_con_b{position:absolute;left:-75px;top:212px;}

.con4_con_r_t{position:relative;height:200px;}
.con4_con_r_t_txt{position:absolute;top:164px;height:36px;width:332px;line-height:36px;background:url(../../img/Advert/black.png) repeat;text-align:center;}
.con4_con_r_t_txt a{font-size:16px;font-family:"微软雅黑";color:#fff;}
.con4_con_r_b{margin-top:2px;position:relative;height:200px;}
.con4_con_r_b_txt{position:absolute;top:164px;height:36px;width:332px;line-height:36px;background:url(../../img/Advert/black.png) repeat;text-align:center;}
.con4_con_r_b_txt a{font-size:16px;font-family:"微软雅黑";color:#fff;}


/* 现场直播 */
.live{height:503px;background:#47bedd;}
.live_title{text-align:center;padding-top: 30px;}
.classBox_2 {width: 1180px;overflow: hidden;padding-bottom: 50px;margin:0 auto;}

.classBox_2 ul{ width: 1250px;height: 330px; background: url(../../img/Advert/timebg.png) no-repeat left bottom;}

.classBox_2 ul li{width: 181px; height: 330px; margin-right: 30px;float: left; position: relative;z-index: 1;text-align: center;}

.classBox_2 ul li .box {width: 185px;position: absolute;left: 0px;bottom: 0px;z-index: 2;background: url(../../img/Advert/dashed.png) repeat-y center top;
padding-bottom: 90px;}

.classBox_2 ul li .po_1{padding-bottom: 90px;
}

.classBox_2 ul li .po_1 .icon span{background: #dc3923;}

.classBox_2 ul li .po_1 .icon span{background: #dc3923;}

.classBox_2 ul li .po_2{padding-bottom: 50px;}

.classBox_2 ul li .po_3{padding-bottom: 110px;}

.classBox_2 ul li .po_4{padding-bottom: 80px;}

.classBox_2 ul li .po_5{padding-bottom: 100px;}

.classBox_2 ul li .info{position: relative;z-index: 10;background: #ffffff;}

.classBox_2 ul li.on .info {background: #dc3923;border: 1px solid #dc3923;}

.classBox_2 ul li .info h3{height: 27px;line-height: 27px;position:absolute;width:185px;background:url(../../img/Advert/black.png) repeat;bottom:0px;
}

.classBox_2 ul li .info h3 a{color:#fff;font-size:14px;}

.classBox_2 ul li.on .info h3{color:#ffffff;}

.classBox_2 ul li.on .info h3 a{color:#ffffff;}

.classBox_2 ul li .info h4{position: absolute;left: 0px;top: -13px;z-index: 10;width: 100%;display: none;}

.classBox_2 ul li.on .info h4{display: block;}

.classBox_2 ul li .info h4 span{display: inline-block;
    padding: 0px 12px;
    height: 22px;
    line-height: 20px;
    -moz-border-radius: 12px;      /* Gecko browsers */
    -webkit-border-radius: 12px;   /* Webkit browsers */
    border-radius: 12px;            /* W3C syntax */
    border: 2px solid #dc3923;
    color: #dc3923;
    background: #ffffff;
}

.classBox_2 ul li .now {padding: 18px 0px 0px 0px;display: none;}

.classBox_2 ul li.on .now {}

.classBox_2 ul li .now a{ display: inline-block;
    padding: 0px 16px;
    height: 32px;
    line-height: 32px;
    background: #dc3923;
    color: #ffffff;
    font-size: 16px;
}

.classBox_2 ul li .now span{
    display: inline-block;
    padding: 0px 16px;
    height: 32px;
    line-height: 32px;
    background: #f0f0f0;
    color: #666666;
    font-size: 16px;
}

.classBox_2 ul li .now a:hover{
    opacity: 0.8;
    filter: Alpha(Opacity=80);
}

.classBox_2 ul li .now a.onmousedown {
    color: #000000;
}

.classBox_2 ul li .icon{
    width: 181px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 3;
}

.classBox_2 ul li .icon span{
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    font-size: 0px;
    overflow: hidden;
    border: 4px solid #ffffff;
    background: #bababa;
    -moz-border-radius: 12px;      /* Gecko browsers */
    -webkit-border-radius: 12px;   /* Webkit browsers */
    border-radius: 12px;            /* W3C syntax */
}

.classBox_2 ul li.on .icon span{
    background: #dc3923;
}

.classBox_2 ul li .time{
    position: absolute;
    left: 0px;
    bottom: -50px;
    width: 181px;
    z-index: 10;
    line-height: 22px;
    color: #4fb0e8;
}

.classBox_2 ul li .time p{
    color: #fff;
    font-size: 16px;
}

.classBox_2 ul li.end {
    width: 80px;
    background: none;
}

.classBox_2 ul li.end .more {
    position: absolute;
    left: 0px;
    bottom: 30px;
    margin: 0px;
}

.classBox_2 ul li.end .more a:hover{
    opacity: 0.8;
    filter: Alpha(Opacity=80);
}

.classBox_2 ul li.end .icon{
    width: 80px;
}

/* 会员升级样式 */
.Member{margin-top:60px;}
.Member_title{text-align:center;}
.Member_con{height:319px;margin-top:8px;padding:0 26px 0 31px;}
.Member_l{width:286px;background:url(../../img/Advert/pic7.jpg) no-repeat;height:319px;}
.Member_l_zhuce{text-align:center;font-size:28px;font-weight:bold;color:#46bdf8;margin-top:70px;}
.Member_l_list{line-height:30px;font-weight:bold;font-size:16px;color:#46bdf8;text-align:center;margin-top:21px;}
.Member_l_zc{text-align:center;margin-top:48px;height:28px;}

.Member_c{width:286px;background:url(../../img/Advert/pic8.jpg) no-repeat;height:319px;margin-left:95px;}
.Member_c_yue{text-align:center;font-size:28px;font-weight:bold;color:#46bdf8;margin-top:70px;}
.Member_c_list{width:177px;margin:25px auto 0 auto;height:auto;overflow:hidden;}
.Member_c_list li{width:66px;float:left;line-height:24px;font-weight:bold;font-size:16px;color:#46bdf8;margin-right:11px;margin-left:11px}
.Member_c_Price{text-align:center;font-size:12px;line-height:16px;margin-top:38px;}
.Member_c_Price p{font-size:14px;color:#fe0000;font-weight:bold;}
.Member_c_Price span{ text-decoration:line-through;color:#727272;}
.Member_c_zf{text-align:center;margin-top:16px;height:28px;}

.Member_r{width:286px;background:url(../../img/Advert/pic9.jpg) no-repeat;height:319px;}
.Member_r_Price{text-align:center;font-size:12px;line-height:16px;margin-top:14px;}
.Member_r_Price p{font-size:14px;color:#fe0000;font-weight:bold;}
.Member_r_Price span{ text-decoration:line-through;color:#727272;}





/* 底部样式 */
.bottom{height:323px;margin-top:66px;background:url(../../img/Advert/bottom_line.jpg) repeat-x #181818;color:#fff;}
.bottom_t{padding-top:47px;height:auto;overflow:hidden;}
.bottom_t_l{width:537px;border-right:1px solid #fff;height:189px;}
.bottom_t_l dl{width:108px;margin-right:35px;float:left;}
.bottom_t_l dl dt{font-size:18px;font-family:"微软雅黑";border-right:1px solid #fff;width:108px;height:20px;margin-bottom:20px;line-height:20px;}
.bottom_t_l dl dd{line-height:24px;font-size:14px;}
.bottom_t_l dl dd a{color:#fff;}
.bottom_t_l dl.none{margin:0;}
.bottom_t_l dl dt.border{border:none;}

.bottom_t_c{width:280px;margin-left:24px;}
.bottom_t_c_title{font-size:16px;}
.bottom_t_c ul{margin-top:18px;}
.bottom_t_c ul li{font-size:14px;line-height:30px;}
.bottom_t_c ul li span{padding-left:5px;width:247px;float:right;}
.bottom_t_c ul li p{float:left;padding-top:3px;width:28px;height:28px;}

.weixin{width:241px;margin-top:35px;}
.weixin_l{width:101px;}
.weixin_r{width:134px;line-height:24px;margin-top:24px;}


.bottom_b{line-height:24px; text-align:center;margin-top:24px;font-size:12px;}


/* 注册样式 */
.enroll{width:330px;border:1px solid #f7f7f7;}
.enroll_out{height:18px;text-align:right;padding-right:6px;margin-top:4px;}
.enroll_title{font-size:16px;color:#00a5ff;font-weight:bold;text-align:center;height:41px;line-height:41px;}

.enroll_txt{width:226px;margin:auto;}
.enroll_txt li{height:30px;width:218px;background:#fcfcfc;margin-bottom:9px;padding:4px 3px}
.enroll_input{width:216px;height:28px;border:1px solid #d7d7d7;font-size:14px;color:#ccc;font-family:"微软雅黑";}

.enroll_yan{width:226px;margin:0 auto;height:36px;}
.enroll_yan_input{width:119px;height:30px;padding:4px 3px;background:#fcfcfc;}
.enroll_yan_input_txt{width:117px;height:28px;border:1px solid #d7d7d7;font-size:14px;color:#ccc;font-family:"微软雅黑";}

.enroll_yan_pic{margin-top:4px;widath:84px;height:30px;}
.enroll_txt1{text-align:right;margin-right:73px;height:16px;line-height::16px;}
.enroll_txt1 a{text-decoration:underline;color:#000;font-size:12px;}

.enroll_automatic{width:226px;margin:45px auto 0 auto;height:26px;line-height:26px;}
.enroll_automatic_l{font-weight:bold;color:#000;}
.enroll_automatic_r{font-size:12px;}
.enroll_automatic_r a{color:#00a5ff; text-decoration:underline;}

.enroll_zc{height:29px;width:83px;line-height:29px;background:#008dff;text-align:center;margin:14px auto 0 auto;}
.enroll_zc a{color:#fff}

.enroll_other{height:49px;line-height:49px;width:226px;padding:24px 0 24px 0;margin:0 auto;}
.enroll_other p{width:96px;margin-left:4px;font-weight:bold;color:#000;}
.enroll_other .enroll_other_pic{margin-right:14px; float:left}

.land{width:226px;margin:9px auto 0 auto;}
.land li.land_y{background:url(../../img/Advert/land_bg.jpg) no-repeat;widht:226px;height:37px;margin-bottom:4px;}
.land li.land_m{background:url(../../img/Advert/land_bg2.jpg) no-repeat;widht:226px;height:37px;margin-bottom:4px;}
.land_input{height:28px;width:174px;border:none;margin:4px 0 0 48px;}

.land_btn{width:226px;margin:23px auto 0 auto;}
.land_btn_l{width:83px;height:29px;background:#f00;line-height:29px;text-align:center;}
.land_btn_l a{color:#fff;}

.land_btn_r{width:83px;height:29px;background:#008dff;line-height:29px;text-align:center;}
.land_btn_r a{color:#fff;}
