/* 背景颜色 */
#game{
    background: #095671 url('http://res1.ynet.com/images/jb_bj.png') repeat-x center top;
}
/*头部字体颜色*/
#game .cul_title_infor{
    color: #dea254;
}
/*通用标题*/
#game .class_title{
    font: bold 20px/27px "Hiragino Sans GB W6";
    color: #efefef;
    border-left: 4px solid #dea254;
    padding-left: 10px;
    margin: 22px 0;
}
#game .class_title a{
    color: #727171;
}
#game .class_title a:hover{
    color: #2862ac;
}
/*游戏频道轮播图列表部分*/
.banner_box{
    height: auto;
    padding-bottom: 22px;
}
.banner_box .cul_slideShow{
    width: 460px;
    height: 428px;
}
.banner_box .scrollCon .scroll img{
    width: 460px;
    height: 428px;
}
.banner_box .scrollCon .scrollTitle{
    width: 100%;
    background: url('http://res1.ynet.com/images/bn1_bj.png') repeat-x;
}

.banner_box .popularBox{
    width: 320px;
    height: 428px;    
    padding: 0 28px;
}
.banner_box .popularBox a{    
    display: block;
    width: 320px;
    height: 200px;
    overflow: hidden;
}
.banner_box .popularBox a:nth-child(1){
    padding-bottom: 28px;
}
.banner_box .popularBox img{
    width: 320px;
    height: 200px;
}
.banner_box .login a{
    width: 364px;
    height: 428px;
    display: block;
    overflow: hidden;
}
.banner_box .login img{
    width: 364px;
    height: 428px;
}

/*游戏 行业资讯*/
.info_text_image{
    margin-bottom: 22px;
}
.info_text_image .info_box{
    width: 400px;
}
.info_text_image .info_box .title_box .subtitle{
    font: bold 20px/27px "Hiragino Sans GB W6";
    color: #efefef;
    border-left: 4px solid #dea254;
    padding-left: 10px;
    margin: 22px 0;
}
.info_text_image .info_box .content_box{    
    height: 323px;
    background-color: #fff;
    padding: 30px 25px 17px 25px;
    border-right: 1px solid #dcdddd;
}
.info_text_image .info_box .content_box .image_title_box {
    height:auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;  
}
.info_text_image .info_box .content_box .image_title_box a {
    display: block;
}
.info_text_image .info_box .content_box .image_title_box h2 a:hover{
    color: #2862ac;
}
.info_text_image .info_box .content_box .image_title_box span{
    display: block;
    overflow: hidden;
    width: 350px;
    height: 195px;
}
.info_text_image .info_box .content_box .image_title_box img{
    width: 350px;
    height: 195px;
    transition: transform .5s ease-out .1s;
    -webkit-transition: transform .5s ease-out .1s;
}
.info_text_image .info_box .content_box .ulList li h2{
    font-family: "Hiragino Sans GB W6";
    height: 48px;
    padding-top: 22px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.info_text_image .info_box .content_box .ulList li h2 a{
    font-size: 18px;
    font-weight: bold;
    color: #3f3a3a;
}
.info_text_image .info_box .content_box .ulList li p{
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    padding-top: 10px;
    color: #727171;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.info_text_image .info_box .content_box .ulList li a:hover{
    color: #2862ac;
}

.info_text_image .title_list_box{
    width: 400px;
    position: relative;
}
.info_text_image .title_list_box .title_box{
    width: 100%;
    height: 71px;
    line-height: 71px;
}
.info_text_image .title_list_box .title_box .more{
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    color: #9fa0a0;
    margin-right: 35px;
}
.info_text_image .title_list_box .title_box .more:hover{
    color: #dea254;
}
.info_text_image .title_list_box .subtitle{
     font-family: "Hiragino Sans GB W6";
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 22px;    
     padding-left: 10px;    
     color: #3e3a39;
}
.info_text_image .title_list_box .bt_list{    
     height: 328px;
     background-color: #fff;
     padding: 20px 25px 22px 25px;
}
.info_text_image .title_list_box .bt_list li{    
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dcdddd;
    padding-left: 8px;
}
.info_text_image .title_list_box .bt_list li a{    
    font-family: "Hiragino Sans GB W3";
    color: #727171;
    font-size: 14px;
}
.info_text_image .title_list_box .bt_list li a:hover{
    color: #2862ac;
}
.info_text_image .image_box{ 
    position: relative;   
    display: block;
}
.info_text_image .image_box .title_box{
    width: 100%;
    height: 71px;
    line-height: 71px;
}
.info_text_image .image_box .title_box .more{
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    color: #9fa0a0;
    margin-right: 35px;
}
.info_text_image .image_box .title_box .more:hover{
    color: #dea254;
}
.info_text_image .image_box .tg{
    display: block;
    width: 400px;
    height: 370px;
    overflow: hidden;
}
.info_text_image .image_box .tg img{
    width: 400px;
    height: 370px;
}
.info_text_image .image_box .name_box{   
    position: absolute; 
    bottom: 0;
    left: 0;
    background: url('http://res1.ynet.com/images/ryb_bj.png') 100% 100% repeat-x;
    height: 60px;
    line-height: 60px;
    width: 100%;
    z-index: 999;
}
.info_text_image .image_box .name_box a{   
    font-family: "Hiragino Sans GB W6";
    font-size: 18px;
    font-weight: bold;
    color: #efefef;
    margin-left: 35px;
}

/*游戏 推荐测评*/
.info_info_image{
    margin-bottom: 22px;
}
.info_info_image .info_box{
    width: 400px;
}
.info_info_image .info_box .title_box{
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.info_info_image .info_box .title_box .subtitle{    
    font-family: "Hiragino Sans GB W3";
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #efefef;
}
.info_info_image .info_box .title_box .more{
    margin-right: 25px;
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    color: #9fa0a0;
}
.info_info_image .info_box .title_box .more:hover{
    color: #dea254;
}
.info_info_image .info_box .content_box{    
    height: 323px;
    background-color: #fff;
    padding: 30px 25px 17px 25px;
    border-right: 1px solid #dcdddd;
}
.info_info_image .info_box .content_box .image_title_box {
    height:auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;  
}
.info_info_image .info_box .content_box .image_title_box a {
    display: block;
}
.info_info_image .info_box .content_box .image_title_box h2 a:hover{
    color: #2862ac;
}
.info_info_image .info_box .content_box .image_title_box span{
    display: block;
    overflow: hidden;
    width: 350px;
    height: 195px;
}
.info_info_image .info_box .content_box .image_title_box img{
    width: 350px;
    height: 195px;
    transition: transform .5s ease-out .1s;
    -webkit-transition: transform .5s ease-out .1s;
}
.info_info_image .info_box .content_box .ulList li h2{
    font-family: "Hiragino Sans GB W6";
    height: 48px;
    padding-top: 22px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.info_info_image .info_box .content_box .ulList li h2 a{
    font-size: 18px;
    font-weight: bold;
    color: #3f3a3a;
}
.info_info_image .info_box .content_box .ulList li p{
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    padding-top: 10px;
    color: #727171;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.info_info_image .info_box .content_box .ulList li a:hover{
    color: #2862ac;
}
.info_info_image .image_box{ 
    position: relative;   
    display: block;    
    margin-top: 40px;
}
.info_info_image .image_box .tg{
    display: block;
    width: 400px;
    height: 370px;
    overflow: hidden;
}
.info_info_image .image_box .tg img{
    width: 400px;
    height: 370px;
}

/* banner */
.banner{
    margin-bottom: 22px;
}
.banner a{
    width: 1200px;
    height: 95px;
    display: block;
    overflow: hidden;
}
.banner a img{
    width: 1200px;
    height: 95px;
}

/* 热门游戏专区 video_video_list video_video_image*/
.video_video_list{
    margin-bottom: 22px;
}
.video_video_list .video_box{
    width: 400px;
}
.video_video_list .title_box{
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.video_video_list .title_box .subtitle{    
    font-family: "Hiragino Sans GB W3";
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #efefef;
}
.video_video_list .title_box .more{
    margin-right: 25px;
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    color: #9fa0a0;
}
.video_video_list .title_box .more:hover{
    color: #dea254;
}
.video_video_list .video_box .content_box{
    background-color: #fff;
    padding: 30px 25px 16px 25px;
    border-right: 1px solid #dcdddd;    
    box-sizing: border-box;
}
.video_video_list .video_box .content_box .video{
    position: relative;
    width: 170px;
    height: 96px;
    overflow: hidden;
    margin-bottom: 14px;
}
.video_video_list .video_box .content_box .video:nth-child(odd){
    margin-right: 9px;
}
.video_video_list .video_box .content_box .video a img{
    width: 170px;
    height: 96px;
}
.video_video_list .video_box .content_box .video a i{   
    width: 23px;
    height: 23px;
    background: url(http://res1.ynet.com/images/anniu.png) 100% 100% no-repeat;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.video_video_list .list_box{
    width: 400px;
}
.video_video_list .list_box .content_box{
    background-color: #fff;
    padding: 30px 28px 30px 25px;
    border-right: 1px solid #dcdddd;
    box-sizing: border-box;
}
.video_video_list .list_box .content_box .score{
    width: 100%;
    height: 47px;
    line-height: 47px;
    margin-bottom: 6px;
}
.video_video_list .list_box .content_box .score:hover .name{
    color: #2862ac;
}
.video_video_list .list_box .content_box .score a{
    display: flex;
    align-items: center;
}
.video_video_list .list_box .content_box .score:last-child{
    margin-bottom: 0;
}
.video_video_list .list_box .content_box .score .ranking{
    font-style: normal;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #72726f;
    background-color: #d0dae2;
}
.video_video_list .list_box .content_box .score.first .ranking{
    color: #fa3e3a;
}
.video_video_list .list_box .content_box .score.first .hits{
    color: #d13136;
}
.video_video_list .list_box .content_box .score.second .ranking{
    color: #fd8000;
}
.video_video_list .list_box .content_box .score.second .hits{
    color: #d13136;
}
.video_video_list .list_box .content_box .score.third .ranking{
    color: #feb500;
}
.video_video_list .list_box .content_box .score.third .hits{
    color: #d13136;
}
.video_video_list .list_box .content_box .score img{
    width: 80px;
    height: 47px;
    margin: 0 22px 0 12px;
}
.video_video_list .list_box .content_box .score .name{    
    font-family: "Hiragino Sans GB W3";
    color: #727171;
    font-size: 18px;
    flex: 1;
}
.video_video_list .list_box .content_box .score .hits{    
    font-family: "Hiragino Sans GB W3";
    color: #727171;
    font-size: 14px;
}

/* video_video_image */
.video_video_image{
    margin-bottom: 22px;
}
.video_video_image .video_box{
    width: 400px;
}
.video_video_image .video_box .title_box{
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.video_video_image .video_box .title_box .subtitle{    
    font-family: "Hiragino Sans GB W3";
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #efefef;
}
.video_video_image .video_box .title_box .more{
    margin-right: 25px;
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    color: #9fa0a0;
}
.video_video_image .video_box .title_box .more:hover{
    color: #dea254;
}
.video_video_image .video_box .content_box{
    background-color: #fff;
    padding: 30px 25px 16px 25px;
    border-right: 1px solid #dcdddd;    
    box-sizing: border-box;
}
.video_video_image .video_box .content_box .video{
    position: relative;
    width: 170px;
    height: 96px;
    overflow: hidden;
    margin-bottom: 14px;
}
.video_video_image .video_box .content_box .video:nth-child(odd){
    margin-right: 9px;
}
.video_video_image .video_box .content_box .video a img{
    width: 170px;
    height: 96px;
}
.video_video_image .video_box .content_box .video a i{
    width: 23px;
    height: 23px;
    background: url(http://res1.ynet.com/images/anniu.png) 100% 100% no-repeat;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.video_video_image .image_box{ 
    position: relative;   
    display: block;    
    margin-top: 40px;
}
.video_video_image .image_box .tg{
    display: block;
    width: 400px;
    height: 266px;
    overflow: hidden;
}
.video_video_image .image_box .tg img{
    width: 400px;
    height: 266px;
}

/* 赛事专区 text_info_text */
.text_info_text{
    margin-bottom: 22px;
}
.text_info_text .info_box{
    width: 400px;
}
.text_info_text .info_box .title_box{
    width: 100%;
    height: 31px;
}
.text_info_text .info_box .title_box .subtitle{
    font-family: "Hiragino Sans GB W3";
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #efefef;
}
.text_info_text .info_box .content_box{
    background-color: #fff;
    padding: 30px 25px 17px 25px;
    border-right: 1px solid #dcdddd;
}
.text_info_text .info_box .content_box .image_title_box {
    height:auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;  
}
.text_info_text .info_box .content_box .image_title_box a {
    display: block;
}
.text_info_text .info_box .content_box .image_title_box h2 a:hover{
    color: #2862ac;
}
.text_info_text .info_box .content_box .image_title_box span{
    display: block;
    overflow: hidden;
    width: 350px;
    height: 195px;
}
.text_info_text .info_box .content_box .image_title_box img{
    width: 350px;
    height: 195px;
    transition: transform .5s ease-out .1s;
    -webkit-transition: transform .5s ease-out .1s;
}
.text_info_text .info_box .content_box .ulList li h2{
    font-family: "Hiragino Sans GB W6";
    height: 48px;
    padding-top: 22px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.text_info_text .info_box .content_box .ulList li h2 a{
    font-size: 18px;
    font-weight: bold;
    color: #3f3a3a;
}
.text_info_text .info_box .content_box .ulList li p{
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    padding-top: 10px;
    color: #727171;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.text_info_text .info_box .content_box .ulList li a:hover{
    color: #2862ac;
}

.text_info_text .title_list_box{
    width: 400px;
    position: relative;
}
.text_info_text .title_list_box .title_box{
    width: 100%;
    height: 31px;
}
.text_info_text .title_list_box .title_box .more{
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    color: #9fa0a0;
    margin-right: 35px;
}
.text_info_text .title_list_box .title_box .more:hover{
    color: #dea254;
}
.text_info_text .title_list_box .subtitle{
    font-family: "Hiragino Sans GB W3";
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #efefef;
}
.text_info_text .title_list_box .bt_list{
     background-color: #fff;
     padding: 20px 25px 22px 25px;    
     border-right: 1px solid #dcdddd;
}
.text_info_text .title_list_box .bt_list li{    
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dcdddd;
    padding-left: 8px;
}
.text_info_text .title_list_box .bt_list li a{    
    font-family: "Hiragino Sans GB W3";
    color: #727171;
    font-size: 14px;
}
.text_info_text .title_list_box .bt_list li a:hover{
    color: #2862ac;
}

/*游戏 红人专区*/
.info_info_info{
    margin-bottom: 22px;
}
.info_info_info .info_box{
    width: 400px;
}
.info_info_info .info_box .title_box{
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.info_info_info .info_box .title_box .subtitle{    
    font-family: "Hiragino Sans GB W3";
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #efefef;
}
.info_info_info .info_box .title_box .more{
    margin-right: 25px;
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    color: #9fa0a0;
}
.info_info_info .info_box .title_box .more:hover{
    color: #dea254;
}
.info_info_info .info_box .content_box{
    background-color: #fff;
    padding: 30px 25px 17px 25px;
    border-right: 1px solid #dcdddd;
}
.info_info_info .info_box .content_box .image_title_box {
    height:auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;  
}
.info_info_info .info_box .content_box .image_title_box a {
    display: block;
}
.info_info_info .info_box .content_box .image_title_box h2:hover{
    color: #2862ac;
}
.info_info_info .info_box .content_box .image_title_box span{
    display: block;
    overflow: hidden;
    width: 350px;
    height: 195px;
}
.info_info_info .info_box .content_box .image_title_box img{
    width: 350px;
    height: 195px;
    transition: transform .5s ease-out .1s;
    -webkit-transition: transform .5s ease-out .1s;
}
.info_info_info .info_box .content_box .ulList li h2{
    font-family: "Hiragino Sans GB W6";
    height: 48px;
    padding-top: 22px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.info_info_info .info_box .content_box .ulList li h2 a{
    font-size: 18px;
    font-weight: bold;
    color: #3f3a3a;
}
.info_info_info .info_box .content_box .ulList li p{
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    padding-top: 10px;
    color: #727171;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.info_info_info .info_box .content_box .ulList li a:hover{
    color: #2862ac;
}
.info_info_info .image_box{ 
    position: relative;   
    display: block;    
    margin-top: 40px;
}
.info_info_info .image_box .tg{
    display: block;
    width: 400px;
    height: 370px;
    overflow: hidden;
}
.info_info_info .image_box .tg img{
    width: 400px;
    height: 370px;
}

/* 榜单 text_text_image */
.text_text_image{
    margin-bottom: 22px;
}
.text_text_image .title_list_box{
    width: 400px;
    position: relative;
}
.text_text_image .title_list_box .title_box{
    width: 100%;
    height: 31px;
}
.text_text_image .title_list_box .title_box .more{
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    color: #9fa0a0;
    margin-right: 35px;
}
.text_text_image .title_list_box .title_box .more:hover{
    color: #dea254;
}
.text_text_image .title_list_box .subtitle{
    font-family: "Hiragino Sans GB W3";
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #efefef;
}
.text_text_image .title_list_box .bt_list{
     background-color: #fff;
     padding: 20px 25px 22px 25px;    
     border-right: 1px solid #dcdddd;
}
.text_text_image .title_list_box .bt_list li{    
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dcdddd;
    padding-left: 8px;
}
.text_text_image .title_list_box .bt_list li a{    
    font-family: "Hiragino Sans GB W3";
    color: #727171;
    font-size: 14px;
}
.text_text_image .title_list_box .bt_list li a:hover{
    color: #2862ac;
}
.text_text_image .image_box{ 
    position: relative;   
    display: block;
}
.text_text_image .image_box .title_box{
    width: 100%;
    height: 31px;
}
.text_text_image .image_box .title_box .subtitle{    
    font-family: "Hiragino Sans GB W3";
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #efefef;
}
.text_text_image .image_box .title_box .more{
    font-family: "Hiragino Sans GB W3";
    font-size: 14px;
    color: #9fa0a0;
    margin-right: 35px;
}
.text_text_image .image_box .title_box .more:hover{
    color: #dea254;
}
.text_text_image .image_box .tg{
    display: block;
    width: 400px;
    height: 370px;
    overflow: hidden;
}
.text_text_image .image_box .tg img{
    width: 400px;
    height: 370px;
}
.text_text_image .image_box .name_box{   
    position: absolute; 
    bottom: 0;
    left: 0;
    background: url('http://res1.ynet.com/images/ryb_bj.png') 100% 100% repeat-x;
    height: 60px;
    line-height: 60px;
    width: 100%;
    z-index: 999;
}
.text_text_image .image_box .name_box a{   
    font-family: "Hiragino Sans GB W6";
    font-size: 18px;
    font-weight: bold;
    color: #efefef;
    margin-left: 35px;
}




/*鼠标移入放缩*/
.banner_box a img,
.info_text_image a img,
.info_info_image a img,
.banner a img,
.video_video_list .video a img,
.video_video_image a img,
.text_info_text a img,
.info_info_info a img,
.text_text_image a img
{
    transition: transform .5s ease-out .1s;
    -webkit-transition: transform .5s ease-out .1s;
    -moz-transition:transform .5s ease-out .1s;
    -o-transition:transform .5s ease-out .1s;
}
.banner_box a:hover img,
.info_text_image a:hover img,
.info_info_image a:hover img,
.banner a:hover img,
.video_video_list .video a:hover img,
.video_video_image a:hover img,
.text_info_text a:hover img,
.info_info_info a:hover img,
.text_text_image a:hover img
{
    opacity:1;
    filter:alpha(opacity=100);
    transform:scale(1.1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1)
}