body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div {
   margin: 0;
   padding: 0;
   border: 0;
}

body,
ul,
ol,
li,
p,
form,
fieldset,
table,
td {
   font-family: "宋体";
}

body {
   color: #000;
   text-align: left;
   height: 100%;
}

td,
p,
li,
select,
input,
textarea,
div {
   font-size: 12px;
}

ul {
   list-style-type: none;
}

select,
input {
   vertical-align: middle;
}

a {
   text-decoration: none;
}

/*a:link
 {
  color: #1e50a2;
 }

 a:visited
 {
  color: #1e50a2;
 }

 a:hover, a:active, a:focus
 {
  color: #1e50a2;
  text-decoration: underline;
 }*/

a:hover,
a:active,
a:focus {
   color: #1e50a2;
   text-decoration: underline;
}

select,
input,
button,
button img,
label {
   vertical-align: middle;
}

h1 {
   color: #c81622;
   font-size: 24px;
   line-height: 60px;
   font-family: "微软雅黑", "宋体", Arial;
   margin-left: 25px;
   font-weight: normal;
}

h2 {
   font-size: 14px;
   color: #fff;
}

h3 {
   font-size: 14px;
   color: #555555;
}

.box {

   position: relative;
   background: #c81622;

}

.box input[type="text"],
.box input[type="password"] {

   outline: none;

}

.box .loginTopWidth {
   background: #c81622;
}

.copyright .loginTopWidth {


   text-align: center;
   margin-top: 10px;
   color: #999;
   margin-bottom: 30px;
}

.copyright a {
   color: #999;

}

.copyright a:hover {
   color: #999;
   text-decoration: underline;
}

.loginTop {

   height: 100px;
   background-color: #fff;
   width: 100%;

}

a.tips {
   float: right;
   margin-top: 70px;
   margin-right: 70px;
   text-decoration: none;
   color: #c81622;
   font-size: 16px;
}

a.tips:hover {

   color: #c81622;

}

.loginTopWidth {

   width: 1200px;
   margin: 0 auto;


}

.loginTop img {

   height: 56px;
   margin-top: 30px;
   margin-left: 30px;
}

.logo {
   margin-top: 15px;
   float: left;
   width: 140px;
}


.loginbox {
   position: absolute;
   width: 335px;
   height: 360px;
   top: 70px;
   margin-left: 800PX;
   border: solid 1px #86adc6;
   background: #FFFfff;

}

.loginimg {
   height: 485px;
   width: 485px;

}

.loginimg img {
   width: 100%;
   height: 100%;
   ;
}

.loginError {
   line-height: 22px;
   display: block;
   height: 22px;
   color: #c81622;
   margin-left: 60px;
}

.newline {

   line-height: 22px;
   display: block;
   height: 22px;
   color: #e32929;
   margin-left: 60px;
}

.username {
   border: #c8c8c8 1px solid;
   line-height: 34px;
   ime-mode: disabled;
   padding-left: 8px;
   width: 180px;
   padding-right: 18px;
   height: 34px;
   color: #666;
   font-size: 14px;
   font-weight: bold;
}

.password {
   border: #c8c8c8 1px solid;
   line-height: 34px;
   ime-mode: auto;
   padding-left: 8px;
   width: 180px;
   padding-right: 18px;
   height: 34px;
   color: #666;
   font-size: 14px;
}

.usernameBox span {
   line-height: 34px;
   font-size: 14px;
   width: 60px;
   height: 34px;
   color: #666666;
   display: block;
   float: left;
}

.passwordBox span {
   line-height: 34px;
   font-size: 14px;
   width: 60px;
   height: 34px;
   color: #666666;
   display: block;
   float: left;
}


.freeMailbox {
   margin: 10px 25px 25px 25px;
   height: auto;
   overflow: hidden;
}

.freeMailbox .usernameBox {
   position: relative;
   _zoom: 1;
}

.usernameBox.focus INPUT {
   border: #6b9bdc 1px solid;
   box-shadow: 0 0 3px #6b9bdc inset;
}

.usernameBox.focus LABEL {
   color: #ccc;
   border: #c8c8c8 1px solid;
}

.placeholder {
   visibility: visible;
   cursor: text;
   color: #999;
   font-size: 14px;
   text-indent: 10px;
   position: absolute;
   left: 0;
   top: 0;
   visibility: hidden;
   background: none;
}

.loginSetting {
   margin-top: 8px;
   height: 22px;
   line-height: 22px;
   margin-left: 60px;
   margin-right: 10px;
}

.login_zc {
   margin: 10px 0px 10px 60px;
   height: 35px;
}
    .login_zc a {
    
            display: block;
    height: 100%;
    width: 100%;
    
    }


a:hover {
   color: #fff;
}

.clearfix::after {
   content: ".";
   display: block;
   height: 0;
   font-size: 0;
   clear: both;
   visibility: hidden;
}


.line_01 {
   border-bottom: dashed 1px #b5c8d9;
   height: 1px;
   margin: 15px 15px 30px 10px;
}

.box_01 {
   height: auto;
   overflow: hidden;
   margin-left: 10px;
}

.box_01 p {
   line-height: 24px;
   font-size: 12px;
   color: #666666;
   padding-bottom: 5px;
}

.box_01 ul {
   margin: 0px;
   padding: 0px;
}

.box_01 ul li {
   margin: 0px;
   padding: 0px;
   height: 16px;
   width: 65px;
   color: #0000cc;
   border-right: solid 1px #e1e1e1;
   float: left;
   line-height: 16px;
}

.box_01 ul li img {
   border: none;
   float: left;
   margin-right: 5px;
}

.box_01 ul li a {
   color: #0000cc;
}

.box_01 ul li a:hover {
   color: #0000cc;
}


.forgetPas {
   float: right;
   /*color: #c81622 !important;*/
       color: #1b66c7;
}

.op-bg {
   background-color: #ffdfdf !important;
}

a.forgetPas:hover {
    color: #1b66c7;
    text-decoration: underline;
}

/*弹出框动画*/
.fadeIn {
    -webkit-animation: fadeInDown .3s;
    animation: fadeInDown .3s;
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -20%, 0);
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -20%, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        opacity: 1;
    }
}