first commit

This commit is contained in:
hero920103 committed 2025-07-14 14:48:36 +08:00
commit 0c7237da45
637 files changed
+117431

No files matched your search

+13866
View File
File diff suppressed because it is too large. Load diff
+9
View File
@@ -0,0 +1,9 @@
/*!
* Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animatLine truncated
.fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-5:before{content:"\35"}.fa-6:before{content:"\36"}.fa-7:before{content:"\37"}.fa-8:before{content:"\38"}.fa-9:before{content:"\39"}.fa-fill-drip:before{content:"\f576"}.fa-arrows-to-circle:before{content:"\e4bd"}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}.fa-at:before{content:"\40"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-text-height:before{content:"\f034"}.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}.fa-stethoscope:before{content:"\f0f1"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-info:before{content:"\f129"}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}.fa-explosion:before{content:"\e4e9"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-wave-square:before{content:"\f83e"}.fa-ring:before{content:"\f70b"}.fa-building-un:before{content:"\e4d9"}.fa-dice-three:before{content:"\f527"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-anchor-circle-check:before{content:"\e4aa"}.fa-building-circle-arrow-right:before{content:"\e4d1"}.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}.fa-arrows-up-to-line:before{content:"\e4c2"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-door-open:before{content:"\f52b"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-atom:before{content:"\f5d2"}.fa-soap:before{content:"\e06e"}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}.fa-bridge-circle-check:before{content:"\e4c9"}.fa-pump-medical:before{content:"\e06a"}.fa-fingerprint:before{content:"\f577"}.fa-hand-point-right:before{content:"\f0a4"}.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}.fa-forward-step:before,.fa-step-forward:before{content:"\f051"}.fa-face-smile-beam:before,.fa-smile-beam:before{content:"\f5b8"}.fa-flag-checkered:before{content:"\f11e"}.fa-football-ball:before,.fa-football:before{content:"\f44e"}.fa-school-circle-exclamation:before{content:"\e56c"}.fa-crop:before{content:"\f125"}.fa-angle-double-down:before,.fa-angles-down:before{content:"\f103"}.fa-users-rectangle:before{content:"\e594"}.fa-people-roof:before{content:"\e537"}.fa-people-line:before{content:"\e534"}.fa-beer-mug-empty:before,.fa-beer:before{content:"\f0fc"}.fa-diagram-predecessor:before{content:"\e477"}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:"\f176"}.fa-burn:before,.fa-fire-flame-simple:before{content:"\f46a"}.fa-male:before,.fa-person:before{content:"\f183"}.fa-laptop:before{content:"\f109"}.fa-file-csv:before{content:"\f6dd"}.fa-menorah:before{content:"\f676"}.fa-truck-plane:before{content:"\e58f"}.fa-record-vinyl:before{content:"\f8d9"}.fa-face-grin-stars:before,.fa-grin-stars:before{content:"\f587"}.fa-bong:before{content:"\f55c"}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:"\f67b"}.fa-arrow-down-up-across-line:before{content:"\e4af"}.fa-spoon:before,.fa-utensil-spoon:before{content:"\f2e5"}.fa-jar-wheat:before{content:"\e517"}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:"\f674"}.fa-file-circle-exclamation:before{content:"\e4eb"}.fa-circle-h:before,.fa-hospital-symbol:before{content:"\f47e"}.fa-pager:before{content:"\f815"}.fa-address-book:before,.fa-contact-book:before{content:"\f2b9"}.fa-strikethrough:before{content:"\f0cc"}.fa-k:before{content:"\4b"}.fa-landmark-flag:before{content:"\e51c"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-backward:before{content:"\f04a"}.fa-caret-right:before{content:"\f0da"}.fa-comments:before{content:"\f086"}.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-code-pull-request:before{content:"\e13c"}.fa-clipboard-list:before{content:"\f46d"}.fa-truck-loading:before,.fa-truck-ramp-box:before{content:"\f4de"}.fa-user-check:before{content:"\f4fc"}.fa-vial-virus:before{content:"\e597"}.fa-sheet-plastic:before{content:"\e571"}.fa-blog:before{content:"\f781"}.fa-user-ninja:before{content:"\f504"}.fa-person-arrow-up-from-line:before{content:"\e539"}.fa-scroll-torah:before,.fa-torah:before{content:"\f6a0"}.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:"\f458"}.fa-toggle-off:before{content:"\f204"}.fa-archive:before,.fa-box-archive:before{content:"\f187"}.fa-person-drowning:before{content:"\e545"}.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:"\f58a"}.fa-spray-can:before{content:"\f5bd"}.fa-truck-monster:before{content:"\f63b"}.fa-w:before{content:"\57"}.fa-earth-africa:before,.fa-globe-africa:before{content:"\f57Line truncated
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero:before{content:"\f3d0"}.fa-hooli:before{content:"\f427"}.fa-yelp:before{content:"\f1e9"}.fa-cc-visa:before{content:"\f1f0"}.fa-lastfm:before{content:"\f202"}.fa-shopware:before{content:"\f5b5"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-aws:before{content:"\f375"}.fa-redhat:before{content:"\f7bc"}.fa-yoast:before{content:"\f2b1"}.fa-cloudflare:before{content:"\e07d"}.fa-ups:before{content:"\f7e0"}.fa-wpexplorer:before{content:"\f2de"}.fa-dyalog:before{content:"\f399"}.fa-bity:before{content:"\f37a"}.fa-stackpath:before{content:"\f842"}.fa-buysellads:before{content:"\f20d"}.fa-first-order:before{content:"\f2b0"}.fa-modx:before{content:"\f285"}.fa-guilded:before{content:"\e07e"}.fa-vnv:before{content:"\f40b"}.fa-js-square:before,.fa-square-js:before{content:"\f3b9"}.fa-microsoft:before{content:"\f3ca"}.fa-qq:before{content:"\f1d6"}.fa-orcid:before{content:"\f8d2"}.fa-java:before{content:"\f4e4"}.fa-invision:before{content:"\f7b0"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-centercode:before{content:"\f380"}.fa-glide-g:before{content:"\f2a6"}.fa-drupal:before{content:"\f1a9"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-unity:before{content:"\e049"}.fa-whmcs:before{content:"\f40d"}.fa-rocketchat:before{content:"\f3e8"}.fa-vk:before{content:"\f189"}.fa-untappd:before{content:"\f405"}.fa-mailchimp:before{content:"\f59e"}.fa-css3-alt:before{content:"\f38b"}.fa-reddit-square:before,.fa-square-reddit:before{content:"\f1a2"}.fa-vimeo-v:before{content:"\f27d"}.fa-contao:before{content:"\f26d"}.fa-square-font-awesome:before{content:"\e5ad"}.fa-deskpro:before{content:"\f38f"}.fa-sistrix:before{content:"\f3ee"}.fa-instagram-square:before,.fa-square-instagram:before{content:"\e055"}.fa-battle-net:before{content:"\f835"}.fa-the-red-yeti:before{content:"\f69d"}.fa-hacker-news-square:before,.fa-square-hacker-news:before{content:"\f3af"}.fa-edge:before{content:"\f282"}.fa-napster:before{content:"\f3d2"}.fa-snapchat-square:before,.fa-square-snapchat:before{content:"\f2ad"}.fa-google-plus-g:before{content:"\f0d5"}.fa-artstation:before{content:"\f77a"}.fa-markdown:before{content:"\f60f"}.fa-sourcetree:before{content:"\f7d3"}.fa-google-plus:before{content:"\f2b3"}.fa-diaspora:before{content:"\f791"}.fa-foursquare:before{content:"\f180"}.fa-stack-overflow:before{content:"\f16c"}.fa-github-alt:before{content:"\f113"}.fa-phoenix-squadron:before{content:"\f511"}.fa-pagelines:before{content:"\f18c"}.fa-algolia:before{content:"\f36c"}.fa-red-river:before{content:"\f3e3"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-safari:before{content:"\f267"}.fa-google:before{content:"\f1a0"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-atlassian:before{content:"\f77b"}.fa-linkedin-in:before{content:"\f0e1"}.fa-digital-ocean:before{content:"\f391"}.fa-nimblr:before{content:"\f5a8"}.fa-chromecast:before{content:"\f838"}.fa-evernote:before{content:"\f839"}.fa-hacker-news:before{content:"\f1d4"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-adversal:before{content:"\f36a"}.fa-creative-commons:before{content:"\f25e"}.fa-watchman-monitoring:before{content:"\e087"}.fa-fonticons:before{content:"\f280"}.fa-weixin:before{content:"\f1d7"}.fa-shirtsinbulk:before{content:"\f214"}.fa-codepen:before{content:"\f1cb"}.fa-git-alt:before{content:"\f841"}.fa-lyft:before{content:"\f3c3"}.fa-rev:before{content:"\f5b2"}.fa-windows:before{content:"\f17a"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-square-viadeo:before,.fa-viadeo-square:before{content:"\f2aa"}.fa-meetup:before{content:"\f2e0"}.fa-centos:before{content:"\f789"}.fa-adn:before{content:"\f170"}.fa-cloudsmith:before{content:"\f384"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-dribbble-square:before,.fa-square-dribbble:before{content:"\f397"}.fa-codiepie:before{content:"\f284"}.fa-node:before{content:"\f419"}.fa-mix:before{content:"\f3cb"}.fa-steam:before{content:"\f1b6"}.fa-cc-apple-pay:before{content:"\f416"}.fa-scribd:before{content:"\f28a"}.fa-openid:before{content:"\f19b"}.fa-instalod:before{content:"\e081"}.fa-expeditedssl:before{content:"\f23e"}.fa-sellcast:before{content:"\f2da"}.fa-square-twitter:before,.fa-twitter-square:before{content:"\f081"}.fa-r-project:before{content:"\f4f7"}.fa-delicious:before{content:"\f1a5"}.fa-freebsd:before{content:"\f3a4"}.fa-vuejs:before{content:"\f41f"}.fa-accusoft:before{Line truncated
+849
View File
@@ -0,0 +1,849 @@
html #layuicss-layuiAdmin {
display: none;
position: absolute;
width: 1989px;
}
/* 系统 */
::-webkit-input-placeholder {
color: #ccc
}
/* 全局 */
html {
/* background-color: #f2f2f2; */
color: #666;
}
*[template],
.layadmin-tabsbody-item {
display: none;
}
*[lay-href],
*[lay-tips],
*[layadmin-event] {
cursor: pointer;
}
/* 重置布局结构 */
.layui-layout-admin .layui-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 70px;
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-child a {
color: #333;
}
.layui-layout-admin .layui-side {
width: 220px;
top: 0;
z-index: 1001;
}
.layui-layout-admin .layui-logo,
.layui-layout-admin .layui-header .layui-nav .layui-nav-item {
height: 70px;
line-height: 70px;
}
.layui-layout-admin .layui-logo {
position: fixed;
left: 0;
top: 0;
z-index: 1002;
width: 220px;
height: 49px;
padding: 0 15px;
box-sizing: border-box;
overflow: hidden;
font-weight: 300;
background-repeat: no-repeat;
background-position: center center;
}
.layui-layout-admin .layui-layout-left,
.layadmin-pagetabs,
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer {
left: 220px;
}
.layadmin-pagetabs {
position: fixed;
top: 50px;
right: 0;
z-index: 999;
}
.layadmin-pagetabs .layui-breadcrumb {
padding: 0 15px;
}
.layui-layout-admin .layui-body {
position: fixed;
top: 90px;
bottom: 0;
}
.layui-layout-admin .layui-body .layadmin-tabsbody-item {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
}
.layui-layout-admin .layui-header .layui-nav-img {
width: 26px;
height: 26px;
}
.layui-layout-admin .layui-header .layui-nav-child {
top: 55px;
}
.layui-layout-admin .layui-header .layui-layout-right .layui-nav-child {
left: auto;
right: 0;
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a,
.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this {
background: none
}
/* 统一动画 */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item,
.layui-layout-admin .layui-layout-left,
.layadmin-pagetabs,
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer,
.layui-layout-admin .layui-side,
.layui-layout-admin .layui-logo,
.layui-layout-admin .layui-header .layui-layout-right {
transition: all .3s;
-webkit-transition: all .3s;
}
/* 图标 */
.layui-icon-login-qq {
color: #3492ED;
}
.layui-icon-login-wechat {
color: #4DAF29;
}
.layui-icon-login-weibo {
color: #CF1900;
}
/* 表单 */
.layui-form[wid100] .layui-form-label {
width: 100px;
}
.layui-form[wid100] .layui-input-block {
margin-left: 130px;
}
@media screen and (max-width: 450px) {
.layui-form[wid100] .layui-form-item .layui-input-inline {
margin-left: 132px;
}
.layui-form[wid100] .layui-form-item .layui-input-inline+.layui-form-mid {
margin-left: 130px;
}
}
.layui-form-item .layui-input-company {
width: auto;
padding-right: 10px;
line-height: 38px;
}
/* 辅助 */
.layadmin-flexible {}
.layui-bg-white {
background-color: #fff;
}
.layadmin-loading {
position: absolute;
left: 50%;
top: 50%;
margin: -16px -15px;
font-size: 30px;
color: #c2c2c2;
}
.layadmin-fixed {
position: fixed;
left: 0;
top: 0;
z-index: 999;
}
.layadmin-link {
color: #029789 !important;
}
.layadmin-link:hover {
opacity: 0.8;
}
/* 头部导航 */
.layui-layout-admin .layui-layout-left {
padding: 0 10px;
}
.layui-layout-admin .layui-layout-left .layui-nav-item {
margin: 0 20px;
}
.layui-layout-admin .layui-input-search {
display: inline-block;
vertical-align: middle;
height: 32px;
border: none;
cursor: text;
}
.layui-layout-admin .layui-layout-left a {
padding: 0;
}
.layui-layout-admin .layui-layout-right {
padding: 0;
}
.layui-header .layui-nav-item .layui-icon {
position: relative;
top: 1px;
font-size: 16px;
}
.layui-header .layui-nav-item:hover {}
.layui-header .layui-layout-right .layui-badge-dot {
margin-left: 0px;
}
.layui-header .layui-nav .layui-this:after,
.layui-layout-admin .layui-header .layui-nav-bar {
top: 0 !important;
bottom: auto;
height: 3px;
background-color: #fff;
background-color: rgba(255, 255, 255, .3);
}
/* 遮罩 */
.layadmin-body-shade {
position: fixed;
display: none;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .3);
z-index: 1000;
}
/* 侧边菜单 */
.layui-side-menu .layui-side-scroll {
width: 240px;
}
.layui-side-menu .layui-nav {
width: 220px;
margin-top: 70px;
background: none;
}
.layui-side-menu .layui-nav .layui-nav-item a {
height: 40px;
line-height: 40px;
padding-left: 45px;
padding-right: 30px;
}
.layui-side-menu .layui-nav .layui-nav-item>a {
padding-top: 8px;
padding-bottom: 8px;
}
.layui-side-menu .layui-nav .layui-nav-item a:hover {
background: none;
}
.layui-side-menu .layui-nav .layui-nav-itemed>.layui-nav-child {
padding: 5px 0;
}
.layui-side-menu .layui-nav .layui-nav-item .layui-icon {
position: absolute;
top: 50%;
left: 20px;
margin-top: -25px;
}
.layui-side-menu .layui-nav .layui-nav-item .layui-icons {
margin-top: -20px;
}
.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child {
background: none !important;
}
.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a {
padding-left: 60px
}
.layui-side-menu .layui-nav .layui-nav-more {
right: 15px;
}
/* 侧边菜单 - 平板移动设备 */
@media screen and (max-width: 992px) {
.layui-layout-admin .layui-side {
transform: translate3d(-220px, 0, 0);
-webkit-transform: translate3d(-220px, 0, 0);
width: 220px;
}
.layui-layout-admin .layui-layout-left,
.layadmin-pagetabs,
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer {
left: 0;
}
}
/* 侧边收缩模式 */
.layadmin-side-shrink .layui-layout-admin .layui-logo {
width: 60px;
background-image: url(res/logo.png);
/*background-size: 20px;)*/
}
.layadmin-side-shrink .layui-layout-admin .layui-logo span {
display: none;
}
.layadmin-side-shrink .layui-side {
left: 0;
width: 60px;
}
.layadmin-side-shrink .layui-layout-admin .layui-layout-left,
.layadmin-side-shrink .layadmin-pagetabs,
.layadmin-side-shrink .layui-layout-admin .layui-body,
.layadmin-side-shrink .layui-layout-admin .layui-footer {
left: 60px;
}
.layadmin-side-shrink .layui-side-menu .layui-nav {
position: static;
width: 60px;
}
.layadmin-side-shrink .layui-side-menu .layui-nav-item {
position: static;
}
.layadmin-side-shrink .layui-side-menu .layui-nav-item>a {
padding-right: 0;
}
.layadmin-side-shrink .layui-side-menu .layui-nav-item cite,
.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>a .layui-nav-more,
.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child {
display: none;
padding: 8px 0;
width: 200px;
}
.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-itemed>a {
background: rgba(0, 0, 0, .3);
}
/* 移动端展开模式 */
.layadmin-side-spread-sm .layui-layout-admin .layui-layout-left,
.layadmin-side-spread-sm .layadmin-pagetabs,
.layadmin-side-spread-sm .layui-layout-admin .layui-body,
.layadmin-side-spread-sm .layui-layout-admin .layui-footer {
left: 0;
transform: translate3d(220px, 0, 0);
-webkit-transform: translate3d(220px, 0, 0);
}
.layadmin-side-spread-sm .layui-layout-admin .layui-layout-right {
transform: translate3d(220px, 0, 0);
-webkit-transform: translate3d(220px, 0, 0);
}
.layadmin-side-spread-sm .layui-side {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.layadmin-side-spread-sm .layadmin-body-shade {
display: block;
}
/* 页面标签 */
.layadmin-pagetabs {
height: 40px;
line-height: 40px;
padding: 0 80px 0 40px;
/*border-bottom: 2px solid #292B34;*/
background-color: #fff;
box-sizing: border-box;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.layadmin-pagetabs .layadmin-tabs-control {
position: absolute;
top: 0;
width: 40px;
height: 100%;
text-align: center;
cursor: pointer;
transition: all .3s;
-webkit-transition: all .3s;
box-sizing: border-box;
border-left: 1px solid #f6f6f6;
}
.layadmin-pagetabs .layadmin-tabs-control:hover {
background-color: #f6f6f6;
}
.layadmin-pagetabs .layui-icon-prev {
left: 0;
border-left: none;
border-right: 1px solid #f6f6f6;
}
.layadmin-pagetabs .layui-icon-next {
right: 40px;
right: 40px;
}
.layadmin-pagetabs .layui-icon-down {
right: 0;
}
.layadmin-tabs-select.layui-nav {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0;
background: none;
}
.layadmin-tabs-select.layui-nav .layui-nav-item {
line-height: 40px;
}
.layadmin-tabs-select.layui-nav .layui-nav-item>a {
height: 40px;
}
.layadmin-tabs-select.layui-nav .layui-nav-item a {
color: #666;
}
.layadmin-tabs-select.layui-nav .layui-nav-child {
top: 40px;
left: auto;
right: 0;
}
.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this,
.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this a {
background-color: #f2f2f2 !important;
color: #333;
}
.layadmin-tabs-select.layui-nav .layui-nav-more,
.layadmin-tabs-select.layui-nav .layui-nav-bar {
display: none;
}
.layadmin-pagetabs .layui-tab {
margin: 0;
overflow: hidden;
}
.layadmin-pagetabs .layui-tab-title {
height: 40px;
border: none;
}
.layadmin-pagetabs .layui-tab-title li {
min-width: 0;
line-height: 40px;
max-width: 160px;
text-overflow: ellipsis;
padding-right: 40px;
overflow: hidden;
border-right: 1px solid #f6f6f6;
vertical-align: top;
}
.layadmin-pagetabs .layui-tab-title li:first-child {
padding-right: 15px;
}
.layadmin-pagetabs .layui-tab-title li:first-child .layui-tab-close {
display: none;
}
.layadmin-pagetabs .layui-tab-title li .layui-tab-close {
position: absolute;
right: 8px;
top: 50%;
margin: -7px 0 0 0;
width: 16px;
height: 16px;
line-height: 16px;
border-radius: 50%;
font-size: 12px;
}
.layadmin-pagetabs .layui-tab-title li:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 2px;
border-radius: 0;
background-color: #292B34;
transition: all .3s;
-webkit-transition: all .3s;
}
.layadmin-pagetabs .layui-tab-title li:hover:after {
width: 100%;
}
.layadmin-pagetabs .layui-tab-title li:hover,
.layadmin-pagetabs .layui-tab-title li.layui-this {
background-color: #f6f6f6;
}
.layadmin-pagetabs .layui-tab-title li.layui-this:after {
width: 100%;
border: none;
height: 2px;
background-color: #292B34;
}
/* 不开启页面标签时 */
.layadmin-tabspage-none .layui-layout-admin .layui-header {
height: 70px;
border-bottom: none;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}
.layadmin-tabspage-none .layui-layout-admin .layui-body {
top: 70px;
}
.layadmin-tabspage-none .layadmin-header {
display: block;
}
.layadmin-tabspage-none .layadmin-header .layui-breadcrumb {
border-top: 1px solid #f6f6f6;
}
/* 底部固定区域 */
.layui-layout-admin .layui-footer {
padding: 10px 0;
text-align: center;
}
/* 默认主题修饰 */
.layui-layout-admin .layui-header {
border-bottom: 1px solid #f6f6f6;
box-sizing: border-box;
background-color: #fff;
}
.layui-layout-admin .layui-header a,
.layui-layout-admin .layui-header a cite {
color: #333;
}
.layui-layout-admin .layui-header a:hover {
color: #000;
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-more {
border-top-color: #666
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
border-color: transparent;
border-bottom-color: #666;
}
.layui-layout-admin .layui-header .layui-nav .layui-this:after,
.layui-layout-admin .layui-header .layui-nav-bar {
height: 2px;
background-color: #337EFD
}
.layui-layout-admin .layui-logo {
background-color: #337efd;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
}
.layui-layout-admin .layui-logo,
.layui-layout-admin .layui-logo a {
color: #fff;
color: rgba(255, 255, 255, .8);
height: 70px;
}
.layui-side-menu {
box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05);
}
.layui-layout-admin .layui-footer {
box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05);
}
.layui-side-menu,
.layadmin-setTheme-side {
background-color: #1A263B;
color: #fff;
}
.layadmin-setTheme-header {
background-color: #fff;
}
.layui-layout-admin .layui-footer {
background-color: #fff;
}
.layui-tab-admin .layui-tab-title {
background-color: #393D49;
color: #fff;
}
/*
格局
*/
.layui-fluid {
padding: 15px;
}
.layadmin-header {
display: none;
height: 50px;
line-height: 50px;
margin-bottom: 0;
border-radius: 0;
}
.layadmin-header .layui-breadcrumb {
padding: 0 15px;
}
.layui-card-header {
position: relative;
}
.layui-card-header .layui-icon {
line-height: initial;
position: absolute;
right: 15px;
top: 50%;
margin-top: -7px;
}
.layadmin-iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
/*
控制台
*/
/* 重置轮播样式 */
.layadmin-carousel {
height: 185px !important;
background-color: #fff;
}
.layadmin-carousel .layui-carousel-ind li {
background-color: #e2e2e2;
}
.layadmin-carousel .layui-carousel-ind li:hover {
background-color: #c2c2c2;
}
.layadmin-carousel .layui-carousel-ind li.layui-this {
background-color: #999;
}
.layadmin-carousel .layui-carousel,
.layadmin-carousel>*[carousel-item]>* {
background-color: #fff;
}
.layadmin-carousel .layui-col-space10 {
margin: 0;
}
.layadmin-carousel .layui-carousel-ind {
position: absolute;
top: -41px;
text-align: right;
}
.layadmin-carousel .layui-carousel-ind ul {
background: none;
}
/* 重置tab样式 */
.layui-card .layui-tab-brief .layui-tab-title {
height: 42px;
border-bottom-color: #f6f6f6;
}
.layui-card .layui-tab-brief .layui-tab-title li {
margin: 0 15px;
padding: 0;
line-height: 42px;
}
.layui-card .layui-tab-brief .layui-tab-title li.layui-this {
color: #333;
}
.layui-card .layui-tab-brief .layui-tab-title .layui-this:after {
height: 43px;
}
.layui-card .layui-tab-brief .layui-tab-content {
padding: 15px;
}
.layui-card .layui-table-view {
margin: 0;
}
/* 头部图标重置 */
.layui-card-header.layuiadmin-card-header-auto {
padding-top: 15px;
padding-bottom: 15px;
height: auto;
}
.layuiadmin-card-header-auto i.layuiadmin-button-btn {
position: relative;
right: 0;
top: 0;
vertical-align: middle;
}
.layuiadmin-card-header-auto .layui-form-item:last-child {
margin-bottom: 0;
}
/* 动画 */
@-webkit-keyframes layui-rl {
/* 从右往左滑入 */
from {
-webkit-transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes layui-rl {
from {
transform: translate3d(100%, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes layui-lr {
/* 从右往左滑入 */
from {
-webkit-transform: translate3d(0 0, 0);
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 1;
}
}
@keyframes layui-lr {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(100%, 0, 0);
}
}
/*
响应式补充
*/
@media screen and (max-width: 768px) {
/* 产品清单模板 */
.layadmin-panel-selection {
margin: 0;
width: auto;
}
/* 导航 */
.layui-body .layui-nav .layui-nav-item {
display: block;
}
/* 主体容器 */
.layui-layout-admin .layui-body .layadmin-tabsbody-item {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
}
+195
View File
@@ -0,0 +1,195 @@
.lb-loader,
.lightbox {
text-align: center;
line-height: 0
}
body.lb-disable-scrolling {
overflow: hidden
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: #000;
opacity: .8;
display: none
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
font-weight: 400;
outline: 0
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
border: 4px solid #fff
}
.lightbox a img {
border: none
}
.lb-outerContainer {
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
background-color: #fff
}
.lb-loader,
.lb-nav {
position: absolute;
left: 0
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both
}
.lb-loader {
top: 43%;
height: 25%;
width: 100%
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../images/loading.gif) no-repeat
}
.lb-nav {
top: 0;
height: 100%;
width: 100%;
z-index: 10
}
.lb-container>.nav {
left: 0
}
.lb-nav a {
outline: 0;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}
.lb-next,
.lb-prev {
height: 100%;
cursor: pointer;
display: block
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(../images/prev.png) left 48% no-repeat;
opacity: 0;
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s
}
.lb-nav a.lb-prev:hover {
opacity: 1
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(../images/next.png) right 48% no-repeat;
opacity: 0;
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s
}
.lb-nav a.lb-next:hover {
opacity: 1
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both
}
.lb-data {
padding: 0 4px;
color: #ccc
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: 700;
line-height: 1em
}
.lb-data .lb-caption a {
color: #4ae
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(../images/close.png) top right no-repeat;
text-align: right;
outline: 0;
opacity: .7;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s
}
.lb-data .lb-close:hover {
cursor: pointer;
opacity: 1
}
+23
View File
@@ -0,0 +1,23 @@
#LAY-user-login,
.layadmin-user-display-show{display: block !important;}
.layadmin-user-login{position: relative; left: 0; top: 0; padding: 110px 0; min-height: 100%; box-sizing: border-box;}
.layadmin-user-login-main{width: 375px; margin: 0 auto; box-sizing: border-box;}
.layadmin-user-login-box{padding: 20px;}
.layadmin-user-login-header{text-align: center;}
.layadmin-user-login-header h2{margin-bottom: 10px; font-weight: 300; font-size: 30px; color: #000;}
.layadmin-user-login-header img{height:100px;margin-bottom:20px;}
.layadmin-user-login-body .layui-form-item{position: relative;}
.layadmin-user-login-icon{position: absolute; left: 1px; top: 1px; width: 38px; line-height: 36px; text-align: center; color: #d2d2d2;}
.layadmin-user-login-body .layui-form-item .layui-input{padding-left: 38px;}
.layui-form-item input:-internal-autofill-selected { background: #ffea94 !important }
.layadmin-user-login-codeimg{max-height: 38px; width: 100%; cursor: pointer; box-sizing: border-box;}
/* 有背景图时 */
.layadmin-user-login-main[bgimg]{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.05);}
@media screen and (max-width: 768px) {
.layadmin-user-login{padding-top: 60px;}
.layadmin-user-login-main{width: 300px;}
.layadmin-user-login-box{padding: 10px;}
}
+50
View File
@@ -0,0 +1,50 @@
/* 模板 */
.config-container {
padding: 20px;
background-color: #fff;
border-radius: 8px;
/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); */
}
.config-header {
display: flex;
align-items: center;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.config-header span {
font-size: 18px;
color: #2c3e50;
font-weight: 500;
margin-right: 20px;
line-height: 50px;
}
.config-header a {
text-decoration: none;
}
.config-header a span {
padding: 6px 15px;
background: #f8f9fa;
border-radius: 4px;
color: #606266;
font-size: 14px;
transition: all 0.3s;
}
.config-header a span:hover {
background: #e9ecef;
color: #409eff;
}
.shaixuan {
/* margin-left: 20px; */
display: flex;
align-items: center;
}
.maintitle {
font-size: 20px;
font-weight: bold;
color: #333;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
width: 100%;
}
+664
View File
@@ -0,0 +1,664 @@
/* 基础样式 */
body {
font-family: "Muli", sans-serif;
color: rgb(52, 58, 64);
}
a {
text-decoration: none !important;
color: var(--bs-white);
}
a:hover {
color: var(--bs-orange);
}
.fas {
color: #fff !important;
}
/* 代码块样式 */
pre {
background-color: #f8f9fa;
border-radius: 6px;
padding: 16px;
margin: 20px 0;
overflow: auto;
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
font-size: 14px;
line-height: 1.6;
color: #333;
border-left: 4px solid #0d6efd;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
pre code {
background-color: transparent;
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre;
word-break: normal;
}
/* 代码块响应式样式 */
@media (max-width: 768px) {
pre {
padding: 12px;
font-size: 13px;
}
}
/* 代码高亮样式 */
.hljs-keyword,
.hljs-selector-tag {
color: #d73a49;
}
.hljs-string,
.hljs-attr {
color: #032f62;
}
.hljs-number,
.hljs-literal {
color: #005cc5;
}
.hljs-comment {
color: #6a737d;
font-style: italic;
}
.hljs-function,
.hljs-title {
color: #6f42c1;
}
/* 字体大小类 */
.f20,
.f-20 {
font-size: 20px;
}
.f18,
.f-18 {
font-size: 18px;
}
.f16,
.f-16 {
font-size: 16px;
}
.f14,
.f-14 {
font-size: 14px;
}
.f12,
.f-12 {
font-size: 12px;
}
.mr-20 {
margin-right: 20px;
}
.mr-10 {
margin-right: 10px;
}
/* 页脚样式 */
.footer {
margin-top: 200px;
padding: 80px 0;
position: relative;
background-color: #2a254d;
}
.footer .container {
display: flex;
justify-content: center;
}
.row-main {
display: flex;
justify-content: space-between;
width: 100%;
}
.footer-sub-menu li {
font-size: 16px;
margin-bottom: 5px;
}
.footer-sub-menu li a:hover {
color: #f57005;
text-decoration: none;
transition: all 0.3s ease;
}
.main-footer {
background-color: var(--eduact-black);
position: relative;
padding: 132px 0 120px;
}
.copyright {
position: relative;
background-color: #1f1944;
padding: 27px 0 28px;
}
.copyright__text {
color: #697585;
margin: 0;
font-family: var(--eduact-font);
font-size: 16px;
line-height: 25px;
font-weight: 400;
}
.copyright__text a {
color: #f57005;
}
.copyright__text a:hover {
color: #f57005;
}
.copyright .tongji {
width: 100%;
height: 20px;
color: #fff;
margin-top: 20px;
}
/* 响应式容器 */
@media (min-width: 1400px) {
.container {
padding: 0 18px;
max-width: 1356px;
}
}
/* 头部样式 */
.main-header {
position: relative;
width: 100%;
/* height: 800px; */
}
.topbar-one__social {
display: flex;
align-items: center;
gap: 10px;
justify-content: end;
}
/* 主导航菜单 */
.main-menu {
background: #fff;
width: 100%;
}
.main-menu .container {
height: 100px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.main-menu .container .main-menu__right .layui-btn-primary:hover,
.sticky-nav .container .main-menu__right .layui-btn-primary:hover {
color: #3492ed;
}
.main-menu .container .main-menu__nav a {
color: #3492ed !important;
}
.main-menu .container .main-menu__nav a:hover {
color: #fff ;
}
.main-menu .container a:hover {
color: var(--bs-white);
}
#userDropdownMain a:hover {
color: #0d6efd !important;
}
.main-menu__logo {
display: flex;
align-items: center;
position: relative;
}
.main-menu__list {
display: flex;
justify-content: center;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.main-menu__list a {
color: #2c3e50;
font-size: 16px;
font-weight: 500;
text-decoration: none;
padding: 16px 10px;
border-radius: 6px;
transition: all 0.3s ease;
position: relative;
}
.main-menu__list a:hover {
color: #0081ff;
/* background-color: #3498db; */
/* box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); */
transform: translateY(-2px);
text-decoration: none;
}
.main-menu__list a::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background-color: #3498db;
transition: all 0.3s ease;
transform: translateX(-50%);
}
.main-menu__list a:hover::after {
width: 80%;
}
/* 固定导航 */
.sticky-nav {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
padding: 10px 0;
}
.sticky-nav .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.sticky-nav__logo {
display: flex;
align-items: center;
position: relative;
}
.sticky-nav__menu a {
color: #212529 !important;
}
.sticky-nav__menu a:hover {
color: #0081ff !important;
border-bottom: 3px solid #0081ff;
padding-bottom: 5px;
transition: all ease 0.2s;
}
.sticky-nav__menu ul {
display: flex;
justify-content: center;
gap: 30px;
margin: 0;
padding: 0;
list-style: none;
}
.sticky-nav__menu ul li a {
text-decoration: none;
font-size: 16px;
transition: color 0.3s;
}
/* 轮播动画 */
@keyframes slide {
0%,
33% {
transform: translateX(0);
}
34%,
66% {
transform: translateX(-33.33%);
}
67%,
100% {
transform: translateX(-66.66%);
}
}
/* 顶部栏 */
.topbar-one {
background: #3492ed;
}
.topbar-one .container {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.topbar-one .container a {
color: #fff;
}
.topbar-one .container .topbar-one__info {
display: flex;
align-items: center;
gap: 20px;
}
.topbar-one .container .topbar-one__info a {
color: #fff !important;
}
.topbar-one .container ul {
display: flex;
align-items: center;
margin: 10px 0;
padding: 0;
}
.topbar-one .container ul li {
margin-right: 10px;
}
/* 主要内容区 */
.main-content {
max-width: 1250px;
margin: 0 auto;
padding: 0 15px;
}
.core-block {
margin-top: 80px;
}
.module-header {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #efefef;
margin-bottom: 20px;
padding-bottom: 15px;
}
.ModuleTitle_titleWrapper {
display: flex;
}
.ModuleTitle_title {
margin-right: 24px;
font-size: 22px;
font-weight: 600;
color: #404040;
}
.tab-header {
display: flex;
align-items: center;
gap: 20px;
}
.tab-header .active {
color: #f57005;
}
.tab-content {
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.tab-content.active {
opacity: 1;
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: flex-start;
}
.tab-item {
cursor: pointer;
}
.product-item {
transition: transform 0.3s ease;
}
.product-item:hover {
transform: translateY(-5px);
transition: transform 0.5s ease;
}
.ModuleTitle_subtitle {
font-size: 16px;
color: #888;
}
.more-btn {
padding: 3px 15px;
font-size: 14px;
color: #7f848c;
line-height: 30px;
cursor: pointer;
}
.product-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: flex-start;
}
.product-item {
cursor: pointer;
}
.opencourse {
width: 280px;
height: 300px;
background: #fff;
box-shadow: 0 4px 30px 0 rgba(238, 242, 245, 0.8);
border-radius: 8px;
cursor: pointer;
transition: box-shadow 0.2s linear;
padding: 15px;
overflow: hidden;
}
.opencourse:hover .title {
color: #fa8919;
}
.video {
position: relative;
background: #eee;
border-radius: 8px;
overflow: hidden;
width: 250px;
height: 140px;
}
.video img {
width: 100%;
object-fit: cover;
}
.introduction {
margin: 12px 12px 0 10px;
}
.bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin: 16px 12px 0 10px;
}
.bottom .desc,
.bottom .author,
.bottom .views,
.publishdate {
font-weight: 400;
color: #b2b2b2;
font-size: 14px;
line-height: 20px;
}
.publishdate {
margin-top: 10px;
}
.bottom .btn {
display: flex;
justify-content: center;
align-items: center;
width: 92px;
height: 28px;
background: #fbf5ee;
border-radius: 14px;
font-weight: 500;
color: #fa8919;
cursor: pointer;
font-size: 14px;
line-height: 20px;
}
.introduction .title {
height: 50px;
font-size: 17px;
font-weight: 500;
color: #404040;
line-height: 25px;
transition: color 0.2s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.introduction .subtitle {
height: 45px;
margin-top: 4px;
font-size: 15px;
font-weight: 400;
color: #888;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.layui-layer-btn .layui-layer-btn1 {
background: #fff;
color: #212529 !important;
border: 1px solid #212529;
}
.program-content img,
.game-content img {
width: 100%;
margin: 20px auto;
}
.article-detail-container {
}
.article-detail-container .article-header .trans,
.program-detail-container .program-header .trans {
margin-bottom: 10px;
color: #aaa;
font-size: 12px;
}
.article-detail-container .article-content h1,
.article-detail-container .article-content h2,
.article-detail-container .article-content h3,
.article-detail-container .article-content h4,
.article-detail-container .article-content h5,
.program-detail-container .program-content h1,
.program-detail-container .program-content h2,
.program-detail-container .program-content h3,
.program-detail-container .program-content h4,
.program-detail-container .program-content h5 {
font-weight: 700;
margin-bottom: 20px;
}
.article-detail-container .article-content h1,
.program-detail-container .program-content h1 {
font-size: 2rem;
}
.article-detail-container .article-content h2,
.program-detail-container .program-content h2 {
font-size: 1.75rem;
}
.article-detail-container .article-content h3,
.program-detail-container .program-content h3 {
font-size: 1.45rem;
}
.article-detail-container .article-content h4,
.program-detail-container .program-content h4 {
font-size: 1.25rem;
}
.article-detail-container .article-content h5,
.program-detail-container .program-content h5 {
font-size: 1rem;
}
.article-detail-container .article-content video,
.program-detail-container .program-content video {
width: 100%;
margin: 10px auto;
}
.article-detail-container .article-content span,
.program-detail-container .program-content span {
margin: 0 5px;
padding: 2px 6px;
border-radius: 4px;
}
.article-detail-container .article-content pre,
.program-detail-container .program-content pre {
margin-bottom: 2.5rem;
}
.article-detail-container .article-content pre code,
.program-detail-container .program-content pre code {
white-space: pre-wrap;
word-wrap: break-word;
}
.article-detail-container .article-content hr,
.program-detail-container .program-content hr {
margin: 40px auto;
}
+733
View File
@@ -0,0 +1,733 @@
/**
* Swiper 8.4.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: January 30, 2023
*/
@font-face {
font-family: swiper-icons;
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-pointer-events {
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
+27
View File
@@ -0,0 +1,27 @@
:root,
:host {
--w-e-textarea-bg-color: #fff;
--w-e-textarea-color: #333;
--w-e-textarea-border-color: #ccc;
--w-e-textarea-slight-border-color: #e8e8e8;
--w-e-textarea-slight-color: #d4d4d4;
--w-e-textarea-slight-bg-color: #f5f2f0;
--w-e-textarea-selected-border-color: #B4D5FF;
--w-e-textarea-handler-bg-color: #4290f7;
--w-e-toolbar-color: #595959;
--w-e-toolbar-bg-color: #fff;
--w-e-toolbar-active-color: #333;
--w-e-toolbar-active-bg-color: #f1f1f1;
--w-e-toolbar-disabled-color: #999;
--w-e-toolbar-border-color: #e8e8e8;
--w-e-modal-button-bg-color: #fafafa;
--w-e-modal-button-border-color: #d9d9d9;
}
.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panLine truncated
.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}
.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}
.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}
.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}