@charset "utf-8";
/* CSS Document */
	body{font-size:14px;font-family:"Microsoft YaHei";color:#666; overflow-x:hidden;}
	.userbody{ background:url(/user/images/1_01.jpg) center center no-repeat; height:944px; background-size:cover; width:100%; position:relative; border:1px solid transparent; display:block}
	.userbody .middle{ width:1323px; display:block; margin:auto; max-width:96%;}
*{margin:0px;padding:0px;list-style: none;}
img.userimg{ float:left; margin-top:120px; display:block;}
img{border:0px; display: block; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#061589}
a:focus{outline:none;}
input{outline:none;}
.clear{ clear:both}
a.weixinlogin{font-size:16px; text-align:left; text-indent:10px; display:block; width:100%; color:#2EC100}
a.weixinlogin i{font-size:38px; display:inline-block; position:relative; top:9px; margin-right:6px;}
img.ujogo{ float:left; margin-top:40px;}
#login_container{ width:300px; height:400px; padding-top:20px; position:fixed; left:50%; top:50%; margin-left:-150px; margin-top:-210px;text-align:center; background:rgba(255,255,255,1); z-index:-1;}
img.saomaclose{ display:none; position:fixed; left:50%; margin-left:120px; top:50%; margin-top:-199px; cursor:pointer}
img.saomaclose.fix{ display:block;z-index:10000}
#login_container.fix{ z-index:9999}
#login_container iframe{ }
em{ font-style:normal;}
    .login{ width:400px; min-height:413px; background:#FFF; border-radius:16px; float:right; margin-top:130px;max-width:49%;}
	.login.login1{ height:460px;}
	.login dl{ padding:38px 40px 0px 40px;}
	.login dl p.at{ font-size:24px; color:#000; font-weight:bold; display:inline-block; float:left; margin-top:0px; margin-bottom:10px;}
	.login dl img.i{ float:right; display:none}
	.login li{
	padding-top:20px; position:relative}
	.login li.hasbutton{ padding-top:25px; padding-bottom:20px;}
	.login li.hasbutton a{ display:inline-block; font-size:16px; float:right; margin-right:20px;}
	.login li.hasbutton a.xy{ float:left; }
	.login li label{ cursor:pointer; margin-left:10px;}
	.login li span{ display:block; float:left; width:48px; text-align:right; padding-right:12px; display:none;}
	.login li input.inputs{ height:37px; line-height:37px; background:#fff; text-indent:11px; border:1px solid #dddddd; border-radius:5px; width:99%; font-size:16px;}
	.login li input.inputs::-webkit-input-placeholder{color: #d6d6d6; }
.login li input.inputs:-moz-placeholder{color: #d6d6d6; }                 
.login li input.inputs::-moz-placeholder{color: #d6d6d6; }               
.login li input.inputs:-ms-input-placeholder{ color:#d6d6d6}
	.login li em{ color:#F00; position:absolute; right:-11px; top:39px; }
	.login li input.inputsubs{ height:52px; line-height:52px; text-indent:0px; display:block; width:99%; cursor:pointer;border-radius:10px; color:#FFF; background:#1586dc; border:0px solid #1493fa; font-size:16px; margin-top:12px;}
    .login li input[type="file"]{  float:left; width:180px;}
	.login li p.fwxyp{ padding-top:10px; color:#999999}
	.login li p.fwxyp a{ color:#666}
	.login li p.fwxyp.fwxyp1{ margin-bottom:-10px; padding-top:0px; position:relative; z-index:9999 }
	.login li p.fwxyp.fwxyp1 input{ cursor:pointer; margin-right:10px; border:1px solid #cccccc!important; position:relative; top:1px; width:12px; height:12px;}
	.login li.hasbutton a.lijidl{ float:left; color:#999; font-size:14px;}
	.ufoot{ text-align:center; line-height:24px; padding:30px 0px;}
	.file {
            position: relative;
            display: inline-block;
            background: #D0EEFF;
            border: 1px solid #99D3F5;
            border-radius: 4px;
            padding: 4px 12px;
            overflow: hidden;
            color: #1E88C7;
            text-decoration: none;
            text-indent: 0;
            line-height: 20px;
        }
        .file input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 1;
        }
        .file:hover {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }
.xy .layui-layer-setwin {
    right: 33px!important;
    top: 33px!important;

}

.uppic_self{}
.uppic_self .huixian{ float:left; border:1px solid #CCC; display:block; width:79px; height:79px;}
.uppic_self .huixian img{max-width:79px; max-height:79px; display:block; margin:auto;}
.uppic_self em{ line-height:79px; float:left; text-indent:20px;}

.login li{ position:relative}
.login li img.eye{ position:absolute; right:14px; top:30px; cursor:pointer; height:20px;}
a.forget{ float:right; }
a.loga{ color:#999; font-size:14px!important;}
.login a:hover{ color:#036eb8!important} 
a.fsi{ margin:0px; margin:-29px 20px auto auto; position:relative; z-index:999; cursor:pointer; font-style:normal; float:right; color:#666}
@media screen and (max-width:1280px){
.userbody{ height:auto; padding-bottom:50px;}
.login {
    margin-top: 40px;

}
img.userimg{ max-width:55%}

img.userimg{ max-width:49%}
}


@media screen and (max-width:768px){
.login dl p.at {
    font-size: 20px;
}
.login li input.inputs {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.login li input.inputsubs {
    height: 40px;
    line-height: 40px;

    font-size: 18px;
    margin-top: 10px;
}
.login {
    height: auto!important; padding-bottom:30px;
}
	.login li em{ color:#F00; position:absolute; right:-11px; top:34px; }
}
@media screen and (max-width:640px){
	.login { float:none; width:100%; margin:auto; margin-top:30px; max-width:90%
}
.login dl {
    padding: 18px 10px 0px 10px;
}
img.userimg {
    display: none;
}
.ufoot {
    line-height: 20px;
    padding: 14px 0px;
}

.login dl p.at {
   margin-bottom: 0px;
}
.login li input.inputs{ width:95%;}
.login li em {
    right: 0px;

}
	}

@media screen and (max-width:480px){
	.login {
    padding-bottom: 0px;
}
.login {
    min-height: 372px;
}
}