table tr:nth-child(even){
    background: #fafafa;        /*表格颜色的隔行显示*/
}
table th{
    background: #efefef;        /*表头颜色*/
}

.demo-gallery > ul {
    margin-bottom: 0;
    margin-left: 2px;
    margin-top: 3px;
}
.demo-gallery > ul > li {
    list-style-type:none;
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 200px;
}
.demo-gallery > ul > li a {
    border: 3px solid #eee;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
}
.demo-gallery > ul > li a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}
.demo-gallery > ul > li a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
    opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
    opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}
.demo-gallery.dark > ul > li a {
    border: 3px solid #04070a;
}
.home .demo-gallery {
    padding-bottom: 80px;
}

.reportbg {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    padding: 5em 5em;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0,0,0, .6);
    top: 1em;
    left: 5em;
    right: 5em;
    bottom: 0;
    width: 980px;
    background: #fff;
}

.deleteButton{
    position: absolute;
    border-width: 0px;
    z-index: 888;
    width:30px;
    height:30px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0.6;
    background:url(../img/close.png) no-repeat;
}
.deleteButton:hover {
    opacity: 1;
}

.contact-card-container {float: left; position: relative;}
.contact-card {width: 300px; height: 210px; float: left; margin: 5px 0px 15px 15px; background-color: #f9f9f9; border: 2px solid #efefef; border-radius: 2px;text-align: left; position: relative;overflow: hidden;}
.contact-card .left {float:left; width:100px; height:100px; overflow: hidden; position: absolute;}
.contact-card .right {float:right; width:200px; height:100px; left:100px; top:0px; overflow: hidden; position: absolute;}
.contact-card .top {float:left; width:300px; height:100px; left:0px; top:0px; overflow: hidden; position: absolute;}
.contact-card .content {font-size: 14px; font-weight: 400;left:0px; top:100px; width:300px; height:110px; overflow: hidden; position: absolute; padding: 0px 10px 0px 10px;}
.contact-photo img {width: 80px; height: 80px; object-fit: cover; margin: 10px; border: 2px solid #ffffff; border-radius: 4px; transition: 0.3s;}
.contact-card:hover {border: 2px solid #1abc9c; transition: 0.3s;}
.contact-card label {line-height: 30px;}
.contact-card .name {font-size: 18px; font-weight: 600; padding: 20px 0px 0px 10px; cursor: pointer}
.contact-card .title {font-size: 15px; font-weight: 400;}
.contact-card .mobile {font-size: 17px; font-weight: 400; padding: 0px 10px 0px 10px; }
.contact-card .dl-horizontal dt {
    float: left;
    width: 50px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.contact-card .dl-horizontal dd {
    margin-left: 52px;
}

.contact-photo-container {width: 200px; height: 280px; float: right; margin: 10px;  position: relative;}
.contact-photo-img {width: 200px; height: 200px; object-fit: cover; border: 2px solid #eeeeee; border-radius: 6px; transition: 0.3s;}
.contact-photo-img:hover {border: 2px solid #1abc9c; transition: 0.3s;}
.contact-photo-container .btn {width:196px; left:0px; bottom:0px; position: relative; margin: 2px 2px 0px 2px;}

.idcard-photo-bg {width: 430px; margin: 5px 0px 0px 0px;  position: relative;}
.idcard-photo-container {width: 200px; margin: 5px 10px 0px 0px; float: left; position: relative;}
.idcard-photo {width: 200px; height: 128px; object-fit: cover; border: 2px solid #eeeeee; border-radius: 6px; transition: 0.3s;}
.idcard-photo:hover {border: 2px solid #1abc9c; transition: 0.3s;}
.idcard-photo-container .btn {width:196px; left:0px; bottom:0px; position: relative; margin: 2px 2px 0px 2px;}

.item-picture-bg {margin: 5px 0px 0px 0px; }
.item-picture-container {width: 160px; height: 174px; margin: 5px 10px 0px 0px; float: left; position: relative;}
.item-picture-container .item-picture {width: 160px; height: 128px; object-fit: cover; border: 2px solid #eeeeee; border-radius: 6px; transition: 0.3s;position: absolute;}
.item-picture-container .item-picture:hover {border: 2px solid #1abc9c; transition: 0.3s;}
.item-picture-container .title {top:99px;left:2px;width:156px;height:27px;text-align: center; vertical-align: center; background-color: #0D0A0A; opacity: 0.6; color: white; border-radius: 0px 0px 5px 5px; font-size: small;position: absolute;}
.item-picture-container .btn {width:156px; left:0px; top:126px; position: relative; margin: 2px 2px 0px 2px;}

.worker-bg {margin: 0px 0px 0px 14px;}
.worker-container {width: 130px; height: 120px; margin: 5px 10px 20px 0px; float: left; position: relative;}
.worker-container .worker-picture {width: 120px; height: 120px; object-fit: cover; border: 2px solid #eeeeee; border-radius: 6px; transition: 0.3s;position: absolute;}
.worker-container .worker-picture:hover {border: 2px solid #1abc9c; transition: 0.3s;}
.worker-container .title {top:93px;left:2px;width:116px;height:27px;text-align: center; vertical-align: center; background-color: #0D0A0A; opacity: 0.8; color: white; border-radius: 0px 0px 5px 5px; font-size: medium;position: absolute;}
.worker-container .name {cursor: pointer; color: white;margin: -3px 0px 0px 0px;}

.tank {position: absolute;margin:0px;padding:0px;border: 2px solid black;transition: 0.3s;}
.tank_percent {margin:-2px;padding:0px;border: 2px solid black;background-color: deepskyblue}
.tank label {text-align: center; vertical-align: center; font-size: 12px; font-weight:bold; position: absolute;white-space: nowrap;overflow:hidden;}
.tank_sel {margin:-2px;padding:2px;cursor:pointer;border: 4px solid transparent;transition: 0.3s;position: absolute;}
.tank_sel.focus {border: 4px solid red; transition: 0.3s;}
.tank_btn {margin:-2px;padding:2px;cursor:pointer;border: 4px solid transparent;transition: 0.3s;position: absolute;}
.tank_btn:hover {border: 4px solid magenta; transition: 0.3s;}