/* CSS base */
html { color:#000;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; } body{ font: 12px/1.5 Helvetica,Arial,sans-serif; color:#333; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } section, header, article, time, nav, footer, figure, figcaption { display:block; margin:0; padding:0; } input:focus, a:focus { outline:none; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } button, input, textarea, select { font-family:tahoma, arial, simsun, sans-serif; font-size:inherit; font-weight:inherit; line-height:1.5; vertical-align:middle; } button, input, textarea, select { *font-size:100%; } textarea { resize:none; } legend { color:#000; } a{ vertical-align:baseline; } a{ text-decoration:none; } a:hover{text-decoration:none;} /*functions*/ .clear { display:block; float:none; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; background:none; border:0; font-size:0; } .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix{ zoom:1; }  

body{color: #444;}
a{color: #444;}
a:hover{color: #2dac5a;}
.hide{display: none;!important;}

#logoArea{width:960px;margin:0px auto;padding:20px 0px;overflow:hidden;height:65px}
#logoArea h2{float:left;margin-top: 20px;display:inline;}
#logoArea h3{float:left;margin-left:5px;display:inline;padding-left: 10px;display: inline;}
.gossipNav{background: #2dac5a;height: 36px;font-family: microsoft yahei;}
.gossipNav div{width: 960px;margin: 0px auto;}
.gossipNav a{display: block;padding: 0px 20px;font-size: 14px;color: #fff;line-height: 36px;float: left;}
.gossipNav a:hover{background: #007c2c;}
.wrap{width: 960px;margin: 0px auto;font-family: microsoft yahei;}
.gossipInfo{margin-top: 30px;}
.gossipInfo .gi_pic{float: left;width: 500px;height: 300px;overflow: hidden;position: relative;}
.gossipInfo .gi_pic img{width: 100%;height: 100%;}
.gossipInfo .gi_txt{float: left;width: 440px;float: right;}
.gossipInfo h1{font-size: 26px;font-weight: bold;border-bottom: 1px solid #ddd;line-height: 40px;height: 40px;overflow: hidden;margin-bottom: 10px;}
.gossipInfo dl{overflow: hidden;line-height: 30px;}
.gossipInfo dt{float: left;width: 80px;text-align: right;}
.gossipInfo dd{width: 350px;float: right;}
.gossipInfo li{float: left;line-height: 30px;height: 30px;overflow: hidden;margin-right: 20px;padding-left: 20px;background: url(../images/wk_gossip_img_04.png) no-repeat left center;display: inline;}
.gossipInfo .git_apply{background: #ea4c89;color: #fff;width: 160px;height: 50px;display: block;font-size: 18px;line-height: 50px;text-align: center;margin-top: 20px;}
.gossipInfo span{margin-right: 20px;float: left;}
.gossipInfo span i{float: left;width: 18px;height: 20px;text-align: center;font-weight: bold;color: #fff;background: #ea4c89;font-style: normal;line-height: 20px;margin-top: 5px;margin-right: 3px;border-radius:3px;}
.gossipInfo span .col_bg_ls{background: #02adea;}

.gossipCourse{margin-top: 20px;}
.gossipCourse .gc_bg{background: url(../images/wk_gossip_img_gb.png) repeat-y left top;}
.gossipCourse h2{font-size: 26px;line-height: 40px;}
.gc_title{background: url(../images/wk_gossip_img_05.png) no-repeat left top;height: 160px;position: relative;}
.gc_title .gct_mod{position: absolute;left:100px;top:0px;width: 160px;height: 80px;text-align: center;font-size: 16px;padding-top: 80px;color: #fff;display: block;}
.gc_title .gct_mod strong{display: block;}
.gc_title .gct_mod span{color: #fff;}
.gc_title .gct_ys2{left:400px;}
.gc_title .gct_ys3{left:700px;}

.gc_box{margin-top: 50px;position: relative;padding-left: 50px;}
.gc_box .gc_mark{position: absolute;display: block;background:#2dac5a url(../images/wk_gossip_img_08.png) no-repeat;width: 36px;height: 36px;left:0px;top:0px;}
.gc_box .gc_ys2{background-color: #ea4c89;}
.gc_box .gc_ys3{background-color: #02adea;}
.gc_box h3{font-size: 24px;line-height: 36px;}
.gc_box p{line-height: 24px;font-size: 14px;color: #666;margin: 10px 0px;}
.gcb_left{float: left;width: 540px;}
.gcb_right{float: right;width: 340px;}
.gcbl_tit{height: 32px;line-height: 32px;border-bottom:2px solid #2dac5a;overflow: hidden;font-weight: bold;font-size: 14px;}
.gcbl_tit h4{font-weight: bold;}
.gcbl_tit span{cursor:pointer;display: inline-block;width: 56px;text-align: center;}
.gcbl_tit .cur{background: #2dac5a;color: #fff;}
.gcbl_btn{overflow: hidden;margin-left: -10px;}
.gcbl_btn a{float: left;width: 80px;margin-left: 10px;line-height: 36px;height: 36px;margin-bottom: 10px;overflow: hidden;color: #fff;background: #2dac5a;text-align: center;color: #fff;font-size: 14px;}
.gcbl_btn a:hover{background: #007c2c;}
.gcb_right ul{padding-top: 10px;}
.gcb_right li{line-height: 30px;height: 30px;overflow: hidden;}
.gcb_right li span{float: left;width: 12px;height: 14px;line-height: 14px;text-align: center;background: #02adea;color: #fff;margin-right: 5px;margin-top: 8px;}
.gcb_right li .gcbr_up{float: right;background: #2dac5a;color: #fff;width: 50px;height: 20px;text-align: center;line-height: 20px;margin-top: 5px;}
.gcb_right li .gcbl_ioc{background: #ea4c89;}
.gcb_ul{width: 100%;}
.gcb_ul ul{margin-left: -33px;}
.gcb_ul li{float: left;width: 280px;height: 160px;position: relative;overflow: hidden;margin-left: 33px;display: inline;}
.gcb_ul li span{position: absolute;width: 100%;height: 30px;line-height: 30px;left:0px;bottom:0px;color: #fff;font-size: 16px;background: rgba(0,0,0,0.4);display: block;}
.gcb_ul li span a{padding: 0px 15px;color: #fff;display: block;}
.gcb_ul img{width: 280px;height: 160px;}

.gcb_serve ul{margin-left: -10px;margin-top: 20px;}
.gcb_serve li{float: left;width: 174px;margin-left: 10px;height: 130px;background: #aaeaff;text-align: center;font-size: 14px;display: inline;}
.gcb_serve li div{height: 75px;width: 100%;background: url(../images/wk_gossip_img_09.png) no-repeat center 8px;}
.gcb_serve li p{color: #444;margin: 0px;}
.gcb_serve .col_bg_02{background: #f4beba;}
.gcb_serve .col_bg_02 div{background-position: center -82px;}
.gcb_serve .col_bg_03{background: #c0e5ff;}
.gcb_serve .col_bg_03 div{background-position: center -173px;}
.gcb_serve .col_bg_04{background: #94ddd0;}
.gcb_serve .col_bg_04 div{background-position: center -263px;}
.gcb_serve .col_bg_05{background: #f4beba;}
.gcb_serve .col_bg_05 div{background-position: center -353px;}

.gcb_hot{margin: 20px 0px;}
.gcb_hot{margin-left: -60px;margin-top: 10px;}
.gcbh_list{float: left;width: 260px;margin-left: 60px;line-height: 30px;display: inline;}
.gcbh_list h4{border-bottom:2px solid #2dac5a;font-weight: bold;font-size: 14px;line-height: 30px;height: 30px;overflow: hidden;}
.gcbh_list li a{font-size: 14px;}
.gcbh_list ul{padding-top: 10px;}

/* footer */
#footer {padding:15px 0 50px; background:#fafafa; text-align:center;border-top:1px solid #ddd;margin-top:20px;color:#666;}
#footer .dib-wrap .dib {margin:0 5px;font-size: 12px;letter-spacing: normal;word-spacing: normal;vertical-align: top;display:inline;}
#footer p {margin:5px 0;}
#footer .links {color:#DDD;}
#footer .links a {margin:0 10px;color:#333;}

/* 弹层 */
.hm{width:100%;background:#000;opacity:0.8; filter:alpha(opacity=80);position:absolute;top:0;left:0;z-index:99;display:none;}
.c_play{width:480px;height:400px;position:fixed;display:none;z-index:100;top:100px;}
.gb{background:url(http://images.koolearn.com/www/kouyu/gb.png) no-repeat;width:25px;height:25px;position:absolute;top:0;right:-50px;cursor:pointer;}
.shipin,.shipin:visited{background:url(http://images.koolearn.com/www/kouyu/play2.png) 50% 50% no-repeat;display:block;height:100%;position:absolute;top:0;left:0;width:100%;}
.shipin:hover{background:rgba(0,0,0,0.6) url(http://images.koolearn.com/www/kouyu/play.png) 50% 50% no-repeat;}

.floatNav{position: fixed;width: 100%;height: 40px;line-height: 40px;overflow: hidden;left:0px;bottom:0px;font-family: microsoft yahei;background: #2dac5a;}
.floatNav div{width: 960px;margin: 0px auto;}
.floatNav a{float: left;padding: 0px 20px;color: #fff;font-size: 16px;line-height: 40px;}
.floatNav a:hover{background: #007c2c;}