.setion{
    width: 100%;
    background: url(/image/content-bg.jpg?v=102) center 52px no-repeat;
}
.footer{
    background: none;
}
.fixed{
    right: 30px;
    top:830px;
    position: absolute;
    height: 423px;
    width: 160px;
    z-index: 100;
    background: url(/image/home/ce_share.jpg) no-repeat;

}
.weibo{
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    right: 53px;
    top: 340px;
    z-index: 100;

}
/*不规则背景图片*/
.setion_infor{
    width: 100%;
    height: 538px;
}
.setion_games{
    width:1209px;
    height: 470px;
    margin: 0 auto;
}
.s_game_introduce{
    position: relative;
    zoom: 1;/*ie7以下浮动*/
    /*display: flex;*/
    /*justify-content: space-around;*/
}
.game_download{
    display: block;
    width: 240px;
    height: 125px;
    background: url(/image/home/download.png) no-repeat  center;
}
.game_download:hover{
    background: url(/image/home/download_hover.png) no-repeat  center;
}
.game_black_box{
    margin-top: 2px;
    display: block;
    width: 240px;
    height: 71px;
}
.game_black_box:hover{
    opacity: 0.8;
}
.game_black_register{
    background: url(/image/zixun_register.png) no-repeat  center;
}
.game_black_hero{
    background: url(/image/zixun_hero.png) no-repeat  center;
}
.game_center{
    width: 472px;
    height: 280px;
    display: block;
    background: url(/image/home/slide_bg.png) no-repeat 0 0;
}
.listone {
    position:absolute;
    z-index: 1;
    right: 10px;
    top: 240px
}
#controls li{
    width: 25px;
    height: 5px;
    background: #000;
    margin: 10px;
    float: left;
}
#controls .star{
    width: 50px;
    height: 5px;
    background:orange;
}
.index_slide{
    width: 458px;
    height: 265px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: 3px;
    left: 5px;
}
.index_slide #img_move{
    width: 9999px;
    overflow: hidden;
    position:absolute;
    transition:all 0.5s;
}
.index_slide #img_move li{
    float:left;
    width: 462px;
    height: 270px;
    overflow: hidden;
}
.index_slide #controls{
    width: 100%;
    position: absolute;
    bottom: 10px;
    left:160px;
}
.game_right{
    width: 440px;
}
.news_line{
    margin-top: -7px;
    width: 464px;
    height: 19px;
    background: url(/image/home/news_line.png) no-repeat 0 0;
}
.gameRight_top span{
    float: left;
    margin: 0 10px 10px 0;
}
#tab_content{
    width: 440px;
    height: 240px;
    overflow:hidden;
}
#tab_content .content_list{
    width: 1760px;
}
#tab_content .content_list li{
    float: left;
    width: 440px;
}
.infor_all{
    background-image: url(/image/home/alls.png);
}
.infor_news{
    background-image: url(/image/home/news.png);
}
.infor_activity{
    background-image: url(/image/home/activity.png);
}
.infor_notice{
    background-image: url(/image/home/notice.png);
}
.tabs{
    float: left;
    padding-left: 10px;
}
.more_news{
    width: 41px;
    height: 40px;
    background: url(/image/home/news_add.png) 0 13px no-repeat;
    float: right;
}
.gameRight_notice{
    width: 436px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #db472f;
    background-color: #fffefd;
    box-shadow: 0 3px 3px 0 rgba(255, 175, 144, 0.3);
    border: solid 1px #ffaf90;
    margin: 10px 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_list{
    display: flex;
    height: 30px;
    justify-content: space-between;
}
.news_list span:hover{
    color: #db472f;
}
/*默认显示*/
#tab_content .content_show{
    display: block;
}
.tabs li{
    display: inline-block;
}
.news_list span{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 19px;
    letter-spacing: 0;
}
.news_list .oSpan01{
    color: #000000;
}

.news_list .oSpan02{
    color: #999999;
}
.s_game_nav{
    display: flex;
    margin:0 auto;
    padding-top: 45px;
    justify-content: space-around;
}
.nav_box {
    width: 207px;
    height: 131px;
}
.line_datach{
    /*width: 2px;*/
    height: 109px;
    margin-top: 5px;
    border: 1px dotted #666666;
}
/*英雄介绍*/
.hero_introduce{
    height: 741px;
    overflow: hidden;
}
.hero_introduce .r_title_right{
    top: 95px;
    position: absolute;
    right: 0;
}
.heroIntroduce_box{
    width: 1200px;
    padding-top: 30px;
    margin: 0 auto;
    position: relative;
}
.line_grad{
    width: 467px;
    height: 1px;
    margin-bottom: 18px;
    display: inline-block;
}
.hero_title{
    height: 80px;
}
.hero_carousel{
    position: relative;
    display: flex;
    margin-top: 50px;
}
.min-btn {
    width:40px;
    height: 175px;
    position:absolute;
    top:10px;
    display:block;
}
/*英雄缩略图*/
.min-prev{
    left:0;
    background: url('/image/left_black.png') 0 70px no-repeat
}
.min-prev:hover{
    background: url('/image/left_black.png') 0 70px no-repeat
}
.min-next{
    right: 0;
    background: url('/image/right_red.png') 0 70px no-repeat
}
.min-next:hover{
    background: url('/image/right_red.png') 0 70px no-repeat
}
.show-box {
    height:auto;
    float:left;
    width:100%;
    position:relative;
}
.show-box li {
    display:none;width:100%;float:left;height:auto;
}
.show-box .show {
    display:block;
}
/*图片在整体的布局中居中，并设置最大的宽度，高度不设限*/
.show-box img {
    display:block;
    max-width:643px;
    margin:0 auto;
    _width:100%;
}
.minImgs {
    width:100%;
    position:relative;
    margin-top:20px;
    float:left;
    overflow:hidden;
}
.min-box {
    width: 1086px;
    height: 170px;
    margin: 20px auto 0;
    overflow: hidden;
}
.min-box-list li {
    width: 1143px;
    margin: 0 auto;
    float: left;
    position: relative;
    bottom: -20px;
}
.min-box-list li img{
    position: absolute;
    left: 9px;
    top: 5px;
}
.min-box-list {
    position:absolute;
    left:0;
    top:0;
}
.min-box-list .cur{
    /*background:#F45E5E;*/
    opacity: 1;
    width: 190px;
    position: relative;
    bottom: 20px;
    background-position: 0 0;
}
.min-box-list .heroImage_figure{
    position: relative;
}
.min-box-list .cur .icon_top{
    display: none;
}
.min-box-list .cur .image_line{
    background-position: 0 0;
}
.min-box-list .cur .heroImage_icon{
    top:30px;
}
.image_line{
    position: relative;
    width: 131px;
    height: 160px;
    background:url('/image/home/hero_kuang.png')  no-repeat ;
    background-position: 0 -160px;
}
.icon_top{
    width: 117px;
    height: 132px;
    position: absolute;
    top: 4px;
    left: 8px;
    background:url('/image/home/opcity.png')  no-repeat ;
}
/*大图的*/
.show-box {
    height:auto;
    float:left;
    width:100%;
    position:relative;
}
.show_box li {
    display:none;
    width:100%;
    float:left;
    /*height:auto;*/
}
.show_box .show {
    display:block;
}
/*图片在整体的布局中居中，并设置最大的宽度，高度不设限*/
.show-box img {
    display:block;
    max-width:643px;
    margin:0 auto;
    _width:100%;
}
.heroImage_icon{
    position: absolute;
    left: 133px;
    top: 10px;
    width:55px!important;
    float: left;
    display: inline-block;
    height: 120px;
    background:url('/image/small_connect.png') 23px 60px no-repeat ;
}
.hero_image{
    margin: 0 auto;
}

.hero_ability{
    display: flex;
    margin-top: 30px;
}
.hero_role{
    margin:50px 40px 0 55px;
}
.hero_person{
    width: 380px;
    height: 438px;
}
.hero_intro{
    margin-top: 70px;
}
.hero_intro .hero_name{
    padding-left: 15px;
    height: 30px;
    font-family: MicrosoftYaHei;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    color: #000000;
    background: url('/image/hero_26.png') 0 12px no-repeat ;
}
.intro_line{
    margin-top: 15px;
    height:4px;
    width: 371px;
    background: url('/image/hero_25.png') 0 1px no-repeat ;
}
.intro_p{
    width: 320px;
    height: 35px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    color: #000000;
}
.intro_look_detail{
    margin-top: 100px;
    width: 131px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: url(/image/home/detail_icon.png)  -1px -1px no-repeat;
}
.right_icon{
    height: 10px;
    width: 13px;
    display: inline-block;
    background: url('/image/hero_right.png') 3px 0 no-repeat ;
}
/*视频中心*/
.radio_box{
    width:1216px;
    overflow: hidden;
    margin: 0 auto 96px;
}
.radio_title{
    margin:50px 0 20px;
}
.r_title_left{
    float: left;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    padding-left: 44px;
    font-family: FZBWKSJW--GB1-0;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #eb8a64;
    background: url('/image/radio_title_left.png') 3px 0 no-repeat ;
}
.r_title_right{
    height: 33px;
    width: 60px;
    display: inline-block;
    float: right;
    background: url(/image/radio_title_right.png) -1px 10px no-repeat;
}
.radio_content{
    display: flex;
}
.img_box img{
    width: 290px;
    height: 205px;
}
.radio_content p{
    height: 35px;
    line-height: 35px;
}
.sideslip{
    width: 1215px;
    margin-top: 80px;
}
.sideslip .bottom .tablist>li{
    position: relative;
    float: left;
    height:160px;
    overflow:hidden;
    transition:all 0.6s linear;
    -webkit-transition:all 0.6s linear;
    -moz-transition:all 0.6s linear;
}
.sideslip .bottom .tablist li.default{
    width: 605px;
}
.sideslip .bottom .tablist li.default .item img {
    width:128px;
    margin: 0 auto;
}

.sideslip .bottom .tablist li.current{
    width:680px;
}
.sideslip .bottom .tablist>li{
    width:256px;
}
.sideslip .tablist li .hover{
    position:absolute;
    /*display:none;*/
    width:100%;

}
.sideslip .tablist li .hover-wrap{
    width:641px;
}
.sideslip .tablist li .hover-wrap .left{
    float: left;
    width: 247px;
    height: 150px;
    position: relative;
}
.sideslip .tablist li .hover-wrap .left .top{
    position: absolute;
    right:0px;
    top:0px;
}
.sideslip .tablist li .hover-wrap .left h2{
    position: absolute;
    left:0px;
    top:58px;
    color:#2e2e2e;
    font-size:28px;
    font-weight:bold;
}
.sideslip .tablist li .hover-wrap .left span{
    font-size:13px;
    color:#fff;
    position:absolute;
    width:100%;
    height:24px;
    left:0px;
    bottom:0px;
    line-height:24px;
    text-align: center;
    background-color:rgba(0,0,0,0.75);
}
.sideslip .tablist li .hover-wrap .right{
    float: left;
}
#right_news span{
    display: inline-block;
    height: 23px;
    line-height: 23px;
}
#right_news a:hover{
    text-decoration: underline;
}
#right_news li a span:hover{
    color: #db472f;
}
#right_news li .left_content{
    width: 254px;
    font-size: 14px;
    color: #000000;
    overflow: hidden;
    float: left;
}
#right_news li .right_date{
    font-size: 14px;
    color: #999999;
    float: right;
}
#right_news a{
    width: 340px;
}
.sideslip .tablist li .hover-wrap .right .right_p p{
    width: 64px;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    font-stretch: normal;
    text-align: center;
}
.sideslip .tablist li .hover-wrap .right .right_p a{
    width: 57px;
    height: 16px;
    line-height: 19px;
    color: #999999;
}
.right_p{
    padding: 20px 0;
    float: left;
    width: 96px;
}
.r_detail:hover{
    color:#de502f!important; 
}
.sideslip .tablist li .hover-wrap .right .right_p .p1{
    font-size: 16px;
    color: #000000;
}
.sideslip .tablist li .hover-wrap .right .right_p .p2{
    font-weight: bold;
    font-size: 20px;
    color: #000000;
}
.sideslip .tablist li .hover-wrap li{
    line-height:2.2;
    position: relative;
}
.sideslip .tablist li .hover-wrap a:hover{
    color:#b4ab78;
}
.sideslip .tablist li.current .hover{
    display:block;
}
.sideslip .tablist .item{
    position: absolute;
    display:block;
    width:100%;
    height:100%;
}
.sideslip .tablist img{
    margin: 0 auto;
}
.sideslip .tablist li.current .item{
    display:none;
}
.lines_H{
    width: 0!important;
    height: 109px!important;
    border-left: 1px dashed #404040;
    float: left;
}
/*选中按钮*/
.tab_default{
    position: relative;
    top:-8px;
    margin-right: 10px;
    background-position: 0 0;
}
/*第三方分享*/
.share_code{
    width: 1200px;
    height: 302px;
    margin: 114px auto 30px;
    background: url(/image/radio_bg.png) -400px 0 no-repeat;
}
.share_code .share_box{
    float: left;
    width: 310px;
    height: 199px;
    position: relative;
    background: url('/image/home/share_bg.png') no-repeat ;
}
.share_code .share_weixin{
    background-position:  0 1px;
}
.share_code .share_weibo{
    margin: 0 130px;
    background-position:  0 -198px;
}
.share_code .share_qq{
    background-position:  0 -398px;
}  
.share_code .share_text{
    position: absolute;
    bottom: 28px;
    left: 30px;
}
.share_code .share_text .WP{
    padding-top: 20px;
    color: #eb8a64;
}
.share_code .share_box img{
    position: absolute;
    right: 4px;
    top: 4px;
}
.share_code .share_qq img{
    right: -1px;
}
.share_code .share_weibo img{
    right: 0;
} 
.share_code .share_box p{
    height: 24px;
    font-size: 16px;
    color: #999999;
}
.intro_look_detail:hover{
    opacity: 0.8;
    filter:alpha(opacity=80);
}
embed{
    width: 300px;
    height: 150px;
}
.min-box-list .heroImage_figure{
    width: 190px;
    margin: 0 auto;
    float: left;
}