/*Login*/
html,body{ height: 100%;}
input,select,textarea:focus{ outline:none;}
.loginbody {background: #dcdddd url(../img/login/loginbg.png) no-repeat center top;font-family: Arial,'Microsoft YaHei';}
.logo{ width: 260px; position: absolute; top: 18%; left: 50%; margin-left: -106px;}
.content{ width:330px; position: absolute; left:50%; margin: 278px 0 0 -170px; text-align: right; overflow: hidden;}
.box{ display: inline-block; width:270px; text-align: left;}
.title{ font-size: 20px; color: #601986; margin: 17px 0 17px 21px; cursor: default;}
.textbox{ position: relative; margin-bottom: 6px; font-size: 12px;}
.text{ width:100%; height: 34px; line-height: 34px; border-radius: 17px; background: #fff; border:  1px solid #601986; color: #601986; text-indent: 94px; padding: 0;}
.textbox span{ position: absolute; left:0; top:0; line-height: 34px; padding: 0 10px 0 15px; border-radius: 17px 0 0 17px; color: #601986; cursor: default;}
.send{ position: absolute; right: 0; top:0; height: 34px; border:0; border-radius:17px;background: linear-gradient(#824699, #651287); color: #fff; padding: 0 10px; cursor: pointer;}
.code{ position: absolute; top:7px; right: 15px; height: 22px;}
.lagpsd{ font-size: 12px; color:#601986; text-align: center; white-space: nowrap; margin-top: 10px; cursor: default;}
.lagpsd select{ border: 0; height: 20px; color:#601986; border-radius: 10px;padding-left:10px;margin-left: 4px;    background: #f7f8f8;}
.lagpsd img{ height: 42px; vertical-align: middle; margin: -4px 10px 0 20px; transition: all .2s ease-in-out; cursor: pointer;}
.lagpsd img:hover{ opacity: .9;}
.lagpsd a{ text-decoration: none; color:white;}
.z-fleJust{display:flex;justify-content:space-between; width:270px; margin-top:10px; margin-left:30px}
@media screen and (max-width:480px) {
	.content{
		margin: 270px 0 0 -155px
	}
	.box, .lagpsd, .z-fleJust {
		margin-right: 30px;
	}
	.lagpsd
	{
		margin-top: 5px; 
	}
	.loginbody{
		
	}
	.title{
		margin: 10px;
		text-align: center;
		
	}

}