:root {
     --primary-color: #CD2E14;
     --secondary-color: #AD1D0D;
 }

 a {
     color: #333;
 }

 a:hover {
     color: var(--primary-color);
 }

 .ccs {
     color: var(--secondary-color);
 }

 .bbs {
     background: var(--secondary-color);
 }

 .head-top {
     background: url(/v1/img/bg1.png) no-repeat center center;
     background-size: 100% 100%;
     height: 120px;
 }

 .logo-text {
     margin-top: 10px;
     color: var(--primary-color);
     margin-left: 20px;
     border-left: 2px solid var(--primary-color);
     padding-left: 20px;
 }

 .logo-text p {
     font-size: 18px;
     font-weight: 600;
     letter-spacing: 2px;
 }

 .head-nav {
     background: var(--primary-color);
     height: 60px;
     box-shadow: rgba(51, 51, 51, .1) 0px 2px 5px;
     position: relative;

 }

 .head-nav-list {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 1px;
     position: relative;
 }

 .head-nav-list .item {
     text-align: center;
     font-size: 18px;
     font-weight: 600;
     letter-spacing: 1px;
     flex: 1 1 calc(7% - -22px);
     width: 100%;
     line-height: 60px;
     position: relative;
 }

 .head-nav-list .item .first-link {
     width: 100%;
     display: inline-block;
     position: relative;
     font-size: 18px;
     color: #fff;
 }

 .head-nav-list .item .first-link:after {
     position: absolute;
     content: '';
     height: 20px;
     background: #d89b9b;
     width: 1px;
     right: 0;
     top: 22px;
 }

 .head-nav-list .item:hover .first-link:before,
 .head-nav-list .item.active .first-link:before {
     position: absolute;
     content: '';
     height: 1px;
     background: #FFEDCB;
     width: 60px;
     left: 50%;
     bottom: 8px;
     margin-left: -30px;
 }

 .head-nav-list .item .first-link:hover,
 .head-nav-list .item.active .first-link {
     color: #FFEDCB;
 }

 .head-nav-list .item:last-child .first-link:after {
     display: none;
 }

 .second-wrap {
     position: absolute;
     z-index: 9999;
     top: 68px;
     left: 0;
     width: 100%;
     background-color: transparent;
     transform: rotate3d(-1, 0, 0, 90deg);
     transform-origin: 50% 0%;
     transition: all 0.3s ease-in-out;
 }

 .second-wrap .second-box {
     text-align: center;
     border-radius: 8px;
     background-color: #fff;
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
 }

 .second-wrap .second-box .flex-box {
     width: 100%;
 }

 .second-source-wrap .second-box {
     border-radius: 8px;
     padding: 10px;
 }

 .second-wrap .second-box a {
     font-size: 16px;
     height: 46px;
     line-height: 46px;
     border-radius: 3px;
     display: block;
     margin-bottom: 12px;
     color: #333;
     border-bottom: 1px solid #eee;
 }

 .second-wrap .second-box a:last-child {
     border-bottom: none;
 }

 .second-wrap .second-box a:hover {
     background-color: rgba(229, 239, 255, 0.5);
 }

 .second-wrap .second-box a i {
     font-size: 26px;
     margin-right: 12px;
 }

 .head-nav-list .item:hover {
     .second-wrap {
         transform: rotate3d(0, 0, 0, 0deg);
     }
 }

 .container {
     width: 1200px;
     margin: 0 auto;
 }

 .title-box {
     background: url(/v1/img/t1.png) no-repeat center center;
     background-size: 100% 100%;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-weight: bold;
 }

 .title-title {
     font-size: 42px;
     letter-spacing: 3px;
     font-weight: bold;
     color: var(--primary-color);
 }

 /* 页脚样式 */
 .footer {
     background: #2b313d;
     position: relative;
     overflow: hidden;
 }

 .footer__main {
     padding: 50px 0 60px;
     position: relative;
     z-index: 2;
 }

 .footer__content {
     display: flex;
     justify-content: space-between;
     height: 230px;
 }

 .footer__section {
     position: relative;
 }

 .footer__logo {
     margin-bottom: 10px;
 }

 .footer__logo img {
     filter: brightness(0) invert(1);
 }

 .footer__description {
     color: #999;
     line-height: 1.7;
     margin-bottom: 25px;
     font-size: 15px;
     max-width: 400px;
 }

 .footer__contact {
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .footer__contact-item {
     display: flex;
     align-items: center;
     gap: 12px;
     color: #999;
     font-size: 14px;
     transition: all 0.3s ease;
 }

 .footer__contact-item:hover {
     color: var(--primary-color);
     transform: translateX(5px);
 }

 .footer__contact-item:hover .footer__icon {
     color: #f55c5c;
     transform: scale(1.1);
 }

 .footer__icon {
     font-size: 18px;
     opacity: 0.9;
     color: #999;
     transition: all 0.3s ease;
 }

 .footer__title {
     color: #fff;
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 30px;
     position: relative;
 }

 .footer__title::after {
     content: '';
     position: absolute;
     bottom: -12px;
     left: 0;
     width: 30px;
     height: 2px;
     background: linear-gradient(90deg, #f63b44, #f63b44);
     border-radius: 1px;
 }

 .footer__links {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .footer__link {
     color: #999;
     text-decoration: none;
     font-size: 14px;
     transition: all 0.3s ease;
     position: relative;
     padding-left: 0;
 }

 .footer__link::before {
     content: '→';
     position: absolute;
     left: -15px;
     opacity: 0;
     transition: all 0.3s ease;
     color: #cc9aa1;
 }

 .footer__link:hover {
     color: var(--primary-color);
 }

 .footer__link:hover::before {
     opacity: 1;
 }

 .footer__qrcode {
     display: flex;
     gap: 15px;
     margin-bottom: 20px;
 }

 .footer__qrcode-item {
     text-align: center;
     margin-bottom: 20px;
 }

 .footer__qrcode-item img {
     border-radius: 8px;
     border: 2px solid rgba(255, 255, 255, 0.1);
     margin-bottom: 8px;
 }

 .footer__qrcode-item p {
     font-size: 14px;
     color: #fff;
     margin: 0;
 }

 .footer__bottom {
     background: rgba(0, 0, 0, 0.1);
     padding: 20px 0;
     position: relative;
     z-index: 2;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
 }


 .footer__copyright {
     color: #eee;
     font-size: 13px;
     text-align: center;
 }

 .footer__link-bottom {
     color: #eee;
     text-decoration: none;
     font-size: 13px;
     transition: color 0.3s ease;
 }

 /* 分页通用 */
 .pages {
     margin: 40px auto 10px;
     width: auto;
     height: 34px;
     text-align: center;
 }

 .pages ul li {
     display: inline-block;
     *display: inline;
     zoom: 1;
 }

 .pages a,
 .pages span {
     display: inline-block;
     border: 1px solid #ccc;
     padding: 4px 12px;
     margin: 0 3px;
     line-height: 24px;
     background: #fff;
     color: #666;
     border-radius: 4px;
 }

 .pages .cur span,
 .pages a:hover {
     color: var(--primary-color);
     border: 1px solid var(--primary-color);
 }

 .pages .dis span {
     color: #c9c6c6;
     border: 1px solid #eee;
 }