:root {--white-color: rgba(255, 255, 255, 1);--btms-color: rgba(255, 255, 255, .8);--font-size: 16px;--zs-color: #46A4FF;} @font-face {font-family: 'MyFont';}body {background-color: #f8f8f8;padding: 0;margin: 0;font-family: 'MyFont', sans-serif;}input,textarea {outline: none;}.btn:focus,.btn:active {outline: none !important;box-shadow: none !important;border: none;}a {text-decoration: none;}.logo {height: 50px;}.right-fixed {position: fixed;display: flex;bottom: 80px;right: 0px;font-size: 26px;flex-wrap: wrap;width: 50px; justify-content: space-between;z-index:99;}.right-fixed a {color: #333;font-size: 26px;margin-bottom: 10px;}.right-fixed a:nth-child(1) {animation: xuanZhuan 2s linear infinite 1s;}.right-fixed a i {padding: 6px;background-color: rgba(0, 0, 0, .5);font-size: 26px;border-radius: 20px;color: #fff;}@keyframes xuanZhuan {0% {transform: rotate(0deg);}50% {transform: rotate(180deg);}100% {transform: rotate(360deg);}}.top-active-hei {background-color: #fff;color: #D6D6D6;}.dropdown-men {display: none;}.app-nav .dropdown-men a {font-size: 14px;}.icon-qianwang {transition: transform 0.3s ease;}.rotate {transform: rotate(90deg);}.progress-container {position: fixed; top: 60px;left: 0;width: 100%; height: 2px; background-color: ; z-index: 1111;}.progress-bar {height: 100%; width: 0; background: linear-gradient(to left, #2E82FF, #46FF8D);transition: width 0.5s; } .tiaodon-text {position: absolute;bottom:40px;width: 100%;font-size: 40px;text-align: center;animation: tiaodon 2s ease infinite;color: #ffffff;z-index: 1000;}@keyframes tiaodon {0%, 100% {transform: translateY(0);}50% {transform: translateY(-15px);}} .friend-links {display: flex;flex-wrap: wrap;justify-content: space-around;justify-content: flex-start;width: 100%;margin: 0 auto;padding: 0px;background-color: ;box-sizing: border-box;}.friend-link {display: flex;align-items: center;margin: 5px;padding: 6px;background-color: #f9f9f9;border: 0px solid #ee;border-radius: 5px;width: calc(50% - 10px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}.friend-link img {width: 26px;height: 26px;border-radius: 50%;margin-right: 6px;}.friend-link h4 {text-decoration: none;color: #333;font-size: 14px;margin: 0;padding: 0;font-weight: 400;} @media (min-width: 768px) {.friend-links {justify-content: flex-start; }.friend-link {width: auto; margin-right: 10px; }}footer {background-color: #fff;color: #333;text-align: center;padding: 20px 0;font-size: 14px;margin-top: 30px;}footer .container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}.footer-content {display: flex;justify-content: space-around;flex-wrap: wrap;}.copyright, .social-links, .contact-info {flex: 1 1 100%;margin: 10px 0;}.social-links a {color: #333;margin: 0 10px;font-size: 24px;text-decoration: none;transition: color 0.3s;}.social-links a:hover {color: #ddd;}@media (min-width: 768px) {.copyright, .social-links, .contact-info {flex: 1 1 auto;}}.loading {position: fixed;top:50%;left: 50%;width: 60px;transform: translate(-50%,-50%);z-index: 9999999;display: none;} .article {position: relative;width: 100%;margin: 0 auto 80px;padding: 0 0 40px;background-color: ;border-radius: 4px;}.search {width: 94%;height: 36px;display: flex;background-color: var(--white-color));margin: 10px auto;border-radius: 6px;box-sizing: border-box;overflow: hidden;}.search input {width: 80%;height: 36px;background-color: rgba(255, 255, 255, .6);border: 0;text-indent: 15px;}.search button {width: 20%;height: 36px;background-color: rgba(255, 255, 255, .6);border: 0;}.xqy-article-group a {position: relative;width: 100%;padding: 10px;display: flex;background-color: var(--white-color);margin: 10px auto 0;box-sizing: border-box;border-radius: 4px;box-shadow: 0px 2px 4px 1px #D1DCFF;align-items: center;transition: transform 0.3s ease, box-shadow 0.3s ease; }.xqy-article-group a:hover {transform: translateY(-5px); box-shadow: 0 2px 4px rgba(147, 139, 255, 0.5);}.xqy-article-group .left-img {width: 180px;height: 90px;border-radius: 4px;margin-right: 10px;overflow: hidden;}.xqy-article-group .left-img img {width: 100%;height: 100%;border-radius: 4px;margin-right: 10px;transition: transform 0.3s ease;}.xqy-article-group a:hover .left-img img{transform: scale(1.5);}.xqy-article-group .right-text {width: 100%;display: flex;flex-direction: column;justify-content: space-between;font-size: 12px;overflow: hidden;}.xqy-article-group .right-text h3 {width: 100%;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;margin-bottom:5px;}.xqy-article-group a:hover .right-text h3{color: #3385ff;}.xqy-article-group .right-text .ps {width: 100%;font-size: 14px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;color: #333;}.xqy-article-group .right-text .footers {text-align: right;}.xqy-article-group .right-text .footers>span {margin-right: 10px;color: #666;}::-webkit-scrollbar {display: none}.active-topnav {position: fixed;width: 100%;top: -10px;left: 0px;right: 0px;border-bottom: 1px solid #eee;} .xq-topnav-group {overflow-x: auto;white-space: nowrap;width: 100%;background-color: #fff;padding: 5px 0;box-sizing: border-box;border-radius: 4px;margin-top: 20px; }.xq-topnav-group .navs {display: inline-block;padding: 0;margin: 0;}.xq-topnav-group .navas {display: inline-block;padding: 4px 12px;margin: 0 5px;text-decoration: none;color: #333;background-color: ;border-radius: 6px;}.xq-topnav-group .navas:hover {background: #CEE6FF;color: #218BFF;} .xq-topnav-group .navs a.active {background: #CEE6FF;color: #218BFF;}.content-group { width: 94%;margin: 0 auto 20px;align-items: center;overflow: hidden;}.xqy-jzgd a {display: block;width: 120px;padding: 12px 18px;text-align: center;margin: 0 auto;background-color: #D1DCFF;border-radius: 9px;margin-top: 20px; box-shadow: 0px 1px 2px 1px #eee;color: #468DFF;font-size: 12px;}.search-bar {width: 180px;margin: 0.5rem 0;border: 1px solid #ddd;border-radius: 4px;background-color: rgba(255, 255, 255, 0.5);}.search-bar .form-control {background-color: rgba(255, 255, 255, 0.0);}.search-box {position: fixed;width: 94%;padding: 20px 20px;top: 200px;left: 50%;transform: translateX(-50%);background-color: rgba(255, 255, 255, 1);display: none;z-index: 1010;margin: 0 auto;border-radius: 4px;}.search-box .ssCloses {position: absolute;bottom: -60px;left: 50%;width: 30px;height: 30px;transform: translateX(-50%);line-height: 28px;background-color: rgba(0, 0, 0, 0.5);;border-radius: 15px;text-align: center;color: #fff;font-size: 18px;}.search-container {width: 100%;display: flex;align-items: center;background-color: #fff;padding: 10px;border-radius: 5px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);margin: 20px auto;}#searchInput {width: 100%;padding: 10px;border: none;border-radius: 3px;font-size: 16px;}#searchButton {width: 30%;padding: 10px 10px;background-color: #3385ff;color: white;border: none;border-radius: 3px;margin-left: 10px;cursor: pointer;font-size: 16px;}#searchButton:hover {background-color: #2a75e6;}.form-control {border: 0;}.navbar-toggler {border: none;}.container-fluid {background-color: rgba(255, 255, 255, 0.0);}.navbar-nav .nav-link { color: #fff; font-weight: 500;}.navbar-nav .nav-item .active {color: #3385ff;}.navbar-nav .nav-item a {width: 100px; }.navbar-nav .nav-item a>.text-b {color: #fff;}.nav-link:hover {color: #3385ff;background-color: #自定义悬停背景色;}.navbar-toggler:focus {box-shadow: none !important;border: none;}.form-control:focus {box-shadow: none !important;border: none;}.navbar {position: fixed;top: 0;width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0px;z-index: 1000;backdrop-filter: blur(1px);background-color: rgba(255, 255, 255, 0.0);}.sidebar {position: fixed;top: 0;left: -280px;width: 280px;height: 100vh;background: #000;color: #fff;transition: left 0.3s;overflow: auto;z-index: 1010;padding-top: 50px;background-position: center;background: rgba(0,0,0,0.5);background-size: cover;background-repeat: no-repeat;}.sidebar.active {left: 0;}.sidebar .app-nav {width: 90%;padding: 8px;margin: 0 auto;background-color: var(--btms-color);margin-top: 10px;border-radius: 6px;}.sidebar .app-nav a {display: flex;justify-content: space-between;color: #000;padding: 10px;text-decoration: none;text-align: left;border-bottom: 0px solid #D1DCFF;}.sidebar .app-nav a:hover {border-bottom: 0px solid #5D82FF;color: #5D82FF;}.sidebar .app-nav .active {border-bottom: 0px solid #;color: #000;}.sidebar .fnav {display: flex;background-color: var(--btms-color);padding: 14px;width: 90%;margin: 0 auto;border-radius: 4px;color:333;}.sidebar .fnav img {width: 46px;height: 46px;border-radius: 50%;margin-right: 8px;}.sidebar .fnav div p {padding: 0;margin: 0;color: #333;}.sidebar .nav-user-btn {width: 90%;margin: 10px auto 0;background-color: var(--btms-color);border-radius: 4px;}.sidebar .nav-user-btn a {display: flex;padding: 12px;width: 100%;color: #fff;justify-content: space-between;background-color: #74A5FF;border-radius: 4px;}.btn-mcb {display: none;position: fixed;top: 0px;bottom: 0;right: 0px;left: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 1002;}.profile-card {background-color: var(--white-color);border-radius: 4px;box-shadow: 0px 2px 4px 1px #D1DCFF;padding: 20px;width: 100%;text-align: center;}.profile-avatar {width: 80px;height: 80px;border-radius: 50%;margin-bottom: 10px;}.profile-top {padding: 20px 0 1px 0;background-size: 100% 100%;background-repeat: no-repeat;border-radius: 4px 4px 0px 0px;margin-bottom: 20px;}.profile-name {font-size: 24px;font-weight: bold;margin-bottom: 5px;color: #fff;}.profile-signature {color: #EBEBEB;margin-bottom: 20px;}.profile-stats {display: flex;justify-content: space-around;margin-bottom: 20px;}.stat-item a{padding: 6px 12px;font-size: 12px;border-radius: 4px;color: #fff;}.profile-stats .stat-hs {width: 1px; background-color: #ddd; }.stat-item {position: relative;font-size: 18px;}.follow-button {display:block; width: 160px;background-color: #3385ff;color: white;border: none;border-radius: 5px;padding: 10px 10px;font-size: 16px;cursor: pointer;transition: background-color 0.3s;margin: 0 auto;margin-top:30px;}.follow-button:hover {background-color: #3385ff;}.contact-icons {display: flex;justify-content: center;margin-top: 20px;padding-bottom: 20px;}.contact-icons a {margin: 0 15px;color: #4a90e2;font-size: 28px;cursor: pointer;}.contact-icons a span {color: #5D99FF;font-size: 28px;cursor: pointer;}.wztj-box {background-color: var(--white-color);border-radius: 4px;box-shadow: 0px 2px 4px 1px #D1DCFF;padding: 0px;width: 100%;margin-top: 20px;overflow: hidden;}.wztj-box .title {width: 100%;padding: 10px 20px;border-bottom: 1px solid #D1DCFF;font-size: 16px;background: #fff;color: #111;}.wztj-box .titles {width: 100%;padding: 10px 20px;border-bottom: 1px solid #D1DCFF;font-size: 16px;background: #fff;color: #111;}.wztj-cont {width: 100%;padding: 15px 20px 20px;}.wztj-cont a {color: #333;}.wztj-cont div {display: flex;justify-content: space-between;}@media (min-width: 768px) {.navbar {justify-content: flex-start;}.navbar .logo {margin-left: 20px;}.navbar .search-bar {margin-left: auto;}.navbar .nav-list {display: flex;margin-right: 20px;}.search-bar {width: 50%;margin: 0.5rem 0;}.swiper {width: 100%;height: 100vh;}.swiper .swiper-slide{width: 100%;height: 100vh;display: flex;justify-content: center; align-items: center; }.swiper img {height: 100%;width: auto;min-width: 100%; object-fit: cover; }.swiper .text {position: absolute;z-index: 99;color: #fff;top: 50%;left: 50%;transform: translateX(-50%);text-align: center;}.container {margin-top: 20px;}.navbar-nav .nav-item .nav-like {color: #fff}.xqy-article-group .left-img {width: 280px;height: 170px;border-radius: 4px;margin-right: 10px;}.xqy-article-group .right-text h3 {width: 100%;font-size: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;}.xqy-article-group .right-text .ps {width: 100%;font-size: 14px;}.xqy-article-group .right-text .ps {width: 100%;font-size: 14px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;color: #333;}.pc-hide {display: none;}}@media (max-width: 767px) {.navbar {flex-direction: column;align-items: flex-start;background-color: ;}.container-fluid {}.navbar .logo {margin-bottom: 0px;}.navbar .nav-list {width: 100%;}.navbar .nav-list a {display: block;text-align: left;}.navbar .search-bar {width: 100%;margin-top: 10px;}.navba {padding: 20px;}.collapse {background-color: ;border-radius: 4px;padding: 0px 30px;}.navbar-nav li a {text-align: center;}.swiper {width: 100%;height: 300px;margin-top: 0px;border-radius: 0px;}.swiper .text {position: absolute;z-index: 99;color: #fff;top: 50%;left: 50%;transform: translateX(-50%);text-align: center;}.swiper img {height: 100%;}.search-bar {border: 0px solid #999;border-radius: 50px;background-color: #D1DCFF;}.search-bar .form-control {background-color: #D1DCFF;width: 100%;border-radius: 50px;text-indent: 10px;}.container {width: 100%;margin: 0 auto;}.app-hide {display: none;}}.gonggao {width: 100%;margin: 0 auto;border: 0px solid #fff;height: 46px;padding: ;margin-top: 0px;box-sizing: border-box;background-color: #eee;border-radius: 4px;}.gonggao .swiper {width: 100%;height: 100%;margin-top: 20px;}.flex {width: 100%;display: flex;height: 46px;line-height: 46px;font-size: 18px;padding: 0 15px;background-color: ;border-radius: 4px;}.qmgg {margin-right: 10px;}.gonggao .icon {margin-top: -5px;}.gdText {width: 100%;white-space: nowrap;overflow: hidden;box-sizing: border-box; padding-right: 10px;color: #468DFF;background-color: ;}.gdsText {display: inline-block;width: 100%;white-space: nowrap;overflow: hidden;box-sizing: border-box;animation: scroll-text 5s linear infinite;padding-right: 10px;color: #468DFF;background-color: ;position: relative;left: 100%;}