@charset "gb2312";*{margin:0;padding:0;list-style-type:none;}
body{font:12px/1.5 "宋体",Helvetica,Arial,sans-serif,"\5b8b\4f53";color:#333;background:#f2f0f0}
dl,menu,ol,ul,dd,p{padding:0;margin:0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
i,em{font-style:normal;font-weight:normal}
a,img{border:0;text-decoration:none;}
a{text-decoration:none;color:#333333;blr:expression(this.onFocus=this.blur());-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s}
a:focus{outline:none;}
a:hover{color:#ff6600;text-decoration:none;_text-decoration:underline;}
img{border:0;-ms-interpolation-mode:bicubic;}
a:hover img{filter:alpha(opacity=95);opacity: .9;}
.clearfix{*zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
:selection{background:#ff9521;color:#fff;}
::-moz-selection{background:#ff9521;color:#fff;}
.fixs{overflow:hidden;clear:both;height:0;font-size:0;line-height:0;}
.coks{padding:11px 0 6px 19px;color:#666;height:18px;overflow:hidden;margin:0 auto;width:1055px;}
.coks em,.coks a{color:#666}
.coks a:hover{color:#f60}
.df{width:1055px;margin:5px auto;}
.dleft{float:left;width:730px;}
.dragon{border:1px solid #e5e5e5;background:#fff;overflow:hidden;margin-bottom:10px;width:730px;}
.food{background-color:#f6f6f7;}
.food1{width:100%;}
.Western a{padding-top:6px;height:34px;_line-height:34px;width:134px;text-align:center;float:left;border-bottom:1px solid #ccc;color:#333;border-right:1px solid #ccc; cursor:pointer}
.Western a:hover{text-decoration:none;color:#333;}
.Western i{display:inline-block;margin-right:5px;margin-bottom:2px;background-image:url(../gmi/head.png);background-repeat:no-repeat;vertical-align:middle;}
.Western .focus{background:#fff;border:1px solid #ccc;border-bottom:0;border-left:0}
.ii1{width:28px;height:28px;background-position:-355px -132px}
.ii2{width:28px;height:28px;background-position:-391px -132px}
.ii3{width:28px;height:28px;background-position:-423px -132px}
.Western b{font-size:16px;font-weight:400;font-family:microsoft yahei;width:50px;}
.Western1{border-bottom:1px solid #ccc;height:40px;}
.rre{clear:both;height:auto;text-align:left;}
.ondis{overflow:hidden;display:block;}
.undis{display:none;}
.second{padding:10px 15px;position:relative;width:690px;background:#fff;_margin-left:10px;}
.second a{padding:0 12px 0 8px;margin:4px 0;height:14px;display:inline-block;line-height:14px;vertical-align:middle;border-right:1px solid #bbb;color:#666;font-size:14px;}
.second a:hover{color:#f60;}
a.youc{border-right:0}

.main{background:#fff;border-top:1px solid #dedede; padding:10px 0 0 10px;}
.count{margin-left:-15px;margin-top:10px;width:102%;}
.count li{display:inline;background:#fff;margin-left:15px;_margin-left:8px; margin-bottom:5px;width:225px;border:1px solid #efefef;height:185px;float:left;position:relative;}
.count li:hover{border:1px solid #ff9521;}
.count a{width:200px;height:133px;}
.count a img{height:133px;width:200px;margin-left:11px;margin-top:10px;}
.count div.otu{line-height:28px;width:190px;padding-left:10px;overflow:hidden;height:30px;text-align:left; font-size:14px; padding-bottom:3px;_padding-bottom:0;}
.count div.otu a{line-height:28px;font-size:14px; padding-bottom:3px;}



/*列表-教程*/
.lieb{border-bottom: 1px solid #E9E9E9;padding-bottom:0;margin-bottom:20px;padding-top:10px;_padding-bottom:15px;padding-left:10px;}
.lieb .pic{display: inline;float: left;margin-right: 10px;overflow: hidden;text-align: center;width: 200px;height: 133px;margin-bottom:20px;_margin-bottom:0}
.lieb .pic img{display: block;width: 200px;height: 133px;}
.lieb dt{float:left;padding-top:5px;margin-right:10px;}
.lieb dt a{background:#f1f1f1;color:#f04848;padding:3px;font-size:12px;}
.lieb dt a:hover{background:#f04848;color:#fff;}
.lieb dd{float:right;width:610px;}
.lieb h4{ height:35px; overflow:hidden}
.lieb h4 a{color: #333;font-size:18px;line-height:34px;padding:0 2px 3px;font-family:"微软雅黑";font-weight:normal;}
.lieb h4 a:hover{color: #fff;text-decoration: none;background:#f60}
.lieb p{line-height: 23px;color: #a2a2a2;font: 12px/22px "宋体" , "Arial Narrow" ,HELVETICA;padding: 0 10px 8px 0;}
.lieb p a{color: #f60;}
.lieb p a:hover{text-decoration: underline;color:#f00}
.iaiq{margin-bottom:5px;overflow:hidden;zoom:1;}
.iaiq,.iaiq a{color:#a2a2a2;font-family: "宋体","Arial Narrow",HELVETICA;}
.riqi{float:left;font-size:12px;}
.riqi a{color: #5188a6;font-weight: normal;padding: 4px 6px;margin-right:10px;font-size:12px;}
.riqi a:hover{text-decoration:underline;color: #5188a6;}
.lbot a{float:left;color:#999;margin-right:10px}
a.zan,a.shou,a.plun{line-height:18px;height:18px;margin-right:16px;color:#999;padding-left:24px;background:url(../gmi/head.png) no-repeat -420px 0;}
a.shou{background:url(../gmi/head.png) no-repeat -420px -49px;font-size:13px;}
a.plun{background:url(../gmi/head.png) no-repeat -466px 0;}
a.shou:hover{background:url(../gmi/head.png) no-repeat -420px -73px}
a.plun:hover{background:url(../gmi/head.png) no-repeat -466px -23px}
a.plun:hover,a.shou:hover{color:#f60;text-decoration:none}
.lbot{ padding-bottom:19px;}
.lbot span{float:left;}
.lbot em{float:right;font-size:12px;color:#999;padding-right:18px;}

.page{padding-top:20px;padding-bottom: 25px;text-align:center;}
.page a{color: #333;padding: 8px 13px;border: 1px solid #E2E2E2;cursor: pointer;font-size: 14px;height: 34px;line-height: 34px;margin-right: 5px;text-align: center;width: 34px;background:#fff}
.page .current{background: none repeat scroll 0 0 #ff9521;padding: 10px 13px 8px;_padding: 8px 13px 8px;border: 1px solid #ff9521;font-size:12px;margin-right:5px;color:#fff;}
.page a:hover{background: none repeat scroll 0 0 #f4f4f4;text-decoration: none;border: 1px solid #bbb; color:#333;}

.dright{float:right;width:315px;}
.open{padding-bottom:10px;background:#fff;overflow:hidden;width:315px;border:1px solid #dedede;}
.think{margin-bottom:10px;padding:0 10px;}
.think h3{color:#666;font-size:20px;}
.think h3 a{line-height:42px;display:inline-block;color:#222;font:18px/40px \5FAE\8F6F\96C5\9ED1;margin-bottom:-2px;}
.think h3 a:hover{color:#f60;}
.wink h3 a{color:#ff8800;font-weight:bold;cursor:pointer}
.morer{font-size:14px;float:right;padding-top:-5px;color:#999;padding-right:18px;background:url(../gmi/head.png) -14px -44px no-repeat;margin-top:10px;height:19px;font-family:"宋体"}
a.morer:hover{background:url(../gmi/head.png) -14px -24px no-repeat;text-decoration:none}
.ondis{padding:0 10px;margin-left:-15px;_margin-left:-18px;}
.ptlist{float:left;margin-bottom:10px;margin-left:15px;_margin-left:10px;}
.ptlist img{width:140px;height:93px;}
.ptlist p{width:140px;height:20px;overflow:hidden; margin-top:3px;}
.ptlist p a{ color:#666}
/*paihang*/
.ranking{margin-bottom:5px;background:#fff;overflow:hidden;margin-top:10px;border:1px solid #dedede; padding-bottom:10px;}
.ranking .think{margin-bottom:3px;}
.course{height:35px;border-bottom:1px dashed #e9e9e9;margin-bottom:-1px;line-height:35px;padding:0 10px;}
.course span{vertical-align:middle;display:inline-block;line-height:20px;color:#fff;text-align:center;width:20px;height:20px;overflow:hidden;background:#ccc;float:left;margin-top:8px}
.course a{font-size:14px;float:left;padding-left:5px;height:35px;width:150px;overflow:hidden;color:#666}
.course a:hover{color:#f60}
.course i{float:right}
.course span.rank1{background:#ff9521}
.course span.rank2{background:#51BE23}
.course span.rank3{background:#389FEE}

.openz{padding-bottom:10px;background:#fff;overflow:hidden;border:1px solid #dedede; _height:300px;}
.openz span a{height:24px;line-height:24px;font-size:12px;color:#666;background:#FAFAFA;text-align:center;margin-bottom:10px;border:1px solid #E7E7E7;float:left;margin-left:11px; width:80px;}
.openz span a:hover{text-decoration:none;color:#fff!important;background:#51bef3;border-color:#379EED}


/*shipin*/.cease{margin-bottom:5px;background:#fff;overflow:hidden;margin-top:10px;width:313px;border:1px solid #dedede;}
.hand{width: 114%;margin-left:15px;margin-bottom:10px;_margin-bottom:20px;}
.wild{width:130px;_border:1px solid #fff;float:left;height:87px;margin-bottom:10px;position:relative;overflow:hidden;margin-right:10px;_margin-right:8px;display:block;}
.place{display:block;width:130px;height:87px}
.hand p{height:22px;bottom:0;left:0;line-height:22px;font-size:12px;position:absolute;width:100%;color:#fff;background:#333;background:rgba(0,0,0,0.5);transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms}
.hand p i{display:block;position:absolute;left:0;top:0;margin:0;}
.hand p span{width:83%;text-overflow:ellipsis;overflow:hidden;padding-left:26px;height:100%;display:block;}
.hand i{width:24px;top:50%;display:none;height:22px;position:absolute;left:50%;margin:-12px 0 0 -12px;background:#ff9521 url(../gmi/head.png) no-repeat -30px 5px;}
.team{width:100%;left:0;opacity:0;_width:0;background:#000;height:100%;_height:0;position:absolute;top:0;_display:none;filter:alpha(opacity=0);transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;}
.wild:hover{_border:1px solid #f60}
.wild:hover p{bottom:-30px}
.wild:hover i{display:block;_display:none;}
.wild:hover .team{opacity:0.5;filter:alpha(opacity=50)}
span.son a:hover{ background:#f60; color:#fff; border:1px solid #f60}

.open span a{height:24px;line-height:24px;font-size:12px;color:#666;background:#FAFAFA;text-align:center;margin-bottom:10px;border:1px solid #E7E7E7;float:left;margin-left:10px; padding:0 5px}

.lay315{padding-bottom:20px;background:#fff;overflow:hidden;width:313px;border:1px solid #dedede;}
.lay315 ul{margin-left:10px;}
.lay315 li{width:270px;text-overflow:ellipsis;height:30px;overflow:hidden;line-height:30px;padding-left:22px;white-space:normal;position:relative;_padding-left:32px;}
.lay315 .line4{border-bottom:1px dashed #ccc;padding-bottom:8px;margin-bottom:8px;}
.lay315 img{float:left;vertical-align:middle;width:26px;height:26px;position:absolute;left:0;top:0;margin:5px 10px 0 0;}
.lay315 li a{font-size:14px;line-height:30px; color:#666; margin-left:10px; _margin-left:5px;overflow:hidden;}
.lay315 li a:hover{color:#f60;}
