@charset "utf-8";
/* pc.css - merged from index.css + gong.css + qiu.css + pop.css + jquery.jslides.css */
/* CSS reset removed (provided by base.css), colors use tokens.css variables */

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

.header { width: 100%; height: 100px; min-width: 1200px; background: #d3dce9; /* 特殊背景色，保留 */ }

.logo { width: 290px; height: 100px; float: left; background: var(--color-primary); 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); line-height: 100px; height: 100px; }

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

.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); padding: 0 20px; }

.topBox2 a { padding: 0 10px; }

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

.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-secondary); float: left; margin-right: 3.2%; text-align: center; }

.mLi2 { width: 48.4%; height: 190px; background: var(--color-bg-secondary); 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); padding-top: 40px; }

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

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

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

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

.bg03 { background: #82a9e0; }

.bg04 { background: #e39e7e; }

.bg05 { background: #ffbb37; }

.bg06 { background: #ff7761; }

.bg07 { background: #6c98e7; }

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

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

.rBox { width: 40px; height: 160px; position: absolute; left: -40px; top: 0; background: var(--color-primary); font-size: 14px; color: var(--color-text-white); text-align: center; }

.rMain { width: 310px; height: 290px; background: var(--color-bg); 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-text-white); text-align: center; margin-left: 10px; background: var(--color-primary); font-size: 14px; padding: 8px; }

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

.ppp3 .a3 { background: #b0287a; }

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

.rBox a { width: 40px; height: 40px; background: var(--color-border-dark); 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: #192d44; /* 深色侧边栏背景，保留 */ 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: #a8acb2; }

.menuUl li a:hover,.menuUl .active a { background: #121f2d; border-right: 3px solid var(--color-warning); color: var(--color-text-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 li a:hover .i01, .menuUl .active a .i01 { background-position: -70px 0; }

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

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

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

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

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

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

.menuEnd { width: 290px; height: 230px; left: 0; bottom: 20px; text-align: center; }

.menuEnd .p01 { color: #445060; padding: 0; font-size: 14px; }

.menuEnd .p02 { color: #445060; padding-top: 5px; font-size: 12px; }

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

.btn2 { width: 30px; height: 100px; position: absolute; right: 0px; top: 300px; background: var(--color-warning); cursor: pointer; }

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

.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-light); color: var(--color-text-secondary); margin-bottom: 50px; }

.title01 a { color: var(--color-text-muted); 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: #5385c0; color: var(--color-text-white); line-height: 190px; text-align: center; font-size: 18px; font-weight: 700; }

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

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

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

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

.dlbg2 dt { background: #53c0b1; }

.dlbg3 dt { background: #f5ac33; }

.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-light); padding-top: 30px; position: relative; }

.titMain { width: 80%; height: 520px; border-radius: 5px; background: var(--color-bg); box-shadow: 1px 2px 15px var(--color-text-muted); 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-warning); 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: #aaa; color: var(--color-text-white); font-size: 18px; font-weight: 700; float: left; padding: 0; cursor: pointer; position: relative; }

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

.ul04 .active i { display: block; }

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

.ul04 li:nth-child(2) { background: #93d7ce; }

.ul04 li:nth-child(3) { background: #f9cb7f; margin-right: 0; }

.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-light); margin-right: 20px; margin-bottom: 20px; line-height: 48px; text-align: center; }

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

.titBox { font-size: 24px; font-weight: 700; color: var(--color-primary); height: 40px; line-height: 40px; }

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

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

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

.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); font-weight: 700; background: url(../images/ico11.png) no-repeat center bottom; }

.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-muted); }

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

.table01 { width: 100%; border: none; background: var(--color-bg); }

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

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

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

.btn13:hover { background: #e68a00; }

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

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

.delBtn { color: var(--color-text-muted); }

.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; }

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

.content { display: none; }

.active2 { display: block; }

.p04 { font-size: 24px; font-weight: 700; color: var(--color-primary); line-height: 70px; }

.p05 { font-size: 18px; font-weight: 700; color: var(--color-text); line-height: 30px; }

.table02 { line-height: 34px; font-size: 16px; color: var(--color-text); }

.table02 td { width: 250px; }

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

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

.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-text-white); background: var(--color-primary); font-size: 16px; font-weight: 700; }

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

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

.title03 { padding-top: 0; }

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

.sBox2 { left: 0; }

.gqBox2 { height: 350px; }

.gqCon3 { height: 289px; }

.gqTxt2 { height: 429px; }

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

.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); }

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

.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-muted); }

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

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

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

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

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

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

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

.p13 { padding-top: 50px; }

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

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

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

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

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

.keyBox { width: 100%; text-align: center; padding-top: 50px; }

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

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

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

.p15 span { color: #f1a553; }

.text4 { margin-top: 10px; }

.ul03 { width: 100%; height: auto; overflow: hidden; margin-bottom: 50px; }

.ul03 li { width: 18%; height: 130px; background: #aaa; 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: #2e6fbb; }

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

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

.ul03 .libg4 { background: #eaac6a; }

.ul03 .libg5 { background: #c481dd; }

.ul03 .libg6 { background: #ea7b74; }

.ul03 .libg7 { background: #eaac6a; }

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

.ul03 .libg9 { background: #a184df; }

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

.ul03 .libg11 { background: #e85c95; }

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

.title04 { height: 100px; border: none; }

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

.gqTxt3 { width: auto; border: 2px solid var(--color-border-light); 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-text-white); margin: 0 auto; }

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

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

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

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

.moreBox { width: 100%; clear: both; height: 50px; position: relative; }

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

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

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

.zlList { width: 730px; height: 50px; clear: both; margin-bottom: 10px; }

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

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

.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; }

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

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

.p16 { heght: 80px; line-height: 80px; width: auto; background: var(--color-bg); border: 1px solid var(--color-border); color: var(--color-primary); font-size: 24px; font-weight: 700; text-indent: 30px; }

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

.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-warning); 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-muted); }

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

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

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

.listBox { width: 100%; clear: both; margin-bottom: 10px; }

.listUl { width: 100%; height: 60px; background: var(--color-bg-secondary); 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-muted); }

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

.listUl .li2 { width: 105px; background: var(--color-border-light); 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; }

.table03 { width: 100%; text-align: center; margin-bottom: 20px; }

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

.table03 td { height: 170px; font-size: 14px; color: var(--color-text); 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); }

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

.ppp1 { color: var(--color-warning); font-size: 16px; font-weight: 700; margin-bottom: 5px; }

.ppp2 { font-size: 14px; color: var(--color-text-muted); line-height: 24px; margin-bottom: 30px; }

.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); }

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

.color4 { color: #4c4948; }

.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); }

.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-bg); }

.paytitle { background: #f8fbfe; color: #59a11d; padding: 40px; font-size: 20px; border-bottom: #e0eaf5 solid 1px; }

.paytitle_txt { font-size: 14px; border-top: dotted 1px var(--color-text-muted); padding-top: 10px; margin-top: 10px; line-height: 180%; }

.paytitle2 { background: #f8fbfe; color: #59a11d; font-size: 20px; border-bottom: #e0eaf5 solid 1px; }

.paytable .red { color: #F00; font-size: 16px; font-weight: bold; }

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

.box-3 { display: none; }

.con2:nth-child(2), .con2:nth-child(4), .con2:nth-child(4), .con2:nth-child(6), .con2:nth-child(8), .con2:nth-child(10), .con2:nth-child(12), .con2:nth-child(14) { background: #e2eef6; }

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

.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; }

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

.con2 .txt1 { width: auto; height: auto; clear: both; border-top: 1px dotted #aaa; line-height: 24px; padding: 10px 0; margin-top: 2px; }

#showsx:hover .titMain { display: block; }

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

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

#logo { display: none; }

.btn4:hover { background: #064893; }

.el3 { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

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

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

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

.ul04 li:nth-child(1):hover { background: #185295; }

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

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

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

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

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

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

.tmBox a li { color: #000; }

.drop .code { display: none; }

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

.layui-layer { padding: 30px; border: 1px solid var(--color-border); border-radius: 10px; }

.layui-layer-btn .layui-layer-btn0 { background-color: #0a488f; }

.vip-badge { display: inline-flex; align-items: center; justify-content: center; padding: 1px 6px; border-radius: 16px; font-size: 11px; color: var(--color-text-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, #970814 0%, #ca5a5a 100%); }

.vip-badge--tvip { background: linear-gradient(135deg, #e68a00 0%, #f0c800 100%); }

.vip-badge--vip { background: linear-gradient(135deg, #8506b8 0%, #6e48aa 100%); }

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

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

.vip-badge--vip::before { 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: none; justify-content: center; align-items: center; z-index: 9999; }

.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); text-align: center; margin: 10px; color: #000; }

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

.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-text-white); }

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

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

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

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

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

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

.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  #589ce9; }

.gong-color { background-color: #589ce9; color: white; }

.gong-text-color { color: #589ce9; }

.qiu { border: 2px solid #e74c3c; }

.qiu-color { background-color: #e74c3c; color: white; }

.qiu-text-color { color: #e74c3c; }

.layui-table td, .layui-table th { font-size: 16px; }

.icon-box { display: inline-block; padding: 5px 10px; font-size: 1.2rem; font-weight: 900; color: #444; text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.8),
            -2px -2px 2px rgba(0, 0, 0, 0.3); position: relative; transition: all 0.3s ease; }

a.changbtn { padding: 5px; background-color: #e66d30; border-radius: 5px; color: var(--color-text-white); }

.tab-box { border-bottom: 5px solid var(--color-secondary); padding-left: 20px; }

.tab-item { display: inline-block; border-left: 2px solid var(--color-border); border-top: 2px solid var(--color-border); border-right: 2px solid var(--color-border); height: 50px; line-height: 45px; font-size: 16px; background-color: var(--color-border-light); }

.tab-item-active { display: inline-block; border-left: 2px solid var(--color-primary); border-top: 2px solid var(--color-primary); border-right: 2px solid var(--color-primary); height: 60px; line-height: 60px; font-size: 21px; background-color: var(--color-secondary); color: var(--color-text-white); }

.tab-item a,.tab-item-active a { width: 100%; height: 100%; padding-left: 20px; padding-right: 20px; display: block; }

.tab-item-active a { color: var(--color-text-white); }

.gqCon_content { height: 600px; }

.title04 .font14 { font-size: 16px; font-weight: bold; }

.align_left { text-align: left; float: left; }

.align_right { text-align: right; float: right; }

.align_center { text-align: center; }

.item_box { width: 48%; }

.selectBox { width: 80%; height: 40px; line-height: 40px; padding: 0 10px; border: 2px solid var(--color-border-dark); border-radius: 5px; font-size: 16px; }

.columns { width: 100%; margin-bottom: 20px; }

.textBox2 { width: 100%; line-height: 40px; padding: 20px; border: 2px solid var(--color-border-dark); border-radius: 5px; font-size: 16px; box-sizing: border-box; font-family: 微软雅黑, Arial, -apple-system-font, "Helvetica Neue", sans-serif; }

#data { width: 100%; table-layout: fixed; margin: 0px auto; border-collapse: collapse; border: 1px solid var(--color-border); font-size: 16px; font-family: Arial, sans-serif; }

#data th { border: 1px solid var(--color-border); padding: 10px 12px; background-color: #f8f9fa; text-align: left; font-weight: normal; color: var(--color-text); }

#data td { border: 1px solid var(--color-border); padding: 10px 5px; color: var(--color-text-secondary); }

#data tbody tr:nth-child(even) { background-color: #fafafa; }

#data tbody tr:hover { background-color: #e8f4ff; cursor: pointer; transition: background-color 0.2s ease; }

#data tr:last-child td { border-bottom: 1px solid var(--color-border); }

#data td:hover { background-color: #d1e7ff; position: relative; }

#data td.pop-content:hover::after { content: attr(data-tooltip); position: absolute; width: 100%; top: -30px; left: 50%; transform: translateX(-50%); background-color: #706f6f; color: var(--color-text-white); padding: 4px 8px; border-radius: 4px; font-size: 12px; z-index: 999; pointer-events: none; }

.scroll-container { padding: 30px; border: 2px solid var(--color-border-light); overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--color-border-dark) var(--color-bg-secondary); }

.scroll-container::-webkit-scrollbar { width: 6px; height: 6px; }

.scroll-container::-webkit-scrollbar-track { background: var(--color-bg-secondary); border-radius: 3px; }

.scroll-container::-webkit-scrollbar-thumb { background: var(--color-border-dark); border-radius: 3px; transition: background 0.2s ease; }

.scroll-container::-webkit-scrollbar-thumb:hover { background: var(--color-text-muted); }

.btn_small_edit { padding: 3px; background-color: var(--color-primary); border: 1px solid var(--color-border); border-radius: 5px; color: var(--color-text-white); font-size: 14px; }

.btn_small_del { padding: 3px; background-color: #f98d8d; border: 1px solid var(--color-border); border-radius: 5px; color: var(--color-text-white); font-size: 14px; }

.btn_small_show { padding: 3px; background-color: #099be0; border: 1px solid var(--color-border); border-radius: 5px; color: var(--color-text-white); font-size: 14px; }

.p06,.btn6 { background-color: var(--color-secondary) !important; }

.desc2 p { padding-top: 20px; margin-left: 10px; }

div.header { width: 100%; }

div.container { height: 100%; }

div.content { width: 100%; }

.botton { cursor: pointer; color: white; font-size: 12px; }

#cwxBg { position: absolute; display: none; background: #000; left: 0px; top: 0px; z-index: 1000; }

#cwxWd { position: absolute; display: none; border: 10px solid var(--color-border-dark); padding: 10px; background: var(--color-bg); z-index: 1500; }

#cwxCn { background: var(--color-bg); display: block; }

.adtit { font-size: 16px; color: #F00; }

.addiv { font-size: 14px; color: #000000; line-height: 160%; filter: alpha(opacity=70); opacity: 0.7; margin-left: 10px; }

.ad { font-size: 30px; color: #F00; text-align: center; width: 100%; }

#full-screen-slider { width: 100%; height: 900px; position: relative; overflow: hidden; }

.ban1 { width: 100%; height: 900px; margin: 0 auto; position: relative; }

#slides { display: block; width: 100%; height: 830px; list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; }

#slides li { display: none; width: 100%; height: 900px; list-style: none; padding: 0; margin: 0; position: absolute; top: 0; left: 0; }

#slides .active { display: block; }

#slides li a { width: 100%; height: 100%; display: block; }

#slides li p { position: absolute; left: 0; bottom: 0; background: url(../images/bg1.png); color: var(--color-text-white); width: 1020px; height: 82px; line-height: 30px; padding-top: 30px; padding-left: 90px; padding-right: 90px; display: none; }

#slides .active img { opacity: 1; }

#slides .active p { display: block; }

#pagination { display: block; list-style: none; position: absolute; left: 50%; bottom: 30px; z-index: 9900; }

#pagination li { display: block; list-style: none; width: 13px; height: 13px; float: left; margin-left: 8px; background: url(../images/li2.png) no-repeat; }

#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }

#pagination li.current { background: url(../images/li1.png) no-repeat; }

.fous { width: 100%; height: 10px; margin: 0 auto; position: absolute; left: 0; bottom: 50px; text-align: center; }

.fous li { width: 20px; height: 20px; margin-right: 5px; margin-left: 5px; background: var(--color-border); cursor: pointer; display: inline-block; border-radius: 50%; }

.fous .active { background: #ba1d21; }

.left1 { width: 50px; height: 45px; position: absolute; left: -0; top: 330px; background: url(../images/left3.png) no-repeat; cursor: pointer; }

.right1 { width: 50px; height: 45px; position: absolute; right: -0; top: 330px; background: url(../images/right3.png) no-repeat; cursor: pointer; }

.left1:hover { background: url(../images/left4.png) no-repeat; }

.right1:hover { background: url(../images/right4.png) no-repeat; }