@charset "UTF-8";
/*! Project:test, Create:ljp 2019.03.07 09:43, Update:FWS 2025.06.16 09:42 */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0}
input{outline:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
li,ol,ul{list-style:none}
b,strong{font-weight:700}
em,i{font-style:normal}
td,th{text-align:center}
a{color:#cbd0e7;text-decoration:none}
a:hover{text-decoration:none}
body{font:14px/1.5 microsoft yahei!important;color:#cbd0e7}
body,html{min-width:1500px;*display:inline;width:100%;margin:0 auto}
.g_wrap{width:100%;zoom:1;margin:0 auto;text-align:center;background:#131420;padding-top:36px;padding-bottom:50px}
.g_wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.g_cont{width:1500px;margin:0 auto;position:relative;height:100%;text-align:left}
@font-face{font-family:icomoon;src:url(../images/fonts/icomoon.eot?ubbkfi);src:url(../images/fonts/icomoon.eot?ubbkfi#iefix) format("embedded-opentype"),url(../images/fonts/icomoon.ttf?ubbkfi) format("truetype"),url(../images/fonts/icomoon.woff?ubbkfi) format("woff"),url(../images/fonts/icomoon.svg?ubbkfi#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}
[class*=" u_icon--"],[class^=u_icon--]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.u_icon:before{color:#000;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline}
.u_icon--goal:before{content:"\e909"}
.u_icon--hot:before{content:"\e906"}
.u_icon--vip:before{content:"\e900"}
.u_icon--history:before{content:"\e901"}
.u_icon--server:before{content:"\e902"}
.u_icon--good:before{content:"\e903"}
.u_icon--new:before{content:"\e904"}
.u_icon--task:before{content:"\e905"}
.u_icon--gift:before{content:"\e907"}
.u_icon--pc:before{content:"\e908"}
.u_icon--check:before{content:"\e90a"}
.u_icon--left:before{content:"\e90d"}
.u_icon--right:before{content:"\e90c"}
.g_header{background:#050813;height:72px}
.g_header .u_logo{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;vertical-align:middle}
.g_header .u_logo img{width:auto;margin-top:4px}
.g_header .m_nav{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;vertical-align:middle;margin-left:60px;height:72px;line-height:72px}
.g_header .m_nav .u_link{display:inline-block;color:#fff;font-size:18px;font-weight:500;padding:0 20px;line-height:72px;-webkit-transition:color .2s;transition:color .2s}
.g_header .m_nav .u_link:hover{color:#ffd600}
.g_header .u_btn--download{position:absolute;top:18px;right:0;border-radius:8px;display:block;overflow:hidden;padding:0 22px;height:36px;line-height:30px;font-weight:700;font-size:18px;text-align:center;-webkit-transition:all .2s;transition:all .2s;color:#23253a;background:#d5af58;background:-webkit-gradient(linear,left top,right top,from(#f5cd79),to(#d5af58));background:linear-gradient(to right,#f5cd79 0,#d5af58 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5cd79', endColorstr='#ffd5af58', GradientType=1)}
.g_header .u_btn--download:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;filter:alpha(opacity=85)}
.g_header .u_btn--download .u_icon{display:inline-block;vertical-align:middle;font-size:20px;margin:1px 5px 0 0}
.g_header .u_btn--download .u_icon:before{color:#23253a}
.g_header .u_btn--download .u_txt{vertical-align:middle;display:inline-block}
.g_banner{height:172px;background:-webkit-gradient(linear,left top,right top,from(#6272c9),to(#3648a3));background:linear-gradient(to right,#6272c9 0,#3648a3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6272c9', endColorstr='#ff3648a3', GradientType=1);width:100%;margin:0 auto;position:relative;overflow:hidden}
.g_banner .u_bannerImg{position:absolute;top:0;left:50%;height:100%;margin-left:-1000px;width:2000px}
.g_leftSide{float:left;width:256px}
.g_rightSide{float:right;width:1220px}
.m_land{border-radius:10px 10px 0 0;padding:20px 20px 15px 20px;background:#11162d;background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#141d39),color-stop(60%,#11162d));background:linear-gradient(180deg,#141d39 10%,#11162d 60%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff141d39', endColorstr='#ff11162d', GradientType=0);border:#191e36 2px solid}
.m_land .m_head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;width:72px;height:72px;position:relative;margin:0 auto}
.m_land .m_head .u_headImg{width:72px;height:72px;border-radius:50%;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:box;box-pack:center;box-align:stretch}
.m_land .m_head .u_headImg img{width:100%;height:100%;display:block}
.m_land .m_head .u_viplevel{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;bottom:0;left:14px;width:42px;color:#fff;height:14px;display:block;font-size:12px;font-weight:700;text-align:center;border-radius:7px;z-index:2;background:#9ca3af;line-height:14px}
.m_land .m_head .u_viplevel--1{background:#65acb4}
.m_land .m_head .u_viplevel--2{background:#d073c1}
.m_land .m_head .u_viplevel--3{background:#acb600}
.m_land .m_head .u_viplevel--4{background:#209d6a}
.m_land .m_head .u_viplevel--5{background:#498bfd}
.m_land .m_head .u_viplevel--6{background:#ff548f}
.m_land .m_head .u_viplevel--7{background:#0895d0}
.m_land .m_head .u_viplevel--8{background:#ff5d13}
.m_land .m_head .u_viplevel--9{background:#f20015}
.m_land .m_head .u_viplevel--10{background:#9b34ff}
.m_land .m_user{margin-top:10px;text-align:center;color:#fff}
.m_land .m_user .u_line,.m_land .m_user a,.m_land .m_user span{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;vertical-align:middle}
.m_land .m_user .u_name{padding:0 5px;width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m_land .m_user a{color:#c6a665;padding:0 5px}
.m_land .m_user a:hover{color:#ffd600;text-decoration:underline}
.m_land .m_user .u_line{font-size:0;overflow:hidden;line-height:0;background:#54597d;height:13px;width:1px;overflow:hidden;margin:2px 15px 0}
.m_land .m_user .u_logined .u_line{margin:2px 3px 0}
.m_phoneGift{border-radius:0 0 10px 10px;padding:10px 20px 15px 20px;background:#11162d;border:#191e36 2px solid;text-align:center;border-top:none}
.u_btn--gift{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;width:100%;border-radius:8px;height:36px;font-weight:700;font-size:18px;margin-top:8px;text-align:center;-webkit-transition:all .2s;transition:all .2s;color:#23253a;background:#d5af58;background:-webkit-gradient(linear,left top,right top,from(#f5cd79),to(#d5af58));background:linear-gradient(to right,#f5cd79 0,#d5af58 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5cd79', endColorstr='#ffd5af58', GradientType=1)}
.u_btn--gift:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;filter:alpha(opacity=85)}
.u_btn--gift .u_icon--gift{margin:0 3px 0 0;display:inline-block;vertical-align:middle;font-size:24px}
.u_btn--gift .u_icon--gift:before{color:#23253a}
.u_btn--gift .u_txt{vertical-align:middle;display:inline-block}
.m_goodGames,.m_hotGames,.m_newGames{border-radius:10px 10px 10px 10px;border:#191e36 2px solid;margin-top:24px}
.m_goodGames .u_title,.m_hotGames .u_title,.m_newGames .u_title{background:-webkit-gradient(linear,right top,left top,color-stop(10%,#141a35),color-stop(60%,#0d1225));background:linear-gradient(270deg,#141a35 10%,#0d1225 60%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d1225', endColorstr='#ff141a35', GradientType=1);color:#fff;font-size:18px;font-weight:700;padding:10px 15px;border-bottom:#191e36 2px solid}
.m_goodGames .u_title .u_icon--good,.m_goodGames .u_title .u_icon--hot,.m_goodGames .u_title .u_icon--new,.m_hotGames .u_title .u_icon--good,.m_hotGames .u_title .u_icon--hot,.m_hotGames .u_title .u_icon--new,.m_newGames .u_title .u_icon--good,.m_newGames .u_title .u_icon--hot,.m_newGames .u_title .u_icon--new{font-size:24px;vertical-align:middle;display:inline-block;margin-right:5px}
.m_goodGames .u_title .u_icon--good:before,.m_goodGames .u_title .u_icon--hot:before,.m_goodGames .u_title .u_icon--new:before,.m_hotGames .u_title .u_icon--good:before,.m_hotGames .u_title .u_icon--hot:before,.m_hotGames .u_title .u_icon--new:before,.m_newGames .u_title .u_icon--good:before,.m_newGames .u_title .u_icon--hot:before,.m_newGames .u_title .u_icon--new:before{color:#f5cd79}
.m_goodGames .u_title .u_txt,.m_hotGames .u_title .u_txt,.m_newGames .u_title .u_txt{display:inline-block;vertical-align:middle}
.m_gameList{border-radius:0 0 10px 10px;padding:15px 20px;background:#0c1124}
.m_gameList .u_gameItem{margin-bottom:6px}
.m_gameList .u_gameItem .u_link{height:100%;width:100%;padding:2px 2px;border-radius:10px;overflow:hidden;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;vertical-align:middle;position:relative;color:#c4cbe1}
.m_gameList .u_gameItem .u_link:hover{background:#1b2642}
.m_gameList .u_gameItem.on .u_link{background:#3a3934;color:#f3cb77}
.m_gameList .u_gameItem.on .u_link .u_gameIcon{border:2px solid #6d684f}
.m_gameList .u_gameItem.on .u_link:before{content:'';position:absolute;bottom:0;left:0;width:5px;height:100%;background:#ffce5a}
.m_gameList .u_gameItem .u_gameIcon{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;border-radius:8px;padding:1px;width:38px;height:38px;overflow:hidden;background:#091018;border:2px solid #1e2545;vertical-align:middle;margin-left:7px}
.m_gameList .u_gameItem .u_gameIcon img{border-radius:6px;width:100%;height:100%;display:block}
.m_gameList .u_gameItem .u_name{vertical-align:middle;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;padding-left:10px;font-size:18px}
.m_gameShow{height:310px;width:100%;position:relative}
.u_gameImg{border-radius:10px;width:auto;height:310px;overflow:hidden}
.u_gameImg a{border-radius:10px;float:left;overflow:hidden;width:720px;height:310px}
.u_gameImg a img{width:100%;height:100%;display:block;-webkit-transition:all .2s;transition:all .2s}
.u_gameImg a:hover img{-webkit-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01)}
.m_gameData{position:absolute;top:0;right:0;height:272px;width:445px;overflow:hidden;border-radius:10px;padding:20px 15px 15px;background:#11162d;background:linear-gradient(190deg,#172241 10%,#11162d 60%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff172241', endColorstr='#ff11162d', GradientType=0);border:#191e36 2px solid}
.m_gameData .m_gameInfo{height:93px;width:445px}
.m_gameData .m_gameInfo .u_infoIcon{float:left;margin-right:10px;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;border-radius:18px;padding:1px;width:75px;height:75px;overflow:hidden;background:#091018;border:2px solid #303a69;vertical-align:middle;margin-left:7px}
.m_gameData .m_gameInfo .u_infoIcon img{border-radius:6px;width:100%;height:100%;display:block}
.m_gameData .m_gameInfo .m_gameContent{float:left}
.m_gameData .m_gameInfo .u_gameTitle{line-height:normal;font-size:22px;font-weight:700;color:#e9c26d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m_gameData .m_gameInfo .u_gameType .u_tag{padding-right:14px;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;position:relative}
.m_gameData .m_gameInfo .u_gameType .u_tag:not(:last-child):after{display:block;content:"";position:absolute;top:50%;background:#7e86a7;right:6px;margin-top:-1px;width:3px;height:3px;border-radius:50%}
.m_gameData .m_gameInfo .m_gameCode{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;margin-top:5px;clear:both;width:347px;height:20px;overflow:hidden}
.m_gameData .m_gameInfo .m_gameCode .u_tit{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;margin-right:5px;float:left;line-height:18px}
.m_gameData .m_gameInfo .m_codeBox{float:left;width:300px;overflow:hidden;height:20px}
.m_gameData .m_gameInfo .m_codeBox .u_btn--codeLeft{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;float:left;margin:0;*width:0;*height:0;*margin:5px 0 0 0;*border-top:6px solid transparent;*border-bottom:6px solid transparent;*border-right:8px solid #739deb}
.m_gameData .m_gameInfo .m_codeBox .u_btn--codeLeft .u_icon--left{font-size:12px}
.m_gameData .m_gameInfo .m_codeBox .u_btn--codeLeft .u_icon--left:before{color:#739deb}
.m_gameData .m_gameInfo .m_codeBox .u_btn--codeLeft:hover .u_icon--left:before{color:#6cc4ff}
.m_gameData .m_gameInfo .m_codeBox .u_btn--codeLeft.disabled .u_icon--left:before{color:#5f6166}
.m_gameData .m_gameInfo .m_codeBox .u_btn--codeRight{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;float:right;margin:0 3px 0 0;*width:0;*height:0;*margin:5px 0 0 0;*border-top:6px solid transparent;*border-bottom:6px solid transparent;*border-left:8px solid #739deb}
.m_gameData .m_gameInfo .m_codeBox .u_btn--codeRight .u_icon--right{font-size:12px}
.m_gameData .m_gameInfo .m_codeBox .u_btn--codeRight .u_icon--right:before{color:#739deb}
.m_gameData .m_gameInfo .m_codeBox .u_btn--codeRight:hover .u_icon--right:before{color:#6cc4ff}
.m_gameData .m_gameInfo .m_codeBox .u_btn--codeRight.disabled .u_icon--right:before{color:#5f6166}
.m_gameData .m_gameInfo .m_codeShow{width:273px;overflow:hidden;float:left;height:20px}
.m_gameData .m_gameInfo .u_codeItem{float:left;margin:0 2px;display:block;overflow:hidden;height:20px;border-radius:8px;background:#253663;width:87px}
.m_gameData .m_gameInfo .u_codeItem input{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;text-align:center;width:80px;float:left;margin:1px 0 0 3px;color:#799de0;font-size:14px;font-weight:700;background:0 0;border:none}
.m_gameData .u_gameDesc{background:#0c0e1b;border-radius:10px;margin:0 5px;height:82px;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;line-height:22px;text-align:center;border-radius:6px;font-size:15px;text-align:left;text-indent:2em;padding:10px 15px;overflow:hidden}
.m_gameData .u_gameDesc span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.m_gameData .u_btn--start{position:absolute;top:20px;right:20px;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;border-radius:8px;padding:0 22px;height:36px;line-height:34px;font-weight:700;font-size:18px;text-align:center;-webkit-transition:all .2s;transition:all .2s;color:#23253a;background:#d5af58;background:-webkit-gradient(linear,left top,right top,from(#f5cd79),to(#d5af58));background:linear-gradient(to right,#f5cd79 0,#d5af58 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5cd79', endColorstr='#ffd5af58', GradientType=1)}
.m_gameData .u_btn--start:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;filter:alpha(opacity=85)}
.m_history,.m_server{text-align:left;margin:12px 5px 0;height:26px}
.m_history .u_title,.m_server .u_title{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;line-height:normal;vertical-align:middle;margin-left:2px;float:left}
.m_history .u_title .u_icon--history,.m_history .u_title .u_icon--server,.m_server .u_title .u_icon--history,.m_server .u_title .u_icon--server{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;font-size:16px;vertical-align:middle}
.m_history .u_title .u_icon--history:before,.m_history .u_title .u_icon--server:before,.m_server .u_title .u_icon--history:before,.m_server .u_title .u_icon--server:before{color:#f5cd79}
.m_history .u_title .u_txt,.m_server .u_title .u_txt{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;font-size:16px;font-weight:700;color:#9ca3af;vertical-align:middle}
.m_history .m_serverBox,.m_server .m_serverBox{float:left;position:relative;width:347px}
.m_history .m_serverShow,.m_server .m_serverShow{display:inline-block;position:absolute;top:0;left:20px;height:25px;overflow:hidden;width:324px}
.m_history .u_btn--arrowLeft,.m_server .u_btn--arrowLeft{display:block;position:absolute;top:2px;left:5px;*width:0;*height:0;*margin:5px 0 0 0;*border-top:6px solid transparent;*border-bottom:6px solid transparent;*border-right:8px solid #739deb}
.m_history .u_btn--arrowLeft .u_icon--left,.m_server .u_btn--arrowLeft .u_icon--left{font-size:12px}
.m_history .u_btn--arrowLeft .u_icon--left:before,.m_server .u_btn--arrowLeft .u_icon--left:before{color:#739deb}
.m_history .u_btn--arrowLeft:hover .u_icon--left:before,.m_server .u_btn--arrowLeft:hover .u_icon--left:before{color:#6cc4ff}
.m_history .u_btn--arrowLeft.disabled .u_icon--left:before,.m_server .u_btn--arrowLeft.disabled .u_icon--left:before{color:#5f6166}
.m_history .u_btn--arrowRight,.m_server .u_btn--arrowRight{display:block;position:absolute;top:0;right:-3px;background:#11162d;height:26px;line-height:26px;*width:0;*height:0;*margin:5px 0 0 0;*border-top:6px solid transparent;*border-bottom:6px solid transparent;*border-left:8px solid #739deb;*background:0 0}
.m_history .u_btn--arrowRight .u_icon--right,.m_server .u_btn--arrowRight .u_icon--right{font-size:12px}
.m_history .u_btn--arrowRight .u_icon--right:before,.m_server .u_btn--arrowRight .u_icon--right:before{color:#739deb}
.m_history .u_btn--arrowRight:hover .u_icon--right:before,.m_server .u_btn--arrowRight:hover .u_icon--right:before{color:#6cc4ff}
.m_history .u_btn--arrowRight.disabled .u_icon--right:before,.m_server .u_btn--arrowRight.disabled .u_icon--right:before{color:#5f6166}
.m_history .m_serverList,.m_server .m_serverList{white-space:nowrap;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;min-width:100%}
.m_history .m_serverList .u_serverItem,.m_server .m_serverList .u_serverItem{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;margin:1px 7px 0 0;text-align:center;background:#2f2d30;padding:0 8px;line-height:24px;min-width:82px;height:24px;border-radius:8px}
.m_history .m_serverList .u_serverItem a,.m_server .m_serverList .u_serverItem a{color:#f5cd79;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;width:100%;*width:auto;overflow:hidden;text-align:center}
.m_history .m_serverList .u_serverItem:hover,.m_server .m_serverList .u_serverItem:hover{background:#dbb55e;border-radius:8px}
.m_history .m_serverList .u_serverItem:hover a,.m_server .m_serverList .u_serverItem:hover a{color:#000}
.m_task,.m_vip{clear:both;border-radius:10px 10px 10px 10px;border:#191e36 2px solid;margin-top:24px;background:#0c1124}
.m_task .u_title,.m_vip .u_title{background:-webkit-gradient(linear,right top,left top,color-stop(10%,#141a35),color-stop(60%,#0d1225));background:linear-gradient(270deg,#141a35 10%,#0d1225 60%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d1225', endColorstr='#ff141a35', GradientType=1);color:#fff;font-size:18px;font-weight:700;padding:10px 15px;border-bottom:#191e36 2px solid}
.m_task .u_title .u_icon--task,.m_task .u_title .u_icon--vip,.m_vip .u_title .u_icon--task,.m_vip .u_title .u_icon--vip{font-size:24px;vertical-align:middle;display:inline-block;margin-right:5px;margin-top:2px}
.m_task .u_title .u_icon--task:before,.m_task .u_title .u_icon--vip:before,.m_vip .u_title .u_icon--task:before,.m_vip .u_title .u_icon--vip:before{color:#f5cd79}
.m_task .u_title .u_txt,.m_vip .u_title .u_txt{display:inline-block;vertical-align:middle}
.m_taskList{text-align:center;padding-bottom:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
.m_taskList .u_taskItem {
    position: relative;
    text-align: left;
    width: 47.8%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: box;
    -webkit-box-orient: vertical;
    margin: 20px 8px 0;
    background: #151b36;
    min-height: 180px;
    display: inline-block\9;
    *display: inline;
    zoom: 1;
}

.m_taskList .u_icon--goal{position:absolute;top:0;left:20px;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;text-align:center}
.m_taskList .u_icon--goal:before{z-index:1;font-size:45px;height:55px;background-image:-webkit-gradient(linear,left top,right top,from(#5b6cce),to(#43519e));background-image:linear-gradient(to right,#5b6cce 0,#43519e 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5b6cce', endColorstr='#ff43519e', GradientType=1);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.m_taskList .u_taskNum{position:absolute;top:0;left:0;display:block;text-align:center;width:40px;z-index:2;line-height:60px;font-size:18px;font-weight:700;color:#fff}
.m_taskList .u_taskTitle{color:#fff;font-size:20px;font-weight:700;margin:15px 0 0 75px}
.m_taskList .u_taskReward {
    margin: 15px 20px 0;
    min-height: 40px;
    font-size: 16px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-flex: 1;
    padding-bottom: 70px;  /* 为底部进度条和文字留出空间 */
}

.m_taskList .u_taskProgress {
    margin: 15px 20px 0;
    height: 10px;
    background: #0c0e1a;
    border-radius: 5px;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 20px;
}

.m_taskList .u_taskProgress .u_progressBar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #507ff0;
    display: block;
    border-radius: 5px;
}

.m_taskPro {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 20px;
    color: #7e858f;
}

.m_taskPro .u_progressText{float:left;font-size:14px}
.m_taskPro .u_progressNum{float:right;font-size:14px}
.m_taskPro .u_line{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;vertical-align:middle;font-size:13px;font-weight:700}
.m_taskPro .u_num,.m_taskPro .u_total{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;vertical-align:middle}
.u_btn--task{position:absolute;top:15px;right:20px;display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;border-radius:8px;padding:0 52px;height:36px;line-height:34px;font-weight:700;font-size:18px;text-align:center;-webkit-transition:all .2s;transition:all .2s;color:#23253a;background:#d5af58;background:-webkit-gradient(linear,left top,right top,from(#f5cd79),to(#d5af58));background:linear-gradient(to right,#f5cd79 0,#d5af58 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5cd79', endColorstr='#ffd5af58', GradientType=1)}
.u_btn--task:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;filter:alpha(opacity=85)}
.m_vipList{text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;display:box;box-lines:single;box-pack:center;box-align:stretch}
.m_vipList .u_vipItem{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;overflow:hidden;position:relative;vertical-align:top;width:31.4%;margin:20px 8px;min-height:220px;background:#151b36;border-radius:5px;padding-bottom:30px;min-height:220px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;display:box;-webkit-box-orient:vertical;display:inline-block\9;*display:inline;zoom:1}
.m_vipList .u_vipIcon{-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg);position:absolute;top:5px;left:-22px;background:#5b6cce;background-image:-webkit-gradient(linear,left top,right top,from(#5b6cce),to(#43519e));background-image:linear-gradient(to right,#5b6cce 0,#43519e 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5b6cce', endColorstr='#ff43519e', GradientType=1);width:85px;height:25px;text-align:center}
.m_vipList .u_vipIcon .u_level{color:#fff;font-size:14px;font-weight:700;line-height:26px}
.m_vipList .u_vipIcon:before{display:none}
.m_vipList .u_vipTitle{color:#fff;font-size:20px;font-weight:700;margin:25px 0 0 0}
.m_vipContent{text-align:left;margin:20px 45px 0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;display:box;-webkit-box-orient:vertical}
.m_vipContent .u_txtItem{float:left;position:relative;margin-bottom:12px;width:100%}
.m_vipContent .u_icon--check{position:absolute;top:3px;left:0;*width:5px;*height:5px;*background:#30c403;*top:12px}
.m_vipContent .u_icon--check:before{font-size:10px;color:#30c403}
.m_vipContent .u_txt{float:left;margin-left:18px;line-height:24px;font-size:16px}
.m_vipBtn{clear:both;padding-top:15px;margin-top:auto}
.m_vipBtn .u_btn--vip{clear:both;display:block;margin:0 40px;border-radius:8px;height:36px;font-weight:700;line-height:36px;font-size:18px;text-align:center;-webkit-transition:all .2s;transition:all .2s;color:#23253a;background:#d5af58;background:-webkit-gradient(linear,left top,right top,from(#f5cd79),to(#d5af58));background:linear-gradient(to right,#f5cd79 0,#d5af58 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5cd79', endColorstr='#ffd5af58', GradientType=1)}
.m_vipBtn .u_btn--vip:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;filter:alpha(opacity=85)}
@media screen and (max-width:1500px){
body,html{min-width:1200px}
.g_cont{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px}
.g_rightSide{width:calc(100% - 276px)}
.m_gameData{-webkit-box-shadow:-10px 0 15px rgba(0,0,0,.8);box-shadow:-10px 0 15px rgba(0,0,0,.8)}
}
#g_pop{position:relative;z-index:100;display:none}
#g_pop .u_msglayer{position:fixed;_position:absolute;_clear:both;top:0;_top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=40);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";-moz-opacity:.4;-khtml-opacity:.4;opacity:.4;z-index:900}
#g_pop .m_msg{position:fixed;_position:absolute;left:50%;top:50%;_top:50%;z-index:1000;*z-index:1000}
#g_pop .u_msgclose{position:absolute;top:-20px;right:-58px;cursor:pointer;font-size:60px;line-height:1;color:#fad27c}
.m_msg--1{display:none}
.m_msg--2{display:none}
.m_msg--3{display:none}
.m_msg--4{display:none}
.m_msg--5{display:none}
.m_msg--6{display:none}
.m_msg--7{display:none}
.m_msg--8{display:none}
.m_msg--9{display:none}
.m_msg--10{display:none}
.m_msg--11{display:none}
.m_msg--12{display:none}
.m_msg--13{display:none}
.m_msg--14{display:none}
.m_msg--15{display:none}
.m_msg--16{display:none}
.m_msg--17{display:none}
.m_msg--18{display:none}
.m_msg--19{display:none}
.m_msg--20{display:none}
.m_msg--21{display:none}
.m_msg--1{display:block}
.m_msgbg1{width:550px;min-height:220px;background:#fff;border:8px solid #fad27c;border-radius:5px;margin:-146.66667px 0 0 -275px;padding-bottom:35px}
.u_msgtitle{font-size:28px;color:#455ab8;font-weight:700;text-align:center;margin:0 30px;font-family:microsoft yahei}
.m_msgbtns{width:100%;margin:20px 0 0;text-align:center}
.m_msgbtns .u_btn{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;border-radius:8px;padding:0 52px;height:36px;line-height:34px;font-weight:700;font-size:18px;text-align:center;-webkit-transition:all .2s;transition:all .2s;color:#23253a;background:#d5af58;background:-webkit-gradient(linear,left top,right top,from(#f5cd79),to(#d5af58));background:linear-gradient(to right,#f5cd79 0,#d5af58 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5cd79', endColorstr='#ffd5af58', GradientType=1)}
.m_msgbtns .u_btn:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";-moz-opacity:.85;-khtml-opacity:.85;opacity:.85;filter:alpha(opacity=85)}
.mgt--10{margin-top:10px}
.mgt--15{margin-top:15px}
.mgt--20{margin-top:20px}
.mgt--25{margin-top:25px}
.mgt--30{margin-top:30px}
.mgt--35{margin-top:35px}
.mgt--40{margin-top:40px}
.mgt--45{margin-top:45px}
.mgt--50{margin-top:50px}
.mgt--55{margin-top:55px}
.mgt--60{margin-top:60px}
.mgt--65{margin-top:65px}
.mgt--70{margin-top:70px}
.mgt--75{margin-top:75px}
.mgt--80{margin-top:80px}
.mgt--85{margin-top:85px}
.mgt--90{margin-top:90px}
.mgt--95{margin-top:95px}
.mgt--100{margin-top:100px}
.mgt--105{margin-top:105px}
.mgt--110{margin-top:110px}
.mgt--115{margin-top:115px}
.mgt--120{margin-top:120px}
.mgt--125{margin-top:125px}
.mgt--130{margin-top:130px}
.u_msgGift{font-weight:700;color:#b88a5c;font-size:18px;margin-left:30px;margin-right:30px;text-align:center}
.u_msgGift--copy{margin-top:20px;margin-bottom:40px}
.u_msgtxt{color:#373737;font-size:14px;margin-left:30px;margin-right:30px;text-align:center}
.u_msgtxt--copy{margin-top:20px;margin-bottom:40px}
.m_msgCode{width:400px;height:32px;margin:15px auto 0;background:#cfb683;border-radius:6px;overflow:hidden}
.m_msgCode .u_codeNum{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;float:left;font-size:18px;font-weight:700;text-align:center;color:#fff;width:300px;height:32px;line-height:32px}
.m_msgCode .u_copyBtn{display:inline-block;_zoom:1;*zoom:1;_display:inline;*display:inline;float:right;text-align:center;display:block;color:#fff;background:rgba(0,0,0,.2);width:100px;height:32px;line-height:32px;font-size:16px;font-weight:700;border-radius:0 6px 6px 0}
.m_msgCode .u_copyBtn:hover{background:rgba(0,0,0,.3)}
.u_mspTips{clear:both;text-align:left;font-size:14px;border-top:2px solid #f0f0f0;padding-top:10px;margin-right:50px;margin-left:50px;color:#373737}
.u_mspTips .u_msgTit{color:#000;font-weight:700}
.color--black{color:#141414}

/* Tab切换相关样式 */
.m_goodGames .u_gameItem .u_link {
    cursor: pointer;
}

.g_rightSide .self_game {
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}

.g_rightSide .self_game.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}