/*首页-------------*/
.i-v .video-box{height:0;padding-bottom:33.333%;}
.slogo{width:100%;max-width:1000px;margin:0 auto;position:relative;}
.slogo img{width:100%;}
.slogo-m{display:none;}
.slogo .center{text-align:center;width:100%}
.slogo .center h2{font-size:5rem;line-height:7rem;font-weight:normal;}
.slogo .center p{font-size:.9rem;line-height:2rem}
.banner,.banner img{width:100%;text-align:center;position:relative;}
.banner-m{display:none;}
.banner-all{display:block!important}
@media only screen and (min-width:768px) and (max-width:1024px){
    .slogo .center h2{font-size:4rem;line-height:7rem;}
    .slogo .center p{font-size:.8rem;line-height:1.6rem}
}
@media only screen and (max-width:768px){
    .slogo{display:none;}
    .slogo-m{display:block;}
    .banner{display:none;}
    .banner-m{display:block;}
    .slogo .center h2{font-size:1.8rem;line-height:3rem;}
    .slogo .center p{font-size:.6rem;line-height:1rem}
}
/*版块*/
.i-area .item{position:relative;background:#000;width:33.333%;float:left;}
.i-area .item img{width:100%}
.i-area .item .text{position:absolute;bottom:1.5rem;padding:1.5rem;color:#fff;font-size:.85rem;z-index:100;width:100%;}
.i-area .item .text h2{font-size:1.8rem;font-weight:normal;height:2rem;bottom:1.2rem;position:absolute;right:1.5rem;line-height:2rem;}
.i-area .item .text p{position:absolute;right:1.5rem;bottom:0;line-height:1rem;}
.i-area .item b{position:absolute;z-index:100;width:1rem;height:1rem;border:1px solid #fff;display:block;opacity:0;filter:alpha(opacity=0);}
.i-area .item b.c1{border-width:1px 0 0 1px;top:0;left:0}
.i-area .item b.c2{border-width:1px 1px 0 0;top:0;right:0}
.i-area .item b.c3{border-width:0 0 1px 1px;bottom:0;left:0}
.i-area .item b.c4{border-width:0 1px 1px 0;bottom:0;right:0}
.i-area .item:hover b{opacity:1;filter:alpha(opacity=100);}
.i-area .item:hover b.c1{top:50%;left:50%;margin:-2.5rem 0 0 -6rem}
.i-area .item:hover b.c2{top:50%;right:50%;margin:-2.5rem -6rem 0 0}
.i-area .item:hover b.c3{bottom:50%;left:50%;margin:0 0 -2.5rem -6rem}
.i-area .item:hover b.c4{bottom:50%;right:50%;margin:0 -6rem -2.5rem 0}
.i-area .item:after{background:#136bcd;}
.i-area .item:hover:after{opacity:.9;filter:alpha(opacity=90);}
.i-area .item:hover .text{left:0;bottom:50%;-webkit-transform:translate(0,50%);transform:translate(0,50%);}
.i-area .item:hover .text h2,.i-area .item:hover .text p{right:50%;-webkit-transform:translate(50%,0);transform:translate(50%,0)}
@media only screen and (max-width:768px){
    .i-area .item{width:100%;}
}
/*新闻*/
.i-news{padding:2rem 0;clear:both;background:#f1f1f1}
.i-news .one{display:block;float:left;width:48%;position:relative;overflow:hidden;}
.i-news .one img{width:100%;min-height:10rem}
.i-news .one span{width:100%;background:rgba(0,0,0,.7);position:absolute;display:block;color:#fff;line-height:2.4rem;font-size:1rem;left:0;bottom:0;padding:0 3%;z-index:100}
.i-news ul{width:48%;float:right;line-height:3rem}
.i-news ul li{padding-right:5rem;position:relative;}
.i-news ul li a{display:block;font-size:1rem;color:#000;}
.i-news ul li span{color:#999;position:absolute;right:0;top:0}
@media only screen and  (max-width:768px) {
    .i-news{padding:1rem}
    .i-news .one{width:100%;float:none;margin-bottom:.5rem}
    .i-news .one img{min-height:2rem}
    .i-news .one span{font-size:.7rem;line-height:2rem}
    .i-news ul{width:100%;float:none;line-height:1.5rem;clear:both;}
    .i-news ul li a{font-size:.7rem}
    .i-news ul li span{font-size:.6rem}
}
@media only screen and  (min-width:769px)  and (max-width:1160px){
    .i-news ul{width:48%;float:right;line-height:2.5rem}
}
/*首页 end-------------*/
/*关于我们 合作*/
.about-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%;z-index:10}
.about-text h2{font-size:2.4rem;color:#fcc800;border-bottom:1px solid #fcc800;height:2.5rem;display:inline-block;padding:0 2rem}
.about-text p{color:#fff;font-size:.9rem;text-align:left;text-indent:2em;padding-top:1rem}
@media only screen and (max-width:768px){
    .about-text{width:90%;line-height:1rem;}
    .about-text h2{font-size:1rem;color:#fcc800;border-bottom:1px solid #fcc800;height:1.4rem;display:inline-block;padding:0 1rem}
    .about-text p{font-size:.6rem;padding-top:.5rem;line-height:.8rem}
}
.datebook{margin:2rem 0;clear:both;}
.datebook .block{clear:both;padding-top:3rem;position:relative;display:none;}
.datebook .block h2{font-size:3rem;font-weight:normal;line-height:3rem;padding-left:2.5rem;position:absolute;top:0;left:0}
.datebook dl{position:relative;padding:1.5rem 0 1.5rem 12rem;min-height:6rem;clear:both;}
.datebook dl:before{width:6rem;border-right:1px solid #e0e0e0;content:"";display:block;position:absolute;left:0;top:0;bottom:0}
.datebook dl dt{width:4rem;height:4rem;position:absolute;left:4rem;background:#136bcd;color:#fff;z-index:10;line-height:4rem;font-size:1.2rem;text-align:center;border-radius:50%}
.datebook .item{width:40%;max-width:400px;float:left;margin-right:2rem}
.datebook .item img{width:100%;}
.datebook .item h3{border-bottom:1px solid #b2b2b2;line-height:1.5rem;font-size:.8rem;margin:.5rem 0}
.datebook .item p{line-height:1rem}
.datebook .item span{font-size:.6rem;color:#999}
@media only screen and (max-width:768px){
    .datebook{margin:1rem 0;}
    .datebook h2{font-size:2rem;line-height:2rem;padding-left:.7rem;}
    .datebook dl{padding:1rem 1.5rem 1rem 6rem}
    .datebook dl:before{width:3rem;}
    .datebook dl dt{width:3rem;height:3rem;left:1.5rem;line-height:3rem;font-size:1rem;}
    .datebook .item{width:100%;float:none;margin:0 0 1rem 0}
    .datebook .item:last-child{margin-bottom:0}
    .datebook .item p{line-height:.9rem}
}
.contact{background:#f1f1f1}
.contact .wrap{background:#fff;padding:2rem 6%}
.contact .block{border-top:1px solid #e0e0e0;padding:2rem 0}
.contact .block:first-child{border-top:none;}
.contact .block h2{font-size:2.4rem;font-weight:normal;line-height:3rem}
.contact .block h3{font-size:1.2rem;font-weight:normal;height:2rem;line-height:2rem}
.contact .block .item{width:50%;float:left;padding-top:1rem;line-height:1rem}
@media only screen and (max-width:768px){
    .contact .wrap{padding:1rem 6%}
    .contact .block{padding:2rem 0}
    .contact .block h2{font-size:2rem;line-height:2rem}
    .contact .block h3{font-size:1rem;height:1.6rem;line-height:1.6rem}
    .contact .block .item{width:100%;}
}
.dispute .block{padding-bottom:3rem}
.dispute .block h2,.minors .block h2{font-size:2rem;margin-bottom:.5rem}
.minors .block{padding-bottom:3rem}
.minors .block .down{padding:10px 0}
.minors .block .down a{display:inline-block;background:#136bcd;color:#fff;padding:0 10px;margin-right:10px;border-radius:5px;line-height:30px;margin-bottom:.3rem}
.minors .block .down a:hover{background:#297fde;text-decoration:none;}
@media only screen and (max-width:768px){
    .dispute .block h2,.minors .block h2{font-size:1.5rem;}
    .minors .block h3{font-size:1rem;height:1.6rem;line-height:1.6rem}
}



/*新闻*/
.news-list{margin:1rem -1% .5rem;}
.news-card{width:33.333%;float:left;padding:.5rem 1%}
.news-card a{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);border-radius:5px;overflow:hidden;display:block;}
.news-card img{width:100%}
.news-card .text{padding:1rem 1rem 0;height:11rem;position:relative;}
.news-card .text .bg{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;top:0;left:0}
.news-card .text .bg span{background:#136bcd;width:70%;height:3rem;line-height:3rem;display:block;text-align:center;color:#fff;font-size:1rem;top:150%}
.news-card h3{font-size:1rem;color:#000}
.news-card p{line-height:1rem;margin:.4rem 0;height:6rem;overflow:hidden;}
.news-card span{display:block;color:#999}
.news-card a:hover{text-decoration:none;}
.news-card a:hover .text .bg{background:rgba(0,0,0,.8);}
.news-card a:hover .text .bg span{top:50%}
@media only screen and (max-width:768px){
    .news-list{margin:0;}
    .news-card{width:100%;padding:.5rem .75rem}
}

/*游戏列表*/
.game-ico{width:.7rem;height:.7rem;background:#136bcd;line-height:.7rem;text-align:center;overflow:hidden;color:#fff;font-size:.7rem;display:inline-block;overflow:hidden;border-radius:.1rem}
.wd-zm-b{background:#49ab05}
.wd-zm-h{background:#f0662e}
.game-type{text-align:right;line-height:.7rem;height:1.6rem}
.game-type .game-ico{vertical-align:top;margin:0 .2rem 0 1rem}
.game-list{box-shadow:0 0 5px rgba(0,0,0,.2);background:#fff;margin-bottom:1rem;}
.game-card{width:50%;float:left;}
.game-card a{overflow:hidden;display:block;position:relative;}
.game-card img{width:100%}
.game-card .text{padding:1rem 2rem 0;height:10rem;position:relative;text-align:center;}
.game-card .text h3{font-size:1rem;color:#000;display:inline-block;position:relative;}
.game-card .text h3 .game-ico{position:absolute;right:-1rem;top:0}
.game-card .text p{line-height:1rem;height:6.5rem;overflow:hidden;text-align:left;color:#666;padding-top:.5rem}
.game-card .info{background:rgba(19,107,205,.9);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);color:#fff;font-size:.8rem}
.game-card .info .wd-star{font-size:1rem}
.game-card .info .center{width:80%}
.game-card .info .fl{width:40%;position:relative;left:-40%;text-align:center;font-size:.7rem}
.game-card .info .fr{width:54%;position:relative;right:-60%}
.game-card .info .fr img{width:30%;}
.game-card .info p{padding:.5rem 0}
.game-card .info span{border:1px solid #fff;line-height:2.4rem;border-radius:5px;display:block;text-align:center;font-size:1rem}
.game-card .info span:hover{background:#fff;color:#136bcd}
.game-card a:hover .info{opacity:1;filter:alpha(opacity=1);}
.game-card a:hover .info .fl{left:0}
.game-card a:hover .info .fr{right:0}
@media only screen and (max-width:768px){
    .game-type{padding:0 .5rem;}
    .game-list{margin:0 .5rem;}
    .game-card{width:100%;padding:0}
    .game-card .text{padding:1rem .75rem 0;height:10rem;position:relative;text-align:center;}
    .game-card .info{font-size:.7rem;}
    .game-card .info .center{width:90%}
    .game-card .info .wd-star{font-size:.7rem}
    .game-card .info p{padding:.3rem 0;}
    .game-card .info span{line-height:1.4rem;font-size:.8rem}
}
/*加入*/
.join-page{background:#f1f1f1;}
.join{margin-top:-2rem;z-index:100;position:relative;}
.join .tab-click dt{width:50%;border:1px solid #136bcd;color:#136bcd;background:#e5effa;line-height:4rem;font-size:.9rem;height:4rem}
.join .tab-click dt.curr{background:#136bcd;color:#fff;}
.join .tab-click dt .wdgame{font-size:2rem;vertical-align:top;display:inline-block;margin-right:.5rem}
.filter{padding:1rem 0;clear:both;}
.job-list{clear:both;padding-bottom:2rem;}
.job-item{background:#fff;border:1px solid #d3d3d3;border-width:0 1px}
.job-item:first-child{border-top:1px solid #d3d3d3;}
.job-item .title{border-bottom:1px solid #d3d3d3;padding:1rem 3rem;line-height:2rem;cursor:pointer;position:relative;}
.job-item .title h3{position:relative;font-size:1rem;}
.job-item .title h3:before{content:"";position:absolute;left:-.5rem;width:2px;background:#136bcd;height:1rem;top:.5rem}
.job-item .title p{margin-left:-2rem;}
.job-item .title p span{margin-left:2rem;}
.job-item .title i{color:#136bcd;font-weight:bold;font-size:1.5rem;position:absolute;right:3rem;top:2rem}
.job-item .info{padding:0 3rem;background:#fbfbfb;overflow:hidden;border-bottom:1px solid #d3d3d3;display:none;}
.job-item .box{padding:1rem 0;border-top:1px solid #d3d3d3;line-height:1.4rem;}
.job-item .box:first-child{border-top:none}
.job-item .box h4{font-size:.8rem;height:1.6rem}
.btn-apply{background:#136bcd;color:#fff;font-size:1.2rem;line-height:3rem;display:block;width:12rem;text-align:center;margin:1rem auto 2rem;border:1px solid #136bcd}
.btn-apply i{font-size:1.5rem;vertical-align:top;display:inline-block;margin-right:.5rem;}
.btn-apply:hover{background:#e5effa;text-decoration:none;color:#136bcd;border:1px solid #136bcd}
.job-item.open .title i{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
@media only screen and (max-width:768px){
    .join{margin:.5rem;z-index:100;position:relative;}
    .join .tab-click dt{line-height:2.4rem;font-size:.8rem;height:2.4rem}
    .join .tab-click dt.curr{background:#136bcd;color:#fff;}
    .join .tab-click dt .wdgame{font-size:1.6rem;vertical-align:top;display:inline-block;margin-right:.5rem}
    .job-list{padding-bottom:1rem;}
    .job-item .title{padding:.5rem 1.5rem;}
    .job-item .title h3{position:relative;font-size:.8rem;}
    .job-item .title h3:before{content:"";position:absolute;left:-.5rem;width:2px;background:#136bcd;height:1rem;top:.5rem}
    .job-item .title p{margin-left:-1rem;line-height:1.2rem;font-size:.6rem;color:#666}
    .job-item .title p span{margin-left:1rem;display:inline-block;}
    .job-item .title i{color:#136bcd;font-weight:bold;font-size:1rem;position:absolute;right:1rem;top:.5rem}
    .job-item .info{padding:0 1.5rem;}
    .job-item .box{padding:1rem 0;font-size:.6rem;line-height:1rem;}
    .btn-apply{font-size:1rem;line-height:2.4rem;width:100%;margin:0 auto 1.5rem;}
    .filter{padding:.5rem 0;}
    .filter .select-style{width:49%!important;float:left;margin-right:0;}
    .filter .select-style:last-child{float:right;}
    .filter .select-style .tag-select{width:100%!important;font-size:.7rem;padding:0 .5rem}
    .filter .select-style .tag-options{line-height:1.3rem;max-height:13.1rem;}
    .filter select-style .tag-options li{padding:0 .5rem;overflow:hidden;}
}
.materials dt{border-bottom:1px solid #ccc;font-size:1.5rem;color:#136bcd;line-height:3rem;position:relative;}
.materials dt .btn-style{position:absolute;top:50%;margin-top:-18px;right:0}
.materials dt .wd-back-top.down{display:inline-block;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);font-size:1.2rem;vertical-align:top}
.materials dd h3{padding:1rem 0 .5rem;clear:both;}
.materials dd ul{border-bottom:1px dotted #ddd;padding-bottom:.5rem;}
.materials dd ul li img{display:block;margin-bottom:.3rem;border:1px solid #e5e5e5;padding:2px}
.materials dd ul li{float:left;width:50%;padding-bottom:.5rem;}
.materials dd ul.white li img{background:#136bcd;}


@media only screen and (max-width:768px){
    .materials dt{border-bottom:1px solid #ddd;font-size:1.5rem;color:#136bcd;line-height:3rem;position:relative;}
    .materials dt span{width:100%}
    .materials dt .btn-style{position:relative;margin:0 auto;}
    .materials dd ul li{float:left;width:100%}

}