/*header*/
.header{position: absolute;width: 100%;top:0;left: 0;z-index: 99;}
.logo{background: url("https://mem168.com/bbs/style/logo_4.png") no-repeat;width: 118px;height: 91px;text-indent: -9999px;}
.nav{width: 1150px; margin-top: 20px;}
.nav li{width: 125px;}
.nav-title{font-size:18px;color: #ffff00;display: block;line-height: 18px;text-align: center;}
.nav-title span{display: block;}
.nav-title em{font-size:12px;color: #666666;letter-spacing: -1px;}
.nav-title:hover span{color: #fff;text-decoration: underline;}

.header:before{position: absolute;width: 100%;height: 0;left: 0;top: 0;content: '';background: rgba(0,0,0,0.6);transition: 0.3s all;}
.sub-nav{height: 0;overflow: hidden;transition: 0.3s all;text-align: center;line-height: 30px;margin-top: 10px;}
.header:hover:before{height: 300px;}
.header:hover .sub-nav{height: 220px;}
/*.header:before{height: 300px;}
.header .sub-nav{height: 220px;}*/

.sub-nav a{display: inline-block;position: relative;color: #cccccc;overflow: inherit;}
.sub-nav a:hover{color: #e1b456;}
.sub-nav i{background: url(https://mem168.com/bbs/style/css/img/spr_4.png) no-repeat;width: 16px;height: 16px;display: inline-block;vertical-align: text-bottom;position: absolute;left: -20px;top: 7px;}
.sub-nav .icon-hot{background-position: -46px -343px;}
.sub-nav .icon-new{background-position: -70px -343px;}
/*header*/