@charset "UTF-8";
.p-user .g-inner {
	width:1100px;
	margin-top:20px!important
}
.p-user .g-parse .aside {
	float:left;
	width:230px;
	min-height:500px
}
.p-user .g-parse .section {
	
}
.m-panel-block {
	border-radius:5px;
	background:#fff
}
.m-panel-block .m-panel-header {
	padding-top:20px;
	margin-bottom:15px
}
.m-panel-block .m-panel-header .beside {
	right:15px
}
.m-panel-block .m-panel-body {
	padding-bottom:20px
}
.m-user-header .user-avatar {
	position:absolute;
	left:45px;
	top:50%;
	margin-top:-65px;
	width:130px;
	height:130px;
	border:5px solid #f3f3f3;
	overflow:hidden;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:130px auto
}
.m-user-header .user-top-info {
	padding:25px 0 25px 204px;
	width:985px;
	min-height:180px;
	float:left
}
.m-user-header .user-top-name .user-nickname {
	display:inline-block;
	margin-right:1em;
	font-size:28px;
	font-weight:700
}
.m-user-header .user-info {
	margin:10px 0 12px;
	line-height:22px
}
.m-user-header .user-info .ico-integral {
	width:18px;
	height:22px;
	background-position:-34px -64px;
	margin-right:5px
}
.m-user-header .user-info .ico-ask {
	width:20px;
	height:22px;
	margin:0 9px;
	background-position:-124px -64px
}
.m-user-header .user-info .ico-info {
	width:14px;
	height:22px;
	margin:0 7px 0 15px;
	background-position:-98px -63px
}
.m-user-header .user-info .ico-line {
	height:11px;
	width:1px;
	background-position:-150px -69px;
	margin-top:6px
}
.m-user-header .user-top-btn {
	margin-top:10px
}
.m-user-header .user-top-btn .btn {
	float:left;
	margin-right:5px;
	padding:0 1.5em;
	min-width:100px;
	height:32px;
	line-height:30px
}
.m-user-nav {
	padding:20px 0
}
.m-user-nav a {
	display:block;
	margin-bottom:10px;
	padding-left:30px;
	height:40px;
	line-height:40px;
	font-size:16px
}
.m-user-nav a:hover {
	background:#f9f9f9;
	color:#000;
	text-decoration:none
}
.m-user-nav a i {
	margin-right:1em;
	font-size:20px;
	color:#999
}
.m-user-nav a.cur, .m-user-nav a.cur:hover {
	background:#f9f9f9;
	color:#f60;
	border-left:2px solid #ffd900
}
.m-user-nav a.cur i {
	color:#f60
}
.m-user-body {
	padding:20px 30px 40px
}
.m-user-body>.m-tab-hook {
	position:relative;
	border-bottom:1px solid #f0f0f0;
	font-size:0;
	margin-bottom:30px
}
.m-user-body>.m-tab-hook li {
	display:inline-block;
	font-size:16px;
	margin-bottom:-1px;
	padding:.2em 1em;
	border-bottom:2px solid transparent;
	line-height:2;
	text-align:center;
	margin-right:10px;
	font-size:18px;
	color:#666
}
.m-user-body>.m-tab-hook li a {
	display:inline-block;
	width:100%
}
.m-user-body>.m-tab-hook li.cur {
	font-size:20px;
	color:#000;
	border-color:#ffd900;
	cursor:default
}
.m-user-body h3 {
	font-size:16px;
	margin-bottom:.5em
}
.m-user-body>p {
	margin-bottom:.5em
}
.m-user-safe {
	margin:30px 0
}
.m-user-safe ul {
	margin-top:10px
}
.m-user-safe li {
	position:relative;
	padding:18px 150px 18px 80px;
	border-bottom:1px dotted #e9e9e9
}
.m-user-safe li i {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:80px;
	font-size:40px;
	text-align:center
}
.m-user-safe li .btn {
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	width:100px;
	line-height:28px
}
.m-user-safe li h4 {
	font-size:16px;
	display:inline-block;
	margin-right:1em
}
.m-user-safe li p {
	margin-top:5px;
	color:#999
}
.m-user-safe .wallow {
	padding:15px 30px;
	line-height:2;
	background:#f9f9f9;
	border-radius:5px
}
.m-user-table {
	margin:10px 0;
	width:100%
}
.m-user-table th, .m-user-table td {
	padding:10px 15px;
	border:1px solid #f0f0f0
}
.m-user-table thead th {
	background:#f6f6f6;
	color:#999
}
.m-user-table tbody tr:not(.empty):hover {
background:#fcfcfc
}
.m-user-table tbody tr.empty td {
	padding:20px
}
.m-user-table .btn {
	width:80px;
	line-height:24px
}
.m-user-coin {
	margin-bottom:20px;
	padding:15px;
	border:1px solid #f0f0f0;
	background:#fcfcfc
}
.m-user-coin>* {
	display:inline-block;
	width:26%;
	vertical-align:middle;
	color:#666;
	text-align:center
}
.m-user-coin>*:after {
	height:50px!important;
	opacity:.3!important
}
.m-user-coin>*:not(:last-child) {
border-right:1px solid #eee
}
.m-user-coin>a:hover {
	text-decoration:none
}
.m-user-coin>* em {
	font-size:38px;
	color:#f90;
	font-weight:bold
}
.m-user-coin .btn {
	display:inline-block;
	width:120px;
	line-height:30px
}
.m-user-coin+.m-isolation {
	margin-bottom:20px
}
.m-gift-record li {
	position:relative;
	margin-bottom:10px;
	border:1px solid #e9e9e9;
	padding:20px;
	line-height:25px;
	overflow:hidden;
	border-radius:5px
}
.m-gift-record li .name {
	position:relative;
	float:left;
	padding-left:60px;
	width:380px;
	margin-right:20px;
	border-right:1px solid #f0f0f0
}
.m-gift-record li .name img {
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:50px;
	border-radius:100px
}
.m-gift-record li .name h2 {
	position:relative;
	display:block;
	color:#333;
	font-weight:bold;
	font-size:15px
}
.m-gift-record li .name p span {
	float:left;
	font-size:13px;
	color:#757575
}
.m-gift-record li .name p span:first-child {
	width:140px;
	margin-right:5px
}
.m-gift-record li .info {
	float:left
}
.m-gift-record li .info .code {
	padding:0 10px;
	border-radius:5px;
	background:#f3f3f3;
	color:#000
}
.m-gift-record li .info a {
	color:#2b8ae0;
	padding-left:10px;
	font-size:13px
}
.m-gift-record li .bside {
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	text-align:center
}
.m-gift-record li .btn {
	width:80px;
	line-height:26px
}
.f-ui-select {
	display:inline-block;
	margin:0 .5em;
	vertical-align:middle
}
.f-ui-select .f-sub-hook {
	position:relative;
	padding:0 0px 0 10px;
	min-width:150px;
	height:30px;
	line-height:28px;
	border:1px solid #e3e3e3;
	border-radius:4px;
	font-size:14px
}
.f-ui-select .f-sub-hook:before {
	content:"";
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-3px;
	width:0;
	height:0;
	/*border:6px solid transparent;*/
	border-top-color:#d0d0d0
}
.f-ui-select .f-sub-body {
	top:29px;
	min-width:100%;
	max-height:300px;
	padding:5px 0;
	overflow-y:auto
}
.f-ui-select .f-sub-body a {
	display:block;
	padding:8px 10px;
	border-bottom:1px solid #f3f3f3;
	white-space:nowrap
}
.f-ui-select .f-sub-body a:hover {
	background:#f6f6f6
}
.f-ui-select .f-sub-body a:last-child {
	border-bottom:0
}
.m-question dl {
	padding-bottom:20px;
	margin-bottom:20px;
	font-size:16px;
	border-bottom:1px dotted #e3e3e3
}
.m-question dl:last-child {
	border-bottom:0
}
.m-question dt, .m-question dd {
	position:relative;
	padding:10px 10px 10px 50px
}
.m-question dt:before, .m-question dd:before {
	position:absolute;
	left:0;
	top:11px;
	width:22px;
	height:22px;
	line-height:22px;
	font-size:16px;
	color:#fff;
	border-radius:5px;
	background:#ccc;
	text-align:center
}
.m-question dt:before {
	content:'Q';
	background:#f60
}
.m-question dd:before {
	content:'A';
	background:#3dcf84
}
.m-question dt {
	color:#f60
}




.m-gameurl-record li {
	position:relative;
	margin-bottom:10px;
	border:1px solid #e9e9e9;
	padding:20px;
	line-height:25px;
	overflow:hidden;
	border-radius:5px
}
.m-gameurl-record li .name {
	position:relative;
	float:left;
	width:200px;
	margin-right:20px;
	border-right:1px solid #f0f0f0;
	text-align:center;
}
.m-gameurl-record li .name img {
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:50px;
	border-radius:100px
}
.m-gameurl-record li .name h2 {
	position:relative;
	display:block;
	color:#333;
	font-weight:bold;
	font-size:15px
}
.m-gameurl-record li .name p span {
	float:left;
	font-size:13px;
	color:#757575
}
.m-gameurl-record li .name p span:first-child {
	width:140px;
	margin-right:5px
}
.m-gameurl-record li .info {
	float:left;
	width:480px;
	margin-top:10px; 
}
.m-gameurl-record li .info .code {
	padding:0 10px;
	border-radius:5px;
	background:#f3f3f3;
	color:#000;
	width:480px;
}
.m-gameurl-record li .info a {
	color:#2b8ae0;
	padding-left:10px;
	font-size:13px
}
.m-gameurl-record li .bside {
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	text-align:center
}
.m-gameurl-record li .btn {
	width:80px;
	line-height:26px
}