*{
    margin:0;
    padding:0;
    font-family:"SimSun";
    font-size: 12px;
    outline:none;
}
body{
    background:#f4f4f4;
}
a{
    text-decoration: none;
    cursor: pointer;
}
ul, li{
    list-style-type: none;
}
input{
	background:#fff;
}
.clear{
    clear: both;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    margin:0!important;
    padding:0!important;
}
.container, .topcon .content, .navcon .content, .activecon{
    margin:0 auto;
    width:1000px;
}
.topcon{
    width:100%;
    height:35px;
    font-size: 13px;
    color:#666;
    background: url("../images/topbg.png") repeat-x;
}
.topcon p{
    float: left;
    line-height: 35px;
}
.topcon ul{
    float: right;
}
.topcon ul li{
    float: left;
}
.topcon .second{
    border-left: 1px solid #666;
    height:14px;
    margin: 11px 7px 0 11px;
}
.topcon a{
    color: #666;
    display: block;
    line-height: 35px;
}
.navcon{
    width: 100%;
    height: 75px;
    background: url("../images/topbg1.png") repeat-x;
}
.navcon p, .stopcon p{
    float: left;
    font-size: 24px;
    line-height: 75px;
    font-weight: bold;
    font-family:"Microsoft YaHei";
}
.stopcon p a{
    color:#fff;
    font-weight: 500;
    font-family:"Microsoft YaHei";
    font-size: 24px;
}

.stopcon{
    width: 100%;
    background: #16bdfa;
    height: 75px;
}
.navcon .register, .stopcon .register{
    float: right;
    height: 32px;
    margin-top: 21px;
}
.navcon .register img, .stopcon .register img{
    display: inline-block;
    float: left;
}
.navcon .register a, .stopcon .register a{
    display: inline-block;
    background: #16bdfa;
    float: left;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    padding:0 4px 0 12px;
}
.stopcon .register a{
    background: #fff;
    color: #16bdfa;
}
.navcon .register .login, .stopcon .register .login{
    border-right: 1px solid #59d3ff;
    padding:0 12px 0 4px;
}
.navcon .register span, .stopcon .register span{
    display: inline-block;
    width: 15px;
    height: 32px;
    float: left;
}
.navcon .lo-re-left{
    background: url("../images/indexbg1.png") no-repeat 0 0;
}
.navcon .lo-re-right{
    background: url("../images/indexbg1.png") no-repeat -15px 0;
}
.stopcon .lo-re-left{
    background: url("../images/se-left.png") no-repeat -82px 0;
}
.stopcon .lo-re-right{
    background: url("../images/se-left.png") no-repeat -97px 0;
}


.activecon{
    margin-bottom: 90px;
}
.activecon .content{
    width: 240px;
    float: left;
    margin:0 13px 20px 0;
    background: #fff;
}
.activecon img{
    display: block;
    width: 100%;
    height: 130px;
}
.activecon ul{
    padding: 20px 20px 10px 20px;
    margin-bottom: 20px;
}
.activecon p{
    color: #333;
    line-height: 22px;
    height: 100px;
    overflow: hidden;
    margin-bottom: 10px;
}
.activecon p a{
    color: #333;
    font-family:"Microsoft YaHei";
    font-size: 18px;
}
.activecon li{
    line-height: 24px;
    color: #a4a4a4;
}
.activecon li span{
    color: #666;
}
.activecon .nostart{
    color: #f16e6e;
}
.activecon .sign{
    border-top: 1px solid #eee;
    width: 100%;
    padding: 10px 0;
    text-align: center;
}
.activecon .sign a{
    display: inline-block;
    background: #40a9fa;
    color: #fff;
    text-align: center;
    width: 90%;
    padding: 10px 0;
    font-size: 18px;
    font-family:"Microsoft YaHei";
}
.position{
    margin: 20px auto 10px;
    font-size: 13px;
    color:#666;
}
.position a{
    color:#666;
    margin: 0 5px;
}
.position a:hover, .position span{
    color:#16BDFA;
    margin-left: 5px;
}
.middle{
    margin-bottom: 40px;
}

.mid-left{
    float: left;
    width: 226px;
    background: #fbfbfb;
    border: 1px solid #eaeaea;
}
.mid-left a{
    display: block;
    width: 210px;
    padding-left: 16px;
    height: 40px;
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    font-weight: bold;
}

.mid-left span, .mid-left i{
    display: inline-block;
    font-style: normal;
    float: left;
}
.mid-left i{
    line-height: 40px;
}
.mid-left .snotice1 span, .mid-left .snotice2 span{
    width: 15px;
    height: 12px;
    margin: 14px 8px 0 5px;
}
.mid-left .snotice1, .mid-left .sparti1, .mid-left .comple1,
.mid-left .display1, .mid-left .classes1, .mid-left .myactive1,
.mid-left .myinfo1, .mid-left .upwd1{
    color: #fff;
    background: #ffba00 url("../images/snavarr.png") no-repeat 200px  center;
}
.mid-left .snotice1 span{
    background: url("../images/se-left.png") no-repeat;
}
.mid-left .snotice2 span{
    background: url("../images/se-left.png") no-repeat 0 -12px;
}
.mid-left .sparti1 span, .mid-left .sparti2 span{
    width: 16px;
    height: 12px;
    margin: 14px 8px 0 5px;
}
.mid-left .sparti1 span{
    background: url("../images/se-left.png") no-repeat -16px 0;
}
.mid-left .sparti2 span{
    background: url("../images/se-left.png") no-repeat -16px -13px;
}
.mid-left .comple1 span, .mid-left .comple2 span{
    width: 13px;
    height: 10px;
    margin: 15px 10px 0 5px;
}
.mid-left .comple1 span{
    background: url("../images/se-left.png") no-repeat -34px 0;
}
.mid-left .comple2 span{
    background: url("../images/se-left.png") no-repeat -34px -13px;
}
.mid-left .display1 span, .mid-left .display2 span{
    width: 12px;
    height: 12px;
    margin: 14px 10px 0 5px;
}
.mid-left .display1 span{
    background: url("../images/se-left.png") no-repeat -49px 0;
}
.mid-left .display2 span{
    background: url("../images/se-left.png") no-repeat -49px -13px;
}
.mid-left .classes1 span, .mid-left .classes2 span{
    width: 15px;
    height: 14px;
    margin: 13px 8px 0 5px;
}
.mid-left .classes1 span{
    background: url("../images/se-left.png") no-repeat -63px 0;
}
.mid-left .classes2 span{
    background: url("../images/se-left.png") no-repeat -63px -14px;
}
.mid-left .myactive1 span, .mid-left .myactive2 span{
    width: 8px;
    height: 11px;
    margin: 14px 8px 0 10px;
}
.mid-left .myactive1 span{
    background: url("../images/se-left.png") no-repeat 0 -25px;
}
.mid-left .myactive2 span{
    background: url("../images/se-left.png") no-repeat 0 -36px;
}
.mid-left .myinfo1 span, .mid-left .myinfo2 span{
    width: 13px;
    height: 12px;
    margin: 13px 8px 0 5px;
}
.mid-left .myinfo1 span{
    background: url("../images/se-left.png") no-repeat -10px -26px;
}
.mid-left .myinfo2 span{
    background: url("../images/se-left.png") no-repeat -10px -38px;
}
.mid-left .upwd1 span, .mid-left .upwd2 span{
    width: 10px;
    height: 11px;
    margin: 13px 8px 0 5px;
}
.mid-left .upwd1 span{
    background: url("../images/se-left.png") no-repeat -25px -27px;
}
.mid-left .upwd2 span{
    background: url("../images/se-left.png") no-repeat -25px -39px;
}
.mid-left .snavt{
    width: 100%;
    height: 27px;
    background: url("../images/sltbg.jpg") no-repeat 0 0;
    color: #fff;
    font-size: 14px;
    padding-top: 12px;
    font-weight: bold;
}
.mid-right{
    float: right;
    width: 711px;
    padding: 0 30px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-left: 0;
}
.mid-right .title, .visclass .title{
    width: 76%;
    margin: 50px auto 40px;
    text-align: center;
    font-size: 24px;
    font-family:"Microsoft YaHei";
    color:#333;
}
.mid-right .search{
    width: 100%;
    margin: 40px 0 10px 0;
    font-size: 14px;
}
.mid-right .search select, .visclass .search select{
    border:1px solid #d1d1d1;
    width: 140px;
    display: inline-block;
    height: 30px;
}
.mid-right .search .seaclass, .visclass .search .seaclass{
    margin-left: 20px;
}
.mid-right .search li, .visclass .search li{
    float: left;
    width: 195px;
}
.search .searsel{
    position: relative;
}
.search .searsel label{
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
}
.search .searsel span, .apartdel .acdetails li span, .myinfocon .infoscon b{
    display: inline-block;
    border: 1px solid #d1d1d1;
    height: 28px;
    line-height: 28px;
    width: 136px;
    background: url("../images/select.jpg") no-repeat right 0;
    padding-left: 4px;
}
.search .searsel .selcon, .acdetails .selcon, .myinfocon .infoscon .selcon{
    width: 140px;
    border: 1px solid #16BDFA;
    border-top: 0;
    position: absolute;
    left: 36px;
    top:30px;
    z-index: 90;
    background: #fff;
    display: none;
    cursor: default;
}
.search .searsel .selcon a, .acdetails .selcon a,
.myinfocon .infoscon .selcon a{
    display: block;
    width: 136px;
    padding-left: 4px;
    height: 30px;
    line-height: 30px;
    color:#000;
}
.search .searsel .selcon a:hover, .acdetails .selcon a:hover,
.myinfocon .infoscon .selcon a:hover{
    background: #16BDFA ;
    color: #fff;
}
.mid-right .search .sname, .visclass .search .sname{
    float: right;
    width: 284px;
    border:1px solid #d1d1d1;
    height: 28px;
}
.mid-right .search .sname input, .visclass .search .sname input{
    width: 245px;
    height: 28px;
    border: 0;
    padding-left: 4px;
    color:#aeaeae;
    display: block;
    float: left;
    line-height: 28px;
}
.mid-right .search .sname button, .visclass .search .sname button{
    border: 0;
    background: #16BDFA;
    float: right;
    display: block;
    width: 26px;
    height: 28px;
    cursor: pointer;
}
.mid-right .search .sname img, .visclass .search .sname img{
    border: 0;
    width: 26px;
    height: 26px;
    display: block;
}
.mid-right table, .visclass table{
    border: 1px solid #eaeaea;
    width: 100%;
    border-collapse:collapse;
    text-align: center;
}
.mid-right table .phase, .visclass table .phase{
    width: 50px;
}
.mid-right table .avenu,  .visclass table .avenu{
    width: 65px;
}
.mid-right table .address,  .visclass table .address{
    width: 59px;
    text-align: center;
}
.mid-right table .address span,  .visclass table .address span{
    width: 59px;
    display: block;
    text-align: center;
}
.mid-right table .school,  .visclass table .school{
    width: 120px;
}
.mid-right table .teacher,  .visclass table .teacher{
    width: 80px;
}
.mid-right table .classname,  .visclass table .classname {
    width: 260px;
    color: #40a9fa;
}

.mid-right table tr a,  .visclass table tr a{
    display: block;
    width: 100%;
}
.mid-right table tr.trbg,  .visclass table tr.trbg{
    background: #f9f9f9;
}
.mid-right th, .mid-right td,  .visclass table th,  .visclass table td{
    border: 1px solid #eaeaea;
}
.mid-right th,  .visclass table th{
    height: 32px;
}
.mid-right td,  .visclass table td{
    height: 28px;
}
.mid-right table tr:hover,  .visclass table tr:hover{
    background: #e8f9ff;
    cursor: pointer;
}
.tabtil:hover{
    background: #f7f7f7!important;
    cursor: auto!important;
}
.mid-right tr.tabtil,  .visclass table tr.tabtil{
    background: #f7f7f7;
    font-weight: 500;
}
.mid-right tr,  .visclass table tr{
    height: 32px;
    font-size: 13px;
}
.tabtil .seq,  .visclass table .seq{
    width: 30px;
}
.mid-right td,  .visclass table td{
    padding: 4px;
}
.mid-right .page a.active, .visclass .page a.active{
    background: #16bdfa;
    color: #fff;
    border: 1px solid #16bdfa;
}
.mid-right .page a.pre, .mid-right .page a.next,
.visclass .page a.pre, .visclass .page a.next{
    border: 0;
}
.mid-right .page a.more, .visclass .page a.more{
    border: 0;
}

.prodetail{
    background: #fff;
    text-align: center;
    width: 700px;
    padding: 0 150px 100px 150px;
}
.prodetail h3{
    padding: 40px 0;
    font-family:"Microsoft YaHei";
    font-weight: bold;
    font-size: 24px;
}
.prodetail .videocon{
    width: 100%;
}
.prodetail .videocon img{
    width: 100%;
    display: block;
}
.prodetail .details{
    border: 1px solid #c0c0c0;
    background: #f5f5f5;
    margin-top: 8px;
    text-align: left;
    font-size: 14px;
    width: 658px;
    padding: 15px 20px 9px;
}
.prodetail .details li{
    float: left;
    width: 215px;
    padding-bottom: 10px;
}
.prodetail .detailpre{
    border: 1px solid #c0c0c0;
    border-top:0;
    background: #fff;
    font-size: 15px;
}
.prodetail .detailpre a{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 200px;
    color: #333;
    padding: 10px 0 0 20px;
    text-align: left;
}
.prodetail .detailpre .nosearch{
	color: #d0d0d0;
	cursor: default;
}
.prodetail .oper{
    width: 80%;
    text-align: center;
    margin: 25px auto;
}
.prodetail .oper a{
    display: inline-block;
    color: #fff;
    padding: 8px 0;
    text-align: center;
    width: 140px;
    font-size: 16px;
    font-family:"Microsoft YaHei";
}
.prodetail .markcon .mark, .prodetail .markcon .again{
    float: left;
}
.prodetail .oper .mark{
    border: 1px solid #f16e6e;
    background: #fff;
    text-align: left;
    width: 150px;
    height: 36px;
    display: inline-block;
    margin-right: 20px;
    position: relative;
}
.prodetail .oper .mark label{
    background: #f16e6e;
    color: #fff;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    width: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    font-size: 16px;
}
.prodetail .oper .mark input{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    border: 0;
    width: 80px;
    margin-left: 55px;
}
.prodetail .oper .again{
    background: #16bdfa;
    margin-right: 20px;
}
.prodetail .oper .delete{
    background: #f16e6e;
}
.mid-right .works{
    clear: both;
    width: 100%;
}
.works .exwork, .noticecon .tilcon, .apartdel p, .comcon .comtis, .myinfocon p{
    border-bottom: 1px solid #eaeaea;
    font-size: 14px!important;
    font-weight: bold;
    height: 26px;
}
.works .exwork{
	margin-bottom:10px;
}
.apartdel p label{
  	font-size: 14px!important;
    font-weight: bold;
}
.noticecon .tilcon{
    margin-bottom: 10px;
}
.mid-right .works ul{
    margin: 20px 0 30px 0;
}
.mid-right .works ul li{
    width: 162px;
    float: left;
    margin:0 21px 20px 0;
}
.mid-right .works ul li a,.mid-right .works ul li img{
    width: 100%;
    display: block;
    text-align: center;
    border: 0;
}
.mid-right .works ul li span{
    color: #333;
    font-size: 13px;
    display: block;
    width: 100%;
    margin:10px 0;
    height: 30px;
}
.noticecon ul{
    color: #666;
    font-size: 13px;
    margin-bottom:20px;
}
.noticecon ul li{
    width: 50%;
    float: left;
    height: 26px;
    line-height: 26px;
}
.noticecon ul .all{
    width: 100%;
    clear: both;
    float: none;
    height: auto;
}
.noticecon .preword{
    width: 100%;
    height:700px;
}

.apartdel .base{
    padding-top: 10px;
    margin-bottom: 35px;
    width: 100%;
}
.apartdel .base li{
    float: left;
    color: #666;
    height: 26px;
    line-height: 26px;
}
.apartdel .base .column1{
    width: 40%;
}
.apartdel .base .column2{
    width: 60%;
}
.apartdel p a, .myinfocon p a{
    display: block;
    float: right;
    padding-left: 16px;
    background: url("../images/update.png") no-repeat 0 3px;
    font-size: 13px;
    color: #40a9fa;
    position: relative;
    top:3px;
}
.apartdel .down{
    background: #fff9e9;
    margin: 10px 0 10px 0;
    padding: 10px 20px;
}
.apartdel .down ul{
    display: block;
    width: 100%;
}
.apartdel .down label{
    font-size: 15px;
    color: #ef3c3c;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.apartdel .down li{
    float: left;
    display: inline-block;
}
.apartdel .down .info{
    margin: 15px 0 0 20px;
}
.apartdel .down .info span, .apartdel .down .info i{
    font-style: normal;
    display: block;
}
.apartdel .down .info span{
    color: #333;
    font-size: 15px;
}
.apartdel .down .info i{
    color: #666;
    font-size: 14px;
    margin-top: 5px;
}
.apartdel .down .dbtn{
    float: right;
    margin: 15px 30px 0 0;
    height: 52px;
    overflow: hidden;
}
.apartdel .down li a{
    display: block;
    width: 180px;
    padding: 15px 0;
    text-align: center;
    background: #16bdfa;
    color: #fff;
    font-size: 16px;
}
.apartdel .acdetails{
    color: #666;
    font-size: 14px;
    padding-top: 15px;
}
.apartdel .acdetails li{
    height: 50px;
}
.apartdel .acdetails li i, .uploadcon li i{
    font-style: normal;
    display: inline-block;
    width: 90px;
    text-align:right;
   	height:18px;
    padding:4px 0;
    color:#666;
}
.apartdel .acdetails li .require, .myinfocon li label, .uploadcon li i .require{
    color: #ff0000;
    margin: 4px 4px 0 0;
    display: inline-block;
    font-weight: normal;
}
.apartdel .acdetails li span{
    width: 110px;
}
.apartdel .acdetails li .selcon{
    display: none;
}
.apartdel .acdetails #stuclass{
    margin-left: 6px;
}
.apartdel .acdetails .acselcons label{
	height:18px;
    padding:4px 0;
}
.comcon{
    display: block;
    width: 100%;
}
.comcon li{
    color: #666;
    font-size: 13px;
    margin-bottom: 10px;
    width: 100%;
}
.comcon li label, .comcon li span{
    display: block;
    float: left;
}
.comcon li label{
    width: 60px;
}
.comcon li span{
    width: 660px;
}
.comcon .first label{
    color: #ff0000;
}
.comcon .second label{
    color: #ffa200;
}
.comcon .thrid label{
    font-weight: 600;
}
.acdetails .selcon{
    width: 114px;
}
.acdetails .selcon a:hover{
    width: 110px;
}
.acdetails .phasel{
    left: 96px;
}
.acdetails .phasel2{
    left: 218px;
}
.acdetails .phasel3{
    left: 340px;
}
.acdetails .phasel3 a{
	width:200px!important;
}
.acdetails .phasel4{
    left: 96px;
}
.acdetails .selcalss{
    left: 218px;
}
.acdetails .selquestion{
    left: 424px;
}

.acdetails #clastype{
    width: 232px;
}
.acdetails .seltype{
    width: 236px;
    left: 96px;
    z-index: 10;
}
.acdetails .seltype a:hover{
    width: 238px;
}
.acdetails li input, .myinfocon li .infotext{
    width: 140px;
    border: 1px solid #D1D1D1;
    height: 26px;
    line-height: 26px;
    width: 236px;
    padding-left: 4px;
    color: #666;
}
.acdetails li b{
    font-weight: normal;
    color: #aeaeae;
    margin-left: 4px;
}
.acdetails li button{
    border: 1px solid #d1d1d1;
    background: #f6f6f6;
    color: #666;
    height: 28px;
    margin-left: 4px;
    width: 100px;
}
.acdetails .filecon{
    position: absolute;
    top:0px;
    left:94px;
    width: 348px!important;
    filter:alpha(opacity=0);
    opacity:0;
}
.submitcon{
    width: 100%;
    clear: both;
    text-align: center;
    margin:10px 0 60px;
}
.submitcon input, .subcon input{
    background: #16bdfa;
    border: 0;
    display: inline-block;
    color: #fff;
    padding: 0;
    height:43px;
    width:350px;
    font-size: 16px;
    font-family:"Microsoft YaHei";
    cursor: pointer;
}
.apartdel p label, .myinfocon p label{
    display: block;
    float: left;
}
.comcon .comtis{
    margin-bottom: 10px;
}
.stopcon  .percenter{
    float: right;
    margin-top: 25px;
}
.stopcon  .percenter a{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    width:80px;
    height:22px;
}
.stopcon  .percenter label{
    display: inline-block;
    float: left;
}
.stopcon .percenter span{
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 0 5px 0 0;
    float: left;
}
.stopcon .per span{
    background: url("../images/se-left.png") no-repeat -37px -26px;
}
.stopcon .mper span{
    background: url("../images/manager_w.png") no-repeat;
}
.stopcon .canel span{
    background: url("../images/se-left.png") no-repeat -60px -27px;
}
.stopcon label{
    margin-top: 4px;
    cursor: pointer;
}
.stopcon  .percenter .per{
    margin-right: 14px;
}
.myacticon{
    width: 771px;
    padding: 0;
    font-size: 13px;
}
.myacticon .content{
    border-bottom: 1px solid #eaeaea;
    padding:30px;
    width: 711px;
}
.myacticon .conleft{
    width: 240px;
    float: left;
}
.myacticon .conleft .comname{
    text-align: center;
    margin: 30px 0 10px 0;
    line-height: 26px;
}
.myacticon .conleft .comname label{
    display: block;
    color: #f34646;
}
.myacticon .conleft img{
    display: block;
    width: 240px;
    height:130px;
}
.myacticon .conright{
    width: 445px;
    float: right;
}
.myacticon .conright h3{
    color: #333;
    font-weight: 500;
    font-size: 18px;
    font-family:"Microsoft YaHei";
}
.myacticon .conright li{
    color: #a4a4a4;
    margin-top: 6px;
}
.myacticon .conright li span{
    color: #666;
}
.myacticon .conright .nostart{
    color: #f16e6e;
}
.myacticon .conright .seedel{
    text-align: center;
    margin-top: 30px;
}
.myacticon .conright li a{
    display: inline-block;
    border:1px solid #c4c4c4;
    color: #333;
    height:38px;
    line-height:38px;
    width: 200px;
    text-align: center;
    font-size: 16px;
}
.myacticon .conright li a:hover{
	background:#16BDFA;
	color:#fff;
	border:0;
	height:40px;
	line-height:40px;
	width:202px;
}
.myacticon .conright .acti{
    margin-right: 20px;
}
.noactive{
    margin-top: 150px;
    text-align: center;
    color: #666;
}
.noactive h3{
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}
.myinfocon{
    padding-top: 40px;
    font-size: 13px;
    color: #666;
}
.myinfocon p{
    margin-bottom: 30px;
}
.myinfocon li{
    height: 45px;
}
.myinfocon li span{
    display: inline-block;
    width: 110px;
    text-align: right;
    font-weight: bold;
    margin-right: 4px;
}
.myinfocon li .infotext{
    width: 400px;
    display: inline-block;
}
.myinfocon #infophase{
    margin: 0 7px;
}
.myinfocon .infoscon b{
    font-weight: normal;
}
.myinfocon .infoscon #infosch{
    width: 200px;
}
.myinfocon .submitcon{
    text-align: left;
}
.myinfocon .submitcon input{
    padding: 10px 40px;
    margin-left: 200px;
}
.myinfocon .infoscon{
    position: relative;
    z-index:10;
    top:0;
    left:0;
}
.myinfocon .seladd{
    left: 114px!important;
}
.myinfocon .selphase{
    left: 263px!important;
}
.myinfocon .selsch{
    left: 382px!important;
    width: 204px!important;
}
.infoscon .selsch a{
    width: 200px!important;
}
.infoscon span, .infoscon .selcons,
.acdetails  .acselcons i, .acdetails  .acselcons .selcons,
.search .searsel label, .search .searsel .selcons{
    float: left;
}
.infoscon .selcons{
    cursor: default;
}
.myinfocon li input{
    vertical-align: middle;
}
.myinfocon .sexcon input,.vimask .masklev input{
    display: none;
}
.myinfocon .sexcon span{
    float: left;
}
.myinfocon .sexcon b, .vimask .masklev b{
    width: 17px;
    height: 16px;
    display: block;
    background: url("../images/se-left.png") no-repeat -97px -35px;
    float: left;
    margin: 0px 5px 0 4px;
    cursor: pointer;
}
.myinfocon .sexcon .male{
    margin-right: 20px;
}
.myinfocon .sexcon a, .vimask .masklev a{
    display: block;
    float: left;
    margin: 3px 3px 0 0;
}
.myinfocon .sexcon .checkedsex, .vimask .masklev .checkedsex{
    background: url("../images/se-left.png") no-repeat -113px -35px;
}
.myinfocon .sexcon {
    position: relative;
}
.regcon .correct, .myinfocon .correct,.acdetails .correct{
    width: 14px;
    height: 13px;
    background: url("../images/se-left.png") no-repeat -83px -34px;
    display: none;
    margin-left: 10px;
}
.unamecon b{
    display: inline-block;
    margin-left: 10px;
}

.regcon .error, .myinfocon .error,.acdetails .error,.uploadcon .error{
    font-weight: normal;
    color: #ed1111;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    height: 28px;
    line-height: 28px;
    display: none;
}
.regcon{
    background: #fff;
    padding: 30px 0 50px;
    width: 755px;
    margin: 0 auto;
	
}
.regcon h3{
    margin: 20px 0 40px;
    padding-left: 150px;
    font-size: 18px;
    color: #383838;
    font-family:"Microsoft YaHei";
}
.regcon li{
    height: 50px;
}
.regcon .rule{
    height: 40px!important;
}
.regcon .rule a, .regcon .allogin a:hover{
    color: #16bdfa;
}
.regcon .subcon{
    height: auto!important;
}
.regcon .subcon input{
    width: 350px;
}
.regcon .allogin{
    line-height: 50px;
}
.regcon .allogin a{
    color: #666;
}
.regcon  li .infotext{
    width: 404px;
    font-size:16px;
}
.regcon .seladd {
    left: 114px!important;
}
.regcon .selphase {
    left: 263px !important;
}
.myinfocon .selsch {
    left: 412px !important;
}
.ulogin{
    background: #fff;
    padding: 40px 30px;
    font-size: 13px;
}
.ulogin .logleft, .ulogin .loginri{
    display: block;
    float: left;
    width: 37%;
}
.ulogin .logleft{
    margin-right: 9%;
    width: 47%;
}
.ulogin .loginri h3{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    font-family:"Microsoft YaHei";
}
.ulogin .loginri p{
    margin: 30px 0 10px 0;
    color: #333;
    visibility:hidden;
}
.ulogin .loginri li{
    margin-bottom: 15px;
}
.ulogin .usname,  .ulogin .uspwd{
    height: 37px;
    border: 1px solid #cecece;
    width: 330px;
}
.ulogin .usname span, .ulogin .uspwd span{
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url("../images/se-left.png") no-repeat -113px 0;
    float: left;
}
.ulogin .uspwd span{
    background: url("../images/se-left.png") no-repeat -150px 0;
}
.ulogin .usname input, .ulogin .uspwd input{
    display: inline-block;
    height: 37px;
    line-height: 37px;
    width: 254px;
    padding-left: 4px;
    float: left;
    border: 0;
    color:#b4b4b4;
}

.ulogin .valid input{
    height: 38px;
    line-height: 38px;
    border: 1px solid #cecece;
    width: 150px;
    padding: 0 4px;
    margin-right: 10px;
    font-size:16px;
}
.ulogin .valid input , .ulogin .valid img, .ulogin .valid  a{
    float: left;
    display: inline-block;
}
.ulogin .valid img{
    height: 40px;
}
.ulogin .valid  a{
    color: #16bdfa;
    font-size: 13px;
    margin: 10px 0 0 10px;
}
.ulogin .looper{
    color: #333;
    padding: 5px 0;
}
.ulogin .looper a{
    color: #333;
}
.ulogin .looper a:hover{
    color: #16bdfa;
}
.ulogin .looper .loreg{
    margin:0 6px 0 100px;
}
.ulogin .looper .loforget{
    margin-left: 2px;
}
.ulogin .subbtn input{
    display: block;
    height:49px;
    line-height:49px;
    width: 332px;
    background: #16bdfa;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-family:"Microsoft YaHei";
    cursor: pointer;
}
.findpwd li .phone, .findpwd li .valid{
    border: 1px solid #cecece;
    height: 38px;
    line-height: 38px;
    width: 252px;
    padding: 0 4px;
}
.findpwd li .valid{
    width: 125px;
}
.findpwd .getval{
    border: 1px solid #cecece;
    height: 40px;
    background: url("../images/yzm.jpg") repeat-x 0 0;
    width: 120px;
    cursor: pointer;
    color: #333;
    margin-left: 10px;
}
.findpwd .subbtn input{
    width: 260px;
    margin: 30px 0 0 70px;
}
.wincon,.wtipcon{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C87f7f7f,endColorstr=#C87f7f7f); 
    position: fixed;
    top:0;
    left: 0;
	display:none;
	z-index:9999999999;
}
.wincon .promise{
    background: #fff;
    width: 700px;
    margin: 150px auto;
}
.wincon .xycon{
	margin:60px auto;
}
.wincon .xycon .xycons{
	max-height:360px;
	overflow-y:scroll;
}
.wincon .xycon .btncon {
    padding: 30px 0px 30px!important;
}
.wincon .promise h3{
    color: #f42424;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
    padding: 25px 0 15px;
    font-size:20px;
}
.wincon .promise p{
    margin: 10px 20px;
    font-size: 13px;
    line-height: 26px;
}
.wincon .promise .remark{
    margin: 20px;
}
.wincon .promise .btncon{
    text-align: center;
    padding: 15px 0 30px;
}
.wincon  .btncon input{
    color: #fff;
    border: 0;
    background: #16bdfa;
    padding: 10px 0;
    font-size: 16px;
    width: 150px;
    cursor: pointer;
}
.nedecon{
    width: 96%;
    background: #fff;
    min-height: 800px;
    padding: 40px 2%;
    font-size: 14px;
}
.nedecon h3{
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}
.nedecon p{
    line-height: 28px;
    text-indent: 28px;
}
.vimask{
    width: 100%;
    margin-top: 25px;
}
.vimask .masklev{
    border: 1px solid #f26d6e;
    height: 38px;
    font-size: 13px;
    color: #666;
    cursor: pointer;
    width:700px;
}
.vimask .masklev .good1{
    margin-left:65px;
}
.vimask .masklev b{
    margin-top:12px;
}
.vimask .masklev a{
    margin: 13px 35px 0 0;
}
.vimask .maskconf{
    float: left;
    margin:15px 0 0 30px;
}
.vimask .maskconf button{
    display: inline-block;
    color: #FFF;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100px;
    background: #16BDFA;
    border: 0;
    font-size: 16px;
    cursor: pointer;
}
.vimask .masklev span{
    background: #f16e6e;
    color: #fff;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    width: 50px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 20px;
    font-size: 16px;
}
.footer{
    background: #333;
    width: 100%;
    height: 45px;
    margin-top: 20px;
    color: #919191;
    line-height: 45px;
}
.footer ul{
    margin: 0 auto;
    width: 1000px;
}
.footer .fleft{
    float: left;
}
.footer .fleft span{
    margin-right: 80px;
}
.footer .fright{
    float: right;
}
.regcon .error{
    float: right;
    width: 210px;
    margin: 0 0 0 2px;
}
.visclass{
    background: #fff;
    padding: 0 20px 40px 20px;
    width: 960px;
    margin-bottom: 20px;
}
.visclass .title{
    margin:0;
    padding: 50px 0 40px 0;
}
.visclass table .mark{
    color: red;
}
.visclass table .mark a{
    color: #40A9FA;
}
.visclass .search li{
    margin-bottom: 20px;
}
.visclass .search .searsel{
    width: 100px!important;
}
.visclass .search .searsel span{
    width: 140px;
}
.visclass .search .searsel .selcon{
    width: 143px;
}
.visclass .search .searsel .selcon a{
    width: 140px;
}
.visclass .search .searsel .selcon{
    left: 36px;
}
.visclass .search .marksel{
    width: 240px!important;
}
.visclass .search .marksel .selcon {
    left: 59px;
}
.visclass .vmask{
    width: 400px!important;
    margin-left:30px;
}
.visclass .vmask input{
    width:118px;
    padding-left: 4px;
    height:28px;
    line-height: 28px;
    border: 1px solid #D1D1D1;
    background: url("../images/date.png") no-repeat 96px center;
    cursor: pointer;
}
.visclass .search .sname{
    margin-right: 4px;
    width: 331px;
    float:left;
}
.visclass .search .sname input{
	width:280px;
	float:left;
	margin:0;
}
.visclass .search{
	width:940px;
    padding: 40px 0 20px 40px;
    font-size: 14px;
}

 .mtotal{
	float:left;
	display:inline-block;
	height:38px;
	line-height:38px;
	margin-left:80px;
	font-size:15px;
	margin-right:20px;
	font-family:"Microsoft YaHei";
}
.noticecon{
	padding-bottom:30px;
}
.vimask .valid{
	float:left;

}
.vimask .valid input{
	border: 1px solid #D1D1D1;
	height:28px;
	padding:0 4px;
	float:left;
	margin:15px 0 0 50px;
	font-size:16px;
}
.vimask .valid  img{
	margin:10px 10px 0 10px;
	float:left;
}
.vimask .valid a{
	margin:20px 0 0 2px;
	float:left;
	color:#16bdfa;
}
.wtipcon .content{
	background:#fff;
	width:400px;
	margin:200px auto;
	padding:41px 30px 41px;
	border-radius:6px;
}
.wtipcon .content p{
	text-align:center;
}
.wtipcon .content .info{
	font-size:21px;
	font-family:"Microsoft YaHei";
	color:#333;
}
.wtipcon .content .oper{
	margin:50px 0 0 0;
}
.wtipcon .content input{
	cursor: pointer;
	width: 120px;
	height:36px;
	line-height:36px;
	text-align:center;
	display:inline-block;
}
.wtipcon .content #confirm{
	color: #FFF;
	border: 0px none;
	background: #16BDFA none repeat scroll 0% 0%;
	font-size: 16px;	
}
.wtipcon .content #cancel{
	border: 1px solid #D1D1D1;
	background:#fff;
	margin:1px 0 0 20px;
	color:#333;
}
.filebtn{
	border: 1px solid #D1D1D1;
	background: #F6F6F6;
	color: #666;
	height: 28px!important;
	margin-left: 4px;
	width: 80px!important;
	position:relative;
}
.filename{
	width:180px!important;
}
.mid-right table .science{
    width:60px;
}
.uppwd .submitcon input, .apartdel .submitcon input{
	width:120px!important;
	padding:0!important;
	height:40px;
	line-height:40px;
	text-align:center;
}
.apartdel .submitcon input{
	width:140px!important;
}
.acselcons .clatype{
	color:#666;
	margin-top:3px;
	display:inline-block;
}

.filestip{
	margin: 0px 0px 20px 10px;
}
.filestip b{
	color:#F00;
	font-weight:normal;
}
.vimask .validtip{
	clear: both;
	text-align: left;
	margin: 20px 0 0 50px;
	color: #f00;
	display:none;
}
.acdetails .classtype .seltype a{
	width:233px;
}
.acdetails li input{
	width:232px;
}
.updateinfo .submitcon input{
	width:140px!important;
	margin-top:40px!important;
}
.regcon .infoscon #infoadd,.regcon .infoscon .seladd a,
.updateinfo .schocon #infoadd{
	width:100px;
}
.regcon .infoscon .seladd,.updateinfo .infoscon .seladd{
	width:104px;
}
.regcon .infoscon #infophase,.regcon .infoscon .selphase a,
.updateinfo .schocon #infophase{
	width:80px;
}
.regcon .infoscon .selphase,.updateinfo .schocon .selphase{
	width:84px;
	left: 227px !important;
}
.regcon .infoscon #infosch,.regcon .infoscon .selsch a{
	width:200px!important;
}
.updateinfo .schocon #infosch{
	width:200px!important;
}
.updateinfo .schocon .selsch{
	width:204px!important;
	left: 320px !important;
}
.regcon .infoscon .selsch{
	width:204px!important;
	left: 320px !important;
}
.selcon{
	max-height:240px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.updateinfo .schocon span, .regcon .schocon span{
	margin-top:2px;
}
.predetails{
	width:100%;
	height:auto;
}
.predetails img{
	max-width:100%;
}
.recont{
	background:#fff;
}
.regcon ul li span, .regcon ul li input{
	float:left;
}
.regcon ul .sexcon span{
	position:relative;
	top:-2px;
}
.regcon ul li input{
	margin-left:4px;
}
.rule .checkcon{
	margin-right:4px;
}
.rule .checkcon input{
	margin:0;
	padding:0;
}
.rule .checkcon, .rule .reading{
	float:left;
}
.visclass .ismark{
	margin-left:50px;
	position:relative;
	z-index:100;
}
.visclass .area #seamark, .visclass .area .selcon{
	width:162px!important;;
}
.visclass .area .selcon{
	width:144px!important;
	left:35px!important;
}

.visclass .princ .selcon{
	left:47px!important;
}
.visclass .sname{
	margin-left:18px;
}

.visclass .complete{
	width:74px;
	padding:6px 20px;
	height:30px;
	background:url(../images/complete.png) no-repeat 0 0;
	position:relative;
	right:-70px;
	top:-4px;
	display:block;
	float:right;
	color:#fff;
}
.visclass .complete span{
	display:block;
	margin-top:2px;
	padding-left:22px;
}
.acdetails .styphase{
	position:relative!important;
	z-index:9999;
}
.acdetails .resource{
	position:relative!important;
	z-index:10000;
}
.masktabcon{
	position:relative;
	left:0;
	top:0;
	z-index:10;
	height:410px;
}
.masktabcon .complete{
	position:absolute;
	top: -8px;
	right: -70px;
	z-index:11;
}
.visclass table{
	width:870px;
	margin:0 auto;
}
#kkpager{
	margin:0 auto!important;
	text-align:center;
	clear:both;
	display:block!important;
	padding:30px 0;
	height:60px;
	width:711px;
}
#kkpager,#kkpager span, #kkpager a{
	font-size:12px!important;
}
#kkpager span.disabled{
	font-size:12px!important;
}

.visclass .search .princ span{
	width:126px;
}
.visclass .search .princ .selcon {
    width: 130px;
}
.visclass .search .area{
	margin-left:54px;
	width: 228px !important;
}
.visclass .area #seamark{
	width:140px!important;
}
.visclass .search .princ,.visclass .search .area{
	position:relative;
	z-index:90;	
}
.loginri .uspwd #pwd{
	color:#000;
}
.file-box {
    position: relative;
    top: 0;
    left: 5px;
}
.txt {
    height: 22px;
    border: 1px solid #cdcdcd;
    width: 234px;
    padding-left:4px;
    height: 26px;
	line-height: 26px;
	float:left;
}
.btn {
    background-color: #FFF;
    border: 1px solid #CDCDCD;
    height: 24px;
    width: 70px;
    height: 28px;
	line-height: 28px;
	float:left;
	margin-left:10px;
}
.file {
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    filter: alpha(opacity:0);
    opacity: 0;
    width: 318px;
}
.uploadcon li{height:50px;}
.uploadcon li i{
	float:left;
}
.uploadbtn{
	float:left;
	margin-left:15px;
	border:0;
	height: 28px;
	line-height: 28px;
	background: #16bdfa;
	padding: 0 14px;
	cursor: pointer;
	color:#fff;
}
#docContainer{
	border: 1px solid #D1D1D1;
}
.preview label{
	display:block;
	margin-bottom:10px;
	padding-left:8px;
	font-size:14px;
	font-weight:bold;
}
.loading{
	font-size:20px;
	display:none;
}
.loading img{
	vertical-align:middle;
	margin-right:4px;
}
.flowsteps{
	margin: 15px 0;
	clear:both;
	width:100%;
}
.flowsteps li{
	float:left;
}
.flowsteps li a, .flowsteps li label{
	display:inline-block;
	background: #ddd;
	height:35px;
	line-height:35px;
	float:left;
	color:#666;
	padding: 0 5px 0 15px;
}
.flowsteps li.active a, .flowsteps li.active label{
	background:#ff9966;
	color:#fff;
}
.flowsteps li span{
	float:left;
	display:inline-block;
	width:20px;
	height:35px;
	background:url(../images/steps.png) no-repeat -21px 0;
}
.flowsteps li.active span{
	background:url(../images/steps.png) no-repeat 0 0;
}