* { font-family: "微软雅黑", "microsoft yahei"; } // 导航部分 .partOne { width: 100%; height: 97px; background-color: #a91b33; font-size: 16px; font-family: PingFang SC-Semibold; .inner { width: 1200px; height: 133px; margin: 0 auto; position: relative; .navLeft { width: 135px; font-size: 16px; } .navIndex { height: 100px; line-height: 120px; a { font-size: 16px; color: #edcdba; font-weight: bold; } } .navClass { float: left; width: 64px; padding-top: 20px; margin-right: 12px; font-weight: bold; color: #fbd9c5; a { color: #fbd9c5; } div:nth-child(2) { padding-top: 15px; } } } .navigationOne { float: left; width: 1124px; color: #333; padding-top: 20px; li { float: left; width: 64px; font-family: PingFang SC; font-size: 16px; text-align: left; font-style: normal; text-transform: none; margin: 0 8px; text-align: center; margin-bottom: 15px; a { color: #fbd9c5; display: block; } } >li:hover a { color: #f3aa8e; // font-weight: bold; } .active { color: #FDFFDE; // font-weight: bold; } } } .navigationTwo { position: absolute; top: 88px; left: 73px; font-size: 16px; color: #333; padding: 5px 10px; background-color: #f8f8f8; box-sizing: border-box; border-radius: 5px; border: 1px solid #ddd; li { height: 30px; line-height: 30px; a { color: #333; } a:hover { color: #a91b33; } } } .partTwo { width: 100%; height: 60px; background-color: #a91b33; margin-top: 10px; .inner { width: 1200px; height: 60px; line-height: 60px; margin: 0 auto; .part2_left { float: left; width: 875px; height: 60px; line-height: 60px; font-size: 16px; color: #fbd9c5; li { float: left; a { color: #fbd9c5; } } li:nth-child(1) { font-weight: bold; margin-right: 20px; } .part2_navList { margin-right: 15px; } li:hover { color: #f3aa8e; a { color: #f3aa8e; } } } .part2_right { float: right; width: 325px; height: 60px; line-height: 60px; background: url('@/public/head/ulbg.png') no-repeat 0 center; box-sizing: border-box; padding-left: 10px; .part2_right_navList { float: left; height: 21px; color: #f9cf61; font-weight: bold; a { color: #f9cf61; padding: 0 15px; } em { display: inline-block; width: 1px; height: 10px; background-color: #f9cf61; } } .part2_right_navList:hover { color: #f3aa8e; a { color: #f3aa8e; } } } } } // 深度服务 .deepServer { height: 60px; background: #fafafa; display: flex; margin: 0 auto; .inner { width: 1200px; height: 60px; line-height: 60px; margin: 0 auto; .deepServer_left { float: left; width: 700px; height: 60px; line-height: 60px; display: flex; justify-content: space-between; .serverTitle { font-size: 16px; color: #333; font-weight: bold; margin-right: 50px; a { color: #333; } } .serverTitle1 { font-size: 16px; color: #333; font-weight: bold; margin-right: 15px; margin-left: 20px; a { color: #333; } } :deep(.el-checkbox-group) { padding-top: 14px; } :deep(.el-checkbox) { font-size: 16px; color: #333; margin-right: 30px; --el-checkbox-checked-text-color: #333; --el-checkbox-checked-input-border-color: #a91b33; --el-checkbox-checked-bg-color: #a91b33; --el-checkbox-checked-icon-color: var(--el-color-white); --el-checkbox-input-border-color-hover: #a91b33; } :deep(.el-checkbox__label) { font-size: 16px; } :deep(.el-checkbox__inner) { margin-right: 10px; } // 单选框 :deep(.el-radio__input.is-checked .el-radio__inner) { background: #a91b33; border-color: #a91b33; } :deep(.el-radio__input.is-checked+.el-radio__label) { color: #333333; } :deep(.el-radio__label) { font-size: 16px; font-weight: 400px; } .el-radio { --el-radio-input-border-color-hover: #a91b33; } } .deepServer_right { float: right; width: 487px; height: 60px; line-height: 60px; .serverTitle_right { float: left; font-weight: bold; font-size: 16px; color: #333333; } .searchRole { float: left; width: 440px; height: 40px; line-height: 35px; background-color: #fff; border: 1px solid #ededed; margin: 10px 15px 12px 20px; border-radius: 25px; // padding-left: 10px; box-sizing: border-box; em { display: inline-block; width: 29px; height: 29px; margin: 4px; margin-right: 25px; vertical-align: -13px; background: url('@/public/image/Iconly/Broken/Search.png'); cursor: pointer; } >.ipt { width: 379px; font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 14px; color: #666; line-height: 16px; padding-left: 22px; box-sizing: border-box; text-align: left; font-style: normal; text-transform: none; border: none; outline: none; } >.ipt::placeholder { color: #cccccc; } span { color: #999999; } } .el-select--large::v-deep .el-select__wrapper { font-size: 14px; gap: 6px; line-height: 24px; min-height: 35px; padding: 0; border: none; box-shadow: none; margin-left: 10px; } .el-select__placeholder::v-deep.is-transparent { color: #999999; font-weight: 600; } >.title { float: left; width: 120px; font-family: PingFang SC, PingFang SC; font-weight: 600; font-size: 20px; color: #666666; text-align: left; font-style: normal; text-transform: none; } } } }