body{ background: #fff;}
.content{ padding-top: 20px; padding-bottom: 40px;}
.contL{ float: left; width: 270px;}
.contR{ float: right; width:810px;}
.gamebox .boxOne{ padding: 10px; background: #f5f7fa; margin-bottom: 20px;}
.gamebox .boxOne img{ display: block; width: 250px; height: 150px;}
.gamebox .boxOne p{ line-height:34px; height: 34px; overflow: hidden;}
.gamebox .boxOne p .sp1{ float: left; color: #333333;}
.gamebox .boxOne p .sp2{ float: left; color: #666666; font-size: 12px; padding-left: 10px; line-height: 36px;}
.gamebox .boxOne p a{ float: right; color: #e4305e;}
.gamebox .boxOne p a:hover{ text-decoration: underline;}
.gamebox .boxOne .startBtn{ 
    display: block;
    width: 250px;
    height: 60px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #e4305e;
    color: #ffffff;
    font-size: 22px;
    line-height: 58px;
    text-align: center;
    margin: 10px 0;
}
.gamebox .boxOne .startBtn:hover{ background: #cc1f4a;}
.gamebox .boxTwo{width: 270px; background: #f5f7fa; padding-top: 20px; padding-bottom: 10px;}
.gamebox .tit{ height:18px; color: #222; font-size: 18px; line-height: 18px; font-weight: normal; text-indent: 14px; border-left: 4px solid #e4305e; margin-bottom: 15px;}
.gamebox .tit a{float: right; color: #666666; font-size: 12px; padding-right: 25px; background: url(../images/p27.png) no-repeat right center; margin-right: 20px;}
.gamebox .tit a:hover{ background: url(../images/p54.png) no-repeat right center; color: #e4305e;}
/*页游*/
.newSevers li{ height: 50px; padding: 10px; padding-right: 20px; cursor: pointer;}
.newSevers li img{ float: left; width: 70px; height: 50px;}
.newSevers li .sp1{ float: left; width: 100px; margin-left: 10px;}
.newSevers li .sp1 a{color: #e4305e; font-weight: bold; line-height: 24px; margin-bottom: 2px; display: block; overflow: hidden;}
.newSevers li .sp1 .b1{ color: #333333; font-weight: normal; line-height: 24px; margin-bottom: 2px; display: block; overflow: hidden;}
.newSevers li .sp1 .b2{ color: #999999; font-weight: normal; line-height: 24px; display: block; overflow: hidden; font-size: 12px;}
.newSevers li .sp2{ float: right; width: 60px;}
.newSevers li .sp2 b{ color: #666666; font-weight: normal; line-height: 24px; margin-bottom: 2px; display: block; overflow: hidden; text-align: right;}
.newSevers li .sp2 .package{ display: block; width: 58px; height: 22px; line-height: 22px; text-indent: 26px; font-size: 12px; color: #fd5a25; background: url(../images/p73.png) no-repeat 10px center; border-radius: 2px; border: 1px solid #fd5a25;}
.newSevers li .sp2 .package:hover{color: #fff; background: url(../images/p12.png) no-repeat 10px center #fd5a25;}
.newSevers li .sp2 .package.packageNo{ border: 1px solid #bdbdcc;background: url(../images/p81.png) no-repeat 10px center; color: #999;/*cursor:not-allowed;*/  cursor: default;}
.newSevers li .sp2 .start{ display: block; width: 58px; height: 22px; line-height: 22px; text-align: center; color: #e4305e; font-size: 12px;border-radius: 2px; margin-bottom: 2px; border: 1px solid #e4305e;}
.newSevers li .sp2 .start:hover{ background: #e4305e;  color: #fff;}
.newSevers li .afterBox{ display: none;}
.newSevers li:hover{ background: #e6e9f0;}
.newSevers li:hover .beforeBox{ display: none;}
.newSevers li:hover .afterBox{ display: block;}
/*H5*/
.ranking li{ padding:0 10px; height: 50px;}
.ranking li:hover{
    background: #f5f7fa;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
    box-shadow: 0 0 4px rgba(0,0,0,.3);
}
.ranking li a{ display: block;}
.ranking li span{ float: left;}
.ranking li .icon{ height: 50px;}
.ranking li .icon1{ width: 20px; background: url(../images/p28.png) no-repeat left center; text-indent: -9999px;}
.ranking li .icon2{ width: 20px; background: url(../images/p29.png) no-repeat left center; text-indent: -9999px;}
.ranking li .icon3{ width: 20px; background: url(../images/p30.png) no-repeat left center; text-indent: -9999px;}
.ranking li .icon4{ width: 20px; background: url(../images/p31.png) no-repeat center; line-height: 48px; text-align: center; color: #fff; font-size: 12px;}
.ranking li .img{ float: left; width: 40px; height: 40px; margin: 5px 12px; position: relative;}
.ranking li .img b{ position: absolute; width: 100%; height: 100%; background: url(../images/p86.png) no-repeat; left: 0; top: 0;}
.ranking li .img img{ display: block; width: 40px; height: 40px; border-radius: 50%;}
.ranking li .name{ line-height: 50px; color: #333333;}
/*手游*/
.gamebox .boxOne p .sp3{ float: right; height:18px; margin-top:8px; margin-bottom: 8px;}
.gamebox .boxOne p .sp3 a{ float: right; width: 18px; height: 18px; text-indent: -99999px; margin-right: 4px;}
.gamebox .boxOne p .sp3 a.anm{ background: url(../images/p53.png) no-repeat 0 0;}
.gamebox .boxOne p .sp3 a.ios{ background: url(../images/p52.png) no-repeat 0 0;}
.gamebox .boxOne p .sp3 a.anz{ background: url(../images/p51.png) no-repeat 0 0;}
.gamebox .boxOne p .sp3 a:hover{ background-position: 0 -18px;}
.gamebox .boxOne .gozq{ display: block; width: 248px; height: 38px; line-height: 38px; text-align: center; color: #e4305e; border: 1px solid #d4d4de; border-radius: 4px; margin: 10px 0;}
.gamebox .boxOne .gozq:hover{ background: #e4305e; border: 1px solid #e4305e; color: #fff;}
.hotDownload li{ padding:0 10px; cursor: pointer;}
.hotDownload .boxT{ height: 40px; line-height: 40px;}
.hotDownload .boxT .icon{ float: left; width: 20px; height: 40px;}
.hotDownload .boxT .icon1{ background: url(../images/p28.png) no-repeat center; text-indent: -99999px;}
.hotDownload .boxT .icon2{ background: url(../images/p29.png) no-repeat center; text-indent: -99999px;}
.hotDownload .boxT .icon3{ background: url(../images/p30.png) no-repeat center; text-indent: -99999px;}
.hotDownload .boxT .icon4{ background: url(../images/p31.png) no-repeat center; color: #fff; font-size: 12px; text-align: center; line-height: 38px;}
.hotDownload .boxT .icon5{ background: url(../images/p31.png) no-repeat center; color: #fff; font-size: 12px; text-align: center; line-height: 39px;}
.hotDownload .boxT .name{ float: left; width: 140px; color: #333333; height: 40px; line-height: 40px; overflow: hidden; margin-left: 10px; margin-right: 10px;}
.hotDownload .boxT .sever{ float: left; color: #666666; font-size: 12px; height: 40px; width: 70px; overflow: hidden; text-align: right;}
.hotDownload .boxB{ height: 50px; line-height: 50px; padding:10px 0; display: none;}
.hotDownload .boxB .icon{ float: left; height: 50px; width: 20px;}
.hotDownload .boxB .icon1{ background: url(../images/p28.png) no-repeat center; text-indent: -99999px;}
.hotDownload .boxB .icon2{ background: url(../images/p29.png) no-repeat center; text-indent: -99999px;}
.hotDownload .boxB .icon3{ background: url(../images/p30.png) no-repeat center; text-indent: -99999px;}
.hotDownload .boxB .icon4{ background: url(../images/p31.png) no-repeat center; color: #fff; font-size: 12px; text-align: center; line-height: 48px;}
.hotDownload .boxB img{ float: left; width: 50px; height: 50px; margin: 0 10px; border-radius: 8px;}
.hotDownload .boxB .spgw{ float: left; width: 90px;}
.hotDownload .boxB .spgw a{  display: block; color: #e4305e; font-weight: bold; line-height: 15px;}
.hotDownload .boxB .spgw b{ font-weight: normal; color: #999999; font-size: 12px; line-height: 18px; display: block; padding-top: 17px;}
.hotDownload .boxB .btn{ float: left; width: 70px;}
.hotDownload .boxB .btn .str1{ display: block; width: 70px; height: 15px; line-height: 15px; text-align: center; color: #666; font-size: 12px;font-weight: normal;  margin-bottom:17px; text-align: right;}
.hotDownload .boxB .btn .str2{ display: block; width: 70px; height: 18px; line-height: 18px; text-align: right;}
.hotDownload .boxB .btn .str2 a{ display: inline-block; width: 18px; height: 18px;text-indent: -99999px; text-align: center;}
.hotDownload .boxB .btn .str2 a.anz{ background: url(../images/p51.png) 0 0;}
.hotDownload .boxB .btn .str2 a.ios{ background: url(../images/p52.png) 0 0;}
.hotDownload .boxB .btn .str2 a.pcm{ background: url(../images/p53.png) 0 0;}
.hotDownload .boxB .btn .str2 a.anm{ background: url(../images/p53.png) 0 0;}
.hotDownload .boxB .btn .str2 a:hover{ background-position: 0 -18px;}
.hotDownload li.on{ background: #e6e9f0;}
.hotDownload li.on .boxT{ display: none;}
.hotDownload li.on .boxB{ display: block;}
/*innerCont*/
.innerCont{ padding-left: 20px; padding-right: 40px;}
.crumbs{ padding-left:18px; height: 14px; line-height: 14px; overflow: hidden; background: url(../images/p87.png) no-repeat left center; font-size: 12px;}
.crumbs a{ float: left; color: #666666;}
.crumbs a:hover{ color: #e4305e;}
.crumbs span{ float: left; color: #666666;margin: 0 5px;}
.crumbs b{ float: left; color: #999999; font-weight: normal;}
.articleTit{ padding-top: 40px; padding-bottom: 35px;}
.articleTit h1{ color: #222222; text-align: center; font-size: 30px; font-weight: normal; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 20px;}
.articleTit .time{ text-align: center; height: 12px; line-height: 12px; overflow: hidden; color: #999999; font-size: 12px;}
.articleInner{ color: #333333; line-height:30px;}
.articleInner p{ padding-bottom: 15px;}
.articleInner img{max-width:750px; display: block; margin: 0 auto;}
/*文章页视频播放  start*/
.articleInner .videolist{padding-bottom: 20px;}
.articleInner .videolist .play{ position: relative; width: 600px; margin: 0 auto; cursor: pointer;}
.articleInner .videolist img{ width: 600px; height: auto;}
.articleInner .videolist .zhezhao{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #222222 ; filter:alpha(opacity=50); opacity: 0.5; z-index: 9;}
.articleInner .videolist .playbtn{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.articleInner .videolist .play .yq{ position: absolute; left: 50%; top: 50%; margin-left: -34px; margin-top: -34px; background: url(../images/p77.png) no-repeat; width: 68px; height: 68px;}
.articleInner .videolist .play .sj{ position: absolute; left: 50%; top: 50%; width: 33px; height: 37px; margin-top:-18px; margin-left: -13px; background: url(../images/p79.png) no-repeat;}
.articleInner .videolist .play.on .yq{
    -webkit-animation: myrotate 3s linear infinite;
    -moz-animation: myrotate 3s linear infinite;
    animation: myrotate 3s linear infinite;
}
.articleInner .videolist .play:hover .zhezhao{filter:alpha(opacity=30); opacity: 0.3;}
.articleInner .videolist .play:hover .yq{ background: url(../images/p78.png) no-repeat center;}
.articleInner .videolist .play:hover .sj{ background: url(../images/p80.png) no-repeat center;}
/*文章页视频播放  end*/
.articleInner .page-sorter{ padding: 40px 0;}
.gamebt{ padding: 40px 20px; background: #f5f7fa;}
.gamebt .tit{ height:18px; color: #222; font-size: 18px; line-height: 18px; font-weight: normal; text-indent: 14px; border-left: 4px solid #84c1ff; margin-bottom: 20px;}
.gamebt .tit a{float: right; color: #666666; font-size: 12px; padding-right: 25px; background: url(../images/p27.png) no-repeat right center;}
.gamebt .tit a:hover{ background: url(../images/p54.png) no-repeat right center; color: #e4305e;}
.gamebt .boxM{ float: left; width: 390px;}
.gamebt .boxM ul{ height: 224px; overflow: hidden;}
.gamebt .boxM ul a{ line-height: 38px;}
.gamebt .boxM li .sp1{ float: left; color: #333333; width: 300px; height:38px; line-height:38px; overflow: hidden; text-indent:22px; background: url(../images/p72.png) no-repeat left center;}
.gamebt .boxM li .sp2{ float: right;color: #999; font-size: 12px;}
.gamebt .boxM li:hover .sp1{ color:#e4305e; background: url(../images/p16.png) no-repeat left center;}
.gamebt .boxM li:hover span{ color: #e4305e;}
.gamebt .boxR{ float: right; width: 360px;}
.gamebt .boxR .recommend{ position: relative;}
.gamebt .boxR ul{ height: 224px; overflow: hidden;}
.gamebt .boxR li{ width: 380px;}
.gamebt .boxR li a{ float: left; width: 170px; height: 102px; position: relative; margin-right: 20px; margin-bottom: 20px; overflow: hidden;}
.gamebt .boxR li a img{ display: block; width: 170px; height: 102px;}
.gamebt .boxR li a p{ width: 100%; height: 24px; line-height: 24px; color: #fff; font-size: 12px; position: absolute; left: 0; bottom: -100%; background: url(../images/p8.png) repeat;}
.gamebt .boxR li a p .sp1{ float: left; padding-left: 10px;}
.gamebt .boxR li a p .sp2{ float: right; padding-right: 10px;}
.gamebt .boxR .next{ text-indent: -99999px; width: 64px; height: 24px; background: url(../images/p32.png) no-repeat 0 0; position: absolute; right: 0; top: -42px;}
.gamebt .boxR .next:hover{ background-position: 0 -24px;}
/*左侧定位*/
.dwfix{ position: fixed; top:0px;}
.followOne,.followTwo{transition:all linear .3s;}
/*旋转*/
@keyframes myrotate {
    0% {
       transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes myrotate {
    0% {
       -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes myrotate {
    0% {
       -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}