@charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form{margin:0;padding:0;} body{ font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; color: #9d9788; background: #fff; } img{border:none;} em{font-style:normal;font-weight:normal;} ul,ol,li{list-style:none;} table {border-collapse:collapse;border-spacing:0;} input,select,label{ vertical-align:middle;} q:before,q:after{content:'';}/* 消除q前后的内容 */ button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */ input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */ .clearfix:after{ display:block; content:""; visibility:hidden; height:0; clear:both} .clearfix{_zoom:1} .txt-12{ font-size: 12px;} .txt-14{font-size: 14px;} .txt-16{ font-size: 16px;} .txt-18{font-size: 18px;} .f-left{ float: left;} .f-right{float: right;} .txt-center{ text-align: center;} .over-flow{overflow: hidden;} .ption-r{ position:relative;} .topbar{ width: 100%; min-width: 1219px; height:90px ; background: #ff5c23;text-align: center; margin-bottom: 30px; box-shadow: 0 5px 25px rgba(0, 0, 0, .3)} .topbar img{margin: 0 auto;} .wraper{ width: 1219px; margin: 0 auto;} .list-1{ width: 1256px; overflow: hidden; padding-top: 20px;} .list-1 li{ width: 277px; height: 380px; margin-right:37px ; float: left; position: relative; z-index: 1;} .list-1 li a,.list-1 li a:hover{ display: block; text-decoration: none;} .list-1 li img{ width: 277px; height: 380px;} .list-1 li .tips{ padding-left: 30px; height: 45px; line-height: 45px; line-height: 45px; background: rgba(155,155,155,.7); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fffffff,endcolorstr=#7Fffffff); font-size: 16px; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 2; width: 247px;} .list-1 li .bor{width: 267px; height: 370px; border: 5px solid #ff5c23;position: absolute; left: 0; top: 0; z-index: 3; display: none; } .list-1 li dl{ position: absolute; width: 257px; padding-left: 10px; background: rgba(255,92,35,.7);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fff5c23,endcolorstr=#7Fff5c23); left: 5px; top: 5px;color: #fff; padding-bottom: 10px; display: none} .list-1 li dl dt{ height: 40px; line-height: 40px; font-size: 14px; } .list-1 li dl dd{ line-height: 20px; font-size: 12px; } .list-1 li span.play{ width: 122px; height: 45px; overflow: hidden; background: url(//cdn.51img1.com/v6/juhe/wan188/images/play.png) no-repeat; position: absolute; z-index: 4; right:0; bottom: 0; text-indent: -999px; display: none;} .list-1 li a:hover .bor,.list-1 li a:hover dl,.list-1 li a:hover span.play{ display: block;} .ad-box{ width: 1219px; height: 88px; padding: 50px 0;} .ad-box a{ display: block; width: 591px; height: 98px; overflow: hidden;position: absolute;left: 0;top: 0;background: #fff; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;} .game-box{ width: 909px;} .list-1.btm-img{ padding: 0; width:918px; overflow: hidden; } .list-1.btm-img li{ width: 300px; height: 250px; margin: 0 6px 6px 0; overflow: hidden;} .list-1.btm-img li img{ width: 300px; height: 250px;} .list-1.btm-img li .bor{width: 289px; height: 269px; } .list-1.btm-img p{ width: 69px; height: 68px; position: absolute; right: -1px; top: 0; z-index: 2; text-indent: -999px; overflow: hidden;} .list-1.btm-img p.new{ background: url(../images/new.png) no-repeat;} .list-1.btm-img p.hot{ background: url(../images/hot.png) no-repeat;} .list-1.btm-img dl{width: 269px; height: 120px; padding-left: 10px; padding-right:10px; background: rgba(255,255,255,.7); left: 5px; top:144px;color: #333;filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fffffff,endcolorstr=#7Fffffff);} .list-1.btm-img dl dt{ font-size: 16px;} .list-1.btm-img dl dt i{ float: right; width: 89px; height: 15px; background: url(../images/star.png) no-repeat; margin-top: 10px;} .list-1.btm-img dl dd{ height: 40px; line-height: 20px; overflow: hidden; font-size: 14px;} .list-1.btm-img dl dd.score{ margin-top: 21px; height: 20px; line-height: 20px; overflow: hidden; font-size: 18px;} .list-1.btm-img dl dd.score em{ font-size: 24px;} .top{ width: 298px; height: 506px; background: url(//cdn.51img1.com/v6/juhe/wan188/images/top-bg.jpg) no-repeat;} .top ul{ width: 250px; margin: 60px auto 0;} .top ul li{ border-bottom: 1px dashed #a7a7a7; font-size: 13px; overflow: hidden; height: 40px; line-height: 40px;} .top ul li i{ width: 9px; height: 17px; background: url(//cdn.51img1.com/v6/juhe/wan188/images/up.png) no-repeat; float: right; margin: 12px 4px 0 0;} .top ul li p{ float: left;} .top ul li p.name{font-size: 16px; width: 120px;} .top ul li a,.top ul li a:hover{color: #999;} .top ul li a .name{color: #666;} .top ul li a:hover .name{color: #ff5c23;} .footer{ clear: both; height: 140px; padding-top:50px; text-align: center; font-size: 16px; color: #999; line-height: 30px;} .footer span{ width:20px ; height: 20px; display: inline-block; *display: inline; zoom:1; vertical-align: middle; margin: -3px 5px 0 0; } .footer span img{ width: 20px; height: 20px;} .pop{ width: 330px; height: 200px; position: fixed; z-index: 999; right: 0; bottom: -210px; background: #A7A7A7;} .pop div{width: 330px; height: 200px; overflow: hidden;} .pop a.close{width: 10px; height: 10px; text-align: center; line-height: 10px; text-decoration: none; position: absolute; top: 0px; right: 0px; color: #000;} .midflash1,.midflash2{float: left;width: 591px;height: 98px;position: relative;} .midflash2{margin-left: 37px;}