/*��дĬ����ʽ*/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset,select, input, blockquote, textarea, p, th, td ,table,em,b,span,samp{margin:0; padding:0; font-family:"���ź�",Microsoft YaHei,Arial, Helvetica, sans-serif;}
html,body{
font-size: 1rem;
}
img{ vertical-align:middle; border:none;}
a { text-decoration:none; color:inherit; font-size:inherit; cursor: pointer; }
a:visited, a:hover, a:link, a:active{
text-decoration:none;
color: inherit;
}
ol,ul,li{ list-style:none; }
input{outline:none;}
input::-webkit-input-placeholder {color: #888 !important; /*WebKit browsers*/}
input:-moz-placeholder{color: #888 !important; /*Mozilla Firefox 4 to 18*/}
input::-moz-placeholder{color: #888 !important; /*Mozilla Firefox 19 */}
input:-ms-input-placeholder{color: #888 !important; /*Internet Explorer 10 */}
input:focus,select:focus,textarea:focus{/*border-color:#ffcc33 !important;*/}
div{outline:none;}
body {
background: #f8f8f8;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
text-align: center;
color: #fff;
}
.page-container {
margin: 120px auto 0 auto;
background: #fff;
width: 450px;
border-radius: 5px;
background: url("../../../images/login/login-bg3-bf701e10b5ed9cdf10de1cf88a3dc3a3.png");
background-size: cover;
}
.login-head{
height: 80px;
line-height: 80px;
text-align: center;
}
.login-head img{
width: 150px;
}
h1 {
font-size: 30px;
font-weight: 700;
text-shadow: 0 1px 4px rgba(0,0,0,.2);
}
form {
position: relative;
width: 305px;
margin: 0 auto 0 auto;
text-align: center;
}
input {
width: 270px;
height: 42px;
margin-top: 25px;
padding: 0 15px;
background: #2d2d2d; /* browsers that don't support rgba */
background: rgba(45,45,45,.15);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #3d3d3d; /* browsers that don't support rgba */
border: 1px solid rgba(255,255,255,.15);
-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
font-size: 14px;
color: #333;
text-shadow: 0 1px 2px rgba(0,0,0,.1);
-o-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-ms-transition: all .2s;
}
input:-moz-placeholder { color: #fff; }
input:-ms-input-placeholder { color: #fff; }
input::-webkit-input-placeholder { color: #fff; }
input:focus {
outline: none;
-moz-box-shadow:
0 2px 3px 0 rgba(0,0,0,.1) inset,
0 2px 7px 0 rgba(0,0,0,.2);
-webkit-box-shadow:
0 2px 3px 0 rgba(0,0,0,.1) inset,
0 2px 7px 0 rgba(0,0,0,.2);
box-shadow:
0 2px 3px 0 rgba(0,0,0,.1) inset,
0 2px 7px 0 rgba(0,0,0,.2);
}
button {
cursor: pointer;
width: 300px;
height: 44px;
margin-top: 25px;
padding: 0;
background: #ef4300;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #ff730e;
-moz-box-shadow:
0 15px 30px 0 rgba(255,255,255,.25) inset,
0 2px 7px 0 rgba(0,0,0,.2);
-webkit-box-shadow:
0 15px 30px 0 rgba(255,255,255,.25) inset,
0 2px 7px 0 rgba(0,0,0,.2);
box-shadow:
0 15px 30px 0 rgba(255,255,255,.25) inset,
0 2px 7px 0 rgba(0,0,0,.2);
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.1);
-o-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-ms-transition: all .2s;
}
button:hover {
-moz-box-shadow:
0 15px 30px 0 rgba(255,255,255,.15) inset,
0 2px 7px 0 rgba(0,0,0,.2);
-webkit-box-shadow:
0 15px 30px 0 rgba(255,255,255,.15) inset,
0 2px 7px 0 rgba(0,0,0,.2);
box-shadow:
0 15px 30px 0 rgba(255,255,255,.15) inset,
0 2px 7px 0 rgba(0,0,0,.2);
}
button:active {
-moz-box-shadow:
0 15px 30px 0 rgba(255,255,255,.15) inset,
0 2px 7px 0 rgba(0,0,0,.2);
-webkit-box-shadow:
0 15px 30px 0 rgba(255,255,255,.15) inset,
0 2px 7px 0 rgba(0,0,0,.2);
box-shadow:
0 5px 8px 0 rgba(0,0,0,.1) inset,
0 1px 4px 0 rgba(0,0,0,.1);
border: 0px solid #ef4300;
}
.error {
display: none;
position: absolute;
top: 27px;
right: -55px;
width: 40px;
height: 40px;
background: #2d2d2d; /* browsers that don't support rgba */
background: rgba(45,45,45,.25);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.error span {
display: inline-block;
margin-left: 2px;
font-size: 40px;
font-weight: 700;
line-height: 40px;
text-shadow: 0 1px 2px rgba(0,0,0,.1);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.piaochecked {
width: 14px;
height:14px;
float: left;
cursor: pointer;
text-align: center;
background-image: url("../../../images/login/check-mark-174b5280fd5796970be28183afe70fb0.png");
background-repeat: no-repeat;
background-position: -2px;
border: 1px solid #e5e5e5;
border-radius: 5px;
}
.piaochecked input{
margin: 0;
}
.on_check {
background-position: 0 -21px;
}
.radioclass {
opacity: 0;
cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.remember-pw{
width: 305px;
margin: 15px auto 0 auto;
overflow: hidden;
}
.remember-pw .txt{
color: #333;
float: left;
line-height: 14px;
margin-left: 10px;
font-size: 14px;
}
.btn-login{
width: 305px;
margin: 25px auto 0 auto;
overflow: hidden;
}
.btn-login a{
width: 305px;
text-align: center;
height: 40px;
line-height: 40px;
display: block;
float: right;
background: #1c539d;
color: #fff;
border-radius: 5px;
margin-bottom: 30px;
}
.txt-b{
overflow: hidden;
width: 305px;
margin: 25px auto 0 auto;
padding-bottom: 30px;
}
.txt-b a{
font-size: 12px;
color: #333;
}
.txt-b .forget{
float: left;
}
.txt-b .creat{
float: right;
}
.con-c{
background: #fff;
}