/* Reset 重置浏览器默认样式 */
html,body {font-family:"微软雅黑";}
body,h1,h2,h3,h4,h5,h6,p,ol,ul,dl,dt,dd,li { margin:0; padding:0; list-style:none;}
sup,sub { vertical-align:baseline; }
.fl{
    float:left;
}
.fr{
    float:right;
}
.clear_{
    clear:both;
}


/*公共部分*/
.wrap{
    width:1200px;
    height:100%;
    margin:auto;
}
.head{
    width:1200px;
    height:100px;
    background: #3680c5;
}
.h_logo{
    width: 135px;
    height: 54px;
    margin: 22px 81px 0 39px;
}
.h_name{
   margin: 26px 0 0 0;
}
.h_name h3{
    font-size:24px;
    color:#fff;
    font-weight:500;
    line-height:34px;
}
.h_name p{
    text-align:left;
    font-size:12px;
    color:#fff;
}
.sign{
    margin:25px 40px 0 0;
}
.singIn{
    position: relative;
}
.singIn p{
   font-size:16px;
   color:#fff;
}
.sanjiao{
  width:12px;
  height:8px; 
  margin:22px 0px 0 0px; 
}
.other_option{
    position: absolute;
    top:50px;
    left:0;
    display: none;
}
.user_name{
    width:110px ;
    height:50px;
    background: #3680c5 url(../img/sanjiao.png) no-repeat  80px 22px;
    line-height:50px;
    text-indent: 11px;
}
.user_name span{
    display:inline-block;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    width:74px;
}
.user_name:hover{
    cursor: pointer;
}
.user_name.user_name_{
   background: #2c6aa3 url(../img/sanjiao2.png) no-repeat  80px 22px;
}
.other_option span{
  width:110px;
  height:50px; 
  background:#2c6aa3;
  line-height: 50px;
  color:#fff;
  font-size: 16px;
  text-align: center;
  display: inline-block;
}
.other_option span a{
    color:#fff;
}
.other_option span:hover{
    background:#255887;
    cursor:pointer;
}
.more-a {
    color: #77afe4;
    font-size: 14px;
    text-decoration: none;
    line-height: 14px;
    position: absolute;
    top:28px;
    right: 16px;
}
.more-a::after {
    display: inline-block;
    content: '';
    width:0;
    height: 0;
    border: 6px solid transparent;
    border-left: 6px solid #c4dcf2;
    margin:2px 0 0 4px;
}
/*左侧导航*/
.mainLeft{
    padding:12px 0 0 0;
    border:1px solid #eeeeee;
    background:#fff;
    width:220px;
    height:800px;
    box-sizing:border-box;
    overflow: auto;
}
.navTitle .active_list,.navTitle .active_list_none{
    display: block;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    padding-left: 34px;
    color:#333333;
    margin:18px 0 0 0;
}
.navTitle .active_list1{
    background:url(../img/left_sanjiao1.png) no-repeat 152px 27px;
}
.navTitle .active_list:hover{
    color:#4cabfc;
}
.navTitle .active_list1.active_list_{
    background:url(../img/left_sanjiao2.png) no-repeat 152px 27px;
}

.navTitle .active_list1.active_list_.none-bg{
    background: none;
}
.navTitle .icon{
    width: 22px;
    height: 20px;
    margin: 0px 22px 0 0;
    vertical-align: sub;
}
.navList{
    display: block;
}
.navList a{
    display: block;
    font-size: 14px;
    line-height: 46px;
    text-align: left;
    color: #999999;
    height: 46px;
    padding-left: 78px;
}
.navList a:hover{
    color:#4cabfc;
}
a.listA-activ{
    color:#4cabfc !important;   
}
.list_border_{
    width: 28px;
    height: 36px;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    position: absolute;
    bottom: 22px;
    left: 44px;
}
.list_border{
    width: 28px;
    height: 48px;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    position: absolute;
    bottom: 22px;
    left: 44px;
}
.navList .listA{
    position:relative;
}

.mainRight{
    width: 980px;
    height: 800px;
    background:#f5f5f5;
    padding:12px 10px 0;
    overflow:hidden;
    box-sizing:border-box;
}
.mainRight iframe{
    border: 0;
    width: 980px;
    height: 100%;
}

.content{
    height: 424px;
    width: 960px;
    border: 1px solid #eeeeee;
    background: #fff;
}
/*登录页*/
.background_cont{
    background:url(../img/bg_1.png) repeat-x;
    width: 100%;
    height: 100%;
    position:absolute;
    top:0;
    left:0;
}
#background_image {
    background:#3a8ad5 url(../img/bg_3.png) no-repeat center bottom;
    width: 100%;
    height: 100%;
    position:absolute;
    top:0;
    left:0;
}
.map{
    background:url(../img/bg_2.png) no-repeat center bottom;
    width: 675px;
    height: 560px;
    margin:124px auto 0;
    position:relative;
}
.logo {
    text-align: center;
    margin-bottom: 30px;
    width:368px;
    height:62px;
    margin: 0 auto 40px;
}
.logoCenter {
    /*position: absolute;
    top:0;
    left:0;
    z-index: 2;*/

    width: 420px;
    margin: 60px auto 0;
}
.user_name_input{
    margin:0 0 18px 0;
}
.login{
    background:#fff;
    width: 420px;
    height: 335px;
    /*padding:39px 50px;*/
}
.login .user_login{
    font-size:20px;
    color:#333333;
    text-align:center;
    padding:39px 0 0 0;
}
.login .user_login span{
    display: inline-block;
    width: 60px;
    height: 1px;
    background: #eeeeee;
    vertical-align: super;
    margin: 0 25px;
}
.login form{
    margin:40px 50px 0;
    padding: 0 0 50px 0;
}
.login form label{
    vertical-align: top;
    width: 37px;
    height: 42px;
    display:inline-block;
    border-radius: 4px 0 0 4px;
    margin: 0 0 0 12px;
    border: 1px solid #eeeeee;
    border-right: none; 
}
.login form .login_label1{
    background:#f5f5f5 url(../img/user_img.png) no-repeat 10px 8px;
}
.login form .login_label2{
    background:#f5f5f5 url(../img/password.png) no-repeat 10px 8px;
}
.login form input{
    width: 260px;
    height: 40px;
    border: none;
    border-radius: 0 4px 4px 0;
    background: #f5f5f5;
    text-indent: 14px;
    border: 1px solid #eeeeee;
    border-left: none;
    font-family:"微软雅黑";
}
.user_error{
    font-size:14px;
    color:#f27373;   
    display:inline-block;
    display:none;
}

.user_error_wrap{
    padding: 10px 0 20px 45px;
    height: 17px;
    line-height: 1.2;
    text-align: right;
}

.user_nos{
    font-size:14px;
    display:inline-block;
    margin: 10px 10px 20px 100px;
}
.user_nos a{
    color:#999999;
}
.user_nos a:hover{
    cursor:pointer;
}
.sign_btn{
    width: 300px;
    height: 40px;
    background:#77afe4;
    color:#fff;
    line-height:40px;
    font-size:14px;
    border:none;
    margin: 0 0 0 12px;
}
.sign_btn a{
    color:#fff;
}
.sign_btn:hover{
    cursor:pointer;
}
/*忘记密码*/
.password_cont{
    width:1200px;
    height:800px;
    background:#f5f5f5
}
.forget_div{
    width:742px;
    height:64px;
    margin:auto;
    padding:80px 0 120px 0;
}
.forget_num{
    background: url(../img/liubian2.png) no-repeat;
    display: inline-block;
    text-align: center;
    width: 32px;
    height: 36px;
    color: #999999;
    line-height: 36px;
    font-size: 20px;
    position: relative;
}
.forget_num.forget_num_hover{
    background: url(../img/liubian1.png) no-repeat;
    color: #fff;
}
.forget_num em{
    font-size: 16px;
    color: #333333;
    font-style: normal;
    position: absolute;
    top: 34px;
    left: -47px;
    width: 142px;
}
.forget_num em.forget_em_hover{
    color:#3680c5;
}
.forget_num .forget_three_em{
    position: absolute;
    top: 34px;
    left: -54px;
    width: 142px;
}
.forget_border{
    width:280px;
    height:2px;
    background:#eeeeee;
    display:inline-block;
    margin:0 10px;
    vertical-align: middle;
}
.forget_border.forget_border_hover{
    background:#3680c5;
}
.validation_information{
    width:420px;
    height:320px;
    background:#fff;
    border:1px solid #eeeeee;
    margin:auto;
    padding:39px 59px;
    display: block;
}
.validation_information .user_error_p{
    font-size:14px;
    color:#f27373;
    margin: 10px 0 0px 0px;
    display:none;
    line-height: 10px;
}
.validation_information .user_login{
    font-size:20px;
    color:#333333;
    text-align:center;
    margin:0 0 40px 0;
}
.validation_information .user_login span{
    display: inline-block;
    width: 60px;
    height: 1px;
    background: #eeeeee;
    vertical-align: super;
    margin: 0 25px;
}
.validation_information form input{
    font-size: 16px;
}
.verification_user_name{
    width: 300px;
    height: 40px;
    background:#f5f5f5;
    border:none;
    text-indent:10px;
    margin:0 0 20px 0;
}
.verification_code{
    width: 150px;
    height: 40px;
    background:#f5f5f5;
    border:none;
    text-indent:10px;
}
.verification_code_btn{
    width: 100px;
    height: 40px;
    background:#77afe4;
    border:none;
    color:#fff;
    margin:0 0 0 10px;
    font-size:14px;
}
.verification_code_btn:hover{
    cursor:pointer;
}
.return_login{
    width: 143px;
    height: 38px;
    background: #fff;
    border:1px solid #cccccc;
    display: inline-block;
    text-align: center;
    margin:40px 0 0px 0;
}
.return_login a{
    color:#666666;
    font-size: 16px;
    line-height: 38px;;
}
.next_page{
    width: 143px;
    height: 38px;
    background: #77afe4;
    display: inline-block;
    text-align: center;
    margin:0 0 0 9px;
}
.next_page a{
    color:#fff;
    font-size: 16px;
    line-height: 38px;
}
.reset_prompt{
    font-size:14px;
    color:#f27373;
    margin: 0px 0 20px 0px;
    display:inline-block;
}
.new_password{
    margin:0 0 10px 0;
}
.confirm_new_password{
    width: 300px;
    height: 40px;
    background:#f5f5f5;
    border:none;
    text-indent:10px;
}
.reset_password{
    height:340px;
    display: none;
}
.modify_success{
    width: 420px;
    height: 320px;
    background:#fff;
    border: 1px solid #eeeeee;
    margin:auto;
    display:none;
}
.success{
    width: 80px;
    height: 80px;
    margin:58px auto 30px;
}
.modify_success p{
    font-size: 20px;
    color:#333333;
    text-align: center;
}
.immediate_landing{
    width: 143px;
    height: 38px;
    border: 1px solid #cccccc;
    text-align: center;
    margin:52px auto 0;
}
.immediate_landing a{
    color:#666666;
    font-size: 16px;
    line-height: 38px;
}

/*数据概览*/
.rightTitle{
    font-size: 20px;
    color: #333333;
    font-weight: 500;
    height: 50px;
    line-height: 70px;
    background: #fff; 
    text-indent: 30px;
    position: relative;
}
.cont{
    width:970px;
    height:900px;
    background:#f5f5f5;
    overflow-y: auto;
}
.attendance{
   width:319px;
   height:368px;
   background:#fff; 
}
.attendance2{
    width:320px;
}
.indicatorContainer{
}
.today_{
    position: absolute;
    top: 56%;
    left: 28%;
    color:#999999;
}
.attendanceDiv{
    width:170px;
    margin:58px auto 0;
    position:relative;
}
.attendance_div{
    width: 300px;
    margin:32px auto 0;
    text-align: center;
}
.attendance_text{
    width:132px;
    display: inline-block;
}
.attendance_text_r{
    border-right:1px solid #eeeeee;
    display: inline-block;
    width:1px;
    height:43px;
}
.attendance_text .attendance_num_p1{
    text-align:center;
    font-size:28px ;
}
.attendance_text .attendance_num_p2{
    text-align:center;
    font-size:14px ;
    color:#999999;
    margin: 10px 0 0 0;
}

.gardenInformation{
   width:473px;
   border:1px solid #eeeeee;
   height:340px;
   background:#fff; 
   float:left;
   margin:10px 0 0 0;
}
.garden_name{
    font-size:20px ;
    height:60px;
    line-height:60px;
    text-indent:23px;
    width:471px;
    font-weight:500;
    position: relative;
}
.garden_num{
    width: 471px;
    margin:40px auto 0;
    text-align: center;
}
.garden_num_text{
    width:234px;
    display: inline-block;
}
.garden_text_r{
    border-right:1px solid #eeeeee;
    display: inline-block;
    width:1px;
    height:59px;
    vertical-align: sub;
}
.garden_num_text .garden_num_p1{
    text-align:center;
    font-size:28px ;
}
.garden_num_text .garden_num_p2{
    text-align:center;
    font-size:14px ;
    color:#999999;
    margin: 10px 0 0 0;
}
.garden_num2{
    margin:58px 0 0 0;
}
.childThree{
   width:472px;
   border:1px solid #eeeeee;
   height:364px;
   background:#fff; 
   float:left;
   margin:10px 8px 0 0;
}
.childThree_name{
    font-size:20px ;
    height:60px;
    line-height:60px;
    text-indent:23px;
    font-weight:500;
    position: relative;
}
.childThree_tab{
    margin-left:24px;
}
.childThree_tab_ul li{
    width:60px;
    background: #f5f5f5;
    border:1px solid #eeeeee;
    height:34px;
    color:#666666;
    float:left;
    text-align: center;
    line-height: 34px;
    border-radius: 2px;
    margin:0 10px 0 0;
}
.childThree_tab_ul li:hover{
    cursor: pointer;
}
.childThree_tab_ul li.childThree_li_hover{
    background: #77afe4;
    color:#fff;
    border:none;
    height:32px;
}
#childThree_progress_bar1{
    display:block;
}
.childThree_progress_bar{
    display: none;
}
.childThree_progress_bar li{
    margin:40px 0 0 39px;
}
.bar_text{
    font-size:14px ;
    color:#333333;
    margin: 0 0 12px 4px;
}

.parks-total-container {
    width: 958px;
    height: 312px;
    background: #fff;
    margin: 10px 0 0 0;
    border: 1px solid #eee;
    overflow: hidden;
}
.parks-container-title ,.ages-container-title,.video-list-container-title,.active-list-container-title{
    font-size: 20px;
    color: #333333;
    font-weight: 500;
    height: 70px;
    line-height: 70px;
    background: #fff;
    text-indent: 30px;
    position: relative;
}
.parks-container-title .blue {
    color: #3680C5;
}
.parks-container {
    width: 960px;
    height: 240px;
}

.ages-total-container{
    width: 472px;
    height: 340px;
    background: #fff;
    border: 1px solid #eee;
    margin: 10px 8px 0 0;
}
.ages-container {
    height: 240px;
}
.video-list-container,.active-list-container {
    height: 364px;
    background: #fff;
    border: 1px solid #eee;
}
.active-list-container {
    width: 472px;
    margin: 10px 8px 0 0;
}
.video-list-container {
    width: 473px;
    margin: 10px 0 0 0;
}
.video-icon {
    display: inline-block;
    height: 14px;
    width: 18px;
    background: url("../img/video-icon.png") no-repeat center;
    background-size: 100%;
    margin-right: 12px;
    vertical-align: middle;
}
.video-container-ul {
    overflow: auto;
    height: 290px;
}
.video-container-ul li:nth-child(1){
    border-top: 1px solid #eee;
}
.video-container-ul li {
    border-bottom: 1px solid #eee;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    font-size: 14px;
}
.active-container {
    height: 290px;
    overflow: auto;
}
.active-table {
    width:100%;
}
.active-table thead {
    background: #f8f8f8;
    height: 60px;
    line-height: 60px;
}
.active-table thead th {
    border: 1px solid #eee;
}
.active-table tbody tr {
    border: 1px solid #eee;
}
.active-table tbody td {
    border: 0;
}
.active-th1 {
    width: 15%;
}
.active-th2 {
    width: 70%;
}
.active-th3 {
    width: 15%;
}
.data-over-view-row-div {
    width: 960px;
}

/*幼儿基础信息*/ 
.basicsc_content1{
    height: 76px; 
    width: 960px;
    border: 1px solid #eeeeee;
    background: #fff;
    margin:0 0 10px 0;
}
.basicsc_content2{
    height:338px; 
    width: 960px;
    border: 1px solid #eeeeee;
    background: #fff;
    margin:0 0 10px 0;
}
.basicsc-select-box,.basicsc-select-province-box { position: relative; float: left; margin-right: 8px; width: 100px}
.basicsc-select-province-box {
    width: 140px;
}
.basicsc-select-city .basicsc-select-header, .basicsc-select-province .basicsc-select-province-header {
    color: #666666;
    border-radius: 2px;
    width: 100%;
    height: 34px;
    border: 1px solid #eeeeee;
    padding-right: 26px;
    background: url(../img/three_tab.png) no-repeat #f5f5f5;
    background-position: 76px 15px;
    line-height: 34px;
    text-indent: 10px;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
 }
.basicsc-select-province .basicsc-select-province-header{background-position: 116px 15px;}
.basicsc-select-city .basicsc-select-arrow, .basicsc-select-province .basicsc-select-province-arrow { background: url(../img/three_tab2.png) no-repeat #f5f5f5;background-position: 60px 15px;}
.basicsc-select-city .basicsc-select-content,.basicsc-select-province .basicsc-select-province-content {border-radius:0 0 2px 2px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; position: absolute; top: 1px; left: 0; z-index: 99; display: none; background-color: #f9f9f9; width: 100%}
.basicsc-select-city .basicsc-select-content li, .basicsc-select-province .basicsc-select-province-content li { width: 100%; height: 34px; margin: 0; line-height: 34px; text-indent: 10px; background-color: #f5f5f5; font-size: 14px; color: #666666; cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
/*.basicsc-select-li_shang{*/
     /*border-bottom: 1px solid #eeeeee;*/
/*}*/
.basicsc-select-content li:last-child, .basicsc-select-province-content li:last-child{
    border-bottom: 1px solid #eeeeee;
}

.basicscExport,.export-btn{
    width: 100px;
    height: 34px;
    background:#77afe4;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:34px;
    margin: 0 20px 0 10px;
    cursor: pointer;
}
.cont .search-btn {
    margin-right: 0;
}
.basicscRegion{
    margin: 22px 0 0 0;
}
.basicscContent{
    /* width: 958px; */
    width: 312px;
    float: left;
    margin: 20px 0 0 0;
}
.basicscProportion{
    width: 312px;
    margin-top: 10px;
    display: inline-block;
}
.basicsConList{
    width: 312px;
    float: left;
    margin-left: 312px;
}
.basicsConList ul{
    margin-left: 66px;
    margin-top: 35px;
}
.basicsConList ul li{
    line-height: 50px;
}
.spanPercent{
    margin-left: 10px;
}

.bgColor{
    width: 20px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
}
.basicscProportion .basicscProportion_p1{
    color:#333333;
    font-size:32px;
    text-align:center;
}
.basicscProportion .basicscProportion_p2{
    color:#666666;
    font-size:14px;
    text-align:center;
    line-height: 30px;
}
.bg1{
    background: #33c99a;
}
.bg2{
    background: #887fcf;
}
.bg3{
    background: #f17373;
}
.bg4{
    background: #f78c4a;
}
.bg5{
    background: #f1c349;
}
.contBar{  
    width: 100px;
    height: 6px;
    background: #f17373;
    border-radius: 6px;
    margin: 2px 0 0 102px;
 }
 .contBar1{  
    width: 100px;
    height: 6px;
    background: #77afe4;
    border-radius: 6px;
    margin: 2px 0 0 105px;
 }
 .contBar2{  
    width: 100px;
    height: 6px;
    background: #f17373;
    border-radius: 6px;
    margin: 2px 0 0 105px;
 }
#bar{  
   background:#77afe4;  
   float:left; 
   height:100%;  
   text-align:center;  
   line-height:150%; 
   border-radius: 6px 0px 0px 6px;
 } 
 .basicscProportion_border{
    border-right: 1px solid #eeeeee;
    display: inline-block;
    width: 1px;
    height: 80px;
    vertical-align: bottom;
 }
 .pieChart{
    position:relative;
 }
 .pieChart_container{
    position: absolute;
    top: 40px;
    left: 57px;
 }
 .pieChart_list{
    position: absolute;
    width: 664px;
    height: 110px;
    top: 0;
    right: 10px;
    margin: 90px 0 0 0;
 }
 .pieChart_list .pieChart_f{
    width:20px;
    height:20px;
    border-radius:2px;
    display:inline-block;
    vertical-align: sub;
    margin: 0 20px 0 0;
 }
 .pieChart_f1{
    background:#f1c349;
 }
 .pieChart_f2{
    background:#f78c4a;
 }
  .pieChart_f3{
    background:#f27373;
 }
  .pieChart_f4{
    background:#887ece;
 }
  .pieChart_f5{
    background:#33c99a;
 }
 .pieChart_list li{
    font-size:16px;
    color:#666666;
    float:left;
    width:197px;
    height:20px;
    margin:0 0 28px 0;
 }
 .pieChartForm{
    width:960px;
    height: 353px;
    overflow: auto;
    overflow-x: hidden;    
    border:1px solid #eeeeee;
    background:#fff;
    margin:10px 0 0 0;
 }
.pieChartForm table{
     width: 100%;
}
.pieChartForm .title_tr{
    height:39px;     
}
.pieChartForm .title_tr th{
     background:#fafafa;
     border-color:#eeeeee;
     padding:0 10px;
     color:#333333;
     font-size:16px;
     border-left: 1px solid #eeeeee;
     border-bottom: 1px solid #eeeeee;
     font-weight: 500;
}
.th_line_{
     line-height: 39px;
}
.th_line{
    vertical-align: middle;
}
.pieChartForm .list_tr td{
     background:#fff;
     border-color:#eeeeee;
     padding:0 10px;
     color:#666666;
     font-size:14px;
     height:59px;
     border:1px solid #eeeeee;
     border-top:none;
     border-left:none;
     border-right:none;
     text-align:center;
     line-height: 59px;
}
.pieChartForm .list_tr{
    border-right:1px solid #eeeeee;
}
.th_line_width1{
    width:10%;
}
.th_line_width2{
    width:30%;
}
.th_line_width3{
    width:10%;
}
.th_line_width4{
    width:10%;
}
.th_line_width5{
    width:40%;
}
#formGender{
    background: #fafafa;
    text-align: center;
    border: 1px solid #eeeeee;
    border-top:none;
}
#formGrade{
    background: #fafafa;
    text-align: center;
    border: 1px solid #eeeeee;
    border-top:none;
    border-right:none;
}
.basicsc-cont{
    height:900px;
}
.paging{
    width:558px;
    height:24px;
    margin:0 auto 0;
}
.paging-select-box,.paging-select--box { position: relative; float: left; margin:3px 8px 0 0; }
.paging-select-city .paging-select-header {
    color: #999999;
    border-radius: 2px;
    width: 35px;
    height: 18px;
    border: 1px solid #eeeeee;
    background: url(../img/fenye1.png) no-repeat #ffffff;
    background-position: 20px 6px;
    line-height: 17px;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    margin: auto;
    text-indent: 8px;
 }  
.paging-select-city .paging-select-arrow {background: url(../img/fenye2.png) no-repeat #f5f5f5;background-position: 20px 6px;}  
.paging-select-city .paging-select-content {border-radius:0 0 2px 2px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; position: absolute; top: 1px; left: 0; z-index: 99; display: none; background-color: #f9f9f9; }  
.paging-select-city .paging-select-content li { width: 35px; height: 18px; margin: 0; line-height: 17px; text-indent: 8px; background-color: #f5f5f5; font-size: 12px; color: #999999; cursor: pointer; } 
.paging-select-city .paging-select-content li:hover{
    background: #eeeeee;
    color:#3680c5;
} 
.paging-select-li_shang{
     border-bottom: 1px solid #eeeeee;
}
.anniu1{
    margin:0 20px 0 0;
}
.paging_num{
    margin: 2px 8px 0 8px;
    color:#999999;
    font-size:12px ;
}
.paging_num input{
    width:25px;
    height:19px;
    border:1px solid #eeeeee;
    text-align:center;
    background: #fff;
    color:#999999;
    margin: 0 6px;
}
.paging_span{
    color: #999999;
    font-size: 12px;
    margin: 0 0px 0 0;
    line-height: 61px;
}
.anniu3{
    margin:0 20px 0 0;
}
.anniu4{
    margin:0 8px 0 0;
}
.anniu5 {
    margin: 2px 0 0 0;
}
.paging_div{
    margin:6px 0 0 30px;
    color:#999999;
    font-size:12px ;
}
.paging_div_{
    margin:3px 0 0 30px;
}
/*幼儿出勤*/
.attendance-cont{
    height:952px;
}
.attendance_content{
    height:516px;
}
.attendance_time{
    margin:0 20px 0 12px;
}
.attendance_time input{
    width: 206px;
    height: 34px;
    background: #f5f5f5 url(../img/time.png) no-repeat 180px 8px;
    border: 1px solid #eeeeee;
    color: #666666;
    line-height: 34px;
    font-size: 14px;
    text-indent: 10px;
}
.attendance-select-box { position: relative; float: left; margin-right: 8px; }  
.attendance-select-city .attendance-select-header {
    color: #666666;
    border-radius: 2px;
    width: 170px;
    height: 34px;
    border: 1px solid #eeeeee;
    padding-right: 26px;
    background: url(../img/three_tab.png) no-repeat #f5f5f5;
    background-position: 146px 15px;
    line-height: 34px;
    text-indent: 10px;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
 }  
.attendance-select-city .attendance-select-arrow { background: url(../img/three_tab2.png) no-repeat #f5f5f5;background-position: 146px 15px;}  
.attendance-select-city .attendance-select-content {border-radius:0 0 2px 2px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; position: absolute; top: 1px; left: 0; z-index: 99; display: none; background-color: #f9f9f9; }  
.attendance-select-city .attendance-select-content li { width: 170px; height: 34px; margin: 0; line-height: 34px; text-indent: 10px; background-color: #f5f5f5; font-size: 14px; color: #666666; cursor: pointer; }  
.attendance-select-li_shang{
     border-bottom: 1px solid #eeeeee;
}
.attendance-select-city .attendance-select-content li:hover{
    background: #eeeeee;
    color:#3680c5;
}
.attendance_query{
    width: 60px;
    height: 34px;
    background:#77afe4;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:34px;
    margin: 0 20px 0 10px;    
    cursor: pointer;
}
.attendance_rightTitle{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
}
 .attendance_form{
    width:960px;
    height:262px;
    overflow: auto;
    border:1px solid #eeeeee;
    background:#fff;
    margin: 10px 0 0 0;
 }
.attendance_form table{
     width: 100%;
}
.attendance_form th{
    line-height: 60px;
}
.attendance_form th,td{
    text-align: center;
    border:1px solid #eeeeee;
    border-top: none;
    border-right: none;
    height: 60px;
}
.attendance_form td{
    line-height: 20px;
}
.attendance_form th{
    color:#333333;
    font-size: 16px;
    background: #fafafa;
    font-weight: 500;
    font-family: "微软雅黑";
}
.attendance_form td{
    color:#666666;
    border-left: none;
    font-size: 14px;
}
.attendance_form_th1{
    width:10%;
    border-left: none;
}
.attendance_form_th2{
    width:20%;
}
.attendance_form_th3{
    width:10%;
}
.attendance_form_th4{
    width:10%;
}
.attendance_form_th5{
    width:10%;
}
.attendance_form_th6{
    width:10%;
}
.attendance_form_th7{
    width:10%;
}
.attendance_form_th8{
    width:10%;
}
.attendance_form_th9{
    width:10%;
}
.attendance_container{
    width:910px;
    height:252px;
    margin:0 0 0 30px;
}
.attendance_content2{
    height:240px;
    width: 960px;
    border: 1px solid #eeeeee;
    background: #fff;
    margin:0 0 10px 0;
}

/*园所信息*/
.information_content{
    height:78px;
    width:958px;
    background:#fff;
}
.information_query{
    width:242px;
    height:34px;
}
.information_query input{
    width:180px;
    height:32px;
    background:#f5f5f5;
    color:#666666;
    font-size:14px;
    border:1px solid #eeeeee;
    border-right:none;
    border-radius:2px 0 0 2px;
    text-indent: 10px;
}
.information_query button{
    width: 60px;
    height: 34px;
    background: #77afe4;
    color: #fff;
    font-size: 14px;
    border: 1px solid #eeeeee;
    border-left: none;
    border-radius: 0px 2px 2px 0px;
    vertical-align: middle;
}
.information_form{
    width:960px;
    height:700px;
    border:1px solid #eeeeee;
    background:#fff;
    margin: 10px 0 0 0;
    overflow: auto;
 }
.information_form table{
     width: 100%;
}
.information_form_div table{
    width: 130%;
}
.information_form th,td{
    height: 60px;
    line-height: 20px;
    text-align: center;
    border:1px solid #eeeeee;
    border-top: none;
    border-right: none;
    vertical-align: middle;
}
.information_form th{
    color:#333333;
    font-size: 16px;
    background: #fafafa;
    font-weight: 500;
    font-family: "微软雅黑";
}
.information_form .information_form_tbody td{
    color:#666666;
    border-left: none;
    font-size: 14px;
}
/* .information_form_th1{
    width:5%;
    border-left: none;
}
.information_form_th2{
    width:14%;
}
.information_form_th3{
    width:8%;
}
.information_form_th4{
    width:8%;
}
.information_form_th5{
    width:7%;
}
.information_form_th6{
    width:7%;
}
.information_form_th7{
    width:7%;
}
.information_form_th8{
    width:7%;
}
.information_form_th9{
    width:6%;
}
.information_form_th10{
    width:4%;
}
.information_form_th11{
    width:4%;
}
.information_form_th12{
    width:4%;
}
.information_form_th13{
    width:6%;
} */
.information_form_th0{
    width: 3%;
}
.information_form_th1{
    width:6%;
    border-left: none;
}
.information_form_th2{
    width:15%;
}
.information_form_th3{
    width:8%;
}
.information_form_th4{
    width:9%;
}
.information_form_th5{
    width:8%;
}
.information_form_th6{
    width:8%;
}
.information_form_th7{
    width:8%;
}
.information_form_th8{
    width:8%;
}
.information_form_th9{
    width:6%;
}
.information_form_th10{
    width:4%;
}
.information_form_th11{
    width:4%;
}
.information_form_th12{
    width:4%;
}
.information_form_th13{
    width:8%;
}
.information_form td a{
    text-decoration:underline;
}
.information_child_a a{
    color:#3680c5;
}
.information_form .expire{
    color:#3680c5;
}
.information_form .expire_em{
    font-style: normal;
}
.information_edit span{
    color:#3680c5;
    cursor: pointer;
}
.information_edit_span{
    margin-right: 20px;
}
.delConfig{
    left: 30%;
    width: 360px;
    background: #f5f5f5;
    position: absolute;
    top:30%;
    z-index: 6;
    height: 222px;
    overflow: hidden;
    /* display: block; */
    background-color: #fff;
    display: none;
}
.delConfigTop{
    height: 50px;
    background-color: #3680C5;
    padding: 20px;
    color: #fff;
    font-size: 14px;
}
.delConfigText{
    color: #f00;
    line-height: 24px;
    margin-left: 30px;
    font-size: 14px;
    margin-top: 30px;
}
.delConfigButton{
    width: 100%;
    height: 54px;
    background-color: #F5F5F5;
    padding: 10px;
    text-align: center;
    margin-top: 40px;
}
/* 
.changeInformation{
    left: 16%;
    width: 640px;
    background: #f5f5f5;
    position: absolute;
    top:10%;
    z-index: 6;
    height: 500px;
    overflow: hidden;
    display: block;
    background: red;
    
}
.changeInformationTop{
    height: 50px;
    background-color: #3680C5;
    padding: 20px;
    color: #fff;
    font-size: 14px;
}
.changeInformationText table{
    width: 100%;
}
.changeInformationText tr td{
    height: 53px;
    border: none;
    border-bottom: 1px solid #ccc;
}
.changeInformationBtn{
    width: 100%;
    height: 54px;
    background-color: #F5F5F5;
    padding: 10px;
    text-align: center;
    margin-top: 25px;
}
.changeInformation input{
    width: 150px;
    height: 32px;
    background: #f5f5f5;
    color: #666666;
    font-size: 14px;
    border: 1px solid #eeeeee;
    border-right: none;
    border-radius: 2px 0 0 2px;
    text-indent: 10px;
}
#changeSure{
    background:#77afe4;
    color: #fff;
}
.changeInformationBtn button{
    background: #fff;
    color: #999;
}
*/
.expire_img{
    display:none;
    position: absolute;
    left:10%;
    top:10%;
    width:80%;
    height:800px;
    z-index:999;
}
.Close_img{
    width:40px;
    height:40px;
    position: absolute;
    right:4%;
    top:4%;
    z-index:999;
}
.information_form .expire_hover{
    color:#ff6666;
    text-decoration: none;
}
.expire_img2{
    display:none;
    position: absolute;
    left:10%;
    top:10%;
    width:80%;
    height:80%;
    z-index:999;
}
.not_expired{
    width:16px;
    height:16px;
    color:#fff;
    background:#77afe4;
    display:inline-block;
    line-height: 16px;
}
.not_expired_hover{
    background: #ff6666;
}
.information_date a{
    line-height:20px;
    display:block;
}
.information_user span{
    display: block;
    line-height: 18px;
}
.be_overdue_{
    width:16px;
    height:16px;
    color:#fff;
    background:#ff6666;
    display:inline-block;
    line-height: 16px;
}
/*#information_date2 a{*/
    /*color:#ff6666;*/
/*}*/
.information_date_mock{
    width:100%;
    height:100%;
    background:#000;
    opacity:0.5;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
    display:none;
}
.information_img_{
    position:absolute;
    top:10%;
    left:25%;
    z-index:6;
    width:50%;
}
.children_roster{
    position:absolute;
    top:10%;
    left:3%;
    z-index:6;
    width:920px;
    height:520px;
    background: #fff;
}
.children_roster_title h4{
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 60px;
    width: 880px;
    display: inline-block;
    text-indent: 16px;
}
.child_export{
    width: 60px;
    height: 34px;
    background: #77afe4;
    color: #fff;
    font-size: 14px;
    border: 1px solid #eeeeee;
    border-left: none;
    border-radius: 0px 2px 2px 0px;
    vertical-align: middle;
    line-height: 34px;
    margin: 13px 0 0 20px;
    text-align: center;
}
.children_roster span{
    display:inline-block;
    text-align:right;
}
.children_roster_title{
    background:#3680c5;
    height:60px;
    width:920px;
}
.roster_left{
    height:458px;
    width:118px; 
    border:1px solid #eeeeee;
    overflow: auto;
}
.roster_left li{
    line-height: 40px;
    color:#333333;
    font-size:14px;
    text-align: center;
}
.roster_left li.roster_left_li{
    color:#3680c5;
    font-weight: 600;
    background: #f5f5f5;
}
.roster_left li:hover{
    color:#3680c5;
    cursor:pointer;
}
.roster_right{
    background:#f5f5f5;
    width:799px;
    height:460px;
    overflow-x: scroll;
    overflow-y: hidden;
}
.roster_right_div{
    width: 2000px;
    background: #fff;
    margin: 10px 0 12px 10px;
    height: 450px;
    border: 1px solid #eeeeee;
    overflow: auto;
}
.roster_right table{
     width: 100%;
}
.roster_right th,td{
    height: 60px;
    line-height: 20px;
    text-align: center;
    border:1px solid #eeeeee;
    border-top: none;
    border-right: none;
    vertical-align: middle;
}
.roster_right th{
    color:#333333;
    font-size: 16px;
    background: #fafafa;
    font-weight: 500;
    font-family: "微软雅黑";
}
.roster_right td{
    color:#666666;
    border-left: none;
    font-size: 14px;
}
.roster_right_th1{
    width:2%;
    border-left: none;
}
.roster_right_th2{
    width:7%;
}
.roster_right_th3{
    width:3%;
}
.roster_right_th4{
    width:3%;
}
.roster_right_th5{
    width:7%;
}
.roster_right_th6{
    width:3%;
}
.roster_right_th7{
    width:7%;
}
.roster_right_th8{
    width:7%;
}
.roster_right_th9{
    width:6%;
}
.roster_right_th10{
    width:7%;
}
.roster_right_th11{
    width:7%;
}
.roster_right_th12{
    width:7%;
}
.roster_right_th13{
    width:6%;
}
.roster_right_th14{
    width:7%;
}
.roster_right_th15{
    width:7%;
}
.roster_right_th16{
    width:7%;
}
.roster_right_th17{
    width:7%;
}
.roster_right_paging{
   margin: 0px 0px 10px 200px;
}
.roster_right_paging .paging-select-city .paging-select-header{
   text-align: left;
}
#roster_bar2{
    display:none;
}
.teachers_roster{
    position:absolute;
    top:10%;
    /*left:25%;*/
    left:2%;
    z-index:6;
    width:920px;
    height:600px;
    background: #fff;
    display:none;
}
.teachers_roster h4{
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 60px;
    width: 868px;
    display: inline-block;
}
.teachers_roster span{
    display:inline-block;
    text-align:right;
}
.teachers_roster_title h4{
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 60px;
    width: 880px;
    display: inline-block;
    text-indent: 16px;
}
.teachers_roster span{
    display:inline-block;
    text-align:right;
}
.teachers_roster_title{
    background:#3680c5;
    height:60px;
    width:920px;
}
.teachers_roster_div{
    background:#f5f5f5;
    height:537px;
    width:918px;
    overflow-x: scroll;
    overflow-y: hidden;
}
.teachers-select-box { position: relative; float: left; margin-right: 8px;display:none; }
.teachers-select-city .teachers-select-header {
    color: #666666;
    border-radius: 2px;
    width: 100px;
    height: 34px;
    border: 1px solid #eeeeee;
    padding-right: 26px;
    background: url(../img/three_tab.png) no-repeat #f5f5f5;
    background-position: 76px 15px;
    line-height: 34px;
    text-indent: 10px;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
 }  
.teachers-select-city .teachers-select-arrow { background: url(../img/three_tab2.png) no-repeat #f5f5f5;background-position: 60px 15px;}  
.teachers-select-city .teachers-select-content {border-radius:0 0 2px 2px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; position: absolute; top: 1px; left: 0; z-index: 99; display: none; background-color: #f9f9f9; }  
.teachers-select-city .teachers-select-content li { width: 100px; height: 34px; margin: 0; line-height: 34px; text-indent: 10px; background-color: #f5f5f5; font-size: 14px; color: #666666; cursor: pointer; }  
.teachers-select-li_shang{
     border-bottom: 1px solid #eeeeee;
}
.teachers_query{
    width: 60px;
    height: 34px;
    background: #77afe4;
    color: #fff;
    font-size: 14px;
    border: 1px solid #eeeeee;
    border-left: none;
    border-radius: 0px 2px 2px 0px;
    vertical-align: middle;
    line-height:34px;
    text-align:center;
}
.teachers_result{
    width: 100px;
    height: 34px;
    background:#77afe4;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:34px;
    margin: 0 20px 0 10px;
}
.teachers_roster_text{
    padding: 10px 0 0px 10px;
}
.teachers_table{
    width: 2000px;
    background: #fff;
    margin: 44px 0 12px 10px;
    height: 450px;
    border: 1px solid #eeeeee;
    overflow:auto;
}
.teachers_table table{
     width: 100%;
}
.teachers_table th,td{
    height: 60px;
    line-height: 20px;
    text-align: center;
    border:1px solid #eeeeee;
    border-top: none;
    border-right: none;
    vertical-align: middle;
}
.teachers_table th{
    color:#333333;
    font-size: 16px;
    background: #fafafa;
    font-weight: 500;
    font-family: "微软雅黑";
}
.teachers_table td{
    color:#666666;
    border-left: none;
    font-size: 14px;
}
.teachers_table_th1{
    width:2%;
    border-left: none;
}
.teachers_table_th2{
    width:5%;
}
.teachers_table_th3{
    width:3%;
}
.teachers_table_th4{
    width:6%;
}
.teachers_table_th5{
    width:5%;
}
.teachers_table_th6{
    width:3%;
}
.teachers_table_th7{
    width:8%;
}
.teachers_table_th8{
    width:7%;
}
.teachers_table_th9{
    width:6%;
}
.teachers_table_th10{
    width:7%;
}
.teachers_table_th11{
    width:5%;
}
.teachers_table_th12{
    width:5%;
}
.teachers_table_th13{
    width:7%;
}
.teachers_table_th14{
    width:7%;
}
.teachers_table_th15{
    width:7%;
}
.teachers_table_th16{
    width:7%;
}
.teachers_table_th17{
    width:10%;
}
.vehicle_title h4{
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 60px;
    width: 680px;
    display: inline-block;
    text-indent: 16px;
}
.vehicle_title span{
    display:inline-block;
    text-align:right;
}
.vehicle_title{
    background:#3680c5;
    height:60px;
    width:720px;
}
.vehicle{
    position:absolute;
    top:10%;
    left:13%;
    z-index:6;
    width:720px;
    height:634px;
    background: #fff;
}
.vehicle_left{
    width:168px;
    height:574px;
    background:#ffffff ;
    border: 1px solid #eeeeee;
}
.vehicle_left li:hover{
    cursor:pointer;
}
.lic_gq{
    margin:0 2px 0 16px;
    border-radius:2px;
    background:#f27373;
    display:inline-block;
    width:52px;
    height:20px;
    color:#fff;
    vertical-align: middle;
    line-height:20px;
    font-size:12px;
}
.vehicle_left li{
    line-height: 60px;
    color:#333333;
    font-size: 14px;
    text-align: center;
}
.vehicle_left li.lihover{
    color:#3680c5;
}
.license_mock{
    width: 140px;
    height: 90px;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    line-height: 90px;
    text-align: center;
}
.license_mock{
    cursor:zoom-in;
}
.busAllImg{
    width:140px;height:90px;display: inline-flex;
}
.img_mock_close{
    width:40px;
    height:40px;
    position: absolute;
    right:4%;
    top:9%;
    z-index:999;
    display:none;
}
.img_mock{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}
.big_img{
    position: absolute;
    z-index: 999;
    top: 15%;
    left: 9%;
    width: 80%;
    display:none;
}
.big_img2{
    position: absolute;
    z-index: 999;
    top: 15%;
    left: 9%;
    width: 80%;
    display:none;
}
.big_img3{
    position: absolute;
    z-index: 999;
    top: 15%;
    left: 9%;
    width: 80%;
    display:none;
}
.vehicle_left span{
    font-size: 14px;
    color:#fff;
    background: #f27373;
    display: inline-block;
    width:52px;
    height:20px;
    font-size: 12px;
    /*display:none;*/
}
.vehicle_right{
    width:550px;
    height:574px;
    background:#f5f5f5;
    padding:10px;
    overflow-y: overlay;
}
.shuttle_information{
    width:528px;
    height:268px;
    background:#ffffff;
    border: 1px solid #eeeeee;
}
.shuttle_information h4{
    color:#333333;
    font-size: 18px;
    text-align: left;
    margin: 20px 0 6px 14px;
}
.shuttle_information_left{
    width:358px;
    padding: 0 0 0 14px;
}
.shuttle_information_left li{
    line-height: 36px;
    color:#666666;
    font-size: 14px;
    text-align: left;
}
.car_teacher span{
    margin:0 10px 0 0;
}
.insurance_due em{
    font-style: normal;
    display: inline-block;
    background:#f27373 ;
    color:#fff;
    width:52px;
    height:20px;
    line-height: 20px;
    margin: 0 0 0 4px;
    text-align: center;
    border-radius: 2px;
    font-size: 12px;
    /*display: none;*/
}
.insurance_due span.spanhover{
    color:#f27373;
}
.driving_license{
   width:140px;
   height:90px; 
   margin:0 0 9px 0;
    position:relative;
}
.shuttle_route{
    width:528px;
    height:auto;
    background:#ffffff;
    border: 1px solid #eeeeee;
    margin:10px 0;
    padding: 0 0 16px 0;
}
.shuttle_route h4{
    color:#333333;
    font-size: 18px;
    text-align: left;
    margin: 28px 0 22px 14px;
    line-height: 0px;
}
.jiantou{
    font-style: normal;
    width:13px;
    height: 5px;
    display: inline-block;
    margin: 0 8px;
}
.shuttle_route p{
    text-align: left;
    margin: 0 4px 0 14px;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.driver{
    position:relative;
}
.driver_information{
    width:528px;
    height:168px;
    background:#ffffff;
    border: 1px solid #eeeeee;
}
.driver_information h4{
    color:#333333;
    font-size: 18px;
    text-align: left;
    margin: 8px 0 0px 14px;
    line-height: 42px;
}
.driver_information_left{
    width:358px;
    padding: 0 0 0 14px;
}
.driver_information_left li{
    text-align: left;
    line-height: 36px;
    font-size: 14px;
    color: #666666;
}
/*通知公告*/
.notice_content{
    height: 78px;
}
.notice_title_query{
    width:242px;
    height:34px;
}
.notice_title_query input{
    width:180px;
    height:32px;
    background:#f5f5f5;
    color:#666666;
    font-size:14px;
    border:1px solid #eeeeee;
    border-right:none;
    border-radius:2px 0 0 2px;
    text-indent: 10px;
}
.notice_title_query button{
    width: 60px;
    height: 34px;
    background: #77afe4;
    color: #fff;
    font-size: 14px;
    border: 1px solid #eeeeee;
    border-left: none;
    border-radius: 0px 2px 2px 0px;
    vertical-align: middle;
}
.deliver_an_announcement{
    width: 80px;
    height: 34px;
    background:#77afe4;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:34px;
    margin: 0 20px 0 10px;
}
.deliver_an_announcement:hover{
    cursor:pointer;
}
 .notice_form{
    width:960px;
    /*height:446px;*/
    height:700px;
    border:1px solid #eeeeee;
    background:#fff;
    margin: 10px 0 0 0;
    overflow: auto;
 }
 .notice_form table{
     width: 100%;
}
.notice_form th,td{
    height: 60px;
    line-height: 20px;
    text-align: center;
    border:1px solid #eeeeee;
    border-top: none;
    border-right: none;
    vertical-align: middle;
}
.notice_form th{
    color:#333333;
    font-size: 16px;
    background: #fafafa;
    font-weight: 500;
    font-family: "微软雅黑";
}
.notice_form td{
    color:#666666;
    border-left: none;
    font-size: 14px;
}
.notice_form_th1{
    width:5%;
    border-left: none;
}
.notice_form_th2{
    width:7%;
}
.notice_form_th3{
    width:15%;
}
.notice_form_th4{
    width:15%;
}
.notice_form_th5{
    width:11%;
}
.notice_form_th6{
    width:9%;
}
.notice_form_th7{
    width:7%;
}
.notice_form_th8{
    width:5%;
}
.notice_form_th9{
    width:5%;
}
.notice_form_th10{
    width:5%;
}
.notice_form_th11{
    width:10%;
}
.notice_form td a{
    text-decoration:underline;
    color:#3680c5;  
}
.remind_again span,.release-notice span{
    color:#3680c5; 
}
.remind_again2 span{
    display:none;
}
.notice_details{
    position:absolute;
    top:10%;
    left:19%;
    z-index:6;
    width:600px;
    height:660px;
    background: #f5f5f5;
    display:none;
}
.notice_details_title h4{
    font-size: 14px;
    color: #fff;
    text-align: left;
    width: 544px;
    display: inline-block;
    font-weight: 600;

}
.notice_details span{
    display:inline-block;
    text-align:right;
}
.notice_details_title{
    background:#3680c5;
    height:60px;
    line-height:60px;
    width:600px;
    padding-left: 20px;
}
.notice_text{
    height:540px;
    width:600px;
    border-bottom:1px solid #e5e5e5;
    background: #fff;
    padding:30px;
    overflow: auto;
}
.notice_text h3{
    font-size:16px;
    color:#333333;
    text-align: left;
    font-weight:600;
    margin: 0 0 16px 0;
}
.notice_text .notice_text_p{
    font-size:14px;
    color:#666666;
    line-height: 24px;
    text-align: left;
}
.notice_enclosure{
    height:242px;
    height:auto;
    width:538px;
    background: #fff;
    margin: 0 0 20px 0;
}
.notice_enclosure h5{
    font-size:14px;
    text-align: left;
    background: #f5f5f5;
    height:32px;
    border-bottom:1px solid #eeeeee;
    text-indent:20px;
    line-height: 32px;
}
.notice_enclosure .fujian_img{
    height:30px;
    width:27px;
    margin:0 10px 0 18px;
}
.notice_enclosure .fujian_title{
    color:#333333;
    font-size: 14px;
    cursor:default;
}
.notice_enclosure .fujian_title em{
    color:#999999;
    font-style: normal;
}
.notice_enclosure_p{
    text-align: left;
    line-height: 20px;
}
.publish_object{
    text-align: left;
    line-height: 24px;
}
.receive_num{
    margin: 0;
    line-height: 10px;
}
.receive_num li{
    float: left;
    margin:0 30px 0 0;
}
.notice_button{
    height:54px;
    width:200px;
    margin:12px auto;
}
.notice_button .cancel{
    height:34px;
    width:90px;
    background:#ffffff ;
    color:#999999;
    border:1px solid #eeeeee;
    line-height: 32px;
    margin:0 20px 0 0;
}
.notice_button .align_btn{
    height:34px;
    width:90px;
    background:#77afe4 ;
    color:#fff;
    line-height: 34px;
    float:left;
}
.notice_button .align_btn2{
    display:none;
}
.announcement_title h4{
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 44px;
    width: 566px;
    display: inline-block;
    font-weight: 600;
    text-indent: 14px;
}
.announcement_title span{
    display:inline-block;
    text-align:right;
}
.announcement_title{
    background:#3680c5;
    height:60px;
    width:600px;
}
.deliver_announcement{
    position:absolute;
    top:8%;
    left:18%;
    z-index:6;
    width:600px;
    /*height:490px;*/
    background: #f5f5f5;
    display:none;
    /*overflow:auto;*/
}
.announcement_form{
    width:600px;
    height:482px;
    background: #fff;
    border-bottom:1px solid #e5e5e5;
    padding:20px 30px 30px 30px;
}
.announcement_form label{
    font-size:14px;
    color:#333333;
    font-weight: 500;
    float: left;
}
.announcement_form_title{
    width:465px;
    height:32px;
    border:1px solid #eeeeee;
    background:#f5f5f5;
    line-height:32px;
    text-indent:12px;
}
.announcement_form p{
    color:#f27373;
    text-indent:68px;
    font-size:14px;
    line-height: 28px;
    margin-top: 4px;
}
.announcement_form textarea{
    width:465px;
    height:100px;
    border:1px solid #eeeeee;
    background:#f5f5f5;
    resize: none;
}
.textarea_text{
    position: absolute;
    top: -105px;
    left: 14px;
    color: #a9a9a9;
}
.textarea_text_p{
    position:relative;
}
.textarea_text_p .textarea_text_span{
    display:none;
}
.choice_file{
    width:42px;
    height:42px;
    display:inline-block; 
    margin: 0 10px 0 0;
    position: relative;
}
.attachment span{
    display: inline-block;
    vertical-align: bottom;
    margin:0 6px;
}
.announcement_form em{
    font-style:normal;
    color:#999999;
    vertical-align: bottom;
    margin: -20px 0px 0px 116px;
    float: left;
}
.announcement-item-div {
    width: 300px;
    position: relative;
    margin-right: 39px;
    display: block;
    height: 66px;
    margin: 5px 0;
}
.announcement-item-div .announcement-scroll-h {
    max-height: 164px;
}
.attendance-cont .manageUpload{
    background-color: #fff;
    padding: 5px;
    margin-top: 10px;
    margin-right: 10px;
}
.manageBtn{
    width: 90px;
    height: 35px;
    border: none;
    color: #fff;
    margin-left: 10px;
    border-radius: 3px;
}
#deleteNotice{
    width: 63px;
    height: 37px;
    background-color: #F27373;
    margin:15px 50px 15px 20px;
}
#del {
    background-color: #F27373;
    color: #fff;
}
.sureDel{
    left: 30%;
    width: 360px;
    background: #f5f5f5;
    position: absolute;
    top: 10%;
    z-index: 6;
    height: 254px;
    overflow: hidden;
    display: block;
    background-color: #fff;
    display: none;
}
.sureDel>.sureTop{
    height: 137px;
    width: 100%;
    background-color: #fff;
    line-height: 137px;
    text-align: center;
}
.sureDel>.sureButtom{
    width: 100%;
    height: 54px;
    background-color: #F5F5F5;
    padding: 10px;
    text-align: center;
}
.sureDel>.sureButtom>.manageBtn{
    background-color: #fff;
    color: #000;
}
.cancel{
    cursor:pointer;
}
.showDetail>.showTop, .sureDelTop{
    height: 63px;
    background-color: #3680C5;
    padding: 20px;
    color: #fff;
    font-size: 14px;
}
.save-btn {
    height: 34px;
    width: 58px;
    background: #ffffff;
    color: #999999;
    border: 1px solid #eeeeee;
    line-height: 32px;
    margin: 0 20px 0 0;
    text-align: center;
    cursor: pointer;
}
/*上传附件样式修改*/
#uploader_span{
    display: inline-block;
    vertical-align: middle;
    overflow-y:auto;
    max-height: 100px;
    width: 93%;
    margin: 18px 0 0 0;
}
.notification_header span{
    display:none;
}
.announcement_enclosure{
    margin: 10px 0 0 0;
}
.announcement_form .file_btn{
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    opacity: 0;
    font-size: 20px;
    filter: alpha(opacity=0);
    cursor: pointer;
    direction: ltr;
}
.multiselect{
    background:url(../img/duoxuan1.png) no-repeat;
    width:16px;
    height:16px;
    -webkit-appearance: none;
    appearance: none;
}
.multiselect.multiselect_{
    background:url(../img/duoxuan2.png) no-repeat;
}
/*.multiselect_:checked::after{
    content: '';
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    background:url(../img/duoxuan2.png) no-repeat;
    width:16px;
    height:16px;
    -webkit-appearance: none;
    appearance: none;
}*/
.multiselect_tit{
    vertical-align:sub;
    color:#333333;
    font-size:14px;
    display:inline-block;
    margin:0px 30px 0 12px;
}
.multiselect_object{
    vertical-align: text-top;
}
.release_button{
    height:54px;
    width:200px;
    margin:12px auto 0;
}
.release_button .cancel{
    height:34px;
    width:58px;
    background:#ffffff ;
    color:#999999;
    border:1px solid #eeeeee;
    line-height: 32px;
    margin:0 20px 0 0;
    text-align:center;
}
.release_button .align_btn{
    height:34px;
    width:60px;
    background:#77afe4 ;
    color:#fff;
    line-height: 34px;
    text-align:center;
}
 .management_form{
    width:960px;
    height:700px;
    border:1px solid #eeeeee;
    background:#fff;
    margin: 10px 0 0 0;
    overflow: auto;
 }
 .management_form table{
     width: 100%;
}
.management_form th,td{
    height: 60px;
    line-height: 20px;
    text-align: center;
    border:1px solid #eeeeee;
    border-top: none;
    border-right: none;
    vertical-align: middle;
}
.management_form th{
    color:#333333;
    font-size: 16px;
    background: #fafafa;
    font-weight: 500;
    font-family: "微软雅黑";
}
.management_form td{
    color:#666666;
    border-left: none;
    font-size: 14px;
}


.management_form_th1{
    width:7%;
    border-left: none;
}
.management_form_th2{
    width:16%;
}
.management_form_th3{
    width:16%;
}
.management_form_th4{
    width:16%;
}
.management_form_th5{
    width:15%;
}
.management_form_th6{
    width:30%;
}
.management_form_th11{
    width:13%;
}
.management_form_th12{
    width:11%;
}
.management_form_th13{
    width:20%;
}
.management_td_disable2{
    color:#f27373;
    /*display:none;*/
}
.management_td_modify span{
    color:#3680c5;
}
.management_td_modify .edit_span{
    margin: 0 20px 0 0;
}
.management_paging{
    width: 600px;
    height: 24px;
    /*margin: 18px 0 0 0;*/
    float: right;
}
.management_btns{
    margin:13px 0 0 16px;
}
.management_btns_{
    width: 60px;
    height: 34px;
    line-height:34px;
    text-align:center;
    color:#fff;
    float:left;
    margin:0 10px 0 0;
}
.management_btns_:hover{
    cursor:pointer;
}
.management_enable{
    background:#77afe4;
}
.management_join{
    background:#77afe4;
}
.management_recover{
    background:#77afe4;
    width: 100px;
}
.management_disable{
    background:#f27373;
}
.management_delete{
    background:#f27373;
}
.new_user_title h4{
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 60px;
    width: 462px;
    display: inline-block;
    font-weight: 600;
    text-indent: 14px;
}
.new_user_title span{
    display:inline-block;
    text-align:right;
}
.new_user_title{
    background:#3680c5;
    height:60px;
    width:500px;
}
.new_user{
    position:absolute;
    top:10%;
    left:25%;
    z-index:6;
    width:500px;
    /*height:440px;*/
    background: #f5f5f5;
    display:none;
}
.new_user_form{
    width:500px;
    overflow: auto;
    background: #fff;
    border-bottom:1px solid #e5e5e5;
    padding:20px 30px 30px 30px;
    text-align:left;
}
.new_user_form label{
    font-size:14px;
    color:#333333;
    font-weight: 500;
}
.new_user_form .new_user_input{
    width:225px;
    height:32px;
    border:1px solid #eeeeee;
    background:#f5f5f5;
    line-height:32px;
    text-indent:12px;
    vertical-align: inherit;
}
.new_user_multiselect{
    background:url(../img/duoxuan1.png) no-repeat;
    width:16px;
    height:16px;
    -webkit-appearance: none;
    appearance: none;
}
.new_user_multiselect.new_user_multiselect_{
    background:url(../img/duoxuan2.png) no-repeat;
}
.user_multiselect_tit{
    vertical-align:sub;
    color:#333333;
    font-size:14px;
    display:inline-block;
    margin:0px 30px 0 12px;
    vertical-align: middle;
}
/*编辑下的弹窗全选*/
.new_user_form2{
    width:500px;
    overflow: auto;
    background: #fff;
    border-bottom:1px solid #e5e5e5;
    padding:20px 30px 30px 30px;
    text-align:left;
}
.new_user_form2 label{
    font-size:14px;
    color:#333333;
    font-weight: 500;
}
.new_user_form2 .new_user_input{
    width:225px;
    height:32px;
    border:1px solid #eeeeee;
    background:#f5f5f5;
    line-height:32px;
    text-indent:12px;
    vertical-align: inherit;
}
.new_user_multiselect2{
    background:url(../img/duoxuan1.png) no-repeat;
    width:16px;
    height:16px;
    -webkit-appearance: none;
    appearance: none;
    margin-right:5px;
}
.new_user_multiselect2.new_user_multiselect_2{
    background:url(../img/duoxuan2.png) no-repeat;
}
.user_multiselect_tit2{
    vertical-align:sub;
    color:#333333;
    font-size:14px;
    display:inline-block;
    margin:0px 30px 0 12px;
    vertical-align: middle;
}

.management_input{
    width:353px;
    padding: 2px 0 0 4px;
}
.management_input1{
    margin: -10px 0 0 -6px;
}
.management_input li{
    float:left;
    line-height: 32px;
}
.county_management{
    margin:0px 0 0 0;
}
.modify_password_title h4{
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 60px;
    width: 310px;
    display: inline-block;
    font-weight: 600;
    padding-left: 16px;
}
.modify_password_title span{
    display:inline-block;
    text-align:right;
}
.modify_password_title{
    background:#3680c5;
    height:60px;
    width:360px;
}
.modify_password{
    position:absolute;
    top:10%;
    left:30%;
    z-index:6;
    width:360px;
    height:254px;
    background: #f5f5f5;
    display:none;
}
#noticeBtn #noticeCancel{
    height: 34px;
    width: 58px;
    background: #ffffff;
    color: #999999;
    border: 1px solid #eeeeee;
    line-height: 32px;
    margin: 0 20px 0 0;
    text-align: center;
    cursor: pointer;
}
#noticeBtn h4{
    line-height: 44px;
}
#noticeBtn{
    position: absolute;
    top: 25%;
    left: 30%;
    z-index: 50;
    width: 360px;
    height: 206px;
    background: #f5f5f5;
}
#noticeBtn li p{
    text-align:center;
}
.modify_password_content{
    padding: 16px 0 0 0;
    background: #fff;
}
.modify_password_content li{
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
}
.modify_password_content li label{
    font-size:14px;
    color:#333333;
    font-weight: 500;
}
.modify_password_content li input{
    width:225px;
    height:32px;
    border:1px solid #eeeeee;
    background:#f5f5f5;
    line-height:32px;
    text-indent:12px;
    vertical-align: inherit;
}


/*修改placeholder*/
input:-moz-placeholder,   
textarea:-moz-placeholder {   
    color: #cccccc;   
}   
  
input:-ms-input-placeholder,   
textarea:-ms-input-placeholder {   
    color: #cccccc;   
}   
  
input::-webkit-input-placeholder,   
textarea::-webkit-input-placeholder {   
    color: #cccccc;   
}
.modify_password_button{
    height:54px;
    width:138px;
    margin: 20px auto 0;
    background: #f5f5f5;
    padding: 4px 0 0 0;
    border-top: 1px solid #e5e5e5;
}
.modify_password_button .cancel{
    height:34px;
    width:58px;
    background:#ffffff ;
    color:#999999;
    border:1px solid #eeeeee;
    line-height: 32px;
    margin:0 20px 0 0;
    text-align:center;
}
.modify_password_button .cancel,.align_btn,.modify_password_span,.edit_text_span:hover{
    cursor:pointer;
}
.modify_password_button .align_btn{
    height:34px;
    width:60px;
    background:#77afe4 ;
    color:#fff;
    line-height: 34px;
    text-align:center;
}
.management_td_modify .edit_text_span{
    margin: 0 20px 0 0;
}


.webuploadDelbtn{
    margin-left: 20px;
    cursor: default; 
}

.webuploadDelbtn:hover{
    text-decoration: underline;
    color:#f00;
}

.webuploadstate{
    margin-left: 15px;
    color: #999;
}

.loadding-shade{
   position: absolute;
   left: 0px;
   right: 0px;
   top: 0px;
   bottom: 0px;
   text-align: center;
   background: #fff;
   opacity: 0.7;   
}
.loadding-shade-img{
   position: absolute;
   top: 50%;
   width: 144px;
   background-color: #fff;
}
/*幼儿三检*/
.inspection-cont{
    height:930px;
}
.inspection_content2{
    height:360px;
}
.inspection_content{
    height:446px;
}
.inspection_form{
    height:332px;
}
.inspection_form .th_line_width1{
    width:4%;
}
.inspection_form .th_line_width2{
    width:13%;
}
.inspection_form .th_line_width5{
    width:21%;
}
.inspection_form .th_line_width6{
    width:11%;
}
.inspection_form .th_line_{
    color:#f27373;
}
.inspection_form .th_line_width5{
    font-size:16px;
}
.ul_scroll_h{
    overflow-y: scroll!important;
    overflow: overlay!important;
    max-height:320px;
}
/*活跃量统计*/
.activity_cont{
    background: #f5f5f5;
}
.activity_content{
    height:360px;
    background: #f8f8f8;
}
.activity_content h2{
    font-size:16px;
    color:#333333;
    margin: 20px 0 20px 30px;
    font-family: "微软雅黑";
}
.activity_container{
    border-top: 1px solid #eeeeee;
}
.active_form{
    margin:10px 0 0 0;
}
.active_form .active_inform{
    display: inline-block;
    font-size:16px;
    color:#333333;
    margin:20px 0 20px 28px;
}
.active_form .export_notification,.export_work{
    display: inline-block;
    font-size:14px;
    color:#77afe4;
    width:46px;
    height:22px;
    border:1px solid #eeeeee;
    background:#f5f5f5;
    line-height: 22px;
    text-align: center;
    float: right;
    margin:20px 18px 20px 0;
}
.active_form .export_notification,.export_work:hover{
    cursor: pointer;
}
.active_table{
    width:100%;
    background:#ffffff;
    border:1px solid #eeeeee;
}
.active_table th{
    font-weight: 500;
    line-height: 58px;
}
.active_table td,th{
    text-align: center;
}
.active_table th{
    line-height: 60px;
}
.active_table .active_form_th1{
    width:10%;
}
.active_table .active_form_th2{
    width:22%;
}
.active_table .active_form_th3{
    width:20%;
}
.active_table .active_form_th4{
    width:48%;
}
.active_table thead th{
    border-right:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
}

.active_t td{
    border-top:1px solid #eeeeee;
}
.active_t .active_ranking{
    width:10%;
}
.active_t .active_teacher{
    width:22%;
}
.active_t .active_num{
    width:20%;
}
.active_t .active_school{
    width:48%;
}
.inform_list,.work_list{
    float:left;
    width: 475px;
    background: #f8f8f8;
    overflow: auto;
    height: 331px;
}
.inform_list{
    margin:0 10px 0 0;
}
.active_title{
    border: 1px solid #eeeeee;
    border-bottom: none;
}

/*admin账号管理*/
.admin-body {
    background: #f5f5f5;
}
.admin-cont {
    margin: 30px auto;
}
.admin-user-management-title-query {
    width: 378px;
    height: 34px;
}
.hint-p {
    color: red;
    font-size: 12px;
    padding-bottom: 16px;
}
.area-box {
    position: relative;
    line-height: 32px;
}
.admin-new-user {
    /*overflow: visible;*/
}
.admin-new-user-form,  .admin-new-user-form2{
    overflow: visible;
}
.admin-new-user-form2 {
    padding: 20px 30px 50px 30px;
}

/*确认框*/
.confirm-box {
    background: #fff;
    width: 320px;
    height: 160px;
    position: absolute;
    top:20%;
    left:34%;
    z-index: 7;
}
.confirm-box-title {
    background: #3a8ad5;
    height: 34px;
    line-height: 34px;
}
.confirm-box-title h4 {
    color: #fff;
    text-indent: 1em;
}
.confirm-box-main {
    min-height: 80px;
    padding: 20px;
    line-height: 32px;
}
.confirm-box-bottom {
    height: 60px;
    line-height: 60px;
    background: #f5f5f5;
}
.confirm-box-bottom span {
    display: inline-block;
    text-align: center;
    height: 34px;
    line-height:34px;
    width: 58px;
    margin: 0 49px;

}
.confirm-box-cancel {
    background: #ffffff;
    color: #999999;
    border: 1px solid #eeeeee;
    line-height: 32px;
}
.confirm-box-confirm {
    background: #77afe4;
    color: #fff;
    line-height: 34px;
    text-align: center;
}
.administrate {
    margin-left: 20px;
}

/*改变select默认样式*/
.selcet-div {
    display: inline-block;
}
.selcet-div select {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*background: url('../img/three_tab.png') no-repeat  scroll right center transparent #f5f5f5;*/
    color: #666666;
    border-radius: 2px;
    width: 150px;
    min-width: 100px;
    height: 34px;
    border: 1px solid #eeeeee;
    padding-right: 26px;
    background: url(../img/three_tab.png) no-repeat #f5f5f5;
    background-position: 130px 15px;
    line-height: 34px;
    text-indent: 10px;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;

}
.selcet-div select::-ms-expand { display: none; }
.selcet-div select option {
    width: 100%;
    min-width: 100px;
    height: 34px;
    line-height: 34px;
    text-indent: 10px;
    border: 1px solid #f5f5f5;
}

/*用户管理模态框*/
#userModal{
    position: absolute;
    display: none;
    top: 20%;
    left: 30%;
    z-index: 7;
    width: 360px;
    min-height: 100px;
    background: #f5f5f5;
    padding: 0;
    box-sizing: border-box;

}
#userModal>h4{
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 60px;
    display: inline-block;
    font-weight: 600;
    padding-left: 16px;
    width:100%;
    background: #3680c5;
}
#userModal>div{
    padding: 16px;
    /*background: #fff;*/
}

/*账号管理*/
input[name="kindergartenRole"],input[name="changekindergartenRole"]{
	margin:0 5px 0 10px;
}
i.kindergartenRoleBtn{
	font-style: normal;
	font-size:13px;
}


/*用户管理*/
input[name="userType"],input[name="eduserType"]{
	margin:0 5px 0 10px;
}
i.userType{
	font-style: normal;
	font-size:13px;
}





/*角色权限*/
.dataScopeCont{
	width:100%;
	height:250px;
}
.dataScopeLeft{
	width:43%;
	height:100%;
	float:left ;
	border:1px solid #ddd;
	overflow-y:auto;
}
.dataScopeRight{
	width:43%;
	height:100%;
	float: right;
	border:1px solid #ddd;
	overflow-y:auto;
}
.butGroup{
	width:14%;
	height:100%;
	float: left;
	line-height: .3;
	
}
.butGroup span{
	display: inline-block;
    width: 70%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #77afe4;
    margin: 58px 0 0 9px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}
.butGroup span:first-child{
	padding-left:10px;
}
.butGroup span:last-child{
	padding-right:10px;
}

/*ztree*/
.ztree li span.button.ico_docu{
	display:none;
}
.dataScopeCont .disablePull{
	/*background:#b9cbd4;*/
	background:#fff;
	color:#000;
	border:1px solid #ddd;
}
.ztree li {
	line-height:18px;
}
.ztree li ul{
	padding:0;
}
.ztree li ul li{
	position: relative;
	padding-left:18px;
}
.ztree li a.level1{
	position: absolute;
	left:0;
	right:0;
	top:0;
	padding-left:32px;
}
.ztree li a.curSelectedNode{
	padding-top: 0px;
    background-color: #ecf6ff;
    color: #77afe4;
    height: 16px;
    opacity: 1;
    border:none;
}
.ztree li a.level0.curSelectedNode{
	font-weight: 600;
}