*{margin: 0;padding: 0;outline: none;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: PingFang SC,Verdana,Microsoft YaHei;}
ul,li{ list-style: none;}
a img{ border: none;}
a{ text-decoration: none;-moz-transition:all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition:all 0.3s ease 0s;}
body{ background:#e2e2e2;}

.container{overflow: hidden; font-size: 14px; }
.header{ height: 80px; line-height: 80px; background:#3C628B; margin: 0 0 20px 0; box-shadow: 0px 0px 10px #ccc;}
.header h1{color: #fff;font-weight: 400px; font-size: 28px; padding: 0 0 0 60px;float: left;background: linear-gradient(to bottom,#fff,#b4d4eb,#fff); -webkit-background-clip: text; color: transparent;}
.header span{color:#accde4;float: right; padding: 0 30px 0 0;}
.main{  position: relative;overflow: hidden; }
.footer{background: #292a2d; color: #fff; line-height: 30px; padding: 30px 0; text-align: center;position: absolute; bottom: 0; width: 100%;}
.loginZone{ background: #fff; border-radius: 8px;box-shadow: 0 0 10px #d9d9d9;  width:800px; height: auto; margin:30px auto 0 auto;overflow: hidden;}
.lz_l{float: left;width: 500px;padding: 20px 30px;}
.lz_r{float: right;width: 200px;padding: 80px 20px 20px 20px; background: #f4f4f4;height: 401px;}
.lz_c{padding: 20px 30px;height: 400px;}
.loginZone p{ background: #fff0f0; padding: 10px; color:#7a2525;border-radius: 5px;line-height: 24px;border: 1px solid #ffd9d9;margin: 0 0 10px 0;}
.lz_c p{margin: 0 0 10px 0;}
.loginZone p a{text-decoration: underline; margin: 0 5px; color:rgb(82, 153, 202);}
.userZone{text-align: center; padding:10px 0;}
.userZone a {display: inline-block; padding:64px 0px 10px 0px; margin: 0 30px; background: url(../img/photo.png) no-repeat center 0;}
 
.userZone a:hover {background: url(../img/photo_hover.png) no-repeat center 0; }
.userZone a span{ color: rgb(82, 153, 202);display: block; line-height: 30px;  margin: 0 auto;font-weight: bold;}
.userZone a:hover span{color:rgb(69, 129, 169);}
.lz_check{ background:#b4b4b4; color: #fff; width:80px; height: 30px; line-height: 30px; display:inline-block; font-size: 14px; text-decoration: none; text-align: center;border-radius: 5px; margin: 10px 0;}
.lz_btn{ background:rgb(82, 153, 202); color: #fff; width:auto; height: 30px; line-height: 30px; display: block; font-size: 14px; text-decoration: none; text-align: center;border-radius: 5px;margin: 10px auto 30px auto; display: inline-block;padding: 0 10px; }
a:hover.lz_check{background:#999;}
a:hover.lz_btn{background:rgb(69, 129, 169);}
.lz_l h3,.lz_c h3{ line-height: 60px;font-size: 20px;}
.lz_l ul,.lz_c  ul{margin: 20px auto;}
.lz_l ul li,.lz_c ul li{line-height: 50px;}
.lz_text {height: 28px; width: 240px; border: 1px solid #ccc;padding: 0 5px; font-size: 14px; color: #333;border-radius: 3px;}
.lz_btn2{ background:#05c089; color: #fff; width: 200px; height: 40px; line-height: 40px; display: block; font-size: 18px; text-decoration: none; text-align: center;border-radius: 5px;margin: 0 auto 20px auto; }
a:hover.lz_btn2{background:#0ba273;}
#noConnect li{ padding: 10px 0px;}