:root {
    --primary-color: #2D374B;
    --accent-color: #00a2ff;
    --glow-color: rgba(0, 162, 255, 0.5);
    --light-bg: rgba(255, 255, 255, 0.9);
    --dark-bg: rgba(45, 55, 75, 0.9);
    --card-bg: rgba(255, 255, 255, 0.85);
    --border-color: rgba(0, 162, 255, 0.3);
    --text-color: #2D374B;
    --text-light: #ffffff;
    --shadow: 0 0 15px rgba(0, 162, 255, 0.3);
    --transition: all 0.3s ease;
}

.wrap a {
    color: var(--accent-color);
    text-decoration: none;
    transition: var(--transition);
}

.wrap a:hover {
    color: var(--primary-color);
    text-shadow: 0 0 8px var(--glow-color);
}

/*
* MainCont1
*/
.MainCont1 {
    height: auto;
    min-height: 580px;
    overflow: hidden;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    perspective: 1000px;
    padding: 0 15px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.MainCont1 .Main {
    width: calc(70% - 10px);
    flex: 1 1 700px;
    overflow: hidden;
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    backdrop-filter: blur(10px);
    transform-style: preserve-3d;
    transition: var(--transition);
}

.MainCont1 .Main:hover {
    transform: translateZ(10px);
    box-shadow: 0 0 25px var(--glow-color);
}

.MainCont1 .Side {
    width: calc(30% - 10px);
    flex: 1 1 270px;
    overflow: hidden;
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    backdrop-filter: blur(10px);
    transform-style: preserve-3d;
    transition: var(--transition);
}

.MainCont1 .Side:hover {
    transform: translateZ(10px);
    box-shadow: 0 0 25px var(--glow-color);
}

.ChageHead {
    height: 40px;
    overflow: hidden;
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
    border-radius: 8px 8px 0 0;
    display: flex;
    transform-style: preserve-3d;
}

.ChageHead div {
    flex: 1;
    padding: 2px 15px 0 15px;
    border-right: 1px solid var(--border-color);
    line-height: 38px;
    color: var(--text-light);
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

.ChageHead div::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--transition);
}

.ChageHead div:hover::before {
    left: 100%;
}

.ChageHead div.choose {
    font-weight: bold;
    background: rgba(255, 255, 255, 0.15);
    border-top: 2px solid var(--accent-color);
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}

.TabCont1 {
    height: 440px;
    width: 100%;
    overflow: hidden;
    margin: 10px auto;
    position: relative;
    border-radius: 0 0 8px 8px;
}

.ShowPhotos {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.ShowPhotos .SpacDiv {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(0, 162, 255, 0.1), rgba(45, 55, 75, 0.1));
    z-index: 50;
    border-radius: 8px;
}

.ShowPhotos dl {
    width: 180px;
    height: 107px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    background: var(--light-bg);
    border-radius: 6px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: var(--transition);
    transform-style: preserve-3d;
}

.ShowPhotos dl:hover {
    transform: translateY(-5px) translateZ(10px);
    box-shadow: 0 8px 25px rgba(0, 162, 255, 0.4);
}

.ShowPhotos dl.dl1 {
    width: 330px;
    height: 218px;
    left: 0;
    top: 0;
}

.ShowPhotos dl.dl1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.ShowPhotos dl.dl1:hover img {
    transform: scale(1.05);
}


.ShowPhotos dl.dl2 {
    right: 185px;
    top: 0;
}

.ShowPhotos dl.dl3 {
    right: 185px;
    top: 111px;
}

.ShowPhotos dl.dl4 {
    right: 0;
    top: 0;
}

.ShowPhotos dl.dl5 {
    right: 0;
    top: 111px;
}

.ShowPhotos dl.dl6 {
    left: 0;
    bottom: 111px;
}

.ShowPhotos dl.dl7 {
    left: 0;
    bottom: 0;
}

.ShowPhotos dl.dl8 {
    width: 330px;
    height: 218px;
    left: 185px;
    bottom: 0;
}

.ShowPhotos dl.dl8 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.ShowPhotos dl.dl8:hover img {
    transform: scale(1.05);
}

.ShowPhotos dl.dl9 {
    right: 0;
    bottom: 111px;
}

.ShowPhotos dl.dl10 {
    right: 0;
    bottom: 0;
}

.ShowPhotos dl dd {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 30px;
    overflow: hidden;
    background: linear-gradient(to top, var(--dark-bg), transparent);
    text-align: center;
    border-radius: 0 0 6px 6px;
}

.ShowPhotos dl dd a {
    color: var(--text-light);
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.Slide_NewsTop {
    float: left;
    padding: 15px;
    width: calc(100% - 30px);
    height: auto;
    min-height: 428px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    background: var(--card-bg);
    border-radius: 8px;
    backdrop-filter: blur(10px);
    transform-style: preserve-3d;
    transition: var(--transition);
}

.Slide_NewsTop:hover {
    transform: translateZ(5px);
    box-shadow: var(--shadow);
}

.Slide_NewsTop .ShowSlide {
    width: 100%;
    height: 210px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
}

.Slide_NewsTop .NewsTop {
    margin-top: 15px;
}

.Slide_NewsTop .NewsTop .head {
    border-bottom: 1px solid var(--border-color);
    height: 35px;
    overflow: hidden;
    line-height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Slide_NewsTop .NewsTop .head .tag {
    padding-left: 5px;
    font-size: 16px;
    font-weight: bold;
    color: var(--primary-color);
    position: relative;
}

.Slide_NewsTop .NewsTop .head .tag::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 5px;
    width: 30px;
    height: 2px;
    background: var(--accent-color);
    transition: var(--transition);
}

.Slide_NewsTop .NewsTop .head .tag:hover::after {
    width: 80%;
}

.Slide_NewsTop .NewsTop .head .more {
    padding-right: 5px;
}

.Slide_NewsTop .NewsTop .head .more a {
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

.Slide_NewsTop .NewsTop .head .more a::after {
    margin-left: 5px;
    transition: var(--transition);
}

.Slide_NewsTop .NewsTop .head .more a:hover::after {
    transform: translateX(3px);
}

.Slide_NewsTop .NewsTop .cont {
    padding-top: 10px;
    line-height: 25px;
}

.Slide_NewsTop .NewsTop .cont div {
    height: 25px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 5px 0;
    transition: var(--transition);
    border-radius: 4px;
}

.Slide_NewsTop .NewsTop .cont div:hover {
    background: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}

.Slide_NewsTop .NewsTop .cont div span {
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
    color: var(--text-light);
    border-radius: 50%;
    margin-right: 8px;
    font-size: 12px;
    line-height: 25px;
}

.Slide_NewsTop .NewsTop .cont div.list1 span,
.Slide_NewsTop .NewsTop .cont div.list2 span,
.Slide_NewsTop .NewsTop .cont div.list3 span {
    background: linear-gradient(135deg, #ff6b6b, #c00);
}

.Slide_NewsTop .NewsTop .cont div a {
    display: block;
    flex: 1;
    padding-left: 5px;
    color: var(--text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Slide_NewsTop .NewsTop .cont div em {
    padding-right: 5px;
    font-style: normal;
    color: #F30;
    font-weight: bold;
}

.City_News {
    width: 100%;
    float: right;
    background: var(--card-bg);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
}

.City_News:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}

.City_News .head {
    height: 40px;
    overflow: hidden;
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.City_News .head .tag {
    width: auto;
    height: 40px;
    float: left;
    background: none;
    color: var(--text-light);
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}

.City_News .head .tag span {
    display: inline;
}

.City_News .head .more {
    float: right;
    padding: 2px 5px 0 8px;
    line-height: 28px;
    background: transparent;
}

.City_News .head .more a {
    color: var(--text-light);
    display: flex;
    align-items: center;
}

.City_News .head .more a::after {
    
    margin-left: 5px;
    transition: var(--transition);
}

.City_News .head .more a:hover::after {
    transform: translateX(3px);
}

.City_News .cont {
    height: auto;
    min-height: 410px;
    overflow: hidden;
    padding: 15px;
}

.City_News .cont .blist {
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    padding-left: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
}

.City_News .cont .blist a {
    font-size: 18px;
    font-weight: bold;
    color: var(--primary-color);
    transition: var(--transition);
}

.City_News .cont .blist a:hover {
    color: var(--accent-color);
    text-shadow: 0 0 8px var(--glow-color);
}

.City_News .cont .spacLink {
    height: 1px;
    clear: both;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    margin: 10px 0;
}

.City_News .cont .lista,
.City_News .cont .listb {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 5px 0 5px 30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
    transition: var(--transition);
    border-radius: 4px;
}

.City_News .cont .lista:hover,
.City_News .cont .listb:hover {
    background-color: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}

.City_News .cont .lista span {
    display: block;
    float: left;
    width: 20px;
    height: 26px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4.86 8.86l-3 3.87L9 13.14L6 17h12l-3.86-5.14z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: contain;
    margin-right: 5px;
}

.City_News .cont .lista a {
    display: block;
    float: left;
    width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-color);
}

.City_News .cont .lista em {
    float: right;
    padding-right: 5px;
    font-style: normal;
    color: #888;
}

.City_News .cont .listb a {
    display: block;
    float: left;
    color: var(--text-color);
}

.City_News .cont .listb a.t {
    width: calc(100% - 100px);
    padding-left: 30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.City_News .cont .listb em {
    float: right;
    padding-right: 5px;
    font-style: normal;
    color: #888;
}

.City_News .cont .note {
    clear: both;
    text-align: right;
    padding: 15px 5px 5px 0;
    color: #888;
}

.City_News .cont .note a {
    border: 1px solid var(--border-color);
    padding: 8px 20px 8px 15px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E") right center no-repeat;
    background-size: 16px;
    margin-left: 10px;
    border-radius: 20px;
    transition: var(--transition);
    color: var(--primary-color);
}

.City_News .cont .note a:hover {
    background-color: var(--accent-color);
    color: white;
    box-shadow: 0 0 10px var(--glow-color);
    transform: translateY(-2px);
}

.ShowShopTg {
    border: 1px solid var(--border-color);
    height: auto;
    min-height: 270px;
    overflow: hidden;
    background: var(--card-bg);
    border-radius: 8px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    margin-bottom: 20px;
}

.ShowShopTg:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}

.ShowShopTg .head {
    width: 95%;
    height: 50px;
    margin: auto;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
}

.ShowShopTg .head .tag {
    float: left;
    padding: 15px 0 0 10px;
    font-size: 16px;
    font-weight: bold;
    color: var(--primary-color);
    position: relative;
}

.ShowShopTg .head .tag::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 10px;
    width: 30px;
    height: 2px;
    background: var(--accent-color);
    transition: var(--transition);
}

.ShowShopTg .head .tag:hover::after {
    width: 80%;
}

.ShowShopTg .cont {
    padding: 25px 10px;
}

.ShowShopTg .cont .listshoptg {
    width: 100%;
    max-width: 200px;
    margin: auto;
    position: relative;
    transform-style: preserve-3d;
    transition: var(--transition);
}

.ShowShopTg .cont .listshoptg:hover {
    transform: translateZ(10px);
}

.ShowShopTg .cont .listshoptg .img {
    width: 100%;
    height: 120px;
    border: 1px solid var(--border-color);
    padding: 4px;
    margin: auto;
    overflow: hidden;
    border-radius: 6px;
    background: white;
}

.ShowShopTg .cont .listshoptg .img a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    border-radius: 4px;
}

.ShowShopTg .cont .listshoptg .img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.ShowShopTg .cont .listshoptg .img a:hover img {
    transform: scale(1.1);
}

.ShowShopTg .cont .listshoptg span.tag {
    display: block;
    width: 70px;
    height: 25px;
    position: absolute;
    left: -5px;
    top: 10px;
    z-index: 100;
    background: linear-gradient(135deg, #ff6b6b, #c00);
    color: white;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ShowShopTg .cont .listshoptg .title {
    clear: both;
    height: auto;
    padding: 10px 0 5px;
    overflow: hidden;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
    color: var(--primary-color);
}

.ShowShopTg .cont .listshoptg .more {
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    color: #888;
    display: flex;
    justify-content: space-between;
}

.ShowShopTg .cont .listshoptg .more span {
    display: flex;
    align-items: center;
}

.ShowShopTg .cont .listshoptg .more span.r {
    font-weight: bold;
}

.ShowShopTg .cont .listshoptg .more span.r em {
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
    color: #F30;
    margin-left: 5px;
}

.Food_Weather {
    margin-top: 10px;
    border: 1px solid var(--border-color);
    height: auto;
    min-height: 296px;
    overflow: hidden;
    background: var(--card-bg);
    border-radius: 8px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
}

.Food_Weather:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}

.Food_Weather .ChageHead {
    border-left: 0;
    border-radius: 8px 8px 0 0;
}

.Food_Weather .cont {
    padding: 15px;
    height: auto;
    overflow: hidden;
}

.Food_Weather .cont li {
    padding-top: 15px;
}

.Food_Weather .cont li.listn {
    height: auto;
    overflow: hidden;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    padding-bottom: 15px;
    color: #888;
}

.Food_Weather .cont li.listn .t {
    height: 25px;
    line-height: 25px;
    padding-left: 25px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
    margin-bottom: 5px;
}

.Food_Weather .cont li.listn .t a {
    color: var(--accent-color);
    font-weight: bold;
}

.Food_Weather .cont li.listn .address {
    float: left;
    width: calc(100% - 100px);
    height: auto;
    line-height: 1.5;
    overflow: hidden;
    padding-left: 25px;
}

.Food_Weather .cont li.listn .d {
    float: right;
    color: var(--accent-color);
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
}

.Food_Weather .cont dl {
    height: auto;
    overflow: hidden;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}

.Food_Weather .cont dl dt {
    float: left;
    width: 80px;
    height: auto;
    padding-top: 5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E") right center no-repeat;
    background-size: 10px;
}

.Food_Weather .cont dl dt div {
    padding-left: 0;
}

.Food_Weather .cont dl dt div a {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid var(--border-color);
    transition: var(--transition);
}

.Food_Weather .cont dl dt div a:hover {
    border-color: var(--accent-color);
    box-shadow: 0 0 15px var(--glow-color);
}

.Food_Weather .cont dl dt div a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Food_Weather .cont dl dt p {
    padding: 5px 0 0;
    text-align: center;
    line-height: 1.4;
    color: var(--primary-color);
    font-weight: bold;
}

.Food_Weather .cont dl dd {
    width: calc(100% - 90px);
    float: left;
    padding-left: 15px;
    overflow: hidden;
    line-height: 1.5;
}

.Food_Weather .cont dl dd div {
    color: #888;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
}

.Food_Weather .cont dl dd p {
    height: auto;
    min-height: 60px;
    overflow: hidden;
    color: var(--text-color);
    margin-bottom: 5px;
}

.Food_Weather .cont dl dd span {
    display: block;
    height: auto;
    overflow: hidden;
    color: #888;
    text-align: right;
    font-size: 14px;
}

.Food_Weather .cont dl dd span em {
    font-style: normal;
    color: #F30;
    font-weight: bold;
    margin-left: 5px;
}

/* 响应式设计 */
@media screen and (max-width: 1200px) {
    .MainCont1 {
        flex-direction: column;
    }
    
    .MainCont1 .Main,
    .MainCont1 .Side {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .ShowPhotos dl {
        width: calc(50% - 10px);
        margin-bottom: 10px;
        position: relative;
        height: 150px;
    }
    
    .ShowPhotos dl.dl1,
    .ShowPhotos dl.dl8 {
        width: 100%;
        height: 200px;
    }
}

@media screen and (max-width: 768px) {
    .MainCont1 {
        padding: 0 10px;
    }
    
    .ChageHead {
        flex-wrap: wrap;
        height: auto;
    }
    
    .ChageHead div {
        flex: 1 0 33.33%;
    }
    
    .TabCont1 {
        height: auto;
    }
    
    .ShowPhotos {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .ShowPhotos dl {
        width: calc(50% - 5px);
        position: relative;
        height: 120px;
    }
    
    .ShowPhotos dl.dl1,
    .ShowPhotos dl.dl8 {
        width: 100%;
        height: 180px;
    }
    
    .City_News .cont .lista a,
    .City_News .cont .listb a.t {
        width: calc(100% - 80px);
    }
}

@media screen and (max-width: 480px) {
    .ChageHead div {
        flex: 1 0 50%;
        font-size: 12px;
        padding: 2px 5px;
    }
    
    .ShowPhotos dl {
        width: 100%;
        height: 150px;
    }
    
    .ShowShopTg .cont .listshoptg {
        max-width: 100%;
    }
    
    .Food_Weather .cont dl {
        flex-direction: column;
    }
    
    .Food_Weather .cont dl dt {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Food_Weather .cont dl dd {
        width: 100%;
        padding-left: 0;
    }
}
:root {
    --primary-color: #2D374B;
    --accent-color: #00a2ff;
    --glow-color: rgba(0, 162, 255, 0.5);
    --light-bg: rgba(255, 255, 255, 0.9);
    --dark-bg: rgba(45, 55, 75, 0.9);
    --card-bg: rgba(255, 255, 255, 0.85);
    --border-color: rgba(0, 162, 255, 0.3);
    --text-color: #2D374B;
    --text-light: #ffffff;
    --shadow: 0 0 15px rgba(0, 162, 255, 0.3);
    --transition: all 0.3s ease;
    --neon-glow: 0 0 5px var(--accent-color), 0 0 10px var(--accent-color), 0 0 15px var(--accent-color);
}

/*
*MainCont2
*/
.MainCont2{
    margin:20px auto;
    max-width: 1400px;
    padding: 0 15px;
}
.ShowPicChange{
    border: 1px solid var(--border-color);
    margin-top:20px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--card-bg);
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
}
.ShowPicChange:hover {
    transform: translateZ(10px);
    box-shadow: 0 0 25px var(--glow-color);
}
.ShowPicChange .Left,.ShowPicChange .Right{
    width:50px;
    text-align:center;
    vertical-align:middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ShowPicChange .Left img,.ShowPicChange .Right img{
    cursor:pointer;
    filter: drop-shadow(0 0 3px var(--accent-color));
    transition: var(--transition);
}
.ShowPicChange .Left img:hover,.ShowPicChange .Right img:hover{
    filter: drop-shadow(0 0 8px var(--accent-color));
    transform: scale(1.2);
}
.ShowPicChange .Cont{
    padding:20px;
    width:calc(100% - 100px);
}
.ShowPicChange .Cont .ListBox{
    width:100%;
    margin:auto;
    overflow:hidden;
    position:relative;
    height:180px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.05);
}
.ShowPicChange .Cont .ListBox .ListChangePic{
    width:10000px;
    position:absolute;
    display: flex;
}
.ShowPicChange .Cont .ListBox .ListChangePic ul{
    float:left;
    display: flex;
    gap: 15px;
    padding: 0 10px;
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic{
    width:200px;
    height:160px;
    overflow:hidden;
    float:left;
    background: var(--light-bg);
    border-radius: 8px;
    box-shadow: var(--shadow);
    transition: var(--transition);
    transform-style: preserve-3d;
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic:hover {
    transform: translateY(-5px) translateZ(10px);
    box-shadow: 0 8px 25px var(--glow-color);
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic .img{
    width:180px;
    overflow:hidden;
    margin:10px auto;
    border:1px solid var(--border-color);
    padding:2px;
    border-radius: 6px;
    background: white;
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic .img a{
    display:block;
    width:180px;
    height:120px;
    overflow:hidden;
    text-align:center;
    border-radius: 4px;
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic .img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic:hover .img a img {
    transform: scale(1.1);
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic .t{
    width:180px;
    height:20px;
    margin:auto;
    padding-top:8px;
    line-height:20px;
    overflow:hidden;
    text-align: center;
    color: var(--primary-color);
    font-weight: 500;
}
.ShowPicChange .Cont .ListBox2{
    width:100%;
    height:160px;
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic2{
    width:160px;
    height:160px;
    overflow:hidden;
    float:left;
    background: var(--light-bg);
    border-radius: 8px;
    box-shadow: var(--shadow);
    transition: var(--transition);
    transform-style: preserve-3d;
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic2:hover {
    transform: translateY(-5px) translateZ(10px);
    box-shadow: 0 8px 25px var(--glow-color);
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic2 .img{
    width:140px;
    overflow:hidden;
    margin:10px auto;
    border:1px solid var(--border-color);
    padding:2px;
    border-radius: 6px;
    background: white;
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic2 .img a{
    display:block;
    width:140px;
    height:100px;
    overflow:hidden;
    text-align:center;
    border-radius: 4px;
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic2 .img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic2:hover .img a img {
    transform: scale(1.1);
}
.ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic2 .t{
    width:140px;
    height:20px;
    margin:auto;
    padding-top:8px;
    line-height:20px;
    overflow:hidden;
    text-align: center;
    color: var(--primary-color);
    font-weight: 500;
}
/*
*MainCont3
*/
.MainCont3{
    height:auto;
    overflow:hidden;
    max-width: 1400px;
    margin: 20px auto;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.MainCont3 .Main{
    width: calc(70% - 10px);
    flex: 1 1 700px;
}
.MainCont3 .Side{
    width: calc(30% - 10px);
    flex: 1 1 270px;
}
.MainCont3 .Main .Mcont2{
    height:auto;
    overflow:hidden;
    margin-top:20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.HouseContL{
    width: calc(45% - 10px);
    height:auto;
    float:left;
}
.HouseContR{
    width: calc(55% - 10px);
    float:right;
    height:auto;
    position:relative;
}
.ShowHouse1{
    border:1px solid var(--border-color);
    background: var(--card-bg);
    height:auto;
    overflow:hidden;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
    padding: 15px;
}
.ShowHouse1:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.ShowHouse1 .head,.ShowHouse2 .head{
    height:40px;
    width:95%;
    margin:auto;
    border-bottom:1px solid var(--border-color);
    color:var(--primary-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ShowHouse1 .head .tag,.ShowHouse2 .head .tag{
    float:left;
    padding:10px 0 0 5px;
    font-size:16px;
    font-weight:bold;
    position: relative;
}
.ShowHouse1 .head .tag::after, .ShowHouse2 .head .tag::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 5px;
    width: 30px;
    height: 2px;
    background: var(--accent-color);
    transition: var(--transition);
}
.ShowHouse1 .head .tag:hover::after, .ShowHouse2 .head .tag:hover::after {
    width: 80%;
}
.ShowHouse1 .head .more,.ShowHouse2 .head .more{
    float:right;
    padding:10px 5px 0 0;
}
.ShowHouse1 .head .more a, .ShowHouse2 .head .more a {
    color: var(--primary-color);
    display: flex;
    align-items: center;
}
.ShowHouse1 .head .more a::after, .ShowHouse2 .head .more a::after {
    
    margin-left: 5px;
    transition: var(--transition);
}
.ShowHouse1 .head .more a:hover::after, .ShowHouse2 .head .more a:hover::after {
    transform: translateX(3px);
}
.ShowHouse1 .cont{
    width:100%;
    margin:auto;
    overflow:hidden;
}
.ShowHouse1 .cont dl{
    height:auto;
    padding:15px 0;
    overflow:hidden;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    position:relative;
    display: flex;
    gap: 15px;
}
.ShowHouse1 .cont dl dt{
    float:left;
    padding-left:4px;
}
.ShowHouse1 .cont dl dt div{
    width:125px;
    overflow:hidden;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.ShowHouse1 .cont dl dt div a{
    display:block;
    text-align:center;
    width:125px;
    height: 90px;
    overflow: hidden;
}
.ShowHouse1 .cont dl dt div a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
.ShowHouse1 .cont dl:hover dt div a img {
    transform: scale(1.1);
}
.ShowHouse1 .cont dl dd{
    float:left;
    width:calc(100% - 140px);
    padding-left:8px;
    line-height:25px;
}
.ShowHouse1 .cont dl dd div{
    height:25px;
    overflow:hidden;
    color:#666;
}
.ShowHouse1 .cont dl dd div span{
    color:#F60;
    font-weight: bold;
}
.ShowHouse1 .cont dl dd div.t{
    font-weight:bold;
    color: var(--primary-color);
    font-size: 16px;
}
.ShowHouse1 .cont dl dt span{
    display:block;
    width:45px;
    height:20px;
    position:absolute;
    left:0;
    top:20px;
    background: linear-gradient(135deg, #ff6b6b, #c00);
    color: white;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.ShowHouse2{
    border:1px solid var(--border-color);
    background: var(--card-bg);
    height:auto;
    overflow:hidden;
    margin-top:20px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
    padding: 15px;
}
.ShowHouse2:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.ShowHouse2 .cont{
    padding:15px;
}
.ShowHouse2 .cont div{
    height:30px;
    line-height:30px;
    padding-left:30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
    transition: var(--transition);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
}
.ShowHouse2 .cont div:hover {
    background-color: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}
.ShowHouse2 .cont div a{
    float:left;	
    color: var(--text-color);
}
.ShowHouse2 .cont div span{
    float:right;	
    color:#f60;
    font-weight: bold;
}
.ShowHouse3 .head{
    height:40px;
    overflow:hidden;
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}
.ShowHouse3 .head .tag{
    width:auto;
    height:40px;
    float:left;
    background:none;
    color: var(--text-light);
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}
.ShowHouse3 .head .tag span{
    display:inline;
}
.ShowHouse3 .head .more{
    float:right;
    padding:2px 5px 0 8px;
    line-height:28px;
    background:transparent;
}
.ShowHouse3 .head .more a{
    color:var(--text-light);
    display: flex;
    align-items: center;
}
.ShowHouse3 .head .more a::after {
    
    margin-left: 5px;
    transition: var(--transition);
}
.ShowHouse3 .head .more a:hover::after {
    transform: translateX(3px);
}
.ShowHouse3 .cont .blist{
    height:35px;
    line-height:35px;
    overflow:hidden;
    padding-left:5px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
}
.ShowHouse3 .cont .blist a{
    font-size:18px;
    font-weight:bold;
    color: var(--primary-color);
    transition: var(--transition);
}
.ShowHouse3 .cont .blist a:hover {
    color: var(--accent-color);
    text-shadow: 0 0 8px var(--glow-color);
}
.ShowHouse3 .cont .lista{
    height:30px;
    line-height:30px;
    overflow:hidden;
    padding-left:30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
    transition: var(--transition);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
}
.ShowHouse3 .cont .lista:hover {
    background-color: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}
.ShowHouse3 .cont .lista span{
    display:block;
    float:left;
    width:20px;
    height:26px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4.86 8.86l-3 3.87L9 13.14L6 17h12l-3.86-5.14z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: contain;
    margin-right: 5px;
}
.ShowHouse3 .cont .lista a{
    display:block;
    float:left;
    width:calc(100% - 80px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-color);
}
.ShowHouse3 .cont .lista em{
    float:right;
    padding-right:5px;
    font-style:normal;
    color:#888;
}
.ShowHouse4,.ShowHouse5{
    margin-top:20px;
    height:auto;
    overflow:hidden;
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
}
.ShowHouse4:hover, .ShowHouse5:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.ShowHouse4 .head,.ShowHouse5 .head{
    height:40px;
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}
.ShowHouse4 .head .tag,.ShowHouse5 .head .tag{
    float:left;
    padding:10px 0 0 10px;
    font-size:16px;
    font-weight:bold;
    color: var(--text-light);
}
.ShowHouse4 .head .more,.ShowHouse5 .head .more{
    float:right;
    padding:10px 10px 0;
}
.ShowHouse4 .head .more a, .ShowHouse5 .head .more a {
    color: var(--text-light);
    display: flex;
    align-items: center;
}
.ShowHouse4 .head .more a::after, .ShowHouse5 .head .more a::after {
    
    margin-left: 5px;
    transition: var(--transition);
}
.ShowHouse4 .head .more a:hover::after, .ShowHouse5 .head .more a:hover::after {
    transform: translateX(3px);
}
.ShowHouse4 .cont .listb,.ShowHouse5 .cont .listb{
    height:30px;
    line-height:30px;
    overflow:hidden;
    padding-left:30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
    transition: var(--transition);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin: 5px 15px;
}
.ShowHouse4 .cont .listb:hover, .ShowHouse5 .cont .listb:hover {
    background-color: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}
.ShowHouse4 .cont .listb a,.ShowHouse5 .cont .listb a{
    display:block;
    float:left;
    font-size:14px;
    color: var(--text-color);
}
.ShowHouse4 .cont .listb a.t,.ShowHouse5 .cont .listb a.t{
    width:calc(100% - 80px);
    padding-left:0;
    background: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ShowHouse4 .cont .listb em,.ShowHouse5 .cont .listb em{
    float:right;
    padding-right:5px;
    font-style:normal;
    color:#888;
}
.HouseContR .Goto_Modul{
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
    text-align:right;
    padding:15px 0;
}
.HouseContR .Goto_Modul a{
    border:1px solid var(--border-color);
    padding:8px 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E") right center no-repeat;
    background-size: 16px;
    margin-left:10px;
    border-radius:20px;
    transition: var(--transition);
    color: var(--primary-color);
}
.HouseContR .Goto_Modul a:hover {
    background-color: var(--accent-color);
    color: white;
    box-shadow: 0 0 10px var(--glow-color);
    transform: translateY(-2px);
}
/*
*ThisSiteTg
*/
.ThisSiteTg{
    height:auto;
    border:1px solid var(--border-color);
    position:relative;
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
    overflow: hidden;
    margin-bottom: 20px;
}
.ThisSiteTg:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.ThisSiteTg .head{
    height:40px;
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
    display: flex;
    align-items: center;
    padding: 0 15px;
}
.ThisSiteTg .head .tag{
    float:left;
    padding:10px 0 0 10px;
    font-size:16px;
    font-weight:bold;
    color: var(--text-light);
}
.ThisSiteTg .cont{
    width:calc(100% - 30px);
    height:auto;
    overflow:hidden;
    position:relative;
    z-index:100;
    padding:15px;
}
.ThisSiteTg .cont .ListTg{
    height:auto;
    overflow:hidden;
    margin-bottom: 15px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    transition: var(--transition);
}
.ThisSiteTg .cont .ListTg:hover {
    background: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}
.ThisSiteTg .cont .ListTg .time{
    height:25px;
    line-height:25px;
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
    padding:0 15px;
    color:#FFF;
    position:relative;
    display: inline-block;
    border-radius: 12px;
    margin-bottom: 10px;
}
.ThisSiteTg .cont .ListTg .time span,.ThisSiteTg .cont .ListTg .time em{
    display:block;
    position:absolute;
    right:-1px;
    top:0;
    padding:0 8px;
    background:#f90;
    border-left:#FFF solid 1px;
    border-radius: 0 12px 12px 0;
    height: 25px;
    line-height: 25px;
}
.ThisSiteTg .cont .ListTg .time em{
    font-style:normal;
    background:#999;
}
.ThisSiteTg .cont .ListTg .title{
    height:auto;
    line-height:1.4;
    padding-left:0;
    overflow:hidden;
    font-size: 16px;
    font-weight: bold;
    color: var(--primary-color);
    margin-bottom: 10px;
}
.ThisSiteTg .cont .ListTg dl{
    height:auto;
    padding-left:0;
    overflow:hidden;
    display: flex;
    gap: 15px;
}
.ThisSiteTg .cont .ListTg dl dt{
    float:left;
    width:80px;
    overflow:hidden;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.ThisSiteTg .cont .ListTg dl dt a{
    display:block;
    width:80px;
    height: 60px;
    text-align:center;
    margin-left:0;
    overflow:hidden;
}
.ThisSiteTg .cont .ListTg dl dt a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
.ThisSiteTg .cont .ListTg:hover dl dt a img {
    transform: scale(1.1);
}
.ThisSiteTg .cont .ListTg dl dd{
    float:left;
    width:calc(100% - 95px);
    padding-left:0;
    line-height:1.5;
    color:#666;
}
.ThisSiteTg .cont .ListTg dl dd a{
    color:#f30;
    font-weight: bold;
}
.RightAdCont{
    height:auto;
    border:1px solid var(--border-color);
    overflow:hidden;
    margin-top:20px;
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
    padding: 15px;
}
.RightAdCont:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.RightAdCont .Ad1{
    padding:10px;
    line-height:22px;	
}
.RightAdCont .Ad1 .list{
    height:22px;
    overflow:hidden;
    padding-left:30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
    transition: var(--transition);
    border-radius: 4px;
    margin: 5px 0;
}
.RightAdCont .Ad1 .list:hover {
    background-color: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}
.RightAdCont .Ad1 .list span{
    color:#369;
    font-weight: 500;
}
.RightAdCont .Ad1 .list em{
    color:#F60;
    font-style:normal;
    font-weight: bold;
}
.RightAdCont .Ad2{
    width:100%;
    height:auto;
    text-align:center;
    margin:15px auto;
    overflow:hidden;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.RightAdCont .Ad2 img {
    width: 100%;
    height: auto;
    transition: var(--transition);
}
.RightAdCont .Ad2:hover img {
    transform: scale(1.05);
}
.MiddleBanner{
    width:100%;
    max-width: 1400px;
    text-align:center;
    margin:20px auto;
    overflow:hidden;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.MiddleBanner img {
    width: 100%;
    height: auto;
    transition: var(--transition);
}
.MiddleBanner:hover img {
    transform: scale(1.02);
}
/*
*MainCont4
*/
.MainCont4{
    height:auto;
    overflow:hidden;
    max-width: 1400px;
    margin: 20px auto;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.MainCont4 .Main{
    width: calc(70% - 10px);
    flex: 1 1 700px;
}
.MainCont4 .Side{
    width: calc(30% - 10px);
    flex: 1 1 270px;
}
.MainCont4 .Main .Mcont4{
    height:auto;
    overflow:hidden;
    padding-top:20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.Cont2shou1{
    width: calc(50% - 10px);
    height:auto;
    overflow:hidden;
    float:left;
    border:1px solid var(--border-color);
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
}
.Cont2shou1:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.Cont2shou1 .head{
    border-bottom:1px solid var(--border-color);
    width:95%;
    height:40px;
    margin:auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Cont2shou1 .head .tag{
    float:left;
    padding:10px 0 0 10px;
    font-size:16px;
    font-weight:bold;
    color: var(--primary-color);
    position: relative;
}
.Cont2shou1 .head .tag::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 30px;
    height: 2px;
    background: var(--accent-color);
    transition: var(--transition);
}
.Cont2shou1 .head .tag:hover::after {
    width: 80%;
}
.Cont2shou1 .head .more{
    float:right;
    padding:10px 10px 0 0;
}
.Cont2shou1 .head .more a {
    color: var(--primary-color);
    display: flex;
    align-items: center;
}
.Cont2shou1 .head .more a::after {
    
    margin-left: 5px;
    transition: var(--transition);
}
.Cont2shou1 .head .more a:hover::after {
    transform: translateX(3px);
}
.Cont2shou1 .cont{
    height:auto;
    overflow:hidden;
    padding:15px 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.Cont2shou1 .cont .listpic{
    width:140px;
    height:auto;
    padding-top:0;
    background: none;
    overflow:hidden;
    float:left;
    position:relative;
    background: var(--light-bg);
    border-radius: 8px;
    box-shadow: var(--shadow);
    transition: var(--transition);
    transform-style: preserve-3d;
}
.Cont2shou1 .cont .listpic:hover {
    transform: translateY(-5px) translateZ(10px);
    box-shadow: 0 8px 25px var(--glow-color);
}
.Cont2shou1 .cont .listpic .img{
    width:120px;
    height:90px;
    margin:10px auto;
    overflow:hidden;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.Cont2shou1 .cont .listpic .img a{
    display:block;
    width:120px;
    height:90px;
    text-align:center;
    overflow:hidden;
    background:#EFEFEF;
    border-radius: 6px;
}
.Cont2shou1 .cont .listpic .img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
.Cont2shou1 .cont .listpic:hover .img a img {
    transform: scale(1.1);
}
.Cont2shou1 .cont .listpic .t{
    width:120px;
    height:auto;
    background: linear-gradient(to top, var(--dark-bg), transparent);
    overflow:hidden;
    position:absolute;
    left:10px;
    bottom:40px;
    line-height:1.4;
    text-align:center;
    border-radius: 0 0 6px 6px;
    padding: 5px 0;
}
.Cont2shou1 .cont .listpic .t a{
    color:#FFF;
    text-shadow: 0 0 5px rgba(0,0,0,0.8);
    font-size: 12px;
    padding: 0 5px;
}
.Cont2shou1 .cont .listpic .p{
    text-align:center;
    padding:10px 0;
    color:#F30;
    font-weight: bold;
}
.Cont2shou2{
    width: calc(50% - 10px);
    height:auto;
    overflow:hidden;
    float:right;
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
}
.Cont2shou2:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.Cont2shou2 .head{
    height:40px;
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}
.Cont2shou2 .head .tag{
    float:left;
    padding:10px 0 0 10px;
    font-size:16px;
    font-weight:bold;
    color: var(--text-light);
}
.Cont2shou2 .head .more{
    float:right;
    padding:10px 10px 0 10px;
}
.Cont2shou2 .head .more a {
    color: var(--text-light);
    display: flex;
    align-items: center;
}
.Cont2shou2 .head .more a::after {
    
    margin-left: 5px;
    transition: var(--transition);
}
.Cont2shou2 .head .more a:hover::after {
    transform: translateX(3px);
}
.Cont2shou2 .cont{
    padding:15px;
}
.Cont2shou2 .cont .list{
    height:30px;
    line-height:30px;
    overflow:hidden;
    padding-left:30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
    transition: var(--transition);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
}
.Cont2shou2 .cont .list:hover {
    background-color: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}
.Cont2shou2 .cont .list a{
    font-size:14px;
    color: var(--text-color);
}
.Cont2shou2 .cont .list a{
    display:block;
    float:left;
}
.Cont2shou2 .cont .list a.t{
    width:calc(100% - 80px);
    padding-left:0;
    background:none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Cont2shou2 .cont .list em{
    float:right;
    font-style:normal;
    color:#888;
}
.Cont2shou2 .cont .spacLink{
    clear:both;
    height:1px;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    margin: 10px 0;
}
.MainCont4 .Side .Tg_Coupon{
    height:auto;
    overflow:hidden;
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
}
.MainCont4 .Side .Tg_Coupon:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.MainCont4 .Side .Tg_Coupon .ChageHead{
    border-right:1px solid var(--border-color);
    border-radius: 12px 12px 0 0;
}
.MainCont4 .Side .Tg_Coupon .Scont4{
    border:1px solid var(--border-color);
    border-top:0;
    height:auto;
    overflow:hidden;
    border-radius: 0 0 12px 12px;
    padding: 15px;
}
.MainCont4 .Side .Tg_Coupon .Scont4 .ListLi{
    height:auto;
    padding:15px 0;
    overflow:hidden;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    transition: var(--transition);
}
.MainCont4 .Side .Tg_Coupon .Scont4 .ListLi:hover {
    background-color: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}
.MainCont4 .Side .Tg_Coupon .Scont4 .ListLi div{
    height:26px;
    line-height:26px;
    overflow:hidden;
    padding-left:15px;
    color:#666;
}
.MainCont4 .Side .Tg_Coupon .Scont4 .ListLi div span{
    color:#f30;
    font-weight: bold;
}
.MainCont4 .Side .Tg_Coupon .Scont4 .ListLi div.title{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
    display: flex;
    justify-content: space-between;
}
.MainCont4 .Side .Tg_Coupon .Scont4 .ListLi div.title a{
    display:block;
    float:left;
}
.MainCont4 .Side .Tg_Coupon .Scont4 .ListLi div.title a.f{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E") right center no-repeat;
    background-size: 16px;
    padding-right:20px;
    color:#FFF;
    background-color: var(--accent-color);
    padding: 0 20px 0 10px;
    border-radius: 12px;
    line-height: 26px;
}
.MainCont4 .Side .Tg_Coupon .Scont4 .ListLi div.title a.t{
    width:calc(100% - 100px);
    padding-left:5px;
    font-size:14px;
    color: var(--primary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.MainCont4 .Side .Tg_Coupon .Scont4 .TitleList{
    padding:15px 10px 0 10px;
}
.MainCont4 .Side .Tg_Coupon .Scont4 .TitleList .listtitle{
    height:30px;
    line-height:30px;
    padding-left:30px;
    overflow:hidden;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
    transition: var(--transition);
    border-radius: 4px;
    margin: 5px 0;
}
.MainCont4 .Side .Tg_Coupon .Scont4 .TitleList .listtitle:hover {
    background-color: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}
.MainCont4 .Side .Tg_Coupon .Scont4 .listtitle a{
    font-size:14px;
    color: var(--text-color);
}
.MainCont4 .Side .RightAd2{
    width:100%;
    height:auto;
    text-align:center;
    margin-top:20px;
    overflow:hidden;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.MainCont4 .Side .RightAd2 img {
    width: 100%;
    height: auto;
    transition: var(--transition);
}
.MainCont4 .Side .RightAd2:hover img {
    transform: scale(1.05);
}
/*
*MainCont5
*/
.MainCont5{
    max-width: 100%;
    margin: 20px auto;
    height: auto;
    overflow: hidden;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.MainCont5 .Main{
    width: calc(70% - 10px);
    flex: 1 1 700px;
    position:relative;
}
.MainCont5 .Side{
    width: calc(30% - 10px);
    flex: 1 1 270px;
}
.MainCont5 .Main .Mcont5{
    height:auto;
    min-height:400px;
    overflow:hidden;
    width:100%;
    position:relative;
    left:0;
    top:0;
    z-index:10;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
}
.MainCont5 .Main .Mcont5:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 25px var(--glow-color);
}
.MainCont5 .Main .Mcont5 .SpacDiv{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: linear-gradient(45deg, rgba(0, 162, 255, 0.1), rgba(45, 55, 75, 0.1));
    z-index:50;
    border-radius: 12px;
}
.MainCont5 .Main .Mcont5 dl{
    width: calc(20% - 4px);
    height: calc(25% - 4px);
    overflow:hidden;
    position:absolute;
    z-index:100;
    background: var(--light-bg);
    border-radius: 6px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: var(--transition);
    transform-style: preserve-3d;
}
.MainCont5 .Main .Mcont5 dl:hover {
    transform: translateY(-5px) translateZ(10px);
    box-shadow: 0 8px 25px var(--glow-color);
}
.MainCont5 .Main .Mcont5 dl.dl1{
    width: calc(40% - 4px);
    height: calc(50% - 4px);
    left:0;
    top:0;
}
.MainCont5 .Main .Mcont5 dl.dl1 img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.MainCont5 .Main .Mcont5 dl.dl2{
    right: calc(40% + 4px);
    top:0;
}
.MainCont5 .Main .Mcont5 dl.dl3{
    right: calc(40% + 4px);
    top: calc(25% + 4px);
}
.MainCont5 .Main .Mcont5 dl.dl4{
    right: calc(20% + 4px);
    top:0;
}
.MainCont5 .Main .Mcont5 dl.dl5{
    right: calc(20% + 4px);
    top: calc(25% + 4px);
}
.MainCont5 .Main .Mcont5 dl.dl6{
    left:0;
    bottom: calc(50% + 4px);
}
.MainCont5 .Main .Mcont5 dl.dl7{
    left:0;
    bottom:0;
}
.MainCont5 .Main .Mcont5 dl.dl8{
    width: calc(40% - 4px);
    height: calc(50% - 4px);
    left: calc(40% + 4px);
    bottom:0;
}
.MainCont5 .Main .Mcont5 dl.dl8 img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.MainCont5 .Main .Mcont5 dl.dl9{
    right: calc(20% + 4px);
    bottom: calc(25% + 4px);
}
.MainCont5 .Main .Mcont5 dl.dl10{
    right: calc(20% + 4px);
    bottom:0;
}
.MainCont5 .Main .Mcont5 dl dd{
    height:30px;
    position:absolute;
    left:0;
    line-height:30px;
    overflow:hidden;
    background: linear-gradient(to top, var(--dark-bg), transparent);
    text-align:center;
    width: 100%;
    bottom: 0;
    border-radius: 0 0 6px 6px;
}
.MainCont5 .Main .Mcont51 dl dd{
    width:100%;
    top:auto;
    bottom:0;
}
.MainCont5 .Main .Mcont52 dl dd{
    width:100%;
    bottom:0;
}
.MainCont5 .Main .Mcont5 dl dd a{
    color:#FFF;
    padding:0 10px;
    font-size:14px;
    font-weight:bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.8);
}
.Hr_Gift{
    height:auto;
    overflow:hidden;
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
}
.Hr_Gift:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.Hr_Gift .ChageHead{
    border-right:1px solid var(--border-color);
    border-radius: 12px 12px 0 0;
}
.Hr_Gift .Scont5{
    border:1px solid var(--border-color);
    border-top:0;
    height:auto;
    overflow:hidden;
    padding:15px;
    border-radius: 0 0 12px 12px;
}
.Hr_Gift .Scont5 dl{
    height:auto;
    padding:15px 0;
    overflow:hidden;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    display: flex;
    gap: 15px;
}
.Hr_Gift .Scont5 dl:hover {
    background-color: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}
.Hr_Gift .Scont5 dl dt{
    width:100px;
    float:left;
    overflow:hidden;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.Hr_Gift .Scont5 dl dt a{
    display:block;
    width:100px;
    height:80px;
    text-align:center;
    overflow:hidden;
}
.Hr_Gift .Scont5 dl dt a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
.Hr_Gift .Scont5 dl:hover dt a img {
    transform: scale(1.1);
}
.Hr_Gift .Scont5 dl dd{
    width:calc(100% - 115px);
    float:left;
    padding-left:0;
}
.Hr_Gift .Scont5 dl dd div{
    height:25px;
    line-height:25px;
    overflow:hidden;
    color:#777;
}
.Hr_Gift .Scont5 dl dd div span{
    color:#F30;
    font-weight: bold;
}
.Hr_Gift .Scont5 dl dd div a.but{
    float:left;
    padding:0 15px;
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
    color:#FFF;
    border-radius: 12px;
    line-height: 25px;
    margin-top: 5px;
    transition: var(--transition);
}
.Hr_Gift .Scont5 dl dd div a.but:hover {
    box-shadow: 0 0 10px var(--glow-color);
    transform: translateY(-2px);
}
/*
*FrendLink
*/
.FrendLink{
    margin-top:20px;
    border:1px solid var(--border-color);
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
    overflow: hidden;
    max-width: 1400px;
    margin: 20px auto;
    padding: 0 15px;
}
.FrendLink:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.FrendLink .head{
    height:40px;
    border:1px solid transparent;
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}
.FrendLink .head .tag{
    float:left;
    padding:10px 0 0 10px;
    font-size:16px;
    font-weight:bold;
    color: var(--text-light);
}
.FrendLink .head .more{
    float:right;
    padding:10px 10px 0 0;
}
.FrendLink .head .more a {
    color: var(--text-light);
    display: flex;
    align-items: center;
}
.FrendLink .head .more a::after {
    
    margin-left: 5px;
    transition: var(--transition);
}
.FrendLink .head .more a:hover::after {
    transform: translateX(3px);
}
.FrendLink .piclink{
    padding:15px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.FrendLink .piclink a {
    display: block;
    padding: 8px 15px;
    background: var(--light-bg);
    border-radius: 20px;
    transition: var(--transition);
    box-shadow: var(--shadow);
}
.FrendLink .piclink a:hover {
    background: var(--accent-color);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px var(--glow-color);
}
.FrendLink .wordlink{
    padding:0 15px 15px 15px;
    line-height:20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.FrendLink .wordlink a {
    display: block;
    padding: 5px 10px;
    color: var(--primary-color);
    transition: var(--transition);
    border-radius: 4px;
}
.FrendLink .wordlink a:hover {
    color: var(--accent-color);
    text-shadow: 0 0 8px var(--glow-color);
    transform: translateX(3px);
}
/*
*
*/
.McontTable {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}
.McontTable .LeftTd{
    width: calc(40% - 10px);
    border:1px solid var(--border-color);
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
    overflow: hidden;
}
.McontTable .LeftTd:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.McontTable .LeftTd .head{
    height:40px;
    width:95%;
    margin:auto;
    border-bottom:1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.McontTable .LeftTd .head .tag,.McontTable .RightTd .head .tag{
    float:left;
    padding:10px 0 0 10px;
    font-size:16px;
    font-weight:bold;
    color: var(--primary-color);
    position: relative;
}
.McontTable .LeftTd .head .tag::after, .McontTable .RightTd .head .tag::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 30px;
    height: 2px;
    background: var(--accent-color);
    transition: var(--transition);
}
.McontTable .LeftTd .head .tag:hover::after, .McontTable .RightTd .head .tag:hover::after {
    width: 80%;
}
.McontTable .LeftTd .head .more,.McontTable .RightTd .head .more{
    float:right;
    padding:10px 10px 0 0;
}
.McontTable .LeftTd .head .more a, .McontTable .RightTd .head .more a {
    color: var(--primary-color);
    display: flex;
    align-items: center;
}
.McontTable .LeftTd .head .more a::after, .McontTable .RightTd .head .more a::after {
    
    margin-left: 5px;
    transition: var(--transition);
}
.McontTable .LeftTd .head .more a:hover::after, .McontTable .RightTd .head .more a:hover::after {
    transform: translateX(3px);
}
.McontTable .LeftTd dl{
    height:auto;
    width:90%;
    margin:auto;
    overflow:hidden;
    padding:20px 0;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    display: flex;
    gap: 15px;
}
.Mcont4 .McontTable .LeftTd dl{
    height:auto;
    padding:20px 0;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
}
.McontTable .LeftTd dl dt{
    float:left;
    border:1px solid var(--border-color);
    padding:2px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.McontTable .LeftTd dl dt a{
    display:block;
    width:80px;
    height:100px;
    overflow:hidden;
    border-radius: 6px;
}
.McontTable .LeftTd dl dt a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
.McontTable .LeftTd dl:hover dt a img {
    transform: scale(1.1);
}
.McontTable .LeftTd dl dd{
    float:inherit;
    width:calc(100% - 100px);
    padding-left:0;
    float:left;
    line-height:1.5;
}
.McontTable .LeftTd dl dd div{
    height:auto;
    overflow:hidden;
    font-weight:bold;
    color:#666;
    margin-bottom: 5px;
}
.McontTable .LeftTd dl dd div span{
    font-weight:normal;
}
.McontTable .LeftTd dl dd div a{
    color:#F30;
    font-weight: bold;
}
.McontTable .RightTd{
    padding-left:0;
    width: calc(60% - 10px);
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    backdrop-filter: blur(10px);
    overflow: hidden;
}
.McontTable .RightTd:hover {
    transform: translateZ(5px);
    box-shadow: 0 0 20px var(--glow-color);
}
.McontTable .RightTd .head{
    height:40px;
    background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.McontTable .RightTd .spacLink{
    height:1px;
    clear:both;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
    margin: 10px 15px;
}
.McontTable .RightTd .list,.McontTable .RightTd .hrlist{
    height:30px;
    line-height:30px;
    overflow:hidden;
    padding-left:30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%2300a2ff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 20px;
    transition: var(--transition);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin: 5px 15px;
}
.McontTable .RightTd .list:hover, .McontTable .RightTd .hrlist:hover {
    background-color: rgba(0, 162, 255, 0.1);
    transform: translateX(5px);
}
.McontTable .RightTd .list a{
    font-size:14px;
    display:block;
    float:left;
    color: var(--text-color);
}
.McontTable .RightTd .list a.t{
    width:calc(100% - 80px);
    padding-left:0;
    background:none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.McontTable .RightTd .list em{
    float:right;
    padding-right:5px;
    font-style:normal;
    color:#888;
}
.McontTable .RightTd .hrlist a{
    color:#369;
    font-weight: 500;
}
.McontTable .RightTd .hrlist span{
    color:#f60;
    font-weight: bold;
}

/* 响应式设计 */
@media screen and (max-width: 1200px) {
    .MainCont3, .MainCont4, .MainCont5 {
        flex-direction: column;
    }
    
    .MainCont3 .Main, .MainCont3 .Side,
    .MainCont4 .Main, .MainCont4 .Side,
    .MainCont5 .Main, .MainCont5 .Side {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .HouseContL, .HouseContR {
        width: 100%;
    }
    
    .Cont2shou1, .Cont2shou2 {
        width: 100%;
    }
    
    .McontTable {
        flex-direction: column;
    }
    
    .McontTable .LeftTd, .McontTable .RightTd {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .MainCont2, .MainCont3, .MainCont4, .MainCont5 {
        padding: 0 10px;
    }
    
    .ShowPicChange .Cont .ListBox {
        height: 150px;
    }
    
    .ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic {
        width: 160px;
        height: 140px;
    }
    
    .ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic .img {
        width: 140px;
    }
    
    .ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic .img a {
        width: 140px;
        height: 100px;
    }
    
    .ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic .t {
        width: 140px;
    }
    
    .ShowHouse1 .cont dl {
        flex-direction: column;
        gap: 10px;
    }
    
    .ShowHouse1 .cont dl dd {
        width: 100%;
    }
    
    .ThisSiteTg .cont .ListTg dl {
        flex-direction: column;
        gap: 10px;
    }
    
    .ThisSiteTg .cont .ListTg dl dd {
        width: 100%;
    }
    
    .MainCont5 .Main .Mcont5 dl {
        width: calc(50% - 4px);
        height: calc(20% - 4px);
    }
    
    .MainCont5 .Main .Mcont5 dl.dl1 {
        width: calc(50% - 4px);
        height: calc(40% - 4px);
    }
    
    .MainCont5 .Main .Mcont5 dl.dl8 {
        width: calc(50% - 4px);
        height: calc(40% - 4px);
        left: calc(50% + 4px);
    }
}

@media screen and (max-width: 480px) {
    .ShowPicChange .Cont .ListBox {
        height: 120px;
    }
    
    .ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic {
        width: 120px;
        height: 120px;
    }
    
    .ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic .img {
        width: 110px;
    }
    
    .ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic .img a {
        width: 110px;
        height: 80px;
    }
    
    .ShowPicChange .Cont .ListBox .ListChangePic ul li.listpic .t {
        width: 110px;
        font-size: 12px;
    }
    
    .MainCont5 .Main .Mcont5 dl {
        width: calc(50% - 4px);
        height: calc(20% - 4px);
    }
    
    .MainCont5 .Main .Mcont5 dl.dl1 {
        width: calc(50% - 4px);
        height: calc(40% - 4px);
    }
    
    .MainCont5 .Main .Mcont5 dl.dl8 {
        width: calc(50% - 4px);
        height: calc(40% - 4px);
        left: calc(50% + 4px);
    }
    
    .Hr_Gift .Scont5 dl {
        flex-direction: column;
        gap: 10px;
    }
    
    .Hr_Gift .Scont5 dl dd {
        width: 100%;
    }
}