* {
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
}

body {
	font-family: "微软雅黑", arial;
}

ul {
	list-style-type: none;
}

a {
	color: #323437;
	text-decoration: none;
}

input {
	outline: none;
}

img {
	border: none;
	display: block;
}
input:-webkit-autofill {
	-webkit-box-shadow : 0 0 0px 1000px #fff inset !important;
	-webkit-text-fill-color: #000 !important;
}

/*head*/
.head,
.footer,
.serial {
	/*margin: 0 auto;*/
	margin-left: 13%;
	width: 477px;
}
.head img{
	height: 125px;
}
/*centent*/
.content {
	background: url(../images/lgoin_01.jpg) no-repeat center;
}
.contetn-left img{
	/*margin-left: 50px;*/
	/*width: 14rem;*/
	/*height: 5.5rem;*/
}
.content-box {
	/*display: flex;*/
	/*justify-content: flex-start;*/
	/*align-items: center;*/
	margin: 0 auto;
	position: relative;
}

.contetn-right {
	display: inline-block;
	padding: 20px;
	width: 23%;
	min-height: 1rem;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, .75);
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}

.contetn-right-lgb {
	display: inline-block;
	padding: 20px;
	width: 23%;
	min-height: 1rem;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, .75);
	margin: auto;
	position: absolute;
	top: 0; left: 850px; bottom: 0; right: 0;
}

.userName,
.Password,
.verification,
.btn,
.verification-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.userName,
.Password,
.verification-box {
	padding: 8px;
	border-radius: 3px;
	background-color: #fff;
}

.verification-box {
	width: 130px;
	margin-bottom: 0;
	margin-right: 3px;
}

.btn {
	margin-bottom: 0;
}

.verification-box input {
	width: 100px;
}

.userName>input,
.Password>input,
.verification-box>input {
	border: none;
	height: 20px;
	padding: 0 5px;
	margin-bottom: 0;
	background-color: #fff;
	width: calc(100% - 20px - 5px);
	font-weight: bold;
	font-size: 12px;
}

.userName label,
.Password label,
.verification-box label {
	display: block;
	width: 25px;
	height: 15px;
}

.userName label {
	background: url(../images/oy-yhm.png) no-repeat;
	background-size: 13px;
}

.Password label {
	background: url(../images/oy-mm.png) no-repeat;
	background-size: 13px;
}
.verification-box{
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
}
.verification-box label {
	background: url(../images/oy-yz.png) no-repeat;
	background-size: 13px;
}

.verification>img {
	margin-right: 10px;
	height: 27px;
}
.verification a,
.btn label,
.BTN{
	font-size: 11px;
}
.btn label {
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	user-select:none;
}
.btn label input[type=checkbox]{cursor: pointer;}
.verification>a:hover {
	color: #4285f6;
}
.BTN {
	cursor: pointer;
	width: 50%;
	padding: 11px;
	color: #fff;
	border: none;
	border-radius: 3px;
	background-color: #4285f6;
	transition: all .2s;
}

.BTN:hover {
	background-color: #3976dd;
}


/*底部*/
.footer {
	/*width: 1500px;*/
	margin: 0 auto;
	display: flex;
	padding-top: 10px;
	justify-content: center;
	font-size: 11px;
}

.login-bottom-left-msg p {
	padding-left: 15px;
	background: url(../images/oy-login-iphone.png) no-repeat left center;
	background-size: 10px;
	margin-bottom: 6px;
}

.login-bottom-left-msg a {
	padding-left: 15px;
	background: url(../images/oy-login-qq.png) no-repeat left center;
	background-size:  10px;
}

.login-bottom-left {
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-bottom-left-box {
	display: flex;
	justify-content: flex-start;
	padding-right: 20px;
}

.login-bottom-left-box span {
	padding-right: 10px;
}

.login-bottom-right img {
	width: 75px;
}
.login-bottom-right {
	display: flex;
	align-items: center;
	height: 100%;
}

.login-bottom-right p {
	text-align: center;
}

.serial {
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
}

.serial p:first-child {
	padding-bottom: 5px;
}

@media screen and (min-width: 1024px) {
	html {
		font-size: 53.33333333px !important;
	}
}

@media screen and (min-width: 1366px) {
	html {
		font-size: 71.14583333px !important;
	}
}

@media screen and (min-width: 1280px) {
	html {
		font-size: 66.66666667px !important;
	}
}

@media screen and (min-width: 1440px) {
	html {
		font-size: 75px !important;
	}
}

@media screen and (min-width: 1600px) {
	html {
		font-size: 83.33333333px !important
	}
}

@media screen and (min-width: 1920px) {
	html {
		font-size: 100px !important;
	}
}