.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-bgicon {
    background: #ff3600;
    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("../image/index_icon.png") no-repeat 0px -141px; background-size: 288px 178px; width: 39px; height: 34px; }

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

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

.icon-ranking-3 { background: url("../image/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-change { background: url("../images/icon.png") no-repeat -217px -122px; background-size: 290px 202px; width: 16px; height: 16px; } */

/* .icon-gamebg { background: url("../images/icon.png") no-repeat -82px -122px; background-size: 290px 202px; width: 78px; height: 78px; } */

.icon-more {  width: 16px; height: 16px; }

.icon-moregame { background: url("../images/icon.png") no-repeat 0px -122px; background-size: 290px 202px; width: 80px; height: 80px; }

/* .icon-ranking { background: url("../images/icon.png") no-repeat 0px 0px; background-size: 290px 202px; width: 290px; height: 120px; } */

.icon-recommend { background: url("../images/icon.png") no-repeat -162px -122px; background-size: 290px 202px; width: 53px; height: 28px; }

.bg-graw { background-color: #F5F5F5; }

.bg-white { background-color: #fff; }

.header .nav { }

.main .cent { width: 1200px; margin: 0 auto; position: relative; }

.main .color-orange { color: red; }

.main a:hover { color: #4190E9; }

.main a:hover span { color: #4190E9; }

.main .weight { font-weight: bold; }

.main .line-16 { line-height: 16px; }

.main .line-18 { font-size: 14px; line-height: 18px; }

.main .font16 { font-size: 16px; line-height: 20px; }

.main .font24 { font-size: 24px; line-height: 26px; }

.main .font18 { font-size: 18px; line-height: 22px; }

.main .font30 { font-size: 30px; line-height: 34px; }

.main .pd16 { padding: 16px; }

.main .m-t30 { margin-top: 30px; }

.main .m-r8 { margin-right: 8px; }

.main .m-t4 { margin-top: 4px; }

.main .title { padding: 17px 0; float: left; width: 100%; margin-top: 20px; }

.main .title > span { line-height: 24px; margin-top: 2px; }

.main .title h1 { font-weight: bold; margin-left: 5px; }

.main .title a { font-size: 14px; line-height: 26px; }

.main .title a i { margin-left: 6px; margin-top: -3px; vertical-align: middle; }

.main .title a:hover { color: #4190E9; }

.main .floor1 {  }

.main .floor1 .leftbox {
    width: 100%;
    float: left;
    background: #FFF;
}
.main .floor1 .rightbox { width: 200px; float: left; height: 432px;padding: 16px 0; }


.main .floor1 .middlebox { width: 1000px; float: left; }

.main .floor1 .rightbox { background-color: #FFF; font-size: 0; height: 432px; }

/* .main .floor1 .rightbox img { width: 168px; height: 122px; } */

.main .left-menu { background-color: #FFF; }

.main .left-menu>li {
    position: static;
    float: left;
}

.main .left-menu > li:hover { background-color:#ff802b; }

.cent .leftbox ul>li:hover  a {
    color: #f7f7f7;
}

.main .left-menu .menu-img { width: 80px; height: 80px; }

.main .left-menu a:hover { color: #4190E9; }

.main .left-menu a:hover span { color: #4190E9; }

.main .left-menu .menu-name { color: #000; font-size: 14px; line-height: 18px; }

.main .left-menu .width118 { width: 112px; }

.main .left-menu .menu-sub { margin-top: 4px; line-height: 16px; height: 16px; overflow: hidden; }

.main .left-menu .menu-sub a { color: #999999; margin-left: 8px; }

.main .left-menu .menu-sub a:first-child { margin-left: 0; }

.main .left-menu .menu-sub a:hover { color: #4190E9; }

.main .swiper-button-next, .main .swiper-button-prev { position: absolute; top: 43%; cursor: pointer; }

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

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

.main .swiper-pagination { position: absolute; width: 100%; text-align: center; bottom: 16px; }

.main .swiper-pagination .swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; background-color: #ffffff; border-radius: 6px; cursor: pointer; margin: 0 5px; }

.main .swiper-pagination .swiper-active-switch { background-color: #4190E9; }

.main .newstitle { width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.main .carousel-top { height: 432px; position: relative;}

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

.main .sowing-new { height: 80px; line-height: 80px; display: inline-block; }

.main .sowing-new > div { width: 50%; }

.main .sowing-new > div .weight { line-height: 80px; }

.main .sowing-new > div .swiper-container { height: 80px; }

.main .sowing-new .swiper-slide { overflow: hidden; font-size: 0; }

.main .sowing-new .swiper-slide a, .main .sowing-new .swiper-slide span, .main .sowing-new .swiper-slide b, .main .sowing-new .swiper-slide p { font-size: 12px; }

.main .sowing-new .swiper-slide b { margin-top: 31px; }

.main .sowing-new .icon-bgicon { margin: 0 10px; color: #fff; font-weight: 400; text-align: center; line-height: 18px; margin-top: 26px; }

.main .sowing-new span { margin-right: 6px; }

.main .sowing-new .companyname { margin: 0 15px 0px 10px; }

.main .sowing-new .companyname img { margin-right: 4px; margin-top: 31%; width: 28px; height: 13px; object-fit: contain; }

.main .merchant { height: 265px; }

.main .recommend-merchant-title { background: url(../images/merchant.jpg) no-repeat; width: 200px; height: 265px; text-align: center; padding-top: 48px; }

.main .recommend-merchant-title p { color: #ffffff; margin-bottom: 6px; }

.main .recommend-merchant { padding: 15px 15px 0; width: 985px; overflow: hidden; }

.main .recommend-merchant .swiper-container { height: 250px; width: 985px; }

.main .recommend-merchant .swiper-wrapper { width: 1970px; }

.main .recommend-merchant .swiper-slide { width: 197px; padding-left: 15px; text-align: center; }

.main .recommend-merchant .swiper-slide:first-child { margin-left: -15px; }

.main .recommend-merchant .swiper-slide img { width: 182px; height: 182px; }

.main .recommend-merchant .swiper-slide p { margin-top: 6px; }

.main .recommend-merchant .swiper-slide p a { width: 100%; overflow: hidden; height: 16px; }

.main .recommend-merchant .swiper-slide a { display: inline-block; }

.main .recommend-merchant .swiper-slide > a:first-child { height: 194px; }

.main .recommend-merchant .swiper-slide > a:first-child + a { width: 100%; overflow: hidden; height: 20px; }

.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 .ranking-list { overflow: hidden; background-color: #ffffff; width: 290px; margin-left: 16px; border-right: 1px solid #f5f5f5; }

.main .ranking-list .swiper-container { height: 520px; }

.main .ranking-list .swiper-pagination-switch { border: 1px solid #d6d6d6; }

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

.main .ranking-list .swiper-active-switch { border: 1px solid #4190E9; }

.main .ranking-list .swiper-pagination { bottom: 21px; height: 12px; }

.main .ranking-list p, .main .ranking-list a, .main .ranking-list span { line-height: 14px; }

.main .ranking-list p { margin-top: 11px; }

.main .ranking-list:first-child { margin-left: 0; }

.main .ranking-list ul { padding: 0 16px; height: 490px; overflow: hidden; background-color: #ffffff; }

.main .ranking-list li { height: 91px; width: 101%; padding: 14.5px 0; *width: 260px; *padding: 14px 0; *height: 50px; }

.main .ranking-list li .icon-ranking-line { position: absolute; top: 0; left: 0; }

.main .ranking-list li:first-child { height: 90px; }

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

.main .ranking-list .rightw { width: 136px; overflow: hidden; }

.main .ranking-list .rightw p { height: 14px; overflow: hidden; }

.main .ranking-list .wid77 { width: 77px; overflow: hidden; }

.main .ranking-list .wid103 { width: 103px; overflow: hidden; }

.main .ranking-list .icon-ranking { padding-left: 26px; }

.main .ranking-list .icon-ranking h2 { color: #fa5d00; padding-top: 30px; font-weight: bolder; }

.main .ranking-list .icon-ranking p { color: #fa5d00; }

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

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

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

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

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

.main .ranking-list img { width: 60px; height: 60px; margin-right: 10px; }

.main .ranking-list .gameimg { width: 70px; height: 60px; }

.main .ranking-list .gameimg img { border-radius: 20%; border: 1px solid #ededed; box-sizing: border-box; }

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

.main .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; }

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

/* .main .recommend-goods { height: 640px; background: url(../images/goodsbg.png) no-repeat; padding: 30px 0 0 30px; } */

.main .goodslist {  width: 900px; padding-right: 16px; display: flex; flex-wrap:wrap;padding-bottom: 16px;  }

.main .goods-li { width: 200px; margin: 16px 0 0 20px;    background: #eee;
    padding: 2;     border-radius: 10px;}

.main .goods-li .goodsimg { width: 200px; height: 200px; position: relative; display: block; }

.main .goods-li .goodsimg > img { max-width:100%; max-height:100%; }

.main .goods-li .goodsimg .icon-gamebg { position: absolute;left: 0;
    top: 0; }

.main .goods-li .goodsimg .icon-gamebg img { width: 50px; height: 50px; border-radius: 20%; }

.main .goods-li p { overflow: hidden; text-align: left;padding: 0 14px;}

.main .goods-li .goodstitle { height: 18px; white-space: nowrap; text-overflow: ellipsis; margin-top: 14px; }

.main .goods-li .goodstitle a { margin-left: auto; line-height: 18px; }

.main .goods-li .color999 { height: 16px; }

.main .recommend-game { margin-top: 24px; padding: 28px 19px 26px; height: 164px; }

.main .recommend-game li { width: 100px; text-align: center; margin-left: 18px; }

.main .recommend-game li:first-child { margin-left: 0; }

.main .recommend-game li img { width: 80px; height: 80px; border-radius: 20%; }

.main .recommend-game li p { overflow: hidden; height: 16px; margin-top: 14px; }

.main .account-recovery { padding-bottom: 90px; }

/* .main .account-recovery .recommend-goods { background: url(../images/recoverybg.png) no-repeat; height: 556px; } */

.main .account-recovery .goods-li {
    margin-top: 14px;
    background: #f7f7f7;
    ;
}

.main .account-recovery .goodslist { height: 556px; padding-top: 2px; }

.main .account-recovery .goodslist .goodstitle { white-space: initial; height: 20px; }

.main .account-recovery .goodslist p span, .main .account-recovery .goodslist p a { margin-left: 14px; }

.main .account-recovery .goodslist p span:first-child, .main .account-recovery .goodslist p a:first-child { margin-left: 0; }

.main .recoverytitle { background: url(../images/recovery1.png) no-repeat; height: 556px; width: 290px; }

.main .recoverytitle .icon-recommend { color: #fff; font-size: 16px; line-height: 28px; text-align: center; margin-top: 26px; margin-left: 44px; }

.main .recoverytitle p { color: #fff; margin-bottom: 5px; }

.clearfix {
    zoom: 1;
}

.clearfix {
    margin-top: 20px
}

.clearfix li {
    float: left;
    cursor: pointer;
    width: 204px;
    margin-top: 15px;
}

.clearfix li:first-child {
    margin-left: 0;
}

.clearfix li .left {
    vertical-align: middle;
    display: inline-block;
    width: 67px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    overflow: hidden;
}

.clearfix li .right {
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px
}

.clearfix li .right p {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.clearfix li .right span {
    color: #999;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.clearfix li .right i {
    background: -moz-linear-gradient(left, #fd5845, #f7164c);
    background: -webkit-linear-gradient(left, #fd5845, #f7164c);
    background: -o-linear-gradient(left, #fd5845, #f7164c);
    background: linear-gradient(left, #fd5845, #f7164c);
    display: block;
    width: 20px;
    height: 2px;
    margin: 13px 0;
}

.clearfix li .right a {
    display: block;
    color: #666
}

.clearfix li:hover .right a,
.clearfix li:hover .right p,
.clearfix li:hover .right span {
    color: #f7164c
}

.clearfix li:hover .left {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}

.recommend-shop-box {
    background: url(/common/images/recommed-shop-bg.png) no-repeat;
    height: 306px;
    margin-top: -11px;
    overflow: hidden;
    position: relative;
}

.recommend-shop-box .left {
    width: 201px;
    text-align: center;
    padding: 46px 0;
    float: left
}

.recommend-shop-box .left .row-1 p {
    font-size: 33px;
    color: #fff;
    line-height: 1;
    text-shadow: 5px 2px 6px #00000024;
    font-weight: 700
}

.recommend-shop-box .left .row-1 span {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    text-shadow: 5px 2px 6px #5e39394d
}

.recommend-shop-box .left .row-2 {
    margin-top: 36px
}

.recommend-shop-box .left .row-2 p {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.recommend-shop-box .left .row-2 span {
    color: #fbc2ca;
    margin-top: 2px
}

.recommend-shop-box .left .row-3 {
    margin-top: 63px
}

.recommend-shop-box .left .row-3 a {
    width: 151px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    color: #f7164c;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto;
    background: #fff;
    border-radius: 24px;
    box-shadow: 1px 4px 6px #5e39394d;
    -moz-box-shadow: 1px 4px 6px #5e39394d;
    -webkit-box-shadow: 1px 4px 6px #5e39394d
}

.recommend-shop-box .left .row-3 a:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.recommend-shop-box .left .row-4 {
    margin-top: 15px
}

.recommend-shop-box .left .row-4 a {
    color: #fdd4de
}

.recommend-shop-box .left .row-4 a:hover {
    color: #fff !important
}

.recommend-shop-box .right {
    width: 989px;
    position: absolute;
    left: 201px;
    top: 11px;
}

.recommend-shop-list {
    position: relative;
    height: 279px;
    overflow: hidden
}

.recommend-shop-list .hd a {
    position: absolute;
    top: 113px;
    width: 19px;
    height: 39px;
    z-index: 100;
    cursor: pointer
}

.recommend-shop-list .hd a.next {
    background: url(/images/next.png) no-repeat;
    right: 0
}

.recommend-shop-list .hd a.prev {
    background: url(/images/prev.png) no-repeat;
    left: 0
}

.recommend-shop-list .hd a.next:hover {
    background: url(/images/next-hover.png) no-repeat
}

.recommend-shop-list .hd a.prev:hover {
    background: url(/images/prev-hover.png) no-repeat
}

.recommend-shop-list .bd li {
    width: 197px;
    text-align: center;
    cursor: pointer;
    float: left;
    height: 243px;
    border-left: #f0f0f0 1px solid;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative
}

.recommend-shop-list .bd li .row-1 {
    width: 135px;
    height: 135px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.recommend-shop-list .bd li .row-1 img {
    width: 135px;
    height: 135px
}

.recommend-shop-list .bd li .row-2 {
    margin: 12px 0 4px 0;
    color: #333;
    font-size: 16px;
    padding: 0 28px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.recommend-shop-list .bd li .row-4 {
    color: #999;
    margin: 10px 0;
    padding: 0 20px
}

.recommend-shop-list .bd li:hover {
    box-shadow: 0 5px 10px #00000045;
    -moz-box-shadow: 0 5px 10px #00000045;
    -webkit-box-shadow: 0 5px 10px #00000045;
    background: #fff;
    border-left: transparent 1px solid
}

.recommend-shop-list .bd li:hover .row-2 {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.recommend-shop-list .bd li .row-3 {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.recommend-shop-list .bd li:hover .row-3 {
    margin-top: -30px
}

.recommend-shop-list .bd li .row-5 {
    font-size: 0;
    margin-top: 34px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.recommend-shop-list .bd li .row-5 a {
    display: inline-block;
    width: 72px;
    height: 26px;
    line-height: 26px;
    border-radius: 20px;
    font-size: 12px
}

.recommend-shop-list .bd li:hover .row-5 {
    margin-top: 0
}

.recommend-shop-list .bd li .row-5 a.btn1 {
    background: #f52f3e;
    color: #fff
}

.recommend-shop-list .bd li .row-5 a.btn1:hover {
    background: #eb593c;
    color: #fff !important
}

.recommend-shop-list .bd li .row-5 a.btn2:hover {
    background: #fff2f3
}

.recommend-shop-list .bd li .row-5 a.btn2 {
    border: 1px #f52f3e solid;
    color: #f52f3e;
    margin-left: 10px
}

.recommend-shop-list .bd li:hover .row-1 {
    transform: translateY(-3px)
}