@font-face {
  font-family: 'iconfont';
  src: url('fonticon/iconfont.woff2?t=1758530933391') format('woff2'),
       url('fonticon/iconfont.woff?t=1758530933391') format('woff'),
       url('fonticon/iconfont.ttf?t=1758530933391') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toptitle {margin:30Px 0 0 0;font-size:25Px;font-weight:bold}
.toptitle i {font-size:28Px;margin-right:5Px}
.topnav {float:right;margin:15Px 0 0 25Px;display:flex;flex-wrap:wrap;text-align:right}
.topnav a {margin:0 10Px;font-size:16Px;line-height:250%;display:block;width:70Px;font-weight:500}
.banns {background:#1f779f}
.banner_intro {padding:32Px 25Px}
.banner_intro p {font-size:18Px;color:#fff;line-height:260%;text-indent:50Px;margin:10Px 0}
.banner_intro a {font-size:18Px;color:#f1f1f1;line-height:260%}
.banner_local {padding:15Px;background:rgba(255,255,255,0.1);margin:25Px 0 20Px 30Px;width:280Px;border-radius:5Px}
.banner_local h1 {margin:10Px 0;font-size:20Px;color:#cce4f0}
.banner_local h2 {color:#e0fb00;margin:10Px 0;font-size:28Px}
.banner_local h2 i {font-size:22Px;color:#d7ee11}
.banner_local p {color:#fff;line-height:210%}
.banner_local p span {color:#cce4f0}
.footers {background:#0e4d70;text-align:center;padding:20Px 0}
.footers,.footers * {color:#fff;line-height:250%}
.wltq {padding:5Px;text-align:center;background:#f9f9f9;line-height:250%}
.wltq p i {color:#d7071a;font-weight:bold;margin-left:5Px}
.sameprovince {padding:20Px;display:flex;flex-wrap:wrap}
.sameprovince a {margin:8Px 0Px;line-height:250%;width:120Px;display:block;}
.search-container {margin:25Px 0 0 0;background:#d8d8d8;padding:5Px;border-radius:5Px;overflow:hidden}
.searchinp {width:70%;padding:7Px 10Px;background:none;border:0}

.searchsub {float:right;padding:5Px 11Px;background:#0e4d70;border:0;color:#fff;border-radius:5Px}
.simple-temperature-chart {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0px ;
}

.chart-day {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    margin: 0 5px;
    height: 100%;
    justify-content: flex-end;
}

.date-info {
    text-align: center;
    margin-top: 10px;
    font-size: 0.9em;
    order: 3; /* 确保日期信息在最后 */
}

.date {
    font-weight: bold;
    margin-bottom: 2px;
}

.week {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8em;
}

.temp-bars {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 200px;
    order: 1; /* 温度条在最上面 */
    margin-bottom: 1Px;
}

.temp-bar {
    width: 12px;
    border-radius: 3px 3px 0 0;
    position: relative;
    transition: all 0.3s ease;
}

.temp-bar:hover {
    transform: scale(1.1);
}

.high-temp {
    background: linear-gradient(to top, #ff6b6b, #ff8e8e);
}

.low-temp {
    background: linear-gradient(to top, #4dabf7, #74c0fc);
}

.temp-value {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.8em;
    font-weight: bold;
    white-space: nowrap;
}

.weather-type {
    margin-top: 5px;
    font-size: 0.8em;
    text-align: center;
    order: 2; /* 天气类型在中间 */
}

@media (max-width: 768px) {
    .simple-temperature-chart {
        overflow-x: auto;
        padding: 15px 0 5px;
    }
    
    .chart-day {
        min-width: 60px;
    }
    
    .temp-bars {
        height: 150px;
    }
    
    .temp-value {
        font-size: 0.7em;
        top: -20px;
    }
}
.province-nav {padding:18Px 0 0 0}
.province-nav a {border:1Px solid #d1d1d1;padding:5Px 10Px;margin:0 10Px;line-height:320%;border-radius:5Px}