@charset "utf-8";
.icon-hot { background:  no-repeat -165px -121px; background-size: 288px 178px; width: 28px; height: 18px; }

.icon-new { background:  no-repeat -133px -121px; background-size: 288px 178px; width: 30px; height: 18px; }

.icon-picc { background:  no-repeat -136px -105px; background-size: 288px 178px; width: 26px; height: 10px; }

.icon-top { background:  no-repeat -164px -105px; background-size: 288px 178px; width: 20px; height: 10px; }

.icon-top_h { background:  no-repeat -186px -105px; background-size: 288px 178px; width: 20px; height: 10px; }

.icon-bgicon { background:  no-repeat -72px -121px; background-size: 288px 178px; width: 59px; height: 18px; }

.icon-commonproblem { background:  no-repeat -222px -105px; background-size: 288px 178px; width: 4px; height: 6px; }

.icon-l_l { background:  no-repeat -63px -141px; background-size: 288px 178px; width: 20px; height: 32px; }

.icon-lrft { background:  no-repeat -72px -69px; background-size: 288px 178px; width: 30px; height: 50px; }

.icon-more { background:  no-repeat -195px -121px; background-size: 288px 178px; width: 16px; height: 16px; }

.icon-more2 { background:  no-repeat -208px -105px; background-size: 288px 178px; width: 5px; height: 9px; }

.icon-more3 { background:  no-repeat -243px -121px; background-size: 288px 178px; width: 6px; height: 11px; }

.icon-more4 { background:  no-repeat -251px -121px; background-size: 288px 178px; width: 6px; height: 11px; }

.icon-next { background:  no-repeat -215px -105px; background-size: 288px 178px; width: 5px; height: 9px; }

.icon-r { background:  no-repeat -104px -69px; background-size: 288px 178px; width: 30px; height: 50px; }

.icon-r_l { background:  no-repeat -41px -141px; background-size: 288px 178px; width: 20px; height: 32px; }

.icon-ranking-1 { background:  no-repeat 0px -141px; background-size: 288px 178px; width: 39px; height: 34px; }

.icon-ranking-10 { background:  no-repeat -218px -69px; background-size: 288px 178px; width: 39px; height: 34px; }

.icon-ranking-2 { background:  no-repeat -177px -69px; background-size: 288px 178px; width: 39px; height: 34px; }

.icon-ranking-3 { background:  no-repeat -136px -69px; background-size: 288px 178px; width: 39px; height: 34px; }

.icon-ranking-top { background:  no-repeat 0px 0px; background-size: 288px 178px; width: 288px; height: 67px; }

.icon-ranking-line { background:  no-repeat 0px -177px; background-size: 288px 178px; width: 258px; height: 1px; }

.icon-star-graw { background:  no-repeat -213px -121px; background-size: 288px 178px; width: 13px; height: 12px; }

.icon-star-yellow { background:  no-repeat -228px -121px; background-size: 288px 178px; width: 13px; height: 12px; }

.icon-topad-close { background:  no-repeat -259px -69px; background-size: 288px 178px; width: 29px; height: 29px; }

.icon-unlogin { background:  no-repeat 0px -69px; background-size: 288px 178px; width: 70px; height: 70px; }

div, ul, li, p, span, a, input, i { font-family: 'arial','microsoft yahei',serif,monospace; }

.header .nav { border-bottom: 0px; }

.header .menu-wrap .item { cursor: auto; }

a:hover { color: #ff5b01; }

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

.bg-graw { width: 100%; background-color: #f2f2f2; }

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

.none { display: none; }

.leftbox { width: 200px; float: left; }

.rightbox { width: 250px; float: left; }

.middlebox { width: 750px; float: left; }

.floor1 { height: 590px; }

.top-ad { height: 60px; width: 100%; position: relative; overflow: hidden; }

.top-ad .cent { height: 60px; position: relative; }

.top-ad .cent a { margin: 16px 0; position: absolute; right: 0; z-index: 999; }

.top-ad .advimg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: center top; z-index: 55; }

.main div, .main ul, .main li, .main p, .main span, .main a, .main input, .main i { font-family: 'arial','microsoft yahei',serif,monospace; }

.main .radius50 { border-radius: 50%; }

.main p, .main a, .main span { word-break: break-all; }

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

.main .moneystyle { font-weight: bold; font-size: 14px; line-height: 16px; }

.main .border { border: 1px solid #ededed; }

.main .img { width: 100%; height: 100%; background-size: cover; box-sizing: border-box; background-position-x: center; }

.main i { vertical-align: middle; }

.main .color999 { color: #999999; }

.main .color-orange { color: #ff5b01; }

.main .color-green { color: #56bc5c; }

.main .pd16 { padding: 16px; }

.main .inline-block { display: inline-block; }

.main .m-t15 { margin-top: 15px; }

.main .line-14 { line-height: 14px !important; }

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

.main .font12 { font-size: 12px !important; line-height: 14px !important; }

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

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

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

.main .title a:hover { color: #ff5b01; }

.main .smalltitle { padding: 17px 16px; float: left; width: 100%; }

.main .smalltitle h2 { border-left: 2px solid #ff5b01; padding-left: 8px; line-height: 16px; }

.main .smalltitle a i { margin-left: 6px; vertical-align: inherit; }

.main .smalltitle a:hover { color: #ff5b01; }

.main .btn { width: 104px; height: 40px; line-height: 40px; text-align: center; color: #ffffff; font-size: 16px; border: 1px solid #ff5b01; display: inline-block; border-radius: 2px; }

.main .b-btn { background-color: #ff5b01; }

.main .b-btn:hover { background-color: #ff6b1a; }

.main .s-btn { color: #ff5b01; background-color: #fff5ec; margin-left: 6px; }

.main .s-btn:hover { background-color: #ff5b01; color: #ffffff; }

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

.main .bg-adv { position: absolute; width: 100%; height: 590px; 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: 200px; 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(/uploads/image/cngidno_submit/c69976ee685248d4977ad510dd5fbebc.jpg) no-repeat; background-position: center top; width: 100%; height: 590px; }

.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-pagination-switch:hover { background-color: #f5f5f5; }

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

.main .swiper-pagination .swiper-active-switch:hover { background-color: #ff5b01; }

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

.main .left-menu > li { height: 65px; padding: 14px 16px 0; position: static; }

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

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

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

.main .menu-name a span { color: #ffffff; font-size: 14px; line-height: 16px; }

.main .menu-name img { width: 16px; height: 16px; float: left; margin-right: 8px; }

.main .menu-sub { margin-top: 9px; }

.main .menu-sub p { line-height: 14px; width: 153px; overflow: hidden; height: 14px; }

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

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

.main .menu-sub i { margin-top: 2.5px; }

.main .menu-hover { width: 730px; height: 516px; background-color: #ffffff; border: 2px solid #ff5b01; position: absolute; top: 0; left: 200px; z-index: 99; }

.main .carousel-top { width: 718px; height: 338px; margin: 15px 16px 0; }

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

.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 .advbox { height: 150px; margin: 16px 16px 0; overflow: hidden; }

.main .carousel-adv { height: 150px; width: 735px; }

.main .carousel-adv .swiper-wrapper { width: 1470px; height: 150px; }

.main .carousel-adv .swiper-button-next { right: 17px; }

.main .carousel-adv .swiper-slide { width: 245px; height: 150px; padding-left: 17px; }

.main .carousel-adv .swiper-slide:first-child { margin-left: -17px; }

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

.main .user-img { width: 70px; height: 70px; border-radius: 50%; overflow: hidden; margin-right: 16px; }

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

.main .userinfo .user-name { margin-top: 16px; width: 132px; height: 16px; overflow: hidden; }

.main .userinfo .user-name p, .main .userinfo .user-name a { font-size: 14px; line-height: 16px; }

.main .userinfo > div > p { width: 132px; white-space: nowrap; overflow: hidden; color: #999999; line-height: 14px; margin-top: 8px; }

.main .userinfo > div > p a { color: #999999; }

.main .userinfo > div > p a:hover { color: #ff5b01; }

.main .userinfo > div > p span { margin: 0 7px; font-size: 12px; line-height: 14px; }

.main .userinfo { margin-bottom: 12px; }

.main .help-tab { margin-top: 26px; }

.main .help-tab .tabcontainer { height: 112px; }

.main .help-tab .tabcontainer a:hover { color: #ff5b01 !important; }

.main .help-tab .tabs a { font-size: 14px; height: 40px; width: 62px; text-align: center; }

.main .help-tab .tabs a span { line-height: 38px; display: inline-block; }

.main .help-tab .tabs a:first-child { text-align: left; }

.main .help-tab .tabs a:first-child   a { margin: 0 16px; }

.main .help-tab .tabs a:first-child   a   a { text-align: right; }

.main .help-tab .tabs .active span { color: #ff5b01; border-bottom: 2px solid #ff5b01; }

.main .notice li, .main .problem li { margin-top: 13px; width: 100%; }

.main .notice li p, .main .problem li p { width: 168px; overflow: hidden; height: 14px; line-height: 14px; }

.main .notice li span, .main .problem li span { line-height: 14px; }

.main .newbie table { border-collapse: separate; border-spacing: 0 12px; }

.main .newbie td { width: 14px; text-align: center; }

.main .newbie .nnfirst { width: 44px; height: 44px; color: #666666; }

.main .newbie .nn { width: 42px; height: 42px; color: #666666; border: 1px solid #ededed; background-color: #f5f5f5; }

.main .newbie .nn span { color: #666666; line-height: 14px; }

.main .problem ul { margin-left: -16px; }

.main .problem li { width: 50%; padding-left: 16px; }

.main .problem li p { width: 100%; }

.main .problem li i { margin-right: 6px; margin-bottom: 2px; }

.main .convenience { overflow: hidden; height: 150px; }

.main .convenience ul { display: inline-block; width: 101%; margin-top: -1px; margin-right: -1px; }

.main .convenience a:hover p { color: #ff5b01; }

.main .convenience li { width: 63px; text-align: center; border-top: 1px solid #ededed; border-right: 1px solid #ededed; padding: 14px 0; }

.main .convenience li:hover img { margin-top: -3px; }

.main .convenience li b { display: block; height: 26px; width: 100%; }

.main .convenience img { width: 26px; height: 26px; transition: all 0.3s; -webkit-transition: all 0.3s; }

.main .convenience p { height: 14px; overflow: hidden; margin-top: 7px; }

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

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

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

.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 .newstitle { width: 320px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

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

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

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

.main .bg-gradient { background-image: -webkit-linear-gradient(#ffffff, #f2f2f2, #f2f2f2); background-image: -moz-linear-gradient(#ffffff, #f2f2f2, #f2f2f2); background-image: -o-linear-gradient(#ffffff, #f2f2f2, #f2f2f2); background-image: -ms-linear-gradient(#ffffff, #f2f2f2, #f2f2f2); background-image: linear-gradient(#ffffff, #f2f2f2, #f2f2f2); display: inline-block; width: 100%; }

.main .m-r10 { margin-right: 10px !important; }

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

.main .m-r4 { margin-right: 4px; }

.main .ranking-list { overflow: hidden; background-color: #ffffff; width: 288px; margin-left: 16px; }

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

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

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

.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: 8px; }

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

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

.main .ranking-list li { height: 80px; 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: 79px; }

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

.main .ranking-list .rightw { width: 145px; 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-top { padding-left: 16px; }

.main .ranking-list .icon-ranking-top h2 { font-size: 18px; line-height: 20px; color: #765b4a; padding-top: 19px; }

.main .ranking-list .icon-ranking-top p { color: #9c6d51; line-height: 14px; margin-top: 5px; }

.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: 10px; }

.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: 50px; height: 50px; margin-right: 10px; }

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

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

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

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

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

.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: #ff5b01; color: #fff; }

.main .information { height: 466px; }

.main .information .gameinformation, .main .information .partners { width: 288px; float: left; }

.main .gameinformation ul { padding: 0 16px 11px; display: inline-block; }

.main .gameinformation li { width: 100%; height: 30px; line-height: 30px; overflow: hidden; }

.main .gameinformation li a { width: 198px; }

.main .gameinformation .first { height: 144px; margin-bottom: 5px; }

.main .gameinformation .first img { width: 256px; height: 144px; }

.main .gameinformation .first p { position: absolute; bottom: 3px; background-color: rgba(0, 0, 0, 0.7); color: #fff; width: 100%; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.main .gameinformation .first p:hover { color: #ff5b01; }

.main .partners li { width: 144px; height: 100px; text-align: center; border-top: 1px solid #ededed; overflow: hidden; }

.main .partners li:first-child, .main .partners li:first-child   li   li, .main .partners li:first-child   li   li   li   li, .main .partners li:first-child   li   li   li   li   li   li { border-right: 1px solid #ededed; }

.main .partners li img { width: 143px; height: 99px; }

.main .activities { width: 592px; margin: 16px 16px 0; float: left; }

.main .activities ul { padding: 0 16px; }

.main .activities li { width: 272px; margin-bottom: 20px; }

.main .activities li:first-child, .main .activities li:first-child   li   li { margin-right: 16px; }

.main .activities li > a { width: 272px; height: 154px; margin-bottom: 10px; display: block; }

.main .activities li img { width: 100%; height: 100%; }

.main .activities li p a { width: 182px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 16px; }

.main .activities li p span { width: 80px; overflow: hidden; white-space: nowrap; text-align: right; }

.main .blogroll { margin-bottom: 16px; margin-top: 16px; }

.main .blogroll .smalltitle { border-bottom: 1px solid #ededed; }

.main .blogroll .clear { padding: 4px 16px 20px; }

.main .blogroll .clear a { margin-right: 12px; margin-top: 14px; display: inline-block; }

.main .gamelist a:hover, .main .r-game-list a:hover, .main .gameinformation a:hover, .main .activities a:hover, .main .blogroll a:hover { color: #ff5b01; }

.main .gamelist { padding: 4px 20px 38px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }

.main .gamelist li { width: 142px; height: 203px; text-align: center; }

.main .gamelist li .gameimg { display: block; height: 100px; margin: 36px 0 16px 0; }

.main .gamelist li .gameimg .img:hover { -moz-transform: scale(1.2); /* firefox */ -webkit-transform: scale(1.2); /* safari 和 chrome */ -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.main .gamelist li .img { width: 100px; height: 100px; border-radius: 20%; box-sizing: border-box; transition: all 0.3s; -webkit-transition: all 0.3s; margin: 0 21px; }

.main .gamelist li .img:hover { -moz-transform: scale(1.2); /* firefox */ -webkit-transform: scale(1.2); /* safari 和 chrome */ -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.main .gamelist li .gamename { width: 130px; display: block; font-size: 16px; line-height: 18px; height: 18px; overflow: hidden; margin-left: 6px; }

.main .gamelist li p { line-height: 16px; margin-top: 17px; width: 130px; overflow: hidden; height: 16px; margin-left: 6px; }

.main .gamelist li p a { margin-left: 4px; }

.main .gamelist li p a:first-child { margin-left: 0; }

.main .gamelist, .main .right-gamelist { height: 450px; background-color: #ffffff; }

.main .flooradvimg { height: 450px; }

.main .flooradvimg img { width: 200px; object-fit: initial; }

.main .right-gamelist .smalltitle { padding: 16px 15px; border-bottom: 1px solid #ededed; }

.main .r-game-list { height: 80px; padding: 15px; }

.main .r-game-list img { width: 50px; height: 50px; border-radius: 20%; box-sizing: border-box; }

.main .r-game-list:first-child { height: 79px; }

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

.main .r-game-list .icon-ranking-line { position: absolute; top: 0; width: 218px; left: 15px; }

.main .r-game-list div a { display: block; font-size: 14px; }

.main .r-game-list p, .main .r-game-list div a { margin-top: 6px; height: 16px; overflow: hidden; line-height: 16px; }

.main .width84 { width: 84px; }

.main .width158 { width: 158px; }

.main .star-list { position: absolute; top: 43%; right: 15px; }

.main .imgnoradius img { border-radius: 0 !important; }

.main .select-group { width: 218px; height: 34px; padding: 0 9px; border: 1px solid #d6d6d6; margin-left: 15px; position: relative; cursor: pointer; }

.main .select-group > i { position: absolute; top: 45%; right: 9px; }

.main .select-group .border { border: 1px solid #d6d6d6; }

.main .select-group a:hover { color: #333333; }

.main .select-group > input { border: 0px; width: 105%; height: 100%; cursor: pointer; z-index: 80; background-color: transparent; }

.main .sel-option { width: 218px; position: absolute; top: 32px; left: -1px; z-index: 99; background-color: #ffffff; max-height: 375px; overflow-y: auto; }

.main .sel-option .sel-search { padding: 5px 4px 4px 5px; background-color: #f5f5f5; position: relative; border-bottom: 1px solid #d6d6d6; }

.main .sel-option .sel-search input { height: 25px; width: 100%; padding-left: 24px; }

.main .sel-option .sel-search .icon-search { position: absolute; top: 11px; left: 12px; }

.main .sel-option li { height: 34px; overflow: hidden; }

.main .sel-option li:hover { background-color: #f5f5f5; }

.main .sel-option li a { padding: 0 9px; line-height: 34px; width: 100%; height: 100%; }

.main .ee { margin-left: 15px; }

.main .ee a { height: 34px; line-height: 34px; font-size: 14px; }

.main .echarts { height: 174px; width: 218px; margin: 22px auto 18px; }

.main .visibility { visibility: hidden; position: absolute; z-index: -1; }

.main .left-suspended { position: absolute; left: -66px; width: 50px; top: 80px; text-align: center; z-index: 999; }

.main .left-suspended table td { height: 50px; width: 50px; }

.main .left-suspended table td:hover a { color: #ff5b01; }

.main .left-suspended table td:hover a p { color: #ff5b01; }

.main .left-suspended table td:hover a i { background:  no-repeat -186px -105px; }

.main .left-suspended .active { background-color: #ff5b01; border: 1px solid  #ff5b01; }

.main .left-suspended .active a { color: #fff; }

.main .left-suspended .active:hover a { color: #fff; }

.main .rankinglist1 .rightw p   p { white-space: nowrap; text-overflow: ellipsis; }

.main .news2 .swiper-slide { overflow: hidden; }

.comboboxwrap { box-sizing: content-box; position: absolute; right: 0; left: 0; margin: auto; padding: 16px 16px 11px; width: 916px; background-color: #fff; border: solid 2px #ff5b01; color: #333; }

.companyname   span   p, .companyname   span   p   p { margin-right: 1px; }

.combobox-wrap-index { width: 918px; padding: 14px; }

.combobox-wrap-index .combobox-body .tag-list li { width: 137px; }

.combobox-wrap-index .combobox-body .tag-list li a { padding: 0 6px; }

.tool-tip > div { display: none; }