.detail{
    margin-top: 0.24rem;
    padding: 0.2rem;
    border-radius: 0.04rem;
}

.detail .conbox{
    padding: 0.28rem 0.37rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.detail .thum{
    width: 3.77rem;
    height: 2.78rem;
    margin-right: 0.5rem;
}

.detail .thum img{
    width: 100%;
    object-fit: cover;
}

.detail .name{
    font-size: 0.3rem;
    color: #333333;
    margin-bottom: 0.15rem;
}

.detail .text p{
    color: #666;
    line-height: 0.28rem;
}

.detail .text p:last-child{
    margin-bottom: 0;
}

.detail .text .tag{
    padding: 0.05rem 0.1rem;
    border-radius: 0.04rem;
    font-size: 0.14rem;
    color: #FEFEFE;
    text-align: center;
    width: fit-content;
    width: -moz-fit-content;
    border: none;
}

.detail .text .blu{
    background-color: #1C7CDF;
}

.detail .text .blul{
    background-color: #08B1F7;
}

.detail .text .org{
    background-color: #FF7300;
}


.detail .option .colbox{
    border: 1px solid #FF7300;
    border-radius: 4px;
    padding: 0.08rem;
    width: fit-content;
    width: -moz-fit-content;;
    cursor: pointer;
}

.detail .option .colbox p{
    margin-left: 3px;
    font-size: 0.14rem;
    color: #FF7300;
}

.detail .option .colbox .icon_no{
    display: inherit;
}
.detail .option .colbox .icon_yes{
    display: none;
}

.detail .option .colyes .icon_no{
    display: none;
}

.detail .option .colyes .icon_yes{
    display: inherit;
}

.detail .option .ordbtn{
    display: block;
    width: 0.84rem;
    height: 0.36rem;
    background: #08B1F7;
    border-radius: 0.04rem;
    font-size: 0.16rem;
    color: #FEFEFE;
    text-align: center;
    line-height: .36rem;
    margin-left: 0.2rem;
}

.detail .option .mapbtn{
    display: block;
    width: 0.84rem;
    height: 0.36rem;
    background: #28a549;
    border-radius: 0.04rem;
    font-size: 0.16rem;
    color: #FEFEFE;
    text-align: center;
    line-height: .36rem;
    margin-left: 0.2rem;
}

.layui-tab{
    margin-top: 0.2rem;
    margin-bottom: .6rem;
    padding: 0.2rem 0.6rem;
}

.layui-tab .layui-tab-title li{
    /* border-left: 1px solid #666; */
    line-height: 0.26rem;
    font-size: 0.16rem;
    color: #666;
    padding: 0 0.4rem;
    height: 0.26rem;
}

.layui-tab .layui-tab-title li::after{
    content: '';
    width: 1px;
    height: 0.18rem;
    background: #666666;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.layui-tab .layui-tab-title li:last-child::after{
    width: 0;
}

.layui-tab .layui-tab-title li:first-child{
    padding-left: 0;
}

.layui-tab .layui-tab-title {
    height: fit-content;
    height: -moz-fit-content;;
}

.layui-tab .layui-tab-title .layui-this{
    font-size: 0.2rem;
    color: #1C7CDF;
}

.layui-tab .layui-table{
    max-width: 9.14rem;
}

.layui-tab .layui-table a{
    color: #1C7CDF;
}

.layui-tab  .centh th{
    color: #333;
}

.layui-tab  .centh th, 
.layui-tab  .centh td{
    text-align: center;
}

.layui-tab .layui-table .lefth td{
    text-align: left;
}

.layui-tab .layui-table thead tr{
    background-color: #f5f5f5;
}

.layui-tab .lefth th{
    background-color: #F5F5F5;
    text-align: right;
    width: 1.78rem;
    color: #333;
}

.layui-tab .statrow{
    margin-bottom: 0.3rem;
}

.layui-tab .statrow .item{
    margin-right: 0.6rem;
}

.layui-tab .statrow .item span{
    font-size: 0.16rem;
    color: #333333;
}

.layui-tab .statrow .item .block{
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.1rem;
}
.gre1{
    background: #B9B973;
}
.gre2{
    background: #008000;
}
.gre3{
    background: #66CC9A;
}
.red{
    background: #FF3300;
}
.yel{
    background: #EDEE33;
}


.layui-tab .timetable{
    min-height: 2.5rem;
}


.fc button{
    line-height: inherit;
}

.state.state-offline,
.state.state-fault{
    background: #666666;
}

.detail .thum img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}