.school-footer {
  background: #2b9df9;
  display: flex;
  justify-content: center;
  font-size: 0;
}
.school-footer .school-footer-wrap {
  width: 990px;
  padding: 76px 0 60px 0;
}
.school-footer .footer-title {
  font-size: 32px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
}
.school-footer .footer-content-warp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.school-footer .contract-title {
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 31px;
}
.school-footer .contract-item {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.school-footer .contract-item:last-child {
  margin-bottom: 0;
}
.school-footer .contract-item .contract-icon1 {
  width: 25px;
  height: 24px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAADQ0lEQVRIS52WW6iVVRSFv2GkGV2UFCsryks9aUqFVEpZ6YMHS8VLF1ALDTsUEWRUmJGWkvTgg+SDD5qlJvmikmF56ZBKaJb5IqWR0Y3QiB40Q2vEkLUPf3/bk+fsl733v9da35pzjjnmFpWX7UuBlcD9wI/Ak5Ler67pymc1NhXAVuB24AhwLWBglKTPunJ4Y89ZSA2wGngUmABsAL4HbpV0rBb1R0B/4BtgO7CmvqYOWQ9MBc4CJP1d4EuAucBOYKykM5XIA7kZ6FuenQBeBZY09tchp4B9wF3VBbYvALYBdwMLJL1cT5vtK4GHgeeAfsBGYIqk03XISWCzpGlNDsnGb4Hjkq6rRDIbiFDaJO23fUVJby60QtLjdcguYCBwjaS/arm/DdgNHJKU9KSGPYHfgQvL2g+A6cAfwB5gKHCPpKSZRuGfBpamLpLeq9w2h+4ALo+sJW2p/HYTMByYBdwLfA7cUer0acQgaUwVkkO+A34AhqXAtq8CDgJ9gFZJy5vJ2HYumt6aATwjaantRD4iopD0W7VPXgAWRU2S3rA9APgK+BMYLOnnc/WK7VzkJ2CvpJG2XwNejGAktVUhPYAvi/aHSzpiOylMKrdIaumoIW1/nRpJusH2E8CbwAOSNrVDSkGT07aS31FAd+ALYFAjwg6iiaq6S/rQdm/gIWCVpJP/ghTQPGAhsFxSq+1bgE8KcFJu1lmLaQbJszTUeOApSctsTwHWAWmwKHBzZ0D/gZRoLim3HwI8KGmD7fjZimKaUdGyipzvK5YSlb5Vt5amkAKKXUSKcePJSZPtyeWQi4H0U2tcGoj3xTXSjNmX5nwk8m3vkw6KeX0RQnpmpqS1ttOA7wI3Ar8ClwFx6NHAL8BaYFxx59Tw4DkjqaQioFh53udJWmw7kSxIzeJpAUiKhGM53Urqni/RTfxfSCV1ScGwIoBZkabtpPJUszliO2b7dibseUEqYkgqorpDsXdJBzpIdcbEYeDq84YUUNa/BMwHMsBejxVJivW0v8ocWgMkmnc6BanU6c5iioOBo8ArZfyergHiHi1dgpSoLgKeLeO5obCPi/c17KlF0okuQypR9QIeSy+V+ZKf8gdkTgD58g9rvVfj+GvXawAAAABJRU5ErkJggg==');
}
.school-footer .contract-item .contract-icon2 {
  width: 25px;
  height: 24px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAACK0lEQVRIS72WTYiOURTHf3/FxEay0CTJGCbJRFGWM5KPaRY+SjEWLLFhMTVhLGaGlAUbY8nCIDVYyFfCUlEjknwnSbPQZEOiOTrTuW/Xw9ubpue9q/ue597ze5/zP/d/H1FjmFkzsB1oB5YCs2PLF+A5cB+4KOlNtVSq9sDMmoATwCZgSqz7CXyL+QxgaszHgWtAt6R3xZz/hJjZLuB0JD8DbAAWAh3A4UgyANwA3gK3gD2Aw/ZJOpeD/oKY2UHgKPAQ2AksAm4CvZIGzMzLg6R2M3NgP7AReA2cB1YDhyQdS6A/IPEGZ4GrroOkH2Z2G1gBzJf0vQCZDnwARiStN7MG1wfYDOxOb1SBhAbPgKdAWwDmAJ+Ak5K6/Z/lkPjtuh0A5koaDdADoBVY5hrlkGFgS61u+8/nVyRtnYBEm74E7gGPs0SdgLfwqSy2I+YXsth+wFv4ehZbCawBWhKkF+gDFktyASeGmTl0liTXJMUqwmexEWBMkidN67xhXgFHEsSTNUpakpfDzN4DjyRtqwG5DKyStKCw/wXwOUFGgbuSugqLvgJDkvbWgAwCXZJmFvYPAWsT5JcTo675ujbgYxy4FF8ekyfZQj+o8wDvqny4no11hdSlXHURvi4t7AL5YbwTxpjEcw9qAY5narpD+8idtif2u+el4Ua5rnIYPWpm5dpKQPySKtcgA+SlmIzVTwMuVbX67ESXe2lloHKv3wxU7odEweQm/Un0G5T8dpISi0hCAAAAAElFTkSuQmCC');
}
.school-footer .contract-item .contract-icon3 {
  width: 25px;
  height: 24px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAACBklEQVRIS63Wz4tNcRjH8ddD+Z1MWdhYSSkL0YgxxVIUCQsWI79iQfnxD8g/wCgWRCMWLJAospP8zEQWSsnKAqVMfkt89a3v1bjunTn3zn1253u+5/M+z3M+z/c5ASmlaTiPNRif1zoQv3AdfVEgR7G/A8KNJPprkDeYVXY8xpExAg9icdF4W4MkfMB0jMP6iLjaDiiltA5X8Bsf0TUc8hA3cRhD6I6IV62AUkpzMIgZOIRVWFoP6cUNrMRTLIuI71VAKaVJuI+FuIXVuPcfJCJ6Ukoz8QSzcSoidleEnMQuvMaiiHifUnrQEFLc1oPbmIAtEZHt3TRSSn04h59YERFZPLdGc0jZkC2drf0FSyLieSNKSmk+HmEqDkREf23fqJACuoQNeJEtGRGfh4NKE2fLz8PliNhYd3/kTAokWzq7ZS4uRsTmOpEL2ISXxY3Zsn+jUiYFtAD5jSZjb0ScKOt7cBzf0BMRz+rLWRlSBHfgNH5geRG7g4nYGRFnmnyv0ctVl/oAtuJrWZ+CsxGxrZntWsqkZJPLdTf3QBHNzdobEblcDaNlSAHlkbC9KA5ExKfm3VOhT0Z6uOq9tjKpKt5SM7YqOiYLtwtrVK7BiKhNs3Z1/3kupZSPnO7aPHlXBk0+FPOE7ER0IR+WQzVIvtjXCeUGGsdqkHxM55mxtsO/RNfyL9EfxpEq1JMZVTMAAAAASUVORK5CYII=');
}
.school-footer .contract-item .contract-text {
  margin-left: 15px;
}
.school-footer .qrcode-box {
  text-align: center;
}
.school-footer .qrcode-box .qrcode-img {
  margin-bottom: 15px;
}
.school-footer .qrcode-box .qrcode-desc {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
}

.school-top-container .school-top-placeholder {
  height: 70px;
}
.school-top-container .school-top {
  background: #fff;
  width: 100%;
  min-width: 990px;
  height: 70px;
  display: flex;
  justify-content: center;
  box-shadow: 0px 1px 9px 0px rgba(43, 157, 249, 0.19);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.school-top-container .school-top .school-top-wrap {
  width: 990px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.school-top-container .school-top .school-top-wrap .top-left {
  display: flex;
  align-items: center;
  height: 100%;
  flex-grow: 1;
}
.school-top-container .school-top .school-top-wrap .top-left .logo .logo-link {
  display: block;
}
.school-top-container .school-top .school-top-wrap .top-left .link-list {
  height: 100%;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
}
.school-top-container .school-top .school-top-wrap .top-left .link-list .link-item {
  height: 100%;
}
.school-top-container .school-top .school-top-wrap .top-left .link-list .link-item .link {
  height: 100%;
  font-size: 18px;
  font-weight: 400;
  color: #333;
  display: flex;
  align-items: center;
}
.school-top-container .school-top .school-top-wrap .top-left .link-list .link-item .link .inner-link {
  position: relative;
  z-index: 2;
  transition: color 300ms;
}
.school-top-container .school-top .school-top-wrap .top-left .link-list .link-item .link .inner-link:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #2b9df9;
  border-radius: 24px;
  padding: 10px 24px;
  box-sizing: content-box;
  z-index: -1;
  left: -24px;
  top: -10px;
  opacity: 0;
  transition: opacity 300ms;
}
.school-top-container .school-top .school-top-wrap .top-left .link-list .link-item + .link-item {
  margin-left: 68px;
}
.school-top-container .school-top .school-top-wrap .top-left .link-list .link-item.active .inner-link,
.school-top-container .school-top .school-top-wrap .top-left .link-list .link-item:hover .inner-link {
  color: #fff;
}
.school-top-container .school-top .school-top-wrap .top-left .link-list .link-item.active .inner-link:before,
.school-top-container .school-top .school-top-wrap .top-left .link-list .link-item:hover .inner-link:before {
  opacity: 1;
}
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap {
  display: flex;
  align-items: center;
  font-size: 0;
  height: 100%;
  margin-left: 68px;
}
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .js-my-actives {
  min-width: 100px;
  height: 36px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(94, 115, 255, 0.2);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  text-align: center;
  color: #5e73ff !important;
  cursor: pointer;
  display: none;
  transition: 0.2s;
  margin-right: 20px;
}
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .avatar {
  width: 24px;
  height: 24px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD7UlEQVRIS51WXWgcVRT+zuxGSCLiLxIftWqwrdWHvlW0StX6oEKsWJSYdnHO7C7+ZLVRawsLatW0ZsWyu/duSBuDUqEGFJGggUZp3vqgEgtV1EeD1KqIuwEzM0dOmJHZ7SRVL8zLPfd+3/n55pxLWGNVq9V12Wx2J4CtANYDuCI6fg7AaQBzvu8fKxaL368GQ2mGWq12reM4B4noQQB/AZgH8CWAn6PzVwO4FcAWABeJyIdhGO4pFAo/duKdR1Cv14ccx6kC+BPA661W6+jw8PDvaY5UKpVLe3p6dgF4AcDFYRgW8/n8ZPJsG4G1di+AVwFMB0HwRKFQ+G2tFMa2Wq12WSaTGQcwAOAlZj4Q2/4hiDw/CuBt13WfISJJgtfr9Q2O49wc7S0w80LSLiLUaDTeAvBUGIa74khWCDTnmUxGL8y4rrsjCT4xMXHN8vLy+0R0Wwfgya6urkdyudxP8X5EchzA9iAINmpNVgiMMdNEtCUIgv5kWsrlcravr+8UgA0iUiGimTAMiYjuJaJhAN8sLi5uLpfLfke6zojIvOd5AxRJ8VsAzzFzpSMtjzqO825kezNps9Y+C+AQET3muu57HTYlP+T7/o1krd0PYG+r1errVIsx5jgRbW82m1eVSqWlJMjY2Fh3b2/vWRGZ8TxvR9IWqWsRwAElOAEgYOZtnYqx1mqov3iep3o/bzUajXkRuZKZ+1PuzgLIKIH+PO8w80jKobNE9LkWPo1AIwRwl+d5l6fcHQXwuBJogZ5n5rYc6wVrrf4Hs8z88P8g0Bq9oQQBgJE0AmPMgkqWmWP9t/FYa78CQMy8KSUCJRi9UIoOAygCuImZzyRBGo3GDSKie4eZ+elVU2SMmSMif5UibwSgXn7CzPcnQYwxHwO4T/9u13W1s3ZGNysi2TVlGtVhAsBuAPcw82fR3t0APgVwhJlzneBtMjXGXE9EKsc9nueNxYetteq9pkcVRM1mc12pVPpV7VFz+wGA9itVUjXZm4wxJSI6KCL9K63CWjsd9fZbROQOImIAt0cAJ7XDxt7HDoyPj28Lw3AfAO1RivOFiFiVdZTWeWYeWCGI2sXXALr0E5E/iGiSiKqu636XJtF4Lyp2UUSGiOgSAMv6+b6/SSddsl3vdhxH832qu7t76+DgYHMt4E7b1NRU79LS0hyAzWEY5vL5/BE90zZwjDH7iOhlIvrA9333vwycbDbbEJGHRGS/53mvxA6kjUyNRPWvI/O1Vqs1eYGROQTgxWhkPhl7vipBXJNMJjNKRA/8y6H/URAEI2mvi9RXRUKq1xHRThG5U0TWE9HKs0VEzhHRaSI6ISLHmFklm7r+BoJT8Y/5RVriAAAAAElFTkSuQmCC');
  background-size: 100% 100%;
  margin-right: 10px;
}
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .nick-name,
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .sp-line,
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .login,
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .register {
  font-size: 14px;
  font-weight: 400;
  color: #333;
}
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .nick-name {
  width: 84px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .sp-line {
  margin-left: 5px;
  margin-right: 5px;
}
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .login.active,
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .login:hover,
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .register.active,
.school-top-container .school-top .school-top-wrap .top-right.login-register-wrap .register:hover {
  color: #2b9df9;
}
.author-frame {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background-color: transparent;
  z-index: 999;
  width: 100%;
  height: 100%;
}