/*banner轮播图*/
.slideBox{ width:1920px; height:870px;position:relative;left:50%;margin-left:-960px; overflow: hidden;}
.slideBox .hd{height:20px;position: absolute;right: 0px;bottom:357px;z-index: 1;width: 1200px;    left: 50%; margin-left: -600px;}
.slideBox .hd ul{zoom:1;position: absolute;right: 0; width: auto;}
.slideBox .hd ul li{float: left;zoom:1;*display:inline;margin:0px 4px;
    /*width:14px;height:14px;*/
    cursor:pointer;position:relative;z-index:9999;vertical-align: middle;}
.slideBox .hd ul li:last-child{margin-right: 0}
.slideBox .hd ul li i{margin:1px 0;width:14px;height:14px;-webkit-border-radius:14px;border-radius:14px;background:#BCB6B6; display: block;}
.slideBox .hd ul li.on i{background:#FFFFFF;height:16px;width:16px;margin:0px;}
/*新闻轮播*/ 
.hd-wrap{position: relative;}
.news{height: 337px;position: absolute;width: 1200px;left: 50%;bottom: 0;margin-left: -600px;}
.news-slideBox{ width:630px; height:337px;position:relative;left:0px;bottom:0px;overflow:hidden;}
.news-slideBox .hd{ height:14px;position:absolute; right:0px; bottom:24px; z-index:1;width:100%;}
.news-slideBox .hd ul{zoom:1;width:100%;text-align:center;height:0px;}
.news-slideBox .hd ul li{display:inline-block;zoom:1;*display:inline;margin:0px 2px;width:14px;height:14px;cursor:pointer;position:relative;z-index:9999;vertical-align: middle;}
.news-slideBox .hd ul li i{margin:1px;width:12px;height:12px;-webkit-border-radius:14px;border-radius:14px;background:#BCB6B6; display: block;}
.news-slideBox .hd ul li.on i{background:#FFFFFF;height:14px;width:14px;margin:0px;}

/*新闻切换*/
.news-item2{background: #2e2e2e;width: 570px;height:337px;position: absolute;right: 0;top: 0; padding: 0px 40px 0px 40px;box-sizing: border-box;}
/*旧标题*/
.more{position: absolute;right: 0;top: 0;cursor: pointer;}
.news-tab{height: 52px;border-bottom: 1px solid #383838;}
.news-tab ul {overflow: hidden;}
.news-tab ul li{float: left;height: 51px;line-height: 52px;color: #6e6e6e;font-size: 14px;cursor: pointer;}
.news-tab ul li+li{margin-left: 30px;}
.news-tab ul li.on{color: #f68121;border-bottom: 2px solid #f68121;}

/*新标题更新*/
.news-tab2{height: 51px;border-bottom: 1px solid #383838;}
.news-tab2 ul{ overflow: hidden;height: 52px; }
.news-tab2 ul li{float: left;height: 50px;line-height: 52px;color: #6e6e6e;font-size: 14px;cursor: pointer;
    /*width: 107px;*/
    width: 96px;
    text-align: center;}

.news-tab2 ul li{margin-right: 11px}
.news-tab2 .bd-con{
    /*padding: 0 32px; box-sizing: border-box;*/
    box-sizing: border-box;
    width: 414px;
    float: left;
    margin-left: 20px;
    overflow: hidden;
}
.news-tab2 ul li.on span{color: #f68121;border-bottom: 2px solid #f68121;display: inline-block;  height: 50px;}
.news-loop .prev{  position: relative;z-index: 9;  background: url(../img/new-index/jt.jpg) no-repeat;    margin-top: 18px;cursor: pointer; display: block; width: 18px; height: 17px; float: left;}
.news-loop .next{  position: relative;z-index: 9;  background: url(../img/new-index/jt.jpg) no-repeat;    margin-top: 18px;    background-position: -19px 0px;cursor: pointer; display: block; width: 18px; height: 17px; float: right;  }
.news-loop .prev:hover{background: url(../img/new-index/jt.jpg) no-repeat;    background-position: 0px -18px;}
.news-loop .next:hover{background: url(../img/new-index/jt.jpg) no-repeat;     background-position: -19px -18px;}
.news-tab2.on{    position: fixed; width: 734px; background: #fff; top: 0;padding: 12px 0;}
/*end*/


/*新闻内容*/

/*新新闻内容更新*/
.news-ul .news-list+.news-list{display: none;}
/*end*/

.news-list .news-tit{ cursor: pointer; font-size: 22px;color: #f68121;font-weight: bold;margin-top: 25px;margin-bottom: 17px;    overflow: hidden; white-space: nowrap;    text-overflow: ellipsis;}
.news-list-ul div{background: url("../img/new-index/n-icon.png") left center no-repeat; padding-left: 11px;box-sizing: border-box;    height: 32px;line-height: 32px;}
.news-list-ul i{font-size: 14px;color: #6e6e6e;margin-left: 10px;  margin-right: 8px;}
.news-list-ul span{ font-size: 14px; color: #c3c3c3;}
.news-list-ul span.txt{    width: 360px;
    /*display: inline-block;vertical-align: middle;  */
    white-space: nowrap;  overflow: hidden; text-overflow: ellipsis}
.news-list-ul span.txt:hover{ color:white;}
.news-list-ul .time{font-size: 14px;color: #737373;float: right;}

/*公共*/
.left-box{width: 366px;}
.rigth-box{width: 814px;    position: relative;}
.tit{position: relative;font-size: 18px;color: #333333;box-sizing: border-box;margin-top: 36px;margin-bottom: 17px;}
.tit i{ width: 4px;background:  #f68121;display: inline-block;vertical-align: middle;margin-right:10px; margin-top:-2px; height: 18px; }
.tit a{cursor: pointer;color: #999;font-size: 12px;float: right;height: 26px;line-height: 26px;background: url("../img/new-index/more2.png") right center no-repeat ;padding-right:  22px;}
.tit a:hover{ color:#f68121;background: url("../img/new-index/more2_hover.png") right center no-repeat ;}
.fr-con{    width: 366px;}
.fr-con.dw1{position: fixed;top: -15px;}
.fr-con.dw2{position: absolute;top:auto;right: 0;bottom: 40px;}
.pos-rela{position: relative;}

.kf-swp .pageState{    color: #999; font-size: 12px; letter-spacing: 4px; display: inline-block;vertical-align: middle;}
.kf-swp .btn{    height: 24px;   position: absolute; top: -40px; right: 0;}
.kf-swp .btn span{cursor: pointer; display: inline-block; width: 18px; height: 17px; margin-left: 8px; -webkit-transition: background .3s; -mz-transition: background .3s; -moz-transition: background .3s; transition: background .3s;}
.kf-swp .prev{background: url(../img/new-index/arrow.png) no-repeat; }
.kf-swp .prev:hover{background: url(../img/new-index/arrow-h.png) no-repeat;}
.kf-swp .next {background: url(../img/new-index/arrow.png) no-repeat;  background-position: -26px 0px;}
.kf-swp .next:hover{background: url(../img/new-index/arrow-h.png) no-repeat; background-position:-26px 0px;}
.kf-btn{display:inline-block;vertical-align:-5px;}

/*开服公告*/
.kf-con{background: #fff; padding:0 20px;  box-sizing: border-box; position: relative;}
.kf-con .bd{  height: 436px; overflow: hidden;}

.gm:hover .kf-lb{height: 206px;transition: all .3s;background: #fff;}

.sideMenu .kf-lb{height: 0px;overflow: hidden;transition: all .3s; bottom: 0px; left: 0px; position: relative;}
.sideMenu .kf-tit{padding: 20px 0;border-bottom: 1px solid #f2f2f2;top: 0px; position: relative;transition: all .3s;}
.sideMenu .kf-tit.nobr{border-bottom: none;}
.sideMenu:last-child .kf-tit{border-bottom: none;}
.sideMenu .game-img{width: 68px;height: 68px;overflow: hidden;float: left;}
.sideMenu .kf-kf{
    /*width:145px;*/
    /*height:69px;*/
    float:left;padding-left:15px;}
.sideMenu .kf-kf h4{font-size: 14px;font-weight: normal; color: #333; margin-top:-1px;}
.sideMenu .kf-kf i{font-size: 12px;color: #999;margin-top: 9px;margin-bottom: 6px;display: block;}
.sideMenu .kf-kf span{font-size: 12px;background: url("../img/new-index/time-icon.jpg") left center no-repeat; text-indent: 23px;display: block;color: #999;}
.sideMenu em{transition: all .3s;background: url("../img/new-index/down-icon.png") center center no-repeat;width: 20px;height: 10px;    float: right;display: block; position: relative; right: 0px; top: 28px;}
.gm:hover em{transform: rotate(180deg);transition: all .3s;background: url("../img/new-index/down-icon_hover.png") center center no-repeat;}
.inBd-tab p{height: 50px; line-height: 50px; border-bottom: 1px solid #f2f2f2;}
.inBd-tab span{font-size: 12px;color: #333333;}
.inBd-tab .s2{font-size: 12px;color: #999999;float: right;}
.kf-ny-list{position: relative;}

.gm4:hover .kf-tit{border-bottom: 1px solid #f2f2f2;transition: all .3s;top: -218px;position: relative;background: #fff;width: 100%;z-index: 9999;}
.gm4:hover .kf-lb{position: absolute; width: 100%;z-index: 999 ;}
.gm4 .kf-lb{bottom: 14px;}
.gm3 .kf-lb,.gm4 .kf-lb{position: absolute;z-index: 99;}
.gm3:hover .kf-tit{top: -220px;position: relative;z-index: 999;background: #fff;width: 100%;transition: all .3s}
.gm3:hover .kf-lb{position: absolute; width: 100%;z-index: 999 ;}
.gm3 .kf-lb{bottom: 14px;}
.sideMenu{position: relative;}

/*热门手游*/
.hot-game ul{overflow: hidden;}
.hot-game li{float: left;width:402px;height: 213px; position: relative;overflow: hidden;}
/*.hg-bg{position:absolute;left:0px;top:0px;height:100%;width:100%;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3;z-index:2;background:#000;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}*/
.hg-txt{position:absolute;bottom:0px;left:0px;height:128px;background:url(../img/new-index/hg-txt.png) repeat-x;width:100%;z-index:9;}
.hg-txt span{position:absolute;left:20px;bottom:37px;color:#ffffff;font-size:22px;text-overflow : ellipsis; width:50%;white-space : nowrap; overflow : hidden;}
.hg-txt span a{color:#fff; font-size:16px;font-weight: bold;}
.hg-txt p{position:absolute;left:20px;bottom:18px;color:#999999;font-size:12px;text-overflow : ellipsis; width:50%;white-space : nowrap; overflow : hidden; }
.hg-bg{position:absolute;left:0px;top:0px;height:100%;width:100%;filter:alpha(opacity=0);-moz-opacity:.0;-khtml-opacity:.0;opacity:.0;z-index:2;background:#000;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.hg-txt .h-xz{width:82px;height:24px;border:1px solid #b3b3b3;display:block;font-size:12px;color:#fff;text-align:center;line-height:24px;border-radius: 20px;position:absolute;right:20px;bottom:26px;}
.hg-txt .h-xz:hover,.package a:hover em{color: #fff;border: 1px solid #F68121;background:#F68121;}
.hot-game img{-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;width: 100%;}
.hot-game li:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.hot-game li:hover .hg-bg{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.hg-bg-opacity{filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6;}

.li-mt{margin-bottom: 10px;}
.li-ml{margin-left: 10px;}

/*快速通道*/
.quick-con{ padding: 0 20px;background: #fff;height: 210px;}
.quick-con ul{overflow: hidden;}
.quick-con ul li{    float: left; width: 33.3%; position: relative;height: 55px;line-height: 55px;border-bottom: 1px solid #f2f2f2;}
.quick-con ul li a img{vertical-align: middle;margin-right: 6px;}
.quick-con ul li a span{vertical-align: middle;font-size: 14px;color: #333;}
.quick-con ul li a:hover span{ color:#f68121;}
.quick-phone>img{display: inline-block;vertical-align: middle;margin-right: 10px; margin-top:-4px;}
.quick-phone{    height: 96px; display: flex; justify-content: center;align-items: center;}
.quick-phone>div{display: inline-block;vertical-align: middle}
.quick-phone>div p{font-size: 26px;color: #333;}
.quick-phone>div .time{font-size: 12px;color: #999;}
.quick-phone-item img{margin-bottom: 4px;}

/*礼包中心*/
.gift-con{height: 210px;}
/*.gift-con ul {overflow: hidden;}*/
.gift-con ul li{
    -webkit-transition: all .2s;
    -mz-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    float: left;width: 196px;height: 210px;background: #fff;text-align: center;box-sizing: border-box;}
.gift-con ul li a{display: block;height: 100%;}
.gift-con ul li:hover{
    -webkit-transition: all .2s;
    -mz-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    transform: translate3d(0,-2px,0);}
.gift-con ul li:hover span{    color: #fff; border: 1px solid #F68121;background: #F68121;}
.gift-con ul li+li{margin-left: 10px;}
.gift-con ul li img{width: 73px;height: 73px;overflow: hidden;padding-top: 20px;}
.gift-con ul li h3{color: #333; margin-top:9px; font-size: 16px;font-weight: normal; }
.gift-con ul li p{color: #999;font-size: 12px; margin-top:5px;}
.gift-con ul li span{margin-top: 18px; color: #333;font-size: 12px;width: 82px;text-align: center;border-radius: 12px;border: 1px solid #e5e5e5;height: 23px;line-height: 23px;display: inline-block;}

/*游戏专题*/
.game-subject .subject-item{width: 366px;height: 194px;overflow: hidden; }
.game-subject .subject-item:first-child{height: 195px;}
.game-subject .mb{margin-bottom: 10px;}
.game-subject .mb:last-child{margin-bottom:0;}

.game-subject a:hover img{-webkit-animation:flash ease-in-out .5s both .3s 0 ease;-moz-animation:flash ease-in-out .5s both .3s 0 ease;-ms-animation:flash ease-in-out .5s both .3s 0 ease;-o-animation:flash ease-in-out .5s both .3s 0 ease;animation:flash ease-in-out .5s both .3s 0 ease;-moz-animation:flash ease-in-out .5s both;-webkit-animation:flash ease-in-out .5s both;-o-animation:flash ease-in-out .5s both;-ms-animation:flash ease-in-out .5s both;animation:flash ease-in-out .5s both}

@-webkit-keyframes flash{
    0%,100%{opacity:1;filter:alpha(opacity=100)}
    50%{opacity:.8;filter:alpha(opacity=80)}
}
@-moz-keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
    50%{opacity:.8;filter:alpha(opacity=80)}
}
@-o-keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
    50%{opacity:.8;filter:alpha(opacity=80)}
}
@-ms-keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
    50%{opacity:.8;filter:alpha(opacity=80)}
}
@keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
    50%{opacity:.8;filter:alpha(opacity=80)}
}

/*新闻公告*/
.mb40{margin-bottom: 40px}
.notice-con{    height: 399px;  overflow: hidden;}
.notice-con .notice-tab{position: absolute;top: 39px; left: 144px;}
.notice-con .notice-tab li{float: left;cursor: pointer;font-size: 14px;color: #999;}
.notice-con .notice-tab li:hover{color: #666;}
.notice-con .notice-tab li.on{color: #f68121;}
.notice-con .notice-tab li.on span{border-bottom: 2px solid #f68121;    padding-bottom: 3px;}
.notice-con .notice-tab li img{margin: 0 20px;}

.notice-con .notice-list .notice-box{cursor: pointer; font: 12px "HelveticaNeueCE35Thin",'微软雅黑';position: relative; float: left;width: 406px;height: 199px;background: #fff;border-bottom: 1px solid #f2f2f2;    border-right: 1px solid #f2f2f2;}
.notice-con .notice-list .notice-box.nobr{border-right: none;}
.notice-item_wrapper{padding:0 50px; padding-top:57px;   transition: all 0.36s ease;}
.notice-item_wrapper .title{font-size: 16px;color: #333;margin-bottom: 21px;}
.notice-item_wrapper .item_des .description{font-size: 12px;color: #999; line-height: 22px;}
.date_wrap {position: absolute;top: 30px;right: 40px;opacity: 0; transition: all 0.36s ease;}
.date_wrap .date_num{ font-size: 28px;line-height: 32px;    color: #f68121;  font-family: Gotham-Bold;    margin-top: -60px; transition: all 0.66s ease;}
.line{ position: absolute;  right: -96px; top: -70px; opacity: 0;transition: 0.36s ease; transition-delay: 0.08s;}
.line path {
    stroke-dasharray: 200px;
    stroke-dashoffset: 200;
    transition: 0.36s ease;
    transition-delay: 0.08s;
}
.notice-list .notice-box:hover .description{
    color: #666;
}
.notice-list .notice-box:hover .title {
    color: #f68121;
}
.notice-list .notice-box:hover {
    box-shadow: inset 0 0 0 3px #f68121;
}
.notice-con .notice-list .notice-box:hover .item_index{
    transform: scale(2);
    opacity: 0;
}
.notice-con .notice-list .notice-box:hover .date_wrap .date_num{
    margin-top: 0;

}
.notice-con .notice-list .notice-box:hover .line{
    right: -32px;
    top: 25px;
    transition: 0.36s ease;
    transition-delay: 0.08s;
    opacity: 1;
}
.notice-con .notice-list .notice-box:hover .notice-item_wrapper {
    padding-top: 110px;
    transition: all 0.36s ease;
}
.notice-con .notice-list .notice-box:hover .notice-item_wrapper .item_des{
    height: 26px;
    overflow: hidden;
}
.notice-con .notice-list .notice-box:hover .date_wrap,.news-list .notice-box:hover .line{
    opacity: 1;
    transition: all 0.66s ease;
}
.notice-list .notice-box:hover .line path {
    stroke-dasharray: 45px;
    stroke-dashoffset: -20;
}


/*新闻资讯页 布局*/
.list-lf{width: 814px; margin-bottom: 40px;}
.list-rt{width: 366px; margin-bottom: 40px;}

/*新闻资讯*/
.news-info-con{  background: #fff;padding: 40px;box-sizing: border-box;color: #333333;font-size: 16px;    min-height: 831px;}
.news-info-con h3{color: #333333;font-size: 24px;}
.news-info-con i{color: #999999;font-size: 12px;margin-top: 14px;margin-bottom: 20px;padding-bottom: 28px;display: block;border-bottom: 1px solid #f2f2f2;}
.news-info-con p{line-height: 30px;    font-size: 16px;}
.news-info-con img{max-width: 650px;margin: 30px 0;}
.other-info-con{ box-sizing: border-box; padding: 16px 20px;height: 319px;background: #fff;}
.other-info-con li a{color: #333333;font-size: 14px;display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.other-info-con li a:hover{color: #f68121;}
.other-info-con li:not(:last-child){margin-bottom: 19px;}
.other-info-con li a img{ margin-right: 5px; display: inline-block;vertical-align: 2px;}

/*热门游戏*/
.other-game-con{background: #fff;height: 435px;padding: 0 20px;box-sizing: border-box;overflow: hidden; }
.other-game-con ul li{padding: 20px 0;border-bottom: 1px solid #f2f2f2;}
.other-game-con ul li img{width: 68px;height: 68px;overflow: hidden;float: left;margin-right: 10px;}
.other-game-con ul li .game-name{float: left;}
.other-game-con ul li .game-name .p1{color: #333;font-size: 14px; font-weight: bold;   margin-top: 12px;margin-bottom: 4px;}
.other-game-con ul li .game-name .p2{color: #999;font-size: 12px;}
.other-game-con ul li .game-down{float: right; margin-top: 22px; height:23px;line-height:23px;border: 1px solid  #e5e5e5;border-radius: 12px;width: 80px;text-align: center;color: #333333;font-size: 12px;}
.other-game-con ul li .game-down:hover{color: #fff;border: 1px solid #F68121;background: #F68121;}

/*新闻页*/
.news2-con{background: #fff;padding:0 40px;padding-bottom: 0;    min-height: 831px;}
.news2-item{}
.news2-item>a{padding-top: 26px;padding-bottom: 17px;border-bottom: 1px solid #f2f2f2;display: block;}
.news2-item>a:hover .news2-tit{color: #f68121;}
.news2-item>a:hover .news2-txt{color: #666;}
.news2-tab{position: absolute;top: 0px;width: auto;height: 24px;line-height: 24px;left: 146px;color: #999999;}
.news2-tab ul li{float: left;cursor: pointer;font-size: 14px;}
.news2-tab ul li img{margin:0 20px}
.news2-tab ul li:hover{color: #666;}
.news2-tab ul li.on {    color: #f68121;}
.news2-tab ul li.on span {    border-bottom: 2px solid #f68121;    padding-bottom: 3px;}
.news2-tab2{border-bottom: 1px solid #e5e5e5;box-sizing: border-box;overflow: hidden; padding-top: 26px;    padding-bottom:20px;  }
.news2-tab2 ul{ overflow: hidden; }
.news2-tab2 ul li{float: left;cursor: pointer; border-radius: 4px;overflow: hidden; font-size: 14px;width: 94px;text-align: center;height: 30px;line-height: 30px;color: #999;}
.news2-tab2 ul li:hover{color: #666666;}
.news2-tab2 ul li.on{color: #fff;background: #f68121;}
.news2-loop .prev{    background: url(../img/new-index/arrow.png) no-repeat;    margin-top: 6px;cursor: pointer; display: block; width: 18px; height: 17px; float: left;  -webkit-transition: background .3s; -mz-transition: background .3s; -moz-transition: background .3s; transition: background .3s;}
.news2-loop .next{    background: url(../img/new-index/arrow.png) no-repeat;    margin-top: 6px;    background-position: -26px 0px;cursor: pointer; display: block; width: 18px; height: 17px; float: right;  -webkit-transition: background .3s; -mz-transition: background .3s; -moz-transition: background .3s; transition: background .3s;}
.news2-loop .prev:hover{background: url(../img/new-index/arrow-h.png) no-repeat;}
.news2-loop .next:hover{background: url(../img/new-index/arrow-h.png) no-repeat; background-position:-26px 0px;}
.news2-tab2 .bd-con{    margin: 0 37px;    overflow: hidden;}
.news2-tab2.on{    position: fixed; width: 734px; background: #fff; top: 0;padding: 12px 0;}


.news2-con .paging{padding-bottom: 40px;padding-top: 30px;}
.news2-tit{font-size: 16px;color: #333333;}
.news2-txt{color: #999999;font-size: 12px;line-height: 22px;margin-top: 12px;margin-bottom: 15px;}
.news2-label{display: inline-block; color: #999999; margin-right:7px; font-size: 12px;border-radius: 4px;overflow: hidden;height: 25px;line-height: 25px;width: 68px;text-align: center;background: #f4f4f4;}

.news2-time{color: #999;font-size: 12px;float: right;height: 28px;line-height: 28px;}