img/comm.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@charset "utf-8";body,h1,h2,h3,h4,h5,h6,hr,p,pre,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,button,input,textarea,figure,figcaption,nav,footer,menu{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}address,em,i,b{font-style:normal}a,a:hover{color:#333;text-decoration:none}ul,ol,li{list-style:none}fieldset,img{border:0}button,input,select,textarea{font:15px \5FAE\8F6F\96C5\9ED1,Helvetica;outline:none}body{background:#ededed;font:15px \5FAE\8F6F\96C5\9ED1,Helvetica;color:#333;overflow:visible}html{-webkit-text-size-adjust:none}.header,.content,.footer{width:100%;overflow:hidden;z-index:1}
.header {width: 100%;background-color:#fff;background-size: auto 70px;z-index: 1;display:none}
.content, .footer {width: 100%;background-color: #ededed;overflow: hidden;z-index: 1;}
.login{height:24px;padding:0 8px;background:-webkit-linear-gradient(top, #ededed 0%, #ececec 50%, #ebebeb 100%);border-bottom:1px solid #e4e4e4;color:#666;line-height:26px;text-align:right}
.orange{color:#5FB1CC;}
.login img{vertical-align:-4px;margin-right:8px}
.top-bar{display:-webkit-box;width:100%;height:42px; line-height:42px; background-color:#fff; border-bottom:1px solid #d8d8d8;}
.top-bar span{ background-image:url(../images/btn_com.png);background-repeat:no-repeat;}
.top-bar .fl{ position:absolute; left:10px; top:0;}
.top-bar .fr{ position:absolute; top:0; right:4px;display:-webkit-box;}
.top-bar span.mod-tit1{ height:42px;background-image:none;font-size:18px; color:#5FB1CC;display:-webkit-box;}
.top-bar span .sign{width:23px; height:42px; display:inline-block; background:url(../images/btn_com.png) 0 -136px no-repeat; margin-left:6px;}
.top-bar .fr span{width:29px; height:42px;margin:0 5px;display:inline-block;}
.top-bar span.mod-tit2{background-position:0 -185px;}
.top-bar span.mod-tit3{background-position:0 -238px;}
.top-bar .con-tit{ width:100%;text-align:center; font-size:20px; color:#000;}
.top-bar .get_back{ background-image:none; color:#5FB1CC;}
.search-box{-webkit-box-flex:1;position:relative;height:24px;margin:8px 7px 0 0;padding:0 0 0 80px}
.search-box .down{display:inline-block;position:absolute;left:0;top:0;height:24px;color:#666;line-height:24px}
.search-box .form{position:relative;height:24px;padding-right:25px;border:1px solid #404040;border-radius:4px;background-color:#404040}
.search-box .form input{width:100%;height:24px;padding:0 0 0 5px;border:none;border-radius:4px 0 0 4px;color:#666;line-height:24px;outline:none;-webkit-appearance:none}
.search-box .form span{position:absolute;right:0;top:0;display:block;width:20px;height:20px;padding:4px 0 0 4px;border-left:1px solid #404040}
.i-down{display:inline-block;content:'';position:relative;width:10px;height:2px;margin-left:3px;border:2px solid #b0cced;border-top:0;background-color:transparent;vertical-align:-1px}
.i-down:before{content:'';position:absolute;left:2px;top:-8px;width:6px;height:8px;background-color:#b0cced}
.i-down:after{content:'';position:absolute;top:-2px;left:0;border-width:4px 5px 0;border-style:solid;border-color:#b0cced transparent}
.i-search{display:block;position:relative;width:9px;height:9px;border:2px solid #fff;border-radius:9px}
.i-search:after{content:'';position:absolute;bottom:1px;right:-6px;width:7px;height:2px;background-color:#fff;-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom}
.nav-bar{height:88px; background-color:#5FB1CC;}
.nav{width:100%;display:-webkit-box;-webkit-box-sizing:border-box;padding:8px 5px;}
.nav li{-webkit-box-flex:1;position:relative;height:72px;padding:0 0 0;text-align:center; color:#fff; border-right:1px solid #f8bc2e;}
.nav li span{width:48px; height:42px; display:inline-block; margin:0 auto; background-image:url(../images/btn_com.png); background-repeat:no-repeat;}
.nav li.item1 span{ background-position:-57px 4px;}
.nav li.item2 span{ background-position:-63px -157px;}
.nav li.item3 span{ background-position:-58px -254px;}
.nav li.item4 span{ background-position:-58px -76px;}
.nav li.item5 span{ background:none;}
.nav li.item5{ border:none;}
.nav li a,.nav li a:visited{color:#fff}
.news-sort{height:36px;}
.news-sort ul{width:100%;display:-webkit-box;-webkit-box-sizing:border-box;height:36px;line-height:36px; background-color:#404040; padding:0 5px;}
.p-0 ul{ padding:0;}
.news-sort ul li{-webkit-box-flex:1;position:relative;height:36px;padding:0 0 0;line-height:36px;font-size:15px;color:#fff;text-align:center}
.news-sort ul li.active{height:36px;background-color:#5FB1CC;line-height:36px;z-index:24}
.news-sort ul li.active i{border-color:#666 transparent}
.news-sort ul li i{margin-left:4px}
.news-sort ul li.active a,.news-sort ul li.active a:visited{color:#fff}
.news-sort ul li a,.news-sort ul li a:visited{display:block;height:100%;color:#fff}
.news-sort-bt ul{width:100%;line-height:35px; max-height:108px;overflow:hidden;background-color:#404040;}
.news-sort-bt ul li{ width:25%;height:35px;font-size:15px;color:#fff;text-align:center; float:left; border-bottom:1px solid #595959; overflow:hidden;}
.news-sort-bt ul li a{ color:#fff;}
.news-sort-bt ul li.active{height:35px;background-color:#5FB1CC;z-index:24}
.game_nav{ border-bottom:1px solid #595959;}
.game_nav ul li.active{ background:none; color:#5FB1CC;}
.game_nav ul li.active a,.game_nav ul li.active a:visited{color:#5FB1CC;}
.d-menu{position:absolute;display:block;width:100%;background-color:#f7f7f7;z-index:20}
.d-menu ul{display:-webkit-box;overflow:hidden}
.d-menu li{-webkit-box-flex:1;height:35px;border-bottom:1px solid #e4e4e4;line-height:35px;text-align:center}
.d-menu li a{display:block}
.footer{padding-top:5px;display:none}
.footer .nav li.active{margin-top:-2px;border-radius:0 0 3px 3px;line-height:32px}