html{font-size:20px}
body{color:#2a2a2a;font-size:14px;font-family:"Microsoft YaHei","微软雅黑";background:#f5f5f5 no-repeat center bottom}
*{margin:0;padding:0}
ul{list-style:none}
a,a:hover{color:#2a2a2a;text-decoration:none}
img{vertical-align:top;border:none}
i{font-style:normal}
.footer-main{text-align:left}
.footer-main{margin-top:0}
.banner-box{width:100%;box-sizing:border-box}
.column-box{width:100%;box-sizing:border-box}
.column-bg-img{background-color:#f1f1f1;background-size:cover;background-repeat:no-repeat}
.banner-img{display:block;width:100%;height:auto}
.column-main{width:calc(100% - 32px);margin:0 auto}
.map-box{width:100%;border-radius:16px;overflow:hidden;box-sizing:border-box;position:relative}
.map-container{width:100%;height:240px;overflow:hidden;position:relative;z-index:1}
.map-other-box{width:100%;padding:16px;box-sizing:border-box;background-color:rgba(247,252,255,0.7);backdrop-filter:blur(20px)}
.map-search-container{margin-bottom:16px;position:relative}
.school-weather-container{width:100%;box-sizing:border-box}
.map-search-box{background-color:#ffffff;display:flex;align-items:center;padding:10px 12px;box-sizing:border-box;gap:10px;width:100%;border-radius:8px;border:1px solid rgb(199,223,255)}
.search-prefix-icon{display:block;width:24px;height:24px}
.search-input{height:22px;opacity:1;color:#000000;font-size:14px;font-weight:400;text-align:left;line-height:22px;border:none;flex:1}
.input-close-icon{display:block;width:20px;height:20px;cursor:pointer}
.search-suffix-icon{display:block;width:20px;height:20px}
.area-school-list{width:100%;max-height:300px;overflow:hidden;overflow-y:auto;border-radius:8px;border:2px solid rgb(255,255,255);background:linear-gradient( 180deg,rgb(247,252,255) 0%,rgb(247,252,255) 100% );backdrop-filter:blur(20px);box-shadow:4px 8px 30px 0 rgba(0,28,64,0.08);padding:16px;position:absolute;box-sizing:border-box;top:50px;left:0}
.area-name{color:rgb(0,0,0);font-size:16px;font-weight:700;text-align:left;line-height:24px;margin-bottom:12px}
.school-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.school-list:last-child{margin-bottom:0}
.school-item{height:32px;line-height:32px;border-radius:8px;opacity:1;background:rgb(255,255,255);padding:0 12px;box-sizing:border-box;cursor:pointer}
.school-item-active{background-color:#cce2ff}
.school-name-time{display:flex;justify-content:space-between;gap:8px}
.school-name{color:rgb(0,0,0);font-size:18px;font-weight:700;text-align:left;line-height:26px}
.update-time{color:#383838;font-size:14px;font-weight:400;text-align:right;line-height:22px;flex-shrink:0}
.school-location{display:flex;align-items:center;gap:4px;margin-top:8px}
.location-icon{display:block;width:16px;height:16px}
.location-text{color:rgb(56,56,56);font-size:14px;font-weight:400;text-align:left;line-height:22px}
.yujing-box{border-radius:16px;background:rgb(255,255,255);padding:16px 24px;box-sizing:border-box}
.yujing-list{display:flex;align-items:center;gap:8px;overflow:hidden;overflow-x:auto}
.yujing-item-icon{display:block;width:auto;height:42px;flex-shrink: 0;}
.yujing-0{color:#383838;font-size:14px;font-weight:400;text-align:left;line-height:26px}
.title-more{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.box-title{color:rgb(0,0,0);font-size:16px;font-weight:700;text-align:left;line-height:24px}
.box-more{color:rgb(128,128,128);font-size:14px;font-weight:400;text-align:right;line-height:22px;cursor:pointer}
.box-more:hover{color:rgb(128,128,128)}
.tianqitishi-list{display:flex;align-items:center;gap:8px;overflow:hidden;overflow-x:auto}
.tianqitishi-0{color:#383838;font-size:14px;font-weight:400;text-align:left;line-height:26px}
.am-pm-box{display:flex;align-items:center;gap:16px}
.am-pm-item{display:flex;align-items:center;gap:6px}
.am-pm-icon{width:14px;height:14px;border:1px solid #383838;border-radius:50%;box-sizing:border-box}
.am-pm-icon.am{background-color:#d1e1ff}
.am-pm-icon.pm{background-color:#edd1ff}
.am-pm-name{color:#383838;font-size:14px;font-weight:400;line-height:22px}
.zhushiyubao-tbody.am{background-color:#d1e1ff}
.zhushiyubao-tbody.pm{background-color:#edd1ff}
.zhushiyubao{border-radius:8px;background:rgb(255,255,255);padding:14px 16px 16px 16px;box-sizing:border-box;margin-top:16px}
.zhushiyubao-list{border-radius:8px;background:rgb(242,247,255);overflow:hidden}
.zhushiyubao-table-first{background-color:#e8f1ff;display:flex;align-items:center;padding:8px 0;box-sizing:border-box}
.zhushiyubao-thead{color:#383838;font-size:14px;font-weight:400;text-align:center;line-height:22px;width:25%;box-sizing:border-box}
.zhushiyubao-thead-value{width:25%;color:#383838;font-size:14px;font-weight:400;text-align:center;line-height:22px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}
.zhushiyubao-thead-unit{color:#808080;font-weight:400;text-align:center;line-height:22px;font-size:12px}
.zhushiyubao-table-list{display:flex;max-height:164px;flex-direction:column;overflow:hidden}
.zhushiyubao-more .zhushiyubao-table-list{max-height:none}
.zhushiyubao-more-btn{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:16px}
.arrow{display:block;width:16px;height:16px}
.zhushiyubao-more .arrow{transform:rotate(180deg)}
.zhushiyubao-tbody{padding:12px 6px;box-sizing:border-box;border-bottom:1px solid rgb(228,235,245);display:flex;align-items:center}
.zhushiyubao-tbody:last-child{border-bottom:none}
.zhushiyubao-tbody-value{color:#00317a;font-size:14px;font-weight:700;text-align:center;line-height:22px;width:25%;box-sizing:border-box}
.nva-list{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.nav-item{width:calc(100% / 3 - 10px * 2 / 3);line-height:40px;background:rgb(191,216,255);color:rgb(56,56,56);font-size:14px;font-weight:400;text-align:center;height:40px;border-radius:8px;background-color:#bfd8ff}
.flex-space-between{display:flex;justify-content:space-between}
.title-img{display:block;width:auto;height:30px;margin:0 auto}
.zhuanbao-box{width:100%;height:375px;border-radius:16px;background-color:#ffffff;padding:16px 12px;box-sizing:border-box}
.zhuanbao-overflow{width:100%;height:100%;overflow:hidden;overflow-y:auto}
.zhuanbao-img{display:block;margin:0 auto;width:100%;height:auto}
.tips{margin-top:8px;margin-bottom:16px;color:#383838;font-size:12px;font-weight:400;text-align:center;line-height:22px}
.fuwuzhinan-cover{display:block;width:100%;height:auto}
.text-bold{color:#000000;font-size:16px;font-weight:700;text-align:left;line-height:26px;margin-top:16px;margin-bottom:12px}
.qudaolianjie-list{display:flex;flex-wrap:wrap;gap:8px}
.qudaolianjie-item{display:flex;align-items:center;gap:16px;width:calc(50% - 8px);border-radius:12px;border:2px solid #ffffff;background:#ffffff;box-shadow:4px 8px 30px 0 #001c4014;padding:10px 10px 10px 12px;box-sizing:border-box}
.qudaolianjie-icon{display:block;width:32px;height:auto}
.qudaolianjie-name{color:#383838;font-size:14px;font-weight:400;text-align:left;line-height:18px}
.QR-code-list{display:flex;gap:10px;margin-top:24px}
.QR-code-item{width:calc(100% / 4 - 10px * 3 / 4);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:8px;box-sizing:border-box}
.QR-code-img{display:block;width:100%;height:auto}
.QR-code-name{color:#383838;font-size:14px;font-weight:400;text-align:center;line-height:18px}
.video-list{display:flex;align-items:center;flex-direction:column;gap:16px}
.video-item{width:100%}
.video-cover-box{display:block;width:100%;height:256px;box-sizing:border-box;border-radius:20px;overflow:hidden;border:1px solid #ffffff;position:relative;background-color:#000000}
.video-cover{display:block;width:auto;height:100%;margin:0 auto;object-fit:cover;object-position:top center}
.video-icon{display:block;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.video-name{color:#383838;font-size:14px;font-weight:400;text-align:center;line-height:22px;margin-top:8px}