body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, td, th, tr, dt, dd, dl, a { margin: 0; padding: 0; }
ul, ol { list-style: none; }
em, i { font-style: normal; }
u { text-decoration: none; }
table { border-spacing: 0; border-collapse: collapse; margin: inherit; }
img { border: none; vertical-align: middle; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
input, select, button { vertical-align: middle; outline: none; }
a { text-decoration: none; color: #666; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { *font-size: 100%; outline: 0; border: 0; }
a { text-decoration: none; }
button, textarea { outline: 0; border: 0; padding: 0; margin: 0; -webkit-appearance: none; }
.fl { float: left; }
.fr { float: right; }
body { min-width: 1245px; font-family: "Microsoft YaHei", "Arial", "Heiti SC" !important;  background: #f2f5f7;line-height: normal !important; }
.wrap { width: 1245px; margin: 0 auto; position: relative; }
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; }
.clear { clear: both; }
.clear::after { content: ""; display: block; clear: both; }
.mgb0 { margin-bottom: 0 !important; }
:root { --BodyBg: #f2f5f7; --ThemeColor1: #ff9f00; --ThemeColor2: #e86723; --OrgColor: #f9ded1; --OrgColor1: #ff5500; --OrgColor2: #f5c9ab; --BgColor: #262626; --AHover: #ff5500; --Success: #12b24f; }
.tab-item { display: block; }
.tab-item.hide { display: none; }
.header-con { width: 1245px; }
.index-container { min-height: 1000px; position: relative; padding-bottom: 0; }
.index-container #web_SSO .web_SSO-offline-reg, .index-container #web_SSO .web_SSO-login, .index-container span { color: #999; }
.index-container .header { background: var(--BgColor); color: #999; }
.index-container .header .icon { background: url(/static/hgame/img/iconsprites.png) no-repeat; }
.index-container #web_SSO .web_SSO-offline-avatar { width: 13px; height: 14px; background: url(/static/hgame/img/iconsprites.png) no-repeat -416px -589px; margin: 18px 6px 0 10px; }
.index-container .header-right .right-icon4 .icon { width: 17px; height: 19px; background-position: -164px -589px; margin-right: 4px; }
.index-container .right-icon3 .icon { width: 28px; height: 22px; background-position: -594px -413px; }
.index-container .right-icon2 { margin: 0 20px 0 0; }
.index-container .right-icon2 .icon { width: 28px; height: 22px; background-position: -637px -413px; }
.index-container .left-icon1 .icon { width: 18px; height: 19px; background-position: -126px -589px; }
.index-container .left-icon2 .icon { width: 17px; height: 17px; background-position: -201px -589px; }
.index-container .left-icon5 .icon { width: 19px; height: 16px; background-position: -329px -546px; }
.index-container #web_SSO .web_SSO-offline-spliter { height: 12px; margin: 0 8px 0px; vertical-align: middle; background-color: #444; }
#web_SSO .web_SSO-info-holder { bottom: -103px; z-index: 2; }
#web_SSO .web_SSO-online-avatar-username-link .web_SSO-online-avatar, #web_SSO .web_SSO-online-avatar-username-link .web_SSO-username { vertical-align: middle; }
.web_SSOPopSheild .web_SSOPopHolderNormal .web_SSO-register-forgot .web_SSO-forgot-link, .web_SSOPopSheild .web_SSOPopHolderNormal .web_SSO_check .web_SSO_check_btn, .web_SSOPopSheild .web_SSOPopHolderNormal .web_SSO_check .web_SSO_check_btn_countdown { color: var(--OrgColor1); }
.web_SSOloginTitle .resetCode i, .web_SSOloginToggle span.checked i { background-color: var(--ThemeColor1); }
.web_SSOPopSheild .web_SSOPopHolderNormal .web_SSO_btn input { background: var(--ThemeColor1); }
.right-icon2 .icon, .right-icon3 .icon { margin-top: 0; }
.index-container .ali-index-bg span { top: 150px; }
.news_foot { width: 100%; height: 200px; background: #202020; color: #768b9c; position: relative; z-index: 1; }
.news_foot_c { width: 1000px; height: 120px; padding: 40px 0; line-height: 40px; margin: 0 auto; text-align: center; font-size: 14px; }
.news_foot_c a:link { color: #768b9c; }
.news_foot_c a:visited { color: #768b9c; }
.news_foot_c a:hover { color: #f60; }
.WebGameContent { background: #ececec; }
.WebGameContent #web_SSO .web_SSO-online-avatar-username-link { height: 60px; line-height: 60px; }
.WebGameContent #web_SSO .web_SSO-info-holder { background-color: #ffffff; -webkit-box-shadow: 0px 0px 10px 0px #e4cfcb; box-shadow: 0px 0px 10px 0px #e4cfcb; border-top-color: transparent; }
.WebGameContent #web_SSO .web_SSO-info-holder .web_SSO-info-block1 { border-bottom-color: #e4cfcb; }
.WebGameContent #web_SSO .web_SSO-info-holder .web_SSO-info-block1 a em { width: 20px; height: 19px; margin: 9px 8px 7px 0; overflow: hidden; float: left; background: url(/static/hgame/img/pl.png) no-repeat; }
.WebGameContent #web_SSO .web_SSO-info-holder .web_SSO-info-block2 .web_SSO-info-block2-li1 em { background: url(/static/hgame/img/zl.png) no-repeat; width: 18px; height: 14px; margin: 7px 7px 0 0; }
.WebGameContent #web_SSO .web_SSO-info-holder .web_SSO-info-block3 { background-color: #ffffff; height: 35px; line-height: 35px; }
.WebGameContent #web_SSO .web_SSO-info-holder .web_SSO-info-block3 .web_SSO-logout:before { content: ""; display: inline-block; vertical-align: middle; width: 17px; height: 17px; overflow: hidden; margin: 0 7px 0 -24px; background: url(/static/hgame/img/tc.png) no-repeat; }
.WebGameContent #web_SSO .web_SSO-offline-avatar { margin: 24px 5px 0 25px; width: 13px; height: 14px; background: url(/static/hgame/img/iconsprites.png) no-repeat -416px -589px; }
.WebGameContent #web_SSO .web_SSO-offline-spliter { height: 13px; margin: 0 8px; vertical-align: middle; }
.WebGameContent #web_SSO .web_SSO-offline-reg { margin-right: 30px; }
.index-container .header { width: 100%; height: 50px; background: #ffffff; position: relative; z-index: 13; }
.header-con { width: 1200px; margin: auto; }
.WebGameContent .header-left { position: relative; float: left; display: flex !important; align-items: center !important; gap: 15px !important; height: 60px; line-height: 60px; padding: 0 10px; font-size: 0; vertical-align: middle; }
.WebGameContent .header-left .Logo { display: block; transition: opacity 0.2s linear; }
.WebGameContent .header-left .Logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.WebGameContent .header-banner { }
.WebGameContent .header-banner img {     height: 35px;}
.header-left .icon { width: 20px; height: 22px; margin-right: 8px; background-position-y: -17px; vertical-align: sub; }
.header-right { float: right; display: flex; align-items: center; position: relative; height: 60px; line-height: 60px; }
.header-right a { margin-right: 15px; color: #080808; text-decoration: none; }
.header-right a:hover { color: #000000; }
.WebGameContent .header { position: relative; z-index: 9; height: 60px; line-height: 60px; background: #fff; }
.WebGameContent .header-left, .WebGameContent .header-right { height: 60px; line-height: 60px;font-size: 14px; }

.WebGmweb_SSO .WebGmweb_SSOLoginNumber .web_SSO_check .WebGmweb_SSO_check_btn_countdown { color: var(--OrgColor1); }
.WebGameContent .header-left .HdLogo:hover { opacity: 0.8; }
.WebGameContent .header-left .GmLogo img { display: block; margin-top: 12px; height: 36px; }
.WebGameContent .header-right .AllGame { height: 60px; width: 120px; background: #f5f7fa; position: relative; z-index: 2; }
.WebGameContent .header-right .AllGame > span { font-size: 14px; color: #999; width: 120px; text-align: center; display: block; cursor: pointer; }
.WebGameContent .header-right .AllGame > span::after { display: inline-block; width: 8px; height: 8px; content: ""; border-left: 2px solid #737e91; border-bottom: 2px solid #737e91; margin: 0 0 2px 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.WebGameContent .header-right .AllGame .AllGameMenu { display: none; width: 780px; height: 300px; background: #fff; position: absolute; right: 0; top: 60px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuLeft { width: 455px; height: 300px; position: relative; }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuLeft img { width: 100%; height: 100%; position: relative; z-index: 1; }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuLeft p { position: absolute; width: 220px; height: 150px; left: 15px; bottom: 15px; z-index: 2; font-size: 15px; color: #333; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuRight { width: 730px; height: 280px; overflow: hidden; margin: 20px 20px 0 0; }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuRight .list li { float: left; height: 30px; line-height: 30px; width: 270px; overflow: hidden; margin-top: 10px; margin-right: 5px; }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuRight .list li a { font-size: 16px; color: #333; display: block; float: left; max-width: 220px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuRight .list li a:hover { color: var(--AHover); }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuRight .list li::before { display: block; float: left; content: ""; width: 10px; height: 12px; background: url(/static/hgame/img/iconsprites.png) no-repeat -513px -589px; margin: 10px 10px 0 0; }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuRight .list li i { display: block; float: left; background: url(/static/hgame/img/iconsprites.png) no-repeat; width: 12px; height: 12px; margin: 10px 0 0 10px; }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuRight .list li .hot { background-position: -449px -589px; }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuRight .list li .new { background-position: -481px -589px; }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuRight .list li:nth-child(3n + 3) { width: 180px; margin-right: 0; }
.WebGameContent .header-right .AllGame .AllGameMenu .GameMenuRight .list li:nth-child(3n + 3) a { max-width: 110px; }
.WebGameContent .header-right .AllGame:hover { background: #737e91; }
.WebGameContent .header-right .AllGame:hover span { color: #fff; }
.WebGameContent .header-right .AllGame:hover span::after { border-color: #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-bottom: -3px; }
.WebGameContent .header-right .AllGame:hover .AllGameMenu { display: block; }
.page{margin:15px auto;padding:10px 0 20px;width:100%;overflow:hidden;text-align:center;}
.pagination .page-item{display:inline-block;margin:0 5px;font-size:15px;vertical-align:middle;-webkit-transition:background 0.2s linear;transition:background 0.2s linear;}
.pagination .page-item .page-link{display:block;width:auto;padding:0 15px;height:36px;line-height:36px;text-align:center;color:#333;background:#fff;border-radius:3px;border:1px solid #e6e6e6;cursor: pointer;}
.pagination .active .page-link{background-color:var(--ThemeColor1);color:#fff;border-color:var(--ThemeColor1);}
.pagination .page-item a.page-link:hover{background-color:var(--ThemeColor1);color:#fff;}
.pagination .MorePage .page-link{background:#fff !important;color:var(--OrgColor) !important;}
.pagination .prevPage i,.pagination .nextPage i{display:inline-block;width:12px;height:20px;vertical-align:middle;margin-bottom:3px;}
.pagination .nextPage i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.pagination .disabled .page-link{opacity:0.6;}

.MinTitle { width: 100%; position: relative; height: 25px; line-height: 25px;     margin-top: 10px;}
.MinTitle strong { display: block; float: left; height: 25px; color: #222; font-size: 24px; font-weight: bold; }
.MinTitle .more { float: right; font-size: 14px; color: #999; padding: 0 8px; background: #f6f6f6; margin-top: 1px; height: 24px; line-height: 24px; border-radius: 12px; }
.MinTitle .more:hover { color: var(--AHover); }
.MinTitle .icon { display: block; float: left; background: url(/static/hgame/img/iconsprites.png) no-repeat; height: 24px; width: 24px; margin: 0 10px 0 0; }
.MinTitle .icon_rmyy { background-position: -526px -452px; }
.MinTitle .icon_zxkf { width: 22px; background-position: -652px -502px; }
.MinTitle .icon_rqph { width: 20px; height: 23px; background-position: -10px -546px; }
.MinTitle .icon_yxfl { background-position: -142px -502px; margin-top: 2px; }
.MinTitle .icon_lbfl { width: 22px; background-position: -400px -502px; }
.MinTitle .icon_hdgg { background-position: -482px -452px; }
.MinTitle .icon_rmlb { width: 22px; background-position: -568px -502px; }
.MinTitle .icon_zxlb { width: 22px; background-position: -610px -502px; }
.MinTitle .icon_lbdq { width: 22px; background-position: -358px -502px; }
.MinTitle .icon_tjfwq { width: 20px; height: 20px; background-position: -511px -402px; }
.MinTitle .icon_xzfwq { width: 20px; height: 20px; background-position: -551px -402px; }
.MinTitle .icon_lbnr { width: 22px; background-position: -442px -502px; }
.MinTitle .icon_qtlb { width: 22px; background-position: -484px -502px; }
.MinTitle .icon_zxwz { width: 20px; height: 22px; background-position: -270px -402px; }
.MinTitle .icon_qtwz { width: 22px; background-position: -526px -502px; }
.MinTitle .icon_xwzx { width: 22px; height: 22px; background-position: -228px -402px; margin-top: 2px; }
.MinTitle .icon_yxjt { background-position: -98px -502px; }
.MinTitle .icon_yxzl { background-position: -186px -502px; }
.MinTitle .icon_yxlb { background-position: -54px -502px; }
.MinTitle .icon_zxyx { background-position: -230px -502px; }
.MinTitle .icon_reyy { background-position: -526px -452px; }
.MinTitle .icon_xkyx { background-position: -10px -502px; }
.GameIndexNav { width: 100%; overflow: hidden; height: 86px; background: #fff; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.06); box-shadow: 0 0 16px rgba(0, 0, 0, 0.06); }

.GameIndexNav .NavList { width: 740px; height: 86px; overflow: hidden; margin-left: 25px; }
.GameIndexNav .NavList li { float: left; line-height: 86px; margin: 0 25px; }
.GameIndexNav .NavList li a { display: block; font-size: 18px; color: #222; position: relative; }
.GameIndexNav .NavList .on a { color: var(--ThemeColor2); font-weight: bold; }
.GameIndexNav .NavList .on a::before { display: block; content: ""; width: 100%; height: 5px; border-radius: 3px; background: var(--ThemeColor2); bottom: 8px; position: absolute; }
.GameIndexNav .NavList li:hover a { color: var(--ThemeColor2); }
.GameIndexNav .SearchBox { width: 239px; height: 46px; border: 1px solid #e1e4e6; border-radius: 25px; margin: 20px 0 0; }
.GameIndexNav .SearchBox .soinput { width: 170px; height: 40px; line-height: 40px; margin: 3px 10px; background: none; color: #999; }
.GameIndexNav .SearchBox .msobutton { cursor: pointer; background: url(/static/hgame/img/iconsprites.png) no-repeat; width: 18px; height: 18px; background-position: -291px -546px; }
.WebGameNav { height: 100px; width: 100%; position: relative; z-index: 3; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.15))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.15)); }
.WebGameNav ul { width: 1240px; margin: 0 auto; }
.WebGameNav ul li { float: left; height: 100px; position: relative; width: 170px; margin-left: 5px; }
.WebGameNav ul li a { display: block; font-size: 16px; color: #fff; text-align: center; }
.WebGameNav ul li a:hover { color: #FFFF99; }
.WebGameNav ul li a span { display: block; font-weight: bold; margin: 28px 0 5px; }
.WebGameNav ul li a i { font-size: 14px;font-weight: normal;}
.WebGameNav ul li .logo { margin: 0 50px 0 0; }
.WebGameNav ul li .logo img { width: 220px; }
.WebGameNav ul .on a { color: #FFFF99; }
.HomeBg { width: 100%; min-width: 1240px; position: absolute !important; z-index: 1; left: 0; top: 0; overflow: hidden; }
.HomeBg a + a { display: none; }
.HomeBg .BgImg { display: block; width: 1920px; height: 730px; position: relative; z-index: 1; top: 0; left: 50%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.HomeBg::after { display: block; width: 100%; height: 125px; position: absolute; z-index: 2; left: 0; bottom: 0; content: ""; background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to top, #ececec, rgba(255, 255, 255, 0)); }
.mgt380 { margin-top: 380px; }
.UserInfo { width: 280px; height: 360px; border-radius: 10px; background: rgba(255, 255, 255, 0.88); position: absolute; z-index: 2; right: 0; top: 50px; }
.UserInfo .web_SSOPopSheild { display: block !important; position: relative !important; }
.MainBox { padding: 15px; background: #fff; border-radius: 6px; margin-bottom: 15px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01); box-shadow: 0 0 10px rgba(0, 0, 0, 0.01); }
.MainBox2 { border-radius: 6px; margin-bottom: 15px; padding: 15px; background: #fff; }
.MainBox2 .more { background: none; }
.HomeHead { width: 100%; height: 500px; position: relative; }
.HomeHead .ToGameWrap { width: 520px; height: 110px; border-radius: 10px; position: absolute; left: 50%; top: 370px; margin-left: -260px; overflow: hidden; z-index: 2; }
.HomeHead .ToGameWrap .GmName { display: block; margin: 20px auto 50px; width: 480px; height: 40px; line-height: 40px; border-radius: 20px; background: #fff; }
.HomeHead .ToGameWrap .GmName p { float: left; width: 300px; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 15px; font-size: 15px; color: #f00; font-weight: bold; }
.HomeHead .ToGameWrap .GmName span { display: block; float: right; width: 120px; height: 40px; font-size: 15px; color: #fff; border-radius: 0 20px 20px 0; text-align: center; background: #ff9f00; }
.HomeHead .ToGameWrap .swiper-pagination { background: #fff; border-radius: 10px; width: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 50%; font-size: 0; padding: 6px; }
.HomeHead .ToGameWrap .swiper-pagination-bullet { background: #ff9f00; width: 8px; height: 8px; border-radius: 8px; opacity: 1; }
.HomeHead .ToGameWrap .swiper-pagination-bullet-active { width: 26px; }
.HotList { width: 100%; margin-bottom: 20px; }
.HotList .item + .item { margin-left: 15px; }
.HotList .item { width: 300px; height: 240px; background: #fff; border-radius: 6px; float: left; position: relative; }
.HotList .item .GmImg { width: 100%; height: 180px; border-radius: 6px 6px 0 0; display: block; position: relative; z-index: 1; -o-object-fit: cover; object-fit: cover; }
.HotList .item .title { width: 100%; height: 60px; line-height: 60px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; color: #000; font-weight: bold; }
.HotList .item:hover .info { opacity: 1; }
.HotList .item .info { width: 100%; position: absolute; left: 0; top: 0; height: auto; min-height: 240px; background: rgba(88, 36, 8, 0.9); border-radius: 6px; z-index: 2; opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.HotList .item .info .GmLogo { height: 90px; display: block; margin: 15px auto; max-width: 100%; }
.HotList .item .info .btn { width: 110px; height: 28px; text-align: center; line-height: 28px; font-size: 14px; color: #333; display: block; margin: 5px auto; background: #f9e84d; border-radius: 15px; }
.HotList .item .info .btn:hover { opacity: 0.8; }
.HotList .item .info p { text-align: center; margin: 10px 0 5px; }
.HotList .item .info p a { color: #fff; font-size: 12px; }
.HotList .item .info p a:hover { text-decoration: underline; }
.HotList .item .info p a + a::before { content: ""; width: 1px; background: #fff; height: 10px; display: inline-block; margin: 0 10px -1px 8px; }
.HotList .item .info .slogan { overflow: hidden; text-align: center; height: 25px; line-height: 25px; color: #fff; margin-top: 8px; }
.ItemsServer { width: 100%; overflow: hidden; }
.ItemsServer .links { width: 100%; overflow: hidden; height: 25px; -webkit-transition: height 0.2s linear; transition: height 0.2s linear; }
.ItemsServer .links a { display: block; float: left; width: 33%; text-align: center; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 2px 0; }
.ItemsServer .links a:hover { font-weight: bold; color: #ffff00; }
.ItemsServer:hover .links { height: 110px; }
.ItemsServer:hover .morebtn { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.ItemsServer .morebtn { width: 20px; height: 12px; background: url(/static/hgame/img/iconsprites2.png) no-repeat -124px -230px; margin: 10px auto 15px; cursor: pointer; }
.GiftHead { width: 100%; height: 500px; position: relative; }
.GiftHead .GiftSwiper { height: 110px; width: 800px; float: left; position: absolute; z-index: 2; top: 380px; left: 0; }
.GiftHead .GiftSwiper a { display: block; float: left; width: 100px; height: 70px; border-radius: 12px; margin-right: 20px; overflow: hidden; margin-top: 20px; -webkit-transition: all .1s linear; transition: all .1s linear; position: relative; }
.GiftHead .GiftSwiper a::after { display: block; width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); }
.GiftHead .GiftSwiper a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px; }
.GiftHead .GiftSwiper .on { width: 160px; height: 110px; margin-top: 0; }
.GiftHead .GiftSwiper .on::after { display: none; }
.ContentWrap { overflow: hidden; width: 1245px; margin: 15px auto 0; padding-bottom: 45px; position: relative; z-index: 2; }
.ContentWrap .ContLeft { width: 930px; margin-right: 15px; }
.ContentWrap .ContRight { width: 300px; }
.ContentWrap .HomeLeft { width: 300px; margin-right: 15px; }
.ContentWrap .HomeRight { width: 930px; }
.OpenServer { margin-bottom: 15px; }
.OpenServer .MinTitle { border-bottom: 1px solid #fac606; padding-bottom: 15px; }
.OpenServer .MinTitle .DayTotal { float: right; font-size: 12px; color: #999; }
.OpenServer .MinTitle .DayTotal i { color: #f00; }
.OpenServer .list { width: 300px; margin-left: -15px; display: none; }
.OpenServer .list li { height: 52px; position: relative; padding: 10px 15px; }
.OpenServer .list li .time { width: 52px; height: 52px; float: left; background: #f6f6f6; text-align: center; border-radius: 4px; overflow: hidden; margin-right: 15px; border: 1px solid #fac606; -webkit-box-sizing: border-box; box-sizing: border-box; }
.OpenServer .list li .time span { line-height: 30px; height: 30px; font-size: 12px; color: #fac606; float: left; width: 100%; }
.OpenServer .list li .time span strong { font-size: 14px; color: #fac606; font-weight: bold; }
.OpenServer .list li .time u { display: block; float: left; width: 100%; line-height: 20px; height: 20px; font-size: 12px; color: #fff; background: #fac606; }
.OpenServer .list li p { float: left; height: 52px; width: 96px; line-height: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; margin-left: 5px; text-align: center; }
.OpenServer .list li p i { display: inline-block; margin: 0 2px -2px 0; }
.OpenServer .list li p .ic_hot { width: 12px; height: 14px; background: url(/static/hgame/img/iconsprites2.png) no-repeat -80px -270px; }
.OpenServer .list li p .ic_hot2 { width: 16px; height: 16px; background: url(/static/hgame/img/iconhot.gif) no-repeat; background-size: 100%; }
.OpenServer .list li .info { color: #999; }
.OpenServer .list li .name { color: #333; }
.OpenServer .list li:hover { background: #f2f2f2; z-index: 2; }
.OpenServer .list li:hover .name { display: none; }
.OpenServer .list li:hover .ItemsServer, .OpenServer .list li:hover .btn { display: block; }
.OpenServer .list li .btn { position: absolute; display: none; right: 15px; top: 25px; width: 80px; height: 24px; line-height: 25px; color: #fff; font-size: 14px; border-radius: 15px; text-align: center; background: #fac606; }
.OpenServer .list li .ItemsServer { background: #f2f2f2; display: none; width: 300px; padding-top: 6px; margin-left: -15px; }
.OpenServer .list li .ItemsServer .links a { color: #666; }
.OpenServer .list li .ItemsServer .links a:hover { color: #e86723; }
.OpenServer .list li .ItemsServer .morebtn { background-position: -125px -253px; }
.OpenServer .ServerTab { padding-bottom: 30px; position: relative; }
.OpenServer .ServerTab .Tab_Box .active { display: block; }
.OpenServer .ServerTab .Tab_pagination { text-align: left; width: 50%; font-style: italic; bottom: 0; height: 15px; font-size: 14px; position: absolute; color: #666; }
.OpenServer .ServerTab .Tab_prev, .OpenServer .ServerTab .Tab_next { bottom: 0; width: 30px; height: 15px; border-radius: 4px; border: 1px solid #fac606; background: #fac606; font-size: 14px; color: #fff; position: absolute; text-align: center; line-height: 15px; cursor: pointer; font-family: serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.OpenServer .ServerTab .Tab_prev { right: 50px; }
.OpenServer .ServerTab .Tab_next { right: 0; }
.OpenServer .ServerTab .Tab_next::before { content: ''; width: 1px; height: 14px; background: #fac606; position: absolute; left: -10px; display: block; }
.OpenServer .ServerTab .Disable { background: #fff; color: #fac606; }
.ServiceCenter { overflow: hidden; }
.ServiceCenter li { float: left; width: 100%; height: 40px; line-height: 40px; margin-top: 16px; color: #1b1b1b; font-size: 16px; background: #f7f7f7; border-radius: 20px; }
.ServiceCenter li em { display: block; width: 26px; height: 26px; float: left; background: url(/static/hgame/img/icon_service.png) no-repeat; margin: 8px 10px 0 16px; }
.ServiceCenter li .em1 { background-position: 0 0; }
.ServiceCenter li .em2 { background-position: -26px 0; }
.ServiceCenter li .em3 { background-position: 0 -26px; }
.ServiceCenter li .em4 { background-position: -26px -26px; }
.ServiceCenter li .em5 { background-position: 0 -52px; }
.ServiceCenter li .em6 { background-position: -26px -52px; }
.ServiceCenter li .em7 { background-position: -0px -78px; }
.ServiceCenter li .em8 { background-position: -26px -78px; }
.ServiceCenter li .em9 { background-position: 0px -103px; }
.ItemTag { position: absolute; width: 59px; height: 54px; left: 0; top: 0; z-index: 3; display: block; background: url(/static/hgame/img/iconsprites2.png) no-repeat; }
.ic_hot { background-position: -89px -156px; }
.ic_rec { background-position: -175px -10px; }
.ic_new { background-position: -11px -156px; }
.PopRank { width: 100%; overflow: hidden; }
.PopRank li { width: 100%; }
.PopRank li .info { width: 100%; height: 150px; position: relative; overflow: hidden; margin-top: 15px; border-radius: 4px 4px 0 0; display: none; float: left; }
.PopRank li .info img { width: 100%; height: 100%; position: relative; z-index: 1; -o-object-fit: cover; object-fit: cover; }
.PopRank li .info::before { position: absolute; display: block; content: ''; width: 100%; height: 60%; bottom: 0; left: 0; z-index: 2; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
.PopRank li .info p { position: absolute; z-index: 3; right: 10px; bottom: 10px; }
.PopRank li .info p a { color: #fff; font-size: 12px; margin-left: 6px; }
.PopRank li .info p a:hover { color: #fac606; }
.PopRank li .info p a + a::before { width: 1px; height: 10px; background: #fff; display: inline-block; content: ''; margin-right: 8px; margin-bottom: -1px; }
.PopRank li .cont { width: 100%; overflow: hidden; float: left; margin-top: 15px; }
.PopRank li .cont span { display: block; width: 30px; height: 30px; border-radius: 3px; text-align: center; line-height: 30px; font-size: 16px; font-weight: bold; color: #fff; background: #c9c9c9; float: left; margin-top: 1px; }
.PopRank li .cont .name { display: block; float: left; height: 30px; line-height: 30px; width: 130px; margin: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #A1A1A1; }
.PopRank li .cont .btn { display: block; float: right; height: 28px; line-height: 28px; width: 80px; border-radius: 14px; text-align: center; font-size: 12px; color: #fff; background: #A1A1A1; }
.PopRank li .cont:hover .name { font-weight: bold; color: #fac606; }
.PopRank li .cont:hover .btn { background: #fac606; color: #fff; }
.PopRank li:nth-child(1) .cont span { background: #f2a43a; }
.PopRank li:nth-child(2) .cont span { background: #d94b36; }
.PopRank li:nth-child(3) .cont span { background: #8d3a37; }
.PopRank .on .info { display: block; }
.MinTitle .TitleSearch { max-width: 650px; margin: 0 20px; }
.MainBox .TitleSearch .SearchBox .soinput, .MainBox .TitleSearch .SearchBox { background: #f2f2f2e5; }
.TitleSearch { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.TitleSearch .SearchBox { width: 170px; height: 26px; text-align: center; background: #fff; border-radius: 15px; font-size: 14px; }
.TitleSearch .SearchBox .soinput { width: 120px; font-size: 12px; color: #333; float: left; height: 20px; line-height: 20px; margin: 3px 10px; }
.TitleSearch .SearchBox .msobutton { width: 18px; height: 17px; background: url(/static/hgame/img/iconsprites2.png) no-repeat -50px -230px; cursor: pointer; float: right; margin: 5px 8px 0 0; }
.TitleSearch .Tags { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }
.TitleSearch .Tags span { font-weight: bold; color: #333; font-size: 14px; margin-left: 30px; float: left; }
.TitleSearch .Tags p { float: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 30px; overflow: hidden; }
.TitleSearch .Tags p a { margin-left: 10px; color: #fac606; }
.TitleSearch .Tags p a:hover { opacity: .8; }
.TitleSearch .Tags p :nth-child(3n+1) { color: #ff9f00; }
.TitleSearch .Tags p :nth-child(3n+2) { color: #e86723; }
.TitleSearch .Tags p :nth-child(3n+3) { color: #ff3d00; }
.hot_game_list { width: 100%; position: relative; z-index: 2; margin: 15px 0 0; }
.hot_game_list li { width: 300px; height: 250px; background: #fff; border-radius: 6px; float: left; position: relative; overflow: hidden; cursor: pointer; padding: 16px; box-sizing: border-box; margin-top: 10px; }
.hot_game_list li .game_img_link { display: block; width: 100%; height: 160px; }
.hot_game_list li .game_img { width: 100%; height: 160px; border-radius: 6px; display: block; object-fit: cover; transition: transform .2s linear; }
.hot_game_list li .game_img_link:hover .game_img { transform: scale(1.03); }
.hot_game_list li .game_info { margin-top: 15px; width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hot_game_list li .game_name { height: 25px; line-height: 25px; font-size: 16px; color: #333; text-decoration: none; transition: text-decoration .2s; }
.hot_game_list li .game_name:hover { text-decoration: underline; }
.hot_game_list li .game_tags { height: 20px; line-height: 20px; color: #333; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hot_game_list li .game_tags span { font-size: 12px; color: #999; }
.hot_game_list li .start_btn { width: 75px; height: 27px; line-height: 27px; text-align: center; border-radius: 15px; font-size: 13px; text-decoration: none; border: 1px solid #ddd; background: #fff; color: #333; position: absolute; right: 15px; top: 215px; box-sizing: border-box; z-index: 10; transition: border-color .2s, color .2s; }
.hot_game_list li .start_btn:hover { border-color: #2697fc; color: #2697fc; background: #fff; box-shadow: none; }

.MobileGame { width: 102%; margin-bottom: 15px; overflow: hidden; }
.MobileGame li { float: left; width: 290px; height: 140px; background: #fff; border-radius: 5px; overflow: hidden; margin: 15px 15px 5px 0; }
.MobileGame li .img { float: left; width: 100px; height: 100px; margin: 15px; border-radius: 25px; overflow: hidden; position: relative; }
.MobileGame li .img img { display: block; width: 100%; height: 100px; }
.MobileGame li .info { float: left; width: 150px; height: 100px; margin-top: 15px; }
.MobileGame li .info .name { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; color: #333; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.MobileGame li .info .name:hover { color: #ff9f00; }
.MobileGame li .info p { height: 20px; line-height: 20px; font-size: 14px; color: #999; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.MobileGame li .info .btn { display: block; float: left; height: 22px; line-height: 22px; padding: 0 10px; font-size: 12px; color: #666; border: 1px solid #999; border-radius: 15px; margin-right: 12px; }
.MobileGame li .info .btn:hover { background: #f6587b; color: #fff; border-color: #f6587b; }
.MobileGame li .info .game-type { display: block; height: 22px; line-height: 22px; font-size: 13px; color: #999; margin-top: 5px; }

.ActivityBox { height: 350px; width: 100%; margin: 15px auto; background: #fff; }
.ActivityBox .ActivitySwiper { height: 350px; width: 520px; position: relative; overflow: hidden; float: left; }
.ActivityBox .ActivitySwiper .swiper-slide { height: 350px; width: 100%; overflow: hidden; }
.ActivityBox .ActivitySwiper .swiper-slide a { display: block; }
.ActivityBox .ActivitySwiper .swiper-slide a, .ActivityBox .ActivitySwiper .swiper-slide a img { width: 100%; height: 100%; }
.ActivityBox .ActivitySwiper .swiper-slide a img { position: relative; -o-object-fit: cover; object-fit: cover; }
.ActivityBox .ActivitySwiper .swiper-slide a p { height: 52px; width: 100%; padding: 0 170px 0 20px; line-height: 52px; position: absolute; bottom: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0 0 8px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ActivityBox .ActivitySwiper .swiper-pagination { text-align: right; width: 160px; right: 10px; bottom: 15px; left: initial; z-index: 3; }
.ActivityBox .ActivitySwiper .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 8px; background: #fff; }
.ActivityBox .ActivitySwiper .swiper-pagination .swiper-pagination-bullet-active { width: 20px; }
.ActivityBox .ActivityList { width: 370px; height: 330px; margin: 15px 20px; }
.ActivityBox .ActivityList .ListTop { border-bottom: 1px solid #ccc; height: 35px; line-height: 20px; font-size: 18px; color: #FF0000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; text-align: center; font-weight: bold; }
.ActivityBox .ActivityList ul li { width: 100%; overflow: hidden; height: 20px; line-height: 20px; margin-top: 25px; }
.ActivityBox .ActivityList ul li a { float: left; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 310px; font-size: 15px; color: #333; margin-right: 10px; }
.ActivityBox .ActivityList ul li a:hover { color: #ff9f00; }
.ActivityBox .ActivityList ul li span { color: #999; float: right; }
.GiftList { overflow: hidden; width: 100%; margin: 15px 0 15px 0;     height: 242px;}
.GiftList li { width: 260px; background: #fff; border-radius: 6px; float: left; position: relative; display: flex; align-items: flex-start; margin: 22px 18px; box-sizing: border-box; gap: 5px; }
.GiftList li .img { width: 80px; height: 80px; border-radius: 14px; position: relative; overflow: hidden; flex-shrink: 0; margin-right: 7px; }
.GiftList li .img img { display: block; width: 100%; height: 80px; }
.GiftList li .img i { width: 30px; height: 30px; border-radius: 10px; background: #fff url(/static/hgame/img/iconsprites2.png) no-repeat -254px -79px; display: block; position: absolute; right: 0; bottom: 0; }
.GiftList li .info { flex: 1; display: flex; flex-direction: column; justify-content: center; height: 80px;     width: 130px;}
.GiftList li .info .name { width: 100%; line-height: 20px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333; display: block; margin-top: 0; transition: color 0.2s linear; }
.GiftList li .info .name:hover { color: #2697fc; }
.GiftList li .info p { min-height: 40px; line-height: 20px; width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; color: #999999; margin-top: 8px; }
.GiftList li .info p span { color: #333; font-size: 12px; }
.GiftList li .btn { flex-shrink: 0; width: 41px; height: 24px; background: #c9c9c9; border-radius: 5px; text-align: center; line-height: 24px; color: #fff; text-decoration: none; font-size: 12px; align-self: center; }
.GiftList li .btn:hover { background: #f6587b; color: #fff; }
.GiftList li .btn.on { background: #f6587b; color: #fff; }
.GiftList li .gray { background: #c9c9c9 !important; }
.GameClass { width: 100%; overflow: hidden; }
.GameClass li { width: 100%; overflow: hidden; margin-top: 5px; }
.GameClass li span { width: 70px; float: left; display: block; height: 25px; line-height: 25px; margin-top: 10px; }
.GameClass li p { width: 800px; float: left; }
.GameClass li p a { height: 25px; line-height: 25px; width: 80px; background: #e4e4e4; font-size: 12px; color: #333; display: block; float: left; margin-right: 12px; text-align: center; margin-top: 10px; }
.GameClass li p .on { background: #ff9f00; color: #fff; }
.GameClass li p a:hover { color: #ff9f00; }
.ContLeftTitle { width: 100%; height: 100px; background: rgba(97, 20, 14, 0.8); padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px 8px 0 0; }
.ContLeftTitle .Title { font-size: 28px; color: #fff; overflow: hidden; float: left; width: 100%; }
.ContLeftTitle .Title span { color: #f2c261; }
.ContLeftTitle .CrumpNav { float: left; width: 100%; color: #fff; font-size: 14px; margin-top: 10px; }
.ContLeftTitle .CrumpNav span { color: #ccc; }
.ContLeftTitle .CrumpNav a { color: #fff; }
.ContLeftTitle .CrumpNav a:hover { color: var(--AHover); }
.ContLeftTitle + .MainBox { border-top-left-radius: 0; border-top-right-radius: 0; }

.OpenTestWrap { position: relative; width: 100%; height: 1058px; background: url(/static/hgame/img/servicebg.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; }
.OpenTestWrap::before { content: ''; position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.89); }
.OpenTestWrap > div { position: relative; z-index: 2; }
.OpenTestWrap .OpenTestTitle { width: 100%; margin: 35px auto; text-align: center; }
.OpenTestWrap .OpenTestTitle strong { font-size: 28px; font-weight: bold; color: #6F0D00; }
.OpenTestWrap .OpenTestTitle2 { margin: 20px 50px; overflow: hidden; }
.OpenTestWrap .OpenTestTitle2 strong { font-size: 20px; font-weight: bold; color: #6F0D00; }
.OpenTestWrap .ServerSelect { margin: 0 50px; }
.OpenTestWrap .ServerSelect span { font-size: 14px; color: #666; }
.OpenTestWrap .ServerSelect select { margin-left: 10px; padding: 2px 15px; font-size: 14px; border-radius: 4px; }
.OpenTestWrap .ServerList { width: 830px; max-height: 705px; margin: 0 auto 20px; padding-top: 25px; overflow: hidden; overflow-y: auto; }
.OpenTestWrap .ServerList a { position: relative; float: left; width: 166px; height: 35px; margin: 10px 35px 5px 0; font-size: 13px; font-weight: bold; line-height: 35px; color: #fff; text-align: center; background: url(/static/hgame/img/servicelistbg.png) no-repeat; background-size: 100% 100%; }
.OpenTestWrap .ServerList a.red { color: #9b2006; }
.OpenTestWrap .ServerList a i { color: #fac606; }
.OpenTestWrap .ServerList a:hover { color: #9b2006; }
.OpenTestWrap .ServerList a:hover i { color: #9b2006; }
.ServerList::-webkit-scrollbar { width: 8px; background: #ddd; border-radius: 4px; }
.ServerList::-webkit-scrollbar-thumb { background: #d1b985; border-radius: 4px; }
.OpenTestWrap .ServerList a .server-tip { display: none; position: absolute; z-index: 99; bottom: 100%; left: 50%; margin-bottom: 8px; padding: 6px 10px; font-size: 12px; line-height: 1.5; color: #fff; text-align: left; white-space: nowrap; background: #6F0D00; border-radius: 4px; transform: translateX(-50%); }
.OpenTestWrap .ServerList a .server-tip:before { content: ''; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border: 5px solid transparent; border-top-color: #6F0D00; }
.OpenTestWrap .ServerList a:hover .server-tip { display: block; }

.WebGmPlay { width: 100%; background: #fff; margin-bottom: 15px; overflow: hidden; border-radius: 6px;    height: 336px; }
.WebGmPlay .playbtn { display: block; width: 300px; height: 160px; background: url(/static/hgame/img/playbtn.png) no-repeat; background-size: 100%; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; text-indent: -9999px; overflow: hidden; }
.WebGmPlay .playbtn:hover { opacity: .8; }
.WebGmPlay .FastLinks { overflow: hidden; margin-bottom: 10px; width: 100%; }
.WebGmPlay .FastLinks a { display: block; width: 130px; height: 30px; float: left; text-align: center; font-size: 12px; line-height: 30px; color: #fff; font-weight: bold; margin-left: 14px; background: url(/static/hgame/img/iconsprites2.png) no-repeat -10px -56px; }
.WebGmPlay .FastLinks a:hover { opacity: .9; }
.WebGmPlay .FastLinks a + a { background-position: -10px -106px; }
.WebGmPlay .WebGmLogin { width: 100%; padding: 20px 20px 15px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background: #fff; }
.WebGmPlay .WebGmLogin .web_SSO_input { width: 160px; height: 30px; background: #e4e4e4; border-radius: 4px; font-size: 12px; color: #999; margin-bottom: 10px; }
.WebGmPlay .WebGmLogin .web_SSO_input span { width: 18px; height: 20px; float: left; display: block; background: url(/static/hgame/img/iconsprites.png) no-repeat; width: 12px; height: 18px; background-position: -10px -629px; margin: 10px 8px; }
.WebGmPlay .WebGmLogin .web_SSO_input .web_SSO_u_pwd { width: 13px; height: 16px; background-position: -42px -629px; }
.WebGmPlay .WebGmLogin .web_SSO_input input { width: 120px; height: 24px; margin: 3px 10px; background: none; }
.WebGmPlay .WebGmLogin .web_SSO_input em { background: #d9d9d9; position: absolute; left: 28px; top: 45px; color: #f00; border: 1px solid eee; width: 156px; padding: 10px; border-radius: 4px; -webkit-box-shadow: 0 0 8px rgba(255, 14, 14, 0.2); box-shadow: 0 0 8px rgba(255, 14, 14, 0.2); }
.WebGmPlay .WebGmLogin .web_SSO_btn { width: 90px; height: 70px; background: url(/static/hgame/img/loginbg.png) no-repeat; background-size: 100%; position: absolute; right: 20px; top: 20px; border-radius: 3px; }
.WebGmPlay .WebGmLogin .web_SSO_btn:hover { background: url(/static/hgame/img/loginbgon.png) no-repeat; background-size: 100% 100%; }
.WebGmPlay .WebGmLogin .web_SSO_btn .submit { background: none; width: 90px; height: 70px; text-align: center; color: #fff; cursor: pointer; outline: none; border: none; }
.WebGmPlay .WebGmLogin .web_SSO_btn .submit span { display: block; font-size: 16px; font-weight: bold; }
.WebGmPlay .WebGmLogin .web_SSO_btn .submit i { font-size: 12px; }
.WebGmPlay .WebGmLogin .Remember { width: 100%; float: left; }
.WebGmPlay .WebGmLogin .Remember .rememberbtn { font-size: 12px; cursor: pointer; color: #666; }
.WebGmPlay .WebGmLogin .web_SSO-forgot-link { float: left; color: #333; font-size: 12px; margin: 4px 0 0 20px; }
.WebGmPlay .WebGmLogin .web_SSO-forgot-link:hover { text-decoration: underline; }
.WebGmPlay .WebUserInfo { height: 136px; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.WebGmPlay .WebUserInfo p { overflow: hidden; width: 100%; }
.WebGmPlay .WebUserInfo p span { display: block; width: 100px; float: left; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #875C35; margin-right: 10px; }
.WebGmPlay .WebUserInfo p a { display: block; float: left; width: 70px; height: 26px; line-height: 26px; text-align: center; margin-left: 5px; font-size: 12px; background: url(/static/hgame/img/iconsprites2.png) no-repeat -10px -10px; color: #fff; cursor: pointer;}
.WebGmPlay .WebUserInfo p .btn_2 { background-position: -85px -10px; }
.WebGmPlay .WebUserInfo .tt { width: 100%; overflow: hidden; font-size: 14px; color: #999; line-height: 25px; margin: 12px 0 6px; }
.WebGmPlay .WebUserInfo .list { height: 90px; overflow: hidden; }
.WebGmPlay .WebUserInfo .list a { display: block; height: 30px; width: 100%; }
.WebGmPlay .WebUserInfo .list a span, .WebGmPlay .WebUserInfo .list a p { height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #B59265; text-align: center; }
.WebGmPlay .WebUserInfo .list a p { margin: 0 5px 0 0; width: 150px; text-align: left; float: left; }
.WebGmPlay .WebUserInfo .list a span { width: 90px; float: right; }
.WebGmPlay .WebUserInfo .list a:hover::before { background-position: -196px -230px; }
.WebGmPlay .WebUserInfo .list a:hover p, .WebGmPlay .WebUserInfo .list a:hover span { color: #333; }

.Server-List { border-top: 1px solid #ddd; margin-top: 15px; }
.Server-List .FastPlay { width: 295px; height: 50px; line-height: 50px; background: url(/static/hgame/img/servicebg2.png) no-repeat; background-size: 100%; margin: 15px 0 0 -15px; padding-left: 5px; position: relative; }
.Server-List .FastPlay::before { content: ''; display: block; width: 100%; height: 50px; background: rgba(255,255,255,0.5); position: absolute; z-index: 0; left: 0; bottom: 0; }
.Server-List .FastPlay span, .Server-List .FastPlay input, .Server-List .FastPlay .go-btn { position: relative; z-index: 2; }
.Server-List .FastPlay span { font-size: 14px; color: #FF0000; font-weight: bold; margin: 0 5px; float: left; }
.Server-List .FastPlay input { width: 80px; border-radius: 3px; height: 30px; text-align: center; margin: 10px; float: left; }
.Server-List .FastPlay .go-btn { width: 80px; height: 26px; background-color: #cc0033; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fe7c1e; border-radius: 3px; font-size: 12px; color: #FFFFFF; float: left; margin: 10px; cursor: pointer; }
.Server-List .list { width: 100%; overflow: hidden; margin-bottom: 10px;     height: 200px;}
.Server-List .list a { display: block; height: 30px; margin-top: 10px; width: 100%; overflow: hidden; padding-right: 10px; box-sizing: border-box; }
.Server-List .list a::before { display: block; content: ''; float: left; width: 12px; height: 12px; background: url(/static/hgame/img/iconsprites2.png) no-repeat -164px -230px; margin-top: 9px; }
.Server-List .list a p { float: left; height: 30px; line-height: 30px; width: 90px; margin: 0 8px 0 10px; font-size: 14px; color: #B59265; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.Server-List .list a em { float: left; height: 30px; line-height: 30px; width: 50px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Server-List .list a span { float: right; height: 30px; line-height: 30px; width: auto; min-width: 90px; font-size: 14px; color: #B59265; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; }
.Server-List .list a:hover::before { background-position: -196px -230px; }
.Server-List .list a:hover p, .Server-List .list a:hover span { color: #333; }
.Server-List .list a:hover em { color: #666; }

.Server-List .morebtn { display: block; border: 1px solid #aeaeae; border-radius: 4px; height: 30px; text-align: center; line-height: 30px; margin: 10px auto; width: 200px; font-size: 14px; }
.Server-List .ListTip { font-size: 12px; color: #999; line-height: 20px; width: 100%; text-align: center; }

.NewGift{width:100%;overflow:hidden;margin:0;padding:0;list-style:none;margin-top: 20px;}
.NewGift li{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:24px 20px;margin-bottom:16px;gap:20px;}
.NewGift li .gift-ico{flex-shrink:0;width:80px;height:80px;border-radius:6px;overflow:hidden;}
.NewGift li .gift-ico img{width:100%;height:100%;object-fit:cover;display:block;}
.NewGift li .gift-left{flex:1;}
.NewGift li .gift-left h3{margin:0 0 10px;font-size:17px;color:#222;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.NewGift li .gift-left .gift-reward{margin:0 0 6px;font-size:14px;color:#666;line-height:1.5;}
.NewGift li .gift-left .gift-desc{margin:0;font-size:14px;color:#888;line-height:1.5;}
.NewGift li .gift-right{flex-shrink:0;}
.NewGift li .get-btn{display:block;padding:10px 24px;background:#773628;color:#fff;border-radius:22px;text-decoration:none;font-size:14px;white-space:nowrap;}
.NewGift li .get-btn:hover{background:#33160f;}

.GiftDetaile { width: 100%; height: 164px; border-radius: 6px; background: #f1f0ff; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; }
.GiftDetaile .GiftTitle { height: 25px; line-height: 25px; width: 100%; overflow: hidden; }
.GiftDetaile .GiftTitle .bt { max-width: 450px; margin-right: 20px; height: 25px; font-size: 22px; color: #333; font-weight: bold; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.GiftDetaile .GiftTitle .time { font-size: 14px; float: left; line-height: 33px; }
.GiftDetaile .GiftNumber { height: 16px; width: 100%; margin: 20px auto; line-height: 16px; position: relative; }
.GiftDetaile .GiftNumber .line { width: 740px; height: 16px; background: #fff; border-radius: 8px; overflow: hidden; float: left; }
.GiftDetaile .GiftNumber .line span { display: block; max-width: 100%; height: 16px; border-radius: 8px; float: left; background-image: -webkit-gradient(linear, left top, right top, from(#ff3d00), to(#ff5500)); background-image: linear-gradient(to right, #ff3d00, #ff5500); }
.GiftDetaile .GiftNumber i { font-size: 14px; color: #555; float: right; }
.GiftDetaile .GiftNumber u { position: absolute; right: 0; bottom: -40px; color: #999; font-size: 14px; }
.GiftDetaile .btns { float: left; width: 100%; }
.GiftDetaile .btns .btn { display: block; float: left; width: 100px; height: 36px; border-radius: 6px; text-align: center; line-height: 36px; background: #ccc; margin: 0 20px 0 0; font-size: 14px; color: #fff; font-weight: bold; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.GiftDetaile .btns .btn:hover { opacity: 0.8; }
.GiftDetaile .btns .getkey { background: #4585e6; }
.GiftDetaile .btns .play { background: #12b34f; }
.ArtTab { width: 100%;margin-bottom: 10px;overflow: hidden; height: 48px; float: left;    margin-top: 10px;    border-bottom: 1px solid #e1e3e6; }
.ArtTab span { display: block; float: left; width: 100px; text-align: center; line-height: 50px; font-size: 16px; color: #666; position: relative; cursor: pointer; }
.ArtTab span:hover { color: var(--AHover); }
.ArtTab .on { color: #333; font-weight: bold; }
.ArtTab .on::before { content: ""; display: block; position: absolute; width: 30px; height: 6px; background-image: -webkit-gradient(linear, left top, right top, from(#ff3d00), to(#ff5500)); background-image: linear-gradient(to right, #ff3d00, #ff5500); border-radius: 3px; bottom: 2px; left: 35px; }
.ArticlesList { overflow: hidden; width: 100%; margin: 20px auto 0; border-bottom: 1px dashed #e1e3e6; }
.ArticlesList li { width: 100%; height: 45px; border-top: 1px dashed #e1e3e6; line-height: 45px; }
.ArticlesList li i { display: block; float: left; margin-right: 5px; font-size: 14px; color: #333; }
.ArticlesList li .cl1 { color: #FF9900; }
.ArticlesList li .cl2 { color: #00CC00; }
.ArticlesList li .cl3 { color: #CC0033; }
.ArticlesList li a { display: block; float: left; width: 760px; height: 45px; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ArticlesList li a:hover { color: var(--AHover); }
.ArticlesList li span { float: right; color: #555; font-size: 14px; }
.ArticlesList ~ #page { margin-top: 30px; }
.DetaileWrap { width: 1240px; margin: 20px auto; position: relative; z-index: 2; }
.DetaileWrap .ContLeft { width: 300px; margin-right: 15px; }
.DetaileWrap .ContRight { width: 925px; }
.DetaileWrap .ContRight .ArtTabBody { height: 285px; overflow: hidden; width: 100%; }
.DetaileWrap .ContRight .ArtTabBody .list .bt { display: block; width: 100%; font-size: 30px; color: #333; text-align: center; line-height: 40px; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 8px; color: var(--OrgColor1); }
.DetaileWrap .ContRight .ArtTabBody .list .bt i { color: #fe3c3c; }
.ActivityTab { height: 335px; margin-bottom: 15px; background: #fff; overflow: hidden; }
.ActivityTab .TabBody { width: calc(100% - 230px); overflow: hidden; height: 377px; float: left; }
.ActivityTab .TabBody a + a { display: none; }
.ActivityTab .TabBody a { display: block; width: 100%; height: 100%; }
.ActivityTab .TabBody a img { width: 100%; height: 377px; -o-object-fit: cover; object-fit: cover; display: block; }
.ActivityTab .Tabhd { width: 230px; height: 377px; box-sizing: border-box; background: #181818; float: right; }
.m-fast { width: 100%; }
.m-fast a { position: relative; display: block; padding-left: 85px; height: 83px; border-bottom: 1px solid #000000; line-height: 83px; text-align: left; font-size: 18px; box-sizing: border-box; text-decoration: none; color: #d8c9bc; transition: all 0.2s ease; background: transparent; }
.m-fast a:hover { color: #ffffff; background: #000000; }
.m-fast a:before { position: absolute; left: 22px; top: 20px; width: 40px; height: 40px; content: ''; background-image: url("/static/hgame/img/spp_2.png"); background-size: auto; background-repeat: no-repeat; }
.m-fast a.btn-client:before { background-position: -28px -85px; }
.m-fast a.btn-gift:before { background-position: -68px -85px; }
.m-fast a.btn-vip:before { background-position: -108px -85px; }
.m-fast a.btn-welfare:before { background-position: -148px -85px; }
.m-fast a.btn-client:hover:before { background-position: -28px -125px; }
.m-fast a.btn-gift:hover:before { background-position: -68px -125px; }
.m-fast a.btn-vip:hover:before { background-position: -108px -125px; }
.m-fast a.btn-welfare:hover:before { background-position: -148px -125px; }
.m-fast a:last-child { border-bottom: none; }
.ArtDetaileHead { padding: 10px 0; border-bottom: 1px solid #e1e3e6; }
.ArtDetaileHead .bt { font-size: 30px; color: #333; text-align: center; line-height: 40px; margin-bottom: 20px; }
.ArtDetaileHead .bt i { color: #fe3c3c; }
.ArtDetaileHead .info { text-align: center; line-height: 20px; margin: 10px 0; }
.ArtDetaileHead .info span { font-size: 15px; margin: 0 45px; color: #999; }
.ArtDetaileHead .info span i { color: #666; }
.ArtBody { font-size: 15px; color: #333; line-height: 30px; margin-top: 10px; overflow: hidden; }
.ArtBody p { line-height: 45px; font-size: 15px; color: #353535;text-indent: 2em; }
.ArtBody strong { font-weight: bold; }
.ArtBody img { display: block; margin: 12px auto; max-width: 98%; }
.ArtBody h3 { height: 40px; line-height: 40px; border-left: 4px solid #7a8599; background: #f5f7fa; color: #ff3d00; text-indent: 12px; font-size: 16px; font-weight: bold; position: relative; margin: 10px 0; }
.ArtBody h3::before { content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #7a8599; top: 15px; }
.RoleInfo { width: 1245px; height: 520px; background: url(/static/hgame/img/u1290.png) no-repeat center; background-size: 100% 100%; margin-bottom: 20px; float: left; position: relative; }
.RoleInfo::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: rgba(255, 255, 255, 0.5); }
.RoleInfo .RoleInfoTab { width: 140px; height: 440px; float: left; margin-top: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; }
.RoleInfo .RoleInfoTab .name { font-size: 14px; color: #986545; text-align: center; width: 75px; height: 65px; background: url(/static/hgame/img/u1352.png) no-repeat; background-size: 100% 100%; line-height: 65px; margin: 40px auto 0; overflow: hidden; cursor: pointer; }
.RoleInfo .RoleInfoTab .swiper-slide-active .name { background: url(/static/hgame/img/u1354.png) no-repeat; background-size: 100% 100%; color: #fff; }
.RoleInfo .swiper-button-next, .RoleInfo .swiper-button-prev { left: 28px; width: 80px; height: 80px; margin-top: 0; z-index: 3; }
.RoleInfo .swiper-button-next::after, .RoleInfo .swiper-button-prev::after { display: none; }
.RoleInfo .swiper-button-prev { top: 65px; }
.RoleInfo .swiper-button-next { top: 365px; }
.RoleInfo .RoleInfoDesc { width: 1100px; float: right; height: 520px; }
.RoleInfo .RoleInfoDesc .swiper-slide { opacity: 0; overflow: hidden; }
.RoleInfo .RoleInfoDesc .swiper-slide .img { float: left; width: 590px; height: 100%; margin: 0 20px; position: relative; overflow: hidden; }
.RoleInfo .RoleInfoDesc .swiper-slide .img img { display: block; height: 96%; max-width: 100%; margin: 2%; -o-object-fit: cover; object-fit: cover; position: absolute; visibility: visible; -webkit-transition: initial; transition: initial; }
.RoleInfo .RoleInfoDesc .swiper-slide .fadeInTop { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: fadeInTop; animation-name: fadeInTop; }
.RoleInfo .RoleInfoDesc .swiper-slide .fadeInRight { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
.RoleInfo .RoleInfoDesc .swiper-slide .desc { float: right; width: 380px; height: 430px; margin: 70px 20px 0 0; }
.RoleInfo .RoleInfoDesc .swiper-slide .desc strong { height: 65px; line-height: 65px; font-weight: bold; color: #222; font-size: 60px; overflow: hidden; width: 100%; display: block; margin-bottom: 30px; }
.RoleInfo .RoleInfoDesc .swiper-slide .desc .text { line-height: 30px; font-size: 15px; color: #333; width: 100%; height: 328px; overflow: hidden; }
.RoleInfo .RoleInfoDesc .swiper-slide-active { opacity: 1; }
0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
0% { opacity: 0; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
0% { opacity: 0; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
.GameInfoWrap { width: 1240px; margin: 0 auto; overflow: hidden; }
.GameInfoWrap .GameInfo { width: 580px; height: 410px; overflow: hidden; }
.GameInfoWrap .game_intro { display: flex; flex-direction: column; gap: 10px; height: calc(100% - 45px); margin-top: 10px; overflow: hidden; }
.GameInfoWrap .game_intro .intro_block { box-sizing: border-box; flex: 1; width: 100%; padding: 15px 20px; overflow: hidden; background: #f5f7fa; border-radius: 6px; }
.GameInfoWrap .game_intro .intro_tit { margin-bottom: 8px; font-size: 16px; font-weight: bold; color: #333; }
.GameInfoWrap .game_intro .intro_text { display: -webkit-box; overflow: hidden; font-size: 14px; line-height: 1.8; color: #666; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.GameInfoWrap .GameInfoPic { width: 580px; height: 410px; overflow: hidden; }
.GameInfoWrap .GameInfoPic .GamePic { position: relative; width: 100%; margin: 45px auto; padding: 15px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.GameInfoWrap .GameInfoPic .GamePic .swiper-slide { width: 500px; height: 286px; }
.GameInfoWrap .GameInfoPic .GamePic .swiper-slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 10px; object-fit: contain; }
.GameInfoWrap .GameInfoPic .GamePic.on { margin: 20px auto; }
.GameInfoWrap .GameInfoPic .GamePic.on .swiper-slide { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 300ms; transition: 300ms; -webkit-transform: scale(0.8); transform: scale(0.8); height: 346px; width: 210px; }
.GameInfoWrap .GameInfoPic .GamePic.on .swiper-slide-active, .GameInfoWrap .GameInfoPic .GamePic.on .swiper-slide-duplicate-active { -webkit-transform: scale(1); transform: scale(1); }
.GameInfoWrap .GameInfoPic .GamePic .layui-layer-iconext { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; background: rgba(0,0,0,0.3); border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; z-index: 99; text-decoration: none; }
.GameInfoWrap .GameInfoPic .GamePic .layui-layer-imgprev { left: 8px; }
.GameInfoWrap .GameInfoPic .GamePic .layui-layer-imgnext { right: 8px; }
.MainWrap { width: 1245px; overflow: hidden; margin: 0 auto 20px; }
.OpenServerPage { width: 1245px; margin: 0 auto; padding: 20px 0; position: relative; z-index: 2; }
.OpenServerPage .crumb { width: 1215px; overflow: hidden; font-size: 14px; margin: 0 auto; padding: 15px; border-radius: 8px 8px 0 0; background: #fff; }
.OpenServerPage .crumb .wrap::before { width: 18px; height: 20px; content: ''; display: inline-block; background: url(/static/hgame/img/iconsprites2.png) no-repeat; background-position: -162px -253px; vertical-align: middle; margin: 0 2px 2px 0; }
.OpenServerPage .crumb i { color: #999; margin-left: 6px; font-family: serif; }
.OpenServerPage .crumb a { color: #333; }
.OpenServerPage .crumb a:hover { color: #e86723; }
.OpenServerPage .ListTab { height: 68px; border-top: 1px solid #f2f2f2; position: relative; }
.OpenServerPage .ListTab > a { display: block; float: left; text-align: center; background: #fff; height: 68px; line-height: 68px; width: 25%; font-size: 20px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; }
.OpenServerPage .ListTab > a + .OpenServerPage .ListTab > a { border-left: 2px solid #f2f2f2; }
.OpenServerPage .ListTab > a:hover, .OpenServerPage .ListTab .on { background: #f44762; color: #fff; font-weight: bold; }
.OpenServerPage .ListTab > a:hover .calendar, .OpenServerPage .ListTab .on .calendar { width: 27px; height: 26px; display: inline-block; vertical-align: middle; background: url(/static/hgame/img/calendar.png) no-repeat; margin: 0 0 5px 10px; }
.OpenServerPage .ListTab > a:hover .calendarclose, .OpenServerPage .ListTab .on .calendarclose { position: absolute; right: 10px; top: 10px; background: url(/static/hgame/img/iconsprites2.png) no-repeat -195px -256px; width: 15px; height: 15px; cursor: pointer; }
.OpenServerPage .ListTab .CalendarBox { position: absolute; right: 0; top: 68px; background: #fff; width: 310px; height: 220px; padding: 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.OpenServerPage .ListTab .CalendarBox .leftbox { height: 30px; line-height: 30px; }
.OpenServerPage .ListTab .CalendarBox .leftbox h2, .OpenServerPage .ListTab .CalendarBox .leftbox span { color: #333; font-size: 14px; }
.OpenServerPage .ListTab .CalendarBox .leftbox .btn a { display: block; width: 15px; height: 15px; border-left: 2px solid #949494; border-bottom: 2px solid #949494; float: left; margin: 0 10px; }
.OpenServerPage .ListTab .CalendarBox .leftbox .btn .pre { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: 11px; }
.OpenServerPage .ListTab .CalendarBox .leftbox .btn .next { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.OpenServerPage .ListTab .CalendarBox #history_day_box { margin-top: 10px; }
.OpenServerPage .ListTab .CalendarBox #history_day_box a { display: block; width: 14.2%; float: left; text-align: center; height: 32px; line-height: 32px; font-size: 14px; color: #333; font-weight: bold; }
.OpenServerPage .ListTab .CalendarBox #history_day_box .td_current { color: #ff3d00; }
.OpenServerPage .ListTab .CalendarBox #history_day_box .td_gray { color: #e6e6e6; }
.OpenServerPage .ListHead { height: 60px; width: 100%; background: #313131; }
.OpenServerPage .ListHead span { display: block; float: left; width: 175px; height: 60px; font-size: 16px; color: #fff; line-height: 60px; text-align: center; }
.OpenServerPage .ListHead span:nth-child(1), .OpenServerPage .ListHead span:nth-child(3) { width: 185px; }
.OpenServerPage .list { width: 100%; overflow: hidden; }
.OpenServerPage .list li { width: 100%; height: 60px; line-height: 60px; background: #fff; -webkit-transition: background .2s linear; transition: background .2s linear; }
.OpenServerPage .list li span { font-size: 15px; color: #333; width: 165px; padding: 0 5px; height: 60px; display: block; float: left; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.OpenServerPage .list li span i { color: #e66623; }
.OpenServerPage .list li span:nth-child(1), .OpenServerPage .list li span:nth-child(3) { width: 175px; }
.OpenServerPage .list li .btn { width: 80px; height: 30px; line-height: 30px; display: block; margin: 15px auto; background: #f44762; font-size: 14px; color: #fff; }
.OpenServerPage .list li .btn:hover { opacity: 0.8; }
.OpenServerPage .list li .game { font-size: 14px; }
.OpenServerPage .list li .game:hover { color: #f44762; }
.OpenServerPage .list li:hover { background: #c9c9c9 !important; }
.OpenServerPage .list li:nth-child(even) { background: #ececec; }
.OpenServerPage .OpenList { width: 1240px; margin: 20px auto 0; position: relative; z-index: 2; }
.UserHeadCont { width: 100%; height: 270px; background: #fff; border-radius: 8px; overflow: hidden; position: relative; }
.UserHeadCont::before { display: block; width: 100%; height: 150px; position: absolute; content: ""; z-index: 0; top: 0; left: 0; background: url(/static/hgame/img/infoheadbg.jpg) no-repeat; background-size: 100%; }
.UserHeadCont > div { position: relative; z-index: 2; }
.UserHeadCont .HeadUserAvatar { width: 210px; height: 230px; margin: 20px; }
.UserHeadCont .HeadUserAvatar .AvatarImg img { position: relative; z-index: 1; -o-object-fit: cover; object-fit: cover; width: 170px; height: 170px; margin: 12px auto; display: block; border-radius: 50%; border: 2px solid #fff; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); outline: none; }
.UserHeadCont .HeadUserAvatar .ModifyAvatar { display: block; width: 100%; text-align: center; font-size: 14px; color: #999; margin-top: 20px; }
.UserHeadCont .HeadUserInfo { width: 970px; height: 230px; margin: 20px 20px 0 0; }
.UserHeadCont .HeadUserInfo .LoginState { height: 40px; width: 100%; overflow: hidden; line-height: 40px; }
.UserHeadCont .HeadUserInfo .LoginState .UserName { font-size: 20px; font-weight: bold; color: #fff; height: 40px; float: left; }
.UserHeadCont .HeadUserInfo .LoginState .LastTime { font-size: 12px; color: #fff; margin: 0 0 0 50px; float: left; }
.UserHeadCont .HeadUserInfo .LoginState .LoginBtn { float: left; padding: 0 6px; margin-left: 40px; height: 22px; border-radius: 4px; text-align: center; line-height: 22px; font-size: 14px; color: #333; background: rgba(255, 255, 255, 0.5); margin-top: 9px; cursor: pointer; }
.UserHeadCont .HeadUserInfo .AccountNumber { height: 22px; line-height: 22px; width: 100%; overflow: hidden; margin: 10px 0; }
.UserHeadCont .HeadUserInfo .AccountNumber span { font-size: 14px; color: #fff; font-weight: bold; float: left; }
.UserHeadCont .HeadUserInfo .AccountNumber span i { font-weight: 400; color: #fff; }
.UserHeadCont .HeadUserInfo .AccountNumber .changepswd { float: left; margin-left: 20px; width: 72px; height: 22px; border-radius: 11px; text-align: center; line-height: 22px; font-size: 14px; color: #333; background: rgba(255, 255, 255, 0.5); cursor: pointer; }
.UserHeadCont .HeadUserInfo .UserLevel { height: 16px; width: 100%; overflow: hidden; margin-top: 20px; }
.UserHeadCont .HeadUserInfo .UserLevel .LevelIcon { height: 16px; padding: 0 10px; background: #fff; border-radius: 8px; float: left; }
.UserHeadCont .HeadUserInfo .UserLevel .LevelIcon .ic_levle { background: url(/static/hgame/img/iconsprites.png) no-repeat; display: block; float: left; width: 15px; height: 14px; background-position: -483px -546px; margin-top: 1px; }
.UserHeadCont .HeadUserInfo .UserLevel .LevelIcon span { font-size: 12px; font-style: italic; color: #333; float: left; height: 16px; line-height: 15px; margin: 0 0 0 4px; }
.UserHeadCont .HeadUserInfo .UserLevel .LevelStyle { float: left; width: 530px; background: #fff; height: 16px; border-radius: 8px; margin: 0 10px; }
.UserHeadCont .HeadUserInfo .UserLevel .LevelStyle span { display: block; float: left; height: 12px; min-width: 24px; max-width: 100%; border-radius: 8px; border: 2px solid #fff; background-image: -webkit-gradient(linear, left top, right top, from(#ff3a00), to(#ff5c00)); background-image: linear-gradient(to right, #ff3a00, #ff5c00); }
.UserHeadCont .HeadUserInfo .UserLevel .DefaultLevle span { background: #737e91; }
.UserHeadCont .HeadUserInfo .UserLevel .LevelNumber { float: left; font-size: 14px; color: #fff; line-height: 16px; margin-left: 10px; }
.UserHeadCont .HeadUserInfo .UserAbout { width: 100%; overflow: hidden; height: 56px; margin-top: 50px; }
.UserHeadCont .HeadUserInfo .UserAbout .item { height: 56px; width: 248px; margin-right: 25px; float: left; }
.UserHeadCont .HeadUserInfo .UserAbout .item > span { display: block; width: 56px; height: 56px; background: #f6f6f6; border-radius: 6px; margin-right: 20px; overflow: hidden; float: left; }
.UserHeadCont .HeadUserInfo .UserAbout .item > span i { display: block; width: 30px; height: 30px; background: url(/static/hgame/img/iconsprites.png) no-repeat; margin: 13px auto 0; }
.UserHeadCont .HeadUserInfo .UserAbout .item .ic_game i { background-position: -489px -282px; }
.UserHeadCont .HeadUserInfo .UserAbout .item .ic_Recharge i { background-position: -529px -216px; }
.UserHeadCont .HeadUserInfo .UserAbout .item .ic_vip i { background-position: -479px -216px; }
.UserHeadCont .HeadUserInfo .UserAbout .item .txt { width: 170px; float: left; }
.UserHeadCont .HeadUserInfo .UserAbout .item .txt p { font-size: 14px; color: #333; height: 20px; line-height: 20px; margin: 4px 0 10px; }
.UserHeadCont .HeadUserInfo .UserAbout .item .txt p i { color: #fe3c3c; }
.UserHeadCont .HeadUserInfo .UserAbout .item .txt a { font-size: 14px; color: #999; }
.UserHeadCont .HeadUserInfo .UserAbout .item .txt a:hover { text-decoration: underline; }
.UserHeadCont .HeadUserInfo .UserAbout .item .txt a i { color: #f5ab7a; }
.UserContent { margin-top: 20px; overflow: hidden; }
.UserContent .ContentLeft { width: 320px; min-height: 700px; padding: 20px; background: #fff; border-radius: 6px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01); box-shadow: 0 0 10px rgba(0, 0, 0, 0.01); -webkit-box-sizing: border-box; box-sizing: border-box; }
.UserContent .ContentLeft .UserNavTab { width: 100%; overflow: hidden; }
.UserContent .ContentLeft .UserNavTab li { width: 100%; margin-bottom: 20px; }
.UserContent .ContentLeft .UserNavTab li > a { display: block; height: 56px; width: 100%; background: #f5f7fa; border-radius: 6px; line-height: 56px; }
.UserContent .ContentLeft .UserNavTab li > a i { background: url(/static/hgame/img/iconsprites.png) no-repeat; width: 24px; height: 24px; display: block; float: left; margin: 16px 20px 0 40px; }
.UserContent .ContentLeft .UserNavTab li > a .ic_number { background-position: -316px -502px; }
.UserContent .ContentLeft .UserNavTab li > a .ic_recharge { background-position: -130px -452px; }
.UserContent .ContentLeft .UserNavTab li > a .ic_game { margin-top: 14px; background-position: -394px -452px; }
.UserContent .ContentLeft .UserNavTab li > a .ic_history { background-position: -218px -452px; }
.UserContent .ContentLeft .UserNavTab li > a .ic_service { background-position: -306px -452px; }
.UserContent .ContentLeft .UserNavTab li > a .ic_vip { background: url(/static/hgame/img/iconsprites2.png) no-repeat -254px -130px; }
.UserContent .ContentLeft .UserNavTab li > a span { display: block; float: left; height: 56px; font-size: 16px; color: #333; }
.UserContent .ContentLeft .UserNavTab li .RechargeList { overflow: hidden; width: 100%; }
.UserContent .ContentLeft .UserNavTab li .RechargeList p { width: 100%; height: 46px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAuCAMAAADEBPa6AAAAUVBMVEVMaXHy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9ffy9fcZH4AYAAAAGnRSTlMA7/HzVeknrRaqJShW6vJzvkES+lqDjKUF7YxmcaAAAACcSURBVHja7dlJEoJAEETRbNQuxAEcQK37H9QFEahBHsDF/0d4kbUqqYsm6acmOqmWpFWlKpJMIe7ItlGSDRhggAEGGGCAAQYYYIABhoABBhhggAEGGGCAAQYYAgYYYIABhqf+fxbA2MoBGNM5qnQ85VIVfWr3C0wv+m67y7lBZEdzu4rsaO4iO5qHyI7m9RTZ0VxEdjSTyNWOork3vhgEAnn92gEAAAAASUVORK5CYII=) no-repeat; line-height: 36px; color: #eb6329; font-size: 15px; font-weight: bold; text-indent: 20px; margin-top: 10px; }
.UserContent .ContentLeft .UserNavTab li .RechargeList a { display: block; width: 100%; height: 45px; margin-top: 10px; }
.UserContent .ContentLeft .UserNavTab li .RechargeList a i { display: block; background: url(/static/hgame/img/iconsprites.png) no-repeat; width: 30px; height: 30px; float: left; margin: 8px 20px 0 20px; }

.UserContent .ContentLeft .UserNavTab li .RechargeList a .ic_hb { width: 30px; height: 29px; background-position: -489px -332px; }
.UserContent .ContentLeft .UserNavTab li .RechargeList a .ic_wsyh { width: 20px; height: 14px; background-position: -368px -546px; margin-top: 17px; }
.UserContent .ContentLeft .UserNavTab li .RechargeList a .ic_yhk { width: 20px; height: 14px; background-position: -408px -546px; margin-top: 17px; }
.UserContent .ContentLeft .UserNavTab li .RechargeList a .ic_ysf { width: 20px; height: 20px; background-position: -471px -402px; margin-top: 14px; }
.UserContent .ContentLeft .UserNavTab li .RechargeList a span { height: 46px; line-height: 46px; display: block; float: left; font-size: 18px; color: #666; }
.UserContent .ContentLeft .UserNavTab li .RechargeList .on span { color: #222; font-weight: bold; }
.UserContent .ContentLeft .UserNavTab li .RechargeList a:hover span { color: #222; }
.UserContent .ContentLeft .UserNavTab li:hover > a, .UserContent .ContentLeft .UserNavTab .on > a { background-image: -webkit-gradient(linear, left top, right top, from(#668aff), to(#2ea8e6)); background-image: linear-gradient(to right, #668aff, #2ea8e6); }
.UserContent .ContentLeft .UserNavTab li:hover span, .UserContent .ContentLeft .UserNavTab .on span { color: #fff; }
.UserContent .ContentLeft .UserNavTab li:hover .ic_number, .UserContent .ContentLeft .UserNavTab .on .ic_number { background-position: -274px -502px; }
.UserContent .ContentLeft .UserNavTab li:hover .ic_recharge, .UserContent .ContentLeft .UserNavTab .on .ic_recharge { background-position: -174px -452px; }
.UserContent .ContentLeft .UserNavTab li:hover .ic_game, .UserContent .ContentLeft .UserNavTab .on .ic_game { margin-top: 14px; background-position: -438px -452px; }
.UserContent .ContentLeft .UserNavTab li:hover .ic_history, .UserContent .ContentLeft .UserNavTab .on .ic_history { background-position: -262px -452px; }
.UserContent .ContentLeft .UserNavTab li:hover .ic_service, .UserContent .ContentLeft .UserNavTab .on .ic_service { background-position: -350px -452px; }
.UserContent .ContentLeft .UserNavTab li:hover .ic_vip, .UserContent .ContentLeft .UserNavTab .on .ic_vip { background: url(/static/hgame/img/iconsprites2.png) no-repeat -254px -170px; }
.UserContent .ContentRight { width: 900px; min-height: 700px; padding: 20px; background: #fff; border-radius: 6px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01); box-shadow: 0 0 10px rgba(0, 0, 0, 0.01); -webkit-box-sizing: border-box; box-sizing: border-box; }
.UserContent .ContentRight .BigTitle { height: 25px; line-height: 25px; font-size: 22px; color: #222; overflow: hidden; }
.UserContent .ContentRight .SmallTitle { height: 22px; line-height: 22px; margin: 20px 0 15px; }
.UserContent .ContentRight .SmallTitle span { color: #333; font-weight: bold; font-size: 15px; float: left; }
.UserContent .ContentRight .SmallTitle .safety { float: left; margin: 0 0 0 10px; }
.UserContent .ContentRight .SmallTitle .safety u { display: block; float: left; width: 36px; height: 12px; background: #e6e6e6; border-radius: 6px; margin: 6px 0 0 10px; }
.UserContent .ContentRight .SmallTitle .safety u i { display: block; width: 100%; height: 100%; border-radius: 6px; background: var(--Success); }
.UserContent .ContentRight .SmallTitle .safety strong { height: 22px; line-height: 22px; font-size: 15px; color: #333; font-weight: bold; margin-left: 20px; }
.UserContent .ContentRight .IDCardInfo { width: 100%; height: 160px; border-radius: 6px; background: #f5f7fa; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.UserContent .ContentRight .IDCardInfo .Certified p { height: 35px; line-height: 35px; font-size: 14px; }
.UserContent .ContentRight .IDCardInfo .Certified p span { color: #999; }
.UserContent .ContentRight .IDCardInfo .Certified p i { color: #333; margin-left: 10px; }
.UserContent .ContentRight .IDCardInfo .Certified .tips { font-size: 14px; color: var(--Success); height: 20px; line-height: 20px; margin-top: 15px; }
.UserContent .ContentRight .IDCardInfo .Certified .tips i { display: inline-block; width: 17px; height: 16px; background: url(/static/hgame/img/iconsprites.png) no-repeat -238px -589px; vertical-align: middle; margin: 0 10px 2px 0; }
.UserContent .ContentRight .IDCardInfo .NoCertified p { margin-bottom: 10px; overflow: hidden; }
.UserContent .ContentRight .IDCardInfo .NoCertified p span { font-size: 16px; color: #333; width: 75px; height: 30px; line-height: 30px; display: block; float: left; }
.UserContent .ContentRight .IDCardInfo .NoCertified p input { display: block; float: left; width: 280px; height: 30px; background: #fff; border: 1px solid #e1e3e6; border-radius: 6px; outline: none; padding: 0 10px; margin: 0 20px 0 10px; }
.UserContent .ContentRight .IDCardInfo .NoCertified p em { height: 30px; line-height: 30px; font-size: 14px; color: #f57231; display: block; float: left; }
.UserContent .ContentRight .IDCardInfo .NoCertified p em::before { display: inline-block; background: url(/static/hgame/img/iconsprites.png) no-repeat; content: ""; width: 20px; height: 20px; background-position: -391px -402px; vertical-align: middle; margin: 0 10px 2px 0; }
.UserContent .ContentRight .IDCardInfo .NoCertified p .submitbtn { display: block; float: left; border: none; outline: none; width: 100px; height: 36px; border-radius: 6px; text-align: center; line-height: 36px; font-size: 14px; color: #fff; font-weight: bold; background: var(--Success); margin: 0 20px 0 85px; cursor: pointer; }
.UserContent .ContentRight .IDCardInfo .NoCertified p .submitbtn:hover { opacity: 0.8; }
.UserContent .ContentRight .IDCardInfo .NoCertified p .submitbtn ~ em { margin-top: 3px; }
.UserContent .ContentRight .NumberBind { width: 100%; overflow: hidden; }
.UserContent .ContentRight .NumberBind li { width: 100%; height: 50px; border-bottom: 1px solid #e1e3e6; line-height: 50px; font-size: 14px; }
.UserContent .ContentRight .NumberBind li i { display: block; float: left; background: url(/static/hgame/img/iconsprites.png) no-repeat; margin: 16px 12px 0 0; }
.UserContent .ContentRight .NumberBind li .ic_phone { width: 20px; height: 20px; background-position: -658px -280px; }
.UserContent .ContentRight .NumberBind li .ic_qq { width: 20px; height: 20px; background-position: -88px -589px; }
.UserContent .ContentRight .NumberBind li .ic_wb { width: 20px; height: 18px; background-position: -251px -546px; }
.UserContent .ContentRight .NumberBind li span { float: left; display: block; color: #999; width: 60px; }
.UserContent .ContentRight .NumberBind li .SucBind, .UserContent .ContentRight .NumberBind li .NoBind { height: 30px; line-height: 30px; font-size: 14px; color: #f57231; margin: 10px 40px; float: left; }
.UserContent .ContentRight .NumberBind li .SucBind::before, .UserContent .ContentRight .NumberBind li .NoBind::before { display: inline-block; background: url(/static/hgame/img/iconsprites.png) no-repeat; content: ""; width: 20px; height: 20px; vertical-align: middle; margin: 0 10px 2px 0; }
.UserContent .ContentRight .NumberBind li .NoBind { color: #f57231; }
.UserContent .ContentRight .NumberBind li .NoBind::before { background-position: -391px -402px; }
.UserContent .ContentRight .NumberBind li .SucBind { color: var(--Success); }
.UserContent .ContentRight .NumberBind li .SucBind::before { background-position: -238px -589px; }
.UserContent .ContentRight .NumberBind li .number { float: left; }
.UserContent .ContentRight .NumberBind li .BindLink { border: 1px solid #c4c7cc; border-radius: 10px; width: 70px; height: 20px; line-height: 20px; text-align: center; color: #6b7b99; margin-top: 15px; }
.UserContent .ContentRight .NumberBind li .BindLink:hover { background: #6b7b99; color: #fff; }
.UserContent .ContentRight .NumberInfo { width: 100%; }
.UserContent .ContentRight .NumberInfo .list { width: 100%; height: 50px; line-height: 50px; font-size: 14px; }
.UserContent .ContentRight .NumberInfo .list i { display: block; float: left; background: url(/static/hgame/img/iconsprites.png) no-repeat; margin: 16px 12px 0 0; width: 21px; height: 20px; }
.UserContent .ContentRight .NumberInfo .list .ic_nick { background-position: -49px -589px; }
.UserContent .ContentRight .NumberInfo .list .ic_sex { height: 19px; background-position: -90px -546px; }
.UserContent .ContentRight .NumberInfo .list .ic_birthday { background-position: -10px -589px; }
.UserContent .ContentRight .NumberInfo .list .ic_addrs { background-position: -658px -313px; }
.UserContent .ContentRight .NumberInfo .list .ic_level { background-position: -211px -546px; }
.UserContent .ContentRight .NumberInfo .list .label { float: left; display: block; color: #999; width: 70px; }
.UserContent .ContentRight .NumberInfo .list p { float: left; color: #999; margin: 0 10px 0 0; }
.UserContent .ContentRight .NumberInfo .list select { margin-right: 10px; }
.UserContent .ContentRight .NumberInfo .list select, .UserContent .ContentRight .NumberInfo .list input { border: 1px solid #e1e3e6; border-radius: 6px; height: 30px; outline: none; padding: 0 10px; font-size: 14px; float: left; margin-top: 10px; }
.UserContent .ContentRight .NumberInfo .list em.error { height: 30px; line-height: 30px; font-size: 14px; color: #f57231; margin: 10px 0 0 20px; float: left; }
.UserContent .ContentRight .NumberInfo .list em.error::before { display: inline-block; background: url(/static/hgame/img/iconsprites.png) no-repeat; content: ""; width: 20px; height: 20px; background-position: -391px -402px; vertical-align: middle; margin: 0 10px 2px 0; }
.UserContent .ContentRight .NumberInfo .inner_btn { display: block; float: left; border: none; outline: none; width: 100px; height: 36px; border-radius: 6px; text-align: center; line-height: 36px; font-size: 14px; color: #fff; font-weight: bold; background: var(--Success); margin: 15px 0 0 0; }
.UserContent .ContentRight .NumberInfo .inner_btn input { display: block; background: none; height: 36px; color: #fff; text-align: center; width: 100%; cursor: pointer; }
.UserContent .ContentRight .VipPower { color: #1b1b1b; padding-top: 20px; padding-bottom: 15px; }
.UserContent .ContentRight .VipPower .item { background: #f6f6f6; min-height: 42px; line-height: 42px; display: block; margin-bottom: 2px; position: relative; }
.UserContent .ContentRight .VipPower .item .bt { float: left; width: 112px; padding: 0 10px 0 12px; border-right: 1px solid #fff; }
.UserContent .ContentRight .VipPower .item .bt i { height: 16px; width: 16px; display: inline-block; vertical-align: middle; margin-left: 7px; margin-top: -2px; background: url(/static/hgame/img/iconsprites2.png) no-repeat -88px -230px; cursor: pointer; }
.UserContent .ContentRight .VipPower .item ul { float: right; }
.UserContent .ContentRight .VipPower .item ul li { float: left; width: 62px; margin: 0 5px; text-align: center; font-size: 12px; }
.UserContent .ContentRight .VipPower .item ul li .ico { height: 20px; width: 20px; display: block; margin: 10px auto; background: url(/static/hgame/img/iconsprites2.png) no-repeat -10px -230px; }
.UserContent .ContentRight .VipPower .item ul li p span { height: 15px; line-height: 15px; padding-top: 13px; width: 100%; overflow: hidden; display: block; font-size: 12px; color: #333; }
.UserContent .ContentRight .VipPower .item ul li p .nuber { height: 16px; border: 1px solid #dcdcdc; background: #fff; width: 45px; margin: 5px auto; line-height: 16px; overflow: hidden; border-radius: 10px; display: block; font-size: 12px; }
.UserContent .ContentRight .VipPower .item.djj { height: 67px; line-height: 67px; }
.UserContent .ContentRight .VipPower .item .text_tanbox { position: absolute; z-index: 10; left: 140px; top: 5px; background: #fff; width: 500px; display: none; padding: 10px 20px; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 8, 0.15); box-shadow: 0 4px 4px rgba(0, 0, 8, 0.15); }
.UserContent .ContentRight .VipPower .item .text_tanbox p { line-height: 30px; font-size: 14px; color: #666; }
.UserContent .MyGames { width: 100%; overflow: hidden; margin-top: 20px; border-top: 1px solid #e1e3e5; }
.UserContent .MyGames li { height: 150px; width: 100%; padding: 20px 0; border-bottom: 1px solid #e1e3e5; }
.UserContent .MyGames li .img { width: 280px; height: 150px; border-radius: 8px; float: left; margin-right: 25px; }
.UserContent .MyGames li .img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.UserContent .MyGames li .info { float: right; width: 550px; height: 150px; position: relative; }
.UserContent .MyGames li .info .bt { height: 25px; line-height: 25px; font-size: 18px; color: #333; width: 420px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.UserContent .MyGames li .info .gift { width: 96px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; border-radius: 11px; text-align: center; position: absolute; right: 0; top: 0; background-image: -webkit-gradient(linear, left top, right top, from(#ff3d00), to(#ff5500)); background-image: linear-gradient(to right, #ff3d00, #ff5500); }
.UserContent .MyGames li .info .list { width: 100%; overflow: hidden; height: 25px; line-height: 25px; float: left; margin-top: 14px; }
.UserContent .MyGames li .info .list span { font-size: 15px; color: #999; }
.UserContent .MyGames li .info .list a { display: inline-block; border: 1px solid #e1e3e6; border-radius: 6px; padding: 0 15px; height: 23px; line-height: 23px; font-size: 13px; color: #f57231; margin-left: 10px; }
.UserContent .MyGames li .info .list a:hover { color: #fff; background: #f57231; }
.UserContent .MyGames li .info .btns { width: 100%; }
.UserContent .MyGames li .info .btns a { display: block; float: left; margin: 20px 20px 0 0; width: 84px; height: 28px; border-radius: 6px; text-align: center; line-height: 28px; color: #fff; font-size: 14px; background: #ccc; }
.UserContent .MyGames li .info .btns a:hover { opacity: 0.88; }
.UserContent .MyGames li .info .btns .entrgame { background: #12b34f; }
.UserContent .MyGames li .info .btns .gameweb { background: #4585e6; }
.UserContent .RRHead { border-top: 1px solid #e1e3e5; width: 100%; margin-top: 20px; font-size: 15px; text-align: center; overflow: hidden; }
.UserContent .RRHead span { display: block; float: left; height: 35px; line-height: 35px; width: 76px; color: #6b7b99; }
.UserContent .RRHead span + span { margin-left: 2px; }
.UserContent .RRHead span:nth-child(1), .UserContent .RRHead span:nth-child(2) { width: 90px; }
.UserContent .RRHead span:nth-child(7) { width: 150px; }
.UserContent .RRHead span:nth-child(8) { width: 104px; }
.UserContent .RRList { width: 100%; overflow: hidden; margin-top: 10px; }
.UserContent .RRList li { width: 100%; height: 36px; line-height: 36px; margin-bottom: 20px; }
.UserContent .RRList li span { background: #f5f7fa; display: block; float: left; height: 35px; line-height: 35px; width: 66px; color: #333; font-size: 12px; text-align: center; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.UserContent .RRList li span + span { margin-left: 2px; }
.UserContent .RRList li span:nth-child(1), .UserContent .RRList li span:nth-child(2) { width: 80px; }
.UserContent .RRList li span:nth-child(7) { width: 140px; }
.UserContent .RRList li span:nth-child(8) { width: 94px; }
.UserContent .HelpList { border-top: 1px solid #e1e3e5; width: 100%; margin-top: 20px; text-align: center; overflow: hidden; }
.UserContent .HelpList li { width: 200px; height: 294px; background: #f2f0fa; border-radius: 8px; float: left; margin-top: 20px; }
.UserContent .HelpList li a { display: block; }
.UserContent .HelpList li a span { display: block; width: 120px; height: 120px; border-radius: 50%; border: 1px solid #d0c8e5; margin: 20px auto; background: #fff; }
.UserContent .HelpList li a span i { display: block; width: 40px; height: 40px; background: url(/static/hgame/img/iconsprites.png) no-repeat; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.UserContent .HelpList li a strong { text-align: center; color: #333; font-size: 20px; }
.UserContent .HelpList li a p { font-size: 14px; color: #999; line-height: 30px; margin-top: 20px; }
.UserContent .HelpList li:nth-child(1) { background: #f2f0fa; }
.UserContent .HelpList li:nth-child(1) a span { border-color: #d0c8e5; }
.UserContent .HelpList li:nth-child(1) a span i { width: 46px; height: 48px; background-position: -594px -280px; }
.UserContent .HelpList li:nth-child(2) { background: #f0faf4; }
.UserContent .HelpList li:nth-child(2) a span { border-color: #b8e5c7; }
.UserContent .HelpList li:nth-child(2) a span i { background-position: -368px -216px; }
.UserContent .HelpList li:nth-child(3) { background: #faf3f0; }
.UserContent .HelpList li:nth-child(3) a span { border-color: #facdb8; }
.UserContent .HelpList li:nth-child(3) a span i { background-position: -308px -216px; }
.UserContent .HelpList li:nth-child(4) { background: #f0f5fa; }
.UserContent .HelpList li:nth-child(4) a span { border-color: #bbd6f0; }
.UserContent .HelpList li:nth-child(4) a span i { width: 42px; background-position: -246px -216px; }
.UserContent .HelpList li + li { margin-left: 20px; }
.UserContent .ServiceList { width: 100%; overflow: hidden; margin-top: 10px; }
.UserContent .ServiceList li { float: left; width: 270px; height: 140px; border-radius: 8px; padding: 10px; background: #f5f7fa; -webkit-box-sizing: border-box; box-sizing: border-box; }
.UserContent .ServiceList li img { display: block; width: 120px; height: 120px; float: left; margin-right: 20px; }
.UserContent .ServiceList li .info { height: 120px; width: 110px; overflow: hidden; }
.UserContent .ServiceList li .info strong { font-size: 12px; color: #333; font-weight: bold; height: 20px; line-height: 20px; width: 100%; display: block; float: left; margin: 5px 0; }
.UserContent .ServiceList li .info p, .UserContent .ServiceList li .info span { font-size: 12px; color: #333; line-height: 20px; display: block; width: 100%; float: left; margin-top: 10px; }
.UserContent .ServiceList li .info p + p { margin-top: 20px; }
.UserContent .ServiceList li + li { margin-left: 20px; }
.UserContent .QQList { width: 104%; overflow: hidden; }
.UserContent .QQList a { display: block; float: left; width: 156px; height: 48px; border: 1px solid #e1e3e6; border-radius: 6px; text-align: center; line-height: 48px; margin: 10px 20px 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.UserContent .QQList a:hover { color: var(--AHover); }
.UserContent .PayTips { width: 100%; padding-top: 20px; margin-top: 20px; border-top: 1px solid #e1e3e6; overflow: hidden; }
.UserContent .PayTips .Nobind { height: 30px; line-height: 30px; font-size: 14px; color: #333; float: left; width: 100%; }
.UserContent .PayTips .Nobind::before { display: inline-block; background: url(/static/hgame/img/iconsprites.png) no-repeat; content: ""; width: 20px; height: 20px; vertical-align: middle; margin: 0 10px 2px 0; background-position: -391px -402px; }
.UserContent .PayTips .desc { width: 100%; overflow: hidden; font-size: 14px; line-height: 30px; color: #999; margin-top: 10px; float: left; }
.UserContent .PayTips .desc strong { font-size: 16px; color: #666; font-weight: bold; line-height: 30px; display: block; margin-bottom: 5px; }
.UserContent .PayTips .desc p { color: #999; }
.UserContent .PaymentInfo .list { width: 100%; margin-top: 20px; overflow: hidden; }
.UserContent .PaymentInfo .list > span { display: block; float: left; width: 75px; font-size: 16px; color: #666; height: 38px; line-height: 38px; text-align: right; margin-right: 5px; }
.UserContent .PaymentInfo .list select { border: 1px solid #e1e3e6; border-radius: 6px; height: 30px; line-height: 30px; outline: none; padding: 0 20px; font-size: 14px; float: left; margin: 4px 10px 0; color: #999; width: 160px; }
.UserContent .PaymentInfo .list .voucherselect { width: 180px; }
.UserContent .PaymentInfo .list .PayMoney { width: 680px; overflow: hidden; margin-left: 10px; float: left; }
.UserContent .PaymentInfo .list .PayMoney li { width: 112px; height: 38px; border: 1px solid #e1e3e6; border-radius: 6px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 20px 20px 0; text-align: center; line-height: 36px; cursor: pointer; font-size: 16px; padding: 0 8px; }
.UserContent .PaymentInfo .list .PayMoney li span { display: block; width: 100%; color: #333; font-size: 16px; }
.UserContent .PaymentInfo .list .PayMoney li span i { font-weight: bold; margin: 0 2px; }
.UserContent .PaymentInfo .list .PayMoney li input { width: 65px; font-size: 14px; height: 36px; line-height: 36px; outline: none; float: left; }
.UserContent .PaymentInfo .list .PayMoney .on { border-color: #6499e9; }
.UserContent .PaymentInfo .list .PayMoney .on span { position: relative; display: block; }
.UserContent .PaymentInfo .list .PayMoney .on span::after { display: block; position: absolute; content: ""; width: 31px; height: 31px; background: url(/static/hgame/img/iconsprites.png) no-repeat -428px -216px; right: -8px; bottom: 0; }
.UserContent .PaymentInfo .list .VoucherList { width: 100%; overflow: hidden; margin-left: 70px; }
.UserContent .PaymentInfo .list .VoucherList .item { position: relative; box-sizing: border-box; display: block; width: 240px; height: 100px; border-radius: 6px; background: #fbf1dc; float: left; margin: 20px 0 0 20px; }
.UserContent .PaymentInfo .list .VoucherList .on { border-style: solid; border-color: #6499e9; border-width: 1px }
.UserContent .PaymentInfo .list .VoucherList .on .info p::after { display: block; position: absolute; content: ""; width: 31px; height: 31px; background: url(/static/hgame/img/iconsprites.png) no-repeat -428px -216px; right: -1px; bottom: -1px; }
.UserContent .PaymentInfo .list .VoucherList .item span { display: block; float: left; width: 62px; height: 100px; color: #f57231; font-size: 30px; font-weight: bold; line-height: 100px; text-align: center; border-right: 2px dashed #fff; }
.UserContent .PaymentInfo .list .VoucherList .item span i { font-size: 12px; font-weight: 400; color: #f57231; }
.UserContent .PaymentInfo .list .VoucherList .item .info { height: 70px; width: 150px; margin: 15px 0 0 12px; float: left; }
.UserContent .PaymentInfo .list .VoucherList .item .info .bt { font-size: 14px; color: #333; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.UserContent .PaymentInfo .list .VoucherList .item .info p { font-size: 12px; color: #666; line-height: 20px; height: 20px; }
.UserContent .PaymentInfo .Tips { width: 100%; text-align: center; font-size: 14px; color: #999; float: left; margin: 26px auto; }
.UserContent .PaymentInfo .Tips i { color: #fe3c3c; font-weight: bold; margin: 0 5px; }
.UserContent .PaymentInfo .Paybtn { display: block; float: left; width: 240px; height: 48px; line-height: 48px; text-align: center; border-radius: 6px; font-size: 14px; color: #fff; font-weight: bold; background-image: -webkit-gradient(linear, left top, right top, from(var(--ThemeColor1)), to(var(--ThemeColor2))); background-image: linear-gradient(to right, var(--ThemeColor1), var(--ThemeColor2)); margin: 0 0 60px 310px; cursor: pointer; }
.UserContent .PaymentInfo .Paybtn:hover { opacity: 0.8; }
.QRCodeWrap { display: none; position: fixed; z-index: 999999; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); top: 0; left: 0; }
.QRCodeWrap .QRCodecont { position: absolute; width: 280px; height: 368px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; padding: 25px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); text-align: center; }
.QRCodeWrap .QRCodecont .close { width: 12px; height: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAlklEQVR42nXQMQrCQBCF4TmQB0jtAXKgFIkSq0DAVEZUgoVCChub4E1ExIuk2PwLLizDTvEVO/Mey640x2KFNx4QQ48P1v4ww/0dIEoFF/jBHS7SR+FS7V5h0apFh42ajZD46i4OpMK64DWJ8BViFbaJwskq7OAMZ12oVWDAXpdC4ZJ4oPV7TzHC5u/5QYYvJojhhh/yBYZ6N6W+RmHNAAAAAElFTkSuQmCC) no-repeat; background-size: 100%; position: absolute; cursor: pointer; right: 8px; top: 8px; }
.QRCodeWrap .QRCodecont .title { font-size: 16px; color: #333; height: 25px; line-height: 25px; width: 100%; }
.QRCodeWrap .QRCodecont .title i { font-size: 18px; font-weight: bold; }
.QRCodeWrap .QRCodecont .PaySum { width: 100%; font-size: 15px; color: #999; margin: 10px 0; }
.QRCodeWrap .QRCodecont .PaySum i { color: #f57231; }
.QRCodeWrap .QRCodecont .QRBox { width: 200px; height: 230px; border-radius: 4px; background: #f2f5f7; margin: 0 auto; overflow: hidden; }
.QRCodeWrap .QRCodecont .QRBox p { margin-top: 15px; margin-bottom: 10px; font-size: 12px; color: #999; line-height: 20px; }
.QRCodeWrap .QRCodecont .QRBox .QRCode, .QRCodeWrap .QRCodecont .QRBox .QRCode canvas, .QRCodeWrap .QRCodecont .QRBox .QRCode img { width: 120px; height: 120px; margin: 0 auto; }
.QRCodeWrap .QRCodecont .tips { font-size: 14px; color: #666; margin-top: 12px; }
.loadmore { text-align: center; line-height: 30px; margin-top: 10px; }
.FixedMenu .onlineService { width: 140px; height: 170px; }
.FixedMenu .onlineService img { width: 120px; height: 120px; margin: 10px 10px 8px; }
.FixedMenu .onlineService p { text-align: center; }
.footer { width: 100%; padding: 30px 0; background-color: #333333; position: relative; z-index: 11; }
.g-footer { font-size: 13px; text-align: center; z-index: 3; }
.g-footer p { margin-top: 15px; color: #939393; }
.g-footer a { color: #ccc; }

/*注册登录框*/
/*用户登录框*/
.dialog-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;outline:0;-webkit-overflow-scrolling:touch;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);z-index:9999;}
.qw-account{background:#fff;padding:20px 30px;border-radius:6px;z-index:10000;position:fixed;left:50%;top:50%;width:580px;height:340px;margin-top:-310px;margin-left:-290px;box-sizing:border-box;}
.qw-account.reg{height:auto;margin-top:-380px;}
.qw-account .close-ico{position:absolute;display:block;width:30px;height:30px;line-height:30px;text-align:center;top:10px;right:10px;font-size:21px;cursor:pointer;color:#333;background:url('/static/web/img/dialog-close.png') no-repeat;}
.qw-account .qw-account-tab{border-bottom:1px solid #dedede;}
.qw-account .qw-account-tab span{width:49%;display:inline-block;vertical-align:middle;height:40px;line-height:40px;cursor:pointer;text-align:center;font-size:16px;color:#333;}
.qw-account .qw-account-tab span.active{color:#ef6d00;line-height:38px;border-bottom:3px solid #ef6d00;margin-bottom:-1px;}
.qw-account-left{width:300px;float:left;box-sizing:border-box;}
.qw-account-right{float:right;width:180px;padding-left:40px;margin-top:40px;border-left:1px dashed #dedede;box-sizing:border-box;}
.qw-account .layui-form{padding-top:10px;box-sizing:border-box;}
.qw-account .input-item{margin-top:12px;position:relative;box-sizing:border-box;}
.qw-account .input-item i{display:inline-block;width:28px;height:18px;border-right:1px solid #dedede;position:absolute;left:0px;top:10px;}
.qw-account .input-item i.ipt-usr{background:url('/static/web/img/ipt-user.png') center center no-repeat;}
.qw-account .input-item i.ipt-pwd{background:url('/static/web/img/ipt-pwd.png') center center no-repeat;}
.qw-account .input-item i.ipt-pho{background:url('/static/web/img/ipt-pho.png') center center no-repeat;}
.qw-account .input-item i.ipt-code{background:url('/static/web/img/ipt-code.png') center center no-repeat;}
.qw-account .input-item i.ipt-card{background:url('/static/web/img/ipt-card.png') center center no-repeat;}
.qw-account .input-item span.input-tips{display:block;line-height:25px;font-size:12px;color:#888;text-align:right;padding-right:5px;}
.qw-account .input-item span.input-tips.success{color:#008000;}
.qw-account .input-item span.input-tips.error{color:#f00;}
.qw-account .input-item i.ipt-tips{left:unset;right:5px;border:none;display:none;}
.qw-account .input-item i.ipt-tips.success{background:url('/static/web/img/tips_success.png') center center no-repeat;display: inline;}
.qw-account .input-item i.ipt-tips.error{background:url('/static/web/img/tips_error.png') center center no-repeat;display: inline;}
.qw-account .input-item i.ipt-tips.loding{background:url('/static/web/img/loading.gif') center center no-repeat;}
.qw-account .input-item input{width:100%;height:38px;line-height:38px;border:1px solid #dedede;padding-left:33px;border-radius:2px;box-shadow:0 0 3px rgba(0,0,0,0.1) inset;vertical-align:bottom;box-sizing:border-box;}
.qw-account .input-item.item-mobilecode input,.qw-account .input-item.item-imgcode input{display:inline-block;width:166px;box-sizing:border-box;}
.qw-account .input-item.item-mobilecode button.phone-send{display:inline-block;float:right;width:120px;height:38px;line-height:38px;text-align:center;cursor:pointer;background:#515151;color:#fff;font-size:14px;border-radius:2px;vertical-align:bottom;box-sizing:border-box;border: none;}
.qw-account .input-item.item-imgcode img{display:inline-block;float:right;vertical-align:bottom;width:120px;height:38px;cursor:pointer;border-radius:2px;border:none;box-sizing:border-box;}
.qw-account .input-item.item-mobilecode i.ipt-tips,.qw-account .input-item.item-imgcode i.ipt-tips{right:140px;}
.qw-account .item-keeplogin{margin-top:15px;line-height:18px;height:18px;box-sizing:border-box;}
.qw-account .layui-form-checkbox span{font-size:12px;}
.qw-account .item-keeplogin .layui-form-checkbox{display:inline-block;}
.qw-account .item-keeplogin a{float:right;color: #ef6d00 !important;}
.qw-account .login-btn,.qw-account .login-btn2,.qw-account .register-btn{width:100%;display:block;height:36px;line-height:36px;text-align:center;color:#fff;background:#ef6d00;border-radius:3px;margin-top:15px;font-size:14px;border:none;box-sizing:border-box;}
.qw-account .sms-login{box-sizing:border-box;}
.qw-account .sms-login.reg{height:auto;}
.qw-account .sms-login .tip-word{font-size:16px;line-height:36px;color:#000;}
.qw-account button.change-model{background:#3ec564;display:block;margin:10px 0;width:100%;height:32px;line-height:32px;border-radius:2px;color:#fff;text-align:center;font-size:14px;border:none;box-sizing:border-box;}
.qw-account .sms-login .tip-word-sms{font-size:14px;color:#000;line-height:25px;margin-top:15px;text-align: center;}
.qw-account .sms-login .sms-login{margin-top:10px;}
.qw-account .sms-login .sms-login a{display:inline-block;width:24px;height:24px;margin-right:10px;background:url('/static/web/img/smslogin.png') left center no-repeat;}
.qw-account .sms-login .sms-login a.qq-login{background-position:0 0;}
.qw-account .sms-login .sms-login a.wx-login{background-position:0 -40px;}
.qw-account .sms-login .tip-findpwd{line-height:30px;text-align:left;margin-top:30px;}
.qw-account .sms-login .tip-findpwd a{color:#c00;font-size:14px;}
.qw-account .btn:hover{opacity:0.8;filter:alpha(opacity=80);text-decoration:none;}
.user-form-checked{display: inline-block;}
.user-form-checked span {color: #666;font-size: 12px;}
.user-form-checked span a {color: #666 !important;font-size: 12px;margin: 0;padding: 0;white-space: normal;float: none;float: none !important;display: inline !important;}
.qw-account .item-keeplogin input[type=checkbox]{display: inline-block !important;cursor: pointer; position: relative; margin-right: 5px;}
.qw-account .item-keeplogin input[type=checkbox]::after{ position: absolute; top: 0; background-color: #fff; color: #fff; width: 17px; height: 17px; display: inline-block; visibility: visible; padding-left: 0px; text-align: center; content: ' '; border-radius: 2px; box-sizing: border-box; border: 1px solid #ddd; }
.qw-account .item-keeplogin input[type=checkbox]:checked::after{ content: ""; background-color: #ff950d; border-color: #ff950d; }
.qw-account .item-keeplogin input[type=checkbox]:checked::before{ content: ''; position: absolute; top: 2px; left: 6px; width: 3px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); z-index: 1; }
.user-form-checked i.layui-icon {display: none !important;}
.hide{display:none}
/*新增游戏排行榜*/
.hot-game-fl{    margin-top: 5px;}
.hot-game-fl .game-rank-list{list-style:none;margin:0;padding:0;background:#fff;border-radius:8px;overflow:hidden;}
.hot-game-fl .game-rank-list li{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #eee;gap:12px;}
.hot-game-fl .game-rank-list li:last-child{border-bottom:none;}
.hot-game-fl .rank{width:10px;text-align:center;font-size:16px;font-weight:bold;color:#999;flex-shrink:0;}
.hot-game-fl .rank.r1{color:#f53f3f;}
.hot-game-fl .rank.r2{color:#ff7d00;}
.hot-game-fl .rank.r3{color:#ffb800;}
.hot-game-fl .game-info{flex:1;display:flex;align-items:center;gap:10px;}
.hot-game-fl .game-name{width:185px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot-game-fl .game-name a{font-size:15px;color:#333;text-decoration:none;}
.hot-game-fl .game-name a:hover{color:#FFAF36;}
.hot-game-fl .game-tag{width:35px;flex-shrink:0;text-align:left;font-size:13px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot-game-fl .look-btn{padding:2px 10px;border:1px solid #ccc;border-radius:20px;font-size:13px;color:#555;text-decoration:none;flex-shrink:0;}
.hot-game-fl .look-btn:hover{border-color:#FFAF36;color:#FFAF36;}

.MainBox .bottom{font-size:13px;color:#333333;margin-top: 50px}
.MainBox .bottom span{display:inline-block;padding-top:15px;width:49%;color:#dba759}
.MainBox .bottom a{color:#333333;font-size:14px}
.MainBox .bottom a:hover{color:#FFAF36}

/*相关内容*/
.related-content{margin-top:30px;}
.related-content h3{margin:0 0 12px 0;padding:0 0 8px 0;font-size:18px;font-weight:bold;color:#333333;border-bottom:1px solid #333333;text-align:left;}
.related-content ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px;}
.related-content li{flex:0 0 calc(50% - 5px);padding:0;margin:0;display:flex;align-items:center;min-width: 48%;}
.related-content li::before{content:'';display:inline-block;width:3px;height:3px;border-radius:50%;background:#333333;margin-right:10px;flex-shrink:0;}
.related-content a{flex:1;display:block;padding:5px 0;color:#333333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:26px;font-size:14px;}
.related-content a:hover{color:#FFAF36;}
.related-content .time{flex-shrink:0;margin-left:10px;font-size:13px;color:#716767;padding-right:10px;white-space:nowrap;}
/*官网活动*/
.welfare-content { font-size: 15px; padding: 20px; color: #666; line-height: 45px; }
.welfare-content p { color: #666; text-indent: 2em; line-height: 40px; }
.site_activity { padding-top: 15px; }
.site_activity h1 { color: #666; text-align: center; }
.site_activity span.time { display: block; font-size: 14px; color: #666; margin-top: 15px; text-align: center; }

.site_gift { width: 100%; padding: 20px; box-sizing: border-box; }
.site_gift .site_gift_list { width: 100%; }
.site_gift .site_gift_item { height: 78px; border-bottom: 1px solid #f1f1f1; overflow: hidden; display: flex; align-items: center; padding: 10px 0; box-sizing: border-box; }
.site_gift .site_gift_info { margin-right: 10px; overflow: hidden; flex: 1; }
.site_gift .site_gift_title { font-size: 14px; color: #444; font-weight: bold; display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; overflow: hidden; }
.site_gift .site_gift_name { display: inline-block; max-width: 70%; font-size: 16px; color: #444; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site_gift .site_gift_name:hover { color: #fe8731; }
.site_gift .site_gift_num { color: #ff5c23; font-style: normal; }
.site_gift .site_gift_desc { font-size: 13px; line-height: 1.4; color: #999; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.site_gift .site_gift_use { margin-top: 20px; font-size: 13px; line-height: 1.4; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.site_gift .site_gift_btn { display: inline-block; width: 56px; height: 30px; font-size: 14px; font-weight: 400; line-height: 30px; color: #fe8731; text-align: center; text-decoration: none; background: transparent; border: 1px solid #fe8731; border-radius: 2px; box-sizing: border-box; transition: all 0.2s ease; }
.site_gift .site_gift_btn:hover { color: #ffffff; background-color: #fe8731; border-color: #e87828; box-shadow: 0 2px 4px rgba(254, 135, 49, 0.2); transform: scale(1.05); cursor: pointer; }
.gift_warn_bg { position: fixed; top: 0px; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
.gift_warn { position: relative; top: 50%; left: 50%; width: 240px; margin: -100px auto 0 -120px; padding: 20px 40px; text-align: center; background: #fff; border-radius: 10px; }
.gift_warn a.close_normal { display: block; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background: url(/static/web/img/close_normal.png) no-repeat; }
.gift_warn h3 { height: 50px; font-size: 24px; line-height: 50px; color: #ff6200; }
.gift_warn span { line-height: 35px; }
.gift_warn a.mcopybtn { display: block; width: 100px; height: 30px; margin: 10px auto; font-size: 16px; line-height: 30px; color: #fff; background: #3bb70b; }
/*服务器弹出选项*/
.g-inner { margin: auto; width: 1200px; }
.f-serverwrap {position:fixed;left:0;right:0;top:100%;bottom:0;min-height:500px;background:#fff;z-index:999;transition:.3s ease}
.f-serverwrap .layer-close {
    position: absolute;right: 0;top: 0;width: 50px;height: 50px;line-height: 45px;font-size: 30px;text-align: center;
	*background: #4B4B4B;background: #4B4B4B\0;background: #4B4B4B;color: #fff;cursor: pointer;display: inline-block;z-index:3;
}
.f-serverwrap .layer-close:hover {*background: #FF5050;background: #FF5050\0;background: #FF5050;}

.m-game-server header {position:relative;padding:20px 0 10px;text-align:center;}
.m-game-server header h2 {position:relative;z-index:2;font-size:34px;font-weight:bold;color: #1e1e1e;}
.m-game-server header:before {content:'';position:absolute;margin:auto;left:0;right:0;top:0;width:50px;height:40px;z-index:1;}
.m-game-server header:after {content:'';position:absolute;margin:auto;left:0;right:0;top:0;transform:translateX(40px);width:12px;height:20px;z-index:1;}

.m-game-server .m-tab-hook {position:relative;font-size:0;margin-bottom:20px;text-align:center;}
.m-game-server .m-tab-hook li {display:inline-block;font-size:14px;margin-right:5px;padding:3px 10px;border:1px solid #ecdbbf;text-align:center;cursor:pointer;}
.m-game-server .m-tab-hook li.cur {color:#fff;border-color:#b48a3a;background:#c2a060;}

.m-game-server .m-tab-panel ul {margin-right:-10px}
.m-game-server .m-tab-panel li {position:relative;float:left;padding-right:10px;margin-bottom:10px;width:20%;box-sizing: border-box;}
.m-game-server .m-tab-panel li a {position:relative;display:block;padding:0 15px;height:42px;line-height:40px;background:#5b7e91;border:1px solid #507285;color:#fff;border-radius:5px;}
.m-game-server .m-tab-panel li a:before {content:'';position:absolute;left:1px;top:1px;right:1px;bottom:1px;border-radius:3px;border:1px solid rgba(255,255,255,.1)}
.m-game-server .m-tab-panel li a:hover {background:#63899e;text-decoration:none;}
.m-game-server .m-tab-panel li a span {float:right;}
.m-game-server .m-tab-panel li p {display:none;position:absolute;left:0;top:-22px;padding:0 8px;height:24px;line-height:24px;background: #ff357b;border-radius:3px;color:#ff0;font-size:12px;box-shadow:2px 2px 0 0 rgba(0,0,0,.15);}
.m-game-server .m-tab-panel li p:after {content:'';position:absolute;left:30px;top:23px;border:solid transparent;border-width:8px 12px 0 0;border-top-color:#cb4242}
.m-game-server .m-tab-panel li:hover p,
.m-game-server .m-tab-panel li.z-today p {display:inline-block}
.m-game-server .m-tab-panel li.z-today a {background:#d44e4d;color:#ff0;border-color:#cc4847;}

.float_qrcode_scan { width: 196px; height: 350px; color: #f1e3a3; background: url(/static/hgame/img/qrcode_scan_float_bg.png) no-repeat; position: fixed; background-size: cover; top: 50%; right: 15px; transform: translateY(-50%); z-index: 100; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.float_qrcode_scan .title { height: 40px; line-height: 40px; text-align: center; color: #f4bd0d; font-size: 16px; }
.float_qrcode_scan .title span { display: inline-block; }
.float_qrcode_scan .qrcode { position: relative; display: block; margin: 15px auto 0; width: 156px; height: 156px; overflow: hidden; background-color: #fff; }
.float_qrcode_scan .qrcode img { width: 100% !important; height: 100% !important; }
.float_qrcode_scan .qrcode .scanner { position: absolute; top: 0; display: block; width: 156px; height: 15px; background: url(/static/hgame/img/scanner.png) repeat-x; animation: scanDown 2s linear infinite; -webkit-animation: scanDown 2s linear infinite; }
@keyframes scanDown { from { top: 0; } to { top: 100%; } }
.float_qrcode_scan .slogan { width: 160px; height: auto; margin: 15px auto 0; background: url("/static/hgame/img/ma_slogan.png") no-repeat center center; background-size: 100% auto; min-height: 60px; }
.float_qrcode_scan ul { width: 162px; margin: 10px auto 0; }
.float_qrcode_scan li { width: 162px; height: 40px; margin-top: 5px; }
.float_qrcode_scan li a { width: 100%; height: 100%; display: block; }
.float_qrcode_scan_1 { background: url(/static/hgame/img/an_1.png) no-repeat; }
.float_qrcode_scan_1:hover { background: url(/static/hgame/img/an_2.png) no-repeat; }
.float_qrcode_scan_2 { background: url(/static/hgame/img/ios_1.png) no-repeat; }
.float_qrcode_scan_2:hover { background: url(/static/hgame/img/ios_2.png) no-repeat; }
.float_qrcode_scan_3 { background: url(/static/hgame/img/pc_1.png) no-repeat; }
.float_qrcode_scan_3:hover { background: url(/static/hgame/img/pc_2.png) no-repeat; }
/*适龄提示*/
.tip18year {position: absolute;width: 79px; height: 102px;left: 360px;top: 370px;background: url(/static/hgame/img/18year.png) no-repeat;}
.tip16year {position: absolute;width: 79px; height: 102px;left: 360px;top: 370px;background: url(/static/hgame/img/16year.png) no-repeat;}