div[data-v-2ef36fd7] {width: 100%;height: 300px;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: 24px;color: #d3d3d3}
.vipgpmgao {width: 1110px;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;margin-top: 10px;font-size: 13px;color: #525252;line-height: 1.8}
@media (max-width:750px) {
.vipgpmgao {width: 94%;margin: 0 auto;margin-top: 10px}
}
.specialty {width: 1200px;margin: 0 auto}
.specialty .el-menu-demo .el-menu-item {padding-left: 0;padding-right: 0;margin-right: 36px;font-size: 14px}
.specialty .methods {margin: 33px 0 39px 7px}
.specialty .methods .el-button {font-size: 16px;font-weight: 500;color: #999;padding: 0}
.specialty .methods .actived {color: #FF5073}
.specialty .list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap}
.specialty .footer {padding: 0;margin: 0 auto;margin-top: 30px;margin-bottom: 33px;border-radius: 3px;-webkit-box-shadow: 0 0 3px 4px rgba(232,232,233,.4);box-shadow: 0 0 3px 4px rgba(232,232,233,.4);background-color: #fff}
.specialty .footer .el-pagination .btn-next, .specialty .footer .el-pagination .btn-prev {width: 74px;height: 30px;border: 1px solid #c7c7c7;border-radius: 15px}
.specialty .footer .el-pagination .btn-next {color: #999}
.specialty .footer .el-pagination .el-pager li {width: 30px;height: 30px;border: 1px solid #c7c7c7;border-radius: 15px;color: #999}
.specialty .footer .el-pagination .el-pager .active {color: #fff}
.specialty .footer .el-pagination .el-pager .number {text-align: center;padding: 0}
.specialty .footer .el-pagination .el-pager li:not(.active)>hover {color: #999!important}
.specialty .footer .el-pagination .el-pager li:not(.disabled).active {background-color: #FF5073}
@media (max-width:1250px) {
.el-image {width: 100%!important}
.specialty_com_wrap {width: 47%}
.specialty .list, .specialty_com_wrap[data-v-99dbd3be] .el-image {width: 100%}
.el-menu-item {padding: 0 10px!important}
.specialty {width: 100%}
}
@media (max-width:750px) {
.specialty {width: 96%;margin: 0 auto}
.box_zhankai {width: 94%!important}
.el-image {width: 100%!important}
.specialty_com_wrap {width: 100%}
.box_zhankai .ctay .tiay {width: 0!important}
.box_zhankai .ctay .tiay span {margin-right: 0}
.box_zhankai .ctay span {margin-left: 10px!important}
.box_zhankai .ctay .title {width: 10%!important}
.box_zhankai .ctay .tiay {width: 25%!important}
 .el-menu-demo .el-menu-item {margin-right: 4px!important}
}
.footer {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 20px;margin-bottom: 20px;background-color: #fff!important;-webkit-box-shadow: 0 0 3px 4px rgba(232,232,233,.4)!important;box-shadow: 0 0 3px 4px rgba(232,232,233,.4)!important;border-radius: 5px;padding: 5px 0;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box}
.footer, .pagination-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.first-page-btn {background-color: #fff;border: 1px solid #e4e7ed;color: #606266;min-width: 50px;height: 28px;line-height: 28px;padding: 0 4px;font-size: 13px;border-radius: 30px;margin-right: -10px;text-align: center;cursor: pointer;font-weight: 400}
.first-page-btn:hover {color: #FF5073;border-color: #FF5073}
 .el-pagination .btn-prev:disabled,  .el-pagination .el-pager .btn-quicknext,  .el-pagination .el-pager .btn-quickprev,  .el-pagination .el-pager li:not(.active) {display: none!important}
 .el-pagination.is-background .el-pager li:not(.disabled).active {background-color: #FF5073!important;color: #fff!important;border-radius: 30px;min-width: 28px;height: 28px;line-height: 27px;-webkit-box-shadow: 0 2px 4px rgba(255,51,153,.3);box-shadow: 0 2px 4px rgba(255,51,153,.3);border: none}
 .el-pagination.is-background .btn-next,  .el-pagination.is-background .btn-prev {background-color: #fff!important;border: 1px solid #e4e7ed;border-radius: 30px;margin: 0 5px;min-width: 60px;height: 28px;line-height: 28px;color: #606266}
 .el-pagination.is-background .btn-next:hover,  .el-pagination.is-background .btn-prev:hover {color: #FF5073;border-color: #FF5073}
.skeleton-list-card {width: 31.9%;margin: 10px .7%;background: #fff;border-radius: 8px;-webkit-box-shadow: 0 0 3px 4px rgba(232,232,233,.4);box-shadow: 0 0 3px 4px rgba(232,232,233,.4);display: inline-block;vertical-align: top;-webkit-box-sizing: border-box;box-sizing: border-box}
.sk-card-img {width: 114px;height: 152px;border-radius: 6px;-ms-flex-negative: 0;flex-shrink: 0}
.specialty-page {background-color: #f7f8fa;min-height: 100vh;padding-bottom: 40px}
.main-wrapper {width: 1200px;margin: 0 auto}
.modern-filter-panel {background: #fff;border-radius: 12px;padding: 20px 25px;-webkit-box-shadow: 0 4px 16px rgba(168,43,43,.04);box-shadow: 0 4px 16px rgba(168,43,43,.04);margin-bottom: 20px;-webkit-box-shadow: 0 0 3px 4px rgba(232,232,233,.6);box-shadow: 0 0 3px 4px rgba(232,232,233,.6);border: 1px solid #fff;-webkit-transition: all .3s;transition: all .3s;margin-top: 20px}
.modern-filter-panel:hover {-webkit-box-shadow: 0 8px 24px rgba(255,51,153,.12);box-shadow: 0 8px 24px rgba(255,51,153,.12);border-color: #ffeef5}
.filter-row {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 8px 0}
.filter-row .row-header, .filter-row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.filter-row .row-header {font-size: 14px}
.filter-row .row-header .label {color: #666;font-weight: 500;white-space: nowrap}
.filter-row .row-header .current-value {color: #FF5073;font-weight: 700;margin-left: 8px;cursor: pointer;padding: 2px 8px;background: #fff0f6;border-radius: 4px;-webkit-transition: all .2s;transition: all .2s;white-space: nowrap}
.filter-row .row-header .current-value:hover {background: #FF5073;color: #fff}
.filter-row .row-header .reset-link {font-size: 12px;color: #999;margin-left: 8px;cursor: pointer;white-space: nowrap}
.filter-row .row-header .reset-link:hover {text-decoration: underline;color: #FF5073}
.filter-row .toggle-btn {cursor: pointer;font-size: 13px;background: #fff0f6;color: #FF5073;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 6px 15px;border-radius: 20px;-webkit-transition: all .3s;transition: all .3s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.filter-row .toggle-btn i {margin-left: 4px;font-weight: 700;font-size: 14px}
.filter-row .toggle-btn:hover {background: #ffd6e7;color: #d0006f}
.divider-line {background: #f0f0f0;margin: 10px 0}
.expand-container {max-height: 0;overflow: hidden;-webkit-transition: max-height .4s ease-in-out;transition: max-height .4s ease-in-out}
.expand-container.is-expanded {max-height: 500px;margin-top: 15px;margin-bottom: 15px;overflow-y: auto}
.selection-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));gap: 10px}
.selection-grid .grid-item {text-align: center;font-size: 13px;padding: 8px 0;border-radius: 6px;color: #555;cursor: pointer;border: 1px solid transparent;-webkit-transition: all .2s;transition: all .2s;background: #f9f9f9}
.selection-grid .grid-item:hover {color: #FF5073;background: #fff;border-color: #ffd6e7;-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.05);box-shadow: 0 2px 8px rgba(0,0,0,.05)}
.selection-grid .grid-item.active {background: #FF5073;color: #fff;-webkit-box-shadow: 0 4px 10px rgba(255,51,153,.3);box-shadow: 0 4px 10px rgba(255,51,153,.3)}
.selection-grid .grid-item .num{font-size: 12px;}
.nav-status-wrapper {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-bottom: 20px}
.custom-menu-box {background: #fff;padding: 6px;border-radius: 12px;-webkit-box-shadow: 0 0 3px 4px rgba(232,232,233,.4);box-shadow: 0 0 3px 4px rgba(232,232,233,.4);max-width: 100%;overflow: hidden}
.custom-menu-box .menu-scroll-container {display: -webkit-box;display: -ms-flexbox;display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;gap: 4px}
.custom-menu-box .menu-scroll-container::-webkit-scrollbar {
display:none}
.custom-menu-box .menu-item {padding: 8px 24px;font-size: 14px;font-weight: 500;color: #8c8c8c;cursor: pointer;border-radius: 50px!important;-webkit-transition: all .3s ease;transition: all .3s ease;white-space: nowrap;-ms-flex-negative: 0;flex-shrink: 0;border: none!important;outline: none!important;line-height: normal!important;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}
.custom-menu-box .menu-item:after, .custom-menu-box .menu-item:before {display: none!important}
.custom-menu-box .menu-item:hover {color: #FF5073;background: #fff0f6}
.custom-menu-box .menu-item.active {background-color: #fff0f6!important;color: #FF5073!important;-webkit-box-shadow: none!important;box-shadow: none!important;font-weight: 500!important;-webkit-font-smoothing: antialiased}
.status-bar {background: #fff;height: 44px;padding: 0 20px!important;border-radius: 12px!important;-webkit-box-shadow: 0 0 3px 4px rgba(232,232,233,.4)!important;box-shadow: 0 0 3px 4px rgba(232,232,233,.4)!important;-webkit-box-sizing: border-box;box-sizing: border-box}
.status-bar .status-left, .status-bar {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.status-bar .status-left {-ms-flex-negative: 0;flex-shrink: 0}
.status-bar .status-label {font-size: 13px;color: #8c8c8c!important;font-weight: 500;line-height: 1;-ms-flex-negative: 0;flex-shrink: 0}
.status-bar .status-icon {width: 16px!important;height: 16px!important;margin: 0 6px 0 0!important;-ms-flex-negative: 0;flex-shrink: 0;display: block!important;position: static!important;left: auto!important;overflow: hidden!important;-webkit-transform: translateY(.5px);transform: translateY(.5px)}
.status-bar .status-icon path {fill: #FF5073!important}
.status-bar .status-highlight {font-size: 13px;color: #FF5073!important;font-weight: 600!important;line-height: 1;letter-spacing: .5px;margin: 0!important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 250px}
.fade-in-up {-webkit-animation: fadeInUp-data-v-578e3a80 .5s ease-out forwards;animation: fadeInUp-data-v-578e3a80 .5s ease-out forwards;opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px)}
@-webkit-keyframes fadeInUp-data-v-578e3a80 {
to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes fadeInUp-data-v-578e3a80 {
to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
}
.list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%}
@media (max-width:1250px) {
.main-wrapper {width: 96%}
.skeleton-list-card {width: 47%}
}
@media (max-width:768px) {
.main-wrapper {width: 100%!important;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box}
.section-header {margin: 15px 0 10px}
.modern-filter-panel {padding: 15px 12px;margin-top: 15px}
.filter-row .row-header .label {font-size: 13px}
.filter-row .row-header .current-value {font-size: 13px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;display: inline-block}
.toggle-btn {padding: 4px 8px;font-size: 12px}
.selection-grid {grid-template-columns: repeat(4, 1fr);gap: 8px}
.grid-item {font-size: 12px;padding: 6px 0}
.nav-status-wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;gap: 10px;margin-bottom: 15px}
.custom-menu-box .menu-item {padding: 6px 18px!important;font-size: 13px!important}
.status-bar {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding: 0 15px!important;height: 40px;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box}
.status-highlight {font-size: 12px!important;letter-spacing: 0}
.skeleton-list-card {width: 100%!important;display: block!important;margin: 10px 0!important}
.footer {width: 100%;padding: 0 0;-webkit-box-shadow: 0 0 3px 4px rgba(232,232,233,.4)!important;box-shadow: 0 0 3px 4px rgba(232,232,233,.4)!important}
}
.top-nav-tabs {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #fff;border-radius: 12px;padding: 12px 25px;margin-top: 20px;margin-bottom: 20px;-webkit-box-shadow: 0 0 3px 4px rgba(232,232,233,.4);box-shadow: 0 0 3px 4px rgba(232,232,233,.4);gap: 20px}
.top-nav-tabs .tab-item {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;-webkit-box-orient: horizontal!important;-webkit-box-direction: normal!important;-ms-flex-direction: row!important;flex-direction: row!important;-ms-flex-wrap: nowrap!important;flex-wrap: nowrap!important;-webkit-box-align: center!important;-ms-flex-align: center!important;align-items: center!important;-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;padding: 0 28px;height: 42px;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;border-radius: 50px!important;border: 1px solid transparent!important;-webkit-transition: all .3s ease;transition: all .3s ease}
.top-nav-tabs .tab-item svg {width: 18px!important;height: 18px!important;margin: 0 6px 0 0!important;fill: #666!important;display: block!important;-ms-flex-negative: 0!important;flex-shrink: 0!important;-webkit-transform: translateY(1px)!important;transform: translateY(1px)!important}
.top-nav-tabs .tab-item span {font-size: 15px!important;color: #666!important;font-weight: 700!important;margin: 0!important;padding: 0!important;display: block!important;line-height: 15px!important;height: 15px!important}
.top-nav-tabs .tab-item:hover {background: #fff0f6!important;border-color: transparent!important}
.top-nav-tabs .tab-item:hover svg {fill: #FF5073!important}
.top-nav-tabs .tab-item:hover span {color: #FF5073!important}
.top-nav-tabs .tab-item.active {background-color: transparent!important;background-image: none!important;-webkit-box-shadow: none!important;box-shadow: none!important;-webkit-transform: none!important;transform: none!important;border: 1px solid #FF5073!important}
.top-nav-tabs .tab-item.active svg {fill: #FF5073!important}
.top-nav-tabs .tab-item.active span {color: #FF5073!important;font-weight: 700!important;text-shadow: none!important;-webkit-font-smoothing: antialiased!important}
@media (max-width:768px) {
.top-nav-tabs {display: grid!important;grid-template-columns: repeat(2, 1fr)!important;padding: 12px 10px;gap: 10px 10px;margin-top: 15px;margin-bottom: 15px}
.top-nav-tabs .tab-item {width: 100%!important;padding: 0;height: 38px;border: 1px solid transparent!important}
.top-nav-tabs .tab-item.active {border: 1px solid #FF5073!important}
.top-nav-tabs .tab-item svg {width: 16px!important;height: 16px!important;margin: 0 6px 0 0!important;-webkit-transform: translateY(.1px)!important;transform: translateY(.1px)!important}
.top-nav-tabs .tab-item span {font-size: 14px!important;line-height: 14px!important;height: 14px!important;white-space: nowrap}
}
.vip-national-section {width: 100%}
.vip-card-standard {width: 31.9%;margin: 10px .7%;vertical-align: top}
.vip-badge-pro {position: absolute;top: 0;left: 0;background: linear-gradient(135deg, #363636, #1a1a1a);color: #fce3b8;font-size: 11px;padding: 3px 10px;border-radius: 8px 0 8px 0;z-index: 10;font-weight: 700;letter-spacing: 1px;-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.2);box-shadow: 2px 2px 6px rgba(0,0,0,.2)}
.v-left-info {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;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: justify;-ms-flex-pack: justify;justify-content: space-between;margin-right: 15px;height: 152px;padding-top: 10px}
.v-title {font-size: 14px;font-weight: 400;color: #333;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden}
.v-tags {margin: 8px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 8px}
.v-tag-prov {background: #FF5073;color: #fff;font-size: 13px;padding: 3px 8px;border-radius: 5px;font-weight: 500}
.v-tag-city {background: #fff0f6;color: #FF5073;font-size: 12px;font-weight: 400;padding: 4px 8px;border-radius: 2px}
.v-desc {font-size: 13px;color: #666;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.5}
.v-right-img {width: 114px;height: 152px;-ms-flex-negative: 0;flex-shrink: 0;border-radius: 6px;overflow: hidden;position: relative}
.vip-card-standard.is-visited {opacity: .75;background: #fdfdfd!important;border-color: transparent!important;-webkit-box-shadow: 0 0 2px 2px rgba(232,232,233,.3)!important;box-shadow: 0 0 2px 2px rgba(232,232,233,.3)!important}
.vip-card-standard.is-visited .v-title {color: #999;font-weight: 400}
.vip-card-standard.is-visited .vip-badge-pro {-webkit-filter: grayscale(80%);filter: grayscale(80%)}
@media (max-width:768px) {
.vip-card-standard {width: 100%;margin: 10px 0;padding: 12px}
.v-left-info {height: 130px;margin-right: 12px;padding-top: 8px}
.v-right-img {width: 98px;height: 130px}
.v-tags {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;gap: 6px;margin: 6px 0}
}
.vip-carousel {height: 100%;width: 100%}
.vip-carousel .el-carousel__container {height: 100%!important}
.vip-perfect-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);gap: 2.5%;width: 100%;margin-bottom: 20px}
.vip-card-standard {width: 100%!important;margin: 0!important;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;padding: 15px;background-color: #fff;border-radius: 8px;-webkit-box-shadow: 0 0 3px 4px rgba(232,232,233,.4);box-shadow: 0 0 3px 4px rgba(232,232,233,.4);-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;cursor: pointer;border: 1px solid transparent;-webkit-transition: all .3s;transition: all .3s}
.vip-card-standard:hover {border-color: #fce3b8;-webkit-box-shadow: 0 4px 12px rgba(242,156,31,.15);box-shadow: 0 4px 12px rgba(242,156,31,.15);-webkit-transform: translateY(-2px);transform: translateY(-2px)}
@media (min-width:769px) {
.vip-card-standard .v-right-img {width: 140px!important}
.vip-card-standard .v-title {font-size: 16px!important}
}
@media (max-width:768px) {
.vip-perfect-wrapper {grid-template-columns: 1fr;gap: 15px}
.vip-card-standard .v-right-img {width: 105px!important}
.vip-card-standard .v-left-info {height: 135px}
}
.img-loading-slot {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f9fafc;display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;-webkit-box-align: center!important;-ms-flex-align: center!important;align-items: center!important;z-index: 10}
.img-loading-slot .el-icon-loading {font-size: 12px!important;color: #FF5073!important;margin: 0!important}
.feed-divider {width: 100%;margin: 15px 0 20px 0;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box}
.divider-inner {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;width: 100%}
.divider-icon {color: #FF5073;font-size: 18px;margin-right: 6px}
.divider-text {font-size: 15px;font-weight: 800;color: #525252;letter-spacing: 1px;white-space: nowrap}
.divider-line {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 1px;margin-top: 2px;/*max-width: 200px*/}
.left-line {background: -webkit-gradient(linear, right top, left top, from(#e8e8e8), to(hsla(0,0%,91%,0)));background: linear-gradient(270deg, #e8e8e8, hsla(0,0%,91%,0));margin-right: 15px}
.right-line {background: -webkit-gradient(linear, left top, right top, from(#e8e8e8), to(hsla(0,0%,91%,0)));background: linear-gradient(90deg, #e8e8e8, hsla(0,0%,91%,0));margin-left: 15px}
@media (max-width:768px) {
.feed-divider {margin: 10px 0 15px 0}
.divider-text {font-size: 14px}
.divider-icon {font-size: 16px}
.divider-line {max-width: none}
}