@charset "utf-8";

/* 公用样式 */
body {font-family: "微软雅黑";color: #333;font-size: 14px;padding:0px;background: #fff;}
input, textarea,button{ font-family:"微软雅黑"; font-size:14px; color:#333;}
*{margin:0; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;}
.clearfix {overflow:hidden;zoom: 1;}
li{list-style:none;}
img{border:none;vertical-align:middle;}
a{text-decoration:none; color:#333;cursor:pointer; outline:none;}
a:hover{color:#6DB7DA;}
a:focus{outline:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
em{ font-style:normal; }
h2{ font-size:30px; text-align: center; margin:20px 0; }
h3{ font-size: 15px; font-weight: bold; color:#333333; margin:10px 0; border-left:4px solid #0364C9;
 padding-left:20px; margin-left:-20px;}
h3 span{ color:#666666; font-size:12px; margin-left:10px; font-weight: normal }
h3.h-tit{ background: #F2F9FF; line-height: 31px; width: 95.7%; }
h3.toggle{cursor: pointer; background: #F2F9FF url(../images/platform/ico-down.png) no-repeat 98% center;}
h3.toggle.on{ background: #F2F9FF url(../images/platform/ico-up.png) no-repeat 98% center;}
.em-i{ font-style:normal; color:red!important; margin-left:10px;  }
.error { background: #fff;  color: #333;  text-align: center;  margin-top:7%; font-size:16px;}
.error p{ margin-top:20px;}
em.checker{font-family:"宋体";}
.content table.grid{ width: 100%; margin:0;}
/*总框架样式*/
.layui-layout-admin .layui-logo{margin-top:0px; margin-left:20px; background: url(../images/platform/logo1.png) no-repeat left center; }
.layui-nav{ padding:0px; }
.layui-nav .layui-nav-item{ line-height: 80px;}
.layadmin-pagetabs .layui-tab-title li:first-child{padding-right:15px}
.layadmin-pagetabs .layui-tab-title li:first-child .layui-tab-close{display:none;}
.layui-unselect.layui-tab-bar{ display:none;}
.layui-layout-admin .layui-side,.layui-side-scroll{ width:250px;}
.layui-nav-tree{ width:210px;}
.layadmin-pagetabs,.layui-body{ left:250px; top:80px}
.layui-layout-admin .layui-footer{left:0px; height:40px ; line-height:40px;  text-align:center; background:#C30B0C;color:#ffffff; }
.layui-layout-admin .layui-side{ bottom:40px; top:80px;}
.layui-nav-tree .layui-nav-more{ right:30px;}
.layadmin-side-shrink .layui-side{ width:60px;}
.layui-layout-admin .layui-header{ background:#C30B0C!important; background-size: 100% 100%; height:80px;}
.layui-header .nav{ position:absolute; top:27px; left:500px;  }
.layui-header .nav a{ display:inline-block; font-size:14px; color:#ffffff; padding:5px 10px; border-radius:16px;  }
.layui-header .nav a.on,.layui-header .nav a:hover{ background: #FFFFFF; color:#0470E0;}
.layui-layout-right li.layui-nav-item>a,.layui-layout-right li.layui-nav-item>a:hover{ color:#ffffff;}
.layui-layout-right .layui-nav-more{ border-color:rgba(255,255,255,0.7) transparent transparent!important;}
.layui-nav .layui-nav-item.close a{ padding:0 0 0 10px;}
#LAY_body{ background:#F0F1F2; top:120px; }
#LAY_body .layadmin-tabsbody-item{top:20px; left:20px; right:20px; bottom:20px; }
#LAY-system-side-menu{ margin-left:20px;padding-top:20px;background: none;}
.layui-side-scroll,.layui-nav-itemed > .layui-nav-child{ background:#F6F5F0!important;}
.layui-nav-tree .layui-nav-child a{ color:#666;}
.layui-side-scroll .layui-nav-item>a{color:#555; height:40px;  line-height:40px;border-radius:24px; background:#ffffff;}
.layui-side-menu .layui-nav-item>a:hover{ background:#ffffff;}
.layui-side-scroll .layui-nav-item span.layui-nav-more{ margin-top:-7px;border:none;right:17px; width:12px; height:14px;  }
.layui-side-scroll .layui-nav-itemed span.layui-nav-more,.layui-side-menu .layui-nav-item>a:hover span.layui-nav-more{ margin-top:-7px;border:none;}
.layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a,.layui-side-menu .layui-nav-item dd a:hover, .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a{ background:none!important; color:#C30B0C;}
.layui-icon-sd{ width:16px; height:16px; top:2px; margin-right:8px;}
.layui-side-menu .layui-nav-itemed>a,.layui-side-menu .layui-nav-itemed > a:hover{ background: #C30B0C ; color:#ffffff;}
.layui-side-menu .layui-nav-item > a *{color:#555555; font-size:15px!important;}
.layui-side-menu .layui-nav-itemed > a *{color:#ffffff;}
.layui-nav-tree .layui-nav-child{ padding-top:10px;}
.layui-nav-tree .layui-nav-child a{ line-height:32px; height:32px;}
.layui-nav-tree .layui-nav-item{ margin-bottom:20px;}


.layui-tab-title li .layui-tab-close:hover{ background:#FFCC00}
.layadmin-pagetabs .layui-tab-title li::after,.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this,.layadmin-pagetabs .layui-tab-title li.layui-this::after,.layui-nav .layui-this::after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed::after{background-color:#FFCC00}
.layout-split-north{ border:None;}
.layui-nav-bar{ display: none;}
/*弹出框样式*/
.layui-tab[overflow] > .layui-tab-title{ overflow: initial!important;}
.layui-layer-lan .layui-layer-title,.layui-layer-title{background:#ffffff!important;border-bottom:1px solid #FCE9C4!important;}
.layui-layer-title{ height:60px!important; line-height:60px!important; color:#333333!important; font-size:16px!important;}
.layui-layer-setwin{ top:20px!important; right:25px!important;}
.layui-layer-setwin a{ width:20px!important; height:20px!important;}
.layui-layer-btn a{ background:#FFCC00!important; border:none!important;color:#333333!important; padding:0!important; }
.layui-layer-close{ background: url(../images/platform/close.png) no-repeat center center!important;}
.layui-layer-setwin .layui-layer-max{ background:url(../images/platform/full.png) no-repeat center center !important; background-size:100% 100%!important; margin-top:0px!important;}
.layui-layer-setwin .layui-layer-min{ background:url(../images/platform/verysmall.png) no-repeat center center!important;background-size:100% 100% !important; margin-top:0px!important;}
.layui-layer-setwin .layui-layer-maxmin{background:url(../images/platform/smallscreen.png) no-repeat center center!important; background-size:100% 100%!important; margin-top:0px!important;}

/*ztree树*/
.ztree *{ font-size:13px!important; }
.ztree li{line-height:22px!important; }
.ztree li span.button.ico_open,.tree-folder-open{height:22px!important; background:url(../images/platform/ico_open.png) no-repeat center center!important }
.ztree li span.button.ico_close,.tree-folder{ height:22px!important;background:url(../images/platform/ico_close.png)  no-repeat center center!important }
.ztree li span.button.ico_docu,.tree-file{vertical-align: middle!important; height:22px!important;background:url(../images/platform/ico_docu.png)  no-repeat center center!important }
.ztree li a.curSelectedNode{ border:none!important; height:22px!important; line-height:22px!important; }

.ztree li span.button.switch{ height:22px!important;}
.ztree li a{height:22px!important;  padding-top:1px!important; }
.tree-title{ color:#333333;line-height:22px; }
.tree-node{ height:22px!important;}
.tree-collapsed,.tree-expanded{ position:relative; top:3px;}

.main,.box{ padding: 20px}
.main>form>table,.box>form>table{border-collapse: collapse;}
.main>form>table tr th,.box>form>table tr th,.main>form>table tr td,.box>form>table tr td{ border:1px solid #ccc;}
.main>form>table tr th,.box>form>table tr th{ font-size:13px; padding:0 10px; background:#f9f9f9; color:#000;  line-height:30px; font-weight:normal;}
.main>form>table tr td,.box>form>table tr td{ padding:8px!important;}
.layui-body i,td i,th i{color:red; font-style:normal;font-size: 14px;margin-left:5px;position: relative;top: 5px;}
table tr td a.btn{padding: 7px 10px; top:1px; left:10px}

/*新增页面输入框样式*/
.uform_box{ padding:20px; }
.plan_add{ padding-left:10px;}
.plan_add>ul{ margin-bottom:10px; overflow:hidden;}
.plan_add>ul>li{ float:left;margin-right:30px; margin-bottom:10px;line-height:30px; font-size:14px; width:350px; min-height: 77px;}
.plan_add ul li span i{color:#D30808; font-style:normal;font-size: 14px;margin-right:5px;position: relative;top: 3px;font-weight: bold;}
.question{ position: relative;}
.question em{ position: absolute; cursor: pointer; background: url(../images/front/question.png) no-repeat left top; z-index: 10; top:8px; min-height: 12px; min-width: 12px; padding-left:20px;}
.question em img{ display: none;}
.question em:hover img{ display: block;}
.question em span{ display: none;font-size:14px;color: red}
.question em:hover span{ display: block;}
.plan_add ul li.all{ width:100%; margin-right:0px;}
.plan_add ul li.half em{font-size:14px;color:#666666; margin-left:10px;}
.plan_add ul li span{font-size:14px;}
.plan_add ul li span.word{ text-align:left; display:block;  margin-bottom:5px;}
.plan_add ul>li .textbox{ height:38px!important; width:320px!important; line-height: 18px!important;}
.plan_add ul li .Wdate{margin-left:0px; border-color:#D8DEE3; border-radius:2px; }
.plan_add ul li .textbox.combo,plan_add ul li .textbox.combo.datebox{ width: 320px!important;}
.plan_add ul li .textbox-text{background: #ffffff;  padding-top:9px!important;padding-bottom:9px!important; width: 100% !important}
.plan_add ul li.all .textbox{ width:84%!important; height:60px!important;}
.textbox.focused{ border:1px solid #e07b1c;-moz-box-shadow: 0 0 8x 0 #e07b1c;-webkit-box-shadow: 0 0 8px 0 #e07b1c;box-shadow: 0 0 8px 0 #e07b1c; }
.plan_add ul li .combo{width:200px !important;}
.plan_add ul li span em{ color:#666666; margin-left:10px;}
.plan_add ul li.short .textbox{ width:240px!important;}
.plan_add ul li.spec-short .textbox{ width: 153px!important;}
.plan_add ul li.short a{margin-left:5px;top:1px; display:inline; padding:10px 5px;  }
.plan_add ul li>p{ margin:0;}
.file-list .host_add_file,.file-list .other_add_file{ width:600px; margin-left:30px; }
.file-list .host_add_file td:first-child,.file-list .other_add_file  td:first-child{ width: 80% ; padding:5px 5px 5px 0;}
.file-list .host_add_file td:last-child,.file-list .other_add_file  td:last-child{ width: 20%}

.show-info>ul li p{ border:1px solid #D8DEE3; line-height: 38px; height:38px; color:#333333; font-size:14px; border-radius:2px; padding:0 5px 0 10px; width:315px;}
.show-info>ul li p .textbox{ border:none;  padding: 0px; vertical-align: top!important; }
.show-info>ul li p .textbox .textbox-text{padding:0px!important;  line-height: 36px!important;;}
.show-info > ul li.all p .textbox .textbox-text{ line-height: 18px!important;}
.show-info>ul li p .textbox-readonly input,.show-info>ul li p .textbox-readonly textarea,.show-info>ul li p .combo-arrow ,.show-info>ul li p .textbox-readonly{background:none;}
.show-info>ul li p .textbox-addon{ display:none; }
.show-info>ul li p .textbox-focused{ border:none;-moz-box-shadow: none;-webkit-box-shadow:none;box-shadow: none;}
.show-info>ul li.all p{ height: auto; min-height: 60px;width: 94%; padding-top:5px;}
.show-info ul li.all .textbox{ width: 100% !important}
.show-info ul li p.switch-button{ border:none; padding-left:0;}
.show-info ul li.short p{ width: 240px; display: inline-block; vertical-align: middle;}

.file-list{ margin-top:10px;}
.file-list table{border:none; border-collapse: collapse; width:100%;}
.file-list table tr th{ color:#0C4581; text-align: left!important;}
.file-list table tr td{padding:15px 3px 15px 0; border-bottom:1px solid #EEE ;text-align: left!important; }
.plan_add ul li.all .file-list table tr td .textbox{ height: 30px!important;}
.plan_add ul li.all .file-list table tr td .textbox-text{ padding-top:5px!important; padding-bottom:4px!important;}
.file-list table tr td a{ padding:0 7px}
.file-list table tr td a.btn-ico{ padding:0px;}
.file-list table tr td a.btn{ padding: 6px 10px;}
div.workflow{text-align:center;}
.file-list table tr td.nobtn .textbox{ width: 90%!important;}
.file-list table tr td.nobtn .textbox input{ width: 95% !important}

.b-top{ border-top:10px solid #F0F1F2;}
.schedule-list{ margin-top:10px;}
.schedule-list table tr th{ line-height: 24px; }
.schedule-list table tr td{padding:5px 10px 5px 0; border:none;  }
.schedule-list table tr td p{ background: #FFFDF8; border:1px solid #D8DEE3; padding:9px 10px 10px;}
.schedule-list table tr td .textbox{ height:40px!important; width:90%!important;; background: #FFFDF8;  }
.schedule-list table tr td.short .textbox{ width:60% !important;}
.schedule-list table tr td .textbox-text{ background: #FFFDF8; margin-right:0px!important;}
.schedule-list table tr td input.l-btn{ border:none; background: #0470E0; border-radius:4px; padding:10px; color:#ffffff;  }
.schedule-list table tr td a.btn{ padding:10px ;}

.schedule_l{ float:left; width:330px;}
.schedule_r{ margin-left:360px}
.schedule{ margin-left:0;}
.course{ padding:10px 5px;}
.course h4{ font-size:14px;  margin-bottom: 4px;}
.course span{ font-size:12px; color:#999999;}
.course span.change{ color:#E30000;}
.course p{ font-size:13px; margin-top:6px;  }
.schedule_l .file-list table tr td{ padding-right: 5px;}
.layui-layer .course h4,.layui-layer .course span,.layui-layer .course p{ color:#ffffff!important;}


.member-list{ margin-top:10px;width: 600px}
.member-list table{border:none; border-collapse: collapse; width:100%;}
.member-list table tr th{ color:#0C4581; text-align: left!important;}
.member-list table tr td{padding:15px 3px 15px 0; border-bottom:1px solid #F4F4F4 ; text-align: left!important; }
.member-list table tr td a{ padding:0 15px 0 0}

.phase-list{ margin-top:10px;}
.phase-list table{border:none; border-collapse: collapse; width:100%;}
.phase-list table tr th{ color:#0C4581; text-align: left!important;}
.phase-list table tr td{padding:15px 3px 15px 0; border-bottom:1px solid #F4F4F4 ; text-align: left!important;}
.phase-list table tr td a{ padding:0 15px 0 0}

.btns .th{background:#ff9c4c!important;border:1px solid #ff9c4c !important;}
.Wdate{ font-size:14px!important;}
.setgroup{ font-size:16px;}
.setgroup .groupnum{height:30px; padding-bottom:15px;  margin-bottom:15px;}
.setgroup .groupnum span.total{ margin-right:30px;}
.setgroup .groupnum span em{ font-size:16px; margin:0 5px; color:#0470E0; font-weight: bold;}
.setgroup .groupnum .search_button{ margin-left:40px;}
.setgroup .groupnum .search_button  a.btn{ padding:5px 15px; top:0;}
.setgroup .grouplist .groups{ padding:15px; border:1px solid #cccccc; border-radius:3px; text-align:center; float:left; margin:0 5px 20px;}
.setgroup .grouplist .groups a{ padding-left:10px;}
.setgroup .grouplist .groups p{ margin:5px 0px  10px -10px}
.setgroup .grouplist .groups input{ width:70px; float:left;}

.total-num{ border-bottom:1px solid #DEEDFF; padding:15px 0;}
.total-num ul li{ display: inline-block; text-align: center; width:19%;position: relative;  }
.total-num ul li::after{ position: absolute; content: ''; width: 1px; height: 40px; background: #E7EBF0; right:1px;top:50%; margin-top:-20px;}
.total-num ul li p{ font-size:15px; color:#666666; margin-top:9px;  }
.total-num ul li span{ font-size:34px; font-weight: bold; color:#FC8B33; }
a.button{display: inline-block; border-radius: 4px;background: #0470E0; height: 40px; line-height:40px; font-size: 14px;color: #fff; padding: 0 30px;}
.file-list table.eval th{background:#FFFDF8; line-height: 20px; }
.file-list table.eval{width:97%;}
.file-list table.eval th,.file-list table.eval td{ border:1px solid #D8DEE3; font-size:14px;padding:10px; height: auto;}
.file-list table.eval input{ padding:5px; border: 1px solid #D8DEE3; border-radius: 2px; width:100px;}
.file-list table.eval .textbox{ height: auto}
.file-list table.eval th span{ font-weight: normal; color:#333333; }

table.grid{table-layout:fixed;width:98%;margin-left:1%; font-size:14px;}
table.grid th{padding:10px;text-align:center;background: #f0f0f0;border:1px solid #ccc;}
table.grid td{padding:10px;text-align:center;background: #fff;border:1px solid #ccc;}

.floor{ border:1px solid #dddddd; margin:10px }
.rbname{ border-bottom:1px solid #dddddd; padding:10px; font-size:18px; text-align: left;}
.pictures{ text-align: left; margin-top:20px;  padding-left:10px; }
#pictures div{ margin-bottom:20px; }

.upload-img em{ color:#666666; position: relative;top: 30px;left: 12px;}
#webPic{ border:1px dashed #eeeeee!important; border-radius:4px;}
.classroom img{ display: inline-block; vertical-align: top;margin:10px auto;}
.classroom .title{ border-bottom:1px solid #dddddd; padding:10px; font-size:18px; text-align: left; }
.classroom ul { padding:10px; }
.classroom ul.num{ padding-top:30px;}
.classroom ul.num li{ height:60px; display: inline-block; text-align: center;width: 30%;
 box-sizing: border-box; position: relative;vertical-align: top;}
.classroom ul.num li::after{ position:absolute; right:0px;  height:30px; top:17px; width: 1px; background: #eeeeee; content: ''}
.classroom ul.num li p{height:40px; font-size:30px; font-weight: bold;  }
.classroom ul.num li span{color:#333; font-size:14px;  }

.num-img{ overflow:hidden; background:#ffffff; padding:30px 0;border-bottom:10px solid #F0F1F2 }
.static-img{ width:20%; float:left; text-align:center;}
.static-img img{float:left; margin-left:15%;margin-top: 14px;}
.static-img .num{ float:left; margin-left:20px; font-size:16px;}
.static-img .num p{ margin-bottom:5px; font-size:24px; font-weight:bold;text-align:left;}
.static-img .num h4{  font-size:16px; font-weight:bold; margin:0; padding:0; border:none;}

.empty{ text-align: center; padding:60px 0;}

.data-user{ margin:10px 0; background:#0464CC url(../images/platform/datauser-bg.png) no-repeat left bottom; background-size:100% ;height:120px;  overflow:hidden; color:#ffffff; border-radius:4px;}
.data-user .user-p{ margin:15px 20px 0 30px; }
.data-user .user-p img{ width:74px; height:90px;  }
.data-user .user-name{ width:50%;}
.data-user .user-name p.name{ font-weight:600; font-size:18px; color:#ffffff; margin:20px 0 10px;}
.data-user .user-name p.name i{ margin-left:10px;}
.data-user .user-name p.user-card{ font-size:14px; color:#F6F6F6; margin-bottom:8px;}
.data-user .user-name p.user-card span{display:inline-block; background:#3D91ED; width:1px; height:16px; margin:-4px 20px 0; vertical-align: bottom; }
.data-user .code{ margin:10px 20px 0 0;}
.data-user .code img{ width: 100px; height: 100px;}

.procedure .caption{ font-size:15px; font-weight: bold; margin:15px 0;}
.procedure .path-item{ background:#F1F8FF; padding:15px 0 15px 15px; margin-bottom:10px; position: relative; }
.procedure .path-item .path-tit{ font-size:16px; font-weight: bold; margin-bottom:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width:60%; }
.procedure .path-item .path-date p span{ margin-right:20px; color:#666666}
.procedure .path-item .path-date p a{color:#0470E0; background: url(../images/platform/certico.png) no-repeat left center; padding-left:21px;  }
.procedure .path-item .scores{ background:#FFFBEE; position: absolute; top:0;right: 0; height: 80px;  border-left:1px dashed #FFEAA7; text-align: center; font-size:12px; color:#666666;  }
.procedure .path-item .score-item{display: inline-block;  padding:15px 20px 0;  }
.procedure .path-item .scores p{ color:#F43232; font-size:24px; font-weight: bold; }
.procedure .path-item .scores span{display: inline-block; width: 1px ; background: #FFEAA7; height: 52px;  vertical-align: top; margin-top:15px; }
.procedure .path-item .path-date i{ position:absolute;  right:30px;  top:15px;}

.password-input{ position: relative; margin-bottom:15px;}
.password-input span.word{ display: inline-block; width: 90px; text-align: right;}
.show-hide{ position:absolute; bottom: 0;right: 0px;background: red;width: 40px;height: 40px; background: url(../images/platform/close-eye.png) no-repeat center center; cursor: pointer; }
.show-hide.active{background: url(../images/platform/open-eye.png) no-repeat center center;}

.ui-menu .ui-menu-item-wrapper{padding:8px!important; ; font-size:14px; color:#333333;}
.ui-menu .ui-menu-item-wrapper:hover{ background: #DFECFF; border-color:#DFECFF; color:#333333; }

.room-detail{ background: #F9F9F9; padding:15px 30px; }
.room-detail p{ font-weight:bold; margin-bottom:15px; }
.room-detail .detail-num{ display: inline-block; vertical-align: top;  padding:0 60px; position: relative; font-size:15px; color:#666666; text-align: center;  }
.room-detail .detail-num:after{ position: absolute; content: ''; width: 1px; height: 40px; background: #E7EBF0; right:0; top:14px; }
.room-detail .detail-num span{ display: block; font-size:24px; font-weight: bold; margin-bottom:6px;}

.fixedhead{ width: auto!important;table-layout: auto;!important;}
.fixedhead thead{ position:fixed; z-index: 2; padding-top:30px; background: #ffffff;}
.fixedhead tbody{ margin-top:70px; position: absolute; z-index: 1;padding-bottom:80px;}
.other .fixedhead tbody{ padding-bottom:190px}

.typeahead li a.dropdown-item{display: block!important; margin-left:0!important; }