﻿@charset "utf-8";
/*初始化*/
body {
      margin: 0;
      padding: 0;
      font-size: 14px;
      font-family:"微软雅黑", Tahoma, Helvetica, 'SimSun', sans-serif;
      background:#fff;
      color:#fff;
overflow-x:hidden;
overflow-y:hidden;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
table, td, tr, th, img { font-size: 14px; border: 0; }
ol, ul { list-style: none; }
li { list-style-type: none; }
img { display: block; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; }
address, cite, code, em, th, i, var { font-weight: normal; font-style: normal; }
.clearfix { *zoom: 1; }
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a{transition: all 0.5s;}
a:link, a:visited {text-decoration: none; }
a:hover { color:#fff; }
input { outline: 0; outline: none; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lf { float: left; }
.ri { float: right; }
.text-xs-center{text-align:center;}
.m-l-20{margin-left:20px;}
.container{
      background:#000928 url("../images/bg.jpg") no-repeat left top;
      width:1920px;
      height:1080px;
      overflow:hidden;
}
*{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: medium;
}
/*头部*/
header{
      position: relative;
      height: 72px;
}
header .main-title{
    position: relative;
    width: 459px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    margin: 0px auto;
    font-size: 16px;
    color: #d2ddfd;
}
/*时间*/
.sys-time{
      position:absolute;
      left:0px;
      top:0px;
      height: 62px;
      line-height: 62px;
      color:#71a8fb;
      font-size: 16px;
      font-weight: bold;
}
.sys-time span{
      display: inline-block;
      padding:0 75px;
}
.sys-time span.y_m_d{
      padding-left:90px;
}
.sys-time span.d_h_m{
      padding-left:68px;
}
.sys-time span.w{
      padding-left:55px;
}
/*各馆房间*/
.room-num{
      position: absolute;
      right:10px;
      top:0;
      height: 62px;
      line-height: 62px;
      color:#73a7fb;
      font-size: 16px;
      font-weight: bold;
}
.room-num .item{
      float: left;
      width: 210px;
      text-align: center;
}
.room-num .item:nth-child(1){
      margin-right:5px;
}
.room-num .item:nth-child(2){
      margin-right:5px;
}
/*框架公共*/
.main{
      width:auto;
      position: relative;
      margin:0px auto;
      margin-top:28px;
      padding:0px 20px;
}
.group-k{
      float: left;
}
.group-k:nth-child(1){
      width: 530px;
}
.group-k:nth-child(2){
      width: 778px;
}
.group-k:nth-child(3){
      width: 530px;
}
.page-con{
      position: relative;
      left:0;
      top:0;
      width: 100%;
      border:1px solid #4574d6;
      box-shadow: 0px 0px 10px 10px rgba(33,89,232,.3) inset;
      -o-box-shadow: 0px 0px 10px 10px rgba(33,89,232,.3) inset;
      -moz-box-shadow: 0px 0px 10px 10px rgba(33,89,232,.3) inset;
      -webkit-box-shadow: 0px 0px 10px 10px rgba(33,89,232,.3) inset;
      margin-top:22px;
      background: rgba(11,26,82,.24);
}
.b-l-t,.b-r-t,.b-l-b,.b-r-b{
      position: absolute;
      width: 13px;
      height: 14px;
      border:1px solid #00fcf9;
}
.b-l-t{
      top:0px;
      left:0px;
      border-right: none;
      border-bottom:none;
}
.b-r-t{
      top:0px;
      right:0px;
      border-left: none;
      border-bottom:none;
}
.b-l-b{
      bottom:0px;
      left:0px;
      border-right: none;
      border-top:none;
}
.b-r-b{
      bottom:0px;
      right:0px;
      border-left: none;
      border-top:none;
}
.page-hd{
      height: 45px;
      line-height: 45px;
      padding-left: 23px;
      color:#abcbff;
      font-size: 18px;
      background-image: linear-gradient(to top, rgba(33,89,232,.3) 0%, rgba(33,89,232,.299) 50%, rgba(33,89,232,.3) 100%);
}
/*表格公共*/
.table{
      width: 100%;
}
.thead{
      width: 100%;
}
.thead .tr{
      width: 100%;
      *zoom: 1;
}
.thead .tr:after{
      display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "";
}
.thead .th,.tbody .td{
      float: left;
      width: 33.333333%;
      padding:0 8px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
}
.thead .th{
      font-size: 18px;
      color:#1ebdff;
}
.tbody .tr{
      height: 40px;
}
.tbody .tr:nth-of-type(odd){
      background: rgba(0,126,233,.2);
}
.tbody .tr .td{
      font-size: 16px;
      color:#abcbff;
}
.tbody .tr .td img{
      margin:0px auto;
      margin-top:10px;
}
/*空余研讨间*/
.ky .page-md{
      height: auto;
}
/* .ky .thead .th:nth-child(1),.ky .tbody .td:nth-child(1){ */
      /* width: 40%; */
/* } */
/* .ky .tbody .td:nth-child(2),.ky .thead .th:nth-child(2){ */
      /* width: 60%; */
/* } */
.ky .thead .th:nth-child(1),.ky .tbody .td:nth-child(1){
      width: 15%;
}
.ky .tbody .td:nth-child(2),.ky .thead .th:nth-child(2){
      width: 35%;
}
.ky .thead .th:nth-child(3),.ky .tbody .td:nth-child(3){
      width: 15%;
}
.ky .tbody .td:nth-child(4),.ky .thead .th:nth-child(4){
      width: 35%;
}
/*当日每小时预约*/
.dayt .page-md{
      height: 253px;
}
/*统计*/
.tjlist .page-md{
      height: 148px;
}
.page-tj{
      height: 100%;
      display:box;
      display:-webkit-box; /* iOS 6-, Safari 3.1-6 */
      display:-webkit-flex; /* Chrome */
      display:-moz-box; /* Firefox 19 */
      display:-ms-flexbox;
      display:flex; /*flex容器*/
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction:row;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
      flex-wrap:nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.page-tj .item{
      text-align: center;
      position: relative;
      width: 25%;
      height: 60%;
}
.page-tj .item:not(:last-child):after{
      display: inline-block;
      content: '';
      position: absolute;
      right:1px;
      top:0px;
      width: 1px;
      height: 100%;
      background-image: linear-gradient(to bottom, rgba(37,80,161,0) 0%, rgba(37,80,161,1) 50%, rgba(37,80,161,0) 100%);
}
.number-tj{
      position: relative;
      font-size: 30px;
}
.page-tj .ti{
      position: relative;
      top:20px;
      color:#abcbff;
      font-size: 18px;
}
.page-tj .item:nth-child(1) .number-tj{
      color:#ee4356;
}
.page-tj .item:nth-child(2) .number-tj{
      color:#ec8052;
}
.page-tj .item:nth-child(3) .number-tj{
      color:#ddba08;
}
.page-tj .item:nth-child(4) .number-tj{
      color:#00d68c;
}
/*研讨间的使用情况*/
.ytjsy .page-md{
      height: 390px;
}
.ytjsy .page-chart .item{
      float: left;
      width: 33.333333%;
}
/*本年度每月预约量*/
.bnyyl .page-md{
      height: 240px;
}
/*本年度各学院预约TOP8*/
.yearyy .page-md{
      height: 562px;
      padding:30px 40px;
}
.yearyy .dw{
      color:#00f2f1;
      text-align: right;
      font-size: 16px;
}
.yearyy .bar-chart .item{
      height: 60px;
      display:-webkit-box; /* iOS 6-, Safari 3.1-6 */
      display:-webkit-flex; /* Chrome */
      display:-moz-box; /* Firefox 19 */
      display:-ms-flexbox;
      display:flex; /*flex容器*/
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction:row;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
      flex-wrap:nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      color:#abcbff;
      font-size: 16px;
}
.serial-num{
      width: 38px;
      height: 38px;
      text-align: center;
      line-height: 38px;
      border:1px solid #01bac8;
      border-radius: 50%;
      color:#00fcff;
      box-shadow: 0px 0px 5px 5px rgba(1,186,200,.57) inset;
      -o-box-shadow: 0px 0px 5px 5px rgba(1,186,200,.57) inset;
      -moz-box-shadow: 0px 0px 5px 5px rgba(1,186,200,.57) inset;
      -webkit-box-shadow: 0px 0px 5px 5px rgba(1,186,200,.57) inset;
      font-size: 19px;
}
.bar-chart .item:nth-child(1) .serial-num,
.bar-chart .item:nth-child(2) .serial-num,
.bar-chart .item:nth-child(3) .serial-num{
      box-shadow: none;
      -o-box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      border:none;
      color:#fff;
}
.bar-chart .item:nth-child(1) .serial-num{
      background-image: linear-gradient(to top, #faae1c 0%, #f86828 100%);
}
.bar-chart .item:nth-child(2) .serial-num{
      background-image: linear-gradient(to top, #ea3e6f 0%, #eb3fe2 100%);
}
.bar-chart .item:nth-child(3) .serial-num{
      background-image: linear-gradient(to top, #00d6e6 0%, #0051d9 100%);
}
.yearyy .item .name{
      padding:0 56px 0px 20px;
      width: 182px;
      text-align: left;
}
.yearyy .bar{
      width: calc(100% - 210px);
}
.bar,.progress,.progress-bar {
      display:-webkit-box; /* iOS 6-, Safari 3.1-6 */
      display:-webkit-flex; /* Chrome */
      display:-moz-box; /* Firefox 19 */
      display:-ms-flexbox;
      display:flex; /*flex容器*/
      overflow: hidden;
}
.progress {
      font-size: 16px;
      border-radius: 0px;
      box-shadow: none;
      width: 190px;
      height: 24px;
      border:1px solid #1a3776;
}
.progress-bar {
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      justify-content: center;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      background-image: linear-gradient(to right, #0078ff 0%, #00baff 100%);
      transition: width .6s ease;
}
.bar .text-muted{
      padding-left:30px;
}
/**/
.table2 .thead,.table2 .tbody{
      width: 100%;
}
.table2 .thead .th:nth-child(1), .table2 .tbody .td:nth-child(1){
      width: 20%;
}
.table2 .thead .th:nth-child(2), .table2 .tbody .td:nth-child(2){
      width: 20%;
}
.table2 .thead .th:nth-child(3), .table2 .tbody .td:nth-child(3){
      width: 30%;
}
.table2 .thead .th:nth-child(4), .table2 .tbody .td:nth-child(4){
      width: 30%;
}
