.list-item .list-item-div {
     *border: 1px solid #ddd;
     background: #fff;
     box-shadow: 5px 5px 8px rgb(50 60 70 / 8%);
     -webkit-box-shadow: 5px 5px 8px rgb(50 60 70 / 8%);
     -moz-box-shadow: 5px 5px 8px rgb(50 60 70 / 8%);
     border-radius: 10px;
 }

 .list-item .list-item-div .list-item-title {
     text-align: center;
     padding: 10px;
     border-bottom: 1px solid #ddd;
     background: linear-gradient(#ffffff, #f7f7f7);
 }

 .list-item .list-item-div .list-item-wrap {
     padding: 10px;
 }

 .list-item .list-item-div .list-item-wrap:after {
     content: '';
     display: block;
     visibility: hidden;
     clear: both;
 }

 .list-item:hover .list-item-div {
     border: 3px solid #dc3545;
     overflow: hidden;
 }

 .list-item:hover .list-item-div .list-item-title {
     margin: -3px;
     margin-bottom: 3px;
     overflow: hidden;
 }

 .list-item:hover .list-item-div .list-item-wrap {
     margin: -3px;
     overflow: hidden;
 }

 .img-wrap {
     box-shadow: 0px 2px 6px rgb(50 60 70 / 20%);
     -webkit-box-shadow: 0px 2px 6px rgb(50 60 70 / 20%);
     -moz-box-shadow: 0px 2px 6px rgb(50 60 70 / 20%);
     border-radius: 10px;
 }

 .img-wrap .img-hover-cover {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     color: #fff;
     text-align: center;
     font-size: 20px;
     font-weight: bold;
     z-index: 2;
 }

 .img-wrap .img-hover-cover>div {
     position: relative;
     height: 100%;
 }

 .img-wrap .img-hover-cover>div>span {
     position: absolute;
     width: 100%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .list-item-div.is_end .img-hover-cover {
     background-color: rgba(0, 0, 0, 0.8);
 }

 .list-safety-info {
     margin-top: 10px;
     /* border:1px solid #e8e9eb; border-radius:5px; overflow:hidden; */
 }

 .list-safety-info table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
 }

 .list-safety-info table tr th {
     width: 90px;
     text-align: center;
     border: 1px solid #333;
     border-bottom: 1px solid #424242;
     border-top: 0;
     background: #333;
     color: #fff;
     font-weight: normal;
     height: 34px;
     letter-spacing: -0.05rem;
 }

 .list-safety-info table tr td {
     width: calc(100% - 90px);
     word-break: break-all;
     height: 34px;
     overflow: hidden;
     text-align: center;
     border: 1px solid #e8e9eb;
     border-top: 0;
     background: #fff;
 }

 .list-safety-info table tr td.site_name {
     font-weight: bold;
     color: #555;
 }

 .list-safety-info table tr td.site_code {
     font-weight: bold;
     color: #e53339;
 }

 .list-safety-info table tbody tr:first-child th {
     border-top: 1px solid #333;
     *height: 35px;
     border-radius: 5px 0 0 0;
 }

 .list-safety-info table tbody tr:first-child td {
     border-top: 1px solid #e8e9eb;
     *height: 35px;
     border-radius: 0 5px 0 0;
 }

 .list-safety-info table tbody tr:last-child th {
     border-radius: 0 0 0 5px;
 }

 .list-safety-info table tbody tr:last-child td {
     border-radius: 0 0 5px 0;
 }

 .list-safety-item-btn-wrap {
     margin-top: 10px;
 }

 .list-safety-item-btn-wrap:after {
     content: '';
     display: block;
     visibility: hidden;
     clear: both;
 }

 .list-safety-item-btn-wrap a {
     float: left;
     width: calc((100% - 4px) / 2);
     border-radius: 5px;
     text-align: center;
     font-weight: bold;
     padding: 5px 0 3px;
     transition: background .15s;
 }

 .list-safety-item-btn-wrap a.btn_safety_view {
     border: 2px solid #333;
     color: #000;
     margin-right: 2px;
 }

 .list-safety-item-btn-wrap a.btn_safety_view:hover {
     background: #f5f5f5;
 }

 .list-safety-item-btn-wrap a.btn_safety_site {
     border: 2px solid #e53339;
     color: #e53339;
     margin-left: 2px;
 }

 .list-safety-item-btn-wrap a.btn_safety_site:hover {
     background: #f2f5ff;
 }

 .list-safety-item-btn-wrap a.btn_safety_site img {
     vertical-align: top;
     margin-top: 6px;
 }



 @media (max-width:575px) {
     .img-wrap {
         float: left;
         width: 38%;
         height: 92px;
         margin-right: 10px;
         padding-bottom: 0 !important;
     }

     .img-wrap .img-item {
         position: unset;
     }

     .img-wrap .img-item img {
         height: 100%;
     }

     .img-wrap .img-hover-cover {
         font-size: 18px;
     }

     .list-safety-info {
         float: left;
         width: calc(100% - 38% - 10px);
         margin-top: 0;
     }

     .list-safety-info table tr th {
         width: 42%;
     }

     .list-safety-info table tr th,
     .list-safety-info table tr td {
         font-size: 13px;
         padding: 0 3px;
         height: 29px;
     }

     .list-safety-info table tr td {
         padding-top: 2px;
     }

     .list-safety-info table tr td.site_name img {
         max-width: 15px;
     }

     .list-safety-info table tbody tr:first-child th,
     .list-safety-info table tbody tr:first-child td {
         *height: 30px;
     }

     .list-safety-item-btn-wrap {
         float: left;
         width: calc(100% - 38% - 10px);
         margin-top: 5px;
     }

     .list-safety-item-btn-wrap a {
         font-size: 13px;
         padding: 0;
         height: 29px;
         line-height: 28px;
     }

     .list-safety-item-btn-wrap a.btn_safety_site img {
         margin-top: 6px;
     }
 }