@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body { margin:0; padding:0; background:#efeefd; font-family:"微软雅黑"; }

#content {width:360px; height:350px; position:absolute;z-index:99; top:50%;left:50%;margin:-200px 0 0 -275px;font-size:12px; color:#333; background:#fff;box-shadow: 0px 0px 9px #777;border-radius:10px; }
#content dl { width:300px; height:auto; margin:0 auto;   }
#content dl dt { font-size:26px; height:30px; line-height:30px; margin-bottom:24px; font-weight:400; font-family:"微软雅黑"; color:#666 }
#content dl dd { height:50px; text-align:left; margin-bottom:10px; position:relative; color:#444; }
#content dl dd a { text-decoration:none; color:#060}
#content dl dd a:hover { text-decoration:underline; color:#f00}
.content_right{
	width:500px;
	height:550px;
	position:relative;
	color: #ffffff;
	float:left;
    background: rgba(130, 122, 243, 1) ;
    background: -moz-linear-gradient(left, rgba(130, 122, 243, 1) 0%, rgba(180, 122, 243, 1) 100%) ;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(130, 122, 243, 1)), color-stop(100%, rgba(180, 122, 243, 1))) ;
    background: -webkit-linear-gradient(left, rgba(130, 122, 243, 1) 0%, rgba(180, 122, 243, 1) 100%) ;
    background: -o-linear-gradient(left, rgba(130, 122, 243, 1) 0%, rgba(180, 122, 243, 1) 100%) ;
    background: -ms-linear-gradient(left, rgba(130, 122, 243, 1) 0%, rgba(180, 122, 243, 1) 100%) ;
    background: linear-gradient(to right, rgba(130, 122, 243, 1) 0%, rgba(180, 122, 243, 1) 100%) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#827af3', endColorstr='#b47af3', GradientType=1) ;
	background-size:100% 100% !important;
}
#content #verify { position:absolute; left:90px; top:0px; display:block }
#content .button { width:100%; height:40px; border-radius: 40px;    background: rgba(130, 122, 243, 1);
    background: -moz-linear-gradient(left, rgba(130, 122, 243, 1) 0%, rgba(180, 122, 243, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(130, 122, 243, 1)), color-stop(100%, rgba(180, 122, 243, 1)));
    background: -webkit-linear-gradient(left, rgba(130, 122, 243, 1) 0%, rgba(180, 122, 243, 1) 100%);
    background: -o-linear-gradient(left, rgba(130, 122, 243, 1) 0%, rgba(180, 122, 243, 1) 100%);
    background: -ms-linear-gradient(left, rgba(130, 122, 243, 1) 0%, rgba(180, 122, 243, 1) 100%);
    background: linear-gradient(to right, rgb(96 132 255) 0%, rgb(122 170 243) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#827af3', endColorstr='#b47af3', GradientType=1);
    border-color: #827af3;border:none; font-size:16px; color:#fff; cursor:pointer; font-family:"微软雅黑"; }
/*#content .button:hover { 
background: rgba(180, 122, 243, 1);
    background: -moz-linear-gradient(left, rgba(180, 122, 243, 1) 0%, rgba(130, 122, 243, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(180, 122, 243, 1)), color-stop(100%, rgba(130, 122, 243, 1)));
    background: -webkit-linear-gradient(left, rgba(180, 122, 243, 1) 0%, rgba(130, 122, 243, 1) 100%);
    background: -o-linear-gradient(left, rgba(180, 122, 243, 1) 0%, rgba(130, 122, 243, 1) 100%);
    background: -ms-linear-gradient(left, rgba(180, 122, 243, 1) 0%, rgba(130, 122, 243, 1) 100%);
    background: linear-gradient(to right, rgba(180, 122, 243, 1) 0%, rgba(130, 122, 243, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b47af3', endColorstr='#827af3', GradientType=1);
    border-color: #827af3;
 }*/
input{
	    outline: none;
}
#content .utext, .ptext { 
	display: block;
    width: calc( 100% - 12px);
    height: 40px !important;
    line-height: normal !important;
    padding-left: 12px !important;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #d3d9e6;
	
}
#content input:focus {
    color: #3f414d;
    border-color: #827af3 ;
    box-shadow: none;
}
#content .code { width:80px; height:36px; line-height:36px; background:#fff; border:solid 1px #ccc; text-indent:5px; position:absolute; left:0; font-size:14px; font-family:"微软雅黑"; color:#666; }
.imgbox{
	margin-top:60px;
	text-align:center;
	font-size:16px;
	line-height:1.5;
}
.imgbox h1{font-size:20px;margin-top:10px;}
.imgbox p{
	margin-top:10px;
}

@media (max-width: 750px) {
	#content{
		position: fixed;
		left: 10vw !important;
		top: 30vh !important;
		transform: translate(0%, 0%) !important;
		z-index: 2;
		margin: 0;
		width:80vw !important;
		height:40vh;
		text-align:center;

	}
	.login-video{
		min-width:100% !important;

	}
	.btimg{
		display:none;
	}
	#content .utext, .ptext{
		width:80%;
		margin-left:10%;
		padding:0 !important;
		text-align:center;
	}
	#content dl dd img{
		width: 90px !important;
		margin-top: 10px !important;
		margin-bottom:10px !important;
	}
	#content .button{
		width:80% !important;
		margin-left:10% !important;
	}
}