/* 医废追溯 */
.hos-timeline{padding: 20px 20px;}
.hos-timeline .layui-text h3{font-size: 16px; color: #222;}
.hos-timeline-list{display: flex; display: -webkit-flex; flex-direction: column; border: 1px solid #e5e5e5; border-radius: 3px; padding: 15px 20px;}
.hos-timeline-list .tl-list{display: flex; display: -webkit-flex; margin-bottom: 10px;}
.hos-timeline-list .tl-list:last-child{margin-bottom: 0;}
.tl-list .tl-list-item{flex: 1; display: flex; display: -webkit-flex; align-items: center;}
.tl-list .tl-list-item .name{font-size: 14px; color: #777;}
.tl-list .tl-list-item .desc{font-size: 14px; color: #333;}
.tl-list .tl-list-item .status1{color: #32CD32;}
.tl-list .tl-list-item .status2{color: #f00;}

/* 首页概览 */
@media screen and (max-width: 1400px) {
    .idx-title{display: flex; display: -webkit-flex; justify-content: space-between; padding: 0 20px; height: 40px;}
    .idx-title-left{display: flex; display: -webkit-flex; align-items: center;}
    .idx-title-left span{display: inline-block; padding-left: 10px; border-left: 5px solid #31ACF2; font-size: 16px; font-weight: 500; color: #333;}
    .idx-title-right{display: flex; display: -webkit-flex; align-items: center;}
    .idx-title-right2{display: flex; display: -webkit-flex; align-items: center;}
    .idx-title-right form{display: flex; display: -webkit-flex; align-items: center;}
    .idx-title-right form .layui-form-select{margin-right: 15px;}
    .idx-title-right form .layui-form-select .layui-input{height: 28px; line-height: 28px; width: 120px; font-size: 12px;}
    .idx-title-right .layui-input{height: 28px; line-height: 28px; font-size: 12px;}
    .idx-title-right a{display: inline-block; width: 40px; margin-left: 10px; font-size: 12px; color: #2B7DF7; text-align: center;}
    .idx-4, .idx-5, .idx-6{background: #fff; border-radius: 3px; height: 400px;}
    .idx-4-list, .idx-5-list, .idx-6-list{width: 100%; height: 360px;}
    .idx-4-list{display: flex; display: -webkit-flex; flex-direction: column;}
    .idx-4-list-up{display: flex; display: -webkit-flex; justify-content: space-around; padding: 10px 0;}
    .idx-4-up-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;}
    .idx-4-up-item .num{font-size: 32px; font-weight: 500; color: #333; margin-bottom: 5px;}
    .idx-4-up-item .name{font-size: 14px; color: #999;}
    .idx-4-list-down table{border-bottom: 0 !important;}
    .idx-4-list-down tr th{padding: 5px 0; text-align: center;}
    .idx-4-list-down tr td{padding: 10px 0; text-align: center;}
    .idx-4-list-down tr td .action{color: #2B7DF7; border: 1px solid #2B7DF7; height: 24px; line-height: 24px; padding: 0 12px;}
    .idx-4-list-down tr td .action:hover{background: #2B7DF7; color: #fff;}
    .idx-2{background: #fff; border-radius: 3px; height: 260px;}
    .idx-2-list{display: flex; display: -webkit-flex; flex-wrap: wrap; padding: 40px 0 0;}
    .idx-2-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;
        width: 50%; margin-bottom: 20px;}
    .idx-2-item .name{font-size: 14px; color: #555; margin-bottom: 10px;}
    .idx-2-item .num{font-size: 28px; color: #333; font-weight: 500;}
    .idx-1{height: 120px; display: flex; display: -webkit-flex; justify-content: space-between;}
    .idx-1-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100px; height: 100px; background: #fff; border-radius: 3px;}
    .idx-1-item img{width: 32px; height: 32px; margin-bottom: 5px;}
    .idx-1-item span{font-size: 14px; font-weight: 400; color: #333;}
}
@media screen and (min-width: 1400px) {
    .idx-title{display: flex; display: -webkit-flex; justify-content: space-between; padding: 0 20px; height: 40px;}
    .idx-title-left{display: flex; display: -webkit-flex; align-items: center;}
    .idx-title-left span{display: inline-block; padding-left: 10px; border-left: 5px solid #31ACF2; font-size: 16px; font-weight: 500; color: #333;}
    .idx-title-right{display: flex; display: -webkit-flex; align-items: center;}
    .idx-title-right2{display: flex; display: -webkit-flex; align-items: center;}
    .idx-title-right form{display: flex; display: -webkit-flex; align-items: center;}
    .idx-title-right form .layui-form-select{margin-right: 15px;}
    .idx-title-right form .layui-form-select .layui-input{height: 28px; line-height: 28px; width: 120px; font-size: 12px;}
    .idx-title-right .layui-input{height: 28px; line-height: 28px; font-size: 12px;}
    .idx-title-right a{display: inline-block; width: 40px; margin-left: 10px; font-size: 12px; color: #2B7DF7; text-align: center;}
    .idx-4, .idx-5, .idx-6{background: #fff; border-radius: 3px; height: 400px;}
    .idx-4-list, .idx-5-list, .idx-6-list{width: 100%; height: 360px;}
    .idx-4-list{display: flex; display: -webkit-flex; flex-direction: column;}
    .idx-4-list-up{display: flex; display: -webkit-flex; justify-content: space-around; padding: 10px 0;}
    .idx-4-up-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;}
    .idx-4-up-item .num{font-size: 24px; font-weight: 500; color: #333; margin-bottom: 5px;}
    .idx-4-up-item .name{font-size: 14px; color: #999;}
    .idx-4-list-down table{border-bottom: 0 !important;}
    .idx-4-list-down tr th{padding: 5px 0; text-align: center;}
    .idx-4-list-down tr td{padding: 10px 0; text-align: center;}
    .idx-4-list-down tr td .action{color: #2B7DF7; border: 1px solid #2B7DF7; height: 24px; line-height: 24px; padding: 0 12px;}
    .idx-4-list-down tr td .action:hover{background: #2B7DF7; color: #fff;}
    .idx-2{background: #fff; border-radius: 3px; height: 260px;}
    .idx-2-list{display: flex; display: -webkit-flex; flex-wrap: wrap; padding: 40px 0 0;}
    .idx-2-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;
        width: 50%; margin-bottom: 20px;}
    .idx-2-item .name{font-size: 14px; color: #555; margin-bottom: 10px;}
    .idx-2-item .num{font-size: 28px; color: #333; font-weight: 500;}
    .idx-1{height: 120px; display: flex; display: -webkit-flex; justify-content: center;}
    .idx-1-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;
        width: 120px; height: 120px; background: #fff; border-radius: 3px; margin: 0 15px;}
    .idx-1-item img{width: 36px; height: 36px; margin-bottom: 5px;}
    .idx-1-item span{font-size: 18px; font-weight: 400; color: #333;}
}

/* 登录页面 */
body.signin2{height: 100%; position: relative;}
.signin2 .title{position: absolute; top: 5%; left: 50%; margin-left: -300px; width: 600px;
    text-align: center; font-size: 50px; font-weight: 700; color: #fff; letter-spacing: 5px;}
.signin2 .signinpanel{position: absolute; top: 25%; right: 10%;}
.signinpanel form{border: 0; background: rgba(255, 255, 255, .3); padding: 30px 40px 40px; border-radius: 5px;}
.signinpanel form h4{margin-bottom: 40px !important; text-align: center; font-size: 30px;}
.signinpanel .uname{background: url(../img/user2.png) no-repeat 10px center; margin-top: 0;
    border: 0; border-bottom: 1px solid #fff; background-size: 20px;}
.signinpanel .pword{background: url(../img/locked2.png) no-repeat 10px center; margin-top: 30px;
    border: 0; border-bottom: 1px solid #fff; background-size: 20px;}
.signinpanel form>input{padding: 0 40px; color: #fff; font-size: 16px; font-weight: 600;}
.signinpanel form>input:focus{border-color: #fff !important;}
.signinpanel form>input::-webkit-input-placeholder {color: #fff; font-size: 16px; font-weight: 600;}
.signinpanel form>input::-moz-placeholder {color: #fff; font-size: 16px; font-weight: 600;}
.signinpanel form>input::-ms-input-placeholder {color: #fff; font-size: 16px; font-weight: 600;}
.signinpanel form .checkbox-custom{margin-top: 10px; margin-bottom: 0;}
.signinpanel form .checkbox-custom label{font-size: 13px; font-weight: 500;}
.signinpanel .btn{margin-top: 40px; color: #008CED; border: 0; background: #fff; padding: 0; letter-spacing: 3px;
    height: 40px; line-height: 40px; border-radius: 20px; font-size: 16px; font-weight: 600;}
.signinpanel .btn:hover{background: #f5f5f5; color: #1c84c6;}
/* 滑块验证 */
.login-validation{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background: rgba(0,0,0, .3);
    display: flex; justify-content: center; align-items: center;}
.login-validation .slidercaptcha{background: #fff; border: 1px solid #e4e7eb; position: relative; height: 295px;
    border-radius: 2px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.login-validation .slidercaptcha .card-header{padding: 10px 15px; background: #fff; font-size: 16px; color: #777;
    border-bottom: 1px solid #e5e5e5;}
.login-validation .slidercaptcha .card-body{padding: 15px;}
.login-validation .slidercaptcha canvas:first-child{border-radius: 4px; border: 1px solid #e6e8eb; margin-bottom: 15px;}
.login-validation .slidercaptcha .refreshIcon{margin: 0; top: 7px; right: 7px; font-size: 20px; color: rgba(255,255,255, .8);}
.login-validation .slidercaptcha .close-window{position: absolute; top: 10px; right: 15px; font-size: 16px; color: #000; cursor: pointer;}
/* 库存记录 */
.recycle-top{display: flex; display: -webkit-flex; justify-content: space-between; margin-bottom: 30px;}
.recycle-top-left{display: flex; display: -webkit-flex; align-items: center;}
.recycle-top-left span{font-size: 14px; color: #555; margin-right: 20px;}
.recycle-top-right{display: flex; display: -webkit-flex;}
.recycle-top-right-item{display: flex; display: -webkit-flex; align-items: center; margin-right: 15px;}
.recycle-top-right-item .status{display: inline-block; width: 25px; height: 15px; border-radius: 3px; margin-right: 5px;}
.recycle-top-right-item .status1{background: #1CC69F;}
.recycle-top-right-item .status2{background: #F8AC59;}
.recycle-top-right-item .status3{background: #F24954;}
.recycle-top-right-item .name{font-size: 14px; color: #888;}
.recycle-list{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.recycle-list-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;
    margin: 0 40px 40px 0; cursor: pointer;}
.recycle-list-item-img{position: relative; margin-bottom: 10px;}
.recycle-list-item-img img{width: 100px; height: 125px;}
.recycle-list-item-img .num{display: inline-block; width: 80px; text-align: center; font-size: 12px; color: #fff;}
.recycle-list-item-img .num1{position: absolute; top: 40%; left: 50%; margin-left: -40px;}
.recycle-list-item-img .num2{position: absolute; top: 55%; left: 50%; margin-left: -40px;}
.recycle-list-item .title{font-size: 14px; color: #555; margin-bottom: 5px; width: 120px;
    display: inline-block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.recycle-list-item .time{font-size: 12px; color: #999;}
/* 箱详情 */
.recycle-bin{padding: 20px;}
.recycle-bin-top{display: flex; display: -webkit-flex; align-items: center; margin-bottom: 30px;}
.recycle-bin-top-item{margin-right: 30px;}
.recycle-bin-top-item .title{font-size: 14px; color: #777;}
.recycle-bin-top-item .num{font-size: 14px; color: #333;}
.recycle-bin-content table{width: 100%; border-bottom: 0 !important;}
.recycle-bin-content table tr:hover{background: #f5f5f5;}
.recycle-bin-content table tr th{text-align: center;}
.recycle-bin-content table tr td{text-align: center; padding: 10px 0;}
.recycle-bin-content .status1{color: #1CC69F;}
.recycle-bin-content .status2{color: #F8AC59;}

/* 云中转箱统计 */
.recycle-data-top{display: flex; display: -webkit-flex; justify-content: space-between; margin-bottom: 30px;}
.recycle-data-top-left{display: flex; display: -webkit-flex; align-items: center;}
.recycle-data-top-left span{font-size: 14px; color: #555; margin-right: 20px;}
.recycle-data-top-right{display: flex; display: -webkit-flex;}
.recycle-data-top-right-item{display: flex; display: -webkit-flex; align-items: center; margin-right: 15px;}
.recycle-data-top-right-item .status{display: inline-block; width: 25px; height: 15px; border-radius: 3px; margin-right: 5px;}
.recycle-data-top-right-item .status1{background: #1CC69F;}
.recycle-data-top-right-item .status2{background: #F8AC59;}
.recycle-data-top-right-item .status3{background: #F24954;}
.recycle-data-top-right-item .name{font-size: 14px; color: #888;}
.recycle-data-list{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.recycle-data-list-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;
    margin: 0 40px 40px 0; cursor: pointer;}
.recycle-data-list-item-img{position: relative; margin-bottom: 10px;}
.recycle-data-list-item-img .name{position: absolute; left: 50%; top: 10px; margin-left: -40px;
    display: inline-block; width: 80px; text-align: center; font-size: 8px; font-weight: 500; color: #fff;height: 32px;overflow-y:auto;}
.recycle-data-list-item-img img{width: 100px; height: 155px;}
.recycle-data-list-item-img .num{display: inline-block; width: 80px; text-align: center; font-size: 12px; color: #fff;}
.recycle-data-list-item-img .num1{position: absolute; bottom: 55px; left: 50%; margin-left: -40px;}
.recycle-data-list-item-img .num2{position: absolute; bottom: 7px; left: 50%; margin-left: -40px;}
.recycle-data-list-item .title{font-size: 14px; color: #555; margin-bottom: 5px; width: 120px;
    display: inline-block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
/* 云中转箱详情 */
.recycle-data-detail .recycle-bin{padding: 10px;}
.recycle-data-detail .recycle-bin-top{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.recycle-data-detail .recycle-bin-top .recycle-bin-top-left{display: flex; display: -webkit-flex; align-items: center;}
.recycle-data-detail .recycle-bin-top .recycle-bin-top-right{display: flex; display: -webkit-flex; align-items: center;}
/* 摄像头管理 */
.video-device-manage-list{display: flex; flex-wrap: wrap;}
.video-device-manage-list-item{box-shadow: 0 0 20px #f7f7f7; margin-right: 2%; margin-bottom: 30px; width: 23.5%; position: relative;}
.video-device-manage-list .video-device-manage-list-item:nth-child(4n){margin-right: 0;}
.video-device-manage-list-item-up>img{width: 100%; height: 160px; display: flex; cursor: pointer;}
.video-device-manage-list-item-up2{display: flex; justify-content: center; align-items: center; height: 160px;}
.video-device-manage-list-item-up2>img{width: 110px; height: 110px; display: flex; cursor: pointer;}
.video-device-manage-list-item-down{padding: 15px 0 25px;}
.video-device-manage-list-item-down .item{display: flex; padding: 0 15px; margin-bottom: 15px;}
.video-device-manage-list-item-down .item .name{color: #B9B9CF; font-size: 14px; font-weight: 500; margin-right: 15px; white-space: nowrap;}
.video-device-manage-list-item-down .item .desc{color: #5A5A68; font-size: 14px; font-weight: 500;
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.video-device-manage-list-item-down .item .status1{color: #21D388;}
.video-device-manage-list-item-down .item .status2{color: #FF5A48;}
.video-device-manage-list-item-action{position: absolute; bottom: 10px; right: 15px; display: flex;}
.video-device-manage-list-item-action .set{display: flex; align-items: center; margin-right: 15px; cursor: pointer;}
.video-device-manage-list-item-action .set img{width: 18px; height: 18px; margin-right: 5px;}
.video-device-manage-list-item-action .set span{color: #B9B9CF; font-size: 12px;}
.video-device-manage-list-item-action .layui-form-select .layui-input{width: 100px; height: 28px; line-height: 28px; border: 1px solid #f5f5f5;
    color: #B9B9CF; font-size: 12px;}
.video-device-manage-list-item-action .layui-form-select dl dd.layui-this{background-color: #5C50F8;}

.bootstrap-table .table > thead > tr > th,
.bootstrap-table .table > tbody > tr > th,
.bootstrap-table .table > tfoot > tr > th,
.bootstrap-table .table > thead > tr > td,
.bootstrap-table .table > tbody > tr > td,
.bootstrap-table .table > tfoot > tr > td {
    border: 1px solid #d9d9d9 !important;
}