html,body {
	height:100%;
	line-height:1.5;
	-webkit-tap-highlight-color:transparent;
	-moz-tap-highlight-color:transparent;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
body {
	background:#120e0b;
	color:#333
}
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,p,figure {
	margin:0;
	font-weight:normal
}
body,h1,h2,h3,input,button,select,textarea {
	font-family:'microsoft yahei',Arial,sans-serif;
	font-size:14px
}
input,button,select,textarea {
	border:0;
	outline:0
}
input,button,textarea,th,td,dt,dd,figure {
	padding:0
}
button {
	cursor:pointer
}
table {
	border-collapse:collapse;
	border-spacing:0
}
i,em,cite {
	font-style:normal
}
ul,ol {
	padding:0;
	list-style:none
}
img {
	vertical-align:top;
	border:0
}
a {
	text-decoration:none;
	color:inherit
}
* {
	box-sizing:border-box
}
.clearfix:after,.clearfix:before {
	content:" ";
	clear:both;
	display:table
}
.fl {
	float:left;
	display:inline
}
.fr {
	float:right;
	display:inline
}
.hide {
	display:none
}
.show {
	display:block
}
.btn {
	opacity:.85
}
.btn:hover {
	opacity:1
}
.bt-welfare .contetn li.f3 a,.bt-login .form-simplify .lr .inputbox,.form-simplify .btn-submit,.login_method_box .btn {
	background:url(../images/sp.png) no-repeat 0
}
.page {
	position:relative;
	height:100%;
	min-height:840px;
	padding:1px 0 70px;
	background:no-repeat 50% 0
}
.page .footer {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:70px;
	text-align:center;
	color:#6b675e
}
.game-logo {
	position:relative;
	width:330px;
	height:125px
}
.game-logo img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%)
}
@media screen and (max-width:1450px) {
	.m-sidenav {
	display:none
}
}.m-sidenav {
	position:fixed;
	left:0;
	top:60px
}
.m-sidenav .tab-hook {
	font-size:0;
	border-bottom:2px solid #a71f0e
}
.m-sidenav .tab-hook li {
	display:inline-block;
	width:110px;
	height:42px;
	background:#513936;
	cursor:pointer;
	font-size:16px;
	line-height:42px;
	text-align:center;
	color:#bfaa97;
	border-radius:3px 3px 0 0
}
.m-sidenav .tab-hook li.active {
	background:#a71f0e;
	color:#fff
}
.m-sidenav .tab-panel {
	background:#fffddf
}
.m-sidenav .tab-panel .pane {
	display:none
}
.m-sidenav .tab-panel .pane>p {
	padding:10px 0;
	text-align:center
}
.m-sidenav .lists {
	min-height:525px
}
.m-sidenav .lists a {
	position:relative;
	display:block;
	height:35px;
	border-bottom:1px solid #ffe48a;
	background:#fffbb8;
	line-height:34px;
	font-size:13px
}
.m-sidenav .lists a.now {
	background:#fff96d
}
.m-sidenav .lists a>em {
	float:left;
	padding:0 6px;
	max-width:130px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.m-sidenav .lists a.top>em {
	padding-right:16px;
	background:url(../images/g_top.gif) no-repeat 100% 50%
}
.m-sidenav .lists a.hot>em {
	padding-right:17px;
	background:url(../images/g_hot.gif) no-repeat 100% 50%
}
.m-sidenav .lists a>span {
	float:right;
	width:85px;
	border-left:1px solid #ffe48a;
	text-align:center;
	color:#f33;
	overflow-y:hidden
}
.m-sidenav .lists a>i {
	display:none;
	position:absolute;
	right:4px;
	top:4px;
	width:76px;
	height:26px;
	background:#008de6;
	color:#fff;
	text-align:center;
	line-height:26px;
	border-radius:3px
}
.m-sidenav .lists a:hover {
	background:#fffddf
}
.m-sidenav .lists a:hover>span:before {
	text-indent:-9999em
}
.m-sidenav .lists a:hover>i {
	display:block
}
.m-sidenav .pages {
	background:#d6c384;
	padding:8px;
	text-align:center
}
.m-sidenav .pages>* {
	display:inline-block;
	cursor:pointer;
	margin:0 1px;
	padding:0 .5em;
	border:1px solid #b18934;
	color:#5e3c09;
	font-size:13px;
	vertical-align:middle;
	border-radius:2px
}
.m-sidenav .pages>*.cur,.m-sidenav .pages>*.cur:hover {
	border-color:#65400a;
	background:#744c11;
	color:#fff999
}
.wrap {
	width:1100px;
	margin:auto
}
.bt-login {
	float:right;
	position:relative;
	width:720px;
	min-height:660px;
	background:url(../images/tg_btlogin.png) no-repeat;
	overflow:hidden;
	z-index:2
}
.bt-login .form-simplify {
	margin:195px 0 0;
	width:504px
}
.bt-login .form-simplify .tipbox {
	height:34px;
	line-height:34px;
	color:#f20;
	text-align:center
}
.bt-login .form-simplify .lr {
	overflow:hidden;
	height:58px;
	line-height:34px
}
.bt-login .form-simplify .lr label {
	display:none
}
.bt-login .form-simplify .lr .inputbox {
	margin:auto;
	padding:4px 4px 4px 42px;
	width:250px;
	height:42px;
	background-position:0 0;
	overflow:hidden
}
.bt-login .form-simplify .lr .inputbox pwd {
	background-position:0 -42px
}
.bt-login .form-simplify .lr .inputbox input {
	border:0;
	background:0;
	display:block;
	padding:0 10px;
	line-height:34px;
	font-size:15px;
	color:#f9e4bd
}
.bt-login .form-simplify .btn-submit {
	display:block;
	border:0;
	margin:10px auto;
	width:185px;
	height:53px;
	background-position:0 -85px;
	overflow:hidden
}
.login_method_box {
	margin-top:15px;
	text-align:center;
	font-size:0
}
.login_method_box .btn {
	width:99px;
	display:inline-block;
	margin:0 5px;
	height:31px;
	text-indent:-9999em;
	overflow:hidden
}
.login_method_box .qq_login {
	background-position:0 -138px
}
.login_method_box .wx_login {
	background-position:0 -169px
}
.bt-slogan {
	position:absolute;
	top:500px;
	left:60px;
	width:362px;
	height:160px;
	background:url(../images/tg_btslogan.png) no-repeat 50% 0
}
.bt-welfare {
	float:left;
	width:370px;
	min-height:701px;
	background:url(../images/tg_btwelfare.png) no-repeat 50% 0;
	z-index:2
}
.bt-welfare .game-logo {
	margin:30px auto 0
}
.bt-welfare .contetn {
	margin:0 auto;
	width:300px;
	text-align:center;
	font-size:16px;
	color:#fff
}
.bt-welfare .contetn h2 {
	display:none
}
.bt-welfare .contetn li {
	padding-top:50px;
	min-height:115px
}
.bt-welfare .contetn li.f1 p {
	font-weight:bold;
	font-size:34px;
	line-height:1
}
.bt-welfare .contetn li.f2 p {
	display:-webkit-box;
	margin-bottom:1em;
	min-height:4.5em;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden
}
.bt-welfare .contetn li.f2 a {
	color:#9f0;
	text-decoration:underline
}
.bt-welfare .contetn li.f3 {
	padding-top:30px
}
.bt-welfare .contetn li.f3 a {
	display:block;
	margin:0 auto;
	width:150px;
	height:150px;
	background-position:-100px -138px;
	text-indent:-9999em
}
.f-dialog .layui-layer-title {
	background:#a71f0e;
	color:#fff;
	font-size:16px;
	text-align:center
}
.f-dialog .layui-layer-content {
	padding:20px 30px
}
.f-dialog .layui-layer-setwin {
	right:0;
	top:0
}
.f-dialog .layui-layer-setwin .layui-layer-close {
	display:block;
	width:42px;
	height:42px;
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAgMAAABGXkYxAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAYKBJXQyRAAAAZklEQVQY0z2QwQ2AMAhFv6eO4cVB3EwXcwdHcAg9Gs2D5DUtgfJaPmQJa9pzlDOubCvOfLITwnGDvH06AiKPIeC601iQggoBAgF6QIA+kIJAdEwJ+9wPLWFRZShMqYq3HRu0ZYfwA94nMvtid7ZGAAAAAElFTkSuQmCC) no-repeat 50% 50%;
	background-size:40%
}
.m-welfare {
	position:relative;
	margin-top:-20px;
	padding-left:50px;
	font-size:16px;
	text-align:left
}
.m-welfare:before {
	position:absolute;
	z-index:1;
	top:0;
	left:17px;
	width:2px;
	height:100%;
	background:#eee;
	content:''
}
.m-welfare .m-art-block {
	position:relative;
	z-index:2
}
.m-welfare .block-hd {
	position:relative;
	margin-left:-50px;
	padding:25px 0 20px 32px;
	background:#fff;
	line-height:20px;
	font-size:20px
}
.m-welfare .block-hd:before {
	position:absolute;
	left:0;
	width:20px;
	height:20px;
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAM1BMVEUAAABERERERERERERAQEBCQkJDQ0NDQ0NDQ0NDQ0NFRUVAQEBDQ0NERERERERDQ0NERESxc8N6AAAAEHRSTlMAwECAIGDv4KCfMBCvj3BvFbjdiwAAAIFJREFUKM/t0kkOwyAQRFE3Bc3gDHX/06aRQYqj9iJK5JXfCvSZFixnSMpb3Iaxkvd9DeyqLVgru7TLIGIhCShZIlg+s50qNNL6VN7uBYRZjJIqJjMD4/zGA208K8ORGUaWxSFX/kNen9gkNydO/u7H3P3d3SoOHTnywPzYwWX1Ry+e3AoFhmvvdAAAAABJRU5ErkJggg==) no-repeat;
	background-size:cover;
	content:''
}
.m-welfare .block-hd .more {
	float:right;
	font-size:13px;
	line-height:32px;
	font-weight:normal;
	color:#666
}
.m-welfare .dl {
	display:flex;
	margin-bottom:5px
}
.m-welfare .dt {
	margin-right:.5em;
	color:#888
}
.m-welfare .dd {
	flex:1
}
.m-tabel {
	margin:10px 0;
	border:2px solid #cb4242;
	background:#fff;
	font-size:14px
}
.m-tabel th,.m-tabel td {
	padding:8px 12px;
	border:1px solid #f3b6b6
}
.m-tabel th {
	border-color:#c53535;
	background:#cb4242;
	color:#fff;
	white-space:nowrap
}
.m-tabel tbody tr:nth-child(even) td {
	background:#ffebeb
}
.of-login {
	position:relative;
	margin:80px auto 0;
	padding-top:120px;
	width:571px;
	min-height:577px;
	background:url(../images/tg_oflogin.png) no-repeat
}
.of-login .game-logo {
	position:absolute;
	left:50%;
	top:-40px;
	margin-left:-165px
}
.of-login .game-rebate {
	min-height:60px;
	font-size:18px;
	color:#0072ff;
	font-weight:bold;
	text-align:center
}
.of-login .form-simplify {
	margin:auto;
	width:420px
}
.of-login .form-simplify .tipbox {
	height:40px;
	color:#f20;
	font-size:16px;
	font-weight:bold;
	text-align:center
}
.of-login .form-simplify .lr {
	overflow:hidden;
	height:60px;
	line-height:40px
}
.of-login .form-simplify .lr label {
	float:left;
	margin-right:1em;
	width:100px;
	text-align:right;
	font-size:18px;
	font-weight:bold;
	color:#332
}
.of-login .form-simplify .lr .inputbox {
	float:left;
	margin-right:1em;
	width:260px;
	height:40px;
	border:1px solid #e8d8b7;
	background:#fff;
	overflow:hidden;
	border-radius:4px
}
.of-login .form-simplify .lr .inputbox input {
	border:0;
	background:0;
	display:block;
	padding:0 12px;
	line-height:38px;
	font-size:16px;
	color:#333
}
.of-login .form-simplify .btn-submit {
	display:block;
	border:0;
	margin:10px auto 30px;
	width:227px;
	height:68px;
	background-position:0 -300px;
	overflow:hidden
}
.bt-login .form-simplify .tk {
    text-align: center;
    color: #eee;
    font-size: 12px;
}
.bt-login .form-simplify .tk a { color: #f30; text-decoration: underline; }