@charset "utf-8";
body,p,ul,ol,li,table,input {padding:0;margin:0;list-style:none;}
body,html {width:100%;height:100%;}
a { text-decoration:none;}
.clear {clear:both;}
.left {float:left;}
.right {float:right}
.bg {width:100%;height:100%;background:url(../images/bg1.jpg) no-repeat center center;position:relative; background-size: 100%;}
.bg1 {width:100%;height:100%;background:url(../images/bg3.jpg) no-repeat center top;position:relative;background-size: 100%;}
.logo {width:765px;text-align:center;position:absolute;left:50%;margin-left:-380px;top:-70px;}
.img-zs {max-width:100%;height:auto;display:block;}
.login {width:900px;height:320px;position:absolute;left:50%;top: 50%;margin-top:-200px;margin-left:-450px;background:#ffffff;box-shadow:0 0 100px rgba(81, 81,81,0.8); }
/* .login {width:900px;height:320px;position:absolute;left:50%;top: 50%;margin-top:-200px;margin-left:-450px;background:#ffffff;border:#dddddd 1px solid;box-shadow:0 0 8px rgba(81, 81,81,0.8); } */
.login1 {width:400px;height:320px;position:absolute;left:50%;top: 50%;margin-top:-200px;margin-left:-200px;background:#ffffff;box-shadow:0 0 20px rgba(81, 81,81,0.8);border-radius:15px;}
.img-js {width:500px;height:320px;float:left;}
.login-1 {width:400px;height:320px;float:right;}

/* 图片切换css */
.slideBox{ width:500px; height:320px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px;overflow:hidden; position:absolute;bottom:5px;z-index:1;width:100%}
.slideBox .hd ul{ overflow:hidden; zoom:1;margin:0 auto;width:60px;}
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px;text-align:center;background:#fff;cursor:pointer;border-radius:5px;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:500px; height:320px; display:block;  }

/* TAB切换css */
.slideTxtBox{ width:400px;text-align:left;  }
.slideTxtBox .hd{height: 42px;width: 400px;margin:0 auto;}
.slideTxtBox .hd ul{height:42px;}
.slideTxtBox .hd ul li{float: left; height:42px; line-height:42px; width:50%; font-size: 16px; text-align: center; color: #252525;font-weight:bold;cursor:pointer;font-family: "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;border-bottom:solid 1px #dddddd;}
.slideTxtBox .hd ul li.on{float: left; height: 42px; line-height: 42px; width:50%; font-size: 16px; text-align: center;font-weight:bold;cursor:pointer;font-family: "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;color:#6cb02e;border-bottom:solid 1px #6cb02e;}
.slideTxtBox .hd ul li.stu {float: left; height: 42px; line-height: 42px; width:100%; font-size: 16px; text-align: center;font-weight:bold;cursor:pointer;font-family: "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;color:#6cb02e;border-bottom:solid 1px #6cb02e;}
.slideTxtBox .bd ul{ height:160px;width:353px;margin:0 auto;}
.slideTxtBox .bd li{ height:auto;}
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox .bd li p {width:100%;height:auto;overflow:hidden;margin:20px 0;}
.slideTxtBox .bd li span.user {width:90px;float:left;display:block;color:#333333;font-size:14px;line-height:34px;}
.slideTxtBox .bd li span.user i {margin-right:10px;font-size:15px;color:#999999;}
.slideTxtBox .bd li input {width:260px;height:32px;line-height:34px;border:solid 1px #cdcdcd;float:left;}
.slideTxtBox .bd li input.yzm {width:120px;float:left;}
.slideTxtBox .bd li button.btn-1 {height:34px;width:120px;margin-left:6px;line-height:32px;background:#f1f1f1;border:none;border:solid 1px #dddddd; cursor:pointer;}
.slideTxtBox .bd li span.yzm-img {height:32px;width:80px;margin-left:6px;cursor:pointer;float:left;}
.btn {width:353px;height:36px;border:none;border:0px;border-radius:5px;background:#1c73cd;line-height:36px;color:#fff;cursor:pointer;font-size:16px;font-family:"微软雅黑";margin-left:25px;margin-top:10px;}
.zhmm {font-size:14px;line-height:24px;width:340px;margin:5px auto 0 auto;}
.zhmm a {color:#666666;}
.zhmm a:hover {color:#1c73cd;}
.zhmm i {margin-right:5px;color:#999999;font-size:15px;}
.st-login {line-height:36px;}
.st-login p {width:100%;height:auto;overflow:hidden;margin:20px 0;}
.st-login span {width:90px;float:left;display:block;color:#333333;font-size:14px;}
.st-login span i {margin-right:10px;font-size:15px;color:#999999;}
.st-login input {width:260px;height:32px;line-height:34px;border:solid 1px #cdcdcd;float:left;}
.st-login input.yzm {width:120px;float:left;}
.st-login span.yzm-img {height:32px;width:80px;margin-left:6px;cursor:pointer;float:left;}

.khd {width:540px;overflow:hidden;position:absolute;left:50%;margin-left:-270px;bottom:-80px;font-size:14px;}
.teacher {width:160px;height:40px;margin:0 10px;border-radius:5px;background:#8bbeb2;line-height:40px;color:#fff;float:left;}
.teacher a {display:block;margin:6px 0 6px 15px;float:left;}
.teacher a.text {display:block;margin:0;margin-left:10px;float:left;font-size:16px;color:#fff;}
.parent {background:#f3b562;}
.help {width:145px;height:40px;margin:0 10px;border-radius:5px;line-height:40px;color:#fff;background:#f16060;padding-left:15px;float:left;}
.help a {display:block;margin:6px 0 6px 15px;float:left;}
.help a.text {display:block;margin:0;margin-left:10px;float:left;font-size:16px;color:#fff;}
.bottom {width:540px;text-align:center;line-height:24px;color:#333333;font-size:12px;position:absolute;bottom:50px;left:50%;margin-left:-270px;}