html{ max-width:640px; margin:0px auto; padding-bottom:48px;}
.uk-container{ max-width:640px}@media(min-width:960px){.uk-container{ padding-left:15px; padding-right:15px}}
.uk-offcanvas-bar{ background:var(--main)}
@media screen and (max-width:639px){.uk-container{ padding-left:10px; padding-right:10px;}}

.header{box-shadow:0px 5px 15px rgb(0,0,0,0.08); border-radius:0px 0px 10px 10px; z-index:999; background:var(--main); padding:7px 0}
.m-logo{ display:flex;align-items:center;min-height:40px;  position:relative; padding-right:60px;}
.m-logo>*{ display:block}
.m-logo .mlogo{ flex:1; width:100%}
.m-logo .plus-menu{ position:absolute; text-align:center; height:36px; width:36px; right:0; top:0; line-height:36px; color:#fff}
.m-logo img{ max-height:36px;}

.m-banner{ position:relative; margin-top:-10px; z-index:1}

.m-sorlls{ box-shadow:0px -5px 15px rgb(0,0,0,0.08); border-bottom:10px solid var(--gray-200); background:#fff; padding:10px 0; position:relative; border-radius:10px 10px 0px 0px; margin-top:-10px; z-index:999; margin-bottom:0px}
.sorll-text{ position:relative; width:100%}
.sorll-text span{ width:20px; height:20px; text-align:center;position:absolute; left:0; top:0}
#sorllswrap{ height:20px; line-height:20px; overflow:hidden; font-size:14px;}
#sorllswrap li{ display:block; padding-left:25px;}
.m-btn a{ padding:5px 10px; border:1px solid var(--gray-200); border-radius:5px; font-size:14px}
.m-btn a span{ margin-right:5px}

.icon-box{ margin-bottom:15px; border-left:1px solid var(--gray-200);}
.icon-box dt{ width:60px; height:60px; margin:0px auto}
.icon-box dl{ padding:15px 5px; border-bottom:1px solid var(--gray-200); border-right:1px solid var(--gray-200);}
.icon-box dd{ margin-top:10px; font-size:14px;}

.title-bg{ margin:20px auto}
.title-bg b{ position:relative;}
.title-bg b{
  background: var(--Linear, linear-gradient(90deg, #5C5FFF 0%, #1684FC 52.06%, #21BAF1 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.m-jian dl{ background:rgb(var(--gray-200-rgb),0.2); padding:10px; border-radius:5px; border:1px solid var(--gray-200);}
.m-jian dl:hover{ box-shadow:0px 4px 12px rgb(0,0,0,0.08)}
.m-jian dt{ border-radius:8px; overflow:hidden; position:relative}
.m-jian dt:before{ content:""; width:100%; height:100%;border-radius:8px; left:0; right:0; top:0; bottom:0;box-shadow:inset 0 0 10px rgb(0,0,0,0.08); position:absolute; z-index:2}
.m-jian dd{ padding-top:10px; font-size:14px; line-height:1.2}
.m-jian img{ width:100%;}

.sc-jz{ padding-bottom:0}
.sc-jz h4{ font-weight:normal; line-height:1.2; margin-bottom:10px}
.sc-jz dt{ width:120px;}
@media screen and (max-width:639px){.sc-jz dt{ width:90px;}}
.sc-jz p{ margin-top:0}

#local{ margin:20px auto}
.c-banner{ background:url(../images/class-bg.jpg) no-repeat center top; background-size:cover; position:relative; min-height:90px; margin-top:-10px;}
.c-banner:before{ content:""; background:rgb(var(--sub-rgb),0.7);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px); position:absolute; left:0; top:0; width:100%; height:100%;}
.c-banner h2{ margin:0px 30px; margin-top:30px; color:#fff; text-align:center; font-size:1.25rem; font-weight:bold; line-height:1.6;}
.c-bt{ background:#fff; height:10px; width:100%; border-radius:10px 10px 0px 0px; position:absolute; left:0; right:0; bottom:0; z-index:9}
.c-banner .uk-container{ padding-top:10px; padding-bottom:10px}
/*.c-banner h2{
animation:5s ease-in-out 0s infinite normal none running flow;
animation-timeline: auto;
animation-range-start: normal;
animation-range-end: normal;
-webkit-text-fill-color: transparent;
background: linear-gradient(-45deg, rgb(255, 245, 102), rgb(168, 255, 202), rgb(255, 173, 97), rgb(255, 133, 122), rgb(255, 255, 255), rgb(255, 92, 201), rgb(98, 121, 234), rgb(102, 255, 230)) 0% 0% / 300% text;}
*/
@keyframes flow {0%, 100% { background-position:-200px 0;}50% {background-position:200px 0;}}
.list-article{ padding-bottom:0}
.class-list dt{ width:100px; margin-right:10px}
.class-list h4{ font-size:1rem; margin-bottom:10px;}
.class-list dd p.tex{ font-size:14px;webkit-line-clamp:1;}
.class-list dd p.link{ margin-top:5px; line-height:1.1}
@media screen and (max-width:439px){.class-list dt{ width:80px}.class-list dd p.tex{ display:none}.class-list dd p.link{flex-wrap:wrap;}.class-list dd p.link i{ display:none}}

#MyContent{ overflow-x: auto}
.uk-pagination{ gap:1px}
.uk-pagination>*>*{ border:1px solid rgb(var(--gray-200-rgb),0.8); font-size:14px}

.m-school-nav{ margin-bottom:20px}
.m-school-nav>*>a{ background:rgb(var(--gray-200-rgb),0.3); border-radius:5px 5px 0px 0px}
.sc-xlogo{ padding-bottom:0}
.sc-xlogo dl{background: rgb(var(--gray-200-rgb), 0.2); padding:15px 10px}

.uk-modal-title{ font-size:1.25rem}
.m-footer{ display:block}
.m-bottom{ background-image: linear-gradient(250.32deg, #e0f2ff 30.39%, #dbeafc 56.8%, #fff8f4 82.82%); text-align:center; font-size:14px; padding:20px 0; margin-top:20px; color:var(--gray-500)}
.m-bottom a{ color:var(--gray-400)}
.m-bottom-btm{ display:flex;align-items:center;justify-content:center; gap:15px; padding-bottom:15px;}
.m-bottom-btm a{ background: linear-gradient(270deg, #FF8C19 0%, #FF3333 45.67%, #FF2776 98.5%); color:#fff; padding:5px 10px; border-radius:5px;}
.m-bottom-btm a.ask{ background:var(--lime)}
.m-bottom-btm a span{ margin-right:5px}