body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; list-style:none;font-family: "微软雅黑";}
a{color:#2b2b2b; text-decoration:none}
body{ font-size:12px; background-color: #fff;}
img { border:0px;}

.whole{
     background-color: #fff;
    padding: 9rem 3rem 0rem 3rem;
}
.title{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:1.6rem;
	line-height:3.5rem;
	font-weight: 400;
    color: #606266;
	text-align: center;
}
.header {
	padding: 7.3rem 0 3.8rem;
}

.user-name .area {
    font-size: 1.6rem;
    color: #333;
    padding-right: 18px;
    line-height: 1;
    border-right: 0.5px solid #9b9b9b;
}
.header .mainTit {
    font-size:2.6rem;
    color: #333;
    padding-top: 30px;
}
.header .subTit{
    font-size:1.5rem;
    color: #666;
    font-weight: 200;
}
.coordinates-icon{
	width:400px;
	height:240px;
	margin:20px auto;
	position:relative;
}
.coordinates{
	width:144px;
	height:190px;
	overflow:hidden;
	position:absolute;
	z-index:8;
	margin-left:134px;
	top:-60px;
}
.coordinates img{
	width:100%;
	height:auto;
}

.circle-1-1{
	width:100%;
	height:94px;
	overflow:hidden;
	border:1px solid rgba(255,255,255,0.5);
	border-radius:100%;
	background-color:#3a3d4a;
	position:absolute;
	bottom:0;
	z-index:1;
	opacity:0;
}
.circle-2-2{
	width:234px;
	height:56px;
	overflow:hidden;
	border:1px solid rgba(255,255,255,0.4);
	border-radius:100%;
	background-color:#4e515c;
	/*margin:19px 88px;*/
	left:50%;
	margin-left:-117px;
	bottom:19px;
	position:absolute;
	z-index:2;
	opacity:0;
}
.circle-3-3{
	width:108px;
	height:26px;
	overflow:hidden;
	border:1px solid rgba(255,255,255,0.3);
	border-radius:100%;
	background-color:#71747d;
	/*margin:15px 63px;*/
	z-index:3;
	left:50%;
	margin-left:-54px;
	bottom:34px;
	position:absolute;
	opacity:0;
}

.login-form{
	width:100%;
	height:auto;
	margin:0px auto 0px auto;
	float: left;
}
.common-div{
	width:100%;
	height:78px;
	overflow:hidden;
	border-radius:2px;
	-webkit-border-radius:2px;
	margin-bottom:30px;
}
.user-name,.user-pasw{
	background-color:;
}
.common-div >.common-icon{
	float:left;
	width:44px;
	height:78px;
	overflow:hidden;
	line-height: 78px;
}
.common-div >.common-icon img{
	width:100%;
	height:auto;
}
.common-div >input{
	float:left;
	width:360px;
	height:;
	margin:0px 8px;
	background-color:transparent;
	border:none;
	outline:none;
	font-size:26px;
	color:#999;
}
.login-btn{
	color: white;
    background: #fa3534;
    border-color: #ffb500;
    text-align: center;
    font-size: 1.8rem;
    line-height: 78px;
    margin-top: 4rem;
    float: left;
    border-radius:100rem;
}
.forgets{
	width: 100%;
    height: auto;
    margin: 0 auto;
}
.forgets >a{
	color: rgb(144, 147, 153);
/*	opacity:0.4;*/
	font-size:1.6rem;
}
.forgets >a +a{
	float:right;
	color:rgb(144, 147, 153);
}

/***layer css***/
.layui-m-layercont,.layui-m-layerbtn >span{
	font-size:24px !important;
}

/***动画***/
.topAct{
	animation:topAct 3s ease-in-out infinite;
	-webkit-animation:topAct 3s ease-in-out infinite;
	-moz-animation:topAct 3s ease-in-out infinite;
	-o-animation:topAct 3s ease-in-out infinite;
	-ms-animation:topAct 3s ease-in-out infinite;
}
@keyframes topAct
{
	0% {top:-60px;}
	50% {top:0px;}
	100%{top:-60px;}
}
@-webkit-keyframes topAct
{
	0% {top:-60px;}
	50% {top:0px;}
	100%{top:-60px;}
}
@-moz-keyframes topAct
{
	0% {top:-60px;}
	50% {top:0px;}
	100%{top:-60px;}
}

.circle-show{
	animation:circleShow 3s ease-in-out infinite 1s;
	-webkit-animation:circleShow 3s ease-in-out infinite 1s;
	-moz-animation:circleShow 3s ease-in-out infinite 1s;
	-ms-animation:circleShow 3s ease-in-out infinite 1s;
	-o-animation:circleShow 3s ease-in-out infinite 1s;
}
@keyframes circleShow
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes circleShow
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes circleShow
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}

.circle-show-1{
	animation:circleShow1 3s ease-in-out infinite 1.2s;
	-webkit-animation:circleShow1 3s ease-in-out infinite 1.2s;
	-moz-animation:circleShow1 3s ease-in-out infinite 1.2s;
	-ms-animation:circleShow1 3s ease-in-out infinite 1.2s;
	-o-animation:circleShow1 3s ease-in-out infinite 1.2s;
}
@keyframes circleShow1
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes circleShow1
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes circleShow1
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}

.circle-show-2{
	animation:circleShow2 3s ease-in-out infinite 1.4s;
	-webkit-animation:circleShow2 3s ease-in-out infinite 1.4s;
	-moz-animation:circleShow2 3s ease-in-out infinite 1.4s;
	-ms-animation:circleShow2 3s ease-in-out infinite 1.4s;
	-o-animation:circleShow2 3s ease-in-out infinite 1.4s;
}
@keyframes circleShow2
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes circleShow2
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes circleShow2
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
 .formItem {
    height: 57px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}

.user_gy{border-bottom: 1px solid #ccc;margin-top: 25px;width: 100%;float: left;}
.van-field__control{color: #151311; font-weight: bold; font-size: 1.8rem; display: block; box-sizing: border-box; width: 100%;
    min-width: 0; margin: 0; padding: 0; line-height: 4.8rem; text-align: left; background-color: transparent;
    border: 0; resize: none;outline:none; padding-left: %;}

input::-webkit-input-placeholder{color: #c4c4c4; font-size:1.55rem; font-weight: normal;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */color: #c4c4c4; font-size:1.55rem;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color: #c4c4c4; font-size:1.55rem;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */color: #c4c4c4; font-size:1.55rem;}

.user-code{float: left;}
.user-code input{width: 50%; float:left;}
.common-icon img{width: 14rem;float: right;}
.common-icon button{float: right;width:13rem; height:3.6rem; font-size: 1.5rem; opacity: 1; color: #ff5f3f; background: none; border:none;}