.page{
	width:100%;
}

.wrap{
	width:1200px !important;
}

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

.bg .login-area{
	position:relative;
	float:left;
	padding:12px 33px;
	width:346px;height:359px;
	background:#fff;
	border:2px solid #e7e6e6;
	box-sizing:border-box;
}

.bg .login-area .hd{
	margin-bottom:30px;
}

.bg .login-area .hd .left{
	float:left;
	width:75px;height:46px;
	line-height:46px;
	font-size:18px;
	color:#333;
	font-weight:700;
}
.bg .login-area .hd .right{
	float:right;
	width:70px;height:46px;
	line-height:46px;
	font-size:12px;
	color:#999;
}
.bg .login-area .hd .right .icon{
	display:inline-block;
	width:17px;height:19px;
	background:url('../img/login/help-icon.png') no-repeat;
	vertical-align:-6px;
}

.bg .login-area .error-tit{
	position:absolute;
	top:58px;left:33px;
	padding-left:10px;
	width:276px;height:22px;
	line-height:20px;
	background:#fff3f4;
	border:1px solid #f19c9d;
	font-size:12px;
	color:#fb4242;
	box-sizing:border-box;
}
.bg .login-area .error-tit .icon{
	display:inline-block;
	margin:4px 5px 0 0;
	width:13px;height:13px;
	background:url('../img/login/error-icon.png') no-repeat;
	vertical-align:-2px;
}

.bg .login-area .row{
	margin-bottom:26px;
}
.bg .login-area .row .icon{
	float:left;
	width:41px;height:41px;
	background:url('../img/login/login-icon.png') no-repeat;
}
.bg .login-area .row-account .icon{
	background-position:0 0;
}
.bg .login-area .row-password .icon{
	background-position:-41px 0;
}
.bg .login-area .row input{
	float:left;
	padding:0 10px;
	width:235px;height:41px;
	line-height:39px;
	border:1px solid #dbdbdb;
	font-size:14px;
	color:#c5c4c4;
	outline:none;
	box-sizing:border-box;
}

.bg .login-area .login-btn-area{
	margin-top:10px;
}
.bg .login-area .login-btn-area .login-btn{
	float:left;
	width:132px;height:43px;
	line-height:41px;
	background:#d91313;
	border:1px solid #9b0202;
	font-size:18px;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
}

.bg .login-area .login-btn-area .register-btn{
	float:right;
	width:132px;height:43px;
	line-height:41px;
	background:#fbf9f9;
	border:1px solid #dbdbdb;
	font-size:18px;
	color:#a1a0a0;
	text-align:center;
	box-sizing:border-box;
}

.bg .login-area .operate-area{
	margin:15px auto 0;
	width:fit-content;
}
.bg .login-area .operate-area a{
	float:left;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#999;
}
.bg .login-area .operate-area a:hover{
	text-decoration:underline;
}
.bg .login-area .operate-area span{
	float:left;
	margin:0 5px;
	height:20px;line-height:20px;
	font-size:12px;
	color:#999;;
}

.bg .login-area.login-verify .hd{
	margin-bottom:25px;
}

.bg .login-verify .row{
	margin-bottom:15px;
}
.bg .login-area .imgVerify-area{
	display:none;
}
.bg .login-area.login-verify .imgVerify-area{
	display:block;
	position:relative;
	margin-bottom:15px;
	width:100%;height:41px;
}

.bg .login-verify .imgVerify-area .imgVerify{
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	background:#ebe9e9;
	border:1px solid #ebe9e9;
	box-sizing:border-box;
}
.bg .login-verify .imgVerify-area .imgVerify p{
	height:39px;line-height:39px;
	font-size:14px;
	color:#3d3d3d;
	text-align:center;
}
.bg .login-verify .imgVerify-area .imgVerify .icon{
	position:absolute;
	top:0;left:0;
	width:39px;height:39px;
	background:#fff url('../img/login/verify-arrow1.png') center center no-repeat;
	cursor:pointer;
}
.bg .login-verify .imgVerify-area .imgVerify:hover{
	border-color:#3889ff;
}
.bg .login-verify .imgVerify-area .imgVerify:hover .icon{
	background:#3889ff url('../img/login/verify-arrow2.png') center center no-repeat;
}

.bg .login-verify .imgVerify-area .imgVerify.success{
	border-color:#52ccba;
	background:#b1ece3;
}
.bg .login-verify .imgVerify-area .imgVerify.success .icon{
	background:#52ccba url('../img/login/verify-arrow2.png') center center no-repeat;
}

.bg .login-verify .imgVerify-area .imgVerify.fail{
	border-color:#ff756d;
	background:#ffcac7;
}
.bg .login-verify .imgVerify-area .imgVerify.fail .icon{
	background:#ff756d url('../img/login/verify-arrow2.png') center center no-repeat;
}

.bg .login-verify .imgVerify-area .img-ibox{
	display:none;
}
.bg .login-verify .imgVerify-area:hover .img-ibox{
	display:block;
	position:absolute;
	top:-126px;left:0;
	width:276px;height:125px;
}
.bg .login-verify .imgVerify-area .img-ibox .img-operat{
	position:absolute;
	top:0;right:0;
	width:71px;height:29px;
	background:rgba(0, 0, 0, 0.2);
}
.bg .login-verify .imgVerify-area .img-ibox .img-operat:hover{
	background:rgba(0, 0, 0, 0.5);
}
.bg .login-verify .imgVerify-area .img-ibox .img-operat a{
	float:left;
	margin:4px 7px;
	width:20px;height:20px;
	background:url('../img/login/verify-icon.png') no-repeat;
}
.bg .login-verify .imgVerify-area .img-ibox .img-operat .qa-icon{
	background-position:0 0;
}
.bg .login-verify .imgVerify-area .img-ibox .img-operat .qa-icon:hover{
	background-position:0 -20px;
}
.bg .login-verify .imgVerify-area .img-ibox .img-operat .refresh-icon{
	background-position:-20px 0;
}
.bg .login-verify .imgVerify-area .img-ibox .img-operat .refresh-icon:hover{
	background-position:-20px -20px;
}

.bg .login-verify .imgVerify-area .verify-error{
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	line-height:39px;
	background:#ffcac7;
	border:1px solid #ff756d;
	font-size:14px;
	color:#ff0e00;
	text-align:center;
	box-sizing:border-box;
}
.bg .login-verify .imgVerify-area .verify-error .icon{
	display:inline-block;
	margin-right:5px;
	width:12px;height:12px;
	background:url('../img/login/verify-error.png') no-repeat;
	vertical-align:-1px;
}

.bg .login-area .accept-protocol{
	margin-top:-6px;
	height:30px;line-height:30px;
	font-size:12px;
	color:#999;
	cursor:pointer;
}
.bg .login-area.login-verify .accept-protocol{
	margin-top:0;
}
.bg .login-area .accept-protocol .icon{
	display:inline-block;
	width:13px;height:13px;
	background:url('../img/login/choose-icon.png') 0 0 no-repeat;
	vertical-align:-2px;
	cursor:pointer;
}
.bg .login-area .accept-protocol.active .icon{
	background-position:-13px 0;
}
.bg .login-area .accept-protocol a{
	color:#3889ff;
}
.bg .login-area .accept-protocol a:hover{
	text-decoration:underline;
}

.bg .events{
	position:relative;
	float:right;
	width:844px;height:358px;
	overflow:hidden;
}

.bg .events .swiper-slide{
	width:844px;height:358px;
}

.bg .events .swiper-pagination{
	bottom:40px;left:715px;
	width:100px;
}
.bg .swiper-pagination-bullet{
	background:#fdfdfd;
	opacity:1;
}
.bg .swiper-pagination-bullet-active{
	width:21px;
	border-radius:20px;
}

.bg .fastEntry-area{
	margin-top:34px;
}
.bg .fastEntry-area .hd{
	margin:0 auto;
	width:1198px;height:23px;
	background:url('../img/login/fast-entry-hd.png') no-repeat;
}
.bg .fastEntry-area .recharge-area{
	margin-top:15px;
}
.bg .fastEntry-area .recharge-area a{
	float:left;
	margin:0 16px 16px 0;
	width:288px;height:60px;
	background:#fcfcfc;
	border:1px solid #bebdbd;
	text-align:center;
	box-sizing:border-box;
}
.bg .fastEntry-area .recharge-area a:nth-child(4n){
	margin-right:0;
}
.bg .fastEntry-area .recharge-area a .info{
	display:table;
	margin:0 auto;
	width:fit-content;
}
.bg .fastEntry-area .recharge-area a .info .img-ibox{
	display:table-cell;
	width:40px;height:40px;
	vertical-align:middle;
}
.bg .fastEntry-area .recharge-area a .info .table-cell{
	display:table-cell;
	height:60px;
	font-size:16px;
	color:#797777;
	vertical-align:middle;
}

.bg .fastEntry-area .remind{
	margin-top:25px;
}
.bg .fastEntry-area .remind p{
	line-height:26px;
	font-size:14px;
	color:#828282;
}
.bg .fastEntry-area .remind span{
	color:#d91313;	
}
.bg .fastEntry-area .remind .title{
	color:#2e2e2e;
	font-size:16px;
	font-weight:700;
}