@charset "utf-8";
/* ============================================================
   Normalized CSS — gdnms.com v3.1
   Format: 2-space indent, unified spacing
   ============================================================ */

/**
* gdnms.com - 优化版主样式表
* 基于 index.css (613行) 重写：
* - 统一格式化
* - 合并重复选择器
* - 删除死代码
* - 所有颜色使用CSS变量
* - 注释标注所有选择器用途
*/

/* ===== 全局重置 ===== */
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  background: var(--color-bg-page);
}

.bodybg {
  background: var(--color-white);
}

a {
  text-decoration: none;
  color: var(--color-text-primary);
}

img {
  border: none;
}

/* ===== 头部 ===== */
.header {
  width: 100%;
  height: 100px;
  min-width: 1200px;
  background: var(--color-header-bg);
}

.logo {
  width: 290px;
  height: 100px;
  float: left;
  background: var(--color-primary-500);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

.hTxt {
  float: left;
  padding-left: 45px;
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 100px;
  height: 100px;
}

.hTxt a {
  font-size: 14px;
  font-weight: 100;
  color: var(--color-text-primary);
}

/* ===== 顶部操作区 ===== */
.topBox {
  width: auto;
  height: 100px;
  float: right;
  padding-right: 40px;
  line-height: 100px;
  font-size: 14px;
  color: var(--color-border);
}

.topBox a {
  color: var(--color-text-primary);
  padding: 0 20px;
}

.topBox2 a {
  padding: 0 10px;
}

.topBox2 span {
  padding: 0 10px;
  color: var(--color-text-primary);
}

.topBox2 b {
  color: #df4949;
  font-weight: 100;
}

.topBox .r {
  padding: 0;
}

.topBox p {
  padding-right: 20px;
}

.topBox i {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/ico01.png) no-repeat;
  margin-bottom: -4px;
}

/* ===== 首页主体 ===== */
.main {
  width: 80%;
  min-width: 1200px;
  height: 610px;
  margin: 110px auto 0 auto;
}

.mCon1 {
  width: 49.2%;
  height: 610px;
  float: left;
  margin-right: 1.6%;
}

.mCon2 {
  width: 49.2%;
  height: 610px;
  float: left;
}

/* ===== 轮播 ===== */
.ul01 {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.ul01 li {
  width: 100%;
  height: 400px;
  position: absolute;
  display: none;
}

.ul01 .active {
  display: block;
}

.mTab1 {
  width: 100%;
  height: 400px;
  margin-bottom: 20px;
  position: relative;
}

.dl01 {
  position: absolute;
  width: 200px;
  height: 5px;
  left: 50%;
  bottom: 20px;
  margin-left: -100px;
  text-align: center;
  z-index: 555;
}

.dl01 dd {
  width: 30px;
  height: 5px;
  background: url(../images/li2.png) no-repeat;
  display: inline-block;
  cursor: pointer;
}

.dl01 .active {
  background: url(../images/li1.png) no-repeat;
}

.mTab1 img {
  width: 100%;
  height: 100%;
}

/* ===== 功能入口 ===== */
.mTab2 {
  width: 100%;
  height: 190px;
  text-align: center;
}

.mLi1 {
  width: 48.4%;
  height: 190px;
  background: var(--color-bg-light);
  float: left;
  margin-right: 3.2%;
  text-align: center;
}

.mLi2 {
  width: 48.4%;
  height: 190px;
  background: var(--color-bg-light);
  float: left;
}

.mLi3,
.mLi4 {
  width: 31.2%;
  height: 190px;
  float: left;
  margin-right: 3.2%;
}

.mLi4 {
  margin-right: 0;
}

.p01 {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-text-primary);
  padding-top: 40px;
}

.p02 {
  font-size: 12px;
  color: var(--color-text-tertiary);
  padding-top: 20px;
}

.p03 {
  font-size: 28px;
  font-weight: 700;
  color: var(--color-primary-500);
  padding-top: 20px;
}

/* ===== 背景色 ===== */
.bg01 {
  background: var(--color-primary-500);
}

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

.bg03 {
  background: #82a9e0;
}

.bg04 {
  background: #e39e7e;
}

.bg05 {
  background: var(--color-accent-yellow);
}

.bg06 {
  background: var(--color-accent-coral);
}

.bg07 {
  background: #6c98e7;
}

.mLi1 .icoBox,
.mLi2 .icoBox,
.mLi3 .icoBox,
.mLi4 .icoBox {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
}

.mTit1 {
  font-size: 20px;
  color: var(--color-white);
  font-weight: 700;
  margin-top: 10px;
  display: block;
}

/* ===== 收藏夹侧边栏 ===== */
.rBox {
  width: 40px;
  height: 160px;
  position: absolute;
  left: -40px;
  top: 0;
  background: var(--color-primary-500);
  font-size: 14px;
  color: var(--color-white);
  text-align: center;
}

.rMain {
  width: 310px;
  height: 290px;
  background: var(--color-white);
  box-shadow: 0 0 20px #888;
  position: fixed;
  right: -310px;
  bottom: 300px;
}

.rMain ul {
  margin: 0 15px;
}

.rMain ul li {
  width: 100%;
  height: 54px;
  line-height: 54px;
  border-bottom: 1px dashed var(--color-border);
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ppp3 {
  padding-top: 20px;
}

.ppp3 a {
  line-height: 35px;
  color: var(--color-white);
  text-align: center;
  margin-left: 10px;
  background: var(--color-primary-500);
  font-size: 14px;
  padding: 8px;
}

.ppp3 .a2 {
  background: var(--color-secondary-500);
}

.ppp3 .a3 {
  background: #b0287a;
}

.rBox p {
  padding-top: 16px;
  line-height: 18px;
}

.rBox a {
  width: 40px;
  height: 40px;
  background: var(--color-border-mid);
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* ===== 二级页面布局 ===== */
.main2 {
  width: 100%;
  height: auto;
  min-width: 1200px;
  overflow: hidden;
}

.leftBox {
  width: 320px;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}

.leftBox2 {
  width: 320px;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}

.leftCon {
  width: 290px;
  background: var(--color-bg-sidebar);
  overflow: hidden;
}

/* ===== 侧边导航 ===== */
.menuUl {
  width: 290px;
  height: auto;
}

.menuUl li {
  width: 100%;
  height: 70px;
  line-height: 70px;
}

.menuUl li a {
  width: 287px;
  height: 70px;
  display: block;
  color: var(--color-text-sidebar);
}

.menuUl .active a {
  background: var(--color-bg-sidebar-hover);
  border-right: 3px solid var(--color-accent-500);
  color: var(--color-white);
  font-weight: 700;
}

.menuUl li i {
  width: 70px;
  height: 70px;
  display: inline-block;
  background: url(../images/icolist.png) no-repeat;
  float: left;
}

.menuUl li span {
  line-height: 70px;
  display: inline-block;
  font-size: 16px;
  float: left;
  width: 160px;
  text-align: center;
}

/* 导航图标 */
.menuUl li .i02 {
  background-position: 0 -70px;
}

.menuUl li .i03 {
  background-position: 0 -140px;
}

.menuUl li .i04 {
  background-position: 0 -210px;
}

.menuUl li .i05 {
  background-position: 0 -280px;
}

.menuUl li .i06 {
  background-position: 0 -350px;
}

.menuUl li .i07 {
  background-position: 0 -420px;
}

.menuUl li .i08 {
  background-position: 0 -490px;
}

.menuUl .active a .i01 {
  background-position: -70px 0;
}

.menuUl .active a .i02 {
  background-position: -70px -70px;
}

.menuUl .active a .i03 {
  background-position: -70px -140px;
}

.menuUl .active a .i04 {
  background-position: -70px -210px;
}

.menuUl .active a .i05 {
  background-position: -70px -280px;
}

.menuUl .active a .i06 {
  background-position: -70px -350px;
}

.menuUl .active a .i07 {
  background-position: -70px -420px;
}

/* ===== 侧边栏底部 ===== */
.menuEnd {
  width: 290px;
  height: 230px;
  left: 0;
  bottom: 20px;
  text-align: center;
}

.menuEnd .p01 {
  color: var(--color-text-sidebar-2);
  padding: 0;
  font-size: 14px;
}

.menuEnd .p02 {
  color: var(--color-text-sidebar-2);
  padding-top: 5px;
  font-size: 12px;
}

.menuEnd .p03 {
  color: var(--color-white);
  padding-top: 10px;
}

/* ===== 收起按钮 ===== */
.btn2 {
  width: 30px;
  height: 100px;
  position: absolute;
  right: 0px;
  top: 300px;
  background: url(../images/btn2.png);
  cursor: pointer;
}

.btn2:hover {
  background: var(--color-accent-500);
}

.btn21 {
  width: 30px;
  height: 100px;
  position: absolute;
  right: 0px;
  top: 300px;
  background: url(../images/btn2.png);
  cursor: pointer;
}

/* ===== 主内容区 ===== */
.mainBox {
  width: calc(100% - 350px);
  height: auto;
  float: left;
  margin-left: 20px;
  margin-top: 40px;
}

.title01 {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid var(--color-border-lighter);
  color: var(--color-text-secondary);
  margin-bottom: 50px;
}

.title01 a {
  color: var(--color-text-tertiary);
  padding: 0 10px;
}

.mainCon {
  width: 100%;
  height: auto;
  clear: both;
}

/* ===== 分类网格 ===== */
.dl02 {
  margin-bottom: 50px;
  width: 100%;
  height: auto;
  clear: both;
  overflow: hidden;
}

.dl02 dt {
  width: 11%;
  height: 190px;
  float: left;
  background: var(--color-primary-300b);
  color: var(--color-white);
  line-height: 190px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.dl02 dd {
  width: 11%;
  height: 48px;
  float: left;
  background: var(--color-white);
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  color: var(--color-text-primary);
  margin-left: 1.4%;
  margin-bottom: 20px;
  border: 1px solid var(--color-border-lighter);
}

.dl02 .active {
  background: var(--color-primary-500);
  border-color: var(--color-primary-500);
}

.dl02 .active a {
  color: var(--color-white);
}

.dl02 dd:hover a {
  background: var(--color-primary-500);
  border-color: var(--color-primary-500);
  color: var(--color-white);
}

.dlbg2 dt {
  background: #53c0b1;
}

.dlbg3 dt {
  background: var(--color-accent-amber);
}

/* ===== 广告位 ===== */
.ul02 {
  width: 100%;
  height: auto;
  overflow: hidden;
  clear: both;
}

.ul02 li {
  width: 32%;
  height: 135px;
  margin-right: 2%;
  float: left;
  position: relative;
}

.ul02 li img {
  width: 100%;
  height: 100%;
}

.ul02 li:nth-child(3) {
  margin-right: 0;
}

.ul02 li i {
  width: 40px;
  height: 35px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  background: url(../images/btn5.png) no-repeat;
  cursor: pointer;
}

/* ===== 分类弹窗 ===== */
.title02 {
  width: 100%;
  border-bottom: 2px solid var(--color-border-lighter);
  padding-top: 30px;
  position: relative;
}

.titMain {
  width: 80%;
  height: 520px;
  border-radius: 5px;
  background: var(--color-white);
  box-shadow: 1px 2px 15px var(--color-text-tertiary);
  position: absolute;
  left: 0;
  top: 100px;
  display: none;
  z-index: 888;
}

.tmTit {
  width: 100%;
  height: 84px;
  line-height: 84px;
  font-size: 24px;
  color: var(--color-accent-500);
  font-weight: 700;
  text-indent: 50px;
  border-bottom: 1px solid var(--color-border);
}

.ul04 {
  width: 100%;
  height: 60px;
  padding-top: 30px;
  padding-left: 4%;
  clear: both;
}

.ul04 li {
  width: 28%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-right: 4%;
  background: var(--color-text-disabled);
  color: var(--color-white);
  font-size: 18px;
  font-weight: 700;
  float: left;
  padding: 0;
  cursor: pointer;
  position: relative;
}

.ul04 li i {
  width: 13px;
  height: 5px;
  display: block;
  background: url(../images/ico24.png);
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: 0;
  display: none;
}

.ul04 .active i {
  display: block;
}

.ul04 li:nth-child(1) {
  background: var(--color-primary-500);
}

.ul04 li:nth-child(2) {
  background: var(--color-secondary-300);
}

.ul04 li:nth-child(3) {
  background: var(--color-accent-300);
  margin-right: 0;
}

.ul04 li:nth-child(1):hover {
  background: var(--color-primary-600);
}

.ul04 li:nth-child(2):hover {
  background: #73c3b8;
}

.ul04 li:nth-child(3):hover {
  background: #e7b45f;
}

.tmBox {
  clear: both;
  padding-top: 30px;
  padding-left: 4%;
  display: none;
  width: 96%;
}

.active3 {
  display: block;
}

.tmBox ul li {
  width: 16%;
  height: 48px;
  float: left;
  border: 1px solid var(--color-border-lighter);
  margin-right: 20px;
  margin-bottom: 20px;
  line-height: 48px;
  text-align: center;
}

.tmBox ul li a {
  font-size: 16px;
  color: var(--color-text-primary);
}

.tmBox ul li:hover {
  background: var(--color-primary-500);
  border-color: var(--color-primary-500);
  color: var(--color-white);
}

.tmBox ul li:hover a {
  color: var(--color-white);
}

/* ===== 标题栏 ===== */
.titBox {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-primary-500);
  height: 40px;
  line-height: 40px;
}

.titBox a {
  font-size: 14px;
  font-weight: 100;
  margin-left: 10px;
  color: var(--color-accent-500);
}

.titBox .color3 {
  color: var(--color-primary-500);
}

.titBox .color2 {
  color: var(--color-secondary-500);
}

.titBox .font16 {
  font-size: 16px;
}

/* ===== 筛选栏 ===== */
.tabBox {
  width: 100%;
  clear: both;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: var(--color-text-secondary);
}

.tabBox ul li,
.tabBox ul {
  display: inline-block;
}

.tabBox ul li {
  padding: 0 10px;
  cursor: pointer;
}

.tabBox ul .active {
  color: var(--color-primary-500);
  font-weight: 700;
  background: url(../images/ico11.png) no-repeat center bottom;
}

/* ===== 筛选弹窗交互 ===== */
#showsx:hover .titMain {
  display: block;
}

.xf {
  font-size: 14px;
  font-weight: 100;
  margin-left: 10px;
  color: var(--color-accent-500);
}

.clost_btn {
  width: 40px;
  height: 35px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  background: url('/static/images/btn5.png') no-repeat;
  cursor: pointer;
}

/* ===== 筛选条件块 ===== */
.filter_box {
  height: 39px;
  padding: 10px;
  margin: 10px;
  border-radius: 5px;
}

.filter_box label {
  color: var(--color-white);
}

.filter_box ul li a.select {
  padding: 5px;
  background-color: var(--color-border-light);
  border-radius: 5px;
}

.filter_box ul li a.changbtn {
  padding: 5px;
  background-color: var(--color-accent-700);
  border-radius: 5px;
  color: var(--color-white);
}

/* ===== 搜索框 ===== */
.searchBox {
  width: 300px;
  height: 50px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.text1 {
  width: 228px;
  height: 48px;
  border: 1px solid var(--color-text-secondary);
  float: left;
  line-height: 50px;
  text-indent: 15px;
  font-size: 17px;
  color: var(--color-text-tertiary);
}

.btn3 {
  width: 70px;
  height: 50px;
  background: url(../images/btn6.png) var(--color-primary-500) no-repeat center;
  border: none;
  cursor: pointer;
}

/* ===== 表格 ===== */
.table01 {
  width: 100%;
  border: none;
  background: var(--color-white);
}

.table01 td {
  height: 50px;
  border-bottom: 1px dotted var(--color-border);
  font-size: 16px;
}

.table01 tr td a:hover {
  color: var(--color-primary-500);
}

/* ===== 按钮 ===== */
.btn4 {
  width: 60px;
  height: 30px;
  line-height: 30px;
  color: var(--color-white);
  display: inline-block;
  background: var(--color-primary-500);
  border-radius: 5px;
  text-align: center;
}

.btn4:hover {
  background: var(--color-primary-700);
}

.btn13 {
  width: 60px;
  height: 30px;
  line-height: 30px;
  color: var(--color-white);
  display: inline-block;
  background: var(--color-accent-500);
  border-radius: 5px;
  text-align: center;
}

.btn13:hover {
  background: var(--color-tvip-a);
}

.btn44 {
  width: 105px;
  height: 35px;
  background: #93b3d7;
  line-height: 35px;
}

.btn5 {
  background: var(--color-primary-500);
}

.btn6 {
  width: 230px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: var(--color-white);
  text-align: center;
  display: block;
  background: var(--color-primary-500);
  margin: 0 auto;
  margin-top: 20px;
}

.btn7 {
  width: 125px;
  height: 40px;
  line-height: 40px;
  background: var(--color-accent-500);
  color: var(--color-white);
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
}

.btn7x {
  width: 125px;
  height: 40px;
  line-height: 40px;
  background: var(--color-border);
  color: var(--color-white);
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
}

.btn8 {
  width: 100%;
  height: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
  color: var(--color-white);
  clear: both;
  background-color: var(--color-secondary-500);
}

.btn9 {
  width: 100%;
  height: 48px;
  line-height: 48px;
  display: block;
  text-align: center;
  font-size: 14px;
  color: var(--color-primary-500);
  clear: both;
  background: var(--color-white);
  border: 1px solid var(--color-primary-500);
  margin-top: 20px;
}

.btn10 {
  width: 105px;
  height: 40px;
  line-height: 40px;
  background: var(--color-accent-500);
  border: none;
  color: var(--color-white);
  float: right;
  margin-top: 35px;
}

.btn11 {
  background: var(--color-border);
  color: var(--color-text-primary);
}

.btn12 {
  margin-top: 50px;
  background: var(--color-secondary-500);
}

.btn44 {
  width: 105px;
  height: 35px;
  background: #93b3d7;
  line-height: 35px;
}

/* ===== 图标 ===== */
.table01 .ico01,
.table02 .ico01 {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/ico10.png) no-repeat;
  margin-bottom: -5px;
  margin-right: 5px;
}

.table01 .ico02,
.table02 .ico02 {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/ico12.png) no-repeat;
  margin-bottom: -2px;
  margin-right: 5px;
}

.table01 .ico03,
.table02 .ico03 {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/ico13.png) no-repeat;
  margin-bottom: -2px;
  margin-right: 5px;
}

.ico111 {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/ico10.png) no-repeat;
  margin-bottom: -4px;
  margin-right: 5px;
}

.ico222 {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/ico12.png) no-repeat;
  margin-bottom: -4px;
  margin-right: 5px;
}

.ico333 {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/ico13.png) no-repeat;
  margin-bottom: -4px;
  margin-right: 5px;
}

/* ===== 内容区 ===== */
.content {
  display: none;
}

.active2 {
  display: block;
}

/* ===== 表格2 ===== */
.table02 {
  line-height: 34px;
  font-size: 16px;
  color: var(--color-text-primary);
}

.table02 td {
  width: 250px;
}

.table02 span {
  color: var(--color-text-tertiary);
}

/* ===== 供求编辑区 ===== */
.gqBox {
  width: 100%;
  height: auto;
  clear: both;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 40px;
}

.gqCon1 {
  width: 48%;
  float: left;
  margin-right: 4%;
}

.gqCon2 {
  width: 48%;
  float: left;
}

.p06 {
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: var(--color-white);
  background: var(--color-primary-500);
  font-size: 16px;
  font-weight: 700;
}

.gqTxt {
  width: auto;
  height: 429px;
  border: 1px solid var(--color-border-lighter);
  border-top: 0;
  font-size: 16px;
  color: var(--color-text-primary);
  line-height: 30px;
  padding: 30px;
  overflow-y: auto;
}

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

.p08 {
  background: var(--color-text-primary);
}

.title03 {
  padding-top: 0;
}

.title03 .titBox2 {
  color: var(--color-secondary-500);
}

/* ===== 登录注册 ===== */
.main3 {
  width: 1120px;
  height: 620px;
  margin: 150px auto 0 auto;
  background: url(../images/dlbg.jpg) no-repeat;
}

.dlBox {
  width: 355px;
  height: 620px;
  float: left;
}

.p09 {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text-primary);
}

.p10 {
  font-size: 34px;
  font-weight: 700;
  color: var(--color-text-primary);
}

.text2 {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: none;
  border-bottom: 1px solid var(--color-border);
  margin-top: 35px;
  font-size: 14px;
  color: var(--color-text-tertiary);
}

.text3 {
  width: 230px;
  float: left;
}

.p11 {
  height: 70px;
  line-height: 70px;
  clear: both;
}

.p11 a {
  font-size: 12px;
  color: var(--color-text-secondary);
}

.p12 {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 12px;
  color: var(--color-text-primary);
  text-align: center;
}

.p12 a {
  color: var(--color-secondary-500);
  margin-left: 10px;
  border-bottom: 2px solid var(--color-secondary-500);
}

.p12 .blue1 {
  color: var(--color-primary-500);
  border-color: var(--color-primary-500);
}

.p13 {
  padding-top: 50px;
}

.p14 {
  width: 100%;
  height: auto;
  overflow: hidden;
  clear: both;
}

.p15 {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-text-tertiary);
  width: 400px;
  padding-top: 20px;
}

.p15 span {
  color: var(--color-accent-gold);
}

.text4 {
  margin-top: 10px;
}

/* ===== 关键词 ===== */
.keyBox {
  width: 100%;
  text-align: center;
  padding-top: 50px;
}

.keyBox .pp1 {
  font-size: 16px;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 50px;
}

.keyBox .pp2 {
  font-size: 12px;
  color: var(--color-text-tertiary);
}

/* ===== 功能入口 ===== */
.ul03 {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 50px;
}

.ul03 li {
  width: 18%;
  height: 130px;
  background: var(--color-text-disabled);
  float: left;
  margin-right: 2%;
  text-align: center;
}

.ul03 li .icoBox {
  margin-top: 20px;
  width: 60px;
  height: 60px;
  display: inline-block;
}

.ul03 li .mTit1 {
  font-size: 16px;
  margin: 0;
}

.ul03 .libg1 {
  background: var(--color-brand-blue2);
}

.ul03 .libg2 {
  background: var(--color-secondary-500);
}

.ul03 .libg3 {
  background: #34b0d8;
}

.ul03 .libg4 {
  background: var(--color-warning-2);
}

.ul03 .libg5 {
  background: #c481dd;
}

.ul03 .libg6 {
  background: #ea7b74;
}

.ul03 .libg7 {
  background: var(--color-warning-2);
}

.ul03 .libg8 {
  background: #81b1dd;
}

.ul03 .libg9 {
  background: #a184df;
}

.ul03 .libg10 {
  background: #767b8b;
}

.ul03 .libg11 {
  background: #e85c95;
}

.ul03 .libg12 {
  background: #40cb5e;
}

.ul03 .libg13 {
  background: var(--color-accent-purple);
}

/* ===== 标题4 ===== */
.title04 {
  height: 80px;
  border: none;
}

/* ===== 文本框 ===== */
.textBox {
  width: 100%;
  height: 429px;
  border: none;
  font-size: 16px;
  color: var(--color-text-primary);
  line-height: 30px;
  overflow-y: auto;
}

.gqTxt3 {
  width: auto;
  border: 2px solid var(--color-border-lighter);
  border-top: 0;
  padding: 30px;
}

/* ===== 发布 ===== */
.fbBox {
  clear: both;
  width: 100%;
  padding-top: 30px;
  text-align: center;
  position: relative;
}

.fbBox a {
  width: 230px;
  height: 50px;
  display: block;
  text-align: center;
  line-height: 50px;
  background: url(../images/btn7.png) no-repeat;
  font-size: 14px;
  color: var(--color-white);
  margin: 0 auto;
}

.fbBox2 {
  clear: both;
  text-align: center;
  font-size: 12px;
  line-height: 70px;
}

.fbBox2 a {
  color: var(--color-text-tertiary);
}

.fbBox p {
  position: absolute;
  left: 0;
  top: 30px;
  font-size: 14px;
  color: var(--color-text-tertiary);
}

.fbBox p a {
  display: inline;
  background: none;
  color: var(--color-primary-500);
}

/* ===== 更多 ===== */
.moreBox {
  width: 100%;
  clear: both;
  height: 50px;
  position: relative;
}

.backBtn {
  position: absolute;
  left: 0;
  top: 20px;
  color: var(--color-text-primary);
  font-size: 14px;
}

.titP {
  font-size: 12px;
  color: var(--color-text-tertiary);
  padding-top: 10px;
  clear: both;
}

.titP span {
  color: var(--color-accent-500);
}

/* ===== 资料列表 ===== */
.zlList {
  width: 730px;
  height: 50px;
  clear: both;
  margin-bottom: 10px;
}

.zlCon1 {
  width: 125px;
  height: 50px;
  float: left;
  background: var(--color-primary-500);
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: var(--color-white);
}

.zlCon2 {
  width: 603px;
  height: 48px;
  line-height: 48px;
  text-indent: 20px;
  font-size: 16px;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  float: left;
}

.xgBtn {
  clear: both;
  margin-top: 50px;
}

.xgBtn a {
  width: 230px;
  height: 50px;
  line-height: 50px;
  display: block;
  background: var(--color-secondary-500);
  text-align: center;
  font-size: 14px;
  color: var(--color-white);
}

/* ===== 详情页 ===== */
.p16 {
  height: 80px;
  line-height: 80px;
  width: auto;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  color: var(--color-primary-500);
  font-size: 24px;
  font-weight: 700;
  text-indent: 30px;
}

.p17 {
  color: var(--color-secondary-500);
}

.gqTxt5 {
  font-size: 14px;
  line-height: 24px;
  border-color: var(--color-border);
  height: 477px;
}

.gqTxt5 .pp3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.gqTxt5 .pp4 {
  width: auto;
  height: 160px;
}

.gqTxt5 .pp5 {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: var(--color-accent-500);
  clear: both;
  margin-bottom: 10px;
}

.gqTxt5 .pp5 span {
  font-size: 16px;
  font-weight: 100;
}

.gqTxt5 .pp6 {
  text-align: center;
}

.gqTxt5 .pp7 {
  text-align: center;
  font-size: 14px;
  color: var(--color-text-tertiary);
}

.gqTxt5 .pp8 {
  text-align: center;
  clear: both;
}

.gqTxt5 .pp8 a {
  width: 230px;
  height: 50px;
  line-height: 50px;
  color: var(--color-white);
  background: var(--color-primary-500);
  display: block;
  margin: 20px auto 0 auto;
}

.gqTxt5 .pp9 a {
  background: var(--color-secondary-500);
}

/* ===== 列表 ===== */
.listBox {
  width: 100%;
  clear: both;
  margin-bottom: 10px;
}

.listUl {
  width: 100%;
  height: 60px;
  background: var(--color-bg-light);
  clear: both;
}

.listUl li {
  float: left;
  line-height: 60px;
  font-size: 16px;
}

.listUl .li1,
.listUl .li2,
.listUl .li3 {
  float: right;
  text-align: center;
  color: var(--color-text-tertiary);
}

.listUl .li3 {
  width: 125px;
  background: #93b3d7;
  color: var(--color-white);
  cursor: pointer;
}

.listUl .li2 {
  width: 105px;
  background: var(--color-border-lighter);
  text-align: center;
  cursor: pointer;
}

.listUl .li1 {
  width: 130px;
}

.listUl .li0 {
  padding-left: 30px;
  width: 38%;
  height: 100%;
  overflow: hidden;
}

.listTxt {
  width: auto;
  height: auto;
  border: 1px solid var(--color-border);
  padding: 30px;
  font-size: 14px;
  line-height: 30px;
  display: none;
}

/* ===== 弹窗 ===== */
.cgBox {
  width: 250px;
  height: 180px;
  position: absolute;
  left: 50%;
  top: 220px;
  z-index: 555;
  margin-left: -125px;
  background: url(../images/btn8.png) no-repeat;
  display: none;
}

/* ===== 表格3 ===== */
.table03 {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.table03 th {
  height: 60px;
  line-height: 60px;
  background: var(--color-bg-light);
  color: var(--color-text-tertiary);
  font-size: 14px;
  font-weight: 100;
}

.table03 td {
  height: 170px;
  font-size: 14px;
  color: var(--color-text-primary);
  border-bottom: 1px solid var(--color-border);
}

.table03 .td01 {
  border-left: 1px solid var(--color-border);
  line-height: 170px;
}

.table03 .td05 {
  border-right: 1px solid var(--color-border);
}

.table03 .td01 img {
  float: left;
  margin-left: 20px;
  margin-top: 20px;
}

.table03 a {
  color: var(--color-primary-500);
}

.table03 .btn5 {
  color: var(--color-white);
}

.table04 td {
  height: 70px;
  line-height: 70px;
}

.table04 .td01 {
  line-height: 70px;
}

/* ===== 共用样式 ===== */
.borNone {
  border: none;
}

.border1 {
  border-bottom: 1px solid #ebebeb;
}

.rightno {
  margin-right: 0;
}

.l {
  float: left;
}

.r {
  float: right;
}

.mar0 {
  margin: 0;
}

.line20 {
  line-height: 20px;
}

.line30 {
  line-height: 30px;
}

.line40 {
  line-height: 40px;
}

.padt20 {
  padding-top: 20px;
}

.padt30 {
  padding-top: 30px;
}

.padt40 {
  padding-top: 40px;
}

.padt50 {
  padding-top: 50px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font44 {
  font-size: 44px;
}

.font14 {
  font-size: 14px;
}

.fbold {
  font-weight: 700;
}

.color3 {
  color: var(--color-text-primary);
}

.color9 {
  color: var(--color-text-tertiary);
}

.color4 {
  color: var(--color-text-quaternary);
}

.mart50 {
  margin-top: 50px;
}

.mart30 {
  margin-top: 30px;
}

.mart15 {
  margin-top: 15px;
}

.marb50 {
  margin-bottom: 50px;
}

.marb30 {
  margin-bottom: 30px;
}

.marb20 {
  margin-bottom: 20px;
}

.marb5 {
  margin-bottom: 5px;
}

.red1 {
  color: #e85050;
}

.blue1 {
  color: var(--color-primary-500);
}

.aboutm_txt {
  padding-right: 30px;
  line-height: 200%;
  height: auto;
  padding-bottom: 30px;
}

/* ===== 支付 ===== */
.paytable {
  width: 800px;
  height: 600px;
  border: var(--color-text-secondary) solid 1px;
  padding: 0px;
  margin: auto;
  margin-top: 120px;
  background: var(--color-white);
}

.paytitle {
  background: var(--color-bg-blue-tint);
  color: var(--color-success);
  padding: 40px;
  font-size: 20px;
  border-bottom: var(--color-border-blue) solid 1px;
}

.paytitle_txt {
  font-size: 14px;
  border-top: dotted 1px #999999;
  padding-top: 10px;
  margin-top: 10px;
  line-height: 180%;
}

.paytitle2 {
  background: var(--color-bg-blue-tint);
  color: var(--color-success);
  font-size: 20px;
  border-bottom: var(--color-border-blue) solid 1px;
}

.paytable .red {
  color: var(--color-red-pure);
  font-size: 16px;
  font-weight: bold;
}

.code {
  text-align: center;
  padding-top: 30px;
}

/* ===== 内容项 ===== */
.con2:nth-child(even) {
  background: #e2eef6;
}

.con2 {
  height: 40px;
  overflow: hidden;
  border: 1px solid var(--color-border-soft);
  font-size: 12px;
  color: var(--color-text-primary);
  line-height: 30px;
  background: var(--color-bg-muted3);
  clear: both;
  margin: 0px auto 4px auto;
  padding: 0 10px;
  border-radius: 4px;
}

.con2 .txt1 {
  width: auto;
  height: auto;
  clear: both;
  border-top: 1px dotted var(--color-text-disabled);
  line-height: 24px;
  padding: 10px 0;
  margin-top: 2px;
}

.cLeft {
  width: auto;
  float: left;
  height: 40px;
  line-height: 40px;
  color: rgb(192, 112, 112);
  font-size: 16px;
}

.cRight {
  width: auto;
  float: right;
  color: #1798d4;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
}

/* ===== 隐藏 ===== */
.box-3 {
  display: none;
}

/* ===== 广告 ===== */
.adbtn1 {
  width: 230px;
  height: 50px;
  display: block;
  background: var(--color-primary-500);
  line-height: 50px;
  text-align: center;
  color: var(--color-white);
  float: left;
  cursor: pointer;
}

.adbtn2 {
  width: 230px;
  height: 50px;
  display: block;
  background: var(--color-secondary-500);
  line-height: 50px;
  text-align: center;
  color: var(--color-white);
  float: right;
}

.tmBox a li {
  color: var(--color-black);
}

/* ===== 下拉 ===== */
.drop .code {
  display: none;
}

.drop:hover .code {
  display: block;
}

/* ===== 弹层 ===== */
.layui-layer {
  padding: 30px;
  border: 1px solid var(--color-border-light);
  border-radius: 10px;
}

.layui-layer-btn .layui-layer-btn0 {
  background-color: var(--color-primary-700);
}

/* ===== VIP徽章 ===== */
.vip-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 6px;
  border-radius: 16px;
  font-size: 11px;
  color: var(--color-white);
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}

.vip-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.vip-badge--svip {
  background: linear-gradient(135deg, var(--color-svip-a) 0%, var(--color-svip-b) 100%);
}

.vip-badge--tvip {
  background: linear-gradient(135deg, var(--color-tvip-a) 0%, var(--color-accent-gold) 100%);
}

.vip-badge--vip {
  background: linear-gradient(135deg, var(--color-vip-a) 0%, var(--color-vip-b) 100%);
}

.vip-badge--svip::before {
  content: "★";
  margin-right: 4px;
  font-size: 12px;
}

.vip-badge--tvip::before {
  content: "♥";
  margin-right: 4px;
  font-size: 12px;
}

/* ===== 弹窗背景 ===== */
.pop-box,
#pop-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  display: none;
}

/* ===== 展馆 ===== */
.zgBox ul li {
  display: inline-block;
}

.zgBox ul li a {
  font-size: 21px;
  font-weight: 500;
  display: block;
  width: 46px;
  padding: 10px;
  border: 1px solid var(--color-border-light);
  text-align: center;
  margin: 10px;
  color: var(--color-black);
}

.zgBox ul li a:hover {
  background-color: var(--color-primary-500);
  color: var(--color-white);
}

/* ===== 标签 ===== */
.font-tag {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: bold;
}

.gong {
  border: 2px solid var(--color-gong);
}

.gong-color {
  background-color: var(--color-gong);
  color: white;
}

.gong-text-color {
  color: var(--color-gong);
}

.qiu {
  border: 2px solid var(--color-qiu);
}

.qiu-color {
  background-color: var(--color-qiu);
  color: white;
}

.qiu-text-color {
  color: var(--color-qiu);
}

/* ===== 图标框 ===== */
.icon-box {
  display: inline-block;
  padding: 5px 10px;
  font-size: 1.2rem;
  font-weight: 900;
  color: #444;
-2px -2px 2px rgba(0, 0, 0, 0.3);
  position: relative;
  transition: all 0.3s ease;
}

/* ===== 分页 ===== */
.pageplay a {
  display: inline-block;
  padding: 5px 10px;
  margin: 5px;
  border-radius: 5px;
  background-color: var(--color-border-lighter);
  border: 1px solid var(--color-border-light);
  text-align: center;
  cursor: pointer;
}

.pageplay a.active {
  background-color: var(--color-primary-500);
  color: var(--color-white);
}

/* ===== 表格条纹 ===== */
#conTxt tbody tr:nth-child(odd) {
  background-color: var(--color-white);
}

#conTxt tbody tr:nth-child(even) {
  background-color: var(--color-bg-stripe);
}

/* ===== layui覆盖 ===== */
.layui-table td,
.layui-table th {
  font-size: 16px;
}

/* ===== 省略号 ===== */
.el3 {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gh {
  display: inline-table;
  width: 80px;
  height: 35px;
  background: var(--color-accent-orange2);
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: var(--color-white);
  margin-left: 5px;
}

.gh:hover {
  background: #2967b0;
}