/* 全局样式 */
		    body {
		        margin: 0;
		        padding: 0;
		        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
		    }
		    
		    /* 页面样式 */
		    .classTypePage {
		        width: 100%;
		        min-height: 100vh;
		        display: flex;
		        flex-direction: column;
		        align-items: center;
		    }
		    
		    .topBox {
		        width: 100%;
		        background-color: #bd1a2d;
		        display: flex;
		        flex-direction: column;
		        align-items: center;
		    }
		    
		    .topContentBox {
		        width: 1200px;
		        height: 100px;
		        display: flex;
		        align-items: center;
		        justify-content: space-between;
		    }
		    
		    .logoImg {
		        cursor: pointer;
		        height: 60px;
		    }
		    
		    .searchInput {
		        width: 300px;
		        position: relative;
		    }
		    
		    .searchInput input {
		        width: 100%;
		        height: 36px;
		        padding: 0 30px 0 10px;
		        border: 1px solid #dcdfe6;
		        border-radius: 4px;
		        background-color: #fff;
		        font-size: 14px;
		        outline: none;
		        box-sizing: border-box;
		    }
		    
		    .searchInput .search-icon {
		        position: absolute;
		        right: 10px;
		        top: 50%;
		        transform: translateY(-50%);
		        color: #c0c4cc;
		        cursor: pointer;
		    }
		    
		    .searchInputMobile {
		        width: 90%;
		        margin-top: 10px;
		        position: relative;
		    }
		    
		    .searchInputMobile input {
		        width: 100%;
		        height: 36px;
		        padding: 0 10px;
		        border: 1px solid #dcdfe6;
		        border-radius: 4px;
		        background-color: #f3f3f3;
		        font-size: 14px;
		        outline: none;
		        box-sizing: border-box;
		    }
		    
		    .contentBox {
		        width: 1200px;
		        min-height: calc(100vh - 230px);
		        margin-top: 20px;
		    }
		    
		    .classTypeText {
		        font-size: 28px;
		        font-weight: 600;
		        width: 100%;
		        border-bottom: 4px solid #e6f0ff;
		        color: #bd1a2d;
		        padding-bottom: 5px;
		    }
		    
		    .listInfoBox {
		        margin-top: 10px;
		        display: flex;
		        align-items: center;
		        justify-content: space-between;
		    }
		    
		    /* 自定义单选按钮组 */
		    .radio-group {
		        display: inline-flex;
		        border-radius: 4px;
		        border: 1px solid #dcdfe6;
		        overflow: hidden;
		    }
		    
		    .radio-group label {
		        display: flex;
		        align-items: center;
		        padding: 6px 12px;
		        cursor: pointer;
		        border-right: 1px solid #dcdfe6;
		        font-size: 12px;
		        background-color: #fff;
		        color: #606266;
		    }
		    
		    .radio-group label:last-child {
		        border-right: none;
		    }
		    
		    .radio-group input[type="radio"] {
		        display: none;
		    }
		    
		    .radio-group input[type="radio"]:checked + label {
		        background-color: #bd192e;
		        color: #fff;
		        border-color: #bd192e;
		    }
		    
		    .radio-group label:hover {
		        color: #606266;
		    }
		    
		    .itemInfoBox {
		        padding: 20px;
		        display: flex;
		        border-bottom: 1px solid #ebeef5;
		        cursor: pointer;
		    }
		    
		    .itemInfoBox:hover {
		        background-color: #f5f5f5;
		    }
		    
		    .itemInfoImg {
		        width: 200px;
		        border-radius: 10px;
		    }
		    
		    .itemInfoRBox {
		        padding: 10px 0 10px 20px;
		    }
		    
		    .itemInfoTitle,.itemInfoTitle a {
		        font-size: 18px;
		        color: #555;
		        font-weight: 600;
		    }
		    
		    .itemInfoTitle:hover,.itemInfoTitle a:hover {
		        color: #bd1a2d;
		        text-decoration: underline;
		    }
		    
		    .itemInfoContent {
		        color: #888;
		        font-size: 16px;
		        margin-top: 5px;
		        flex: 1;
		        display: -webkit-box;
		        -webkit-box-orient: vertical;
		        -webkit-line-clamp: 3;
		        overflow: hidden;
		        line-height: 22px;
		        letter-spacing: 1px;
		    }
		    
		    .itemInfoOtherInfoBox {
		        font-size: 14px;
		        color: #555;
		        display: flex;
		        align-items: center;
		        margin-top: 10px;
		    }
		    
		    .itemInfoOtherInfoBox span {
		        display: flex;
		        align-items: center;
		    }
		    
		    .itemInfoOtherInfoBox span i {
		        margin-right: 5px;
		    }
		    
		    .pageBox {
		        padding: 10px 0;
		        width: 100%;
		    }
		    
		    /* 自定义分页 */
		    .pagination {
		        display: flex;
		        align-items: center;
		        justify-content: center;
		    }
		    
		    .pagination button {
		        padding: 6px 12px;
		        border: 1px solid #dcdfe6;
		        background-color: #fff;
		        cursor: pointer;
		        font-size: 14px;
		        color: #606266;
		    }
		    
		    .pagination button:hover {
		        border-color: #c6e2ff;
		        color: #409eff;
		    }
		    
		    .pagination .pager {
		        display: flex;
		        list-style: none;
		        margin: 0 10px;
		        padding: 0;
		    }
		    
		    .pagination .pager li {
		        padding: 6px 12px;
		        border: 1px solid #dcdfe6;
		        margin: 0 4px;
		        cursor: pointer;
		        font-size: 14px;
		        color: #606266;
		    }
		    
		    .pagination .pager li.active {
		        background-color: #409eff;
		        color: #fff;
		        border-color: #409eff;
		    }
		    
		    .pagination .pager li:hover {
		        border-color: #c6e2ff;
		        color: #409eff;
		    }
		    
		    .bottomBox {
		        display: flex;
		        flex-direction: column;
		        align-items: center;
		        padding: 20px 0;
		        width: 100%;
		        background-color: #121212;
		        color: #fff;
		    }
		    
		    .bottomItemBox {
		        display: flex;
		        justify-content: center;
		        align-items: center;
		    }
		    
		    .bottomItem {
		        margin: 0 5px;
		    }
		    
		    .bottomLogo {
		        height: 40px;
		    }
		    
		    /* 响应式设计 */
		    @media (max-width: 1200px) {
		        .topContentBox {
		            width: 100%;
		            height: 50px;
		            justify-content: center;
		        }
		        
		        .contentBox {
		            width: 100%;
		            padding: 10px;
		            min-height: calc(100vh - 200px);
		        }
		        
		        .itemInfoBox {
		            width: 100%;
		            padding: 10px;
		            flex-direction: column;
		        }
		        
		        .itemInfoImg {
		            width: 100%;
		        }
		        
		        .itemInfoRBox {
		            margin-top: 5px;
		            padding: 0;
		        }
		        
		        .searchInput {
		            display: none !important;
		        }
		        
		        .logoImg {
		            height: 40px;
		        }
		        
		        .bottomLogo {
		            height: 30px;
		        }
		        
		        .bottomItemBox {
		            flex-direction: column;
		        }
		    }
		    
		    @media (min-width: 1201px) {
		        .searchInputMobile {
		            display: none;
		        }
		    }
			/* 大于1200px时显示 */
			@media (min-width: 1201px) {
			  .leftCodeBox {
			    display: block !important;
			  }
			}
			/* 小于1200px时显示 */
			@media (max-width: 1200px) {
			  .leftCodeBox {
			    display: none !important;
			  }
			}
			.leftCodeBox {
			  width: 200px;
			  position: fixed;
			  top: 200px;
			  left: 10px;
			  background-color: #fff;
			  border-radius: 10px;
			  padding-bottom: 10px;
			  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
			  z-index: 10; /* 确保二维码在内容上方 */
			}
			.leftCodeTitleBox {
			  width: 80px;
			  text-align: center;
			  line-height: 24px;
			  height: 24px;
			  background-color: #17489b;
			  color: #fff;
			  border-radius: 10px 0 10px 0;
			  font-size: 14px;
			}