.fs_14 {
    font-size: 14px;
}
.fs_16 {
    font-size: 16px;
}

/* -----------------order--------------------- */
.order .order-table td a.day_used{
  /*   width: 100%;*/
    background-color: #039df4;
       color: #fff;
    cursor: pointer;
    line-height: 150%;
    overflow: hidden;
}
.order .order-table td a.day_verify{
  /*  width: 100%; */
    background-color: #f9d0d3;
        color: #b72c2a;
    cursor: pointer;
    line-height: 150%;
    overflow: hidden;
        /*width: 100%;*/
    border-radius: 7px;
}
.order .order-table td#day_disable,.order .order-table td#day_disable a.day_disable{background: #d0d0d0;border: none !important;
    border-radius: 0 !important}

.order .order-table td a div.day_used{
  /*   width: 100%;*/
    background-color: #039df4;
       color: #fff;
    cursor: pointer;
    line-height: 150%;
    overflow: hidden;
        width: 100%;
    border-radius: 7px;
}
.order .order-table td a div.day_verify{
  /*  width: 100%; */
    background-color: #f9d0d3;
        color: #b72c2a;
    cursor: pointer;
    line-height: 150%;
    overflow: hidden;
    width: 100%;
    border-radius: 7px;
}
.order .order-table td a div.day{
   /* width: 100%;*/
    height: 20px;
    cursor: pointer;
}
.order .order-table td a.day{
   /* width: 100%;*/
    height: 20px;
    cursor: pointer;
}
.order .state{
    margin-top:30px;
}
.order .state a{
    margin-left:10px;
    font-weight: 600;
    color:#000;
    text-decoration: underline;
    font-family: "Microsoft YaHei","宋体";
    font-size:14px;
}
.order .state a:hover{
    color:#008;
}
.order .week{
    margin-top:10px;
    text-align: center;
    line-height:40px;
}
.order .week a:hover{
    color:#008;
    text-decoration: underline;
}
.order .title{
    line-height: 50px;
    font-size: 24px;
    text-align: center;
}
.order .notice{
    line-height:30px;
    color:#333;
}
.order .sk{
    margin-top:10px;
}
.order .sk_{
    display:inline-block;
    width:40px;
    height:20px;
    line-height:20px;
}
.order .sk span{
    vertical-align: middle;
    display:inline-block;
    height:20px;
    line-height:20px;
}
.order .free{
    background:#f5f5f5;
}
.order .ordered{
    background:#ffdcbf;
}
.order .verify{
    background:#b4b4b4;
}

.order .order-table{
    margin-top:20px;
    margin-bottom:30px;
    border:1px solid #e4e8ec;
    border-collapse: collapse;
	width: 100%;
	height:100%;
	background-color:#f8fcff;
}
.order .order-table tbody tr:last-child .alert {top: inherit !important;bottom: 0 !important}
.order .order-table tbody tr:last-child .alert:before {top: inherit !important;bottom: 30px !important}
.order .order-table th{
    border:1px solid #e8eaec;
    text-align: center;
    word-break: break-all;
    height: 56px;
}
.order .order-table td{
	width:500px;
    position: relative;
    min-width:36px;
    /* padding:10px; */
    text-align: left;
    line-height:160%;
    text-align: center;
    border:1px solid #e8eaec;
    text-align: center;
    word-break: break-all;
  position: relative;
  height: 100%;padding: 1px;    box-sizing: border-box;
}
.order .order-table td a{
   
    min-height:30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color:#f8fcff;

}
.order .order-table .sw{
    min-width:120px;
}
.order .title-text {
	overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: left;
    padding-left: 10px;
}
@media screen and (max-width:1000px) {
	.order .title-text {
		 -webkit-line-clamp: 2;
	}
}
@media screen and (max-width:650px) {
	.order .title-text {
	 -webkit-line-clamp: 3;
	}
}

/* -----------------apply ------------------------ */
.apply .apply-form{
    margin-top:40px;
}
.apply-form .form-item{
    margin-bottom:20px;
}
.apply-form .label_{
    display:inline-block;
    text-align: right;
    width:200px;
    vertical-align: middle;
}
.apply-form .label_ i{
    vertical-align: middle;
    color:#f00;
}
.apply-form .place-select{
    width:200px;
    height:30px;
}
.apply-form .form-item input{
    height:30px;
    width:300px;
    padding:0 10px;
    border:1px solid rgb(169, 169, 169);
}
#txtBeginDate{
    width:170px;
}
.apply-form .form-item .m-select{
    width:80px;
    height:32px;
    margin-left:10px;
}
.apply-form .form-item .h-select-s{
    width:40px;
    height:32px;
    margin-left:10px;
}
.apply-form .form-item .m-select-s{
    width:40px;
    height:32px;
    margin-right:2px;
}
.apply-form .form-item textarea{
    width:310px;
    padding:5px;
    vertical-align: middle;
}
.apply-form .data-picker{
    position: relative;
    float: left;
    margin-left:8px;
}
.apply-form .option{
    margin-top:40px;
}
.apply-form .option button{
    width:80px;
    height:30px;
    margin-left:206px;
    margin-right:20px;
    cursor: pointer;
    background:#eee;
}
.apply-form .option a{
    display:inline-block;
    width:80px;
    height:30px;
    line-height:30px;
    text-align: center;
    vertical-align: middle;
    background:#eee;
}
.apply-form .option button:hover,
.apply-form .option a:hover{
    background:rgb(221, 221, 221);
}

/*------------------------ order-deatil ------------------- */
.order-room{
    margin-top:50px;
    text-align: center;
}
.order-detail-table{
    width:100%;
    margin-top:10px;
    border:1px solid #e8eaec;
    border-collapse: collapse;
}
.order-detail-table td,
.order-detail-table th{
    border:1px solid #e8eaec;
    height:40px;
    text-align: center;
}
.order-detail-table th{
    width:250px;
}
.order-detail .option{
    margin-top:20px;
    text-align: center;
}
.order-detail .option a{
    color:#64aae8;
}
.order-detail .option a:hover{
    color:#008;
    text-decoration: underline;
}
@media screen and (max-width:520px){
    .order .order-table{
        font-size: 14px;
    }
    .order .order-table .sw {
        min-width: 38px;
    }
    .order .order-table th {
        font-size: 12px;
    }
}
/* -----------------申请详情--------------------- */
.apply_detail .state{
    margin-top:30px;
}
.apply_detail .state a{
    margin-left:10px;
    font-weight: 600;
    color:#000;
    text-decoration: underline;
    font-family: "Microsoft YaHei","宋体";
    font-size:14px;
}
.apply_detail .state a:hover{
    color:#008;
}
.apply_detail table{
    width:100%;
    margin-top:30px;
    border:1px solid #e8eaec;
    border-collapse: collapse;
}
.apply_detail table th,
.apply_detail table td{
    border:1px solid #e8eaec;
}
.apply_detail table th{
    height:30px;
    background:#f5f5f5;
}
.apply_detail table td{
    height:40px;
    text-align: center;
    color:#666;
}
.apply_detail table .hf td{
    color:#666;
    height:30px;
    text-align: center;
    background:#e8e6e5;
}

.main-container .main{
	
	max-width: 1800px;
}
/* -----------------弹框--------------------- */
.alert {
  /* 弹框*/
  width: 2.79rem;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 10px;
  position: absolute;
  left: 109%;
  top:0;
  padding: 0.22rem 0.25rem 0.32rem;
  box-sizing: border-box;
  z-index: 1;
  display:none;
}
.order .order-table #day_verify:hover .alert,
.order .order-table #day_used:hover .alert {
  display:block;
} 

.alert:before {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 30px;
  left: -16px;
  padding: 0;
  border: 8px solid transparent;
  border-color: transparent #fff transparent transparent  ;
  content: '';
  z-index: 12;
}

.alert:after {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 29px;
  left: -18px;
  padding: 0;
  border: 9px solid transparent;
  border-color: transparent #ececec transparent  transparent ;
  content: '';
  z-index: 10
}


.order .order-table td:nth-of-type(6) .alert,
.order .order-table td:nth-of-type(7) .alert{
    right: 109%;
    left: auto;
}
.order .order-table td:nth-of-type(6)  .alert:before,
.order .order-table td:nth-of-type(7)  .alert:before {
  left: auto;
  right: -16px;
  border-color: transparent  transparent transparent #fff;
}

.order .order-table td:nth-of-type(6) .alert:after,
 .order .order-table td:nth-of-type(7) .alert:after{
  right: -18px;
  left: auto;
  border-color: transparent transparent  transparent #ececec ;
}


.alert ul li {
  font-size: 16px;
  line-height: 34px;
}
.alert ul li dt {
  float: left;
}
.alert ul li:nth-child(-n+3) dt {
  width: 80px;
}
.alert ul li dd {
 text-align: left;
}
.alert ul li:nth-child(-n+3) dd {
  padding-left: 82px;
}
@media screen and (max-width: 1400px) {
  .alert {
    width: 250px;
  }
}
@media screen and (max-width: 750px) {
  .alert {
    display: none;
  }
  /*wang update 20230823  鼠标移入--显示预约详情 start */
  .mouseover{
    display:none;
  }
    .title-text{
        display:-webkit-box;
    }
/*wang update 20230823  鼠标移入--显示预约详情 end */
}

/*wang update 20230823  鼠标移入--显示预约详情 start */
.mouseover{
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display:none;
}

/*.order .order-table #day_verify:hover .title-text,*/
/*.order .order-table #day_used:hover .title-text {*/
/*    display: none;*/
/*} */
/*.order .order-table #day_verify:hover .mouseover,*/
/*.order .order-table #day_used:hover .mouseover {*/
/*    display: -webkit-box;*/
/*} */

/*wang update 20230823  鼠标移入--显示预约详情 end */

/*wang update 20230823  鼠标经过 出现会议室详情 start */
.huiyidiv {
    /* position: relative; */
    width: 2.05rem;
      /* wang update 20230825 修改会议选项开宽度 */
    /* width: 1.05rem; */
    float: left;
    margin-right: 0.25rem;
    margin-bottom: 10px;
}
.huiyixq {
    height: 100%;
    /*display:none;*/
}

.roomAlert {
    /* 弹框*/
    position: relative;
    width:100%;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 10px;
    /* left: -239%; */
    /* margin-left: -113%;
    margin-top: 32%; */
    /*margin-left: 9%;*/
    /*margin-top: 4%;*/
    padding: 0.22rem 0.25rem 0.22rem;
    box-sizing: border-box;
    z-index: 1;
    
        -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .huiyi .clearfix .huiyidiv:hover .roomAlert,
  .huiyi .clearfix .huiyidiv:hover .roomAlert {
    display:block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  } 

  /*.roomAlert:before {*/
  /*  width: 0px;*/
  /*  height: 0px;*/
  /*  position: absolute;*/
  /*  top: 30px;*/
  /*  left: -16px;*/
  /*  padding: 0;*/
  /*  border: 8px solid transparent;*/
  /*  border-color: transparent #fff transparent transparent  ;*/
  /*  content: '';*/
  /*  z-index: 12;*/
  /*}*/
  
  /*.roomAlert:after {*/
  /*  width: 0px;*/
  /*  height: 0px;*/
  /*  position: absolute;*/
  /*  top: 29px;*/
  /*  left: -18px;*/
  /*  padding: 0;*/
  /*  border: 9px solid transparent;*/
  /*  border-color: transparent #ececec transparent  transparent ;*/
  /*  content: '';*/
  /*  z-index: 10*/
  /*}*/


  .roomAlert span {
    font-size: 14px;
    line-height:22px;
  }
  .roomAlert span dt {
    float: left;
  }
  .roomAlert span dt {
    width: 80px;
  }
  .roomAlert span dd {
   text-align: left;
  }
  .roomAlert span dd {
    /*padding-left: 82px;*/
  }


  .huiyi  .clearfix .huiyidiv  .roomAlert,
  .huiyi  .clearfix .huiyidiv  .roomAlert{
      right:10px;
      left: 52px;
  }

  .huiyi  .clearfix  .huiyidiv .roomAlert:before,
  .huiyi  .clearfix  .huiyidiv  .roomAlert:before {
    left: auto;
    right: -16px;
    border-color: transparent  transparent transparent #fff;
  }
  
  .huiyi .clearfix .huiyidiv .roomAlert:after,
  .huiyi  .clearfix .huiyidiv   .roomAlert:after{
    right: -18px;
    left: auto;
    border-color: transparent transparent  transparent #ececec ;
  }
  /*wang update 20230823  鼠标经过 出现会议室详情 end */