.main .bg-adv {
    position: absolute;
    width: 100%;
    height: 530px;
    text-align: center;
    overflow: hidden;
}

.main .bg-adv .vaguebg {
    filter: blur(100px);
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    -o-filter: blur(100px);
    -ms-filter: blur(100px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='100');
    height: 400px;
    width: 100%;
    position: absolute;
    top: -100px;
    transition: all 0.5s;
}

.main .bg-adv img {
    text-align: center;
    max-width: 100%;
}

.main .bg-adv .advimg {
    background: url(../images/c69976ee685248d4977ad510dd5fbebc.jpg) no-repeat;
    background-position: center top;
    width: 100%;
    height: 530px;
}


.main .bg-adv {
    position: absolute;
    width: 100%;
    height: 530px;
    text-align: center;
    overflow: hidden;
}

.main .bg-adv .vaguebg {
    filter: blur(100px);
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    -o-filter: blur(100px);
    -ms-filter: blur(100px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='100');
    height: 400px;
    width: 100%;
    position: absolute;
    top: -100px;
    transition: all 0.5s;
}

.main .bg-adv img {
    text-align: center;
    max-width: 100%;
}

.main .bg-adv .advimg {
    background: url(../images/c69976ee685248d4977ad510dd5fbebc.jpg) no-repeat;
    background-position: center top;
    width: 100%;
    height: 530px;
}

.icon-HOT { background: url("../images/index_icon.png") no-repeat -165px -121px; background-size: 288px 178px; width: 28px; height: 18px; }

.icon-NEW { background: url("../images/index_icon.png") no-repeat -133px -121px; background-size: 288px 178px; width: 30px; height: 18px; }

.icon-PICC { background: url("../images/index_icon.png") no-repeat -136px -105px; background-size: 288px 178px; width: 26px; height: 10px; }

.icon-TOP { background: url("../images/index_icon.png") no-repeat -164px -105px; background-size: 288px 178px; width: 20px; height: 10px; }

.icon-TOP_h { background: url("../images/index_icon.png") no-repeat -186px -105px; background-size: 288px 178px; width: 20px; height: 10px; }

.icon-bgicon { background: url("../images/index_icon.png") no-repeat -72px -121px; background-size: 288px 178px; width: 59px; height: 18px; }

.icon-commonproblem { background: url("../images/index_icon.png") no-repeat -222px -105px; background-size: 288px 178px; width: 4px; height: 6px; }

.icon-l_l { background: url("../images/index_icon.png") no-repeat -63px -141px; background-size: 288px 178px; width: 20px; height: 32px; }

.icon-lrft { background: url("../images/index_icon.png") no-repeat -72px -69px; background-size: 288px 178px; width: 30px; height: 50px; }

.icon-more { background: url("../images/index_icon.png") no-repeat -195px -121px; background-size: 288px 178px; width: 16px; height: 16px; }

.icon-more2 { background: url("../images/index_icon.png") no-repeat -208px -105px; background-size: 288px 178px; width: 5px; height: 9px; }

.icon-more3 { background: url("../images/index_icon.png") no-repeat -243px -121px; background-size: 288px 178px; width: 6px; height: 11px; }

.icon-more4 { background: url("../images/index_icon.png") no-repeat -251px -121px; background-size: 288px 178px; width: 6px; height: 11px; }

.icon-next { background: url("../images/index_icon.png") no-repeat -215px -105px; background-size: 288px 178px; width: 5px; height: 9px; }

.icon-r { background: url("../images/index_icon.png") no-repeat -104px -69px; background-size: 288px 178px; width: 30px; height: 50px; }

.icon-r_l { background: url("../images/index_icon.png") no-repeat -41px -141px; background-size: 288px 178px; width: 20px; height: 32px; }

.icon-ranking-1 { background: url("../images/index_icon.png") no-repeat 0px -141px; background-size: 288px 178px; width: 39px; height: 34px; }

.icon-ranking-10 { background: url("../images/index_icon.png") no-repeat -218px -69px; background-size: 288px 178px; width: 39px; height: 34px; }

.icon-ranking-2 { background: url("../images/index_icon.png") no-repeat -177px -69px; background-size: 288px 178px; width: 39px; height: 34px; }

.icon-ranking-3 { background: url("../images/index_icon.png") no-repeat -136px -69px; background-size: 288px 178px; width: 39px; height: 34px; }

.icon-ranking-TOP { background: url("../images/index_icon.png") no-repeat 0px 0px; background-size: 288px 178px; width: 288px; height: 67px; }

.icon-ranking-line { background: url("../images/index_icon.png") no-repeat 0px -177px; background-size: 288px 178px; width: 258px; height: 1px; }

.icon-star-graw { background: url("../images/index_icon.png") no-repeat -213px -121px; background-size: 288px 178px; width: 13px; height: 12px; }

.icon-star-yellow { background: url("../images/index_icon.png") no-repeat -228px -121px; background-size: 288px 178px; width: 13px; height: 12px; }

.icon-topad-close { background: url("../images/index_icon.png") no-repeat -259px -69px; background-size: 288px 178px; width: 29px; height: 29px; }

.icon-unlogin { background: url("../images/index_icon.png") no-repeat 0px -69px; background-size: 288px 178px; width: 70px; height: 70px; }

.icon-down_close { background: url("../images/mobile_game_icons.png") no-repeat -18px -246px; background-size: 388px 262px; width: 14px; height: 14px; }

.icon-icon16-1 { background: url("../images/mobile_game_icons.png") no-repeat -34px -246px; background-size: 388px 262px; width: 13px; height: 12px; }

.icon-icon16 { background: url("../images/mobile_game_icons.png") no-repeat -49px -246px; background-size: 388px 262px; width: 13px; height: 12px; }

.icon-more-arrow { background: url("../images/mobile_game_icons.png") no-repeat 0px -246px; background-size: 388px 262px; width: 16px; height: 16px; }

.icon-ranking-arrow1 { background: url("../images/mobile_game_icons.png") no-repeat -64px -246px; background-size: 388px 262px; width: 5px; height: 9px; }

.icon-ranking-arrow2 { background: url("../images/mobile_game_icons.png") no-repeat -71px -246px; background-size: 388px 262px; width: 5px; height: 9px; }

.icon-ranking-arrow3 { background: url("../images/mobile_game_icons.png") no-repeat -78px -246px; background-size: 388px 262px; width: 5px; height: 9px; }

.icon-ranking-charge2 { background: url("../images/mobile_game_icons.png")  0px 0px; background-size: 388px 262px; width: 388px; height: 80px; }

.icon-ranking-deal3 { background: url("../images/mobile_game_icons.png")  0px -82px; background-size: 388px 262px; width: 388px; height: 80px; }

.icon-ranking-down { background: url("../images/mobile_game_icons.png") 0px -164px; background-size: 388px 262px; width: 388px; height: 80px; }

.header .nav {}

.footer > .row { margin: 0 auto !important; }

.footer2 { margin: auto !important; }

.bg-graw { display: flex; width: 100%; background-color: #f7f7f7; padding-bottom: 60px !important; }

.cent {
    width: 1200px;
    margin: 0 auto !important;
    background: #f7f7f7;
}

.cent .leftbox {
    width: 100%;
    float: left;
    background-color: #fff;
    position: relative
}

.cent .leftbox ul > li { width:20%;height: 120px; padding: 20px 0px 20px 0; position: static; float: left;}
.cent .leftbox ul > li:nth-child(5){}
/*
.cent .leftbox ul>li:hover {
    background-color: #333;
    color: #f7f7f7;
}
.cent .leftbox ul>li:hover .menu-sub p .f-left {
color: #f7f7f7;
}
*/
.cent .leftbox ul > li .menu-name { }

.cent .leftbox ul > li .menu-name img {
    width: 220px;height: 100%;
  /*  width: 80px; height:80px; float: left; margin-right: 10px; border-radius: 20%;
    */
}

.cent .leftbox ul > li .menu-sub { float: left; margin-top: -1px;text-align: left; }

.cent .leftbox ul > li .menu-sub p {  overflow: hidden; height:20px; }

.cent .leftbox ul>li .menu-sub p:first-of-type {
    line-height: 50px;
    height: 40px;
    margin-bottom: 7px;
}

.cent .leftbox ul > li .menu-sub p:first-of-type > a { font-size: 16px; color: #000; display: contents; }

.cent .leftbox ul > li .menu-sub p > a { font-size: 14px; color: #999; display: contents; }

.cent .leftbox ul > li .menu-sub p > a:not(:first-of-type) { margin-left: 8px; }

/* .cent .leftbox ul > li .menu-sub p > a:hover { color: #fff; } */

.cent .leftbox ul > li .menu-hover { width: 730px; height: 516px; background-color: #FFFFFF; border: 2px solid #4190E9; position: absolute; top: 0; left: 200px; z-index: 99; }

.cent .carousel-top {
    width: 100%;
    height: 432px;
    float: left;
    position: relative;
}

.cent .carousel-top .swiper-wrapper { width: 100%; height: 100%; }

.cent .carousel-top .swiper-wrapper .swiper-slide { width: 100%; height: 100%; }

.cent .carousel-top img { width: 100%; height: 100%; }

.cent .swiper-button-next, .cent .swiper-button-prev { position: absolute; top: calc(50% - 25px); cursor: pointer; }

.cent .swiper-button-next { right: 0; }

.cent .swiper-button-prev { left: 0; }

.cent .advbox { width: 100%; margin: 16px 0; overflow: hidden; }

.cent .advbox > ul li { width:294px; height: 161px; float: left; }

.cent .advbox > ul li:first-of-type img { width: 290px; height: 100%;}

.cent .advbox > ul li:not(:first-of-type) { margin-left: 8px;  }
.cent .advbox > ul li:not(:first-of-type) img { width: 100%; height: 100%; }


.cent .game-nav {
    width: 100%;
    height: 80px;
    clear: both;
    padding: 0 15px;
}

.cent .game-nav p { float: left; margin-right: 16px; margin-top: 29px; line-height: 24px; font-size: 20px; font-weight: bold; }

.cent .game-nav p > a { color: #999; }

.cent .game-nav p.active { margin-top: 25px; font-size: 24px; }

.cent .game-nav p.active > a { color: #333; line-height: 28px; }

.cent .game-nav p.active::after { content: ""; width: 47px; height: 2px; margin: 7px auto 18px; background-color: #4190E9; display: block; }

.cent .game-nav > a { margin-top: 44px; height: 16px; line-height: 16px; }

.cent .game-nav > a > .icon-more { margin-left: 6px; vertical-align: bottom; }

.cent .game-nav > a:hover { color: #4190E9; }

.cent .game-nav h1 { font-weight: bold; margin-left: 5px; margin: 37px 0 15px 0; line-height: 28px; height: 28px; }

.cent .game-list {
    width: 100%;
    padding: 10px;
}

.cent .game-list > ul { display: inline-block; float: left; }

.cent .game-list > ul > li { width: 184px; height: 280px; float: left; margin-left: 15px; background-color: #fff; text-align: center; padding: 0 16px;  }
.cent .game-list>ul>li:hover
 {
background:#e3e3e3
}
.cent .game-list>ul>li:hover img {
  transform: scale(1.2);
}

.cent .game-list > ul > li:nth-child(-n + 6) { margin-bottom: 15px; }

.cent .game-list > ul > li:nth-child(6n+1) { margin-left: 0; }

.cent .game-list > ul > li .listimgs { display: flex; }

.cent .game-list > ul > li .listimgs img { width: 120px; height: 120px; margin: 47px  auto 0; border-radius: 20%; border: 1px solid #ededed; box-sizing: border-box; }

.cent .game-list > ul > li p { overflow: hidden; }

.cent .game-list > ul > li p:first-of-type { line-height: 20px; height: 20px; margin-top: 17px; }

.cent .game-list > ul > li p:first-of-type > a { font-size: 16px; color: #333; vertical-align: middle; }

.cent .game-list > ul > li p:first-of-type > a:hover { color: #4190E9; }

.cent .game-list > ul > li p:last-of-type { line-height: 16px; }

.cent .game-list > ul > li p:last-of-type > a { font-size: 12px; color: #999 !important; vertical-align: middle; }

.cent .game-list > ul > li p:last-of-type > a > span { color: #999 !important; margin-top: 16px; }

.cent .game-list > ul > li p:last-of-type > a:not(:first-of-type) { margin-left: 6px; }

.cent .game-list > ul > li p:last-of-type:not(.hot_gamep) > a { pointer-events: none; cursor: default; }

.cent .game-list > ul > li p.start { height: 12px; margin: 10px 0; }

.cent .game-list > ul > li p.hot_gamep { height: 16px; line-height: 16px; margin: 16px 0 44px 0; }

.cent .game-list > ul > li p > a:hover > span { color: #4190E9 !important; }

.cent .ranking { width: 100%; height: 590px; }

.cent .ranking .ranking-list{ overflow: hidden; background-color: #ffffff; width:100%;}

.cent .ranking .ranking-list:first-child { margin-left: 0; }
/* .cent .ranking .ranking-list:nth-child(2) {
    margin-left: 18px;
}
.cent .ranking .ranking-list:nth-child(4) {
    margin-left: 18px;
} */

.cent .ranking .ranking-list .swiper-container { height: 510px; }

.cent .ranking .ranking-list ul { width:590px; padding: 0 5px; height: 510px; overflow: hidden; background-color: #ffffff; }

.cent .ranking .ranking-list li { height: 90px; width: 100%; padding-top: 15px; box-sizing: border-box; border-bottom: 1px dashed #ededed; }

.cent .ranking .ranking-list li .icon-ranking-line { width: 100%; position: absolute; top: 0; left: 0; }

.cent .ranking .ranking-list li:first-child .icon-ranking-line { display: none; }

.cent .ranking .ranking-list .rightw { padding-top: 2px; max-width: 233px; overflow: hidden; }

.cent .ranking .ranking-list .rightw.wd121 { width: 121px; margin-right: 20px; overflow: hidden; }

.cent .ranking .ranking-list .rightw p { overflow: hidden; height: 12px; }

.cent .ranking .ranking-list .rightw p > i { float: left; margin-left: 1px; }

.cent .ranking .ranking-list .rightw p > i:first-of-type { margin-left: 0; }

.cent .ranking .ranking-list .rightw p:first-of-type { height: 18px; line-height: 18px; margin-bottom: 4px; color: #333; }

.cent .ranking .ranking-list .rightw p:last-of-type { line-height: 16px; height: 16px; margin-top: 5px; }

.cent .ranking .ranking-list .rightw p.last-p1 { margin-top: 8px; color: #333; line-height: 16px; height: 16px; margin-bottom: 7px !important; }

.cent .ranking .ranking-list .rightw p.last-p2 { margin-top: 0px !important; line-height: 18px; height: 18px; }

.cent .ranking .ranking-list .rightw p:first-of-type > a:hover { color: #4190E9; }

.cent .ranking .ranking-list .rightw p:last-of-type:not(.last-p2) > a { cursor: default; }

.cent .ranking .ranking-list .right-describe { margin-top: 40px; line-height: 18px; height: 18px; position: absolute; right: 0px; }

.cent .ranking .ranking-list .right-describe.last-dec { margin-top: 10px; text-align: right; }

.cent .ranking .ranking-list .right-describe.last-dec > p { width: 88px; line-height: 16px; }

.cent .ranking .ranking-list .right-describe.last-dec > p:last-of-type { margin-top: 7px; line-height: 18px; }

.cent .ranking .ranking-list .icon-ranking-TOP { height: 80px; padding-left: 16px; width: 100%; }

.cent .ranking .ranking-list .icon-ranking-TOP.topbg1 { background: url("../images/ranking-down.png") no-repeat; }

.cent .ranking .ranking-list .icon-ranking-TOP.topbg2 { background: url("../images/ranking-first charge2.png") no-repeat; }

.cent .ranking .ranking-list .icon-ranking-TOP.topbg3 { background: url("../images/ranking-deal3.png") no-repeat; }

.cent .ranking .ranking-list .icon-ranking-TOP h2 {
    font-size: 18px;
    line-height: 24PX;
    height: 24px;
    padding-top: 21px;
    font-weight: bold;
    margin-bottom: 6px;
    color: #fff;
}

.cent .ranking .ranking-list .icon-ranking-TOP h2.h2-2 {
    color: #fff;
}

.cent .ranking .ranking-list .icon-ranking-TOP h2.h2-3 {
    color: #fff;
}

.cent .ranking .ranking-list .icon-ranking-TOP p { color: #fff; line-height: 16px; margin-bottom: 13px; }

.cent .ranking .ranking-list .icon-ranking-TOP p.p-2 {
    color: #fff;
}

.cent .ranking .ranking-list .icon-ranking-TOP p.p-3 {
    color: #fff;
}

.cent .ranking .ranking-list .icon-ranking-TOP .more-load > a { line-height: 80px; padding-right: 16px; color: #fff; }

.cent .ranking .ranking-list .icon-ranking-TOP .more-load > a > i { margin-left: 6px; }

.cent .ranking .ranking-list .icon-ranking-TOP .more-load>a.p-2 {
    color: #fff;
}

.cent .ranking .ranking-list .icon-ranking-TOP .more-load>a.p-3 {
    color: #fff;
}

.cent .ranking .ranking-list .icon-ranking-TOP .more-load>a:hover {
    color: #fff;
}

.cent .ranking .ranking-list .icon-ranking-1, .cent .ranking .ranking-list .icon-ranking-2, .cent .ranking .ranking-list .icon-ranking-3, .cent .ranking .ranking-list .icon-ranking-10 { text-align: center; font-size: 18px; font-weight: bold; line-height: 20px; margin-right: 14px; margin-top: 10px; }

.cent .ranking .ranking-list .icon-ranking-1 { color: #E74240; }

.cent .ranking .ranking-list .icon-ranking-2 { color: #ED713D; }

.cent .ranking .ranking-list .icon-ranking-3 { color: #FEB185; }

.cent .ranking .ranking-list .icon-ranking-10 { color: #BBBBBB; }

.cent .ranking .ranking-list .gameimg { width: 60px; height: 60px; margin-right: 10px; box-sizing: border-box; border-radius: 20%; overflow: hidden; }

.cent .ranking .ranking-list .gameimg img { width: 100%; height: 100%; }

.cent .ranking .ranking-list .level { font-weight: bold; background-color: #ffd21d; border: 1px solid #fd7b00; border-radius: 2px; color: #fd7b00; font-size: 10px; vertical-align: inherit; height: 15px; line-height: 15px; padding: 0 2px; position: absolute; top: 43%; right: 0; }

.cent .ranking .ranking-list .level img { width: 15px; height: 8px; margin-right: 0; }

.cent .ranking .ranking-list .level span { color: #fd7b00; line-height: 13px; margin-left: -3px; }

.cent .ranking .ranking-list .ranking-type { margin-top: 10px; }

.cent .ranking .ranking-list .ranking-type a { width: 40px; height: 18px; line-height: 18px; background-color: #ffffff; text-align: center; float: left; border-top-left-radius: 2px; border-top-right-radius: 2px; }

.cent .ranking .ranking-list .ranking-type .active { background-color: #4190E9; color: #fff; }

.cent .ranking .ranking-list:last-of-type > .rankinglist3 .gameimg { pointer-events: none; }

.cent .gift-list { width: 100%; margin-bottom: 60px; clear: both; }

.cent .gift-list > ul { width: 100%; display: inline-block; }

.cent .gift-list > ul li { width: 228px; background-color: #fff; height: 281px; margin-left: 15px; text-align: center; float: left; }

.cent .gift-list > ul li:first-of-type { margin-left: 0; }

.cent .gift-list > ul li > a > img { width: 100%; height: 221px; display: block; }

.cent .gift-list > ul li > a > p { color: #333; font-size: 16px; line-height: 20px; height: 20px; margin: 20px auto; width: 196px; overflow: hidden; }

.cent .gift-list > ul li > a > p:hover { color: #4190E9; }

.down-box-model .down-box { height: auto; max-height: 654px; min-height: 278px; }

.down-box-model .down-box .down-title .down-close { overflow: hidden; height: 14px; width: 14px; display: block; background-size: cover; }

.down-box-model .down-box .down-title .down-close > i { display: block; }

.down-box-model .down-box .down-content-box { overflow: auto; max-height: 560px; }

.down-box-model .down-box .down-content-box .no-download-box { display: none; height: 40px; line-height: 40px; text-align: center; }

.down-box-model .down-box .down-content-box .down-content { padding-bottom: 40px; }

.down-box-model .down-box .down-content-box .down-content .clear-mr { margin-right: 0; }

.down-box-model .down-box .down-content-box .down-content .down-item .down-left { margin-right: 6px; width: 115px; }

.down-box-model .down-box .down-content-box .down-content .down-item .down-left .banben { overflow: hidden; color: #333333; font-weight: bold; }

.down-box-model .down-box .down-content-box .down-content .down-item .down-left .gtime { overflow: hidden; font-size: 12px; color: #999999; }

.down-box-model .down-box .down-content-box .down-content .down-item .down-left .down-window:hover { color: #4190E9 !important; border: 1px solid #4190E9 !important; }

.down-box-model .down-box .down-content-box .down-content .down-item .down-right { margin-right: 0; }

.swiper-pagination-switch { width: 13px !important; height: 13px !important; border-radius: 50%; border: 1px solid #d6d6d6; display: inline-block; background-color: #fff; cursor: pointer; }

.swiper-pagination-switch:not(:first-of-type) { margin-left: 10px !important; }

.swiper-pagination-switch:hover { border: 1px solid #4190E9; }

.swiper-active-switch { border: 1px solid #4190E9; background-color: #4190E9; }

.swiper-pagination { position: absolute; width: 100%; text-align: center; bottom: 21px; height: 11px; }

.swiper-pagination.carouselpage { bottom: 27px; }

.swiper-pagination.rankingpage1, .swiper-pagination.rankingpage2, .swiper-pagination.rankingpage3 { bottom: 36px; }

.swiper-pagination.rankingpage1 > span, .swiper-pagination.rankingpage2 > span, .swiper-pagination.rankingpage3 > span { float: left; }

.swiper-pagination.rankingpage1 > span:first-of-type, .swiper-pagination.rankingpage2 > span:first-of-type, .swiper-pagination.rankingpage3 > span:first-of-type {  }