body{
    background-color: #1A1A1A;
    padding: 0px;
    margin: 0px;
}
ul,li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.clear{
    clear: both;
}
.hi20{
    height: 20px;
}
.maintopdiv{
    width: 99%;
    margin: 10px auto;
    border-radius: 15px;
    font-size: 30px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #F3F4F6;
    background-color: #1F2937;
}
.maindiv{
    width: 100%;
    min-width: 1440px;
}
.leftdiv{
    width: 75%;
    float: left;
}
.leftdiv-img{
    width: 50%;
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;
    padding: 10px 0px;
}
.leftdiv-img img{
    width: 96%;
}
video {
    width: 96%;
    height: auto;
    object-fit: cover;
    background: #000;
}
.videotext{
    color: #F3F4F6;
    width: 96%;
    margin: 0px auto;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    background-color: #1F2937;
    border-radius: 15px 15px 0px 0px;
    border-bottom: 1px #999999 solid;
}
.rightdiv{
    width: 25%;
    float: left;
}
.topdiv,.bottomdiv{
    background-color: #1F2937;
    width: 92%;
    color: #F3F4F6;
    border-radius: 15px;
    padding: 15px;
    margin-top: 10px;

}
.topdivtitle{
    font-size: 20px;
}
.listthdiv{
    height: 60px;
    line-height: 60px;
}
.listname-code{
    float: left;
    width: 28%;
    font-size: 18px;
    text-align: left;
}
.listdata{
    clear: both;
    border-bottom: #374151 1px solid;
    height: 42px;
}
.listdata li{
    float: left;
    margin-bottom: 8px;
    margin-top: 8px;
}
.code{
    float: left;
    width: 28%;
    font-size: 16px;
    text-align: left;
    height: 25px;
    line-height: 25px;
}
.listname-time{
    float: left;
    font-size: 18px;
    width: 32%;
}
.time{
    float: left;
    font-size: 16px;
    width: 32%;
    height: 25px;
    line-height: 25px;
    color: #d7d8d9;
}
.listname-shichang{
    float: left;
    font-size: 18px;
    width: 22%;
}
.shichang{
    float: left;
    font-size: 16px;
    width: 22%;
}
.listname-sate{
    float: left;
    font-size: 18px;
    width: 13%;

}
.carstate{
    background-color: #CA8A04;
    border-radius: 20px;
    font-size: 14px;
    padding: 5px 10px;
    height: 16px;
    line-height: 16px;
}
.carstate-0{
    background-color: #16A34A;
    border-radius: 20px;
    font-size: 14px;
    padding: 5px 10px;
    height: 16px;
    line-height: 16px;
}
.carstate-1{
    background-color: #2563EB;
    border-radius: 20px;
    font-size: 14px;
    padding: 5px 10px;
    height: 16px;
    line-height: 16px;
}

/* Layui样式覆盖 */
.layui-form-label {
    color: #F3F4F6;
    width: auto;
}

.layui-input, .layui-select, .layui-textarea {
    background-color: #374151;
    border: 1px solid #4B5563;
    color: #F3F4F6;
}

.layui-form-select dl {
    background-color: #374151;
    border: 1px solid #4B5563;
}

.layui-form-select dl dd, .layui-form-select dl dt {
    color: #F3F4F6;
}

.layui-form-select dl dd.layui-this {
    background-color: #1E40AF;
}

.layui-btn {
    background-color: #2563EB;
}

#page {
    text-align: center;
    margin-top: 15px;
}

.layui-laypage a, .layui-laypage span {
    color: #F3F4F6;
}

.layui-laypage a:hover {
    color: #2563EB;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #2563EB;
}