body {
	background: #f3f3f3;
	color: #333
}

.btn-hover {
	position: relative
}

.btn-hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0);
	transition: background .2s ease
}

.btn-hover:hover:before {
	background: rgba(255,255,255,.15)
}

.btn-less {
	position: relative;
	color: #fff;
	background: #c2a060;
	border-radius: 0
}

.btn-less:before {
	content: '';
	position: absolute;
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	border: 1px solid rgba(255,255,255,.15)
}

.btn-less:hover {
	background: #ddb872
}

.btn-green {
	border: 1px solid #859b63;
	color: #fff;
	background: #8da26d;
	border-radius: 0
}

.btn-green:hover {
	background: #93a872
}

.z-fixed {
	position: fixed!important;
	z-index: 100
}

.g-inner {
	margin-top: 0!important;
	width: 1140px
}

.g-wrapper {
	padding-bottom: 90px
}

.g-wrapper>.g-header {
	height: 40px;
	line-height: 40px;
	background: #121212;
	color: #e3e3e3
}

.g-wrapper>.g-header .logo img {
	vertical-align: middle;
	margin: -3px 20px 0 0;
	max-height: 38px
}

.g-wrapper>.g-main>.g-parse {
	margin-bottom: 30px
}

.g-wrapper>.g-footer {
	padding: 20px 0;
	height: auto;
	height: 90px;
	color: #999;
	background: #222;
	text-align: center;
	z-index: 50
}

.g-wrapper>.g-footer .g-inner {
	padding-top: 0
}

.page-webindex {
	padding: 300px 0 30px;
	background: #f3f3f3 no-repeat 50% 0
}

.m-pane {
	padding: 30px 40px;
	margin-bottom: 10px;
	background: #fff
}

.m-pane-hd {
	position: relative;
	margin: -10px 0 20px;
	border-bottom: 1px solid #e9e9e9;
	text-align: center
}

.m-pane-hd h3 {
	display: inline-block;
	margin-bottom: -1px;
	padding: 0 10px 10px;
	font-size: 20px;
	border-bottom: 2px solid #ffd900
}

.g-parse>.aside {
	float: left;
	width: 320px
}

.g-parse>.aside>.m-pane:last-child {
	margin-bottom: 0
}

.g-parse>.section {
	position: relative;
	float: right;
	width: 800px
}

.g-parse>.section>.m-pane {
	position: relative;
	padding-bottom: 40px;
	margin-bottom: 0;
	z-index: 10
}

.g-parse>.section>img {
	position: absolute;
	top: 150px;
	z-index: 1
}

.page-webindex .m-welfare {
	margin-left: -15px
}

.m-art-block.j-index-hide {
	display: none
}

.btn-start {
	position: relative;
	display: block;
	overflow: hidden;
	height: 100px;
	border-bottom: 5px solid #b33b3b;
	background: linear-gradient(to left,#d16845,#cb4242);
	font-size: 32px;
	font-weight: bold;
	line-height: 95px;
	color: #fff;
	text-align: center
}

.btn-start:after {
	position: absolute;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	border: 1px solid rgba(255,255,255,.15);
	content: ''
}

.btn-start:before {
	position: absolute;
	left: -100px;
	top: 0;
	width: 70px;
	height: 95px;
	background: rgba(255,255,255,.15);
	transform: skewX(-30deg);
	content: ''
}

.btn-start:hover:before {
	left: 110%;
	transition: .9s ease
}

.btn-gift {
	display: block;
	margin: auto;
	width: 240px;
	height: 72px;
	background: url(../img/btn_gift.png) no-repeat;
	text-indent: -9999em
}

.m-pane-user {
	background: #fff;
	margin-bottom: 10px;
	padding-bottom: 30px
}

.m-userlogin .m-login-form {
	padding: 20px 40px
}

.m-userlogin .m-login-form .tab-nav {
	display: none
}

.m-userlogin .m-login-form .form-link {
	padding: 15px 0 0
}

.m-userlogin .m-login-form .colsaide>a {
	float: right;
	font-size: 14px
}

.m-userlogin .m-third-login {
	float: left
}

.m-userlogin .m-third-login p {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle
}

.m-userlogin .m-third-login a {
	font-size: 24px;
	line-height: 1
}

.m-userlogin .m-third-login a:hover {
	text-decoration: none
}

.m-userlogin .breginfo {
	background: #f9edd7 url(../img/wave.png) no-repeat 0 100%;
	background-size: 100%;
	padding: 15px 20px 0;
	height: 105px;
	color: #333
}

.m-userlogin .regphot img {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	border: 3px solid #f6ead5
}

.m-userlogin .oftop {
	height: 70px;
	margin-left: 85px;
	padding-top: 5px
}

.m-userlogin .oftop .ofusers {
	font-size: 16px;
	font-weight: bold
}

.m-userlogin .oftop p {
	margin-top: 10px;
	font-size: 13px
}

.m-userlogin .logmybox {
	padding: 5px 20px 30px
}

.m-userlogin .logmytit {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 36px;
	border-bottom: 1px dotted #e0e0e0
}

.m-userlogin .logmycon a {
	display: block;
	padding: 0 8px 0 15px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #333;
	border-radius: 5px;
	overflow: hidden
}

.m-userlogin .logmycon a:hover {
	background: #f8f0e4;
	color: #000
}

.m-userlogin .logmycon a i {
	font-size: 12px;
	opacity: .6
}

.m-userlogin .logmycon .empty {
	padding: 15px 0;
	color: #ccc;
	text-align: center
}

.m-custom p {
	padding: 5px 0;
	border-bottom: 1px dotted #e9e9e9
}

.m-custom p:last-child {
	border-bottom: 0
}

.m-custom p label {
	display: inline-block;
	width: 72px
}

.m-custom .btn {
	display: block;
	margin-bottom: 15px;
	padding: 6px 0;
	font-size: 16px;
	background: #cb4242;
	color: #fff;
	border-radius: 3px
}

.m-custom .f-sub-hook {
	color: #51c332
}

.m-custom .f-sub-body img {
	width: 100px;
	height: 100px
}

.m-custom .f-sub-body {
	right: -120px;
	top: 50%;
	transform: translateY(-50%)
}

.m-new-game a {
	position: relative;
	display: block;
	margin: 0 -10px;
	padding-top: 56%;
	overflow: hidden
}

.m-new-game a:not(:last-child) {
	margin-bottom: 10px
}

.m-new-game a span {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px 10px;
	background: rgba(0,0,0,.65);
	color: #fff;
	text-align: center
}

.m-new-game a em {
	margin-left: .5em;
	color: #f60
}

.m-new-game a img {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%
}

.m-game-retio {
	position: relative;
	height: 100px;
	background: rgba(14,13,12,.8);
	color: #fff
}

.m-game-retio:before {
	position: absolute;
	left: -1px;
	top: 50%;
	margin-top: -18px;
	width: 6px;
	height: 36px;
	background: #cb4242;
	content: ''
}

.m-game-retio p {
	float: left;
	padding: 20px 0 0 30px;
	font-size: 30px;
	line-height: 60px;
	color: #fff09a
}

.m-game-retio .btn {
	position: relative;
	float: right;
	margin: 20px 15px 0 0;
	padding: 0 1.2em;
	font-size: 22px;
	line-height: 60px;
	transition: none
}

.m-game-retio .btn:before {
	position: absolute;
	left: 3px;
	top: 3px;
	right: 3px;
	bottom: 3px;
	border: 1px solid rgba(255,255,255,.3);
	content: ''
}

.m-game-retio .btn i {
	margin-right: .5em
}

.m-game-retio .btn-pay {
	background: #ffc600\0;
	background: linear-gradient(to right,#ffd900,#ffc000);
	color: #b33b3b
}

.m-game-retio .btn-pay:hover {
	background: #ffe23c
}

.m-game-retio .btn-download {
	margin-right: -10px;
	background: #cb4242\0;
	background: linear-gradient(to right,#e3594b,#cb4242)
}

.m-game-retio .btn-download:hover {
	background: #e95252
}

.m-game-retio .btn-download:before {
	opacity: .4
}

.m-game-retio .btn-download:after {
	position: absolute;
	right: 0;
	bottom: -6px;
	border: solid transparent;
	border-width: 6px 10px 0 0;
	border-top-color: #a93333;
	content: ''
}

.m-game-week {
	position: relative;
	padding: 10px 0;
	background: #f8f0e4;
	z-index: 10
}

.m-game-week>p {
	padding: 0 20px;
	height: 40px;
	line-height: 40px
}

.m-game-week>p i {
	margin: 0 .5em;
	color: #999;
	font-size: 12px
}

.m-game-week li {
	position: relative;
	float: left;
	margin-left: 8px;
	width: 105px;
	line-height: 40px;
	padding-left: 38px;
	background: #fff;
	cursor: default;
	color: #9d9485;
	border-radius: 3px
}

.m-game-week li:before {
	position: absolute;
	z-index: 1;
	margin: auto;
	top: 0;
	left: 12px;
	bottom: 0;
	width: 18px;
	height: 18px;
	background: #f8f0e4;
	color: #cb4242;
	font-family: 'iconfont';
	line-height: 18px;
	text-align: center;
	border-radius: 3px;
	content: ''
}

.m-game-week li.on {
	background: #cb4242;
	color: #fff;
	white-space: nowrap;
	transition: background .2s ease
}

.m-game-week li.on:before {
	background: #fff;
	content: '\ebe6'
}

.m-game-week li.on:hover {
	background: #e3594b
}

.m-game-week .f-sub-layer .f-sub-body em {
	display: block;
	font-size: 16px;
	color: #cb4242
}

.m-game-week .f-sub-layer .f-sub-body,.m-game-week .f-sub-layer .f-sub-body>i:before {
	top: -6px;
	border: 0;
	white-space: nowrap
}

.m-active-plate .block-hd,.m-active-plate .block-hd:before {
	color: #cb4242
}

.m-active-plate .ui-select ol li {
	width: 150px
}

.m-active-plate .choseser .label {
	float: left;
	margin-right: .5em;
	line-height: 42px
}

.m-active-plate .choseser .servers {
	position: relative
}

.m-active-plate .choseser .info {
	float: right;
	padding: 0 15px;
	width: 430px;
	border: 1px solid #eee0cb;
	color: #888;
	background: #f8f0e4;
	font-size: 13px;
	line-height: 40px;
	border-radius: 5px
}

.m-active-plate .choseser .info.role {
	background: #f3ffe2;
	border: 1px solid #d4f2aa
}

.m-active-plate .choseser .info.role p * {
	float: left
}

.m-active-plate .choseser .info.role p em {
	margin-right: .6em;
	color: #222
}

.m-active-plate .choseser .info.role p em.name {
	max-width: 7em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m-active-plate .ranks {
	margin: 15px 0 0 -10px
}

.m-active-plate .ranks dl {
	float: left;
	padding-left: 10px;
	width: 100%
}

.m-active-plate .ranks.col2 dl {
	width: 50%
}

.m-active-plate .ranks dt {
	margin-top: 5px;
	font-size: 18px;
	height: 40px
}

.m-active-plate .ranks dt em {
	margin-right: 1em;
	font-weight: bold
}

.m-active-plate .ranks dt em i {
	margin-right: .2em;
	font-size: 22px;
	color: #0078ff
}

.m-active-plate table {
	width: 100%;
	background: #fff;
	font-size: 12px;
	text-align: center
}

.m-active-plate table th,.m-active-plate table td {
	position: relative;
	padding: 8px 4px;
	border: 1px solid #e3e3e3
}

.m-active-plate table th {
	background: #f3f3f3;
	color: #666;
	font-weight: normal;
	white-space: nowrap
}

.m-active-plate table td {
	height: 40px;
	vertical-align: middle
}

.m-active-plate table tbody tr:nth-child(even) td {
	background: #f9f9f9
}

.m-active-plate table .btn {
	width: 4.2em;
	line-height: 20px;
	border-radius: 3px
}

.m-active-plate .explain {
	margin: 10px 0;
	padding: 10px 15px;
	border-radius: 5px;
	background: #f9f9f9;
	font-size: 13px
}

.m-active-plate .btnbar .btn {
	padding: 0 2em;
	background: #0078ff;
	color: #fff;
	font-size: 18px;
	line-height: 2.6;
	border-radius: 3px
}

.m-active-plate .coupon {
	position: relative;
	cursor: pointer;
	padding-right: 18px;
	background: url("../img/quan.png ") no-repeat 100% 50%;
}

.m-active-plate .coupon:hover {
	text-decoration: underline
}

.m-active-plate .coupon:hover+.coupon-tip {
	display: block
}

.m-active-plate .coupon-tip {
	position: absolute;
	display: none;
	left: 100%;
	top: -32px;
	padding: 12px;
	border: 2px solid #ff7575;
	background: #fff9dd;
	z-index: 100
}

.m-active-plate .coupon-tip:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-right: 8px solid #ff7575;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	position: absolute;
	left: -8px;
	top: 43px
}

.m-active-plate .coupon-tip:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-right: 6px solid #fff9dd;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	position: absolute;
	left: -6px;
	top: 45px
}

.m-active-plate .coupon-tip .card {
	position: relative;
	padding: 8px 10px 8px 120px;
	width: 270px;
	background: #fff;
	text-align: left;
	box-shadow: 1px 1px 10px rgba(0,0,0,.15);
	border-radius: 5px
}

.m-active-plate .coupon-tip .money {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 110px;
	background: #fe4d64 url("../img/quan1.png") repeat-y 100% 0;color: #fff;
	text-align: center;
	border-radius: 5px 0 0 5px
}

.m-active-plate .coupon-tip .money:after {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	width: 5px;
	height: 10px;
	background: #f0ead0;
	border-radius: 0 10em 10em 0;
	content: ''
}

.m-active-plate .coupon-tip .money h2 {
	margin-top: 15px;
	font-size: 28px;
	line-height: 1;
	font-weight: bold
}

.m-active-plate .coupon-tip .money h2:before {
	font-size: 18px;
	content: '￥'
}

.m-active-plate .coupon-tip .info {
	font-size: 12px;
	color: #777
}

.m-active-plate .coupon-tip .info h2 {
	font-size: 16px;
	color: #333
}

.m-active-plate .coupon-tip .state {
	margin-top: 10px;
	width: 100%;
	text-align: left
}

.m-art-list {
	font-size: 16px
}

.m-art-list li {
	position: relative;
	padding: .5em 0;
	border-bottom: 1px dotted #e3e3e3;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.m-art-list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background: #e9e9e9;
	border-radius: 50%
}

.m-art-list li:hover:before {
	background: #ccc
}

.m-art-list a {
	padding-left: .8em
}

.m-art-list a:hover {
	text-decoration: underline;
	color: #f60
}

.m-art-list em {
	float: right;
	font-size: 13px;
	line-height: 1.8;
	color: #bbb
}

.m-art-list .top-pay {
	background: #ff0;
	color: #f00;
	font-weight: bold;
	padding-right: .5em
}

.m-game-empty {
	color: #999;
	text-align: center
}

.m-server-quick {
	float: right;
	margin-top: -6px;
	height: 32px;
	line-height: 32px;
	color: #fff
}

.m-server-quick input {
	margin: 0 1px 0 .2em;
	text-align: center;
	width: 50px;
	height: 32px;
	background: #f8f0e4;
	vertical-align: top;
	font-size: 15px
}

.m-server-quick button {
	height: 32px;
	line-height: 32px;
	padding: 0 1em;
	font-size: 15px;
	vertical-align: top
}

.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: 60px;
	height: 60px;
	font-size: 40px;
	text-align: center;
	*background: #000;
	background: #000\0;
	background: rgba(0,0,0,.8);
	color: #fff;
	cursor: pointer;
	z-index: 10
}

.f-serverwrap .layer-close:hover {
	background: rgba(0,0,0,.6);
	color: #fff
}

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

.m-game-server header:before {
	content: '';
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	width: 50px;
	height: 40px;
	background: #ffd900;
	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;
	background: #ffd900;
	z-index: 1
}

.m-game-server .m-tab-hook {
	position: relative;
	font-size: 0;
	margin-bottom: 20px
}

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

.m-game-server .m-tab-panel li a {
	position: relative;
	display: block;
	padding: 0 15px;
	height: 42px;
	line-height: 40px;
	background-color: #f8f0e4;
	color: #594520;
	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-color: #f8f0e499;
	color: #000;
	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;
	z-index: 2;
	left: 0;
	bottom: 40px;
	max-width: 100%;
	line-height: 1.2;
	padding: 5px 10px;
	background: #cb4242;
	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;
	bottom: -8px;
	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: #6fbe22;
	color: #fff
}

.m-game-server .m-tab-panel li.z-today a:hover {
	background-color: #6fbe22cc
}

.m-game-server .m-tab-panel li.z-private-gm a {
		background-color: #F86A00;
		color: #ffffff;
}

.m-game-server .m-tab-panel li.z-private a {
		background-color: #A344CA;
		color: #ffffff;
}
.m-game-server .m-tab-panel li.z-private-gm a:hover {
	background-color: #F86A00;
}
.m-game-server .m-tab-panel li.z-private a:hover {
	background-color: #A344CA;
}

.m-game-server .m-tab-panel li.z-private a:after,.m-game-server .m-tab-panel li.z-title a:after {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 0;
	width: 22px;
	background: #2197dc;
	color: #fff;
	padding-top: .7em;
	text-align: center;
	line-height: 1;
	font-size: 12px;
	font-family: '宋体';
	border-radius: 5px 0 0 5px;
	opacity: .8;
	content: '包服'
}

.m-game-server .m-tab-panel li.z-private-gm a:after,.m-game-server .m-tab-panel li.z-title a:after {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 0;
	width: 22px;
	background: #e60864;
	color: #ffcc6f;
	padding-top: .7em;
	text-align: center;
	line-height: 1;
	font-size: 12px;
	font-family: '宋体';
	border-radius: 5px 0 0 5px;
	opacity: .8;
	content: '冠名'
}
.m-game-server .m-tab-panel li.z-private-gm em,.m-game-server .m-tab-panel li.z-title em {
	display: block;
	text-align: center
}

.m-game-server .m-tab-panel li.z-private em,.m-game-server .m-tab-panel li.z-title em {
	display: block;
	text-align: center
}

.m-game-server .m-tab-panel li.z-private span {
	display: none
}
.m-game-server .m-tab-panel li.z-private-gm span {
	display: none
}

.m-game-server .m-tab-panel li.z-title a {
	background: #dcf0f9;
	color: #1e1816
}

.m-game-server .m-tab-panel li.z-title a:hover {
	background: #dcf0f999
}

.m-game-server .m-tab-panel li.z-title a:after {
	background: #63a8c7;
	content: '冠名'
}

.m-game-server .m-tab-panel li.z-title span {
	position: absolute;
	right: 15px;
	top: 0;
	font-size: 12px
}

.m-game-server .m-tab-panel li.z-title p {
	background-color: #00a1e4;
	color: #fff
}

.m-game-server .m-tab-panel li.z-title p:after {
	border-top-color: #00a1e4
}

.m-topnew-title {
	position: relative;
	margin: 80px 0 40px;
	font-size: 18px;
	color: #aaa;
	text-align: center
}

.m-topnew-title:after,.m-topnew-title:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 180px;
	height: 1px;
	background: #ccc;
	content: ''
}

.m-topnew-title:after {
	margin-left: -3em;
	transform: translateX(-100%);
	background: linear-gradient(to left,rgba(220,220,220,1),rgba(220,220,220,0))
}

.m-topnew-title:before {
	margin-left: 3em;
	background: linear-gradient(to right,rgba(220,220,220,1),rgba(220,220,220,0))
}

.m-topnew {
	font-size: 15px
}

.m-topnew .z-herald {
	position: relative;
	display: inline-block;
	width: 50%;
	padding: 0 15px;
	line-height: 42px;
	background-color: #999;
	color: #fff;
	border-radius: 5px
}

.m-topnew .z-herald span {
	float: right
}

.m-topnew .z-herald:hover {
	background-color: #aaa
}

.m-topnew .m-tab-panel {
	margin-top: 30px
}

.m-topnew .m-tab-panel li {
	width: 33.3333333%
}

.m-topnew .m-tab-panel li a {
	background-color: #f8f0e4;
	color: #795f30;
	border: 0
}

.m-topnew .m-tab-panel li a:hover {
	background-color: #ffe23c;
	color: #000
}

.m-topnew .m-tab-panel li.z-today a {
	background-color: #6fbe22;
	color: #fff
}

.m-topnew .m-tab-panel li.z-today a:hover {
	background-color: #74c525
}

.f-giftwrap {
	width: 320px;
	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(../img/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 30px 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(../img/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
}

.m-art-header {
	margin-bottom: 30px;
	border-bottom: 1px dotted #e3e3e3
}

.m-art-header .sort {
	margin-bottom: 15px;
	font-size: 13px
}

.m-art-header .sort span {
	display: inline-block;
	padding: 5px 2px;
	border-bottom: 1px solid #f90;
	color: #f90
}

.m-art-header h1 {
	padding-bottom: 15px;
	font-size: 26px;
	font-weight: bold;
	word-wrap: break-word;
	word-break: break-all
}

.m-art-header .info {
	position: relative;
	font-size: 13px;
	line-height: 36px;
	color: #777;
	overflow: hidden
}

.m-art-header .info span {
	margin-right: 2em
}

.m-art-text {
	color: #555;
	font-size: 16px;
	margin-bottom: 40px
}

.m-art-text p {
	margin: 0;
	padding: 0 0 15px
}

.m-art-text img {
	display: block;
	margin: auto;
	max-width: 100%
}

@media screen and (max-width:1450px) {
	.m-side-nav {
		display: none
	}
}

.m-side-nav {
	position: fixed;
	z-index: 100;
	right: 50px;
	bottom: 15%;
	color: #999;
	font-size: 14px
}

.m-side-nav:before {
	position: absolute;
	right: 3px;
	top: 18px;
	bottom: 18px;
	border-right: 1px dotted #888;
	opacity: .5;
	content: ''
}

.m-side-nav li {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	padding-right: 16px;
	height: 36px;
	line-height: 36px;
	text-align: right
}

.m-side-nav li:after {
	position: absolute;
	right: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	background: #999;
	border-radius: 50%;
	transform: translateY(-50%);
	content: ''
}

.m-side-nav li:not(.gotop).on {
	color: #f80;
	font-size: 16px
}

.m-side-nav li:not(.gotop).on:after,.m-side-nav li:hover:after {
	background: #f80
}

.m-fixed-right {
	bottom: 150px;
	margin-left: 590px
}

@media screen and (max-width:1600px) {
	.g-side-rank {
		display: none
	}
}

.g-side-rank {
	position: absolute;
	left: 0;
	bottom: 150px;
	z-index: 50;
	width: 220px;
	border: 1px solid #930;
	background: #7a0200;
	color: #fff;
	font-size: 13px
}

.g-side-rank.fix {
	position: fixed;
	bottom: 0
}

.g-side-rank dt {
	padding: 10px 0 0;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	color: #ff3
}

.g-side-rank span {
	float: left
}

.g-side-rank .rank p {
	opacity: .8
}

.g-side-rank .rank p,.g-side-rank .rank a {
	overflow: hidden;
	display: block;
	padding: 5px 15px
}

.g-side-rank .rank .c1 {
	margin-left: -5px;
	margin-right: 8px;
	width: 15%;
	text-align: center
}

.g-side-rank .rank .c2 {
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.g-side-rank .rank .c3 {
	float: right;
	width: 30%;
	text-align: right
}

.g-side-rank .rank a:hover .c2 {
	text-decoration: underline
}

.g-side-rank .server dd {
	padding: 5px 10px 10px
}

.g-side-rank .server a {
	display: block;
	overflow: hidden;
	margin-bottom: 8px;
	padding: 0 10px;
	background: #c32f07;
	line-height: 32px;
	border-radius: 3px
}

.g-side-rank .server a:hover {
	background: #d3451a
}

.g-side-rank .server .c1 {
	margin-right: 10px;
	width: 93px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.g-side-rank .server .c3 {
	float: right
}

.new_title{
	height: 30px;
}
.new_title li{
	width: 60px;
	line-height: 30px;
	float: left;
	text-align: center;
}
.new_title li a{text-decoration:none}
.new_title .new_cur{
	background-color: #ffd100;
	border-radius: 4px;
	color: #b33b3b;
}