body {padding-top:35px;background:#444;color:#333;overflow:hidden;}
body.full {padding-top:0}
body.full .game-bar {display:none!important;}
.m-isolation2 {font-size:0}
.m-isolation2>* {position:relative;display:inline-block;padding:0 .8em;font-size:14px;text-align:center}
.m-isolation2>*:not(:first-child):after {content:"";position:absolute;top:50%;left:0;height:50%;transform:translateY(-50%);width:1px;height:11px;background:#43413a;opacity:.5}

.game-bar {position:fixed;top:0;left:0;width:100%;height:35px;background:#111;z-index:999;}
.game-bar .f-sub-body {top:35px;border:none;width:320px;padding:0;text-align:left;color:#333;overflow:hidden;}

.game-bar .area-info {float:left;height:100%;}
.game-bar .area-info>*,.game-bar .area-nav>* {float:left;line-height:35px;}
.game-bar .area-info>span,.game-bar .area-nav>span { color: #999; padding-left: 1em; }
.game-bar .logo {position:relative;float:left;padding-left:5px;width:160px;height:100%;border-right: 1px solid #222;font-size:0;line-height:35px;}
.game-bar .logo img {max-width:100px;max-height:35px;vertical-align:middle}
.game-bar .area-nav {float:right;}
.game-bar .area-nav>* {float:left;margin: 0 .6em;line-height:35px;}

.b-user {color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.b-user a {color:#68cffd; }
a.b-auth { color: #f63; text-decoration: underline; }
a.b-auth.ed { color: #3f0; text-decoration: none; }
a.b-box { color: #ffd579; padding-left: 20px; background: url(../image/g_down.gif) no-repeat 0 50%; }
a.b-pay {width:110px;height:35px;background:url(../image/g-pay.gif) no-repeat 50%;text-indent:-9999em;}
a.b-subjoin { width: 18px; height: 35px; background:url(http://www.374sy.com/themes/default/game/templ/static/img/icon_subjoin.png) no-repeat 0 50%; }
a.b-subjoin:hover { background-position: -18px 50%; }
.b-server .f-sub-hook {
	position: relative;
	padding: 0 30px 0 15px;
	color:#fff;
}
.b-server .f-sub-hook > span { color: #f60; }
.b-server .f-sub-hook:after,
.b-server .f-sub-hook:before {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -2px;
	border: 5px solid transparent;
	border-bottom: 0;
	border-top-color: #f60;
	content: '';
}
.b-server .f-sub-hook:before {
	margin-top: -4px;
	border-top-color: #282828;
	z-index: 1;
	content: none;
}
.b-server .f-sub-hook span { margin-left: .5em; }
.b-server .f-sub-body {
	width: 400px;
	padding: 15px;
	background: #282828;
	color: #ddd;
	border-radius: 0;
}
.b-server .f-sub-body dt {
	position: relative;
	margin-bottom: 15px;
	height: 16px;
	line-height: 16px;
}
.b-server .f-sub-body dt:after {
	position: absolute;
	top: 50%;
	left: 80px;
	right: 80px;
	height: 1px;
	background: #383838;
	content: '';
}
.b-server .f-sub-body dd {
	margin-left: -10px; 
	overflow: hidden; 
}
.b-server .f-sub-body dd a {
	float: left;
	display: block;
	margin: 0 0 10px 10px;
	width: 180px;
	background: #c15d1a;
	color: #fd5;
	line-height: 38px;
	text-align: center;
}
.b-server .f-sub-body dd a:hover {
	text-decoration: none;
	background-color: #eb7222;
	color: #ffdd57;
}
.b-server .f-sub-body dd a em { margin-right: 1em; }
.b-server:hover .f-sub-hook { background: #282828 }
.b-server:hover  .f-sub-hook:before { content: '' }

/* 侧栏 
------------------------------------------------------------ */
.game-main {
	position: fixed;
	top: 35px;
	left: 160px;
	right: 0;
	bottom: 0;
	transition: left .3s ease;
	z-index: 1;
}
.game-sidebar-hide .game-main { left: 0; }
.game-sidebar-hide .sidebar-hook { margin-left: 0; }
.game-sidebar-hide .game-sidebar { transform: translateX(-160px); left:-160px\9\0; }
.game-sidebar-hide .game-sidebar .toggle { right: -16px; background-position: -252px -230px; }
.game-sidebar-hide .game-sidebar .toggle:hover { background-position: -268px -230px; }

@media screen and (max-width:1280px) {
	.game-main { left: 0; }
	.game-sidebar, .sidebar-hook { display: none; }
}
@media screen and (max-width:800px) {
	.game-main { top: 0; }
	.game-bar { display: none; }
}
.sidebar-hook,
.game-sidebar .close,
.game-sidebar .toggle,
.game-sidebar .game-fun > .btn,
.game-sidebar .game-fun > .privilege-tabs > .btn,
.game-sidebar .game-fun > .f-sub-layer > .btn {
	background: url(../image/playbtns.png) no-repeat;
}
.sidebar-hook {
	margin-top: 6px;
	margin-left: -26px;
	width: 26px;
	height: 23px;
	background-position: 0 -230px;
	cursor: pointer;
	transition: margin-left .3s ease;
}
.sidebar-hook:hover { background-position: -26px -230px; }

.game-sidebar {
	position: fixed;
	z-index: 20;
	top: 35px;
	left: 0;
	bottom: 0;
	width: 160px;
	background: #181818;
	transition: transform .3s ease;
}
.game-sidebar .close {
	position: absolute;
	left: 140px;
	top: 0;
	width: 20px;
	height: 20px;
	background-position: -52px -230px;
	cursor: pointer;
}
.game-sidebar .close:hover { background-position: -72px -230px; }
.game-sidebar .toggle {
	position: absolute;
	top: 50%;
	right: -15px;
	margin-top: -51px;
	width: 16px;
	height: 102px;
	background-position: -220px -230px;
	cursor: pointer;
}
.game-sidebar .toggle:hover { background-position: -236px -230px; }
.game-sidebar .game-logo {
	display: block;
	width: 100%;
	margin: 20px 0 0;
	max-height: 68px;
	line-height: 68px;
	vertical-align: middle;
	overflow: hidden;
}
.game-sidebar .game-logo img {
	margin-left: -10px;
	width: 180px;
	vertical-align:middle
}
.game-sidebar .game-fun { 
	width: 160px;
	padding: 10px; 
}
.game-sidebar .game-fun > * {
	display: block;
	margin-bottom: 3px;
}
.game-sidebar .game-fun > .btn,
.game-sidebar .game-fun > .privilege-tabs > .btn,
.game-sidebar .game-fun > .f-sub-layer > .btn {
	display: block;
	margin: 0 -1px 3px;
	height: 38px;
	text-indent: -9999px;
	transition: none;
}
.game-sidebar .game-fun .btn.btn-index:hover { background-position: -142px 0; }
.game-sidebar .game-fun .btn.btn-gift { background-position: 0 -38px; }
.game-sidebar .game-fun .btn.btn-gift:hover { background-position: -142px -38px; }
.game-sidebar .game-fun .btn.btn-welfare { background-position: 0 -76px; }
.game-sidebar .game-fun .btn.btn-welfare:hover { background-position: -142px -76px; }
.game-sidebar .game-fun .btn.btn-client { background-position: 0 -114px; }
.game-sidebar .game-fun .btn.btn-client:hover { background-position: -142px -114px; }
.game-sidebar .game-fun .btn.btn-save { background-position: 0 -152px; }
.game-sidebar .game-fun .btn.btn-save:hover { background-position: -142px -152px; }
.game-sidebar .game-fun .btn.btn-qq { background-position: 0 -190px; }
.game-sidebar .game-fun .btn.btn-qq:hover { background-position: -142px -190px; }

.game-sidebar .game-service {
	width: 200px;
	padding: 5px;
	text-align: left;
}
.game-sidebar .game-service dt {
	font-size: 15px;
	color: #666;
}
.game-sidebar .game-service dt:not(:first-child) { margin-top: 10px; }
.game-sidebar .game-service p { 
	margin-top: 0.5em;
	padding-left: 2em; 
	color: #333;
}
.game-sidebar .game-service img {
	display: block;
	margin: 0 auto;
	width: 140px;
	height: 140px;
}
/* 特权内容 */
.game-sidebar.show { width: 900px; }
.game-sidebar.show .game-privilege-close,
.game-sidebar.show .game-privilege { display: block; }
.game-privilege-close { display: none; position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; line-height: 22px; font-size: 12px; background: #ed0000; color: #fff; }
.game-privilege-close:hover { background-color: #ff3737; }
.game-privilege { display: none; position: absolute; left: 160px; top: 0; bottom: 0; width: 740px; padding: 20px 0; background: #fff; box-sizing: border-box; }
.game-privilege > * { width: 700px; margin-left: 20px; }
.game-privilege .header { position: relative; padding: 20px 260px 20px 20px; background: #f3f3f3; }
.game-privilege .header h2 { line-height: 1; margin-bottom: 8px; font-size: 28px; font-weight: bold; color: #705cf4; }
.game-privilege .header .btn { position: absolute; right: 20px; top: 50%; margin-top: -26px; width: 182px; height: 53px; background: url(../image/box_download.png) no-repeat -182px 0; text-indent: -999em; }
.game-privilege .main { padding: 15px 0; }
.game-privilege .footer { text-align: center; }
.game-privilege .footer .btn { width: 72px; line-height: 32px; border: 1px solid #e3e3e3; background-color: #f3f3f3; }

.b-coupon ,
.b-herald {
	position: relative;
	padding: 5px;
	border: 1px solid #b82116;
	background: #8d0000;
	color: #ff0;
	font-size: 13px;
	border-radius: 3px;
	overflow: hidden;
}
.b-herald {
	padding: 5px 8px;
	border-color: #3fa300;
	background: #307b00;
	color: #ff0;
}
.b-coupon h3 {
	margin: 5px 0 .1em;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}
.b-coupon p {
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
.b-coupon a {
	display: block;
	margin: 10px auto;
	width: 80px;
	border: 1px solid #f6ce43;
	background: #eebd17;
	color: #470300;
	text-align: center;
	line-height: 24px;
	border-radius: 3px;
}
.b-coupon a:hover { background: #ffd545; }
.b-coupon dd {	
	margin: 0 -3px -3px;
	padding: 4px;
	background-color: #5a0000;
	color: #ffbd20;
	font-size: 12px;
	text-align: center;
	border-radius: 3px;
	white-space: nowrap;
}
/* 开服倒计时 
--------------------------------------------- */
.game-herald {position:fixed;left:0;top:0;right:0;bottom:0;background:#030303 url(http://www.374sy.com/themes/default/game/templ/static/img/bgsoon.jpg) no-repeat 50%;}
.game-herald .inner {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;height:490px;text-align:center;line-height:1.8;}
.game-herald .game {font-size:24px;color:#fff;}
.game-herald .server {font-size:44px;color:#f60;font-weight:bold;margin-bottom:-10px;}
.game-herald .tag {font-size:32px;color:#f60;}
.game-herald .timer {font-size:88px;color:#fc0;font-weight:bold;line-height:2;}
.game-herald .btn {border-radius:50px;background:#327609;color:#fff;margin:10px 5px;width:150px;padding:0;height:44px;line-height:44px;font-size:16px;}
.game-herald .btn.btn-game {background:#286597;}

.f-giftwrap {left:auto;left:220px;top:50px;width:280px;border-radius:5px;}
.f-giftwrap .decorate {position:relative;height:134px;z-index:1}
.f-giftwrap .decorate em {position:relative;display:block;height:100%;background:url(../image/head-gift.png) no-repeat 50% 100%;z-index:2}
.f-giftwrap .decorate:before {content:'';position:absolute;left:0;bottom:0;right:0;height:50px;border-radius:5px 5px 0 0;background:#ffd900;z-index:1}
.f-giftwrap .decorate:after {content:'';position:absolute;left:0;bottom:-30px;right:0;height:60px;border-radius:50% 50% 0 0;background:#fff;z-index:5}
.f-giftwrap .panel {position:relative;padding:1px 20px 30px;border-radius:5px;background:#fff;color:#333;z-index:2}
.f-giftwrap .panel .tit {margin-top:-25px;font-size:22px;line-height:2;text-align:center;border-bottom:1px solid #e9e9e9;}
.f-giftwrap .panel .label {display:block;margin:15px 0 2px; color:#999}
.f-giftwrap .panel .content {max-height:15em;overflow:hidden}
.f-giftwrap .panel .btn {margin-top:20px;width:100%;height:42px;padding:0;line-height:42px;font-size:16px;}
.f-giftwrap .panel .code {margin-top:5px;padding:0 15px;width:100%;height:42px;line-height:42px;background:#f0f0f0;border-radius:5px;}
.f-giftwrap .panel .code em {display:block;color:#f60;font-weight:bold;text-align:center;}
.f-giftwrap .panel .code+.btn {margin-top:5px;}
.f-giftwrap .btn-close {position:absolute;bottom:0;left:50%;transform:translate(-50%,100%);width:40px;height:64px;background:url(../image/close.png) no-repeat;cursor:pointer;}
.f-giftwrap .chose {position:relative;margin-bottom:10px;}
.f-giftwrap .chose p {position:relative;padding:0 15px;line-height:38px;font-size:16px;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;}
.f-giftwrap .chose p:before{content:"";position:absolute;top:50%;right:12px;margin-top:-4px;width:0;height:0;border:8px solid transparent;border-top-color:#d0d0d0;}
.f-giftwrap .chose ol {display:none;position:absolute;top:38px;left:0;width:100%;padding:5px;background:#fff;border:1px solid #e0e0e0;border-radius:5px;box-shadow:0 1px 8px -3px rgba(0,0,0,.1),0 2px 5px -5px rgba(0,0,0,.1)}
.f-giftwrap .chose li {padding:0 10px;line-height:32px;border-radius:5px;cursor:pointer;font-size:16px;}
.f-giftwrap .chose li:hover {background:#f6f6f6;color:#f60}
.f-giftwrap .chose.on ol {display: block;}
.f-giftwrap .panel [class^=single] {display:none}
.j-giftShow .f-giftwrap {display:block;opacity:1}

.f-paywrap {visibility:hidden;position:fixed;top:0;left:100%;bottom:0;width:650px;background:#fff;z-index:1100;transition:.3s ease}
.f-paywrap .layer-close {position:absolute;margin:auto;left:-20px;top:0;bottom:0;width:40px;height:60px;font-size:40px;text-align:center;*background:#ccc;background:#ccc\0;background:rgba(50,50,50,.8);color:#fff;cursor:pointer;z-index:15}
.f-paywrap .layer-close:hover {background:rgba(50,50,50,.6);color:#fff}
.f-paywrap.show {margin-left:-650px;visibility:visible;}
.pay-welfare {padding-top:20px;color:#333;height:100%;overflow-y:auto;}
.pay-welfare-hd h3 {margin:20px 0 40px;padding-left:20px;border-left:4px solid #ffd900;font-size:30px;line-height:1;}
.pay-welfare .m-tab-hook {margin:0 30px;font-size:0;border-bottom:2px solid #f30;}
.pay-welfare .m-tab-hook li {position: relative;display:inline-block;margin-right:2px;padding:5px 35px;text-align:center;font-size:20px;border:1px solid #e3e3e3;border-bottom:0;cursor: pointer;}
.pay-welfare .m-tab-hook li:hover {background-color:#f9f9f9;}
.pay-welfare .m-tab-hook li.z-underway:before {content:'';position: absolute;left:50%;top:-15px;width:75px;height:25px;background:url(../image/g-underway.gif) no-repeat;}
.pay-welfare .m-tab-hook li.cur,
.pay-welfare .m-tab-hook li.cur:hover {background-color:#f30;border-color:#f30;color:#fff}
.pay-welfare .m-tab-panel {padding:20px 30px;}
.m-tab-panel .tab-pane {display:none;}
.m-tab-panel .tab-pane.cur {display:block;}

.f-graybg { z-index: 1200; }
.f-dialog { z-index: 1201; }


/* 包服 
------------------------------------------------------------------- */
.game-private,
.game-title {
	position: absolute;
	top: 35px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000 url(http://www.374sy.com/themes/default/game/templ/static/img/bgserprivate.jpg) no-repeat 50% 0;
	text-align: center;
	color: #1e1816;
}
.game-private .inner {
	position: relative;
	margin: auto;
	padding-top: 190px;
	width: 720px;
	height: 100%;
	min-height: 650px;
	background: url(../image/bgserprivate_2.jpg) no-repeat 50% 0;		
}
.game-private .title { font-size: 24px; }
.game-private .title i {
	margin: 0 .5em;
	text-decoration: underline;
}
.game-private .time {
	margin-top: 15px;
	font-size: 16px;
	color: #991400;
	min-height: 1.5em;
}
.game-private .sername {
	margin-top: 22px;
	padding-top: 15px;
	height: 120px;
}
.game-private .sername h1 {
	font-size: 40px;
	font-weight: bold;
}
.game-private .form {
	padding-top: 30px;
	height: 122px;
	line-height: 40px;
}
.game-private .form input {
	margin: 0 10px;
	width: 150px;
	height: 40px;
	background: #67572e88;
	background: #67572e\0;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	border-radius: 50px;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,.4) 
}
.game-private .form button {
	width: 133px;
	height: 40px;
	border: 0;
	background: url(http://www.374sy.com/themes/default/game/templ/static/img/btn_ben.png) no-repeat;
	font-size: 18px;
	color: #6a592e;
	font-weight: bold;
}
.game-private .serremc dt { 
	margin-bottom: 20px;
	font-size: 18px;
}
.game-private .serremc a {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: auto;
	width: 600px;
	height: 40px;
	background: #d7ba6e55;
	background: #d7ba6e\0;
	border-radius: 5px;
	overflow: hidden;
}
.game-private .serremc a em {
	float: left\0;
	width: 33%\0;
}
.game-private .serremc a:hover { 
	background: #d7ba6ecc;
	background: #d7ba6e\0;
	text-decoration: none;
}

.game-title {	
	background-image: url(http://www.374sy.com/themes/default/game/templ/static/img/bgsertitle.jpg);
}
.game-title .rouleau {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -340px 0 0 -440px;
	padding-top: 110px;
	width: 881px;
	height: 586px;
	background: url(http://www.374sy.com/themes/default/game/templ/static/img/bgsertitle_1.png) no-repeat;
}
.game-title .sername {
	margin-bottom: 50px;
	font-size: 38px;
	font-weight: bold;
	color: #551171;
}
.game-title .msg {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 50px;
	width: 470px;
	height: 112px;
	font-size: 22px;
	color: #5f4c2c;
}
.game-title .title { 
	font-size: 18px;
	font-weight: bold;
}
.game-title .title i {
	margin: 0 .5em;
	text-decoration: underline;
}
.game-title .time {
	margin-top: 20px;
	font-size: 16px;
	color: #991400;
}
.game-title .timer {
	margin-top: 90px;
	color: #7d6c4a;
}
.game-title .timer em { margin: 0 .8em; }
.game-title .timer a {
	display: block;
	margin: 20px auto 0;
	width: 258px;
	height: 40px;
	background: url(http://www.374sy.com/themes/default/game/templ/static/img/btn_ben2.png) no-repeat;
	font-size: 18px;
	color: #968144;
	line-height: 40px;
}

/* 客户端充值浮动按钮
=============================================================== */
.m-side-btnpay {
	position: absolute;
	z-index: 20;
	right: 0;
	top: 50%;
	width: 38px;
	height: 136px;
	background: #000 url(http://www.374sy.com/themes/default/game/templ/static/img/g_pay.gif) no-repeat;
}
.m-side-btnpay>div {
    width: 38px;
    height: 38px;
    z-index: 1;
    cursor: move;
    margin: 0 auto;
}
.m-side-btnpay>a {
	display: block;
    width: 38px;
    height: 98px;
    margin: 0 auto;
    cursor: pointer;
    text-indent: -999em;
    overflow: hidden;
}

.f-fcm { z-index: 1400; }
.f-fcm .layer-close { color: #ccc; }
.f-fcm .layer-close:hover {color:#fff;background:linear-gradient(rgba(244,74,0,1),rgba(244,74,0,0))}
.f-fcm-header {
	padding: 12px 20px;
	color: #fc0;
	background: #191919;
	font-weight: bold;
}
.f-fcm-body {
	border: 2px solid #191919;
	width: 500px;
	background: #333;
	color: #aaa;
}
.f-fcm .desc {
	padding: 20px;
	color: #ff7200;
} 
.f-fcm .form-box .form-list {
    margin-bottom: 15px;
}
.f-fcm .form-box .form-control {
	height: 38px;
	border-color: #666;
	background: #444;
	color: #eee;
	border-radius: 0;
}
.f-fcm .form-box .col-form-txt { margin-top: -25px; }
.f-fcm .ui-coupon {
	margin: 5px 20px 20px;
	padding: 20px;
	background: #fff;
}
.f-fcm .ui-coupon > p {
	margin-bottom: .5em;
	color: #f60;
}
.ui-coupon .uc-list li {
	position: relative;
	cursor: pointer;
	padding: 12px 10px 12px 180px;
	border: 1px solid #e3e3e3;
}

.ui-coupon .uc-list .money {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	width: 165px;
	background: #fe4d64 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKBAMAAABh1eI9AAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMA97hgYrZGJwAAABtJREFUCNdjgABmRQZDFwYVFwYREAlkA0WAwgAfdAJb6WvFNAAAAABJRU5ErkJggg==) repeat-y 100% 0;	
	color: #fff;
	text-align: center;
}
.ui-coupon .uc-list .money:after {
	position: absolute;
	top: 50%;
	left: -7px;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 10em;
	content: '';
}
.ui-coupon .uc-list .money h2 {
	margin-top: 15px;
	font-size: 38px;
	line-height: 1;
	font-weight: bold;
}
.ui-coupon .uc-list .money h2:before {
	font-size: 20px;
	content: '￥';
}
.ui-coupon .uc-list .info {
	font-size: 12px;
	color: #777;
}
.ui-coupon .uc-list .info h2 {
	font-size: 18px;
	color: #333;
}
.ui-coupon .uc-list > p {
	padding: 15px;
	margin-bottom: 5px;
	border: 1px solid #e3e3e3;
	text-align: center;
}
.ui-coupon .uc-list li.disabled { cursor: default; }
.ui-coupon .uc-list li.disabled .money { background-color:#e0e0e0; }

/* 菜单
---------------------------------------------------------------- */
.g-helper-mini {
	position: fixed;
	right: 0;
	top: 50%;
	width: 38px;
	height: 140px;
	background: url(http://www.374sy.com/themes/default/game/templ/static/img/icon_menu.png) no-repeat 0 -30px;
	z-index: 501;
}
.g-helper-mini .g-helper-mini-move {
	width: 38px;
	height: 38px;
	cursor: move;
}
.g-helper-mini .g-helper-mini-pop {
	width: 38px;
	height: 100px;
	cursor: pointer;
}
.g-helper-max {
	position: fixed;
	right: 20px;
	top: 45%;
	margin-top: -200px;
	width: 127px;
	overflow: hidden;
	background: #262626;
	z-index: 500;
}
.g-helper-max h2{
	display: block;
	border: 1px solid #77302c;
	height: 30px;
	background: url(http://www.374sy.com/themes/default/game/templ/static/img/icon_menu.png) no-repeat -38px -30px;	
	color: #fff;
	text-indent: -999em;
}
.g-helper-max .menu {
	border-top: 1px solid #1a1a1a;
}
.g-helper-max .menu a {
	position: relative;
	display: block;
	padding-top: 30px;
	height: 57px;
	border-bottom: 1px solid #1a1a1a;
	font-size: 12px;
	text-align: center;
}
.g-helper-max .menu a:before {
	position: absolute;
	left: 50%;
	top: 5px;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	background: url(http://www.374sy.com/themes/default/game/templ/static/img/icon_menu.png) no-repeat;
	content: '';
}
.g-helper-max .menu a:hover {
	background-color: #333;
	text-decoration: none;
}
.g-helper-max .menu a.menu-my,
.g-helper-max .menu a.menu-change {
	float: left;	
	padding-top: 35px;
	width: 63px;
	height: 64px;	
}
.g-helper-max .menu a.menu-my {
	border-right: 1px solid #1a1a1a;
	color: #fc0;
}
.g-helper-max .menu a.menu-change {color: #33ce73;}
.g-helper-max .menu a.menu-change:before {background-position: -30px 0;}
.g-helper-max .menu a.menu-gift {
	clear: both;
	color: #ff6a5b;
}
.g-helper-max .menu a.menu-gift:before {background-position: -60px 0;}
.g-helper-max .menu a.menu-pay {color: #d36dfd;}
.g-helper-max .menu a.menu-pay:before {background-position: -90px 0;}
.g-helper-max .menu a.menu-download {color: #5cdcc5;}
.g-helper-max .menu a.menu-download:before {background-position: -120px 0;}
.g-helper-max .menu a.menu-save {color: #ffcc00;}
.g-helper-max .menu a.menu-save:before {background-position: -150px 0;}
.g-helper-max .menu a.menu-qq {color: #5cbefd;}
.g-helper-max .menu a.menu-qq:before {background-position: -180px 0;}
.g-helper-max .menu a.menu-close {
	background-color: #1a1a1a;
	padding: 5px 0;
	height: auto;
}
.g-helper-max .menu a.menu-close:before {content: none;}

/* 小号系统 */
.m-subjoin { margin: 20px; }
.m-subjoin .layui-elem-quote h2 { color: #f70; }
.m-subjoin dt { margin-top: -5px; font-size: 24px; color: #59c3fd; text-align: center; }
.m-subjoin dd { margin: 15px 0; text-align: center; font-size: 0; }
.m-subjoin .uitem { position: relative; overflow: hidden; display: inline-block; margin: 5px; width: 75px; height: 100px; border: 1px solid #484848; background: #3c3c3c; border-radius: 3px; font-size: 13px; color: #ccc; cursor: pointer; }
.m-subjoin .uitem i { position: absolute; margin-left: -24px; left: 50%; bottom: 32px; width: 48px; height: 48px; line-height: 24px; font-size: 18px; color: #3c3c3c; background: url(http://www.374sy.com/themes/default/game/templ/static/img/icon_subjoin_user.png?v=1) no-repeat; }
.m-subjoin .uitem em { position: absolute; left: 10px; right: 10px; bottom: 2px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-subjoin .uitem:hover { color: #eee; background: #444; }
.m-subjoin .uitem.add { border: 1px dashed #555; background: #363636; }
.m-subjoin .uitem.add:after, 
.m-subjoin .uitem.add:before { position: absolute; left: 50%; top: 50%; background-color: #555; content: ''; }
.m-subjoin .uitem.add:after { margin: -3px 0 0 -16px; width: 32px; height: 6px; }
.m-subjoin .uitem.add:before { margin: -16px 0 0 -3px; width: 6px; height: 32px; }
.m-subjoin .uitem.add:hover { background: #3c3c3c; border-color: #666; }
.m-subjoin .uitem.add:hover:after,.m-subjoin .uitem.add:hover:before { background: #666; }

.m-subjoin-form p { margin-top: 10px; font-size: 12px; color: #999; }
.game-sidebar-user, .game-sidebar-qrcode, .game-sidebar-herald {
    position: relative;
    padding: 5px;
    border: 1px solid #b82116;
    background: #8d0000;
    color: #ff0;
    font-size: 13px;
    border-radius: 3px;
    overflow: hidden;
}
.game-sidebar-qrcode h3 {
    margin: 5px 0 .2em;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}
.game-sidebar-qrcode img {
    width: 100%;
}
.game-sidebar-qrcode dd {
    margin: 5px -3px -3px;
    padding: 4px;
    background-color: #5a0000;
    color: #ffbd20;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
    white-space: nowrap;
}
.game-sidebar-qrcode p {
    color: #fff;
    text-align: center;
    white-space: nowrap;
}