* {padding: 0;margin: 0;font-size: 13px;font-family: "微软雅黑";transition: all 0.3s ease;}
body {background-color: #f5f7fa;}
ul,ol {list-style-type: none;}
a {text-decoration: none;color: #000;}
a:hover {color:#06f}
.main {width: 1000px;margin: 0 auto;}
.header {height: 80px;display: flex;align-items: center;}
.logo {width: 200px;}
.menus {margin-left: auto;}
.menus ul {display: inline-block;overflow: hidden;}
.menus ul li {float: left;margin: 0 5px;}
.menus ul li a {display: inline-block;padding: 5px 10px;border-radius: 4px;}
.menus ul li a:hover {background-color: #fff;}
.menus ul li .on {background-color: #06f;color: #fff;}

.banner {background: #fff;border-radius: 4px;overflow: hidden;}
.banner img {display: block;}

.title {margin: 20px 0 10px 0;display: flex; align-items: center;}
.title b {padding: 10px;color: #000;}
.title span {display: inline-block;margin-left: auto;}
.title span a {padding: 5px 10px;border-radius: 4px;background-color: #fff;font-size: 12px;}

.title-list {border-radius: 4px;background: linear-gradient(135deg,#149fff,#0384ff);margin-bottom: 20px;padding: 20px;text-align: center;}
.title-list b {color: #fff;display: block;}
.title-list-spans {background:#1f5d93;display: inline-block;padding: 5px 15px;border-radius: 50px;margin-top: 10px;color: #f8f8f8;}

.item-found {display: flex;gap: 10px;flex-wrap: wrap;}
.item-found .item {padding: 15px;border-radius: 4px;border:1px solid #eee;background-color: #fff;flex: 1 1 20%;max-width: 210px;}
.item-found .item .img {height: 150px;overflow: hidden;}
.item-found .item .img img {width: 100%;min-height: 200px;}
.item-found .item .name {margin: 10px 0;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.item-found .item .money {color: red;}
.item-found .item .btn {display: block;padding: 7px 0;background-color: #f8f8f8;font-size: 12px;text-align: center;margin-top: 10px;border-radius: 4px;}
.item-found .item .btn:hover {background-color: #06f;color: #fff;}

.footer {margin-top: 20px;border-radius: 4px 4px 0 0;padding: 20px;}
.footer p {text-align: center;color: #888;}

.article-flex {display: flex;background-color: #fff;padding: 20px;gap: 20px;border-radius: 4px;align-items: center;}
.article-flex-l {width: 200px;height: 150px;overflow: hidden;border-radius: 4px;}
.article-flex-l img {width: 100%;min-height: 100%;}
.article-flex-r {flex: 1;}
.article-flex-r h1 {font-size: 14px;color: #232323;margin-bottom: 10px;}
.article-flex-r .spanlist {padding: 10px;background-color: #f8f8f8;}
.article-flex-r .spanlist span {margin-right: 10px;display: inline-block;color: #888;border-radius: 4px;border-right: 1px solid #ddd;padding-right: 10px;}
.article-flex-r .money {color: red;font-size: 16px;margin: 10px 0;}
.article-flex-r .btns a {display: inline-block;padding: 7px 19px;background-color: #e00;color: #fff;border-radius: 4px;margin-right: 10px;}
.article-flex-r .btns a:hover {opacity: 0.7;}
.article-content {padding: 20px;background-color: #fff;margin-top: 20px;border-radius: 4px;line-height: 24px;}
.article-content-title {color: #888;margin-bottom: 10px;}
.article-content img {width: 100%;}
.article-content .images {overflow: hidden;}
.article-content .images li {float: left;width: 174px;height: 100px;border:5px solid #232323;background-color: #232323;border-radius: 4px;overflow: hidden;margin: 0 10px 10px 0;}
.article-content .images li:nth-of-type(5n+0) {margin-right: 0;}
.article-content .images li img {width: 100%;min-height: 100%;}
.article-content .images li:hover img {opacity: 0.7;}

.page {text-align: center;margin-top: 20px;}
.page ul {display: inline-block;}
.page ul li {float: left;}
.page ul li a {display: inline-block;padding: 5px 10px;background-color: #fff;margin: 0 3px;color:#888}
.page ul li a:hover {color: #0384ff;}
.page ul .active a {background-color: #0384ff;color: #fff;border-radius: 4px;}

.kefu {position: fixed;right: 50%;top: 50%;margin-right: -640px;background-color: #fff;padding: 10px 20px;box-shadow: 0 3px 5px #ddd;border-radius: 4px;}
.kefu-title {text-align: center;padding: 0 0 10px 0;border-bottom: 1px solid #eee;color: #999;}
.kefu ul li {text-align: center;padding: 10px 0;}

.sxyp {border-radius: 4px;margin-top: 20px;display: flex;gap: 10px;}
.sxyp>div {flex: 1;background-color: #fff;padding: 20px;}
.sxyp>div .name {margin-bottom: 10px;color: #888;font-size: 12px;}
.sxyp .xyp {text-align: right;}
@media screen and (max-width: 1000px) {
    .main {width: 100% !important;}
    .banner img {width: 100% !important;}
    .title {margin: 20px;}
    .item-found {margin: 0 10px;}
    .item-found .item {max-width: calc(50% - 40px) !important;flex: 1 1 100%;}
}

@media screen and (max-width: 500px) {
    .item-found .item {max-width: 100% !important;flex: 1 1 100%;}
}