/* CSS Document */
/*Reset*/
*{ vertical-align:baseline; font-weight:inherit; font-family:"微软雅黑",Arial; font-style:inherit; font-size:100%; padding:0; margin:0; border:none;}
body{ font-size:12px; font-family:"微软雅黑",Arial; background:#fff;}
ol, ul{ list-style:none;} 
img{ border:none; text-decoration:none; display:block;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:12px;}
a{text-decoration:none;} 
a:hover{ text-decoration:none!important;}
a img, :link img, :visited img{ border:0px;} 
.clear {clear:both;} 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
*+html .clearfix {min-height: 1%;}
* html{ background-image:url(about:blank); background-attachment:fixed;}
/*basic*/
div{display: block;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width:1200px; margin:0 auto;}
.wy{ font-family:Microsoft YaHei;}

.jsHeader{ border-bottom:1px solid #DCDCDC; background:#fff;}
/*页头*/
.allheader{height: 70px;background-color: #6f5a45}

.header{width:1000px; margin:0 auto; height: 70px;}
.logo{float: left;}
.title{float: left;margin-left: 40px;margin-top: 22px}

 
.nav{float: right;width: 300px;height: 30px;margin-top: 30px;}
/* tool */
.span01{float: left;margin-top: 40px}
.span02{float: left;margin-top: 40px;margin-left: 92px}
.font12{font-family: 微软雅黑;font-size:12px;color: #fff}
.font12y{font-family: 微软雅黑;font-size:12px;color: #fefc59}
.font13b{font-family: 微软雅黑;font-size:13px;color: #000000}
.font14{font-family: 微软雅黑;font-size:14px;color: #fff}
.font14b{font-family: 微软雅黑;font-size:14px;color: #858585}
.font16b{font-family: 微软雅黑;font-size:16px;color: #000000}
.font18{font-family: 微软雅黑;font-size:18px;color: #fff}
.font16c{font-family: 微软雅黑;font-size:18px;color: #fff}
.font16h{font-family: 微软雅黑;font-size:16px;color: #f23a02}
.font16bl{font-family: 微软雅黑;font-size:16px;color: #000;line-height: 29px}
.font18b{font-family: 微软雅黑;font-size:18px;color: #7a7a7a}
.font18y{font-family: 微软雅黑;font-size:18px;color: #e65100}
.font18h{font-family: 微软雅黑;font-size:18px;color: #686868}
.font30{font-family: 微软雅黑;font-size:30px;color: #000}
.font14h{font-family: 微软雅黑;font-size:14px;color: #333333}
.font24h{font-family: 微软雅黑;font-size:24px;color: #333333}
.loginbtn_bg{background: url(../image/btn03.png);cursor: pointer;}

/*中间区域*/
.content{width:1000px ;margin:0 auto;padding: 20px}

.mid{/*height: 1200px*/}

.nav1{height: 520px;background:url(../image/navbg.jpg) no-repeat center top;}
.nav1 .cbox1{width:1000px ;margin:0 auto;height: 520px;}
.nav1 .cbox1 .login_bg{background: url(../image/login_bg.png);width: 320px;height: 414px;float: right; margin-top:50PX;}

.cbox1 .login_title{height: 53px;}

.cbox1 .login_text{height: 52px;width: 158px;display: block;float: left;margin-left: 2px;text-align: center;line-height: 51px}
.cbox1 .regist_text{height: 52px;width: 150px;display: block;float: right;margin-right: 3px;text-align: center;line-height: 51px}

.lrinput{height: 327px;width: 240px;margin:10px 45px; }
.rinput li{margin-top: 12px; overflow: hidden;}
.rinput li input{margin: 12px 16px}
.rinput li span{margin-left: 0px; margin:0;}
.rinput li .phonenumber{height: 42px;width: 230px;background:url(../image/phoneinput.jpg) ;}
.rinput li .phoneinput{width: 186px;margin-top: 4px;margin-left: 40px;height: 35px; line-height:35px; outline: medium; background:#FFF;}
.rinput li .btnyzm{height: 40px;width: 106px;background-color: #c79500;display: block;line-height: 40px;text-align: center;float: left;cursor: pointer;}
.rinput li .gra { background:#CCC;}
.rinput li .yzminput{width: 118px;height:40px; line-height:40px; outline: medium;float: left;margin: 0 5px; background:#FFF;}
.rinput li .passd{height: 41px;width: 230px;background:#FFF url(../image/passd.jpg) ;}
.rinput li .repassd{height: 41px;width: 230px;background:url(../image/repassd.jpg) ;}
.rinput li .btn_regist{height: 41px;width: 230px;margin-top:0px}
.rinput li .ralrttext{margin-left: 10px}

.linput{display: none}
.linput li{margin-top: 30px}
.linputt li input{margin: 12px 16px}
.linput li span{margin-left: 0px}
.linput li .usernamediv{height: 42px;width: 230px;background:url(../image/phoneinput.jpg) ;}
.linput li .usernameinput{width: 186px;margin-top: 4px;margin-left: 40px;height: 35px; line-height:35px; outline: medium; background:#fff;}
.linput li .passworddiv{height: 41px;width: 230px;background:url(../image/bg_password.png) ;}
.linput li .passwordinput{width: 186px;margin-top: 4px;margin-left: 40px;height: 35px; line-height:35px;  background:#fff; outline: medium;}
.linput li .loginalrttext{margin-left: 10px;float: left;margin-top: -20px}
.linput li .btn_login{margin-top: 14px}


.nav2{/*height: 680px;*/}
.nav2 .cbox2{height: 260px;background-color: #f0f0f0}
.nav2 .cbox2 .cbox22{height: 260px;width:1000px ;margin:0 auto;}

.nav2 .cbox2 .cbox22 .cbox22mid{ height: 170px; }
.nav2 .cbox2 .cbox22 ul{text-align: center;width:  1000px;overflow: hidden;}
.nav2 .cbox2 .cbox22 img{margin-left: 45px;cursor: pointer;}
.nav2 .cbox2 .cbox22  li{float: left;width: 190px;height: 170px;margin-left: 50px }
.nav2 .cbox2 .cbox22 .itemtext1{line-height: 49px}

.nav2 .cbox3{width:100%;}
.cbox3 .mimg{margin-left: 80px;float:left;overflow: hidden;}
.cbox3 .descrip{ width: 428px;height: 100px;float: left;margin-top: 110px;margin-left: 43px}
.cbox3 .center{text-align: center;margin-bottom: 29px}
.cbox3 .cbox3class {width:100%; overflow:hidden;}
.cbox3 .cbox3item1 {width:1000px; height:400px; padding:30px 0; overflow:hidden; margin:0 auto;}
.cbox3 .cbox3item1 .tag{margin-top: -17px;margin-left: 35px; display:none;}
.cbox3 .cbox3item2 {width:1000px; height:400px; padding:30px 0; overflow:hidden; margin:0 auto;}
.cbox3 .cbox3item2 .tag{margin-top: -17px;margin-left: 276px; display:none;}
.cbox3 .cbox3item3 {width:1000px; height:400px; padding:30px 0; overflow:hidden; margin:0 auto;}
.cbox3 .cbox3item3 .tag{margin-top: -17px;margin-left: 520px; display:none;}
.cbox3 .cbox3item4 {width:1000px; height:400px; padding:30px 0; overflow:hidden; margin:0 auto;}
.cbox3 .cbox3item4 .tag{margin-top: -17px;margin-left: 750px; display:none;}



/*完善个人信息*/
.personinfomid{height: 750px; position: relative;}
.personinfomid .pcontent1{width: 600px;height: 300px;float: left; position:absolute;left: 50%;margin-left: -300px;margin-top: 100px;}
.personinfomid .steps{overflow: hidden;}
.personinfomid .step{float: left;width: 195px;height: 54px;font-family: 微软雅黑;font-size:18px;color: #686868}
.personinfomid .step img{display: inline;float: left;}
.personinfomid .step span{display: block;float: left;margin-top: 18px;margin-left: 18px}
.personinfomid .step span.active{ font-family: '微软雅黑'; font-size:18px; color: #569f00; }
.personinfomid .option1{width: 400px; height: 180px;float: left;margin-top: 50px; margin-left: 75px}
.personinfomid .option1 input{margin-left:10px; background:#FFF; width: 247px; padding:5px; height:24px; line-height:24px; border:1px solid #cbcbcb;  -moz-border-radius:3px;/*Firefox*/  -webkit-border-radius:3px;/*Safari和Chrome*/   border-radius:3px;/*IE9+*/  }
.personinfomid .option1 span{margin-left: 104px;margin-top: 10px}
.personinfomid .opinput{padding-bottom: 10px}
.personinfomid .option1 img{margin-left: 110px;margin-top: 46px;}
.personinfomid a.step-btn{ display: block; height: 40px; line-height: 40px;  text-align: center; color: #fff; font-size: 18px; border:#6eb11f solid 1px; background: #6eb11f; border-radius: 4px; margin:46px auto 0;}
.personinfomid a.step-btn:hover{ border-color: #5faa07; background: #5faa07; }
.personinfomid a.btn1{ width:123px;}
.personinfomid a.btn2{ width:223px; margin:46px 0 0 0;}
.personinfomid .pcontent2{width: 600px;height: 300px;float: left; position: absolute;left: 50%;margin-left: -300px;margin-top: 100px; display: none;}
.personinfomid .option2{width: 590px;height: 250px;}
.personinfomid .opaddress {height: 135px;margin-top: 15px}






/*下拉菜单*/
.selectbar{width: 166px; height: 35px; float: left; position: relative; padding-top:13px;}
.selectbar .select{width: 120px; height: 34px; padding-left: 8px; line-height: 34px; border:1px solid #7A6F6F; -moz-border-radius:3px;/*Firefox*/  -webkit-border-radius:3px;/*Safari和Chrome*/   border-radius:3px;/*IE9+*/ overflow: hidden;}
.selectbar .dropdownimg{width:28px; height: 36px; position:absolute; left:125px; top:13px; cursor: pointer; z-index:100;}
.selectbar #dropschool{width:28px; height: 36px; position:absolute; left:457px; top:13px; cursor: pointer; z-index:100;}

.selectbar{width: 166px; position: relative; margin-top: 14px}
.select{display: inline-block;width: 115px; height: 34px;padding-left: 13px; line-height: 33px;border:1px solid #7A6F6F;-moz-border-radius:3px;/*Firefox*/  -webkit-border-radius:3px;/*Safari和Chrome*/   border-radius:3px;/*IE9+*/ }
.dropdownimg{height: 36px;display: inline-block;position: relative;left: -2px;top: 13px;cursor: pointer;}
.span01{float: left;margin-top: 35px}
.span02{float: left;margin-top: 35px; margin-left: 92px}



.dropdown{background-color: #fff; display: block; position: absolute; top: 48px; width: 150px;border:1px solid #7A6F6F; display: none; z-index: 99999999;  max-height:290px; _height:290px; overflow-y:auto;}
.dropdown li{line-height: 27px; padding-left: 7px;cursor: pointer;}
.dropdown li:hover{background: #fffddd}


.option2 .selectschool{width: 500px;margin-left: 46px;margin-top: 15px}
.option2 .selectschool .select{width: 448px}

.btnsubmit{margin-left: 205px;cursor: pointer;}
.personinfomid .opinfo{width: 680px;height: 100px}
.personinfomid .opinfo span{float: left;line-height: 35px}
.personinfomid .opinfo .lessoninput2{margin-left: 10px}
.personinfomid .opinfo .grate{overflow: hidden;width: 165px;float: left;}
.personinfomid .opinfo .jc{overflow: hidden;width: 165px;float: left; }
.personinfomid .opinfo .jcspan{margin-left: 73px}
.personinfomid .opinfo .addgratebtn{float: right;}
.option2 .btnsubmit1{margin-left: 228px}

.personinfomid .pcontent3{width: 600px;height: 300px;float: left; position: absolute;left: 50%;margin-left: -300px;margin-top: 100px;display: none}
.personinfomid .pcontent3 .steps{overflow: hidden;}
.personinfomid .pcontent3 .opsussce {width: 350px;margin-top: 60px;margin-left: 150px}
.personinfomid .pcontent3 .opsussce img{display: inline;float: left;margin-top: 2px}
.personinfomid .pcontent3 .opsussce span{margin-left: 20px}
.personinfomid .pcontent3 .opsussce .text1{margin-top: 70px}


/*.provice .dropdown{ border: 1px solid #7A6F6F;background-color: #fff;display: block;position: relative;z-index: 999999;margin-top: 34px;margin-left: 10px; margin-right: 28px;}
.provice .dropdown li{height: 33px;margin-top: 2px;cursor: pointer;line-height: 32px}
.provice .dropdown li:hover{background: #fffddd}*/

/*左侧菜单*/


/*找回密码*/
.passworBox {width:535px; margin:0 auto; overflow:hidden; font-size:14px; padding:80px 0;}
.passworBox .pcontent1,.passworBox .pcontent2,.passworBox .pcontent3 { height:500px; overflow:hidden;}
.passworBox .steps{overflow: hidden;}
.passworBox .step{float: left;width: auto; margin-right:40px; height: 54px;font-family: 微软雅黑;font-size:18px;color: #686868;}
.passworBox .step img{display: inline;float: left;}
.passworBox .step span{display: block;float: left;margin-top: 18px;margin-left: 18px}

.passworBox .box { overflow:hidden; padding:40px 0;}
.passworBox .box .tel { height:40px; overflow:hidden; margin-bottom:20px;}
.passworBox .box .tel span {height:35px; float:left; line-height:35px; display:block;  margin-right:10px;}
.passworBox .box .tel .tit {width:145px;}
.passworBox .box .tel .tit1 {width:115px;}
.passworBox input {width:190px; border:1px solid #CCC; height:33px; background:#FFF; padding:0 8PX;}

.passworBox .box .yzm {width:auto; padding:0 10px; cursor:pointer; border:1px solid #F18034; background:#F0903A; color:#FFF; display:block; border-radius:3px;}
.passworBox .box p{ text-align:center; line-height:50px; overflow:hidden;}
.btn {width:100%; text-align:center;}
.btn .popcan{width:auto; padding:0 20px; height: 46px;line-height: 45px;text-align: center;cursor: pointer; display:inline-block; background-color: #f5603c;-moz-border-radius:3px;/*Firefox*/  -webkit-border-radius:3px;/*Safari和Chrome*/   border-radius:3px;/*IE9+*/  }
.btn .popok{ width:auto; padding:0 20px; height: 46px ;line-height: 45px;text-align: center;cursor:pointer; display:inline-block; background-color: #19ab72;-moz-border-radius:3px;/*Firefox*/  -webkit-border-radius:3px;/*Safari和Chrome*/   border-radius:3px;/*IE9+*/  }
.btn .orage{ width:auto; padding:0 30px; height: 38px ;line-height: 38px;text-align: center;cursor:pointer; display:inline-block; border:1px solid #F18034; background:#F0903A; -moz-border-radius:3px;/*Firefox*/  -webkit-border-radius:3px;/*Safari和Chrome*/   border-radius:3px;/*IE9+*/  }

.btn .gray{ width:auto; padding:0 30px; height: 38px ;line-height: 38px;text-align: center;cursor:pointer; display:inline-block; border:1px solid #767676; background:#AFAFAF; -moz-border-radius:3px;/*Firefox*/  -webkit-border-radius:3px;/*Safari和Chrome*/   border-radius:3px;/*IE9+*/  }



/*页底*/
.footer{height: 133px;background-color: #856c54; }
.spefooter{width:1000px ;clear: both; margin: 0 auto 0;text-align: center; line-height: 24px; font-family: 微软雅黑;font-size:14px;color: #ccf5ff}
.spefooter .cbox2{padding: 30px }
.speFooter a { text-decoration: none; }
.speFooter a:link { color: #fff }
.speFooter a:hover { text-decoration: underline; }
.color{color: #fff}

/*浮层*/
.pop-box {   
	z-index: 9999; /*这个数值要足够大，才能够显示在最上层*/  
	margin-bottom: 3px;
	width: 500px;
	height: 277px   ;
	display: none;   
	position: fixed;   
	background: #fff;   
	border:solid 1px #ccc;
	overflow:hidden;
	top: 50%;
	left: 50%;
	margin-top: -240px;
	margin-left: -250px;
	-moz-border-radius:4px;/*Firefox*/ 
	-webkit-border-radius:4px;/*Safari和Chrome*/ 
	border-radius:4px;/*IE9+*/ 

}   
.mask {   
            height:100%; 
            width:100%;
            position:fixed; 
            _position:absolute; 
            top:0; 
            z-index:1000;
            filter:alpha(opacity=35);
			-moz-opacity:0.35;
			opacity:0.35;
			background-color:#000;
			color:#fff;
			display: none;
        }
  .pop-box .title{   
  			line-height: 48px;
			 padding:0; margin:0; 
			 margin-bottom:25px;
  		   border-bottom: thin solid #a6a5a5;
           height: 47px;
           -moz-border-radius:4px;/*Firefox*/ 
	      -webkit-border-radius:4px;/*Safari和Chrome*/ 
	       border-radius:4px;/*IE9+*/ 
        }
.pop-box .pop-box-body{text-align:center; margin-top: 26px; padding:0 23px; min-height:80px;}
.pop-box .pop-box-body .pl100{ width:100%; height:40px; border:1px solid #A5A5A5; border-radius:5px;}
.pop-box .pop-box-body .pl100 span { background:#F7A269; color:#FFF; height:40px; line-height:40px; font-size:16px; text-align:right; display:block;}
.pop-box .pop-box-body table { text-align:center;}
.pop-box .pop-box-body td { height:38px; line-height:38px; font-size:16px;}
.pop-box .pop-box-body .txt {width:170px; height:33px; padding-left:10px; border:1px solid #A5A5A5; background:#fff; border-radius:5px;}
.pop-box .pop-box-body textarea {width:360px; height:100px;  border:1px solid #A5A5A5; border-radius:5px; border:1px solid #A5A5A5; background:#fff; border-radius:5px;}

.pop-box .pop-box-body .alert{ font-size:18px; line-height:32px; position:relative;}
.pop-box .pop-box-body .alert font { color:#FF6600;}
.pop-box .pop-box-body .alert span {width:40px; text-align:center; height:40px; line-height:40px; display:block; border:2px solid #F37557; border-radius:25px; position:absolute; z-index:100; left:140px; top:-5px; color:#FF6600; font-size:24px;}

.pop-box .pop-box-body .tdbx td { border-bottom:1px dashed #CCC;}
.pop-box .pop-box-body .tdbx { border-top:1px dashed #CCC;}

.seldrop3{top:35px;width: 170px}

.nianji,.class,date { position:relative;}
.nianji .txt { height:35px;}

.nianji .dropdown {width:180px; text-align:left; position:absolute; z-index:10; top:37px; left:0;}
/*.stu{position: relative;}*/

.pop-box .title span{margin-left: 25px;float: left;width: 537px;}
.pop-box .title img{float: right;margin: 15px 15px;}

.btn {width:100%; text-align:center;}
.btn .popcan{width:auto; padding:0 20px; height: 46px;line-height: 45px;text-align: center;cursor: pointer; display:inline-block; background-color: #f5603c;-moz-border-radius:3px;/*Firefox*/  -webkit-border-radius:3px;/*Safari和Chrome*/   border-radius:3px;/*IE9+*/  }
.btn .popok{ width:auto; padding:0 20px; height: 46px ;line-height: 45px;text-align: center;cursor:pointer; display:inline-block; background-color: #19ab72;-moz-border-radius:3px;/*Firefox*/  -webkit-border-radius:3px;/*Safari和Chrome*/   border-radius:3px;/*IE9+*/  }
.btn .orage{ width:auto; padding:0 20px; height: 46px ;line-height: 45px;text-align: center;cursor:pointer; display:inline-block; background-color: #F7A269;-moz-border-radius:3px;/*Firefox*/  -webkit-border-radius:3px;/*Safari和Chrome*/   border-radius:3px;/*IE9+*/  }
.chart{width: 660px;height: 390px;margin-left: 50px;margin-top: 30px}


.font14h{font-family: 微软雅黑;font-size:14px;color: #333333}
.seldrop1{width: 295px;margin-top: 35px;margin-left: 20px;}
.seldrop2{width: 143px;margin-top: 35px;margin-left: 20px;}
.seldrop1 span{width: 282px}
.seldrop2 span{width: 114px;}
.piechart1{height: 600px,width:600px;}

.seldrop4{width: 127px}
/**/

