@charset "UTF-8";

/**
** 代码制作人: 益田
** 制作时间：2020-08-04
** 文件内容描述：PC端登录页
** 修改日期：无
** 修改内容：无
**********************************************/
* { padding: 0; margin: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
html { font-size: 62.5%;box-sizing: border-box;}
body { width:100%;background: #000;font-family: Helvetica, "微软雅黑";word-break:break-all;-webkit-tap-highlight-color:rgba(0,0,0,0);margin-bottom: 0 !important;}
h1{font-size: 100%;font-weight: normal;}
a {cursor: pointer;text-decoration: none;}
img{display:inline-block;vertical-align: middle;}
input{ background: none;outline: none; border: none; text-align: center;}
input::-webkit-input-placeholder {  color: #ff8a9f; font-size: 1.6px;font-size:1.6rem;}
input::-moz-placeholder {   color: #ff8a9f; font-size: 16px;font-size:1.6rem;}
input:-ms-input-placeholder {   color: #ff8a9f;  font-size: 16px;font-size:1.6rem;}
button{vertical-align: middle;text-align: center; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: pointer;}
.btn{outline: 0;-webkit-appearance: none;display: inline-block;white-space: nowrap;border: none; cursor: pointer;border-radius: 1000px;padding: 10px 25px;background-color: #fff;  color:#d21033;opacity: 0.8; filter: alpha(opacity=80);}
.btn:hover { opacity: 1; filter: alpha(opacity=100);}
.btn:active {opacity: 0.8;  filter: alpha(opacity=80);}
.forget a{ color: #fff;opacity: 0.8; filter: alpha(opacity=80);}
.forget a:hover { opacity: 1; filter: alpha(opacity=100);}
.forget a:active {opacity: 0.8;  filter: alpha(opacity=80);}
.icons img{ opacity: 0.8; filter: alpha(opacity=80);}
.icons img:hover { opacity: 1; filter: alpha(opacity=100);}
.icons img:active {opacity: 0.8;  filter: alpha(opacity=80);}
.container{ width: 100%;min-width: 980px;  height:100%; background-image: url("../images/login_bg01.jpg");  background-repeat: no-repeat; background-position: 50%;background-size: cover;    overflow: hidden;  position: absolute; left: 0; top: 0; z-index: -1;}
.main{ width:32%;margin-top:-300px; padding: 0 34%; position: absolute; left: 0; top:50%;background:#fff;background-image: url("../images/login_bg02.jpg"); background-repeat: no-repeat;background-size: 100%;}
.mainyc{ width:32%;margin-top:-300px; padding: 0 34%; position: absolute; left: 0; top:50%;background:#fff;background-image: url("../images/login_bg002.jpg"); background-repeat: no-repeat;background-size: 100%;}
.login{width:100%;min-width: 320px; min-height: 300px; background: #d21033;color:#fff; margin: 0 auto; padding: 60px 0 10px; padding: 6rem 0 1rem;}
.login h1{width:100%; text-align: center; font-size:40px; font-weight: 700; white-space:nowrap;}
.login p{ width:70%; margin: 0 auto; text-align: center; padding-top: 30px;padding-top: 3rem;}
.login .footer{width:90%; color: #ff8a9f; white-space: nowrap; padding-top:4rem;}
.login .forget{text-align: right; color: #fff;padding:2rem 0;}
.login input{ display: block; text-align: center; border-bottom:1px solid #ff8a9f;width:100%; height: 40px; font-size: 16px;font-size: 1.6rem; color: #fff;}
.login .btn{ display: block;width:100%; height: 50px; margin-top: 20px; font-size: 20px;font-size: 2rem;}
.login .icons a{display:inline-block; width: 48px; height: 48px; margin: 0 5px;}	
.field {width:70%; padding: 0; border-width: 1px; border-style: solid; border-color:#ff8a9f;margin:0 auto;}
.field legend { padding: 0 10px; font-size: 14px;font-size: 1.4rem; font-weight: 300; text-align: center;color: #fff;margin:0 auto;}
.field-title { border-width: 1px 0 0;opacity: 0.8; filter: alpha(opacity=80);}