first commit
This commit is contained in:
Vendored
+13866
File diff suppressed because it is too large
Load Diff
Vendored
+9
File diff suppressed because one or more lines are too long
@@ -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;
|
||||
}
|
||||
}
|
||||
Vendored
+195
@@ -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
|
||||
}
|
||||
@@ -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;}
|
||||
}
|
||||
@@ -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%;
|
||||
}
|
||||
@@ -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
@@ -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
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user