.main{position: relative;z-index: 10;margin-top: 80px;}
section {position: relative;overflow: hidden;zoom: 1;}
.wrap{width:98%;margin:auto;}
.wrap2{width:98%;margin:auto;}
.wrap3{/* width:1200px; */margin:auto;padding-left: 20px;padding-right: 10px;}
@media (max-width: 900px){
	.wrap2{width:800px;}
}
/* 一行 */
.ui-nowrap {overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap2 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ui-nowrap3 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ui-center{position:absolute;left:50%;top:50%;-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.vertical-obj {display: table; width: 100%; height: 100%; min-height: 100%; }
.vertical-obj-cont {display: table-cell; vertical-align: middle; }
::-webkit-scrollbar-track-piece{width:8px;background-color:#f5faf6;}
::-webkit-scrollbar{width:8px;background-color:#d5ded7;height:8px}
::-webkit-scrollbar-thumb{width:8px;background-color:#d5ded7;border-radius:4px;}

.header{width:100%;min-width: 800px;background: #fff;box-shadow: 0 0 8px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);height: 80px;position: absolute;left:0;top:0;z-index: 9999;}
.logo{float: left;margin-top: 18px;display: block;}
/* #nav{float: left;} */
#nav li{float: left;margin-left:30px;position: relative;}
#nav li > a{display:block;font-size:16px;height: 80px;line-height:80px;overflow:hidden;position:relative;color:#666;text-align: center;}
#nav li > a::after {border-bottom:4px solid #ff6b00;right:0;content:"";position: absolute;left:0;opacity: 0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);top:76px;border-radius:2px;}
#nav li:hover > a::after,#nav li.active a::after{opacity:1;transform:scaleX(1);}
#nav li:hover > a{color:#ff6b00;}
#nav li.active > a{color:#ff6b00;;font-weight: bold;}
#nav li > a i{width:0;height:0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #666;display: inline-block;margin-left: 4px;vertical-align: middle;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
#nav li:hover a i{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);border-top-color:#ff6b00;}
.ht_updown{/* width:100px;position: absolute; */left:5px;top:80px;background: #ff8525;border-radius:0 0 4px 4px;display: none;z-index: 9999;}
.ht_updown dl dd{width:100%;height: 40px;text-align: center;line-height: 40px;}
.ht_updown dl dd a{display: block;font-size:14px;color:#fff;}
.ht_updown dl dd a:hover{background: #ff9e52;}
.ht_updown dl dd:last-child a:hover{border-radius:0 0 4px 4px;}

/*头部登录注册状态*/
.ht_login_register{float: right;width:166px;}
.no_login_register{margin-top: 22px;}
.no_login_register ul li{width:68px;height: 32px;text-align: center;line-height: 32px;margin-left: 15px;float: left;}
.no_login_register ul li:first-child{margin-left: 0;}
.no_login_register ul li a{font-size:14px;color:#fff;display: block;border-radius: 4px;}
.no_login_register ul li a.login{background:#ff8525;border-bottom:2px solid #ea6700;}
    .no_login_register ul li a.login:hover{background: #ff9e52;}
.no_login_register ul li a.register{background:#f2f2f2;color:#999;border-bottom:2px solid #dbdbdb}
    .no_login_register ul li a.register:hover{background: #f6f6f6;}
.login_teacher{margin-top: 13px;position: relative;cursor: pointer;}
.teacher_info{background: url(../images/teacher.png) left center no-repeat;width:166px;height: 57px;position: relative;z-index:25;}
.teacher_info .portrait{width:42px;height: 42px;margin-top: 4px;margin-left:12px;overflow: hidden;border-radius: 100%;float: left; }
.teacher_info .portrait img{border-radius: 100%;}
.teacher_info span{font-size:14px;color:#fff;width:76px;line-height: 52px;text-align: center;padding: 0 3px;display:block;float: left;}
.teacher_info i{width:0;height:0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;display:block;margin-left: 4px;float: left;margin-top: 24px;}
.teacher_updown{width:118px;padding-top:20px;background: #4ad26a;border-radius:0 0 4px 4px;position: absolute;left:32px;top:42px;box-shadow: 0 0 20px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);z-index:24;display: none; }
.teacher_updown ul li{width:100%;height: 40px;line-height: 40px;text-align: center;}
.teacher_updown ul li a{font-size:14px;color:#fff;display: block;}
.teacher_updown ul li a:hover{background: #59e079;}
.teacher_updown ul li:last-child a:hover{border-radius:0 0 4px 4px;}
.teacher_updown i{color:#fff;font-family:'iconfont';font-size:19px;display:inline-block;vertical-align: middle;margin-right: 6px;}

.login_student{margin-top:5px;position: relative;cursor: pointer;}
.student_info{background: url(../images/student.png) left center no-repeat;width:166px;height: 66px;position: relative;z-index:25;}
.student_info .portrait{width:42px;height: 42px;margin-top:14px;margin-left:14px;overflow: hidden;border-radius: 100%;float: left; }
.student_info .portrait img{border-radius: 100%;}
.student_info span{font-size:14px;color:#fff;width:76px;line-height:72px;text-align: center;padding: 0 3px;display:block;float: left;}
.student_info i{width:0;height:0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #ff8525;display:block;margin-left:8px;float: left;margin-top: 35px;}
.student_updown{width:118px;padding-top:20px;background: #ff8525;border-radius:0 0 4px 4px;position: absolute;left:24px;top:48px;box-shadow: 0 0 20px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);z-index:24;display: none; }
.student_updown ul li{width:100%;height: 40px;line-height: 40px;text-align: center;}
.student_updown ul li a{font-size:14px;color:#fff;display: block;}
.student_updown ul li a:hover{background: #ff9e52;}
.student_updown ul li:last-child a:hover{border-radius:0 0 4px 4px;}
.student_updown i{color:#fff;font-family:'iconfont';font-size:19px;display:inline-block;vertical-align: middle;margin-right: 6px;}




/*底部*/
.footer{width:100%;min-width: 800px;background: #333;}
.footer_top{padding: 64px 0;border-bottom: 1px solid #4d4d4d;}
.footer_left{width:30%;float: left;}
.logo2{display: block;margin-bottom: 12px;}
.footer_left p{color:#999;font-size:14px;line-height: 23px;word-wrap: break-word;text-align: justify;}
.footer_nav{float: left;}
.footer_nav dl{float:left;/* width:33%; */padding-left:90px;text-align: left;}
.footer_nav dl dt{color:#fff;line-height:1.5em;margin-bottom:20px;font-size:16px;}
.footer_nav dl dd{font-size:14px;margin-bottom: 10px;color:#999;}
.footer_nav dl dd a{color:#999;}
.footer_nav dl dd a:hover{color:#fff;}
.footer_wechat{width:9.2%;float: right;text-align: center;}
.footer_wechat p{font-size:14px;line-height: 21px;color:#b2b2b2;margin-bottom: 10px;letter-spacing: 4px;}
.footer_wechat img{margin: auto;}
.copyRight{width:100%;padding: 20px 0;font-size:12px;color:#808080;text-align: center;}
.copyRight a{color:#808080;}
.copyRight a:hover{border-bottom: 1px dashed #999;color:#999;}
@media (max-width: 1200px){
	.header,.footer{min-width: 100%;}
	#nav li{margin-left: 15px;}
	/* #nav li > a{min-width:40px;} */
	/* .ht_updown{width:90px;} */
	.footer_left{width:25%;}
	.footer_nav dl{float:left;width:33%;padding-left:90px;text-align: left;}
	.footer_nav{width:55%;margin-left:68px;}
	.footer_nav dl{padding-left:70px;}
}

@media (max-width: 900px){
	.header,.footer{min-width: 100%;}
	#nav li{margin-left: 5px;}
	/* #nav li > a{min-width:40px;} */
	.ht_updown{width:90px;}
	.footer_left{width:25%;}
	.footer_nav{width:55%;margin-left:68px;}
	.footer_nav dl{padding-left:70px;}
}



.xuanfu{width:80px;position:fixed;right:0;top:40%;z-index:12222;background: #ff8525;border-bottom: 3px solid #e96b08;border-radius: 10px;box-shadow: 0 8px 16px rgba(0,0,0,.1);-webkit-box-shadow: 0 8px 16px rgba(0,0,0,.1);opacity: 0;}
.xuanfu.on{opacity: 1;top:35%;}
.xuanfu ul li{width:80px;height:80px;position:relative;}
.xuanfu ul li a{display:block;}
.x_icon{text-align:center;line-height:80px;color:#fff;font-size:32px;font-family:"iconfont";}
.xuanfu_left{width:200px;height:48px;background:#ce4790;line-height:48px;position:absolute;left:48px;top:0;}
.xuanfu_left span{font-size:18px;display:block;float:left;padding:0 0 0 8px;color:#fff;}
.xuanfu_bottom{width:80px;height:80px;position:absolute;left:0;top:0;color:#fff;text-align:center;line-height:24px;padding:18px 0;font-size:16px;background: #ff9e52;display: none;}
.xuanfu ul li:first-child .xuanfu_bottom{border-radius:10px 10px 0 0;}
.xuanfu ul li:last-child .xuanfu_bottom{border-radius:0 0 10px 10px;}


/*5.7增css*/
.tan {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 9999;background: #000000;filter: alpha(opacity=70);opacity: 0.7;display: none;}
.newyemian {position: absolute;width:772px;height:727px;left:50%;background: url(../images/login_kuang3.png) left center no-repeat;z-index: 10000;display: none;}
.newyemian .colshanchu { display: inline-block;position: absolute;background: url(../images/x.png) no-repeat center center;width: 28px;height: 29px;right:130px;top:272px;z-index: 99;}
.tan_main{position:relative;padding:260px 98px 0;}
.logo3{margin-bottom: 54px;display: block;}
.pull-left-form{width:345px;float: left;}
.input_item{width:320px;height: 50px;border:1px solid #ccc;border-radius: 4px;margin-bottom: 20px;background: #fff;}
.input_item input::-webkit-input-placeholder {color:#ccc!important; }  
.input_item input::-moz-placeholder {color:#ccc!important; }  
.input_item input::-ms-input-placeholder {color:#ccc!important; }  
.check_item{width:100%;margin-bottom: 54px;}
.input_item b{display: block;width:32px;height:50px;line-height: 50px;text-align: center;float: left;}
.input_item b i{font-size:22px;color:#999;font-family: "iconfont";transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.form-control{width:270px;float: left;height: 48px;line-height: 48px;font-size:16px;border:0;padding: 0 6px;}
.input_item.on{border-color: #ff6a00;}
.input_item.on b i{color: #ff6a00;}
.checkbox{font-size:14px;color:#999;background:url(../images/checked.png) 0 2px no-repeat;padding-left:24px;display:inline-block;}
.check_item input[type="checkbox"]{display:none;}
.check_item span{display: inline-block;margin:0 6px;color:#999;}
input[type=checkbox].checkbix:checked+label{background-position: 0 -18px;color:#ff6a00;}
.forget{color:#999;font-size:14px;display: inline-block;}
.forget:hover{color:#666;}
.tan_submit{display: block;width:128px;height: 59px;background: url(../images/login_bt.png) left center no-repeat;border:0;cursor: pointer;float: right;}
.reg_submit{display: block;width:128px;height: 59px;background: url(../images/registered.png) left center no-repeat;border:0;cursor: pointer;float: left;}

.other_login_way{width:160px;float: right;}
.other_login_way h3{color:#666;font-size:16px;margin-bottom: 30px;margin-top: 14px;}
.other_login_way .btn{width:54px;height: 54px;display: block;float: left;margin-right:18px; }
.other_login_way .btn.btn-weichat{background: url(../images/wechat.png) left center no-repeat;}
.other_login_way .btn.btn-qq{background: url(../images/QQ.png) left center no-repeat;}

.lock {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../images/lock16.png);
    /* background-position: -96px -0px; */
    background-repeat: no-repeat;
    /* transform: scale(0.263,0.247); */
    /* zoom: 0.25; */
    margin-right: -20px;
    margin-left: 10px;
    margin-bottom: -19px;
}

.showPointer {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../images/showpointer.png);
    /* background-position: -96px -0px; */
    background-repeat: no-repeat;
    /* transform: scale(0.263,0.247); */
    /* zoom: 0.25; */
    margin-right: -20px;
    margin-left: 10px;
    margin-bottom: -19px;
}