@charset "utf-8";
/* margin and padding */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,img,form,applet,fieldset,legend,button,input,textarea,th,table,tr,td{margin:0;padding:0;border:none;}

/* bady */
body{font-family:"微软雅黑";font-size:14px;color:#666;background:#f8f8f8 url(../images/body_bg_line.png);min-height:675px;}
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}
html{height:100%;}
input::-ms-clear{display:none;}/*清楚文本框X*/
a{ text-decoration:none}
a:hover{ color: #ff0000; }
/* img */
img{padding:0;margin:0;vertical-align:top;border:none}
li,ul{list-style:none;outside:none;}
dl,dt,dd{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
 

.heard{ width: 100%; margin:auto; height: 100px; background-color:#1da02b;  }
.heard .hcont{ width: 1280px; margin:auto; line-height: 100px; font-size: 24px; color: #fff; }
.heard .hcont img{height: 50px; margin-right:10px; margin-top: 25px;}
.heard .hcont .right{ float: right; color: #fff; margin-right: 100px; font-size: 14px;  }
.cont{ width: 1280px; height: 500px; margin:auto; }
.cont .left{ width: 64%; height: 496px; float: left; }
.cont .left img{ width: 100%; height:496px; margin-top: 30px; margin-left: 20px }
.cont .login{ width: 394px; height: 492px;box-shadow: 0px 0px 10px #ccc; margin-top: 30px; margin-right: 20px; border-radius: 5px; float: right;  }
.cont .login .title{ width: 90%; float: left; font-size: 24px; color: #000; padding-left: 5%; border-left: solid 5px #1da02b ; height: 50px; line-height: 50px; margin-top: 20px; float: left; }
.cont .login .input{ width: 84%;  height:50px; float: left; border: solid 1px #ccc; border-radius: 5px;  margin:15px 8%; }
.cont .login .input .ico{ text-align: center; font-size: 24px; width: 40px; float: left; line-height: 50px;  }
.cont .login #vercode{ margin-top: 20px; }
.cont .login .input input{ float: left;background:#f8f8f8; border:solid 1px #f8f8f8; height: 30px; line-height: 30px; margin-top: 10px; }
.ltxt{ width: 80%; margin: 0 10%; float: left; line-height:50px; height: 50px;  }
.ltxt a{ float: right; margin-left:20px; }
.red{ color: #ff0000; }
.green{color: #1da02b;}
.cont .login .button{ width:80%; background-color: #1da02b;  line-height: 40px; margin:20px 10%; border-radius:5px; height: 40px; float: left;      text-align: center; color: #fff; }
.bottom{ color: #999; width: 100%; text-align: center; font-size: 14px; line-height: 33px; height: 120px; padding: 20px 0; background-color: #eee; margin: 30px auto 0 ; float: left; border-top: solid 1px #ccc;  }
.bottom  a{ color: #000; margin: 15px;}
.bottom .bcont{width: 1280px; margin: auto; text-align: center;}
.bottom .bcont img{ float: right; width: 120px; margin-right: 60px; }
@media (max-width: 800px) {

 .cont .left{display: none;}
 .heard .hcont{ width: 100% ; text-align: center;}
 .cont{ width: 100% !important; }
  .cont .login{ width: 90%; }
}