.page{
	width:100%;
}

.wrap{
	width:1200px !important;
}

.bg{
	padding:30px 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 .gameArea{
	margin-top:20px;
	padding:20px 0 20px 55px;
	width:280px;
	background:#fff;
	border:1px solid #ebebeb;
	box-sizing:border-box;
}
.leftArea .gameArea .game{
	position:relative;
	padding-left:20px;
	height:50px;line-height:50px;
	font-size:18px;
	color:#d93127;
	font-weight:700;
}
.leftArea .gameArea .game:before{
	content:'';
	position:absolute;
	top:50%;left:0;
	margin-top:-2px;
	width:4px;height:4px;
	background:#d93127;
	border-radius:100%;
}

.rightArea{
	float:right;
	width:900px;
}
.rightArea .systemNews{
	position:relative;
	padding:0 47px 0 39px;
	width:100%;height:32px;
	line-height:30px;
	background:#fff;
	border:1px solid #ebebeb;
	font-size:14px;
	color:#4d4c4c;
	font-weight:700;
	box-sizing:border-box;
}
.rightArea .systemNews .icon{
	display:inline-block;
	margin:8px 14px 0 0;
	width:14px;height:13px;
	background:url('../../images/uhg/mall/ad-icon.png') no-repeat;
	vertical-align:-1px;
}
.systemNews .news{
	position:absolute;
	top:1px;left:140px;
	width:713px;height:30px;
	overflow:hidden;
}
.systemNews .news-text{
	display:block;
	position:absolute;
	top:0;left:100%;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#4d4c4c;
	font-weight:500;
	white-space:nowrap;
	text-overflow:ellipsis;
	word-break:keep-all;
}

.rightArea .timeChangeArea{
	margin-top:15px;
	padding:80px 40px 0;
	width:899px;height:300px;
	background:url('../../images/uhg/mall/time-change-bg.png') no-repeat;
	box-sizing:border-box;
}
.timeChangeArea .changeArea{
	float:left;
	padding:10px 10px 15px 25px;
	width:400px;height:160px;
	background:#fff;
	border-radius:10px;
	box-sizing:border-box;
}
.timeChangeArea .changeArea:nth-child(2){
	float:right;
}
.timeChangeArea .changeArea .left{
	float:left;
	padding-top:10px;
	width:100px;
}
.timeChangeArea .changeArea .left .img-ibox{
	width:100px;height:100px;
}
.timeChangeArea .changeArea .left .num{
	width:100px;height:23px;
	line-height:23px;
	font-size:14px;
	color:#999;
	text-align:center;
}
.timeChangeArea .changeArea .right{
	float:left;
	margin-left:30px;
	width:235px;
}
.timeChangeArea .changeArea .right .name{
	width:235px;height:38px;
	line-height:38px;
	font-size:20px;
	color:#4d4c4c;
	font-weight:700;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.timeChangeArea .changeArea .right .tag{
	width:235px;height:18px;
}
.timeChangeArea .changeArea .right .tag .discount{
	float:left;
	margin-right:3px;
	width:48px;height:18px;
	line-height:18px;
	background:#fdc403;
	border-radius:5px;
	font-size:14px;
	color:#fff;
	font-weight:700;
	text-align:center;
}
.timeChangeArea .changeArea .right .tag .time{
	float:left;
	margin-right:3px;
	width:40px;height:18px;
	line-height:16px;
	border:1px solid #d93127;
	border-radius:5px;
	font-size:14px;
	color:#d93127;
	text-align:center;
	box-sizing:border-box;
}
.timeChangeArea .changeArea .right .remind{
	width:235px;height:30px;
	line-height:30px;
	font-size:14px;
	color:#999;
}
.timeChangeArea .changeArea .right .change{
	margin-top:20px;
	width:235px;
}
.timeChangeArea .changeArea .right .change .score{
	float:left;
	height:28px;line-height:28px;
	font-size:14px;
	color:#4d4c4c;
}
.timeChangeArea .changeArea .right .change .score span{
	font-size:30px;
	color:#d93127;
	font-weight:700;
}
.timeChangeArea .changeArea .right .change .change-btn{
	float:right;
	width:90px;height:28px;
	line-height:28px;
	background:#d93127;
	border-radius:5px;
	font-size:14px;
	color:#fff;
	text-align:center;
}

.rightArea .mallArea{
	padding:40px;
	margin-top:10px;
	width:899px;
	background:#fff;
	border:1px solid #ededed;
	box-sizing:border-box;
}
.mallArea .bestSellArea .hd{
	margin-bottom:20px;
	height:41px;line-height:41px;
	font-size:24px;
	color:#2e2f31;
}
.mallArea .bestSellArea .hd .icon{
	display:inline-block;
	margin-right:20px;
	width:32px;height:41px;
	background:url('../../images/uhg/mall/hot-icon.png') no-repeat;
	vertical-align:-11px;
}

.mallArea .changeArea{
	float:left;
	padding:10px 5px 15px 25px;
	margin-bottom:20px;
	width:400px;height:140px;
	border:1px solid #d93127;
	box-sizing:border-box;
}
.mallArea .changeArea:nth-child(2n){
	float:right;
}
.mallArea .changeArea .left{
	float:left;
	width:100px;
}
.mallArea .changeArea .left .img-ibox{
	width:100px;height:100px;
}
.mallArea .changeArea .left .num{
	width:100px;height:23px;
	line-height:23px;
	font-size:14px;
	color:#999;
	text-align:center;
}
.mallArea .changeArea .right{
	float:left;
	margin-left:30px;
	width:235px;
}
.mallArea .changeArea .right .name{
	width:235px;height:38px;
	line-height:38px;
	font-size:20px;
	color:#4d4c4c;
	font-weight:700;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.mallArea .changeArea .right .tag{
	width:235px;height:18px;
}
.mallArea .changeArea .right .tag .discount{
	float:left;
	margin-right:3px;
	width:48px;height:18px;
	line-height:18px;
	background:#fdc403;
	border-radius:5px;
	font-size:14px;
	color:#fff;
	font-weight:700;
	text-align:center;
}
.mallArea .changeArea .right .tag .time{
	float:left;
	margin-right:3px;
	width:40px;height:18px;
	line-height:16px;
	border:1px solid #d93127;
	border-radius:5px;
	font-size:14px;
	color:#d93127;
	text-align:center;
	box-sizing:border-box;
}
.mallArea .changeArea .right .remind{
	width:235px;height:30px;
	line-height:30px;
	font-size:14px;
	color:#999;
}
.mallArea .changeArea .right .change{
	margin-top:20px;
	width:235px;
}
.mallArea .changeArea .right .change .score{
	float:left;
	height:28px;line-height:28px;
	font-size:14px;
	color:#4d4c4c;
}
.mallArea .changeArea .right .change .score span{
	font-size:30px;
	color:#d93127;
	font-weight:700;
}
.mallArea .changeArea .right .change .change-btn{
	float:right;
	width:90px;height:28px;
	line-height:28px;
	background:#d93127;
	border-radius:5px;
	font-size:14px;
	color:#fff;
	text-align:center;
}

.tagLevel{
	float:left;
	width:85px;height:18px;
	line-height:16px;
	border-radius:5px;
	font-size:14px;
	text-align:center;
	box-sizing:border-box;	
}
.tagLevel1{
	border:1px solid #4c4c4c;
	color:#4c4c4c;
}
.tagLevel2{
	border:1px solid #fe7002;
	color:#fe7002;
}
.tagLevel3{
	border:1px solid #fa2b6f;
	color:#fa2b6f;
}
.tagLevel4{
	border:1px solid #37afc9;
	color:#37afc9;
}
.tagLevel5{
	border:1px solid #1d5cab;
	color:#1d5cab;
}
.tagLevel6{
	border:1px solid #d93127;
	color:#d93127;
}
.tagLevel7{
	border:1px solid #4e24ac;
	color:#4e24ac;
}

.mallArea .moreSellArea .hd{
	margin-bottom:20px;
	height:32px;line-height:32px;
	font-size:24px;
	color:#2e2f31;
}
.mallArea .moreSellArea .hd .icon{
	display:inline-block;
	margin-right:20px;
	width:32px;height:32px;
	background:url('../../images/uhg/mall/more-icon.png') no-repeat;
	vertical-align:-7px;
}

.mallArea .moreSellArea .classifyArea ul{
	margin-bottom:20px;
	height:16px;
}
.mallArea .moreSellArea .classifyArea li{
	float:left;
	padding:0 10px;
	margin:0 10px;
	height:16px;
	line-height:16px;
	font-size:14px;
	color:#4d4c4c;
	text-align:center;
	cursor:pointer;
}
.mallArea .moreSellArea .classifyArea li.active{
	background:#d93127;
	border-radius:3px;
	color:#fff;
}
.mallArea .moreSellArea .classifyArea .total{
	float:left;
	width:70px;height:16px;
	line-height:16px;
	font-size:14px;
	color:#4d4c4c;
}

/* 兑换实物弹窗 */
.exchangeTc1{
	position:fixed;
	top:50%;left:50%;
	margin:-290px 0 0 -308px;
	padding:30px 50px 40px;
	width:616px;
	background:#fff;
	box-sizing:border-box;
	z-index:21;
}

.exchangeTc1 .close{
	position:absolute;
	top:20px;right:20px;
	width:20px;height:20px;
	background:url('../../images/uhg/close.png') no-repeat;
}

.exchangeTc1 .hd{
	height:45px;line-height:45px;
	font-size:26px;
	color:#333;
}

.exchangeTc1 .row{
	border-bottom:1px solid #ebebeb;
}
.exchangeTc1 .row4{
	border-bottom:none;
}
.exchangeTc1 .row .rowLeft{
	float:left;
	width:110px;
	line-height:74px;
	font-size:14px;
	color:#999;
}
.exchangeTc1 .row .rowRight{
	float:left;
	width:405px;
	line-height:74px;
	font-size:16px;
	color:#4d4c4c;
}
.exchangeTc1 .row .rowRight input{
	padding:0 10px;
	width:300px;height:37px;
	line-height:35px;
	border:1px solid #4d4c4c;
	font-size:14px;
	color:#999;
	box-sizing:border-box;
	outline:none;
}
.exchangeTc1 .row .rowRight .remind{
	margin:-17px 0 15px 0;
	padding-left:10px;
	line-height:33px;
	font-size:14px;
	color:#d93127;
}
.exchangeTc1 .btnArea{
	margin-top:10px;
}
.exchangeTc1 .btnArea .submitBtn{
	float:left;
	width:160px;height:40px;
	line-height:38px;
	background:#ff5500;
	border:1px solid #ff5500;
	border-radius:5px;
	font-size:18px;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
}
.exchangeTc1 .btnArea .submitBtn:hover{
	background:transparent;
	color:#ff5500;
}
.exchangeTc1 .btnArea .modifyBtn{
	float:left;
	margin-left:20px;
	width:160px;height:40px;
	line-height:38px;
	border:1px solid #4c4c4c;
	border-radius:5px;
	font-size:18px;
	color:#4c4c4c;
	text-align:center;
	box-sizing:border-box;
}
.exchangeTc1 .btnArea .modifyBtn:hover{
	background:transparent;
	border:1px solid #999;
	color:#999;
}
/* 兑换实物弹窗End */

/* 兑换虚拟道具弹窗 */
.exchangeTc2{
	position:fixed;
	top:50%;left:50%;
	margin:-290px 0 0 -308px;
	padding:30px 50px 40px;
	width:616px;
	background:#fff;
	box-sizing:border-box;
	z-index:21;
}

.exchangeTc2 .close{
	position:absolute;
	top:20px;right:20px;
	width:20px;height:20px;
	background:url('../../images/uhg/close.png') no-repeat;
}

.exchangeTc2 .hd{
	margin-bottom:30px;
	height:45px;line-height:45px;
	font-size:26px;
	color:#333;
}

.exchangeTc2 .row{
	margin-bottom:20px;
}
.exchangeTc2 .row .rowLeft{
	float:left;
	width:75px;
	line-height:38px;
	font-size:14px;
	color:#4c4c4c;
}
.exchangeTc2 .row .rowRight{
	float:left;
	width:340px;
}
.exchangeTc2 .row .rowRight select,
.exchangeTc2 .row .rowRight input{
	padding:0 10px;
	width:340px;height:37px;
	line-height:35px;
	border:1px solid #4d4c4c;
	font-size:14px;
	color:#999;
	box-sizing:border-box;
	outline:none;
}
.exchangeTc2 .row .rowRight .remind{
	padding-left:10px;
	line-height:33px;
	font-size:14px;
	color:#d93127;
}
.exchangeTc2 .btnArea{
	margin-top:10px;
}
.exchangeTc2 .btnArea .submitBtn{
	float:left;
	width:160px;height:40px;
	line-height:38px;
	background:#ff5500;
	border:1px solid #ff5500;
	border-radius:5px;
	font-size:18px;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
}
.exchangeTc2 .btnArea .submitBtn:hover{
	background:transparent;
	color:#ff5500;
}

/* 兑换虚拟道具弹窗End */