/* CSS Document */

*{
padding:0px;
margin:0px;
}
body{ overflow:hidden}
a{
text-decoration:none;
}
input{
outline:none
}
ul,li{ list-style:none;}
.my-4{
width:720px;
height:400px;
position:absolute;
left:50%;
top:50%;
margin:-200px 0 0 -360px;
border:#CCCCCC solid 1px;
box-shadow: 0 0 10px #999;
}
.left{
width:360px;
height:400px;
position:absolute;
background:url(../images/right-login-.png) no-repeat #465569 right bottom;
background-size: 200px 200px;
}
.login{
width:310px;
height:370px;
position:absolute;
background:url(../images/left-login.png) no-repeat;
background-size: 280px 200px;
padding-left:50px;
padding-top:30px;
}
.login .list a{
color:#FFFFFF;
font-size:12px;
text-decoration:none;
line-height:25px;
}
.left h1{
font-weight:normal;
color:#FFFFFF;
font-size:18px;
}
.left .thisPosition{
color:#777;
font-size:12px;
line-height:80px;
}
.user{
background:#fafafa;
width:280px;
height:320px;
position:absolute;
top:0px;
right:0px;
padding:40px;
}
.user h1{
font-size:24px;
padding-bottom:40px;
}
.user h1::before{background:#ff9600;content:'';position:absolute;top:75px;left:40px;width:45px;height:3px;border-radius:3px;transition:transform .3s;}
.user .form-control{
border:#CCCCCC solid 1px;
height:35px;
width:268px;
line-height:35px;
margin-bottom:20px;
padding-left:10px;
border-radius:3px;
}
.user img{
cursor:pointer;
height:33px;
position:absolute;
top:227px;
right:42px;
}
.user .qq{
text-align:center;
}
.user .btn{
background:#ff9600;
border:none;
width:100%;
height:35px;
line-height:35px;
cursor:pointer;
color:#FFFFFF;
margin-top:30px;
border-radius:3px;
}
.copy{
position:absolute;
color:#999999;
bottom:24px;
left:50%;
margin-left:-100px;
font-size:12px;
}
.copy a{
color:#666666;
}

.background{position:fixed;_position:absolute;z-index:998;top:0px;left:0px;width:100%;_width:expression(document.documentElement.clientWidth);height:100%;_height:expression(document.documentElement.clientHeight);background:rgb(50,50,50);background:rgba(0,0,0,0.5);}
.webox{position:fixed;_position:absolute;z-index:999;padding:8px;border:solid 1px #000;_background:#777;background:rgba(10,10,10,0.5);}
.webox #inside{background-color:#FFFFFF;height:240px;}
.webox #inside h1{-moz-user-select:none;-webkit-user-select:none;position:relative;display:block;margin:0;padding:0;font-size:13px;line-height:30px;height:30px;padding-left:5px;font-family:Arial;background:#F1F7FC;font-weight:normal;cursor:move;font-weight:800;color:#000;}
.webox #inside h1 a{position:absolute;display:block;right:6px;margin-top:6px;top:0px;font-size:14px;background-image:url(../images/close.fw.png);background-repeat:no-repeat;background-position:center top;width:17px;height:17px;cursor:pointer;display:inline-block;}
.webox #inside h1 a:hover{background-position:center bottom;}
.zc{
position:absolute;
color:#000000;
font-size:12px;
bottom:20px;
right:40px;
}