<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* å…¨å±€ç±»å*/
.flex {display:flex !important;}
.hide {display:none !important;}
.bottomFadeOut {animation:bottomFadeOuts .15s !important;}
.topFadeIn {animation:topFadeIn .3s !important;}
.rightFadeOut {animation:rightFadeOut .3s !important;}
.leftFadeOut {animation:leftFadeOut .3s !important;}
.theme:hover,.themeSpan:hover span {color:var(--themeColor) !important;text-decoration:none !important;}
.scroll {overflow:auto;}
.scroll::-webkit-scrollbar {width:8px;}
.scroll::-webkit-scrollbar-thumb {background:#D7D7D9;border-radius:20px;}
.lineText {display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;}
/* èŠ‚æ—¥æ¨ªå¹…*/
.Background_Advertising {z-index:0 !important;}
/* é¡µé¢*/
.csc-list::-webkit-scrollbar {width:8px;}
.csc-list::-webkit-scrollbar-thumb {background:#D7D7D9;border-radius:20px;}
.c-top,.cn-list {width:1200px;margin:auto;}
.Shell {background-color:#F7F7F7;display:flex;flex-direction:column;min-height:100vh;}
.coreContent {flex:1;position:relative;z-index:1;transition:all .2s;background-color:#F7F7F7;margin-bottom:66px;}
.coreContent.nav-con {margin:66px auto;padding:10px 10px 0px;}
.c-top {height:90px;display:flex;align-items:center;justify-content:space-between;}
.ct-logo img {max-width:220px;max-height:60px;}
.ct-search {width:440px;height:40px;background:#FFFFFF;border-radius:4px;display:flex;align-items:center;border:1px solid white;box-sizing:border-box;transition:border .2s;}
.ct-search:hover,.ct-search.focus {border-color:var(--themeSearchColor);}
.cts-type {width:100px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;}
.cts-type .show {display:flex;align-items:center;justify-content:center;gap:6px;border-right:1px solid #E5E5E5;width:100%;cursor:pointer;}
.cts-type .show span {font-weight:400;font-size:14px;color:#666666;line-height:1;}
.cts-type .show img {width:12px;height:12px;}
.cts-type .select,.cnl-item .select {position:absolute;background:#FFFFFF;box-shadow:0px 3px 13px 0px rgba(0,17,51,0.05);border-radius:3px;padding:14px 0px 20px;display:none;animation:topFadeIn .3s;}
.cts-type .select {top:38px;left:0;z-index:2;max-height:500px;}
.cts-type .select .line {display:flex;flex-direction:column;box-sizing:border-box;border-right:1px solid #F2F3F5FF;}
.cts-type .select .line:last-of-type {border-right:0;}
.cts-type .select.scroll::-webkit-scrollbar {width:4px;}
.cts-type .select .line .item,.cnl-item .select a {font-weight:400;font-size:14px;color:#666666;cursor:pointer;padding:6px 20px;white-space:nowrap;}
.cts-type .select .line .item:hover,.cnl-item .select a:hover {background:var(--themeBackground);}
.cts-type .select .line .item {position:relative;}
.cts-type .select .line .item .child {position:absolute;left:100px;top:-30px;width:110px;padding:14px 0px 20px;background:#FFFFFF;box-shadow:0px 3px 13px 0px rgba(0,17,51,0.05);border-radius:4px;border:1px solid #F2F3F5;z-index:1;display:none;animation:topFadeIn .3s;flex-direction:column;}
.cts-type .select .line .item .child::before {content:'';width:9px;height:9px;background-color:white;border-top:1px solid #E6E7EBFF;border-left:1px solid #E6E7EBFF;position:absolute;top:35px;left:-6px;transform:rotateZ(-45deg);box-sizing:border-box;}
.cts-type .select .line .item .child::after {content:'';width:10px;height:100%;position:absolute;top:0;left:-10px;}
.cts-type .select .active,.cnl-item .select .active {color:var(--themeColor) !important;}
.cts-search {flex:1;border:none;outline:none;font-size:14px;margin:0px 10px;}
.cts-label {flex-shrink:0;gap:6px;animation:rightFadeIn .3s;display:flex;}
.cts-label a {font-weight:400;font-size:12px;color:#7A8599;height:20px;background:rgba(122,133,153,.1);border-radius:9px;padding:0 6px;cursor:pointer;}
.cts-pic {margin:0 12px 0 18px;cursor:pointer;fill:rgb(153,153,153);}
.cts-pic:hover {fill:var(--themeColor);}
.ct-btn {width:120px;height:40px;background:var(--themeColor);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:16px;}
.ct-btn:hover {opacity:.85;}
.ct-btn img {width:18px;height:18px;margin-right:5px;}
.ct-btn span {font-weight:400;font-size:14px;color:#FFFFFF;}
.ct-other {display:flex;align-items:center;position:relative;}
.ct-other .bar {width:1px;height:40px;background:#E6E6E6;}
.cto-item {display:flex;flex-direction:column;align-items:center;cursor:default;}
.cto-item.mobile {padding:10px 25px 10px 12px;}
.cto-item.gongzhong {padding:10px 12px 10px 25px;}
.cto-item .name {font-weight:400;font-size:12px;color:#999999;margin-top:8px;line-height:1;}
.cto-item.hover .name {color:var(--themeColor);}
.cto-item.hover svg {fill:var(--themeColor);}
.cto-item .pop {position:absolute;top:68px;padding:0px 36px;height:210px;gap:44px;background:#FFFFFF;box-shadow:0px 20px 40px 0px rgba(0,25,77,0.1);border-radius:3px;border:1px solid #E5E5E5;z-index:4;align-items:center;display:none;animation:topFadeIn .3s;cursor:auto;right:0;}
.cto-item .pop::before {content:'';width:100%;height:10px;top:-10px;left:0;position:absolute;}
.cto-item .pop .item {line-height:1;}
.cto-item .pop .item img {width:120px;height:120px;}
.cto-item .pop .item div {font-weight:400;font-size:12px;color:#999999;margin-top:10px;text-align:center;height: 30px; }

.cto-item .pop .item div span {color:var(--themeColor);line-height: 20px;}
.c-nav {width:100%;height:50px;background:var(--themeColor);overflow:hidden;}
.cn-list {display:flex;flex-wrap:wrap;}
.cn-list  span{ line-height:50px; color:#fff; margin:0 2px;}
.cnl-item {width:auto;height:50px;border-radius:6px;padding: 0 20px;min-width:60px;}
.cnl-item.active,.cnl-item:hover {font-weight:bold;background:var(--themeNavHover);}
.cnl-item .select {z-index:2;}
.cnl-item .select .line {border-right:1px solid #F2F3F5FF;display:flex;flex-direction:column;}
.cnl-item .select .line:last-of-type {border:0px;}
.cnl-item .select a {box-sizing:border-box;}
.cnl-item .title {width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#FFFFFF;}
.c-module {display:flex;gap:9px;}
.cm-item {width:293px;height:100px;background:#FFFFFF;border-radius:8px;display:flex;padding:13px;box-sizing:border-box;align-items:center;gap:19px;flex-grow:1;flex-shrink:0;}
.cmi-left {display:flex;flex-direction:column;align-items:center;}
.cmi-left img {width:50px;height:50px;}
.cmi-left:hover img {opacity:.8;}
.cmi-left span {font-weight:bold;font-size:13px;color:#333333;}
.cmi-right {display:flex;gap:10px;flex-wrap:wrap;}
.cmi-right .item {font-weight:400;font-size:13px;color:#333333;}
.c-adv {margin-top: 5px;display:block;}
.c-adv img {width:100%;height:100%;object-fit:cover;display:block;}

.c-advs {    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 5px;
    margin-top: 5px;}
.c-advs .siteAdvObj {
    width: 598px;
    height: 83px;
}
.c-advs img {width:100%;height:100%;object-fit:cover;display:block;}
.c-news {display:flex;gap:10px;margin-top:10px;}
.cn-left {width:300px;background:#FFFFFF;border-radius:4px;}
.cnl-video {padding:20px 20px 30px;border-bottom:1px solid #F2F2F2;}
.cnl-video .title {display:flex;justify-content:space-between;align-items:baseline;}
.cnl-video .title .text {font-weight:bold;font-size:18px;color:#212121;}
.cnl-video .title .more {font-weight:400;font-size:13px;color:#999999;cursor:pointer;}
.cnl-video .list {display:flex;flex-direction:column;gap:18px;margin-top:20px;}
.cnl-video .list .item .tip {font-weight:400;font-size:12px;color:#999999;margin-top:4px;-webkit-line-clamp:1;}
.cnl-video .list .item .name {font-weight:400;font-size:15px;color:#303033;margin-top:8px;-webkit-line-clamp:1;}
.cnl-video .list .item:hover .name {color:var(--themeColor);}
.cnl-video .list .item .video {width:260px;height:146px;border-radius:4px;position:relative;overflow:hidden;}
.cnl-video .list .item .video::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s;background-color:black;}
.cnl-video .list .item:hover .video::before {opacity:.15;}
.cnl-video .list .item .video .poster {width:100%;height:100%;object-fit:cover;}
.cnl-video .list .item .video .pic {width:48px;height:48px;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);transition:all .3s;transform:scale(1.5);opacity:0;}
.cnl-video .list .item:hover .video .pic {transform:scale(1);opacity:1;}
.cnl-video .list .item .video .mask {width:100%;height:60px;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%);border-radius:4px;display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:0;left:0;font-weight:400;font-size:12px;color:#CCCCCC;padding:0px 8px 10px;box-sizing:border-box;}
.cnl-media {padding:20px;}
.cnl-media .title {font-weight:bold;font-size:14px;color:#333333;line-height:1;}
.cnl-media .list {display:flex;flex-direction:column;gap:26px;margin-top:26px;}
.cnl-media .list .item {display:flex;align-items:center;gap:10px;}
.cnl-media .list .item .logo {width:46px;height:46px;background:#FFFFFF;border-radius:50%;border:1.5px solid #FF8700;position:relative;flex-shrink:0;padding:2px;box-sizing:border-box;}
.cnl-media .list .item .logo .show {border-radius:50%;width:100%;height:100%;object-fit:cover;}
.cnl-media .list .item .logo .pic {position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;}
.cnl-media .list .item .name {flex:1;}
.cnl-media .list .item .name .text {font-weight:400;font-size:14px;color:#303033;-webkit-line-clamp:1;}
.cnl-media .list .item a:hover .name .text {color:var(--themeColor);}
.cnl-media .list .item .name .tip {font-weight:400;font-size:12px;color:#949599;-webkit-line-clamp:1;}
.cnl-media .list .item .share {flex-shrink:0;width:54px;height:22px;background:#FFF2F2;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.cnl-media .list .item .share span {font-weight:400;font-size:12px;color:#F73E3E;}
.cnl-media .list .item .share img {width:10px;height:10px;margin-right:2px;}
.cnl-media .list .item .share.has img {display:none;}
.cnl-media .list .item a {display:flex;gap:10px;flex-grow:1;align-items:center;}
.cn-right {flex:1;display:flex;flex-direction:column;}
.cnr-top {padding:0px 0px 20px 20px;background-color:white;}
.cnr-top .title {height:70px;display:flex;align-items:center;padding-right:20px;}
.cnr-top .title .label {margin-right:15px;display:flex;align-items:center;}
.cnr-top .title .label img {width:55px;height:28px;}
.cnr-top .title .label svg {fill:var(--themeColor);}
.cnr-top .title .tip {display:flex;align-items:center;overflow:hidden;height:20px;margin:0;}
.cnr-top .title .tip .swiper-slide {display:flex;align-items:center;}
.cnr-top .title .tip a {font-weight:400;font-size:13px;color:#949599;-webkit-line-clamp:1;line-height:1;}
.cnr-top .title .tip svg {margin-right:4px;flex-shrink:0;fill:var(--themeColor);margin-top:2px;}
.cnr-top .details {display:flex;}
.cnr-top .details .swiper {position:relative;height:320px;overflow:hidden;flex-grow:1;}
.cnr-top .details .swiper .swiper-slide {height:100%;position:relative;display:block;}
.cnr-top .details .swiper .pagination {display:flex;position:absolute;bottom:24px;right:14px;width:auto;gap:2px;z-index:1;}
.hp-dot {width:20px;height:3px;background:#000000;opacity:0.5;cursor:pointer;}
.hp-active {background:var(--themeColor);opacity:1;}
.cnr-top .details .swiper .arrow {width:40px;height:40px;background:rgba(0,0,0,.4);border-radius:50%;display:none;align-items:center;justify-content:center;position:absolute;top:calc(50% - 20px);z-index:1;cursor:pointer;}
.cnr-top .details .swiper .arrow.left {left:10px;animation:leftFadeIn .3s;}
.cnr-top .details .swiper .arrow.right {right:10px;animation:rightFadeIn .3s;}
.cnr-top .details .swiper .arrow img {width:16px;height:16px;}
.cnr-top .details .swiper .arrow.right img {transform:rotateZ(180deg);}
.cnr-top .details .swiper .arrow:hover {background:rgba(0,0,0,.55);}
.cnr-top .details .swiper:hover .arrow {display:flex;}
.cnr-top .details .swiper .show {object-fit:cover;width:100%;height:100%;display:block;}
.cnr-top .details .swiper .mark {position:absolute;width:24px;height:14px;z-index:1;}
.cnr-top .details .swiper .mark._0 {top:5px;left:5px;}
.cnr-top .details .swiper .mark._1 {top:5px;right:5px;}
.cnr-top .details .swiper .mark._2 {bottom:5px;left:5px;}
.cnr-top .details .swiper .mark._3 {bottom:5px;right:5px;}
.cnr-top .details .info {width:330px;flex-shrink:0;}
.cnr-top .details .info .item {height:64px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;padding-right:20px;}
.cnr-top .details .info .item .name {font-weight:400;font-size:15px;color:#303033;padding-left:32px;position:relative;-webkit-line-clamp:1;padding-right:10px;}
.cnr-top .details .info .item .name::before {content:'';width:5px;height:5px;border-radius:50%;background-color:#CCCCCC;position:absolute;top:50%;transform:translateY(-50%);left:18px;}
.cnr-top .details .info .item .tip {font-weight:400;font-size:12px;color:#999999;padding-left:32px;-webkit-line-clamp:1;}
.cnr-top .details .info .item.active,.cnr-top .details .info .item:hover {background:#F2F2F2;}
.cnr-top .details .info .item.active .name,.cnr-top .details .info .item:hover .name {color:var(--themeColor);}
.cnr-top .details .info .item.active .name::before,.cnr-top .details .info .item:hover .name::before {background:var(--themeColor);}
.cnr-bottom {margin-top:10px;display:flex;flex:1;background-color:white;line-height:1;}
.cnr-bottom .left {flex-grow:1;padding:30px 25px;box-sizing:border-box;display:flex;flex-direction:column;gap:22px;}
.cnr-bottom .left .title {margin-bottom:12px;}
.cnr-bottom .left .title div {font-weight:bold;font-size:18px;color:#212121;-webkit-line-clamp:1;margin-bottom:12px;}
.cnr-bottom .left .title:hover div,.cnr-bottom .left .title:hover font {color:var(--themeColor) !important;}
.cnr-bottom .left .title span {font-weight:400;font-size:12px;color:#949599;display:-webkit-box;-webkit-line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;overflow:hidden;}
.cct-list {display:flex;gap:14px 50px;flex-wrap:wrap;padding:25px 20px;}

.cnr-bottom .left .item_bottom  {display:flex;gap:20px 50px;flex-wrap:wrap;}

.cnr-bottom .left .item {display: flex; align-items: baseline; width: calc(50% - 25px);}

.cnr-bottom .left .item .type {font-weight:400;font-size:14px;color:#000000;flex-shrink:0;display:flex;gap:8px;align-items:center;}
.cnr-bottom .left .item .type:hover {color:#F76546;}
.cnr-bottom .left .item .type::before {width:10px;height:10px;background:rgba(252,76,39,0);border-radius:50%;border:3px solid #F76546;box-sizing:border-box;content:'';flex-shrink:0;}
.cnr-bottom .left .item .text {font-weight:400;font-size:14px;color:#606166;-webkit-line-clamp:1;margin-left: 10px;}
.cnr-bottom .left .item .text:hover font {color:var(--themeColor) !important;}
.cnr-bottom .right {padding:26px 20px 20px;flex-shrink:0;width:330px;border-left:1px solid #F2F2F2;box-sizing:border-box;}
.cnr-bottom .right .title {display:flex;align-items:center;justify-content:space-between;}
.cnr-bottom .right .title .name {font-weight:bold;font-size:18px;color:#212121;}
.cnr-bottom .right .title .exchange {display:flex;align-items:center;justify-content:center;cursor:pointer;}
.cnr-bottom .right .title .exchange .svg {display:flex;}
.cnr-bottom .right .title .exchange svg {fill:#999999;}
.cnr-bottom .right .title .exchange .rotate {animation:refresh .5s infinite linear;}
.cnr-bottom .right .title .exchange span {font-weight:400;font-size:12px;color:#999999;margin-left:4px;}
.cnr-bottom .right .title .exchange:hover span {color:var(--themeColor);}
.cnr-bottom .right .title .exchange:hover svg {fill:var(--themeColor);}
.cnr-bottom .right .list {margin-top:26px;display:flex;flex-direction:column;gap:20px;}
.cnr-bottom .right .list .item {display:flex;align-items:baseline;}
.cnr-bottom .right .list .item .level {font-weight:400;font-size:14px;color:#B3B3B3;flex-shrink:0;margin-right:10px;}
.cnr-bottom .right .list .item.one .level {color:#FA463A;font-weight:bold;}
.cnr-bottom .right .list .item.two .level {color:#FB7B30;font-weight:bold;}
.cnr-bottom .right .list .item.three .level {color:#FFC940;font-weight:bold;}
.cnr-bottom .right .list .item .click {font-weight:400;font-size:12px;color:#999999;flex-shrink:0;}
.cnr-bottom .right .list .item .text {flex:1;margin-right:30px;display:flex;align-items:baseline;}
.cnr-bottom .right .list .item .text span {font-weight:400;font-size:14px;color:#303033;display:-webkit-box;word-break:break-all;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.cnr-bottom .right .list .item .text div {width:18px;height:18px;background:#FB7B30;border-radius:2px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:12px;color:#FFFFFF;margin-left:4px;flex-shrink:0;}
.cnr-bottom .right .adv {width:100%;height:105px;border-radius:5px;overflow:hidden;margin-top:22px;}
.cnr-bottom .right .adv img {object-fit:cover;}
.c-car {margin-top: 10px;display:flex;gap:10px;}
.cc-tongcheng {width:890px;flex-shrink:0;background-color:white;}

.cct-title,.chp-title,.cjh-title,.cb-title,.ch-title {height:80px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0px 20px;flex-shrink:0;}
.cct-title .title,.cb-title .title,.ch-title .title {font-weight:bold;font-size:20px;color:#333333;}
.cct-title .more,.chp-title .more,.cjh-title .more,.cb-title .more,.cp-title .more,.ch-title .more {font-weight:400;font-size:14px;}
.cct-title .more a,.chp-title .more a,.cjh-title .more a,.cb-title .more a,.cp-title .more a,.ch-title .more a {color:#999999;}

.cct-title svg, .cjh-title svg , .chp-title svg{
    margin-right: 8px;
    fill: var(--themeColor);
        vertical-align: sub;
}

.cct-list {display:flex;gap:14px 50px;flex-wrap:wrap;padding:25px 20px;}
.cct-list .item {display:flex;align-items:baseline;width:calc(50% - 25px);}
.cct-list .item .type {font-weight:400;font-size:14px;color:#5B71AB;margin-right:12px;flex-shrink:0;}
.cct-list .item .type:hover {color:var(--themeColor);}
.cct-list .item .detail {display:flex;flex-grow:1;}
.cct-list .item .text {display:flex;align-items:center;margin-right:60px;flex-grow:1;}
.cct-list .item .text span {font-weight:400;font-size:14px;color:#49494D;display:-webkit-box;word-break:break-all;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.cct-list .item .text .label {width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:12px;color:white;border-radius:2px;margin-left:5px;flex-shrink:0;}
.cct-list .item .text .label.recommend {background:#24C789;}
.cct-list .item .text .label.hot {background:#FF6000;}
.cct-list .item .time {font-weight:400;font-size:12px;color:#999999;flex-shrink:0;}
.cc-shunfeng {flex:1;background-color:white;display:flex;flex-direction:column;border-radius:4px;}
.ccs-title,.cha-title,.cjn-title {height:80px;border-bottom:1px solid #F2F2F2;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;}
.ccs-title div,.cha-title div,.cjn-title div {font-weight:bold;font-size:18px;color:#333333;}
.ccs-title .more,.cha-title .more,.cjn-title .more {font-weight:400;font-size:14px;color:#999999;}


.ccs-list {padding-bottom: 0;height:350px;display:flex;flex-direction:column;}
.ccs-list .itemA {border-bottom:1px solid #F2F2F2;margin:0px 20px;height:85px;box-sizing:border-box;flex-shrink:0;width:calc(100% - 40px);}
.ccs-list .item {display:flex;flex-direction:column;justify-content:center;height:100%;}
.ccs-list .itemA:last-of-type {border-bottom:0;}
.ccs-list .item .title {display:flex;align-items:center;gap:6px;line-height:1;}
.ccs-list .item .title span {font-weight:400;font-size:14px;color:#49494D;-webkit-line-clamp:1;}
.ccs-list .item .title img {width:34px;height:10px;}
.ccs-list .item .tip {display:flex;align-items:center;margin-top:10px;
    justify-content: space-between;}
.ccs-list .item .tip .label {width:48px;height:22px;border-radius:3px;border:1px solid;font-weight:400;font-size:12px;color:var(--themeColor);display:flex;align-items:center;justify-content:center;border-color:var(--themeBorderColor);}
.ccs-list .item .tip .time {font-weight:400;font-size:12px;color:#999999;margin-left:6px;}
.ccs-list .fabu {width:300px;height:0px;background:linear-gradient(90deg,#F3FAFF 0%,#F5FCF9 100%);border-radius:0px 0px 4px 4px;display:flex;align-items:center;justify-content:center;transition:height .2s;overflow:hidden;flex-shrink:0;}
.ccs-list .fabu.show {height:60px;}
.ccs-list .fabu svg {margin-right:5px;fill:var(--themeColor);}
.ccs-list .fabu span {font-weight:bold;font-size:14px;color:var(--themeColor);margin-right:5px;}
.ccs-list .fabu div {font-weight:bold;font-size:14px;color:#666767;}
.ccs-list .conList {display:flex;flex-direction:column;height:340px;flex-grow:1;overflow:hidden;}


.c-boxs{display: flex;gap: 10px;margin-top: 10px;min-height: 420px;}
.c-list { padding-bottom:5px;}
.c-list .list-box{
    display: flex;
    flex-wrap: wrap;
    height: auto;
}
.c-list .list-box .item {
    background-color: white;
    padding: 12px 20px 2px;
    /* border-top: 1px solid #F2F2F2; */
    /* border-right: 1px solid #F2F2F2; */
    width: 50%;
    box-sizing: border-box;
}


.c-list .list-box .picitem{display: flex;gap: 14px;width: calc(50% - 0px);border-bottom: 1px solid #F2F2F2;padding-bottom: 10px;}
.c-list .list-box .picitem .items {
    display: flex;
    gap: 14px;
    

}
.c-list .picitem .picture{position: relative;width: 140px;height: 105px;border-radius: 5px;overflow: hidden;flex-shrink: 0;}
.c-list .picitem .picture img{width: 100%;height: 100%;display: block;object-fit: cover;transform: scale(1);transition: transform .2s;}
.c-list .picitem:hover .picture img{transform: scale(1.2);}
.c-list .picitem .picture div{position: absolute;top: 6px;left: 6px;padding: 0px 8px;height: 22px;display: flex;align-items: center;font-weight: 400;font-size: 12px;color: #FFFFFF;border-radius: 3px;background: #525566;z-index: 1;}
.c-list .picitem .picture .done{background: #BABCC8;}
.c-list .picitem .picture .doing{background: #84C94C;}
.c-list .picitem .info{display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;padding-bottom: 0px;}
.c-list .picitem .info .title{font-weight: bold;font-size: 15px;color: #292A33;-webkit-line-clamp: 2;}
.c-list .picitem:hover .info .title{color: var(--themeColor);}
.c-list .picitem .info .address{display: flex;align-items: center;}
.c-list .picitem .info .address img{width: 16px;height: 16px;margin-right: 2px;}
.c-list .picitem .info .address span{font-weight: 400;font-size: 12px;color: #999999;align-items: center;word-break: break-all;display: -webkit-box;word-break: break-all;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.c-list .picitem .info .address span::before{content: '';width: 1px;height: 10px;background: #E6E6E6;margin: 0px 8px;}
.c-list .picitem .info .address span:first-of-type::before{display: none;}
.c-list .picitem .info .address .text{white-space: nowrap;}


.c-lists {display:flex;gap:14px 50px;flex-wrap:wrap;padding:25px 20px;}
.c-list .txtitem {display:flex;align-items:baseline;width:calc(50% - 25px);}
.c-list .txtitem .type {font-weight:400;font-size:14px;color:#5B71AB;margin-right:12px;flex-shrink:0;}
.c-list .txtitem .type:hover {color:var(--themeColor);}
.c-list .txtitem .detail {display:flex;flex-grow:1;}
.c-list .txtitem .text {display:flex;align-items:center;margin-right:20px;flex-grow:1;}
.c-list .txtitem .text span {font-weight:400;font-size:14px;color:#49494D;display:-webkit-box;word-break:break-all;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.c-list .txtitem .text .label {width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:12px;color:white;border-radius:2px;margin-left:5px;flex-shrink:0;}
.c-list .txtitem .text .label.recommend {background:#24C789;}
.c-list .txtitem .text .label.hot {background:#FF6000;}
.c-list .txtitem .time {font-weight:400;font-size:12px;color:#999999;flex-shrink:0;}

.cc-right{flex: 1;background-color: white;display: flex;flex-direction: column;border-radius: 4px;overflow: hidden;}

.ccss-list{flex-grow: 1;padding: 15px 18px 25px;position: relative;overflow: hidden;}
.ccss-list .swiper-slide{display: flex;gap: 12px;flex-direction: column;}
.ccss-list .items{display: flex;gap: 8px;align-items: baseline;}
.ccss-list .items .type{font-weight: 400;font-size: 14px;color: var(--themeColor);flex-shrink: 0;}
.ccss-list .itema .text{font-weight: 400;font-size: 14px;color: #666666;display: -webkit-box;overflow: hidden;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ccss-list .itema:hover .text{color: var(--themeColor);}
.ccss-list .items .time {font-weight:400;font-size:12px;color:#999999;margin-left:6px;text-align: right;}

.czrl-pagination,.cxzl-pagination{position: absolute;bottom: 12px !important;left: 50%;transform: translateX(-50%);display: flex;gap: 4px;width: auto !important;}
.czr-dot,.cxz-dot{width: 4px;height: 4px;background: #E6E6E6;border-radius: 2px;transition: width .2s;cursor: pointer;}
.czr-active,.cxz-active{width: 8px;background: var(--themeColor);}
















.c-house{margin-top: 10px;display: flex;gap: 10px;min-height: 504px;}
.ch-post{width: 890px;flex-shrink: 0;background-color: white;display: flex;flex-direction: column;}
.chp-title,.cct-title,.cjh-title{border-bottom: 1px solid #F2F2F2;}
.chp-title .tab,.cjh-title .tab{display: flex;gap: 30px;}
.chp-title .tab div,.cjh-title .tab div{font-weight: bold;font-size: 18px;color: #B3B3B3;position: relative;cursor: pointer;}
.chp-title .tab .active,.cjh-title .tab .active,.chp-title .tab div:hover,.cjh-title .tab div:hover{color: #333333;}
.chp-title .tab .active::before,.cjh-title .tab .active::before{content: '';background: var(--themeColor);background-size: cover;position: absolute;bottom: -10px;left: 50%;width: 20px;height: 10px;transform: translateX(-50%) scale(1);-webkit-mask-image: url(../images/arcGreen.svg);mask-image: url(../images/arcGreen.svg);animation: showIn .3s;transform-origin: 0 0}
.chp-list{padding: 24px 20px 28px;display: flex;gap: 28px 30px;flex-wrap: wrap;overflow: auto;}
.chp-list .item{display: flex;gap: 14px;width: calc(50% - 15px);}
.chp-list .item .picture{position: relative;width: 140px;height: 105px;border-radius: 5px;overflow: hidden;flex-shrink: 0;}
.chp-list .item .picture img{width: 100%;height: 100%;display: block;object-fit: cover;transform: scale(1);transition: transform .2s;}
.chp-list .item:hover .picture img{transform: scale(1.2);}
.chp-list .item .picture div{position: absolute;top: 6px;left: 6px;padding: 0px 8px;height: 22px;display: flex;align-items: center;font-weight: 400;font-size: 12px;color: #FFFFFF;border-radius: 3px;background: #525566;z-index: 1;}
.chp-list .item .picture .done{background: #BABCC8;}
.chp-list .item .picture .doing{background: #84C94C;}
.chp-list .item .info{display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;padding-bottom: 3px;}
.chp-list .item .info .title{font-weight: bold;font-size: 15px;color: #292A33;-webkit-line-clamp: 1;}
.chp-list .item:hover .info .title{color: var(--themeColor);}
.chp-list .item .info .address{display: flex;align-items: center;}
.chp-list .item .info .address img{width: 16px;height: 16px;margin-right: 2px;}
.chp-list .item .info .address span{display: flex;font-weight: 400;font-size: 12px;color: #999999;align-items: center;word-break: break-all;}
.chp-list .item .info .address span::before{content: '';width: 1px;height: 10px;background: #E6E6E6;margin: 0px 8px;}
.chp-list .item .info .address span:first-of-type::before{display: none;}
.chp-list .item .info .address .text{white-space: nowrap;}
.chp-list .item .info .address .addrName{display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;-webkit-box-orient: vertical;}

.chp-list .item .info .bodys{display: flex;align-items: center;}
.chp-list .item .info .bodys span{display: flex;font-weight: 400;font-size: 12px;color: #999999;align-items: center;word-break: break-all;}
.chp-list .item .info .bodys span::before{content: '';width: 1px;height: 10px;background: #E6E6E6;margin: 0px 8px;}
.chp-list .item .info .bodys span:first-of-type::before{display: none;}
.chp-list .item .info .bodys .addrName{display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}




.chp-list .item .info .money{display: flex;align-items: baseline;gap: 6px;font-family: Arial;}
.chp-list .item .info .money div{font-weight: bold;font-size: 15px;color: #FA613E;}
.chp-list .item .info .money span{font-weight: 400;font-size: 12px;color: #999999;}
.chp-list .item .info .label{display: flex;gap: 6px;flex-wrap: wrap;height: 22px;overflow: hidden;width: 85%;}
.chp-list .item .info .label div{display: flex;align-items: center;justify-content: center;height: 22px;background: #F2F3F7;border-radius: 3px;padding: 0px 10px;font-weight: 400;font-size: 12px;color: #87A3C4;}
.ch-agent{flex: 1;background-color: white;display: flex;flex-direction: column;border-radius: 4px;overflow: hidden;}
.cha-title{flex-shrink: 0;}
.cha-list{flex: 1;padding: 26px 16px 0px;position: relative;}
.cha-list .swiper-slide{display: flex;gap: 34px;flex-direction: column;}
.cha-list .item{display: flex;align-items: center;justify-content: space-between;}
.cha-list .item .left{display: flex;}
.cha-list .item .picture{width: 64px;height: 64px;border-radius: 50%;margin-right: 16px;flex-shrink: 0;object-fit: cover;}
.cha-list .item .info{display: flex;flex-direction: column;margin-right: 13px;flex-grow: 1;justify-content: center;}
.cha-list .item .info .name{display: flex;align-items: center;gap: 4px;}
.cha-list .item .info .name span{font-weight: bold;font-size: 15px;color: #292A33;-webkit-line-clamp: 1;}
.cha-list .item .left:hover .info .name span{color: var(--themeColor);}
.cha-list .item .info .name img{width: 18px;height: 18px;}
.cha-list .item .info .name img:hover{opacity: .65;}
.cha-list .item .info .tip{font-weight: 400;font-size: 14px;color: #999999;display: -webkit-box;word-break: break-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cha-list .item .btn{display: flex;align-items: center;justify-content: center;width: 80px;height: 30px;background: var(--themeColor);border-radius: 4px;font-weight: 400;font-size: 14px;color: #FFFFFF;flex-shrink: 0;cursor: pointer;}
.cha-list .item .btn:hover{opacity: .85;}
.chal-pagination,.cjnl-pagination{position: absolute;bottom: 12px !important;left: 50%;transform: translateX(-50%);display: flex;gap: 4px;width: auto !important;}
.cha-dot,.cjn-dot{width: 4px;height: 4px;background: #E6E6E6;border-radius: 2px;transition: width .2s;cursor: pointer;}
.cha-active,.cjn-active{width: 8px;background: var(--themeColor);}
.c-job{display: flex;gap: 10px;margin-top: 10px;min-height: 420px;}
.cj-hot{width: 890px;background: #FFFFFF;border-radius: 4px;flex-shrink: 0;display: flex;flex-direction: column;}
.cj-normal{flex-grow: 1;background: #FFFFFF;border-radius: 4px;flex-direction: column;display: flex;}
.cjn-list{flex-grow: 1;padding: 15px 18px 25px;position: relative;overflow: hidden;}
.cjn-list .swiper-slide{display: flex;gap: 12px;flex-direction: column;}
.cjn-list .item{display: flex;gap: 8px;align-items: baseline;}
.cjn-list .item .type{font-weight: 400;font-size: 14px;color: var(--themeColor);flex-shrink: 0;}
.cjn-list .item .text{font-weight: 400;font-size: 14px;color: #666666;display: -webkit-box;overflow: hidden;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cjn-list .item:hover .text{color: var(--themeColor);}
.cjn-btn{height: 63px;border-top: 1px solid #F2F2F2;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.cjn-btn svg{margin-right: 8px;fill: var(--themeColor);}
.cjn-btn span{font-weight: 400;font-size: 14px;color: #666565;}
.cjn-btn div{color: var(--themeColor);font-weight: bold;font-size: 14px;}
.cjh-job,.cjh-resume{display: flex;overflow-y: auto;flex-wrap: wrap;height: 100%;}
.cjh-job .item{background-color: white;padding: 15px 18px 2px;border-top: 1px solid #F2F2F2;border-right: 1px solid #F2F2F2;width: 50%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;}

.cjh-job .item .job{    display: flex;
    overflow-y: auto;
    flex-wrap: wrap;}
    
    .cjh-job .item .time {
    font-weight: 400;
    font-size: 15px;
    color: #292A33;
    -webkit-line-clamp: 1;
}
.cjh-job .item:nth-of-type(3n),.cjh-resume .item:nth-of-type(3n){border-right: 0;}
.cjh-firm .item .company:hover .info .name span,.cjh-firm .item .job:hover .text div{color: var(--themeColor);}
.cjh-job .item .title{font-weight: 400;font-size: 15px;color: #292A33;-webkit-line-clamp: 1;}
.cjh-job .item .money{font-weight: bold;font-size: 13px;color: #FA613E;margin-top: 7px;font-family: moneyNumber;}
.cjh-job .item .label{display: flex;gap: 6px;flex-wrap: wrap;margin-top: 8px;height: 22px;overflow: hidden;}
.cjh-job .item .label div{height: 22px;border-radius: 3px;border: 1px solid var(--themeBorderColor);font-weight: 400;font-size: 12px;color: var(--themeColor);padding: 0px 6px;box-sizing: border-box;-webkit-line-clamp: 1;line-height: 22px;}
.cjh-job .item .company{height: 48px;display: flex;align-items: center;border-top: 1px solid #F2F2F2;}
.cjh-job .item:nth-of-type(n+7) .company{padding-bottom: 4px;}
.cjh-job .item .company img{width: 20px;height: 20px;border-radius: 50%;object-fit: cover;margin-right: 6px;flex-shrink: 0;}
.cjh-job .item .company span{font-weight: 400;font-size: 12px;color: #999999;-webkit-line-clamp: 1;}
.cjh-job .item .company .companyItem:hover span{color: #292A33;}
.cjh-job .item .company .companyItem{display: flex;height: 100%;align-items: center;}
.cjh-resume .item{padding: 18px 20px 20px;border-top: 1px solid #F2F2F2;border-right: 1px solid #F2F2F2;width: 33.33%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;}
.cjh-resume .item .salary{height: 36px;background: #F7F7F7;border-radius: 4px;display: flex;align-items: center;padding-left: 16px;}
.cjh-resume .item .salary .text{font-weight: 400;font-size: 12px;color: #999999;}
.cjh-resume .item .salary .num{color: #4D4D4D;}
.cjh-resume .item .info{display: flex;gap: 14px;align-items: center;}
.cjh-resume .item .info:hover img{opacity: .85;}
.cjh-resume .item .info .picture{width: 64px;height: 64px;border-radius: 50%;object-fit: cover;flex-shrink: 0;}
.cjh-resume .item .info .name{font-weight: 400;font-size: 15px;color: #292A33;line-height: 1;-webkit-line-clamp: 1;}
.cjh-resume .item .info .age{display: flex;line-height: 1px;}
.cjh-resume .item .info .age{margin-top: 13px;}
.cjh-firm .item .company .info .text{margin-top: 14px;display: flex;}
.cjh-firm .item .company .info .text div{white-space: nowrap;}
.cjh-firm .item .company .info .text .last span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all;overflow: hidden;white-space: wrap;}
.cjh-resume .item .info .age span,.cjh-firm .item .company .info .text div{font-weight: 400;font-size: 12px;color: #999999;display: flex;align-items: center;}
.cjh-resume .item .info .age span::before,.cjh-firm .item .company .info .text div::before{content: '';width: 1px;height: 10px;background: #E6E6E6;margin: 0px 6px;}
.cjh-resume .item .info .age span:first-of-type::before,.cjh-firm .item .company .info .text div:first-of-type::before{display: none;}
.cjh-resume .item .info .label,.cjh-firm .item .company .info .label{display: flex;gap: 6px;flex-wrap: wrap;height: 22px;overflow: hidden;}
.cjh-resume .item .info .label{margin-top: 10px;}
.cjh-firm .item .company .info .label{margin-top: 12px;}
.cjh-resume .item .info .label div,.cjh-firm .item .company .info .label div{height: 22px;border-radius: 3px;border: 1px solid var(--themeBorderColor);padding: 0px 6px;font-weight: 400;font-size: 12px;color: var(--themeColor);box-sizing: border-box;-webkit-line-clamp: 1;line-height: 22px;}
.cjh-firm{display: flex;flex-wrap: wrap;height: 100%;}
.cjh-firm .item{background-color: white;padding: 18px 20px 0px;border-top: 1px solid #F2F2F2;border-right: 1px solid #F2F2F2;width: 50%;box-sizing: border-box;}
.cjh-firm .item .job{height: 50px;display: flex;align-items: center;border-top: 1px solid #F2F2F2;box-sizing: border-box;margin-top: 16px;}
.cjh-firm .item .job .salary{font-weight: bold;font-size: 14px;color: #FA613E;margin-right: 8px;font-family: moneyNumber;}
.cjh-firm .item .job .text{font-weight: 400;font-size: 13px;color: #999999;display: flex;}
.cjh-firm .item .job .text span{color: #4D4D4D;}
.cjh-firm .item .job .text div{width: 200px;-webkit-line-clamp: 1;}
.cjh-firm .item .company{display: flex;gap: 20px;justify-content: space-between;align-items: center;}
.cjh-firm .item .company .picture{width: 68px;height: 68px;background: #FFFFFF;border-radius: 6px;border: 1px solid #EEEEEE;box-sizing: border-box;overflow: hidden;flex-shrink: 0;}
.cjh-firm .item .company:hover .picture{opacity: .85;}
.cjh-firm .item .company .picture img{width: 100%;height: 100%;display: block;object-fit: contain;}
.cjh-firm .item .company .info .name{display: flex;align-items: center;line-height: 1;}
.cjh-firm .item .company .info .name span{font-weight: 400;font-size: 15px;color: #292A33;-webkit-line-clamp: 1;width: 85%;}
.cjh-firm .item .company .info .name div{width: 32px;height: 16px;background: #D9C29E;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;display: flex;align-items: center;justify-content: center;margin-left: 5px;}
.c-buy{background-color: white;border-radius: 4px;overflow: hidden;margin-top: 20px;}
.cb-title{border-bottom: 0px;}
.cb-list,.cp-list,.cs-list{padding: 0px 20px 30px;display: flex;gap: 40px;}
.list-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}


.cbl-item,.cpl-item,.scl-item{line-height: 1;position: relative;}
.cbl-item::after,.cpl-item::after,.scl-item::after{content: '';position: absolute;top: 0;right: -20px;width: 1px;height: 150px;background: #F2F2F2;}
.cbl-item:last-of-type::after,.cpl-item:last-of-type::after,.scl-item:last-of-type::after{display: none;}
.cbl-item .picture,.cpl-item .picture{width: 200px;height: 150px;background: #FFFFFF;border-radius: 8px;overflow: hidden;}
.cbl-item .picture img,.cpl-item .picture img,.scl-item .picture img{object-fit: cover;width: 100%;height: 100%;display: block;transition: transform .2s;transform: scale(1);}
.cbl-item .title,.cpl-item .title,.scl-item .title{font-weight: 400;font-size: 14px;color: #313233;margin-top: 14px;-webkit-line-clamp: 1;line-height: 18px;}
.cbl-item:hover .picture img,.cpl-item:hover .picture img,.scl-item:hover .picture img{transform: scale(1.2);}
.cbl-item .money{display: flex;align-items: center;margin-top: 10px;gap: 8px;flex-wrap: wrap;}
.cbl-item .money .num{font-size: 20px;color: #FA613E;font-family: moneyNumber;}
.cbl-item .money .num span{font-size: 16px;}
.cbl-item .money .label{height: 22px;background: linear-gradient(90deg, #FF7D43 0%, #FF5736 100%);border-radius: 3px;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 0px 8px;flex-shrink: 0;}
.cbl-item .sale{font-weight: 400;font-size: 12px;color: #999999;margin-top: 12px;}
.c-premium{margin-top: 20px;background: #FFFFFF;border-radius: 4px;}
.cp-title,.cs-title{height: 80px;display: flex;justify-content: space-between;align-items: center;padding: 0px 20px;}
.cp-left{display: flex;align-items: center;}
.cp-left .title{font-weight: bold;font-size: 20px;color: #333333;}
.cp-left .label{width: 84px;height: 22px;border-radius: 3px;border: 1px solid #FFAC7F;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 14px;color: #FF7300;margin-left: 8px;}
.cpl-item .price{display: flex;align-items: baseline;margin-top: 18px;flex-wrap: wrap;gap: 6px;}
.cpl-item .price .new{font-weight: normal;font-size: 20px;color: #FA613E;font-family: moneyNumber;}
.cpl-item .price .new span{font-size: 16px;}
.cpl-item .price .old{font-weight: 400;font-size: 14px;color: #999999;text-decoration: line-through;}
.c-scenery{height: 326px;background: #FFFFFF;border-radius: 4px;margin-top: 10px;}
.cst-left{display: flex;align-items: baseline;gap: 8px;}
.cst-left .title{font-weight: bold;font-size: 20px;color: #333333;}
.cst-left .tip,.cst-right{font-weight: 400;font-size: 14px;color: #999999;}
.scl-item .picture{position: relative;width: 200px;height: 150px;border-radius: 8px;border: 1px solid #EEEEEE;box-sizing: border-box;overflow: hidden;}
.scl-item .picture img{width: 100%;height: 100%;display: block;object-fit: contain;}
.scl-item .picture div{position: absolute;top: 0;left: 0;width: 52px;height: 22px;background: linear-gradient(90deg, #FFBF43 0%, #FFBA36 100%);border-radius: 3px;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 12px;color: #FFFFFF;}
.scl-item .info{display: flex;margin-top: 12px;flex-wrap: wrap;gap: 4px;}
.scl-item .info .price{display: flex;align-items: baseline;flex: 1;}
.scl-item .info .price .symbol{font-size: 12px;color: #999;}
.scl-item .info .price .num{font-size: 16px;color: #3275fa;font-family: moneyNumber;}
.scl-item .info .price .tip{font-size: 12px;color: #999999;}
.scl-item .info .label{height: 12px;border-radius: 3px;padding: 0px 6px;font-weight: 400;display: flex;align-items: center;flex-shrink: 0;margin-top: 2px;font-size: 12px;color: #999999;}
.c-shop{min-height: 700px;background: #FFFFFF;border-radius: 4px;margin-top: 20px;display: flex;flex-direction: column;}
.ch-title{border-bottom: 0px;}
.cs-content{padding: 0px 10px 40px 20px;display: flex;gap: 20px;flex-grow: 1;overflow: hidden;}
.csc-label{display: flex;flex-direction: column;gap: 10px;}
.csc-label .top{flex-shrink: 0;width: 200px;height: 320px;background: url(../images/cardBg2.png) no-repeat;background-size: cover;border-radius: 6px;position: relative;}
.csc-label .top .btn{position: absolute;bottom: 38px;left: 50%;transform: translateX(-50%);width: 124px;height: 38px;background: #337FFF;box-shadow: 0px 3px 7px 0px rgba(141,156,180,0.19); border-radius: 19px;display: flex;align-items: center;justify-content: center;transition: all .2s;}
.csc-label .top:hover .btn{bottom: 48px;box-shadow: 0px 4px 10px 0px rgba(2,88,233,0.3);}
.csc-label .top .btn img{width: 18px;height: 18px;margin-right: 3px;}
.csc-label .top .btn span{font-weight: bold;font-size: 15px;color: #FFFFFF;}
.csc-label .bottom{flex-grow: 1;border-radius: 6px;background: url(../images/cardBg1.png) no-repeat;background-size: cover;line-height: 1;text-align: center;padding-top: 55px;}
.csc-label .bottom .title{font-weight: bold;font-size: 20px;color: #FFFFFF;}
.csc-label .bottom .tip{font-weight: 500;font-size: 15px;color: #FFFFFF;margin-top: 20px;}
.csc-label .bottom .btn{width: 124px;height: 38px;background: linear-gradient(-90deg, #FFD29F 0%, #FFE5CA 100%);box-shadow: 0px 3px 7px 0px rgba(141,156,180,0.1);border-radius: 19px;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 15px;color: #573612;margin: 40px auto 0px;transition: all .2s;}
.csc-label .bottom:hover .btn{margin-top: 30px;box-shadow: 0px 4px 10px 0px rgba(255,213,167,0.4);}
.csc-list{display: flex;gap: 32px 16px;flex-wrap: wrap;align-content: flex-start;}
.csc-list .item{line-height: 1;width: 174px;}
.csc-list .item .picture{width: 174px;height: 118px;border-radius: 6px;border: 1px solid #EEEEEE;box-sizing: border-box;object-fit: cover;}
.csc-list .item:hover .picture{opacity: .9;}
.csc-list .item .title{font-weight: 400;font-size: 14px;color: #333333;margin-top: 12px;-webkit-line-clamp: 1;}
.csc-list .item:hover .title{color: var(--themeColor);font-weight: bold;}
.csc-list .item .tip{font-weight: 400;font-size: 12px;color: #999999;margin-top: 15px;-webkit-line-clamp: 1;width: 85%;}
.backTop{width: 70px;height: 70px;background: rgba(0,0,0,.25);border-radius: 50%;display: flex;align-items: center;justify-content: center;position: fixed;bottom: 100px;right: 80px;flex-direction: column;z-index: 3;cursor: pointer;transition: background .2s;}
.backTop:hover{background: rgba(0,0,0,.5);}
.backTop img{width: 24px;height: 24px;}
.backTop span{font-weight: 400;font-size: 12px;color: #FFFFFF;margin-top: 3px;line-height: 1;}
.c-right{position: fixed;top: 23%;right: 80px;width: 70px;background: #FFFFFF;box-shadow: 0px 0px 38px 0px rgba(0,56,99,0.06);border-radius: 35px;display: flex;flex-direction: column;padding: 10px 0px 20px;gap: 10px;z-index: 3;}
.cr-item{display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;cursor: pointer;}
.cr-item:hover .picture{background: var(--themeBackground);}
.cr-item .picture{width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.cr-item:hover .picture svg{fill: var(--themeColor);}
.cr-item .name{font-weight: 400;font-size: 12px;color: #999999;}
.cr-item:hover .name{color: var(--themeColor);}
.cr-item .pop{position: absolute;right: 80px;background: #FFFFFF;box-shadow: 0px 0px 38px 0px rgba(0,56,99,0.06);border-radius: 20px;animation: flipInXline .5s ease-out;display: none;cursor: auto;}
.cr-item .pop::after{content: '';position: absolute;width: 10px;top: 0;right: -10px;background-color: transparent;height: 100%;}
.cr-item:hover .pop{display: flex !important;}
.cr-item.kefu .pop{width: 440px;flex-direction: column;}
.cr-item.kefu .pop .title{height: 58px;display: flex;align-items: center;border-bottom: 1px solid #F2F2F2;box-sizing: border-box;padding: 0px 23px;}
.cr-item.kefu .pop .title svg{margin-right: 6px;fill: var(--themeColor);}
.cr-item.kefu .pop .title div{font-weight: bold;font-size: 18px;color: #333333;margin-right: 10px;}
.cr-item.kefu .pop .title span{font-weight: 400;font-size: 14px;color: #999999;}
.cr-item.kefu .pop .btnGrop{height: 75px;display: flex;align-items: center;gap: 30px;padding-left: 34px;}
.cr-item.kefu .pop .btnGrop a{width: 100px;height: 30px;background: var(--themeBackground);border-radius: 15px;border: 1px solid var(--themeColor);box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.cr-item.kefu .pop .btnGrop a svg{margin-right: 2px;fill: var(--themeColor);}
.cr-item.kefu .pop .btnGrop a span{font-weight: 400;font-size: 13px;color: var(--themeColor);}
.cr-item.kefu .pop .btnGrop a:hover{background: var(--themeColor);border-color: var(--themeColor);}
.cr-item.kefu .pop .btnGrop a:hover svg{filter: brightness(0%) invert(100%);}
.cr-item.kefu .pop .btnGrop a:hover span{color: white;}
.cr-item.phone .pop{width: 239px;height: 84px;align-items: center;justify-content: center;gap: 10px;animation: flipInXline2 .6s;}
.cr-item.phone .pop img{width: 28px;height: 28px;}
.cr-item.phone .pop svg{fill: var(--themeColor);}
.cr-item.phone .pop .tip{font-weight: 400;font-size: 14px;color: #999999;}
.cr-item.phone .pop .text{font-weight: bold;font-size: 18px;color: #333333;}
.cr-item.weixin .pop,.cr-item.mobile .pop{height: 220px;align-items: center;gap: 50px;padding: 0px 48px;}
.cr-item.weixin .pop .item,.cr-item.mobile .pop .item{text-align: center;}
.cr-item.weixin .pop .item img,.cr-item.mobile .pop .item img{width: 120px;height: 120px;}
.cr-item.weixin .pop .item div,.cr-item.mobile .pop .item div{font-weight: 400;font-size: 12px;color: #999999;margin-top: 10px;}
.cr-item.weixin .pop .item span,.cr-item.mobile .pop .item span{color: var(--themeColor);}
@keyframes rightFadeOut{
	0%{opacity:1;	transform:translateY(0px);}
	100%{opacity:0; transform:translateX(10px);}
}
@keyframes leftFadeOut{
	0%{opacity:1;	transform:translateY(0px);}
	100%{opacity:0; transform:translateX(-10px);}
}
@keyframes refresh{
	0%{transform:rotateZ(0deg)}
	100%{transform:rotateZ(360deg)}
}
@keyframes showIn{
	0%{transform: scale(0) translateX(-50%);}
	100%{transform: scale(1) translateX(-50%);}
}
@keyframes flipInXline{
	0%{transform:perspective(400px) rotateX(-30deg); opacity:0}
	40%{transform:perspective(400px) rotateX(6deg)}
	100%{transform:perspective(400px) rotateX(0deg); opacity:1}
}
@keyframes flipInXline2{
	0%{transform:perspective(400px) rotateX(-80deg); opacity:0}
	60%{transform:perspective(400px) rotateX(10deg)}
	90%{transform:perspective(400px) rotateX(-12deg)}
	100%{transform:perspective(400px) rotateX(0deg); opacity:1}
}
@keyframes bottomFadeOuts{
	0%{opacity:1;	transform:translateY(0px);}
	100%{opacity:0; transform:translateY(-10px);}
}</pre></body></html>