.page{
	width:100%;
}

.wrap{
	width:1200px !important;
}

.banner{
	position:relative;
	width:100%;height:556px;
	overflow:hidden;
}
.banner .banner-img{
	position:absolute;
	top:0;left:50%;
	margin-left:-960px;
	width:1920px;height:100%;
	overflow:hidden;
}
.banner .swiper-slide{
	width:100%;height:520px;
}

.banner .swiper-pagination{
	bottom:0px;left:50%;
}
.banner .swiper-pagination-bullet{
	width:8px;height:8px;
	background:#ff5500;
	border-radius:10px;
	opacity:1;
}
.banner .swiper-pagination-bullet-active{
	width:21px;
}

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

.login-news-area .login-area{
	float:left;
	padding:10px 44px;
	width:386px;height:252px;
	border:1px solid #e2e3e7;
	box-sizing:border-box;
}

.login-news-area .login-area.have-login .no-login,
.login-news-area .login-area .login{
	display:none;
}
.login-news-area .login-area .no-login,
.login-news-area .login-area.have-login .login{
	display:block;
}
.login-news-area .login-area .no-login .hd{
	height:41px;line-height:41px;
	font-size:16px;
	color:#333;
	border-bottom:1px solid #e2e3e7;
}
.login-news-area .login-area .no-login .hd .zc-btn{
	float:right;
	height:41px;line-height:41px;
	font-size:14px;
	color:#ff5500;
}
.login-news-area .login-area .no-login .login-btn{
	display:inline-block;
	margin-top:40px;
	width:296px;height:40px;
	line-height:40px;
	background:#ff5500;
	border-radius:5px;
	font-size:18px;
	color:#fff;
	text-align:center;
}
.login-news-area .login-area .no-login .join-btn{
	display:inline-block;
	margin-top:15px;
	width:296px;height:40px;
	line-height:40px;
	background:#d93127;
	border-radius:5px;
	font-size:18px;
	color:#fff;
	text-align:center;
}
.login-news-area .login-area .no-login .remind{
	width:296px;height:40px;
	line-height:40px;
	font-size:14px;
	color:#999;
	text-align:center;
}

.login-news-area .login-area.have-login .login .hd{
	height:70px;line-height:70px;
	font-size:16px;
	color:#000;
	border-bottom:1px solid #e2e3e7;
}
.login-news-area .login-area.have-login .login .hd .exit-btn{
	float:right;
	height:70px;line-height:70px;
	font-size:14px;
	color:#ff5500;
}
.login-news-area .login-area.have-login .login .info{
	margin-top:10px;
}
.login-news-area .login-area.have-login .login .info .left{
	float:left;
	width:100px;height:35px;
	line-height:35px;
	font-size:14px;
	color:#999;
}
.login-news-area .login-area.have-login .login .info .right{
	float:left;
	width:196px;height:35px;
	line-height:35px;
	font-size:14px;
	color:#4c4c4c;
}
.login-news-area .login-area.have-login .login .info .right span{
	color:#ff5500;
}
.login-news-area .login-area.have-login .login .enter-btn{
	display:inline-block;
	margin-top:15px;
	width:296px;height:40px;
	line-height:40px;
	background:#ff5500;
	border-radius:5px;
	font-size:18px;
	color:#fff;
	text-align:center;
}

.login-news-area .news-area{
	float:right;
	padding:18px;
	width:792px;height:252px;
	border:1px solid #e2e3e7;
	box-sizing:border-box;
}

.login-news-area .news-area .tab-area{
	height:25px;
}
.login-news-area .news-area .tab-area .tab{
	float:left;
	margin-right:40px;
	width:40px;height:23px;
	line-height:23px;
	font-size:16px;
	color:#4d4c4c;
	text-align:center;
}
.login-news-area .news-area .tab-area .tab:hover,
.login-news-area .news-area .tab-area .tab.active{
	border-bottom:2px solid #ff5500;
	color:#ff5500;
}
.login-news-area .news-area .tab-area .more-btn{
	float:left;
	width:40px;height:23px;
	line-height:23px;
	font-size:14px;
	color:#ff5500;
	text-align:center;
}

.login-news-area .news-area .tabc-area{
	margin-top:40px;
}
.login-news-area .news-area .tabc-area a{
	float:left;
	width:350px;height:37px;
}
.login-news-area .news-area .tabc-area a:nth-child(2n){
	margin-left:54px;
}
.login-news-area .news-area .tabc-area a .icon{
	float:left;
	margin-top:15px;
	width:7px;height:7px;
	background:#ff5500;
	border-radius:100%;
}
.login-news-area .news-area .tabc-area a .title{
	float:left;
	margin-left:18px;
	width:280px;height:37px;
	line-height:37px;
	font-size:14px;
	color:#4d4c4c;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.login-news-area .news-area .tabc-area a .time{
	float:right;
	width:45px;height:37px;
	line-height:37px;
	font-size:14px;
	color:#999;
	text-align:center;	
}

.privilege-btn{
	display:block;
	margin-top:20px;
	width:1200px;height:140px;
	background:url('../../images/uhg/uhg/special-img.png') no-repeat;
}

.activity-area{
	margin-top:70px;
}

.activity-area .hd{
	position:relative;
	padding-left:30px;
	height:23px;line-height:23px;
	font-size:24px;
	color:#2e2f31;
}
.activity-area .hd:before{
	content:'';
	position:absolute;
	top:0;left:0;
	width:6px;height:23px;
	background:#ff5500;
	border-radius:5px;
}

.activity-area .activity-a{
	width:1200px;height:151px;
}
.activity-area .activity-a a{
	float:left;
	width:386px;height:100%;
}
.activity-area .activity-a a:nth-child(2){
	margin:0 21px;
}

.activity-area2 .activity-a{
	height:139px;
}

.activity-area3 .hd .more-btn{
	float:right;
	width:50px;
	height:23px;line-height:23px;
	font-size:16px;
	color:#ff5500;
	text-align:center;
}
.activity-area3 .activity{
	margin-top:30px;
	width:1200px;
}

.activity-area3 .activity .left{
	float:left;
	width:386px;height:477px;
}
.activity-area3 .activity .left .info-area{
	width:386px;height:477px;
	border:1px solid #e2e3e7;
	border-radius:5px;
	box-sizing:border-box;
	overflow:hidden;
}
.activity-area3 .activity .left .info-area .img-ibox{
	display:inline-block;
	width:384px;height:433px;
}
.activity-area3 .activity .left .info-area .info{
	padding:0 15px;	
}
.activity-area3 .activity .info-area .info .time{
	float:left;
	height:42px;line-height:42px;
	font-size:14px;
	color:#d93127;
}
.activity-area3 .activity .info-area .info .detail-btn{
	float:right;
	margin-top:10px;
	width:72px;height:22px;
	line-height:20px;
	border:1px solid #ff5500;
	border-radius:20px;
	font-size:14px;
	color:#ff5500;
	text-align:center;
	box-sizing:border-box;
}

.activity-area3 .activity .right{
	float:right;
	width:792px;height:477px;
}
.activity-area3 .activity .right .info-area{
	float:left;
	margin-bottom:10px;
	width:253px;height:233px;
	border:1px solid #e2e3e7;
	border-radius:5px;
	box-sizing:border-box;
	overflow:hidden;
}
.activity-area3 .activity .right .info-area:nth-child(3n+2){
	margin:0 16px;
}
.activity-area3 .activity .right .info-area .img-ibox{
	display:inline-block;
	width:252px;height:187px;
}
.activity-area3 .activity .right .info-area .info{
	padding:0 10px;	
}

/* 登录弹窗 */
.login-tc{
	position:absolute;
	top:650px;left:50%;
	margin-left:-308px;
	padding:5px 55px 0;
	width:616px;height:500px;
	background:#fff;
	box-sizing:border-box;
	z-index:21;
}

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

.login-tc .hd{
	height:95px;line-height:95px;
	font-size:26px;
	color:#333;
}

.login-tc .input-area{
	padding:0 7px;
	margin-bottom:20px;
	width:300px;height:50px;
	border:1px solid #4c4c4c;
	border-radius:5px;
	box-sizing:border-box;
}
.login-tc .input-area .icon1{
	float:left;
	margin-top:16px;
	width:14px;height:15px;
	background:url('../images/uhg/uhg/loginTc-icon1.png') no-repeat;
}
.login-tc .input-area input{
	float:left;
	margin-left:10px;
	width:255px;height:48px;
	line-height:48px;
	border:none;
	outline:none;
	font-size:14px;
	color:#999;
	box-sizing:border-box;
}
.login-tc .input-area .icon2{
	float:left;
	margin-top:17px;
	width:12px;height:14px;
	background:url('../images/uhg/uhg/loginTc-icon2.png') no-repeat;
}
.login-tc .input-area3{
	position:relative;
	float:left;
	width:122px;
}
.login-tc .input-area3 input{
	width:80px;
}
.login-tc .input-area3 .error-tit{
	position:absolute;
	bottom:-31px;left:0;
	height:30px;line-height:30px;
	font-size:12px;
	color:#d93127;
}
.login-tc .img-ibox{
	float:left;
	margin:14px 10px 0;
	width:66px;height:22px;
}
.login-tc .change-btn{
	float:left;
	height:50px;line-height:50px;
	font-size:14px;
	color:#4c4c4c;
}

.login-tc .login-btn{
	display:block;
	margin-top:40px;
	width:297px;height:40px;
	line-height:40px;
	background:#ff5500;
	border-radius:5px;
	font-size:18px;
	color:#fff;
	text-align:center;
}

.login-tc .operate{
	margin:40px auto 0;
	width:fit-content;
}
.login-tc .operate a{
	float:left;
	height:36px;line-height:36px;
	font-size:14px;
	color:#999;
}
.login-tc .operate a:hover{
	color:#333;
}
.login-tc .operate .line{
	float:left;
	margin:10px 5px 0;
	width:2px;height:16px;
	background:#999;
}
/* 登录弹窗End */