.banner-con{width:100%;height:300px;background:url("../../assets/img/bannerO.jpg")no-repeat center;background-size:cover;position: absolute;top:80px;}
.position{transform: translateY(72px);margin-bottom:72px;}
.bg-white{background:#ffffff;padding:20px;}
.flex-con{display: flex;align-items: flex-end;}
.flex-con .item-title{font-size: 14px;font-weight: 400;color: #333333;}
.flex-con .flex-item{margin-right:20px;}
.flex-con .flex-item:last-child{margin-right:0px;}
.flex-con .flex-item .item-title{font-size: 14px;font-weight: 400;color: #333333;margin-bottom:20px;}
.flex-con .flex-item .input-con{height: 60px;background: #F7F7F7;border-left:3px solid #481869;}
.flex-con .flex-item .input-con input{background:transparent;width: 100%;height:100%;padding-left:23px;}
.flex-con .flex-item .input-con .time-select{background:transparent;border:none;width: 100%;height:100%;padding-left:23px;}
.title-container{height: 60px;background: #ECECEC;padding:0 20px;font-size: 16px;font-weight: bold;color: #481869;line-height: 57px;}
.title-container .title{border-bottom:3px solid #481869;width: max-content}
.table-header{height: 53px;background: #f6f6f6;margin:0;padding:0 20px;height:53px;line-height: 53px;font-size: 14px;font-weight: bold;color: #333333;}
.table-body:first-child{padding-top:0;}
.table-body{font-size: 14px;font-weight: 400;color: #333333;margin:0;display: flex;align-items: center;padding: 20px 0;border-bottom: 1px solid #D5D5D5;}
.table-body li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.table-body li .signUp{width: 58px;height: 26px;background: #B91425;border-radius: 4px;font-weight: 400;color: #FFFFFF;}
.width-one{width:311px;}
.width-two{width:234px;}
.width-three{width:210px;}
.search{width: 210px;height: 60px;background: #B91425;color:#ffffff;font-size: 16px;font-weight: bold;}
ul{padding-left:0;overflow: hidden;}
.one-width{width:5%;}
.two-width{width:30%}
.three-width{width:30%;}
.four-width{width:10%}
.five-width{width:15%}
.six-width{width: 10%}
.pagination>li>a, .pagination>li>span{margin:0 4px;border-radius: 2px;font-size: 14px;font-weight: 400;color: #666666;}
.page-active{background:#481869 !important;color:#fff !important;}
.to-right{margin-left:10px;}
.icon-time{}
ul li{
    list-style-type: none;
    float:left;
}
.layui-laydate-content td.laydate-selected{background-color: #48186933 !important;}
@media (max-width:1000px) {
    .width-one{width:180px;}
}
@media (max-width:700px) {
    .width-one{width:50%;}
    .width-two{width:50%;}
    .width-three{width:50%;}
    .search{width:100%;}
}
@media (max-width:675px) {
    .bg-white:first-child{display: none;}
    .one-width{display: none;}
    .four-width{display: none;}
    .five-width{width: 25%}
    .six-width{width: 15%;}
    .table-body li .signUp{width:40px;height:22px;font-size: 12px;}
}