@charset "utf-8";
body { width: 100%; background-color: #ffffff; color: #333; font-size: 12px; line-height: 180%; }
a { cursor: pointer; }

/* common */
.coder-center { text-align: center !important; }
.coder-right { text-align: right !important; }
.coder-none { padding-top: 30px; text-align: center; color: #ccc; font-size: 14px; }

/* PC */
@media (min-width:900px) {
    .container { width: 90%; margin: 0 auto; }

    /* header */
    .header { width: 100%; height: 80px; background: #165DFF; display: flex; }
    .logo { height: 40px; padding: 20px 30px; }
    .logo img { height: 40px; }
    .menu-open { display: none; }
    .menu { margin-left: auto; display: flex; }
    .menu .menu-close { display: none; }
    .menu .menu-item { height: 80px; line-height: 80px; }
    .menu .menu-item a { display: block; letter-spacing: 2px; padding: 0 30px; color: #fff; font-size: 15px; font-weight: 400; font-style: normal; text-transform: uppercase; }

    /* banner */
    .banner { width: 100%; }
    .banner .swiper-slide img { width: 100%; }

    /* list */
    .list { width: 100%; margin: 60px 0; display: flex; flex-wrap: wrap; gap: 20px; }
    .list .list-item { flex: 0 0 calc(25% - 20px * 3 / 4); box-sizing: border-box; border-radius: 8px; background-color: #f7f7f7; }
    .list .list-item-title { margin: 10px 20px; line-height: 30px; font-weight: 600; font-size: 15px; text-transform: uppercase; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; }
    .list .list-item-pic img { width: 100%; border-radius: 8px 8px 0 0; }
    .list .list-item-time { font-size: 12px; color: #999; text-align: center; }
    .list .list-item-read { margin: 20px 0; }
    .list .list-item-read span { display: block; width: 120px; height: 25px; line-height: 25px; font-size: 14px; text-align: center; margin: 0 auto; border: 1px solid #165DFF; color: #165DFF; }
    .list .list-item a:hover .list-item-read span { border: 1px solid #fff; background: #165DFF; color: #fff; }
    .list-group { margin-top: 60px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }

    /* item */
    .item { margin: 60px 0; }
    .item .item-title { line-height: 30px; font-size: 18px; font-weight: bold; text-align: center; }
    .item .item-time { line-height: 30px; text-align: center; }
    .item .item-content { margin-top: 30px; line-height: 30px; }
    .item .item-content img { max-width: 100%; display: block; }

    /* links */
    .links { width: 100%; margin: 60px 0; display: flex; flex-wrap: wrap; gap: 20px; }
    .links a { flex: 0 0 calc(16.66% - 20px * 5 / 6); box-sizing: border-box; }
    .links a img { width: 100%; }

    /* footer */
    .footer { width: 90%; padding: 50px 5%; color: #fff; background: #165DFF; display: flex; }
    .footer .footer-left { width: 60%; }
    .footer .footer-left .footer-share { display: flex; }
    .footer .footer-left .footer-share a { width: 40px; height: 40px; display: block; }
    .footer .footer-left .footer-share a.footer-weibo { background-image: url('../image/icon-app-weibo.png'); background-repeat: no-repeat; background-size: 100%; }
    .footer .footer-left .footer-share a.footer-xiaohongshu { background-image: url('../image/icon-app-xiaohongshu.png'); background-repeat: no-repeat; background-size: 100%; }
    .footer .footer-left .footer-share a.footer-baidu { background-image: url('../image/icon-app-baidu.png'); background-repeat: no-repeat; background-size: 100%; }
    .footer .footer-left .footer-share a + a { margin-left: 10px; }
    .footer .footer-left .footer-copyright { margin-top: 10px; display: flex; }
    .footer .footer-left .footer-copyright a { color: #fff; margin-left: 10px; }
    .footer .footer-right { margin-left: auto; width: 300px; display: flex; justify-content: space-between; }
    .footer .footer-right img { width: 80px; }
}

/* mobile */
@media (max-width:899px) {
    .container { width: 90%; margin: 0 auto; }

    /* header */
    .header { width: 100%; height: 70px; background: #165DFF; display: flex; }
    .logo { height: 30px; padding: 20px; }
    .logo img { height: 30px; }
    .menu-open { margin-left: auto; width: 70px; height: 70px; background-image: url('../image/icon-menu.svg'); background-position: 0 0; background-size: 100%; cursor: pointer; }
    .menu { display: none; }
    .menu .menu-close { margin-left: auto; width: 70px; height: 70px; background-color: #165DFF; background-image: url('../image/icon-close.svg'); background-position: 0 0; background-size: 100%; }
    .menu .menu-item { height: 70px; line-height: 70px; }
    .menu .menu-item a { display: block; letter-spacing: 2px; padding: 0 30px; font-size: 13px; font-weight: 400; font-style: normal; text-transform: uppercase; }

    /* banner */
    .banner { width: 100%; }
    .banner .swiper-slide img { width: 100%; }

    /* list */
    .list { width: 100%; margin: 30px 0; display: flex; flex-wrap: wrap; gap: 10px; }
    .list .list-item { flex: 0 0 calc(50% - 10px * 1 / 2); box-sizing: border-box; border-radius: 8px; background-color: #f7f7f7; }
    .list .list-item-title { margin: 10px; line-height: 25px; font-weight: 600; font-size: 13px; text-transform: uppercase; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; }
    .list .list-item-pic img { width: 100%; border-radius: 8px 8px 0 0; }
    .list .list-item-time { font-size: 12px; color: #999; text-align: center; }
    .list .list-item-read { margin: 10px 0 20px; }
    .list .list-item-read span { display: block; width: 80px; font-size: 12px; text-align: center; margin: 0 auto; border: 1px solid #165DFF; color: #165DFF; }
    .list-group { margin-top: 30px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }

    /* item */
    .item { margin: 30px 0; }
    .item .item-title { line-height: 30px; font-size: 18px; font-weight: bold; text-align: center; }
    .item .item-time { line-height: 30px; text-align: center; }
    .item .item-content { margin-top: 10px; line-height: 30px; }
    .item .item-content img { max-width: 100%; display: block; }

    /* links */
    .links { width: 100%; margin: 30px 0; display: flex; flex-wrap: wrap; gap: 10px; }
    .links a { flex: 0 0 calc(33.33% - 10px * 2 / 3); box-sizing: border-box; }
    .links a img { width: 100%; }

    /* footer */
    .footer { width: 90%; padding: 50px 5%; color: #fff; background: #165DFF; }
    .footer .footer-left .footer-share { display: flex; justify-content: center; gap: 10px; }
    .footer .footer-left .footer-share a { width: 40px; height: 40px; display: block; }
    .footer .footer-left .footer-share a.footer-weibo { background-image: url('../image/icon-app-weibo.png'); background-repeat: no-repeat; background-size: 100%; }
    .footer .footer-left .footer-share a.footer-xiaohongshu { background-image: url('../image/icon-app-xiaohongshu.png'); background-repeat: no-repeat; background-size: 100%; }
    .footer .footer-left .footer-share a.footer-baidu { background-image: url('../image/icon-app-baidu.png'); background-repeat: no-repeat; background-size: 100%; }
    .footer .footer-left .footer-copyright { margin-top: 10px; line-height: 30px; text-align: center; }
    .footer .footer-left .footer-copyright a { color: #fff; }
    .footer .footer-right { margin-top: 10px; display: flex; justify-content: center; gap: 10px; }
    .footer .footer-right img { width: 80px; }
}

/* page */
.page { margin-bottom: 60px; }
.page .pagination { display: flex; justify-content: center; gap: 5px; }
.page .pagination li { width: 30px; height: 30px; line-height: 30px; text-align: center; color: #999; display: block !important; border: 1px solid #165DFF; }
.page .pagination li.active { color: #fff; background: #165DFF; border-color: #165DFF; }
.page .pagination li.disabled { color: #ccc; border-color: #eee; }
.page .pagination li a { width: 30px; height: 30px; display: block; color: #165DFF; text-align: center; }

/* layui */
.layui-font-blue { color: #165DFF !important; }
.layui-bg-blue { background-color: #165DFF !important; }
.layui-border-blue { color: #165DFF !important; border-color: #165DFF !important; }
.layui-btn-sm { line-height: 28px; }
.layui-btn-xs { line-height: 20px; }
.layui-btn-primary:hover { border-color: #d2d2d2; }
.layui-tabs { margin-top: 0; margin-bottom: 20px !important; }
.layui-tabs-header li:hover,
.layui-tabs-header .layui-this { color: #165DFF; }
.layui-tabs-header .layui-this::after { border-bottom-color: #165DFF; }
.layui-tabs-header li span { position: relative; padding: 0 6px; font-size: 12px; text-align: center; background-color: #333; color: #fff; border-radius: 8px; height: 18px; line-height: 18px; margin-left: 5px; }
.layui-form-label { text-align: left; }
.layui-form-select dl dd.layui-this { background: #165DFF; color: #fff; }
.layui-table td { word-break: break-all; }
.layui-table img { max-width: 80px; max-height: 25px; display: inline; }
.layui-table-tool-self .layui-inline i.layui-icon { margin-left: -1px; }
.layui-layer .layui-layer-content { overflow: visible !important; }
.layui-btn-container { padding-left: 10px; }
.layui-input-block [class^="layui-col-xs"]+[class^="layui-col-xs"] { padding-left: 10px; }