.page{
	width:100%;
}

.wrap{
	width:1200px !important;
}

.bg{
	padding:50px 0 100px 0;
	width:100%;
	min-width:1200px;
	background:#f8f8f8;
}

.leftArea{
	float:left;
	width:280px;
}

.leftArea .loginArea{
	position:relative;
	width:280px;height:225px;
	background:#fff;
	border:1px solid #ebebeb;
	box-sizing:border-box;
}

.leftArea .loginArea .noLogin{
	display:none;
}
.leftArea .loginArea.noLoginArea .noLogin{
	display:block;
	padding-top:55px;
	width:278px;height:223px;
	box-sizing:border-box;
}
.leftArea .loginArea.noLoginArea .noLogin p{
	height:55px;line-height:55px;
	font-size:14px;
	color:#4d4c4c;
	text-align:center;
}
.leftArea .loginArea.noLoginArea .noLogin .login-btn{
	display:block;
	margin:0 auto;
	width:223px;
	height:40px;line-height:40px;
	background:#ff5500;
	border-radius:5px;
	font-size:18px;
	color:#fff;
	text-align:center;
}

.leftArea .loginArea .login{
	position:relative;
	display:block;
	padding-top:20px;
	width:278px;height:223px;
	box-sizing:border-box;
}
.leftArea .loginArea.noLoginArea .login{
	display:none;
}
.leftArea .loginArea .login .row{
	height:35px;line-height:35px;
}
.leftArea .loginArea .login .row .rowLeft{
	float:left;
	padding-left:25px;
	width:100px;
	font-size:14px;
	color:#999;
	box-sizing:border-box;
}
.leftArea .loginArea .login .row .rowRight{
	float:right;
	padding-left:10px;
	width:178px;
	font-size:14px;
	color:#4d4c4c;
	box-sizing:border-box;
}
.leftArea .loginArea .login .row .rowRight .quit-btn{
	float:right;
	margin-right:20px;
	width:30px;height:35px;
	line-height:35px;
	font-size:14px;
	color:#d93128;
}
.leftArea .loginArea .login .row .rowRight .improveInfoBtn{
	float:right;
	margin-right:20px;
	width:70px;height:35px;
	line-height:35px;
	font-size:14px;
	color:#999;
}

.leftArea .loginArea .login .sign-btn{
	position:absolute;
	bottom:-1px;left:-1px;
	width:280px;height:45px;
	line-height:45px;
	background:#d93128;
	font-size:18px;
	color:#fff;
	text-align:center;
}

.leftArea .serviceArea{
	position:relative;
	margin-top:20px;
	width:280px;
	background:#fff;
	border:1px solid #ebebeb;
	box-sizing:border-box;
}

.leftArea .serviceArea .gameService,
.leftArea .serviceArea .vipService{
	display:block;
	padding-left:20px;
	width:280px;
	line-height:54px;
	font-size:16px;
	color:#4d4c4c;
}
.leftArea .serviceArea .gameService{
	border-bottom:1px solid #ebebeb;
}

.leftArea .serviceArea .gameService.active.active,
.leftArea .serviceArea .vipService.active{
	font-size:18px;
	color:#d93128;
	font-weight:700;
}
.leftArea .serviceArea .gameService .icon{
	display:inline-block;
	margin:17px 15px 0 0;
	width:22px;height:22px;
	background:url('../../images/uhg/servicePrivileges/left-icon.png') 0 0 no-repeat;
	vertical-align:-5px;
}
.leftArea .serviceArea .gameService.active .icon{
	background-position:0 -22px;
}
.leftArea .serviceArea .vipService .icon{
	display:inline-block;
	margin:17px 15px 0 0;
	width:22px;height:22px;
	background:url('../../images/uhg/servicePrivileges/left-icon.png') -22px 0 no-repeat;
	vertical-align:-5px;
}
.leftArea .serviceArea .vipService.active .icon{
	background-position:-22px -22px;
}

.leftArea .serviceArea .game{
	display:none;
	padding-left:41px;
	width:100%;
	line-height:54px;
	font-size:18px;
	color:#d93128;
	font-weight:500;
	box-sizing:border-box;
}
.leftArea .serviceArea .openArea{
	display:none;
	padding-left:20px;
	width:100%;
	box-sizing:border-box;
}
.leftArea .serviceArea .openArea .tab{
	position:relative;
	display:inline-block;
	padding-left:15px;
	width:100%;
	line-height:54px;
	font-size:14px;
	color:#999;
	font-weight:500;
	box-sizing:border-box;
	cursor:pointer;
}
.leftArea .serviceArea .openArea .tab:before{
	content:'';
	position:absolute;
	top:50%;left:0;
	margin-top:-2px;
	width:4px;height:4px;
	background:#999;
	border-radius:100%;
}
.leftArea .serviceArea .openArea .tab:hover{
	color:#4d4c4c;
}
.leftArea .serviceArea .openArea .tab.active{
	color:#d93128;
}
.leftArea .serviceArea .openArea .tab.active:before{
	background:#d93128;
}

.leftArea .serviceArea .gameService.active .game,
.leftArea .serviceArea .gameService.active .openArea,
.leftArea .serviceArea .vipService.active .openArea{
	display:block;
}

.rightArea{
	float:right;
	width:900px;
}

/* 游戏特权服务 */
.rightArea .gameServiceArea{
	padding:30px 40px 40px;
	width:900px;
	background:#fff;
	border:1px solid #ebebeb;
	box-sizing:border-box;
}

/* 注册信息重置 */
.gameServiceArea .hd{
	position:relative;
	padding-left:15px;
	height:40px;line-height:40px;
	font-size:24px;
	color:#4d4c4c;
}
.gameServiceArea .hd:before{
	content:'';
	position:absolute;
	top:9px;left:0;
	width:4px;height:22px;
	background:#d93127;
	border-radius:5px;
}

.gameServiceArea p{
	line-height:25px;
  font-size:12px;
  color:#4d4c4c;
}
.gameServiceArea p span,
.gameServiceArea p a{
	color:#d93127;
}
.gameServiceArea p.fontWeight{
	line-height:40px;
	font-size:16px;
	font-weight:700;
}
.gameServiceArea p.indent1{
	text-indent:1em;
}
.gameServiceArea p.indent2{
	text-indent:2em;
}
.gameServiceArea p.indent2 .icon{
	display:inline-block;
	margin-right:7px;
	width:14px;height:14px;
	line-height:14px;
	background:#999;
	border-radius:100%;
	font-size:12px;
	color:#fff;
	text-align:center;
	font-style:normal;
	text-indent:0;
	vertical-align:-1px;
}

.gameServiceArea .table-ul{
	margin:15px 0;
	width:241px;
	border:1px solid #ebebeb; 
}
.gameServiceArea .table-ul li{
	height:27px;line-height:25px;
	border-bottom:1px solid #ebebeb; 
	font-size:12px;
	color:#4c4c4c;
	text-align:center;
	box-sizing:border-box;
}
.gameServiceArea .table-ul li:last-child{
	border-bottom:none;
}
.gameServiceArea .table-ul li .tableLeft{
	float:left;
	width:120px;
	border-right:1px solid #ebebeb; 
}
.gameServiceArea .table-ul li .tableRight{
	float:left;
	width:120px;
}

.gameServiceArea .serviceBtn{
	display:block;
	margin:20px auto;
	width:160px;height:35px;
	line-height:35px;
	background:#d93127;
	border-radius:5px;
	font-size:16px;
	color:#fff;
	font-weight:700;
	text-align:center;
}

.gameServiceArea .consumeScore{
	line-height:60px;
	font-size:16px;
	color:#d93127;
	font-weight:700;
	text-align:center;
}
.gameServiceArea .row{
	margin:20px auto 0;
	width:fit-content;
}
.gameServiceArea .row .rowLeft{
	float:left;
	width:150px;height:36px;
	line-height:36px;
	font-size:14px;
	color:#4c4c4c;
	text-align:right;
}
.gameServiceArea .row .rowRight{
	float:left;
	margin-left:20px;
	width:340px;
}
.gameServiceArea .row .rowRight select,
.gameServiceArea .row .rowRight input{
	padding:0 10px;
	width:100%;height:36px;
	line-height:34px;
	border:1px solid #4d4c4c;
	font-size:14px;
	color:#999;
	box-sizing:border-box;
	outline:none;
}
.gameServiceArea .row .rowRight .remind{
	display:block;
	margin:0px 0 15px 0;
	padding-left:10px;
	line-height:33px;
	font-size:14px;
	color:#d93127;
}

.gameServiceArea .badgeArea{
	margin:30px auto;
	width:818px;
}
.gameServiceArea .badgeArea .chooseBadge{
	float:left;
	position:relative;
	padding-left:16px;
	width:136px;height:33px;
	line-height:33px;
	font-size:14px;
	color:#4c4c4c;
	/* cursor:pointer; */
	box-sizing:border-box;
}
.gameServiceArea .badgeArea .chooseBadge:before{
	/* content:''; */
	position:absolute;
	top:10px;left:0;
	width:13px;height:13px;
	background:url('../../images/uhg/servicePrivileges/badge-icon.png') 0 0 no-repeat;
}
.gameServiceArea .badgeArea .chooseBadge.active:before{
	background-position:-13px 0;
}

.gameServiceArea .forumBadgeArea{
	margin:30px auto;
	width:815px;
}
.gameServiceArea .forumBadgeArea .forumChooseBadge{
	float:left;
	position:relative;
	padding-left:16px;
	width:200px;height:33px;
	line-height:33px;
	font-size:14px;
	color:#4c4c4c;
	/* cursor:pointer; */
	box-sizing:border-box;
}
.gameServiceArea .forumBadgeArea .forumChooseBadge:before{
	/* content:''; */
	position:absolute;
	top:10px;left:0;
	width:13px;height:13px;
	background:url('../../images/uhg/servicePrivileges/choose-icon.png') 0 0 no-repeat;
}
.gameServiceArea .forumBadgeArea .forumChooseBadge.active:before{
	background-position:-13px 0;
}

.gameServiceArea .content9 .row{
	width:592px;
}
.gameServiceArea .content9 .row .rowLeft{
	width:115px;
	text-align:left;
}
.gameServiceArea .content9 .row .rowRight{
	position:relative;
	margin-left:0;
	width:477px;
}
.gameServiceArea .content9 .row .rowRight .tit{
	position:absolute;
	top:0;left:312px;
	margin-left:10px;
	line-height:36px;
	font-size:12px;
	color:#7cd251;
}
.gameServiceArea .content9 .row .rowRight .tit .icon{
	display:inline-block;
	margin-right:5px;
	width:16px;height:16px;
	background:url('../../images/uhg/servicePrivileges/icon.png') 0 0 no-repeat;
	vertical-align:-3px;
}
.gameServiceArea .content9 .row.error .rowRight .tit{
	color:#d93127;
}
.gameServiceArea .content9 .row.error .rowRight .tit .icon{
	background-position:-16px 0;
}
.gameServiceArea .content9 .row .rowRight input{
	width:312px;
}
.gameServiceArea .content9 .row .rowRight select{
	float:left;
	margin-right:21px;
	width:145px;
}
.gameServiceArea .content9 .row .rowRight select:last-child{
	margin-right:0;
}

.gameServiceArea .content9 .textArea{
	position:relative;
	margin:20px auto 0;
	width:592px;height:36px;
}
.gameServiceArea .content9 .textArea textarea{
	padding:0 10px;
	width:100%;height:100%;
	line-height:34px;
	border:1px solid #4d4c4c;
	font-size:14px;
	color:#999;
	outline:none;
	box-sizing:border-box;
}
.gameServiceArea .content9 .textArea span{
	position:absolute;
	top:0;right:10px;
	height:36px;line-height:36px;
	font-size:14px;
	color:#999;
}

/* 注册信息重置End */

/* 游戏特权服务End */

/* 贵宾尊享服务 */
.rightArea .vipServiceArea{
	padding:30px 40px 40px;
	width:900px;
	background:#fff;
	border:1px solid #ebebeb;
	box-sizing:border-box;
}

/* 会员专属热线 */
.rightArea .vipServiceArea .content p{
	line-height:30px;
	font-size:14px;
	color:#4d4c4c;
	text-align:center;
}

.rightArea .vipServiceArea .content .hd{
	margin:20px 0;
	line-height:40px;
	font-size:20px;
	color:#d93127;
	font-weight:700;
	text-align:center;
}

.rightArea .vipServiceArea .content ul{
	margin:20px auto 0;
	width:fit-content;
}
.rightArea .vipServiceArea .content ul li{
	float:left;
	width:188px;
}
.rightArea .vipServiceArea .content ul li .img-ibox{
	margin:0 auto;
	width:128px;height:128px;
	background:url('../../images/uhg/servicePrivileges/step.png') no-repeat;
}
.rightArea .vipServiceArea .content ul .li1 .img-ibox{
	background-position:0 0;
}
.rightArea .vipServiceArea .content ul .li2 .img-ibox{
	background-position:-128px 0;
}
.rightArea .vipServiceArea .content ul .li3 .img-ibox{
	background-position:-256px 0;
}

.rightArea .vipServiceArea .content ul li .tit{
	margin-top:20px;
	line-height:30px;
	font-size:18px;
	color:#4d4c4c;
	text-align:center;
}
.rightArea .vipServiceArea .content ul li .tit span{
	font-size:24px;
	font-weight:700;
}

.rightArea .vipServiceArea .content ul .line{
	float:left;
	margin-top:63px;
	width:95px;height:1px;
	background:#ebebeb;
}
/* 会员专属热线End */

/* 贵宾尊享服务End */