.games { margin-top: 890px; }
.games > .hot {
    background: #f6f7fb;
    margin-left: 30px;
    margin-bottom: 40px;
    overflow: hidden;
    border: 1px solid #ededed;
}
.games > .hot > ul {
    width: 1200px;
    padding: 0px 8px;
    overflow: hidden;}
.games > .hot > ul > li {
    float: left;
    width: 320px;
    height: 370px;
    margin: 30px;
    background: #FFF;
    overflow: hidden;
    border: 1px solid #ededed; }
.games > .hot > ul > li > a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 320px;
    height: 370px; }

/*.games>.hot>ul> li>a>div { background: rgba(63,181,241,0.8); position: absolute; left: 0px; top: -300px; height: 300px; right: 0px; z-index: 2; transition: top 0.5s; -moz-transition: top 0.5s; -webkit-transition: top 0.5s;-o-transition: top 0.5s; text-align: center;}
.games>.hot>ul> li>a>div>img { width: 110px; height: 60px; padding: 10px 0px;}
.games>.hot>ul> li>a>div>p { color: #FFF; line-height: 40px; height: 200px; overflow: hidden; padding-top: 50px;}
.games>.hot>ul> li>a>div>p>img { width: 160px; height: 160px;}
.games>.hot>ul> li>a:hover>div { top: 0px; }*/


.games > .hot > ul > li > a > img { width: 100%; height: 160px; }
.games > .hot > ul > li > a > h2 { height: 18px; line-height: 18px; overflow: hidden; padding: 10px; font-size: 18px; }
.games > .hot > ul > li > a > p {
    height: 100px;
    margin: 0px 10px;
    padding: 10px 0px;
    line-height: 22px;
    color: #b1b1b1;
    text-align: justify;
    border-bottom: 1px solid #ededed
}
.games > .hot > ul > li > a > span { display: block; height: 35px; line-height: 35px; padding-right: 10px; color: #9f9f9f; text-align: right; }
.games > .hot > ul > li > a > span > i { display: inline-block; vertical-align: middle; height: 35px; width: 16px; background: url(../images/icon-arrow-1.png) no-repeat center 9px;}
.games > .new { width: 298px; height: 703px; float: left; background: #f6f7fb; overflow: hidden; border: 1px solid #ededed; }
.games > .new > ul > li {  overflow: hidden;border-top: solid 1px #ededed; height: 108px; }
.games > .new > ul > li > a { display: block; overflow: hidden; padding: 20px; position: relative;}
.games > .new > ul > li > a > img { width: 68px; height: 68px; margin-right: 20px; float: left; border-radius: 15px;}
.games > .new > ul > li > a > h2 { height: 25px;}
.games > .new > ul > li > a > p { width:155px;}
.games > .new > ul > li > a > span,.games > .new > ul > li > a > p { display: block; color: #999; line-height: 23px; overflow: hidden;}
.games > .new > ul > li > a > span { background: url(../images/icon-time.png) no-repeat left 3px; padding-left: 20px;}
.games > .new > ul > li > a > i { display: inline-block; width: 15px; height: 28px; right: 20px; top: 50%; margin-top: -14px; background: url(../images/arrow.png); position: absolute;}
.games > .new > ul > li > a:hover { background: #FFF;}
.glist ,.glist > .news {  border: 1px solid #ededed;height: 276px; } 
.glist { width: 1258px;}

.glist > dl { float: left; height: 210px; margin-bottom: 10px;}
.glist > dl dt ,.glist > dl dd{ padding-left: 20px;}
.glist > dl dt {font-weight: bold; height: 30px; clear: both;}
.glist > dl dd { height: 30px; overflow: hidden;}
.glist > dl dd a { line-height: 30px;}
.glist > dl.hret { width:199px; border-right: 1px dotted #ccc;}
.glist > dl.nret { width: 1058px;}
.glist > dl.nret dd{ float: left; width: 156px;}
.news {border: 1px solid #ededed; width: 778px; float: left; height: 310px; margin-right: 20px;} 
.news dl dt,.news dl dd { padding: 0px 20px;}
.news dl dt h2 { overflow: hidden; height: 40px;}
.news dl dt h2 a { line-height: 40px; display: inline-block; font-size: 16px;}
.news dl dt p { height: 50px; color: #b1b1b1; line-height: 25px; overflow: hidden; margin-bottom: 10px;} 
.news dl dd { height: 30px;}
.news dl dd a { line-height: 30px;}
.news dl dd a span { float: right;}
.ad { float: left; width: 460px;}
.ad a { display: block; overflow: hidden;}
.ad .mt10 { margin-top: 10px;}
.ad img { width: 460px; height: 150px;}