.vipgpmgao {margin: 0 auto;background: #fff;-webkit-box-shadow: 0 0 3px 4px rgba(232,232,233,.6);box-shadow: 0 0 3px 4px rgba(232,232,233,.6);border-radius: 5px;padding: 10px 10px 10px 20px;margin-top: 10px;font-size: 13px;color: #525252;line-height: 1.8}
.vipgpmgao .pipe{padding: 0 6px;}
.vipgpmgao em{color: #aaa;}
@media (max-width:750px) {
.vipgpmgao {width: 94%;margin: 0 auto;margin-top: 10px}
}
.strategyTravels {margin: auto;width: 1200px!important}
.strategyTravels .top {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.strategyTravels .top .title {font-size: 24px;font-weight: 500;color: #000}
.strategyTravels .top .showAll {cursor: pointer;margin-left: auto;font-size: 16px;font-weight: 400;color: #999}
.strategyTravels .list:after {content: "";width: 33%}
.strategyTravels .list {width: 100%;-ms-flex-flow: wrap;flex-flow: wrap}
.strategyTravels .list .item, .strategyTravels .list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.strategyTravels .list .item {width: 31%;background: #fff;margin-bottom: 10px;border-radius: 5px;-webkit-box-shadow: 0 0 3px 4px rgba(232,232,233,.6);box-shadow: 0 0 3px 4px rgba(232,232,233,.6);cursor: pointer;padding: 15px 10px}
.strategyTravels .list .item>.el-image {width: 33%;height: 152px;border-radius: 10px}
.strategyTravels .list .item .tubiao {margin: 12px 0 12px 3px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center!important;-ms-flex-align: center!important;align-items: center!important}
.strategyTravels .list .item .text {width: 100%;font-size: 15px;font-weight: 400;color: #000;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.strategyTravels .list .item .bottom {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 40px;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%}
.strategyTravels .list .item .bottom .name {font-size: 14px;font-weight: 400;color: #666;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-height: 26px;-webkit-box-orient: vertical}
.strategyTravels .list .item .bottom .right {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 15px}
.strategyTravels .list .item .bottom .right>div {font-size: 14px;font-weight: 400;color: #999}
.strategyTravels .list .item .bottom .right>div .el-icon {font-size: 19px;margin-right: 5px}
.strategyTravels .list .item:nth-child(4n) {margin-right: 0}
.icon-kejian {width: 60%!important;margin-left: 10px}
@media (max-width:1250px) {
.strategyTravels {width: 100%!important}
.strategyTravels .list .item {margin-right: 0;width: 47%!important}
.strategyTravels .list {-ms-flex-wrap: wrap;flex-wrap: wrap}
}
@media (max-width:750px) {
.strategyTravels {width: 100%!important}
.strategyTravels .list .item {margin-right: 0;width: 100%!important}
.strategyTravels .list {-ms-flex-wrap: wrap;flex-wrap: wrap}
}
.strategyTravels .list .item {-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;position: relative;border: 1px solid transparent;background-clip: padding-box}
.strategyTravels .list .item:hover {-webkit-transform: translateY(-4px);transform: translateY(-4px);border-color: #FF5073!important;-webkit-box-shadow: 0 8px 20px rgba(236,72,153,.15)!important;box-shadow: 0 8px 20px rgba(236,72,153,.15)!important;background-color: #fff}
.strategyTravels .list .item:active {/*-webkit-transform: scale(.97);transform: scale(.97);*/border-color: #FF5073!important;-webkit-box-shadow: 0 2px 8px rgba(255,51,153,.2)!important;box-shadow: 0 2px 8px rgba(255,51,153,.2)!important;background-color: #fff;-webkit-transition: all .05s ease;transition: all .05s ease}

.loader-container[data-v-08627c3f] {position: relative;width: 40px;height: 40px;-webkit-animation: rotate-square-data-v-08627c3f .8s linear infinite;animation: rotate-square-data-v-08627c3f .8s linear infinite}
.dot[data-v-08627c3f] {width: 7px;height: 7px;border-radius: 50%;position: absolute;top: 50%;left: 50%;-webkit-animation: pulse-data-v-08627c3f 1.5s ease-in-out infinite;animation: pulse-data-v-08627c3f 1.5s ease-in-out infinite}
.dot[data-v-08627c3f]:first-child {-webkit-transform: translate(calc(-50% - 5.5px), calc(-50% - 5.5px));transform: translate(calc(-50% - 5.5px), calc(-50% - 5.5px));-webkit-animation-delay: 0s;animation-delay: 0s;background: linear-gradient(45deg, #FF5073 70%, #c78eff)}
.dot[data-v-08627c3f]:nth-child(2) {-webkit-transform: translate(calc(-50% + 5.5px), calc(-50% - 5.5px));transform: translate(calc(-50% + 5.5px), calc(-50% - 5.5px));-webkit-animation-delay: .3s;animation-delay: .3s;background: #FF5073}
.dot[data-v-08627c3f]:nth-child(3) {-webkit-transform: translate(calc(-50% + 5.5px), calc(-50% + 5.5px));transform: translate(calc(-50% + 5.5px), calc(-50% + 5.5px));-webkit-animation-delay: .6s;animation-delay: .6s;background: linear-gradient(225deg, #FF5073 80%, #c78eff)}
.dot[data-v-08627c3f]:nth-child(4) {-webkit-transform: translate(calc(-50% - 5.5px), calc(-50% + 5.5px));transform: translate(calc(-50% - 5.5px), calc(-50% + 5.5px));-webkit-animation-delay: .9s;animation-delay: .9s;background: #FF5073}
@-webkit-keyframes rotate-square-data-v-08627c3f {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)}
to {-webkit-transform: rotate(1turn);transform: rotate(1turn)}
}
@keyframes rotate-square-data-v-08627c3f {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)}
to {-webkit-transform: rotate(1turn);transform: rotate(1turn)}
}
@-webkit-keyframes pulse-data-v-08627c3f {
0%, to {opacity:1}
50% {opacity:1}
}
@keyframes pulse-data-v-08627c3f {
0%, to {opacity:1}
50% {opacity:1}
}
.home {width: 100%;background-color: #f7f8fa;padding-top: 6px;padding-bottom: 1px}
.main-container {width: 1200px;margin: 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box}
.blocks {margin-bottom: 12px}
.glow-container-group {-webkit-box-shadow: 0 6px 20px rgba(0,0,0,.04);box-shadow: 0 6px 20px rgba(0,0,0,.04);background: #fff;border-radius: 12px;margin-bottom: 20px;overflow: hidden;-webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);transition: all .3s cubic-bezier(.4, 0, .2, 1)}
.glow-container-group:hover {-webkit-box-shadow: 0 10px 30px rgba(236,72,153,.08);box-shadow: 0 10px 30px rgba(236,72,153,.08)}
.quick-nav-section {background: #fff}
.quick-nav-container {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 20px 15px 10px}
.quick-nav-container .nav-card {width: 16.5%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-bottom: 12px;cursor: pointer}
.quick-nav-container .nav-card .icon-box, .quick-nav-container .nav-card {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.quick-nav-container .nav-card .icon-box {background-color: #fff0f6;width: 52px;height: 52px;border-radius: 14px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 10px;-webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);transition: all .3s cubic-bezier(.175, .885, .32, 1.275)}
.quick-nav-container .nav-card .label {font-size: 14px;font-weight: 500;color: #222;-webkit-transition: all .3s;transition: all .3s}
.quick-nav-container .nav-card:hover .icon-box {-webkit-transform: translateY(-6px);transform: translateY(-6px);background-color: #fff;-webkit-box-shadow: 0 6px 16px rgba(236,72,153,.18);box-shadow: 0 6px 16px rgba(236,72,153,.18)}
.quick-nav-container .nav-card:hover .label {color: #FF5073;font-weight: 600}
.action-combo-card {background: #fff!important}
.action-combo-card .action-row {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 18px 20px;cursor: pointer;-webkit-transition: all .3s ease;transition: all .3s ease}
.action-combo-card .action-row .row-left, .action-combo-card .action-row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.action-combo-card .action-row .row-left {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 0}
.action-combo-card .action-row .row-left .app-icon-wrapper {width: 44px;height: 44px;border-radius: 30px;background: #fff0f6;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-right: 12px;-ms-flex-negative: 0;flex-shrink: 0}
.action-combo-card .action-row .row-left .app-text-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;min-width: 0}
.action-combo-card .action-row .row-left .app-text-info .row-title {font-size: 12px;color: #525252;font-weight: 800;line-height: 1.2;margin-bottom: 5px}
.action-combo-card .action-row .row-left .app-text-info .sub-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: nowrap;flex-wrap: nowrap}
.action-combo-card .action-row .row-left .app-text-info .sub-info .os-icons {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;opacity: .8;-ms-flex-negative: 0;flex-shrink: 0}
.action-combo-card .action-row .row-left .app-text-info .sub-info .desc-tag {font-size: 10px;color: #FF5073;background: #fff0f6;padding: 2px 6px;border-radius: 8px;margin-left: 8px;font-weight: 400;white-space: nowrap;-ms-flex-negative: 0;flex-shrink: 0}
.action-combo-card .action-row .row-right.pill-btn {height: 30px;padding: 0 15px;background: #FF5073;color: #fff;border-radius: 18px;font-size: 12px;font-weight: 700;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;white-space: nowrap;-ms-flex-negative: 0;flex-shrink: 0;margin-left: 10px;-webkit-box-shadow: 0 4px 10px rgba(236,72,153,.2);box-shadow: 0 4px 10px rgba(236,72,153,.2);-webkit-transition: all .3s;transition: all .3s}
.action-combo-card .action-row .row-right.pill-btn i {margin-left: 4px;font-size: 15px}
.action-combo-card .action-row:hover .pill-btn {background: #df368a;-webkit-box-shadow: 0 6px 14px rgba(236,72,153,.35);box-shadow: 0 6px 14px rgba(236,72,153,.35);-webkit-transform: translateY(-1px);transform: translateY(-1px)}

.list-title-row {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 25px 0 15px}
.list-title-row .left-title, .list-title-row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.list-title-row .left-title .fire-icon {width: 6px;height: 20px;background: linear-gradient(135deg, #FF5073, #ff71b9);border-radius: 10px;margin-right: 12px}
.list-title-row .left-title .title-text {font-size: 20px;font-weight: 700;letter-spacing: .5px;margin-right: 15px;color: #444}
.list-title-row .left-title .title-filter .filter-trigger-box {background: #f4f5f7;padding: 5px 14px;border-radius: 16px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;-webkit-transition: all .3s;transition: all .3s}
.list-title-row .left-title .title-filter .filter-trigger-box .current-label {font-size: 13px;color: #555;font-weight: 500}
.list-title-row .left-title .title-filter .filter-trigger-box .custom-arrow {font-size: 12px;color: #999;margin-left: 6px;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s}
.list-title-row .left-title .title-filter .filter-trigger-box:hover {background: #fff0f6}
.list-title-row .left-title .title-filter .filter-trigger-box:hover .current-label {color: #FF5073}
.list-title-row .left-title .title-filter .filter-trigger-box:hover .custom-arrow {color: #FF5073;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.list-title-row .right-filter .refresh-action {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;font-size: 13px;font-weight: 500;color: #FF5073;padding: 6px 18px;border-radius: 20px;border: 1px solid rgb(255 80 115 / 60%);-webkit-transition: all .3s;transition: all .3s}
.list-title-row .right-filter .refresh-action .refresh-icon {margin-right: 6px;fill: #FF5073;-webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);transition: transform .6s cubic-bezier(.4, 0, .2, 1);transition: transform .6s cubic-bezier(.4, 0, .2, 1), -webkit-transform .6s cubic-bezier(.4, 0, .2, 1)}
@media (any-hover:hover) {
.list-title-row .right-filter .refresh-action:hover {color: #fff;background-color: #FF5073;border-color: #FF5073;-webkit-box-shadow: 0 4px 10px rgba(236,72,153,.25);box-shadow: 0 4px 10px rgba(236,72,153,.25)}
.list-title-row .right-filter .refresh-action:hover .refresh-icon {fill: #fff;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
}
.list-title-row .right-filter .refresh-action:active {-webkit-transform: scale(.95);transform: scale(.95);background-color: #fff0f6}
.list-title-row .right-filter .refresh-action.is-loading {pointer-events: none;opacity: .6;color: #FF5073!important;background-color: transparent!important;border-color: rgba(236,72,153,.3)!important}
.list-title-row .right-filter .refresh-action.is-loading .refresh-icon {fill: #FF5073!important;-webkit-animation: rotate-data-v-a1ffb6d0 .8s linear infinite;animation: rotate-data-v-a1ffb6d0 .8s linear infinite}

@-webkit-keyframes rotate-data-v-a1ffb6d0 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)}
to {-webkit-transform: rotate(1turn);transform: rotate(1turn)}
}
@keyframes rotate-data-v-a1ffb6d0 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)}
to {-webkit-transform: rotate(1turn);transform: rotate(1turn)}
}

/* 热门城市 · 按地区浏览 */
.portal-home__region-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;font-family: auto;border-bottom:1px solid rgba(0,0,0,.06);background:linear-gradient(180deg,rgba(233,30,99,.06),transparent);}
.portal-home__region-hd h2{font-size: 18px;display: flex;align-items: center;margin:0;font-size:16px;font-weight:700;color:#222;}
.portal-home__region-hd h2 .fa{color:var(--cf-accent,#e91e63);margin-right:6px;}
.portal-home__region-hd h2 .icon{font-size: 14px;color: var(--cf-accent, #e91e63);margin-right: 6px;}

.portal-home__hot{padding:12px 16px 16px;}
.portal-home__hot .cf-chip-cloud--scroll{padding-bottom:13px;}

/* 主容器 */
.cf-chip-cloud--scroll {display: grid;grid-template-columns: repeat(8, 1fr);gap: 12px;}
.cf-chip {height: 38px;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 14px;color: #333;background: #f5f6f8;border-radius: 19px;cursor: pointer;font-weight: 500;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.cf-chip:hover {background: #FF5073;color: #fff;-webkit-transform: translateY(-2px);transform: translateY(-2px);-webkit-box-shadow: 0 4px 12px rgba(236, 72, 153, .25);box-shadow: 0 4px 12px rgba(236, 72, 153, .25);}
.cf-chip.is-on {background: #FF5073;color: #fff;}

/* 省份折叠组件 (利用原生 HTML5) */
.portal-home__prov summary {display: flex;justify-content: space-between;align-items: center;cursor: pointer;list-style: none; /* 隐藏原生三角符号 */}
.portal-home__prov summary::-webkit-details-marker {display: none; /* 兼容部分浏览器的原生三角隐藏 */}

/* 省份网格布局 */
.cf-chip-grid--prov {display: grid;grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); /* 自动网格响应式 */gap: 10px;padding-top: 15px;}

.cf-section:last-of-type{margin-bottom:10px;}
.cf-section--hot{padding-bottom:4px;border-bottom:1px dashed rgba(0,0,0,.08);}
.cf-section:last-of-type{margin-bottom:10px;}
.cf-section-hd{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:12px;}

.cf-label-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;color:#555;background:rgba(0,0,0,.045);border:1px solid rgba(0,0,0,.06);}
.cf-label-tag i{font-size:13px;color:var(--cf-accent);opacity:.9;}
.cf-label-tag--hot{background:rgba(255,77,141,.08);border-color:rgba(255,77,141,.2);color:#FF5073;}
.cf-label-tag--city{background:rgba(255,77,141,.1);border-color:rgba(255,77,141,.22);}

details.portal-home__prov{border-top:1px solid rgba(0,0,0,.06);}
details.portal-home__prov > summary{list-style:none;cursor:pointer;padding:12px 16px;font-size:14px;font-weight:600;color:#FF5073;display:flex;align-items:center;justify-content:space-between;}
details.portal-home__prov > summary::-webkit-details-marker{display:none;}
details.portal-home__prov > summary .ph-chev{transition:transform .2s;color:var(--cf-accent,#e91e63);}
details.portal-home__prov[open] > summary .ph-chev{transform:rotate(180deg);}
.portal-home__prov-body{padding:0 16px 16px;}

.city-footer-link {text-align: center;margin-top: 30px;font-size: 13px;color: #888;cursor: pointer;-webkit-transition: opacity .3s;transition: opacity .3s;}
.city-footer-link .action-text {color: #FF5073;font-weight: 700;margin-left: 5px;}
/* 热门城市 · 按地区浏览 end */

.list-content-inner {position: relative;min-height: 300px}
.list-skeleton-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px}
.skeleton-home-list {background: #fff;border-radius: 8px;-webkit-box-shadow: 0 6px 20px rgba(0,0,0,.04);box-shadow: 0 6px 20px rgba(0,0,0,.04);-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden}
.sk-item-layout {padding: 18px;-webkit-box-sizing: border-box;box-sizing: border-box;-ms-flex-pack: justify}
.sk-item-layout, .sk-text-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;justify-content: space-between}
.sk-text-box {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding-right: 20px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: justify}
.sk-img-box {width: 114px;height: 152px;-ms-flex-negative: 0;flex-shrink: 0}
.load-more-footer {text-align: center;margin: 40px 0}
.load-more-footer .btn-load {display: inline-block;padding: 12px 45px;border: 1px solid #FF5073;border-radius: 30px;font-weight: 500;color: #FF5073;cursor: pointer;-webkit-transition: .3s;transition: .3s}
.load-more-footer .btn-load:hover {background: #FF5073;color: #fff;-webkit-box-shadow: 0 4px 15px rgba(236,72,153,.25);box-shadow: 0 4px 15px rgba(236,72,153,.25);-webkit-transform: translateY(-2px);transform: translateY(-2px)}
@media (max-width:1250px) {
.list-skeleton-wrapper {grid-template-columns: repeat(2, 1fr);gap: 15px}
}
@media (max-width:768px) {
.home {padding-top: 3px}
.blocks {margin-bottom: 7px}
.quick-nav-container {padding: 10px 10px 0}
.quick-nav-container .nav-card {width: 25%!important}
.action-combo-card .action-row {padding: 12px 15px}

.list-title-row .right-filter .refresh-action {padding: 4px 12px;font-size: 12px}
.list-skeleton-wrapper {grid-template-columns: 1fr;gap: 12px}
.sk-item-layout {padding: 12px}
.sk-text-box {padding-right: 12px}
.sk-img-box {width: 90px;height: 120px}
}
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {background-color: #fff0f6!important;color: #FF5073!important;font-weight: 500}