Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
jinli gu
Springboot Plus
Commits
f1c6182d
Commit
f1c6182d
authored
Nov 07, 2018
by
xiandafu
Browse files
2.0
parent
e6b2d791
Changes
38
Hide whitespace changes
Inline
Side-by-side
admin-console/src/main/resources/application.properties
View file @
f1c6182d
...
...
@@ -27,7 +27,7 @@ logging.level.org.springframework.web.servlet.mvc.method.annotation=warn
#logging.file = my.log
server.port
=
8080
#html视图交给beetl渲染
beetl.suffix
=
html
beetl.suffix
=
html
beetlsql.dataSource.dbStyle
=
org.beetl.sql.core.db.MySqlStyle
#beetlsql.basePackage=com.ibeetl,com.xxx.yourpackage
beetlsql.basePackage
=
com
...
...
@@ -38,10 +38,4 @@ spring.devtools.restart.exclude=templates/**
file.previewURL
=
http://localhost:8012/onlinePreview
#eureka-client
#是否开启eureka服务
eureka.client.enabled
=
false
spring.application.name
=
console-service
eureka.client.serviceUrl.defaultZone
=
http://localhost:8761/eureka/
admin-console/src/main/resources/static/js/admin/function/del.js
View file @
f1c6182d
layui
.
define
([
'
table
'
,
'
functionApi
'
,
'
treeGrid
'
],
function
(
exports
)
{
layui
.
define
([
'
table
'
,
'
functionApi
'
],
function
(
exports
)
{
var
functionApi
=
layui
.
functionApi
;
var
table
=
layui
.
table
;
var
treeGrid
=
layui
.
treeGrid
;
var
view
=
{
init
:
function
(){
},
delBatch
:
function
(){
var
data
=
Common
.
getMoreDataFromTable
(
t
reeGrid
,
"
functionTable
"
);
var
data
=
Common
.
getMoreDataFromTable
(
t
able
,
"
functionTable
"
);
if
(
data
==
null
){
return
;
}
...
...
admin-console/src/main/resources/static/js/admin/function/index.js
View file @
f1c6182d
layui
.
define
([
'
form
'
,
'
laydate
'
,
'
table
'
,
'
treeGrid
'
],
function
(
exports
)
{
var
form
=
layui
.
form
;
var
laydate
=
layui
.
laydate
;
var
table
=
layui
.
table
;
var
treeGrid
=
layui
.
treeGrid
;
var
functionTable
=
null
;
var
view
=
{
layui
.
define
([
'
form
'
,
'
laydate
'
,
'
table
'
],
function
(
exports
)
{
var
form
=
layui
.
form
;
var
laydate
=
layui
.
laydate
;
var
table
=
layui
.
table
;
var
functionTable
=
null
;
var
view
=
{
init
:
function
(){
this
.
initTable
();
this
.
initSearchForm
();
this
.
initToolBar
();
window
.
dataReload
=
function
(){
Lib
.
doSearchForm
(
$
(
"
#functionSearchForm
"
),
functionTable
)
}
},
initTable
:
function
(){
functionTable
=
table
.
render
({
elem
:
'
#functionTable
'
,
height
:
'
full-280
'
,
method
:
'
post
'
,
url
:
Common
.
ctxPath
+
'
/admin/function/list.json
'
//数据接口
,
page
:
{
"
layout
"
:[
'
count
'
,
'
prev
'
,
'
page
'
,
'
next
'
]}
//开启分页
,
limit
:
10
,
cols
:
[
[
//表头
{
type
:
'
checkbox
'
,
fixed
:
'
left
'
,
},
{
field
:
'
id
'
,
title
:
'
id
'
,
width
:
80
,
fixed
:
'
left
'
,
sort
:
true
},
{
field
:
'
code
'
,
title
:
'
功能代码
'
,
width
:
150
},
{
field
:
'
name
'
,
title
:
'
功能名称
'
,
width
:
150
,
sort
:
true
},
{
field
:
'
accessUrl
'
,
title
:
'
访问地址
'
,
width
:
300
,
sort
:
true
},
{
field
:
'
parentFunctionText
'
,
title
:
'
上一级功能
'
,
width
:
120
,
sort
:
true
},{
field
:
'
typeText
'
,
title
:
'
功能类型
'
,
width
:
120
,
sort
:
true
},
{
field
:
'
createTime
'
,
title
:
'
创建时间
'
,
width
:
120
,
templet
:
function
(
d
){
return
Common
.
getDate
(
d
.
createTime
);
},
sort
:
true
}
init
:
function
()
{
this
.
initTable
();
this
.
initSearchForm
();
this
.
initToolBar
();
window
.
dataReload
=
function
()
{
Lib
.
doSearchForm
(
$
(
"
#functionSearchForm
"
),
functionTable
)
}
]
]
});
},
initSearchForm
:
function
(){
Lib
.
initSearchForm
(
$
(
"
#functionSearchForm
"
),
functionTable
,
form
);
},
initToolBar
:
function
(){
toolbar
=
{
add
:
function
()
{
//获取选中数据
var
url
=
"
/admin/function/add.do
"
;
Common
.
openDlg
(
url
,
"
功能点管理>新增
"
);
},
edit
:
function
()
{
//获取选中数目
var
data
=
Common
.
getOneFromTable
(
table
,
"
functionTable
"
);
if
(
data
==
null
){
return
;
}
var
url
=
"
/admin/function/edit.do?id=
"
+
data
.
id
;
Common
.
openDlg
(
url
,
"
功能点管理>编辑
"
);
},
del
:
function
()
{
layui
.
use
([
'
del
'
],
function
(){
var
delView
=
layui
.
del
delView
.
delBatch
();
});
}
};
$
(
'
.ext-toolbar
'
).
on
(
'
click
'
,
function
()
{
var
type
=
$
(
this
).
data
(
'
type
'
);
toolbar
[
type
]
?
toolbar
[
type
].
call
(
this
)
:
''
;
});
}
}
},
initTable
:
function
()
{
functionTable
=
treeGrid
.
render
({
elem
:
'
#functionTable
'
,
height
:
Lib
.
getTableHeight
(
4
),
url
:
Common
.
ctxPath
+
'
/admin/function/list.json
'
,
method
:
'
post
'
,
treeId
:
'
id
'
,
//树形id字段名称
treeUpId
:
'
parentId
'
,
//树形父id字段名称
treeShowName
:
'
name
'
,
//以树形式显示的字段
cols
:
[[
//表头
{
type
:
'
numbers
'
,
title
:
'
序号
'
},
{
type
:
'
checkbox
'
,
// fixed: 'left'
},
{
field
:
'
name
'
,
title
:
'
功能名称
'
,
width
:
150
},
{
field
:
'
typeText
'
,
title
:
'
功能类型
'
,
width
:
120
,
align
:
'
center
'
},
{
field
:
'
createTime
'
,
title
:
'
创建时间
'
,
width
:
120
,
align
:
'
center
'
,
templet
:
function
(
d
)
{
return
Common
.
getDate
(
d
.
createTime
);
}
},
{
field
:
'
id
'
,
title
:
'
id
'
,
align
:
'
center
'
,
width
:
80
}
]],
done
:
function
(
res
,
curr
,
count
)
{
$
(
"
[data-field='id']
"
).
css
(
'
display
'
,
'
none
'
);
},
page
:
false
});
// functionTable = table.render({
// elem : '#functionTable',
// height : 'full-280',
// method : 'post',
// url : Common.ctxPath + '/admin/function/list.json' //数据接口
// ,page : {"layout":['count','prev', 'page', 'next']} //开启分页
// ,limit : 10,
// cols : [ [ //表头
// {
// type : 'checkbox',
// fixed:'left',
// },
// {
// field : 'id',
// title : 'id',
// width : 80,
// fixed:'left',
// sort : true
// }, {
// field : 'code',
// title : '功能代码',
// width : 150
// }, {
// field : 'name',
// title : '功能名称',
// width : 150,
// sort : true
// }, {
// field : 'accessUrl',
// title : '访问地址',
// width : 300,
// sort : true
// }, {
// field : 'parentFunctionText',
// title : '上一级功能',
// width : 120,
// sort : true
// },{
// field : 'typeText',
// title : '功能类型',
// width : 120,
// sort : true
// },
// {
// field : 'createTime',
// title : '创建时间',
// width : 120,
// templet:function(d){
// return Common.getDate(d.createTime);
// },
// sort : true
// }
//
// ] ]
//
// });
},
initSearchForm
:
function
()
{
Lib
.
initSearchForm
(
$
(
"
#functionSearchForm
"
),
functionTable
,
form
);
},
initToolBar
:
function
()
{
toolbar
=
{
add
:
function
()
{
//获取选中数据
var
url
=
"
/admin/function/add.do
"
;
Common
.
openDlg
(
url
,
"
功能点管理>新增
"
);
},
edit
:
function
()
{
//获取选中数目
var
data
=
Common
.
getOneFromTable
(
treeGrid
,
"
functionTable
"
);
if
(
data
==
null
)
{
return
;
}
var
url
=
"
/admin/function/edit.do?id=
"
+
data
.
id
;
Common
.
openDlg
(
url
,
"
功能点管理>编辑
"
);
},
del
:
function
()
{
layui
.
use
([
'
del
'
],
function
()
{
var
delView
=
layui
.
del
;
delView
.
delBatch
();
});
}
};
$
(
'
.ext-toolbar
'
).
on
(
'
click
'
,
function
()
{
var
type
=
$
(
this
).
data
(
'
type
'
);
toolbar
[
type
]
?
toolbar
[
type
].
call
(
this
)
:
''
;
});
}
};
exports
(
'
index
'
,
view
);
exports
(
'
index
'
,
view
);
});
\ No newline at end of file
admin-console/src/main/resources/static/js/admin/menu/del.js
View file @
f1c6182d
layui
.
define
([
'
table
'
,
'
menuApi
'
,
'
treeGrid
'
],
function
(
exports
)
{
layui
.
define
([
'
table
'
,
'
menuApi
'
],
function
(
exports
)
{
var
menuApi
=
layui
.
menuApi
;
var
table
=
layui
.
table
;
var
treeGrid
=
layui
.
treeGrid
;
var
view
=
{
init
:
function
(){
},
delBatch
:
function
(){
var
data
=
Common
.
getMoreDataFromTable
(
t
reeGrid
,
"
menuTable
"
);
var
data
=
Common
.
getMoreDataFromTable
(
t
able
,
"
menuTable
"
);
if
(
data
==
null
){
return
;
}
...
...
admin-console/src/main/resources/static/js/admin/menu/index.js
View file @
f1c6182d
layui
.
define
([
'
form
'
,
'
laydate
'
,
'
treeGrid
'
],
function
(
exports
)
{
var
form
=
layui
.
form
;
var
laydate
=
layui
.
laydate
;
// var table = layui.table;
var
treeGrid
=
layui
.
treeGrid
;
var
menuTable
=
null
;
var
view
=
{
layui
.
define
([
'
form
'
,
'
laydate
'
,
'
table
'
],
function
(
exports
)
{
var
form
=
layui
.
form
;
var
laydate
=
layui
.
laydate
;
var
table
=
layui
.
table
;
var
menuTable
=
null
;
var
view
=
{
init
:
function
(){
this
.
initTable
();
this
.
initSearchForm
();
this
.
initToolBar
();
window
.
dataReload
=
function
(){
Lib
.
doSearchForm
(
$
(
"
#menuSearchForm
"
),
menuTable
)
}
},
initTable
:
function
(){
menuTable
=
table
.
render
({
elem
:
'
#menuTable
'
,
height
:
'
full-280
'
,
method
:
'
post
'
,
url
:
Common
.
ctxPath
+
'
/admin/menu/list.json
'
//数据接口
,
page
:
{
"
layout
"
:[
'
count
'
,
'
prev
'
,
'
page
'
,
'
next
'
]}
//开启分页
,
limit
:
10
,
cols
:
[
[
//表头
{
type
:
'
checkbox
'
,
fixed
:
'
left
'
,
},
{
field
:
'
id
'
,
title
:
'
id
'
,
width
:
80
,
fixed
:
'
left
'
,
sort
:
true
},
{
field
:
'
code
'
,
title
:
'
菜单代码
'
,
width
:
120
},
{
field
:
'
name
'
,
title
:
'
菜单名称
'
,
width
:
120
,
sort
:
true
},
{
field
:
'
accessUrl
'
,
title
:
'
菜单入口地址
'
,
width
:
250
,
sort
:
true
}
,
{
field
:
'
icon
'
,
title
:
'
图标
'
,
width
:
80
},{
field
:
'
seq
'
,
title
:
'
排序
'
,
width
:
80
,
sort
:
true
},{
field
:
'
parentMenuName
'
,
title
:
'
上一级菜单
'
,
width
:
120
,
sort
:
true
},{
field
:
'
typeText
'
,
title
:
'
菜单类型
'
,
width
:
100
,
sort
:
true
},
{
field
:
'
createTime
'
,
title
:
'
创建时间
'
,
width
:
120
,
templet
:
function
(
d
){
return
Common
.
getDate
(
d
.
createTime
);
},
sort
:
true
}
init
:
function
()
{
this
.
initTable
();
this
.
initSearchForm
();
this
.
initToolBar
();
window
.
dataReload
=
function
()
{
Lib
.
doSearchForm
(
$
(
"
#menuSearchForm
"
),
menuTable
)
}
]
]
});
},
initSearchForm
:
function
(){
Lib
.
initSearchForm
(
$
(
"
#menuSearchForm
"
),
menuTable
,
form
);
},
initToolBar
:
function
(){
toolbar
=
{
add
:
function
()
{
//获取选中数据
var
url
=
"
/admin/menu/add.do
"
;
Common
.
openDlg
(
url
,
"
菜单管理>新增
"
);
},
edit
:
function
()
{
//获取选中数目
var
data
=
Common
.
getOneFromTable
(
table
,
"
menuTable
"
);
if
(
data
==
null
){
return
;
}
var
url
=
"
/admin/menu/edit.do?id=
"
+
data
.
id
;
Common
.
openDlg
(
url
,
"
菜单管理>编辑
"
);
},
del
:
function
()
{
layui
.
use
([
'
del
'
],
function
(){
var
delView
=
layui
.
del
delView
.
delBatch
();
});
}
};
$
(
'
.ext-toolbar
'
).
on
(
'
click
'
,
function
()
{
var
type
=
$
(
this
).
data
(
'
type
'
);
toolbar
[
type
]
?
toolbar
[
type
].
call
(
this
)
:
''
;
});
}
}
},
initTable
:
function
()
{
menuTable
=
treeGrid
.
render
({
elem
:
'
#menuTable
'
,
height
:
Lib
.
getTableHeight
(
4
),
url
:
Common
.
ctxPath
+
'
/admin/menu/list.json
'
,
method
:
'
post
'
,
cellMinWidth
:
100
,
treeId
:
'
id
'
,
//树形id字段名称
treeUpId
:
'
parentMenuId
'
,
//树形父id字段名称
treeShowName
:
'
name
'
,
//以树形式显示的字段
cols
:
[[
//表头
// {type: 'numbers', title: '序号', fixed: 'left'},
{
type
:
'
numbers
'
,
title
:
'
序号
'
},
{
type
:
'
checkbox
'
,
// fixed: 'left'
},
{
field
:
'
name
'
,
title
:
'
菜单名称
'
,
width
:
200
},
{
field
:
'
typeText
'
,
title
:
'
菜单类型
'
,
width
:
100
,
align
:
'
center
'
},
{
field
:
'
createTime
'
,
title
:
'
创建时间
'
,
width
:
120
,
align
:
'
center
'
,
templet
:
function
(
d
)
{
return
Common
.
getDate
(
d
.
createTime
);
}
},
{
field
:
'
id
'
,
title
:
'
id
'
,
width
:
80
,
align
:
'
center
'
}
]],
done
:
function
(
res
,
curr
,
count
)
{
$
(
"
[data-field='id']
"
).
css
(
'
display
'
,
'
none
'
);
},
page
:
false
});
// menuTable = table.render({
// elem : '#menuTable',
// height : 'full-280',
// method : 'post',
// url : Common.ctxPath + '/admin/menu/list.json' //数据接口
// ,page : {"layout":['count','prev', 'page', 'next']} //开启分页
// ,limit : 10,
// cols : [ [ //表头
// {
// type : 'checkbox',
// fixed:'left',
// },
// {
// field : 'id',
// title : 'id',
// width : 80,
// fixed:'left',
// sort : true
// }, {
// field : 'code',
// title : '菜单代码',
// width : 120
// }, {
// field : 'name',
// title : '菜单名称',
// width : 120,
// sort : true
// }, {
// field : 'accessUrl',
// title : '菜单入口地址',
// width : 250,
// sort : true
// } , {
// field : 'icon',
// title : '图标',
// width : 80
// },{
// field : 'seq',
// title : '排序',
// width : 80,
// sort : true
// },{
// field : 'parentMenuName',
// title : '上一级菜单',
// width : 120,
// sort : true
// },{
// field : 'typeText',
// title : '菜单类型',
// width : 100,
// sort : true
// },
// {
// field : 'createTime',
// title : '创建时间',
// width : 120,
// templet:function(d){
// return Common.getDate(d.createTime);
// },
// sort : true
// }
//
// ] ]
//
// });
},
initSearchForm
:
function
()
{
Lib
.
initSearchForm
(
$
(
"
#menuSearchForm
"
),
menuTable
,
form
);
},
initToolBar
:
function
()
{
toolbar
=
{
add
:
function
()
{
//获取选中数据
var
url
=
"
/admin/menu/add.do
"
;
Common
.
openDlg
(
url
,
"
菜单管理>新增
"
);
},
edit
:
function
()
{
//获取选中数目
var
data
=
Common
.
getOneFromTable
(
treeGrid
,
"
menuTable
"
);
if
(
data
==
null
)
{
return
;
}
var
url
=
"
/admin/menu/edit.do?id=
"
+
data
.
id
;
Common
.
openDlg
(
url
,
"
菜单管理>编辑
"
);
},
del
:
function
()
{
layui
.
use
([
'
del
'
],
function
()
{
var
delView
=
layui
.
del
;
delView
.
delBatch
();
});
}
};
$
(
'
.ext-toolbar
'
).
on
(
'
click
'
,
function
()
{
var
type
=
$
(
this
).
data
(
'
type
'
);
toolbar
[
type
]
?
toolbar
[
type
].
call
(
this
)
:
''
;
});
}
};
exports
(
'
index
'
,
view
);
exports
(
'
index
'
,
view
);
});
\ No newline at end of file
admin-console/src/main/resources/static/js/admin/org/del.js
View file @
f1c6182d
layui
.
define
([
'
table
'
,
'
orgApi
'
,
'
treeGrid
'
],
function
(
exports
)
{
layui
.
define
([
'
table
'
,
'
orgApi
'
],
function
(
exports
)
{
var
orgApi
=
layui
.
orgApi
;
var
table
=
layui
.
table
;
var
treeGrid
=
layui
.
treeGrid
;
var
view
=
{
init
:
function
(){
},
delBatch
:
function
(){
var
data
=
Common
.
getMoreDataFromTable
(
t
reeGrid
,
"
orgTable
"
);
var
data
=
Common
.
getMoreDataFromTable
(
t
able
,
"
orgTable
"
);
if
(
data
==
null
){
return
;
}
...
...
admin-console/src/main/resources/static/js/admin/org/index.js
View file @
f1c6182d
layui
.
define
([
'
form
'
,
'
laydate
'
,
'
table
'
,
'
treeGrid
'
],
function
(
exports
)
{
var
form
=
layui
.
form
;
var
laydate
=
layui
.
laydate
;
// var table = layui.table;
var
treeGrid
=
layui
.
treeGrid
;
var
userTable
=
null
;
var
view
=
{
init
:
function
()
{
this
.
initTable
();
this
.
initSearchForm
();
this
.
initToolBar
();
window
.
dataReload
=
function
()
{
Lib
.
doSearchForm
(
$
(
"
#orgSearchForm
"
),
userTable
)
}
},
initTable
:
function
()
{
userTable
=
treeGrid
.
render
({
elem
:
'
#orgTable
'
,
height
:
Lib
.
getTableHeight
(
4
),
url
:
Common
.
ctxPath
+
'
/admin/org/list.json
'
,
method
:
'
post
'
,
cellMinWidth
:
100
,
treeId
:
'
id
'
,
//树形id字段名称
treeUpId
:
'
parentOrgId
'
,
//树形父id字段名称
treeShowName
:
'
name
'
,
//以树形式显示的字段
cols
:
[[
//表头
// {type: 'numbers', title: '序号', fixed: 'left'},
{
type
:
'
numbers
'
,
title
:
'
序号
'
},
{
type
:
'
checkbox
'
,
// fixed: 'left'
// fixed: 'left'
},
{
field
:
'
name
'
,
title
:
'
机构名称
'
,
width
:
500
},
{
field
:
'
typeText
'
,
title
:
'
机构类型
'
,
width
:
120
,
align
:
'
center
'
},
{
field
:
'
createTime
'
,
title
:
'
创建时间
'
,
width
:
120
,
align
:
'
center
'
,
templet
:
function
(
d
)
{
return
Common
.
getDate
(
d
.
createTime
);
}
},
{
field
:
'
id
'
,
title
:
'
id
'
,
width
:
50
,
align
:
'
center
'
}
]],
done
:
function
(
res
,
curr
,
count
)
{
$
(
"
[data-field='id']
"
).
css
(
'
display
'
,
'
none
'
);
},
page
:
false
});
},
initSearchForm
:
function
()
{
Lib
.
initSearchForm
(
$
(
"
#orgSearchForm
"
),
userTable
,
form
);
},
initToolBar
:
function
()
{
toolbar
=
{
add
:
function
()
{
//获取选中数据
var
url
=
"
/admin/org/add.do
"
;
Common
.
openDlg
(
url
,
"
用户管理>新增
"
);
},
edit
:
function
()
{
//获取选中数目
var
data
=
Common
.
getOneFromTable
(
treeGrid
,
"
orgTable
"
);
if
(
data
==
null
)
{
return
;
}
var
url
=
"
/admin/org/edit.do?id=
"
+
data
.
id
;
Common
.
openDlg
(
url
,
"
用户管理>编辑
"
);
},
del
:
function
()
{
layui
.
use
([
'
del
'
],
function
()
{
var
delView
=
layui
.
del
;
delView
.
delBatch
();
});
},
orgUser
:
function
()
{
var
data
=
Common
.
getOneFromTable
(
treeGrid
,
"
orgTable
"
);
if
(
data
==
null
)
{
return
;
}
var
url
=
"
/admin/org/user/list.do?orgId=
"
+
data
.
id
;
Common
.
openDlg
(
url
,
"
组织管理>用户列表
"
);
}
};
$
(
'
.ext-toolbar
'
).
on
(
'
click
'
,
function
()
{
var
type
=
$
(
this
).
data
(
'
type
'
);
toolbar
[
type
]
?
toolbar
[
type
].
call
(
this
)
:
''
;
});
}
};
exports
(
'
index
'
,
view
);
layui
.
define
([
'
form
'
,
'
laydate
'
,
'
table
'
],
function
(
exports
)
{
var
form
=
layui
.
form
;
var
laydate
=
layui
.
laydate
;
var
table
=
layui
.
table
;
var
userTable
=
null
;
var
view
=
{
init
:
function
(){
this
.
initTable
();
this
.
initSearchForm
();
this
.
initToolBar
();
window
.
dataReload
=
function
(){
Lib
.
doSearchForm
(
$
(
"
#orgSearchForm
"
),
userTable
)
}
},
initTable
:
function
(){
userTable
=
table
.
render
({
elem
:
'
#orgTable
'
,
height
:
Lib
.
getTableHeight
(
2
),
method
:
'
post
'
,
url
:
Common
.
ctxPath
+
'
/admin/org/list.json
'
//数据接口
,
page
:
{
"
layout
"
:[
'
count
'
,
'
prev
'
,
'
page
'
,
'
next
'
]}
//开启分页
,
limit
:
10
,
cols
:
[
[
//表头
{
type
:
'
checkbox
'
,
fixed
:
'
left
'
,
},
{
field
:
'
id
'
,
title
:
'
id
'
,
width
:
80
,
fixed
:
'
left
'
,
sort
:
true
},
{
field
:
'
code
'
,
title
:
'
机构代码
'
,
width
:
150
},
{
field
:
'
name
'
,
title
:
'
机构名称
'
,
width
:
120
,
sort
:
true
},
{
field
:
'
parentOrgText
'
,
title
:
'
上一级机构
'
,
width
:
150
,
sort
:
true
},
{
field
:
'
typeText
'
,
title
:
'
机构类型
'
,
width
:
120
,
sort
:
true
},
{
field
:
'
createTime
'
,
title
:
'
创建时间
'
,
width
:
120
,
templet
:
function
(
d
){
return
Common
.
getDate
(
d
.
createTime
);
},
sort
:
true
}
]
]
});
},
initSearchForm
:
function
(){
Lib
.
initSearchForm
(
$
(
"
#orgSearchForm
"
),
userTable
,
form
);
},
initToolBar
:
function
(){
toolbar
=
{
add
:
function
()
{
//获取选中数据
var
url
=
"
/admin/org/add.do
"
;
Common
.
openDlg
(
url
,
"
用户管理>新增
"
);
},
edit
:
function
()
{
//获取选中数目
var
data
=
Common
.
getOneFromTable
(
table
,
"
orgTable
"
);
if
(
data
==
null
){
return
;
}
var
url
=
"
/admin/org/edit.do?id=
"
+
data
.
id
;
Common
.
openDlg
(
url
,
"
用户管理>编辑
"
);
},
del
:
function
()
{
layui
.
use
([
'
del
'
],
function
(){
var
delView
=
layui
.
del
delView
.
delBatch
();
});
},
orgUser
:
function
()
{
var
data
=
Common
.
getOneFromTable
(
table
,
"
orgTable
"
);
if
(
data
==
null
){
return
;
}
var
url
=
"
/admin/org/user/list.do?orgId=
"
+
data
.
id
;
Common
.
openDlg
(
url
,
"
组织管理>用户列表
"
);
}
};
$
(
'
.ext-toolbar
'
).
on
(
'
click
'
,
function
()
{
var
type
=
$
(
this
).
data
(
'
type
'
);
toolbar
[
type
]
?
toolbar
[
type
].
call
(
this
)
:
''
;
});
}
}
exports
(
'
index
'
,
view
);
});
\ No newline at end of file
admin-core/src/main/resources/static/plugins/frame/js/fsTab.js
View file @
f1c6182d
...
...
@@ -15,6 +15,8 @@ layui.define(['element'], function(exports){
}
};
FsTab
.
prototype
.
render
=
function
(
options
){
var
thisTab
=
this
;
$
.
extend
(
true
,
thisTab
.
config
,
options
);
...
...
@@ -22,9 +24,11 @@ layui.define(['element'], function(exports){
thisTab
.
bindDeleteFilter
();
thisTab
.
bindTabFilter
();
//绑定左边菜单点击。
element
.
on
(
'
nav(
'
+
thisTab
.
config
.
leftMenuFilter
+
'
)
'
,
function
(
elem
){
elem
=
$
(
elem
).
parent
();
var
layId
=
$
(
elem
).
attr
(
"
lay-id
"
);
if
(
$
.
isEmpty
(
layId
)){
layId
=
$
.
uuid
();
...
...
@@ -55,6 +59,7 @@ layui.define(['element'], function(exports){
* 新增
*/
FsTab
.
prototype
.
add
=
function
(
title
,
dataUrl
,
layId
)
{
element
.
tabAdd
(
this
.
config
.
tabFilter
,
{
title
:
title
,
content
:
'
<iframe src="
'
+
dataUrl
+
'
"></iframe>
'
//支持传入html
...
...
admin-core/src/main/resources/static/plugins/frame/js/main.js
View file @
f1c6182d
...
...
@@ -102,6 +102,7 @@ layui.use(['layer','fsTab',"element","form"], function(){
//菜单绑定
$
(
"
.fsSwitchMenu
"
).
on
(
"
click
"
,
function
(){
if
(
$
(
this
).
find
(
"
i.icon-category
"
).
length
>
0
){
$
(
this
).
find
(
"
i
"
).
removeClass
(
"
icon-category
"
).
addClass
(
"
icon-viewgallery
"
);
}
else
{
...
...
admin-core/src/main/resources/static/plugins/layui/css/layui.css
View file @
f1c6182d
/** layui-v2.2.5 MIT License By https://www.layui.com */
.layui-inline
,
img
{
display
:
inline-block
;
vertical-align
:
middle
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
400
}
.layui-edge
,
.layui-header
,
.layui-inline
,
.layui-main
{
position
:
relative
}
.layui-btn
,
.layui-edge
,
.layui-inline
,
img
{
vertical-align
:
middle
}
.layui-btn
,
.layui-disabled
,
.layui-icon
,
.layui-unselect
{
-webkit-user-select
:
none
;
-ms-user-select
:
none
;
-moz-user-select
:
none
}
blockquote
,
body
,
button
,
dd
,
div
,
dl
,
dt
,
form
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
input
,
li
,
ol
,
p
,
pre
,
td
,
textarea
,
th
,
ul
{
margin
:
0
;
padding
:
0
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
a
:active
,
a
:hover
{
outline
:
0
}
img
{
border
:
none
}
li
{
list-style
:
none
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
h4
,
h5
,
h6
{
font-size
:
100%
}
button
,
input
,
optgroup
,
option
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
inherit
;
font-style
:
inherit
;
font-weight
:
inherit
;
outline
:
0
}
pre
{
white-space
:
pre-wrap
;
white-space
:
-moz-pre-wrap
;
white-space
:
-pre-wrap
;
white-space
:
-o-pre-wrap
;
word-wrap
:
break-word
}
body
{
line-height
:
24px
;
font
:
14px
Helvetica
Neue
,
Helvetica
,
PingFang
SC
,
\
5
FAE
\
8
F6F
\
96
C5
\
9
ED1
,
Tahoma
,
Arial
,
sans-serif
}
hr
{
height
:
1px
;
margin
:
10px
0
;
border
:
0
;
clear
:
both
}
a
{
color
:
#333
;
text-decoration
:
none
}
a
:hover
{
color
:
#777
}
a
cite
{
font-style
:
normal
;
*
cursor
:
pointer
}
.layui-border-box
,
.layui-border-box
*
{
box-sizing
:
border-box
}
.layui-box
,
.layui-box
*
{
box-sizing
:
content-box
}
.layui-clear
{
clear
:
both
;
*
zoom
:
1
}
.layui-clear
:after
{
content
:
'\20'
;
clear
:
both
;
*
zoom
:
1
;
display
:
block
;
height
:
0
}
.layui-inline
{
*
display
:
inline
;
*
zoom
:
1
}
.layui-edge
{
display
:
inline-block
;
width
:
0
;
height
:
0
;
border-width
:
6px
;
border-style
:
dashed
;
border-color
:
transparent
;
overflow
:
hidden
}
.layui-edge-top
{
top
:
-4px
;
border-bottom-color
:
#999
;
border-bottom-style
:
solid
}
.layui-edge-right
{
border-left-color
:
#999
;
border-left-style
:
solid
}
.layui-edge-bottom
{
top
:
2px
;
border-top-color
:
#999
;
border-top-style
:
solid
}
.layui-edge-left
{
border-right-color
:
#999
;
border-right-style
:
solid
}
.layui-elip
{
text-overflow
:
ellipsis
;
overflow
:
hidden
;
white-space
:
nowrap
}
.layui-disabled
,
.layui-disabled
:hover
{
color
:
#d2d2d2
!important
;
cursor
:
not-allowed
!important
}
.layui-circle
{
border-radius
:
100%
}
.layui-show
{
display
:
block
!important
}
.layui-hide
{
display
:
none
!important
}
@font-face
{
font-family
:
layui-icon
;
src
:
url(../font/iconfont.eot?v=220)
;
src
:
url(../font/iconfont.eot?v=220#iefix)
format
(
'embedded-opentype'
),
url(../font/iconfont.svg?v=220#iconfont)
format
(
'svg'
),
url(../font/iconfont.woff?v=220)
format
(
'woff'
),
url(../font/iconfont.ttf?v=220)
format
(
'truetype'
)}
.layui-icon
{
font-family
:
layui-icon
!important
;
font-size
:
16px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.layui-icon-duihua
:before
{
content
:
"\e611"
}
.layui-icon-shezhi
:before
{
content
:
"\e614"
}
.layui-icon-yinshenim
:before
{
content
:
"\e60f"
}
.layui-icon-search
:before
{
content
:
"\e615"
}
.layui-icon-fenxiang1
:before
{
content
:
"\e641"
}
.layui-icon-shezhi1
:before
{
content
:
"\e620"
}
.layui-icon-yinqing
:before
{
content
:
"\e628"
}
.layui-icon-yuejuancuohao
:before
{
content
:
"\1006"
}
.layui-icon-cuo
:before
{
content
:
"\1007"
}
.layui-icon-baobiao
:before
{
content
:
"\e629"
}
.layui-icon-star
:before
{
content
:
"\e600"
}
.layui-icon-yuandian
:before
{
content
:
"\e617"
}
.layui-icon-chat
:before
{
content
:
"\e606"
}
.layui-icon-logo
:before
{
content
:
"\e609"
}
.layui-icon-list
:before
{
content
:
"\e60a"
}
.layui-icon-tubiao
:before
{
content
:
"\e62c"
}
.layui-icon-right
:before
{
content
:
"\1005"
}
.layui-icon-huanfu2
:before
{
content
:
"\e61b"
}
.layui-icon-On-line
:before
{
content
:
"\e610"
}
.layui-icon-biaoge
:before
{
content
:
"\e62d"
}
.layui-icon-youyou
:before
{
content
:
"\e602"
}
.layui-icon-zuozuo
:before
{
content
:
"\e603"
}
.layui-icon-cart-simple
:before
{
content
:
"\e698"
}
.layui-icon-cry
:before
{
content
:
"\e69c"
}
.layui-icon-smile
:before
{
content
:
"\e6af"
}
.layui-icon-survey
:before
{
content
:
"\e6b2"
}
.layui-icon-tree
:before
{
content
:
"\e62e"
}
.layui-icon-iconfont17
:before
{
content
:
"\e62f"
}
.layui-icon-tianjia
:before
{
content
:
"\e61f"
}
.layui-icon-xiazai
:before
{
content
:
"\e601"
}
.layui-icon-xuanzemoban48
:before
{
content
:
"\e630"
}
.layui-icon-gongju
:before
{
content
:
"\e631"
}
.layui-icon-face-surprised
:before
{
content
:
"\e664"
}
.layui-icon-bianji
:before
{
content
:
"\e642"
}
.layui-icon-speaker
:before
{
content
:
"\e645"
}
.layui-icon-xiangxia
:before
{
content
:
"\e61a"
}
.layui-icon-wenjian
:before
{
content
:
"\e621"
}
.layui-icon-layouts
:before
{
content
:
"\e632"
}
.layui-icon-duigou
:before
{
content
:
"\e618"
}
.layui-icon-tianjia1
:before
{
content
:
"\e608"
}
.layui-icon-yaoyaozhibofanye
:before
{
content
:
"\e633"
}
.layui-icon-read
:before
{
content
:
"\e705"
}
.layui-icon-404
:before
{
content
:
"\e61c"
}
.layui-icon-lunbozutu
:before
{
content
:
"\e634"
}
.layui-icon-help
:before
{
content
:
"\e607"
}
.layui-icon-daima1
:before
{
content
:
"\e635"
}
.layui-icon-jinshui
:before
{
content
:
"\e636"
}
.layui-icon-find-fill
:before
{
content
:
"\e670"
}
.layui-icon-about
:before
{
content
:
"\e60b"
}
.layui-icon-location
:before
{
content
:
"\e715"
}
.layui-icon-xiangshang
:before
{
content
:
"\e619"
}
.layui-icon-pause
:before
{
content
:
"\e651"
}
.layui-icon-riqi
:before
{
content
:
"\e637"
}
.layui-icon-uploadfile
:before
{
content
:
"\e61d"
}
.layui-icon-delete
:before
{
content
:
"\e640"
}
.layui-icon-play
:before
{
content
:
"\e652"
}
.layui-icon-top
:before
{
content
:
"\e604"
}
.layui-icon-haoyouqingqiu
:before
{
content
:
"\e612"
}
.layui-icon-weibiaoti1
:before
{
content
:
"\e605"
}
.layui-icon-chuangkou
:before
{
content
:
"\e638"
}
.layui-icon-comiisbiaoqing
:before
{
content
:
"\e60c"
}
.layui-icon-zhengque
:before
{
content
:
"\e616"
}
.layui-icon-dollar
:before
{
content
:
"\e659"
}
.layui-icon-iconfontwodehaoyou
:before
{
content
:
"\e613"
}
.layui-icon-wenjianxiazai
:before
{
content
:
"\e61e"
}
.layui-icon-tupian
:before
{
content
:
"\e60d"
}
.layui-icon-lianjie
:before
{
content
:
"\e64c"
}
.layui-icon-diamond
:before
{
content
:
"\e735"
}
.layui-icon-jilu
:before
{
content
:
"\e60e"
}
.layui-icon-liucheng
:before
{
content
:
"\e622"
}
.layui-icon-fontstrikethrough
:before
{
content
:
"\e64f"
}
.layui-icon-unlink
:before
{
content
:
"\e64d"
}
.layui-icon-bianjiwenzi
:before
{
content
:
"\e639"
}
.layui-icon-sanjiao
:before
{
content
:
"\e623"
}
.layui-icon-danxuankuanghouxuan
:before
{
content
:
"\e63f"
}
.layui-icon-danxuankuangxuanzhong
:before
{
content
:
"\e643"
}
.layui-icon-juzhongduiqi
:before
{
content
:
"\e647"
}
.layui-icon-youduiqi
:before
{
content
:
"\e648"
}
.layui-icon-zuoduiqi
:before
{
content
:
"\e649"
}
.layui-icon-gongsisvgtubiaozongji22
:before
{
content
:
"\e626"
}
.layui-icon-gongsisvgtubiaozongji23
:before
{
content
:
"\e627"
}
.layui-icon-refresh-2
:before
{
content
:
"\1002"
}
.layui-icon-loading-1
:before
{
content
:
"\e63e"
}
.layui-icon-return
:before
{
content
:
"\e65c"
}
.layui-icon-jiacu
:before
{
content
:
"\e62b"
}
.layui-icon-uploading
:before
{
content
:
"\e67c"
}
.layui-icon-liaotianduihuaimgoutong
:before
{
content
:
"\e63a"
}
.layui-icon-video
:before
{
content
:
"\e6ed"
}
.layui-icon-headset
:before
{
content
:
"\e6fc"
}
.layui-icon-wenjianjiafan
:before
{
content
:
"\e624"
}
.layui-icon-shouji
:before
{
content
:
"\e63b"
}
.layui-icon-tianjia2
:before
{
content
:
"\e654"
}
.layui-icon-wenjianjia
:before
{
content
:
"\e7a0"
}
.layui-icon-biaoqing
:before
{
content
:
"\e650"
}
.layui-icon-html
:before
{
content
:
"\e64b"
}
.layui-icon-biaodan
:before
{
content
:
"\e63c"
}
.layui-icon-cart
:before
{
content
:
"\e657"
}
.layui-icon-camera-fill
:before
{
content
:
"\e65d"
}
.layui-icon-25
:before
{
content
:
"\e62a"
}
.layui-icon-emwdaima
:before
{
content
:
"\e64e"
}
.layui-icon-fire
:before
{
content
:
"\e756"
}
.layui-icon-set
:before
{
content
:
"\e716"
}
.layui-icon-zitixiahuaxian
:before
{
content
:
"\e646"
}
.layui-icon-sanjiao1
:before
{
content
:
"\e625"
}
.layui-icon-tips
:before
{
content
:
"\e702"
}
.layui-icon-tupian-copy-copy
:before
{
content
:
"\e64a"
}
.layui-icon-more-vertical
:before
{
content
:
"\e671"
}
.layui-icon-zhuti2
:before
{
content
:
"\e66c"
}
.layui-icon-loading
:before
{
content
:
"\e63d"
}
.layui-icon-xieti
:before
{
content
:
"\e644"
}
.layui-icon-refresh-1
:before
{
content
:
"\e666"
}
.layui-icon-rmb
:before
{
content
:
"\e65e"
}
.layui-icon-home
:before
{
content
:
"\e68e"
}
.layui-icon-user
:before
{
content
:
"\e770"
}
.layui-icon-notice
:before
{
content
:
"\e667"
}
.layui-icon-voice
:before
{
content
:
"\e688"
}
.layui-icon-download
:before
{
content
:
"\e681"
}
.layui-icon-snowflake
:before
{
content
:
"\e6b1"
}
.layui-icon-yemian1
:before
{
content
:
"\e655"
}
.layui-icon-template
:before
{
content
:
"\e663"
}
.layui-icon-auz
:before
{
content
:
"\e672"
}
.layui-icon-console
:before
{
content
:
"\e665"
}
.layui-icon-app
:before
{
content
:
"\e653"
}
.layui-icon-xiayiye
:before
{
content
:
"\e65a"
}
.layui-icon-website
:before
{
content
:
"\e7ae"
}
.layui-icon-xiayiye1
:before
{
content
:
"\e65b"
}
.layui-icon-component
:before
{
content
:
"\e857"
}
.layui-icon-more
:before
{
content
:
"\e65f"
}
.layui-icon-shrink-right
:before
{
content
:
"\e668"
}
.layui-icon-spread-left
:before
{
content
:
"\e66b"
}
.layui-icon-camera
:before
{
content
:
"\e660"
}
.layui-icon-note
:before
{
content
:
"\e66e"
}
.layui-icon-refresh
:before
{
content
:
"\e669"
}
.layui-icon-nv
:before
{
content
:
"\e661"
}
.layui-icon-nan
:before
{
content
:
"\e662"
}
.layui-icon-senior
:before
{
content
:
"\e674"
}
.layui-icon-theme
:before
{
content
:
"\e66a"
}
.layui-icon-tread
:before
{
content
:
"\e6c5"
}
.layui-icon-praise
:before
{
content
:
"\e6c6"
}
.layui-icon-star-fill
:before
{
content
:
"\e658"
}
.layui-icon-template-1
:before
{
content
:
"\e656"
}
.layui-icon-loading-2
:before
{
content
:
"\e66d"
}
.layui-main
{
width
:
1140px
;
margin
:
0
auto
}
.layui-header
{
z-index
:
1000
;
height
:
60px
}
.layui-header
a
:hover
{
transition
:
all
.5s
;
-webkit-transition
:
all
.5s
}
.layui-side
{
position
:
fixed
;
top
:
0
;
bottom
:
0
;
z-index
:
999
;
width
:
200px
;
overflow-x
:
hidden
}
.layui-side-scroll
{
width
:
220px
;
height
:
100%
;
overflow-x
:
hidden
}
.layui-body
{
position
:
absolute
;
left
:
200px
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
998
;
width
:
auto
;
overflow
:
hidden
;
overflow-y
:
auto
;
box-sizing
:
border-box
}
.layui-layout-body
{
overflow
:
hidden
}
.layui-layout-admin
.layui-header
{
background-color
:
#23262E
}
.layui-layout-admin
.layui-side
{
top
:
60px
;
width
:
200px
;
overflow-x
:
hidden
}
.layui-layout-admin
.layui-body
{
top
:
60px
;
bottom
:
44px
}
.layui-layout-admin
.layui-main
{
width
:
auto
;
margin
:
0
15px
}
.layui-layout-admin
.layui-footer
{
position
:
fixed
;
left
:
200px
;
right
:
0
;
bottom
:
0
;
height
:
44px
;
line-height
:
44px
;
padding
:
0
15px
;
background-color
:
#eee
}
.layui-layout-admin
.layui-logo
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
200px
;
height
:
100%
;
line-height
:
60px
;
text-align
:
center
;
color
:
#009688
;
font-size
:
16px
}
.layui-layout-admin
.layui-header
.layui-nav
{
background
:
0
0
}
.layui-layout-left
{
position
:
absolute
!important
;
left
:
200px
;
top
:
0
}
.layui-layout-right
{
position
:
absolute
!important
;
right
:
0
;
top
:
0
}
.layui-container
{
position
:
relative
;
margin
:
0
auto
;
padding
:
0
15px
;
box-sizing
:
border-box
}
.layui-fluid
{
position
:
relative
;
margin
:
0
auto
;
padding
:
0
15px
}
.layui-row
:after
,
.layui-row
:before
{
content
:
''
;
display
:
block
;
clear
:
both
}
.layui-col-lg1
,
.layui-col-lg10
,
.layui-col-lg11
,
.layui-col-lg12
,
.layui-col-lg2
,
.layui-col-lg3
,
.layui-col-lg4
,
.layui-col-lg5
,
.layui-col-lg6
,
.layui-col-lg7
,
.layui-col-lg8
,
.layui-col-lg9
,
.layui-col-md1
,
.layui-col-md10
,
.layui-col-md11
,
.layui-col-md12
,
.layui-col-md2
,
.layui-col-md3
,
.layui-col-md4
,
.layui-col-md5
,
.layui-col-md6
,
.layui-col-md7
,
.layui-col-md8
,
.layui-col-md9
,
.layui-col-sm1
,
.layui-col-sm10
,
.layui-col-sm11
,
.layui-col-sm12
,
.layui-col-sm2
,
.layui-col-sm3
,
.layui-col-sm4
,
.layui-col-sm5
,
.layui-col-sm6
,
.layui-col-sm7
,
.layui-col-sm8
,
.layui-col-sm9
,
.layui-col-xs1
,
.layui-col-xs10
,
.layui-col-xs11
,
.layui-col-xs12
,
.layui-col-xs2
,
.layui-col-xs3
,
.layui-col-xs4
,
.layui-col-xs5
,
.layui-col-xs6
,
.layui-col-xs7
,
.layui-col-xs8
,
.layui-col-xs9
{
position
:
relative
;
display
:
block
;
box-sizing
:
border-box
}
.layui-col-xs1
,
.layui-col-xs10
,
.layui-col-xs11
,
.layui-col-xs12
,
.layui-col-xs2
,
.layui-col-xs3
,
.layui-col-xs4
,
.layui-col-xs5
,
.layui-col-xs6
,
.layui-col-xs7
,
.layui-col-xs8
,
.layui-col-xs9
{
float
:
left
}
.layui-col-xs1
{
width
:
8.33333333%
}
.layui-col-xs2
{
width
:
16.66666667%
}
.layui-col-xs3
{
width
:
25%
}
.layui-col-xs4
{
width
:
33.33333333%
}
.layui-col-xs5
{
width
:
41.66666667%
}
.layui-col-xs6
{
width
:
50%
}
.layui-col-xs7
{
width
:
58.33333333%
}
.layui-col-xs8
{
width
:
66.66666667%
}
.layui-col-xs9
{
width
:
75%
}
.layui-col-xs10
{
width
:
83.33333333%
}
.layui-col-xs11
{
width
:
91.66666667%
}
.layui-col-xs12
{
width
:
100%
}
.layui-col-xs-offset1
{
margin-left
:
8.33333333%
}
.layui-col-xs-offset2
{
margin-left
:
16.66666667%
}
.layui-col-xs-offset3
{
margin-left
:
25%
}
.layui-col-xs-offset4
{
margin-left
:
33.33333333%
}
.layui-col-xs-offset5
{
margin-left
:
41.66666667%
}
.layui-col-xs-offset6
{
margin-left
:
50%
}
.layui-col-xs-offset7
{
margin-left
:
58.33333333%
}
.layui-col-xs-offset8
{
margin-left
:
66.66666667%
}
.layui-col-xs-offset9
{
margin-left
:
75%
}
.layui-col-xs-offset10
{
margin-left
:
83.33333333%
}
.layui-col-xs-offset11
{
margin-left
:
91.66666667%
}
.layui-col-xs-offset12
{
margin-left
:
100%
}
@media
screen
and
(
max-width
:
768px
){
.layui-hide-xs
{
display
:
none
!important
}
.layui-show-xs-block
{
display
:
block
!important
}
.layui-show-xs-inline
{
display
:
inline
!important
}
.layui-show-xs-inline-block
{
display
:
inline-block
!important
}}
@media
screen
and
(
min-width
:
768px
){
.layui-container
{
width
:
750px
}
.layui-hide-sm
{
display
:
none
!important
}
.layui-show-sm-block
{
display
:
block
!important
}
.layui-show-sm-inline
{
display
:
inline
!important
}
.layui-show-sm-inline-block
{
display
:
inline-block
!important
}
.layui-col-sm1
,
.layui-col-sm10
,
.layui-col-sm11
,
.layui-col-sm12
,
.layui-col-sm2
,
.layui-col-sm3
,
.layui-col-sm4
,
.layui-col-sm5
,
.layui-col-sm6
,
.layui-col-sm7
,
.layui-col-sm8
,
.layui-col-sm9
{
float
:
left
}
.layui-col-sm1
{
width
:
8.33333333%
}
.layui-col-sm2
{
width
:
16.66666667%
}
.layui-col-sm3
{
width
:
25%
}
.layui-col-sm4
{
width
:
33.33333333%
}
.layui-col-sm5
{
width
:
41.66666667%
}
.layui-col-sm6
{
width
:
50%
}
.layui-col-sm7
{
width
:
58.33333333%
}
.layui-col-sm8
{
width
:
66.66666667%
}
.layui-col-sm9
{
width
:
75%
}
.layui-col-sm10
{
width
:
83.33333333%
}
.layui-col-sm11
{
width
:
91.66666667%
}
.layui-col-sm12
{
width
:
100%
}
.layui-col-sm-offset1
{
margin-left
:
8.33333333%
}
.layui-col-sm-offset2
{
margin-left
:
16.66666667%
}
.layui-col-sm-offset3
{
margin-left
:
25%
}
.layui-col-sm-offset4
{
margin-left
:
33.33333333%
}
.layui-col-sm-offset5
{
margin-left
:
41.66666667%
}
.layui-col-sm-offset6
{
margin-left
:
50%
}
.layui-col-sm-offset7
{
margin-left
:
58.33333333%
}
.layui-col-sm-offset8
{
margin-left
:
66.66666667%
}
.layui-col-sm-offset9
{
margin-left
:
75%
}
.layui-col-sm-offset10
{
margin-left
:
83.33333333%
}
.layui-col-sm-offset11
{
margin-left
:
91.66666667%
}
.layui-col-sm-offset12
{
margin-left
:
100%
}}
@media
screen
and
(
min-width
:
992px
){
.layui-container
{
width
:
970px
}
.layui-hide-md
{
display
:
none
!important
}
.layui-show-md-block
{
display
:
block
!important
}
.layui-show-md-inline
{
display
:
inline
!important
}
.layui-show-md-inline-block
{
display
:
inline-block
!important
}
.layui-col-md1
,
.layui-col-md10
,
.layui-col-md11
,
.layui-col-md12
,
.layui-col-md2
,
.layui-col-md3
,
.layui-col-md4
,
.layui-col-md5
,
.layui-col-md6
,
.layui-col-md7
,
.layui-col-md8
,
.layui-col-md9
{
float
:
left
}
.layui-col-md1
{
width
:
8.33333333%
}
.layui-col-md2
{
width
:
16.66666667%
}
.layui-col-md3
{
width
:
25%
}
.layui-col-md4
{
width
:
33.33333333%
}
.layui-col-md5
{
width
:
41.66666667%
}
.layui-col-md6
{
width
:
50%
}
.layui-col-md7
{
width
:
58.33333333%
}
.layui-col-md8
{
width
:
66.66666667%
}
.layui-col-md9
{
width
:
75%
}
.layui-col-md10
{
width
:
83.33333333%
}
.layui-col-md11
{
width
:
91.66666667%
}
.layui-col-md12
{
width
:
100%
}
.layui-col-md-offset1
{
margin-left
:
8.33333333%
}
.layui-col-md-offset2
{
margin-left
:
16.66666667%
}
.layui-col-md-offset3
{
margin-left
:
25%
}
.layui-col-md-offset4
{
margin-left
:
33.33333333%
}
.layui-col-md-offset5
{
margin-left
:
41.66666667%
}
.layui-col-md-offset6
{
margin-left
:
50%
}
.layui-col-md-offset7
{
margin-left
:
58.33333333%
}
.layui-col-md-offset8
{
margin-left
:
66.66666667%
}
.layui-col-md-offset9
{
margin-left
:
75%
}
.layui-col-md-offset10
{
margin-left
:
83.33333333%
}
.layui-col-md-offset11
{
margin-left
:
91.66666667%
}
.layui-col-md-offset12
{
margin-left
:
100%
}}
@media
screen
and
(
min-width
:
1200px
){
.layui-container
{
width
:
1170px
}
.layui-hide-lg
{
display
:
none
!important
}
.layui-show-lg-block
{
display
:
block
!important
}
.layui-show-lg-inline
{
display
:
inline
!important
}
.layui-show-lg-inline-block
{
display
:
inline-block
!important
}
.layui-col-lg1
,
.layui-col-lg10
,
.layui-col-lg11
,
.layui-col-lg12
,
.layui-col-lg2
,
.layui-col-lg3
,
.layui-col-lg4
,
.layui-col-lg5
,
.layui-col-lg6
,
.layui-col-lg7
,
.layui-col-lg8
,
.layui-col-lg9
{
float
:
left
}
.layui-col-lg1
{
width
:
8.33333333%
}
.layui-col-lg2
{
width
:
16.66666667%
}
.layui-col-lg3
{
width
:
25%
}
.layui-col-lg4
{
width
:
33.33333333%
}
.layui-col-lg5
{
width
:
41.66666667%
}
.layui-col-lg6
{
width
:
50%
}
.layui-col-lg7
{
width
:
58.33333333%
}
.layui-col-lg8
{
width
:
66.66666667%
}
.layui-col-lg9
{
width
:
75%
}
.layui-col-lg10
{
width
:
83.33333333%
}
.layui-col-lg11
{
width
:
91.66666667%
}
.layui-col-lg12
{
width
:
100%
}
.layui-col-lg-offset1
{
margin-left
:
8.33333333%
}
.layui-col-lg-offset2
{
margin-left
:
16.66666667%
}
.layui-col-lg-offset3
{
margin-left
:
25%
}
.layui-col-lg-offset4
{
margin-left
:
33.33333333%
}
.layui-col-lg-offset5
{
margin-left
:
41.66666667%
}
.layui-col-lg-offset6
{
margin-left
:
50%
}
.layui-col-lg-offset7
{
margin-left
:
58.33333333%
}
.layui-col-lg-offset8
{
margin-left
:
66.66666667%
}
.layui-col-lg-offset9
{
margin-left
:
75%
}
.layui-col-lg-offset10
{
margin-left
:
83.33333333%
}
.layui-col-lg-offset11
{
margin-left
:
91.66666667%
}
.layui-col-lg-offset12
{
margin-left
:
100%
}}
.layui-col-space1
{
margin
:
-.5px
}
.layui-col-space1
>*
{
padding
:
.5px
}
.layui-col-space3
{
margin
:
-1.5px
}
.layui-col-space3
>*
{
padding
:
1.5px
}
.layui-col-space5
{
margin
:
-2.5px
}
.layui-col-space5
>*
{
padding
:
2.5px
}
.layui-col-space8
{
margin
:
-3.5px
}
.layui-col-space8
>*
{
padding
:
3.5px
}
.layui-col-space10
{
margin
:
-5px
}
.layui-col-space10
>*
{
padding
:
5px
}
.layui-col-space12
{
margin
:
-6px
}
.layui-col-space12
>*
{
padding
:
6px
}
.layui-col-space15
{
margin
:
-7.5px
}
.layui-col-space15
>*
{
padding
:
7.5px
}
.layui-col-space18
{
margin
:
-9px
}
.layui-col-space18
>*
{
padding
:
9px
}
.layui-col-space20
{
margin
:
-10px
}
.layui-col-space20
>*
{
padding
:
10px
}
.layui-col-space22
{
margin
:
-11px
}
.layui-col-space22
>*
{
padding
:
11px
}
.layui-col-space25
{
margin
:
-12.5px
}
.layui-col-space25
>*
{
padding
:
12.5px
}
.layui-col-space30
{
margin
:
-15px
}
.layui-col-space30
>*
{
padding
:
15px
}
.layui-btn
,
.layui-input
,
.layui-select
,
.layui-textarea
,
.layui-upload-button
{
outline
:
0
;
-webkit-appearance
:
none
;
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
;
box-sizing
:
border-box
}
.layui-elem-quote
{
margin-bottom
:
10px
;
padding
:
15px
;
line-height
:
22px
;
border-left
:
5px
solid
#009688
;
border-radius
:
0
2px
2px
0
;
background-color
:
#f2f2f2
}
.layui-quote-nm
{
border-style
:
solid
;
border-width
:
1px
1px
1px
5px
;
background
:
0
0
}
.layui-elem-field
{
margin-bottom
:
10px
;
padding
:
0
;
border-width
:
1px
;
border-style
:
solid
}
.layui-elem-field
legend
{
margin-left
:
20px
;
padding
:
0
10px
;
font-size
:
20px
;
font-weight
:
300
}
.layui-field-title
{
margin
:
10px
0
20px
;
border-width
:
1px
0
0
}
.layui-field-box
{
padding
:
10px
15px
}
.layui-field-title
.layui-field-box
{
padding
:
10px
0
}
.layui-progress
{
position
:
relative
;
height
:
6px
;
border-radius
:
20px
;
background-color
:
#e2e2e2
}
.layui-progress-bar
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
0
;
max-width
:
100%
;
height
:
6px
;
border-radius
:
20px
;
text-align
:
right
;
background-color
:
#5FB878
;
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-progress-big
,
.layui-progress-big
.layui-progress-bar
{
height
:
18px
;
line-height
:
18px
}
.layui-progress-text
{
position
:
relative
;
top
:
-20px
;
line-height
:
18px
;
font-size
:
12px
;
color
:
#666
}
.layui-progress-big
.layui-progress-text
{
position
:
static
;
padding
:
0
10px
;
color
:
#fff
}
.layui-collapse
{
border-width
:
1px
;
border-style
:
solid
;
border-radius
:
2px
}
.layui-colla-content
,
.layui-colla-item
{
border-top-width
:
1px
;
border-top-style
:
solid
}
.layui-colla-item
:first-child
{
border-top
:
none
}
.layui-colla-title
{
position
:
relative
;
height
:
42px
;
line-height
:
42px
;
padding
:
0
15px
0
35px
;
color
:
#333
;
background-color
:
#f2f2f2
;
cursor
:
pointer
;
font-size
:
14px
}
.layui-colla-content
{
display
:
none
;
padding
:
10px
15px
;
line-height
:
22px
;
color
:
#666
}
.layui-colla-icon
{
position
:
absolute
;
left
:
15px
;
top
:
0
;
font-size
:
14px
}
.layui-card-body
,
.layui-card-header
,
.layui-form-label
,
.layui-form-mid
,
.layui-form-select
,
.layui-input-block
,
.layui-input-inline
,
.layui-textarea
{
position
:
relative
}
.layui-card
{
margin-bottom
:
15px
;
border-radius
:
2px
;
background-color
:
#fff
;
box-shadow
:
0
1px
2px
0
rgba
(
0
,
0
,
0
,
.05
)}
.layui-card
:last-child
{
margin-bottom
:
0
}
.layui-card-header
{
height
:
42px
;
line-height
:
42px
;
padding
:
0
15px
;
border-bottom
:
1px
solid
#f6f6f6
;
color
:
#333
;
border-radius
:
2px
2px
0
0
;
font-size
:
14px
}
.layui-bg-black
,
.layui-bg-blue
,
.layui-bg-cyan
,
.layui-bg-green
,
.layui-bg-orange
,
.layui-bg-red
{
color
:
#fff
!important
}
.layui-card-body
{
padding
:
10px
15px
;
line-height
:
24px
}
.layui-card-body
.layui-table
{
margin
:
5px
0
}
.layui-card
.layui-tab
{
margin
:
0
}
.layui-panel-window
{
position
:
relative
;
padding
:
15px
;
border-radius
:
0
;
border-top
:
5px
solid
#E6E6E6
;
background-color
:
#fff
}
.layui-bg-red
{
background-color
:
#FF5722
!important
}
.layui-bg-orange
{
background-color
:
#FFB800
!important
}
.layui-bg-green
{
background-color
:
#009688
!important
}
.layui-bg-cyan
{
background-color
:
#2F4056
!important
}
.layui-bg-blue
{
background-color
:
#1E9FFF
!important
}
.layui-bg-black
{
background-color
:
#393D49
!important
}
.layui-bg-gray
{
background-color
:
#eee
!important
;
color
:
#666
!important
}
.layui-badge-rim
,
.layui-colla-content
,
.layui-colla-item
,
.layui-collapse
,
.layui-elem-field
,
.layui-form-pane
.layui-form-item
[
pane
],
.layui-form-pane
.layui-form-label
,
.layui-input
,
.layui-layedit
,
.layui-layedit-tool
,
.layui-quote-nm
,
.layui-select
,
.layui-tab-bar
,
.layui-tab-card
,
.layui-tab-title
,
.layui-tab-title
.layui-this
:after
,
.layui-textarea
{
border-color
:
#e6e6e6
}
.layui-timeline-item
:before
,
hr
{
background-color
:
#e6e6e6
}
.layui-text
{
line-height
:
22px
;
font-size
:
14px
;
color
:
#666
}
.layui-text
h1
,
.layui-text
h2
,
.layui-text
h3
{
font-weight
:
500
;
color
:
#333
}
.layui-text
h1
{
font-size
:
30px
}
.layui-text
h2
{
font-size
:
24px
}
.layui-text
h3
{
font-size
:
18px
}
.layui-text
a
:not
(
.layui-btn
)
{
color
:
#01AAED
}
.layui-text
a
:not
(
.layui-btn
)
:hover
{
text-decoration
:
underline
}
.layui-text
ul
{
padding
:
5px
0
5px
15px
}
.layui-text
ul
li
{
margin-top
:
5px
;
list-style-type
:
disc
}
.layui-text
em
,
.layui-word-aux
{
color
:
#999
!important
;
padding
:
0
5px
!important
}
.layui-btn
{
display
:
inline-block
;
height
:
38px
;
line-height
:
38px
;
padding
:
0
18px
;
background-color
:
#009688
;
color
:
#fff
;
white-space
:
nowrap
;
text-align
:
center
;
font-size
:
14px
;
border
:
none
;
border-radius
:
2px
;
cursor
:
pointer
}
.layui-btn
:hover
{
opacity
:
.8
;
filter
:
alpha
(
opacity
=
80
);
color
:
#fff
}
.layui-btn
:active
{
opacity
:
1
;
filter
:
alpha
(
opacity
=
100
)}
.layui-btn
+
.layui-btn
{
margin-left
:
10px
}
.layui-btn-container
{
font-size
:
0
}
.layui-btn-container
.layui-btn
{
margin-right
:
10px
;
margin-bottom
:
10px
}
.layui-btn-container
.layui-btn
+
.layui-btn
{
margin-left
:
0
}
.layui-table
.layui-btn-container
.layui-btn
{
margin-bottom
:
9px
}
.layui-btn-radius
{
border-radius
:
100px
}
.layui-btn
.layui-icon
{
margin-right
:
3px
;
font-size
:
18px
;
vertical-align
:
bottom
;
vertical-align
:
middle
\
9
}
.layui-btn-primary
{
border
:
1px
solid
#C9C9C9
;
background-color
:
#fff
;
color
:
#555
}
.layui-btn-primary
:hover
{
border-color
:
#009688
;
color
:
#333
}
.layui-btn-normal
{
background-color
:
#1E9FFF
}
.layui-btn-warm
{
background-color
:
#FFB800
}
.layui-btn-danger
{
background-color
:
#FF5722
}
.layui-btn-disabled
,
.layui-btn-disabled
:active
,
.layui-btn-disabled
:hover
{
border
:
1px
solid
#e6e6e6
;
background-color
:
#FBFBFB
;
color
:
#C9C9C9
;
cursor
:
not-allowed
;
opacity
:
1
}
.layui-btn-lg
{
height
:
44px
;
line-height
:
44px
;
padding
:
0
25px
;
font-size
:
16px
}
.layui-btn-sm
{
height
:
30px
;
line-height
:
30px
;
padding
:
0
10px
;
font-size
:
12px
}
.layui-btn-sm
i
{
font-size
:
16px
!important
}
.layui-btn-xs
{
height
:
22px
;
line-height
:
22px
;
padding
:
0
5px
;
font-size
:
12px
}
.layui-btn-xs
i
{
font-size
:
14px
!important
}
.layui-btn-group
{
display
:
inline-block
;
vertical-align
:
middle
;
font-size
:
0
}
.layui-btn-group
.layui-btn
{
margin-left
:
0
!important
;
margin-right
:
0
!important
;
border-left
:
1px
solid
rgba
(
255
,
255
,
255
,
.5
);
border-radius
:
0
}
.layui-btn-group
.layui-btn-primary
{
border-left
:
none
}
.layui-btn-group
.layui-btn-primary
:hover
{
border-color
:
#C9C9C9
;
color
:
#009688
}
.layui-btn-group
.layui-btn
:first-child
{
border-left
:
none
;
border-radius
:
2px
0
0
2px
}
.layui-btn-group
.layui-btn-primary
:first-child
{
border-left
:
1px
solid
#c9c9c9
}
.layui-btn-group
.layui-btn
:last-child
{
border-radius
:
0
2px
2px
0
}
.layui-btn-group
.layui-btn
+
.layui-btn
{
margin-left
:
0
}
.layui-btn-group
+
.layui-btn-group
{
margin-left
:
10px
}
.layui-btn-fluid
{
width
:
100%
}
.layui-input
,
.layui-select
,
.layui-textarea
{
height
:
38px
;
line-height
:
1.3
;
line-height
:
38px
\
9
;
border-width
:
1px
;
border-style
:
solid
;
background-color
:
#fff
;
border-radius
:
2px
}
.layui-input
::-webkit-input-placeholder
,
.layui-select
::-webkit-input-placeholder
,
.layui-textarea
::-webkit-input-placeholder
{
line-height
:
1.3
}
.layui-input
,
.layui-textarea
{
display
:
block
;
width
:
100%
;
padding-left
:
10px
}
.layui-input
:hover
,
.layui-textarea
:hover
{
border-color
:
#D2D2D2
!important
}
.layui-input
:focus
,
.layui-textarea
:focus
{
border-color
:
#C9C9C9
!important
}
.layui-textarea
{
min-height
:
100px
;
height
:
auto
;
line-height
:
20px
;
padding
:
6px
10px
;
resize
:
vertical
}
.layui-select
{
padding
:
0
10px
}
.layui-form
input
[
type
=
checkbox
],
.layui-form
input
[
type
=
radio
],
.layui-form
select
{
display
:
none
}
.layui-form
[
lay-ignore
]
{
display
:
initial
}
.layui-form-item
{
margin-bottom
:
15px
;
clear
:
both
;
*
zoom
:
1
}
.layui-form-item
:after
{
content
:
'\20'
;
clear
:
both
;
*
zoom
:
1
;
display
:
block
;
height
:
0
}
.layui-form-label
{
float
:
left
;
display
:
block
;
padding
:
9px
15px
;
width
:
80px
;
font-weight
:
400
;
line-height
:
20px
;
text-align
:
right
}
.layui-form-label-col
{
display
:
block
;
float
:
none
;
padding
:
9px
0
;
line-height
:
20px
;
text-align
:
left
}
.layui-form-item
.layui-inline
{
margin-bottom
:
5px
;
margin-right
:
10px
}
.layui-input-block
{
margin-left
:
110px
;
min-height
:
36px
}
.layui-input-inline
{
display
:
inline-block
;
vertical-align
:
middle
}
.layui-form-item
.layui-input-inline
{
float
:
left
;
width
:
190px
;
margin-right
:
10px
}
.layui-form-text
.layui-input-inline
{
width
:
auto
}
.layui-form-mid
{
float
:
left
;
display
:
block
;
padding
:
9px
0
!important
;
line-height
:
20px
;
margin-right
:
10px
}
.layui-form-danger
+
.layui-form-select
.layui-input
,
.layui-form-danger
:focus
{
border-color
:
#FF5722
!important
}
.layui-form-select
.layui-input
{
padding-right
:
30px
;
cursor
:
pointer
}
.layui-form-select
.layui-edge
{
position
:
absolute
;
right
:
10px
;
top
:
50%
;
margin-top
:
-3px
;
cursor
:
pointer
;
border-width
:
6px
;
border-top-color
:
#c2c2c2
;
border-top-style
:
solid
;
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-form-select
dl
{
display
:
none
;
position
:
absolute
;
left
:
0
;
top
:
42px
;
padding
:
5px
0
;
z-index
:
999
;
min-width
:
100%
;
border
:
1px
solid
#d2d2d2
;
max-height
:
300px
;
overflow-y
:
auto
;
background-color
:
#fff
;
border-radius
:
2px
;
box-shadow
:
0
2px
4px
rgba
(
0
,
0
,
0
,
.12
);
box-sizing
:
border-box
}
.layui-form-select
dl
dd
,
.layui-form-select
dl
dt
{
padding
:
0
10px
;
line-height
:
36px
;
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.layui-form-select
dl
dt
{
font-size
:
12px
;
color
:
#999
}
.layui-form-select
dl
dd
{
cursor
:
pointer
}
.layui-form-select
dl
dd
:hover
{
background-color
:
#f2f2f2
}
.layui-form-select
.layui-select-group
dd
{
padding-left
:
20px
}
.layui-form-select
dl
dd
.layui-select-tips
{
padding-left
:
10px
!important
;
color
:
#999
}
.layui-form-select
dl
dd
.layui-this
{
background-color
:
#5FB878
;
color
:
#fff
}
.layui-form-checkbox
,
.layui-form-select
dl
dd
.layui-disabled
{
background-color
:
#fff
}
.layui-form-selected
dl
{
display
:
block
}
.layui-form-checkbox
,
.layui-form-checkbox
*,
.layui-form-switch
{
display
:
inline-block
;
vertical-align
:
middle
}
.layui-form-selected
.layui-edge
{
margin-top
:
-9px
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
);
margin-top
:
-3px
\
9
}
:root
.layui-form-selected
.layui-edge
{
margin-top
:
-9px
\
0
/
IE9
}
.layui-form-selectup
dl
{
top
:
auto
;
bottom
:
42px
}
.layui-select-none
{
margin
:
5px
0
;
text-align
:
center
;
color
:
#999
}
.layui-select-disabled
.layui-disabled
{
border-color
:
#eee
!important
}
.layui-select-disabled
.layui-edge
{
border-top-color
:
#d2d2d2
}
.layui-form-checkbox
{
position
:
relative
;
height
:
30px
;
line-height
:
28px
;
margin-right
:
10px
;
padding-right
:
30px
;
border
:
1px
solid
#d2d2d2
;
cursor
:
pointer
;
font-size
:
0
;
border-radius
:
2px
;
-webkit-transition
:
.1s
linear
;
transition
:
.1s
linear
;
box-sizing
:
border-box
}
.layui-form-checkbox
:hover
{
border
:
1px
solid
#c2c2c2
}
.layui-form-checkbox
span
{
padding
:
0
10px
;
height
:
100%
;
font-size
:
14px
;
background-color
:
#d2d2d2
;
color
:
#fff
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
}
.layui-form-checkbox
:hover
span
{
background-color
:
#c2c2c2
}
.layui-form-checkbox
i
{
position
:
absolute
;
right
:
0
;
width
:
30px
;
color
:
#fff
;
font-size
:
20px
;
text-align
:
center
}
.layui-form-checkbox
:hover
i
{
color
:
#c2c2c2
}
.layui-form-checked
,
.layui-form-checked
:hover
{
border-color
:
#5FB878
}
.layui-form-checked
span
,
.layui-form-checked
:hover
span
{
background-color
:
#5FB878
}
.layui-form-checked
i
,
.layui-form-checked
:hover
i
{
color
:
#5FB878
}
.layui-form-item
.layui-form-checkbox
{
margin-top
:
4px
}
.layui-form-checkbox
[
lay-skin
=
primary
]
{
height
:
auto
!important
;
line-height
:
normal
!important
;
border
:
none
!important
;
margin-right
:
0
;
padding-right
:
0
;
background
:
0
0
}
.layui-form-checkbox
[
lay-skin
=
primary
]
span
{
float
:
right
;
padding-right
:
15px
;
line-height
:
18px
;
background
:
0
0
;
color
:
#666
}
.layui-form-checkbox
[
lay-skin
=
primary
]
i
{
position
:
relative
;
top
:
0
;
width
:
16px
;
height
:
16px
;
line-height
:
16px
;
border
:
1px
solid
#d2d2d2
;
font-size
:
12px
;
border-radius
:
2px
;
background-color
:
#fff
;
-webkit-transition
:
.1s
linear
;
transition
:
.1s
linear
}
.layui-form-checkbox
[
lay-skin
=
primary
]
:hover
i
{
border-color
:
#5FB878
;
color
:
#fff
}
.layui-form-checked
[
lay-skin
=
primary
]
i
{
border-color
:
#5FB878
;
background-color
:
#5FB878
;
color
:
#fff
}
.layui-checkbox-disbaled
[
lay-skin
=
primary
]
span
{
background
:
0
0
!important
;
color
:
#c2c2c2
}
.layui-checkbox-disbaled
[
lay-skin
=
primary
]
:hover
i
{
border-color
:
#d2d2d2
}
.layui-form-item
.layui-form-checkbox
[
lay-skin
=
primary
]
{
margin-top
:
10px
}
.layui-form-switch
{
position
:
relative
;
height
:
22px
;
line-height
:
22px
;
width
:
42px
;
padding
:
0
5px
;
margin-top
:
8px
;
border
:
1px
solid
#d2d2d2
;
border-radius
:
20px
;
cursor
:
pointer
;
background-color
:
#fff
;
-webkit-transition
:
.1s
linear
;
transition
:
.1s
linear
}
.layui-form-switch
i
{
position
:
absolute
;
left
:
5px
;
top
:
3px
;
width
:
16px
;
height
:
16px
;
border-radius
:
20px
;
background-color
:
#d2d2d2
;
-webkit-transition
:
.1s
linear
;
transition
:
.1s
linear
}
.layui-form-switch
em
{
position
:
absolute
;
right
:
5px
;
top
:
0
;
width
:
25px
;
padding
:
0
!important
;
text-align
:
center
!important
;
color
:
#999
!important
;
font-style
:
normal
!important
;
font-size
:
12px
}
.layui-form-onswitch
{
border-color
:
#5FB878
;
background-color
:
#5FB878
}
.layui-form-onswitch
i
{
left
:
32px
;
background-color
:
#fff
}
.layui-form-onswitch
em
{
left
:
5px
;
right
:
auto
;
color
:
#fff
!important
}
.layui-checkbox-disbaled
{
border-color
:
#e2e2e2
!important
}
.layui-checkbox-disbaled
span
{
background-color
:
#e2e2e2
!important
}
.layui-checkbox-disbaled
:hover
i
{
color
:
#fff
!important
}
[
lay-radio
]
{
display
:
none
}
.layui-form-radio
,
.layui-form-radio
*
{
display
:
inline-block
;
vertical-align
:
middle
}
.layui-form-radio
{
line-height
:
28px
;
margin
:
6px
10px
0
0
;
padding-right
:
10px
;
cursor
:
pointer
;
font-size
:
0
}
.layui-form-radio
*
{
font-size
:
14px
}
.layui-form-radio
>
i
{
margin-right
:
8px
;
font-size
:
22px
;
color
:
#c2c2c2
}
.layui-form-radio
>
i
:hover
,
.layui-form-radioed
>
i
{
color
:
#5FB878
}
.layui-radio-disbaled
>
i
{
color
:
#e2e2e2
!important
}
.layui-form-pane
.layui-form-label
{
width
:
110px
;
padding
:
8px
15px
;
height
:
38px
;
line-height
:
20px
;
border-width
:
1px
;
border-style
:
solid
;
border-radius
:
2px
0
0
2px
;
text-align
:
center
;
background-color
:
#FBFBFB
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
box-sizing
:
border-box
}
.layui-form-pane
.layui-input-inline
{
margin-left
:
-1px
}
.layui-form-pane
.layui-input-block
{
margin-left
:
110px
;
left
:
-1px
}
.layui-form-pane
.layui-input
{
border-radius
:
0
2px
2px
0
}
.layui-form-pane
.layui-form-text
.layui-form-label
{
float
:
none
;
width
:
100%
;
border-radius
:
2px
;
box-sizing
:
border-box
;
text-align
:
left
}
.layui-form-pane
.layui-form-text
.layui-input-inline
{
display
:
block
;
margin
:
0
;
top
:
-1px
;
clear
:
both
}
.layui-form-pane
.layui-form-text
.layui-input-block
{
margin
:
0
;
left
:
0
;
top
:
-1px
}
.layui-form-pane
.layui-form-text
.layui-textarea
{
min-height
:
100px
;
border-radius
:
0
0
2px
2px
}
.layui-form-pane
.layui-form-checkbox
{
margin
:
4px
0
4px
10px
}
.layui-form-pane
.layui-form-radio
,
.layui-form-pane
.layui-form-switch
{
margin-top
:
6px
;
margin-left
:
10px
}
.layui-form-pane
.layui-form-item
[
pane
]
{
position
:
relative
;
border-width
:
1px
;
border-style
:
solid
}
.layui-form-pane
.layui-form-item
[
pane
]
.layui-form-label
{
position
:
absolute
;
left
:
0
;
top
:
0
;
height
:
100%
;
border-width
:
0
1px
0
0
}
.layui-form-pane
.layui-form-item
[
pane
]
.layui-input-inline
{
margin-left
:
110px
}
@media
screen
and
(
max-width
:
450px
){
.layui-form-item
.layui-form-label
{
text-overflow
:
ellipsis
;
overflow
:
hidden
;
white-space
:
nowrap
}
.layui-form-item
.layui-inline
{
display
:
block
;
margin-right
:
0
;
margin-bottom
:
20px
;
clear
:
both
}
.layui-form-item
.layui-inline
:after
{
content
:
'\20'
;
clear
:
both
;
display
:
block
;
height
:
0
}
.layui-form-item
.layui-input-inline
{
display
:
block
;
float
:
none
;
left
:
-3px
;
width
:
auto
;
margin
:
0
0
10px
112px
}
.layui-form-item
.layui-input-inline
+
.layui-form-mid
{
margin-left
:
110px
;
top
:
-5px
;
padding
:
0
}
.layui-form-item
.layui-form-checkbox
{
margin-right
:
5px
;
margin-bottom
:
5px
}}
.layui-layedit
{
border-width
:
1px
;
border-style
:
solid
;
border-radius
:
2px
}
.layui-layedit-tool
{
padding
:
3px
5px
;
border-bottom-width
:
1px
;
border-bottom-style
:
solid
;
font-size
:
0
}
.layedit-tool-fixed
{
position
:
fixed
;
top
:
0
;
border-top
:
1px
solid
#e2e2e2
}
.layui-layedit-tool
.layedit-tool-mid
,
.layui-layedit-tool
.layui-icon
{
display
:
inline-block
;
vertical-align
:
middle
;
text-align
:
center
;
font-size
:
14px
}
.layui-layedit-tool
.layui-icon
{
position
:
relative
;
width
:
32px
;
height
:
30px
;
line-height
:
30px
;
margin
:
3px
5px
;
color
:
#777
;
cursor
:
pointer
;
border-radius
:
2px
}
.layui-layedit-tool
.layui-icon
:hover
{
color
:
#393D49
}
.layui-layedit-tool
.layui-icon
:active
{
color
:
#000
}
.layui-layedit-tool
.layedit-tool-active
{
background-color
:
#e2e2e2
;
color
:
#000
}
.layui-layedit-tool
.layui-disabled
,
.layui-layedit-tool
.layui-disabled
:hover
{
color
:
#d2d2d2
;
cursor
:
not-allowed
}
.layui-layedit-tool
.layedit-tool-mid
{
width
:
1px
;
height
:
18px
;
margin
:
0
10px
;
background-color
:
#d2d2d2
}
.layedit-tool-html
{
width
:
50px
!important
;
font-size
:
30px
!important
}
.layedit-tool-b
,
.layedit-tool-code
,
.layedit-tool-help
{
font-size
:
16px
!important
}
.layedit-tool-d
,
.layedit-tool-face
,
.layedit-tool-image
,
.layedit-tool-unlink
{
font-size
:
18px
!important
}
.layedit-tool-image
input
{
position
:
absolute
;
font-size
:
0
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
.01
;
filter
:
Alpha
(
opacity
=
1
);
cursor
:
pointer
}
.layui-layedit-iframe
iframe
{
display
:
block
;
width
:
100%
}
#LAY_layedit_code
{
overflow
:
hidden
}
.layui-laypage
{
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
middle
;
margin
:
10px
0
;
font-size
:
0
}
.layui-laypage
>
a
:first-child
,
.layui-laypage
>
a
:first-child
em
{
border-radius
:
2px
0
0
2px
}
.layui-laypage
>
a
:last-child
,
.layui-laypage
>
a
:last-child
em
{
border-radius
:
0
2px
2px
0
}
.layui-laypage
>
:first-child
{
margin-left
:
0
!important
}
.layui-laypage
>
:last-child
{
margin-right
:
0
!important
}
.layui-laypage
a
,
.layui-laypage
button
,
.layui-laypage
input
,
.layui-laypage
select
,
.layui-laypage
span
{
border
:
1px
solid
#e2e2e2
}
.layui-laypage
a
,
.layui-laypage
span
{
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
middle
;
padding
:
0
15px
;
height
:
28px
;
line-height
:
28px
;
margin
:
0
-1px
5px
0
;
background-color
:
#fff
;
color
:
#333
;
font-size
:
12px
}
.layui-laypage
a
:hover
{
color
:
#009688
}
.layui-laypage
em
{
font-style
:
normal
}
.layui-laypage
.layui-laypage-spr
{
color
:
#999
;
font-weight
:
700
}
.layui-laypage
a
{
text-decoration
:
none
}
.layui-laypage
.layui-laypage-curr
{
position
:
relative
}
.layui-laypage
.layui-laypage-curr
em
{
position
:
relative
;
color
:
#fff
}
.layui-laypage
.layui-laypage-curr
.layui-laypage-em
{
position
:
absolute
;
left
:
-1px
;
top
:
-1px
;
padding
:
1px
;
width
:
100%
;
height
:
100%
;
background-color
:
#009688
}
.layui-laypage-em
{
border-radius
:
2px
}
.layui-laypage-next
em
,
.layui-laypage-prev
em
{
font-family
:
Sim
sun
;
font-size
:
16px
}
.layui-laypage
.layui-laypage-count
,
.layui-laypage
.layui-laypage-limits
,
.layui-laypage
.layui-laypage-skip
{
margin-left
:
10px
;
margin-right
:
10px
;
padding
:
0
;
border
:
none
}
.layui-laypage
.layui-laypage-limits
{
vertical-align
:
top
}
.layui-laypage
select
{
height
:
22px
;
padding
:
3px
;
border-radius
:
2px
;
cursor
:
pointer
}
.layui-laypage
.layui-laypage-skip
{
height
:
30px
;
line-height
:
30px
;
color
:
#999
}
.layui-laypage
button
,
.layui-laypage
input
{
height
:
30px
;
line-height
:
30px
;
border-radius
:
2px
;
vertical-align
:
top
;
background-color
:
#fff
;
box-sizing
:
border-box
}
.layui-laypage
input
{
display
:
inline-block
;
width
:
40px
;
margin
:
0
10px
;
padding
:
0
3px
;
text-align
:
center
}
.layui-laypage
input
:focus
,
.layui-laypage
select
:focus
{
border-color
:
#009688
!important
}
.layui-laypage
button
{
margin-left
:
10px
;
padding
:
0
10px
;
cursor
:
pointer
}
.layui-table
,
.layui-table-view
{
margin
:
10px
0
}
.layui-flow-more
{
margin
:
10px
0
;
text-align
:
center
;
color
:
#999
;
font-size
:
14px
}
.layui-flow-more
a
{
height
:
32px
;
line-height
:
32px
}
.layui-flow-more
a
*
{
display
:
inline-block
;
vertical-align
:
top
}
.layui-flow-more
a
cite
{
padding
:
0
20px
;
border-radius
:
3px
;
background-color
:
#eee
;
color
:
#333
;
font-style
:
normal
}
.layui-flow-more
a
cite
:hover
{
opacity
:
.8
}
.layui-flow-more
a
i
{
font-size
:
30px
;
color
:
#737383
}
.layui-table
{
width
:
100%
;
background-color
:
#fff
;
color
:
#666
}
.layui-table
tr
{
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-table
th
{
text-align
:
left
;
font-weight
:
400
}
.layui-table
tbody
tr
:hover
,
.layui-table
thead
tr
,
.layui-table-click
,
.layui-table-header
,
.layui-table-hover
,
.layui-table-mend
,
.layui-table-patch
,
.layui-table-tool
,
.layui-table
[
lay-even
]
tr
:nth-child
(
even
)
{
background-color
:
#f2f2f2
}
.layui-table
td
,
.layui-table
th
,
.layui-table-fixed-r
,
.layui-table-header
,
.layui-table-page
,
.layui-table-tips-main
,
.layui-table-tool
,
.layui-table-view
,
.layui-table
[
lay-skin
=
line
],
.layui-table
[
lay-skin
=
row
]
{
border-width
:
1px
;
border-style
:
solid
;
border-color
:
#e6e6e6
}
.layui-table
td
,
.layui-table
th
{
position
:
relative
;
padding
:
9px
15px
;
min-height
:
20px
;
line-height
:
20px
;
font-size
:
14px
}
.layui-table
[
lay-skin
=
line
]
td
,
.layui-table
[
lay-skin
=
line
]
th
{
border-width
:
0
0
1px
}
.layui-table
[
lay-skin
=
row
]
td
,
.layui-table
[
lay-skin
=
row
]
th
{
border-width
:
0
1px
0
0
}
.layui-table
[
lay-skin
=
nob
]
td
,
.layui-table
[
lay-skin
=
nob
]
th
{
border
:
none
}
.layui-table
img
{
max-width
:
100px
}
.layui-table
[
lay-size
=
lg
]
td
,
.layui-table
[
lay-size
=
lg
]
th
{
padding
:
15px
30px
}
.layui-table-view
.layui-table
[
lay-size
=
lg
]
.layui-table-cell
{
height
:
40px
;
line-height
:
40px
}
.layui-table
[
lay-size
=
sm
]
td
,
.layui-table
[
lay-size
=
sm
]
th
{
font-size
:
12px
;
padding
:
5px
10px
}
.layui-table-view
.layui-table
[
lay-size
=
sm
]
.layui-table-cell
{
height
:
20px
;
line-height
:
20px
}
.layui-table
[
lay-data
]
{
display
:
none
}
.layui-table-box
,
.layui-table-view
{
position
:
relative
;
overflow
:
hidden
}
.layui-table-view
.layui-table
{
position
:
relative
;
width
:
auto
;
margin
:
0
}
.layui-table-body
,
.layui-table-header
.layui-table
,
.layui-table-page
{
margin-bottom
:
-1px
}
.layui-table-view
.layui-table
[
lay-skin
=
line
]
{
border-width
:
0
1px
0
0
}
.layui-table-view
.layui-table
[
lay-skin
=
row
]
{
border-width
:
0
0
1px
}
.layui-table-view
.layui-table
td
,
.layui-table-view
.layui-table
th
{
padding
:
5px
0
;
border-top
:
none
;
border-left
:
none
}
.layui-table-view
.layui-table
td
{
cursor
:
default
}
.layui-table-view
.layui-form-checkbox
[
lay-skin
=
primary
]
i
{
width
:
18px
;
height
:
18px
}
.layui-table-header
{
border-width
:
0
0
1px
;
overflow
:
hidden
}
.layui-table-sort
{
width
:
10px
;
height
:
20px
;
margin-left
:
5px
;
cursor
:
pointer
!important
}
.layui-table-sort
.layui-edge
{
position
:
absolute
;
left
:
5px
;
border-width
:
5px
}
.layui-table-sort
.layui-table-sort-asc
{
top
:
4px
;
border-top
:
none
;
border-bottom-style
:
solid
;
border-bottom-color
:
#b2b2b2
}
.layui-table-sort
.layui-table-sort-asc
:hover
{
border-bottom-color
:
#666
}
.layui-table-sort
.layui-table-sort-desc
{
bottom
:
4px
;
border-bottom
:
none
;
border-top-style
:
solid
;
border-top-color
:
#b2b2b2
}
.layui-table-sort
.layui-table-sort-desc
:hover
{
border-top-color
:
#666
}
.layui-table-sort
[
lay-sort
=
asc
]
.layui-table-sort-asc
{
border-bottom-color
:
#000
}
.layui-table-sort
[
lay-sort
=
desc
]
.layui-table-sort-desc
{
border-top-color
:
#000
}
.layui-table-cell
{
height
:
28px
;
line-height
:
28px
;
padding
:
0
15px
;
position
:
relative
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
box-sizing
:
border-box
}
.layui-table-cell
.layui-form-checkbox
[
lay-skin
=
primary
]
{
top
:
-1px
;
vertical-align
:
middle
}
.layui-table-cell
.layui-table-link
{
color
:
#01AAED
}
.laytable-cell-checkbox
,
.laytable-cell-numbers
,
.laytable-cell-space
{
padding
:
0
;
text-align
:
center
}
.layui-table-body
{
position
:
relative
;
overflow
:
auto
;
margin-right
:
-1px
}
.layui-table-body
.layui-none
{
line-height
:
40px
;
text-align
:
center
;
color
:
#999
}
.layui-table-fixed
{
position
:
absolute
;
left
:
0
;
top
:
0
}
.layui-table-fixed
.layui-table-body
{
overflow
:
hidden
}
.layui-table-fixed-l
{
box-shadow
:
0
-1px
8px
rgba
(
0
,
0
,
0
,
.08
)}
.layui-table-fixed-r
{
left
:
auto
;
right
:
-1px
;
border-width
:
0
0
0
1px
;
box-shadow
:
-1px
0
8px
rgba
(
0
,
0
,
0
,
.08
)}
.layui-table-fixed-r
.layui-table-header
{
position
:
relative
;
overflow
:
visible
}
.layui-table-mend
{
position
:
absolute
;
right
:
-49px
;
top
:
0
;
height
:
100%
;
width
:
50px
}
.layui-table-tool
{
position
:
relative
;
width
:
100%
;
height
:
50px
;
line-height
:
30px
;
padding
:
10px
15px
;
border-width
:
0
0
1px
}
.layui-table-page
{
position
:
relative
;
width
:
100%
;
padding
:
7px
7px
0
;
border-width
:
1px
0
0
;
height
:
41px
;
font-size
:
12px
}
.layui-table-page
>
div
{
height
:
26px
}
.layui-table-page
.layui-laypage
{
margin
:
0
}
.layui-table-page
.layui-laypage
a
,
.layui-table-page
.layui-laypage
span
{
height
:
26px
;
line-height
:
26px
;
margin-bottom
:
10px
;
border
:
none
;
background
:
0
0
}
.layui-table-page
.layui-laypage
a
,
.layui-table-page
.layui-laypage
span
.layui-laypage-curr
{
padding
:
0
12px
}
.layui-table-page
.layui-laypage
span
{
margin-left
:
0
;
padding
:
0
}
.layui-table-page
.layui-laypage
.layui-laypage-prev
{
margin-left
:
-7px
!important
}
.layui-table-page
.layui-laypage
.layui-laypage-curr
.layui-laypage-em
{
left
:
0
;
top
:
0
;
padding
:
0
}
.layui-table-page
.layui-laypage
button
,
.layui-table-page
.layui-laypage
input
{
height
:
26px
;
line-height
:
26px
}
.layui-table-page
.layui-laypage
input
{
width
:
40px
}
.layui-table-page
.layui-laypage
button
{
padding
:
0
10px
}
.layui-table-page
select
{
height
:
18px
}
.layui-table-view
select
[
lay-ignore
]
{
display
:
inline-block
}
.layui-table-patch
.layui-table-cell
{
padding
:
0
;
width
:
30px
}
.layui-table-edit
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
padding
:
0
14px
1px
;
border-radius
:
0
;
box-shadow
:
1px
1px
20px
rgba
(
0
,
0
,
0
,
.15
)}
.layui-table-edit
:focus
{
border-color
:
#5FB878
!important
}
select
.layui-table-edit
{
padding
:
0
0
0
10px
;
border-color
:
#C9C9C9
}
.layui-table-view
.layui-form-checkbox
,
.layui-table-view
.layui-form-radio
,
.layui-table-view
.layui-form-switch
{
top
:
0
;
margin
:
0
;
box-sizing
:
content-box
}
.layui-table-view
.layui-form-checkbox
{
top
:
-1px
;
height
:
26px
;
line-height
:
26px
}
body
.layui-table-tips
.layui-layer-content
{
background
:
0
0
;
padding
:
0
;
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.1
)}
.layui-table-tips-main
{
margin
:
-44px
0
0
-1px
;
max-height
:
150px
;
padding
:
8px
15px
;
font-size
:
14px
;
overflow-y
:
scroll
;
background-color
:
#fff
;
color
:
#333
}
.layui-code
,
.layui-upload-list
{
margin
:
10px
0
}
.layui-table-tips-c
{
position
:
absolute
;
right
:
-3px
;
top
:
-12px
;
width
:
18px
;
height
:
18px
;
padding
:
3px
;
text-align
:
center
;
font-weight
:
700
;
border-radius
:
100%
;
font-size
:
14px
;
cursor
:
pointer
;
background-color
:
#666
}
.layui-table-tips-c
:hover
{
background-color
:
#999
}
.layui-upload-file
{
display
:
none
!important
;
opacity
:
.01
;
filter
:
Alpha
(
opacity
=
1
)}
.layui-upload-drag
,
.layui-upload-form
,
.layui-upload-wrap
{
display
:
inline-block
}
.layui-upload-choose
{
padding
:
0
10px
;
color
:
#999
}
.layui-upload-drag
{
position
:
relative
;
padding
:
30px
;
border
:
1px
dashed
#e2e2e2
;
background-color
:
#fff
;
text-align
:
center
;
cursor
:
pointer
;
color
:
#999
}
.layui-upload-drag
.layui-icon
{
font-size
:
50px
;
color
:
#009688
}
.layui-upload-drag
[
lay-over
]
{
border-color
:
#009688
}
.layui-upload-iframe
{
position
:
absolute
;
width
:
0
;
height
:
0
;
border
:
0
;
visibility
:
hidden
}
.layui-upload-wrap
{
position
:
relative
;
vertical-align
:
middle
}
.layui-upload-wrap
.layui-upload-file
{
display
:
block
!important
;
position
:
absolute
;
left
:
0
;
top
:
0
;
z-index
:
10
;
font-size
:
100px
;
width
:
100%
;
height
:
100%
;
opacity
:
.01
;
filter
:
Alpha
(
opacity
=
1
);
cursor
:
pointer
}
.layui-code
{
position
:
relative
;
padding
:
15px
;
line-height
:
20px
;
border
:
1px
solid
#ddd
;
border-left-width
:
6px
;
background-color
:
#F2F2F2
;
color
:
#333
;
font-family
:
Courier
New
;
font-size
:
12px
}
.layui-tree
{
line-height
:
26px
}
.layui-tree
li
{
text-overflow
:
ellipsis
;
overflow
:
hidden
;
white-space
:
nowrap
}
.layui-tree
li
.layui-tree-spread
,
.layui-tree
li
a
{
display
:
inline-block
;
vertical-align
:
top
;
height
:
26px
;
*
display
:
inline
;
*
zoom
:
1
;
cursor
:
pointer
}
.layui-tree
li
a
{
font-size
:
0
}
.layui-tree
li
a
i
{
font-size
:
16px
}
.layui-tree
li
a
cite
{
padding
:
0
6px
;
font-size
:
14px
;
font-style
:
normal
}
.layui-tree
li
i
{
padding-left
:
6px
;
color
:
#333
;
-moz-user-select
:
none
}
.layui-tree
li
.layui-tree-check
{
font-size
:
13px
}
.layui-tree
li
.layui-tree-check
:hover
{
color
:
#009E94
}
.layui-tree
li
ul
{
display
:
none
;
margin-left
:
20px
}
.layui-tree
li
.layui-tree-enter
{
line-height
:
24px
;
border
:
1px
dotted
#000
}
.layui-tree-drag
{
display
:
none
;
position
:
absolute
;
left
:
-666px
;
top
:
-666px
;
background-color
:
#f2f2f2
;
padding
:
5px
10px
;
border
:
1px
dotted
#000
;
white-space
:
nowrap
}
.layui-tree-drag
i
{
padding-right
:
5px
}
.layui-nav
{
position
:
relative
;
padding
:
0
20px
;
background-color
:
#393D49
;
color
:
#fff
;
border-radius
:
2px
;
font-size
:
0
;
box-sizing
:
border-box
}
.layui-nav
*
{
font-size
:
14px
}
.layui-nav
.layui-nav-item
{
position
:
relative
;
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
middle
;
line-height
:
60px
}
.layui-nav
.layui-nav-item
a
{
display
:
block
;
padding
:
0
20px
;
color
:
#fff
;
color
:
rgba
(
255
,
255
,
255
,
.7
);
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-nav
.layui-this
:after
,
.layui-nav-bar
,
.layui-nav-tree
.layui-nav-itemed
:after
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
0
;
height
:
5px
;
background-color
:
#5FB878
;
transition
:
all
.2s
;
-webkit-transition
:
all
.2s
}
.layui-nav-bar
{
z-index
:
1000
}
.layui-nav
.layui-nav-item
a
:hover
,
.layui-nav
.layui-this
a
{
color
:
#fff
}
.layui-nav
.layui-this
:after
{
content
:
''
;
top
:
auto
;
bottom
:
0
;
width
:
100%
}
.layui-nav-img
{
width
:
30px
;
height
:
30px
;
margin-right
:
10px
;
border-radius
:
50%
}
.layui-nav
.layui-nav-more
{
content
:
''
;
width
:
0
;
height
:
0
;
border-style
:
solid
dashed
dashed
;
border-color
:
#fff
transparent
transparent
;
overflow
:
hidden
;
cursor
:
pointer
;
transition
:
all
.2s
;
-webkit-transition
:
all
.2s
;
position
:
absolute
;
top
:
50%
;
right
:
3px
;
margin-top
:
-3px
;
border-width
:
6px
;
border-top-color
:
rgba
(
255
,
255
,
255
,
.7
)}
.layui-nav
.layui-nav-mored
,
.layui-nav-itemed
.layui-nav-more
{
margin-top
:
-9px
;
border-style
:
dashed
dashed
solid
;
border-color
:
transparent
transparent
#fff
}
.layui-nav-child
{
display
:
none
;
position
:
absolute
;
left
:
0
;
top
:
65px
;
min-width
:
100%
;
line-height
:
36px
;
padding
:
5px
0
;
box-shadow
:
0
2px
4px
rgba
(
0
,
0
,
0
,
.12
);
border
:
1px
solid
#d2d2d2
;
background-color
:
#fff
;
z-index
:
100
;
border-radius
:
2px
;
white-space
:
nowrap
}
.layui-nav
.layui-nav-child
a
{
color
:
#333
}
.layui-nav
.layui-nav-child
a
:hover
{
background-color
:
#f2f2f2
;
color
:
#000
}
.layui-nav-child
dd
{
position
:
relative
}
.layui-nav
.layui-nav-child
dd
.layui-this
a
,
.layui-nav-child
dd
.layui-this
{
background-color
:
#5FB878
;
color
:
#fff
}
.layui-nav-child
dd
.layui-this
:after
{
display
:
none
}
.layui-nav-tree
{
width
:
200px
;
padding
:
0
}
.layui-nav-tree
.layui-nav-item
{
display
:
block
;
width
:
100%
;
line-height
:
45px
}
.layui-nav-tree
.layui-nav-item
a
{
height
:
45px
;
line-height
:
45px
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
white-space
:
nowrap
}
.layui-nav-tree
.layui-nav-item
a
:hover
{
background-color
:
#4E5465
}
.layui-nav-tree
.layui-nav-bar
{
width
:
5px
;
height
:
0
;
background-color
:
#009688
}
.layui-nav-tree
.layui-nav-child
dd
.layui-this
,
.layui-nav-tree
.layui-nav-child
dd
.layui-this
a
,
.layui-nav-tree
.layui-this
,
.layui-nav-tree
.layui-this
>
a
,
.layui-nav-tree
.layui-this
>
a
:hover
{
background-color
:
#009688
;
color
:
#fff
}
.layui-nav-tree
.layui-this
:after
{
display
:
none
}
.layui-nav-itemed
>
a
,
.layui-nav-tree
.layui-nav-title
a
,
.layui-nav-tree
.layui-nav-title
a
:hover
{
color
:
#fff
!important
}
.layui-nav-tree
.layui-nav-child
{
position
:
relative
;
z-index
:
0
;
top
:
0
;
border
:
none
;
box-shadow
:
none
}
.layui-nav-tree
.layui-nav-child
a
{
height
:
40px
;
line-height
:
40px
;
color
:
#fff
;
color
:
rgba
(
255
,
255
,
255
,
.7
)}
.layui-nav-tree
.layui-nav-child
,
.layui-nav-tree
.layui-nav-child
a
:hover
{
background
:
0
0
;
color
:
#fff
}
.layui-nav-tree
.layui-nav-more
{
top
:
20px
;
right
:
10px
;
margin
:
0
}
.layui-nav-itemed
.layui-nav-more
{
top
:
14px
}
.layui-nav-itemed
.layui-nav-child
{
display
:
block
;
padding
:
0
;
background-color
:
rgba
(
0
,
0
,
0
,
.3
)
!important
}
.layui-nav-side
{
position
:
fixed
;
top
:
0
;
bottom
:
0
;
left
:
0
;
overflow-x
:
hidden
;
z-index
:
999
}
.layui-bg-blue
.layui-nav-bar
,
.layui-bg-blue
.layui-nav-itemed
:after
,
.layui-bg-blue
.layui-this
:after
{
background-color
:
#93D1FF
}
.layui-bg-blue
.layui-nav-child
dd
.layui-this
{
background-color
:
#1E9FFF
}
.layui-bg-blue
.layui-nav-itemed
>
a
,
.layui-nav-tree.layui-bg-blue
.layui-nav-title
a
,
.layui-nav-tree.layui-bg-blue
.layui-nav-title
a
:hover
{
background-color
:
#007DDB
!important
}
.layui-breadcrumb
{
visibility
:
hidden
;
font-size
:
0
}
.layui-breadcrumb
>*
{
font-size
:
14px
}
.layui-breadcrumb
a
{
color
:
#999
!important
}
.layui-breadcrumb
a
:hover
{
color
:
#5FB878
!important
}
.layui-breadcrumb
a
cite
{
color
:
#666
;
font-style
:
normal
}
.layui-breadcrumb
span
[
lay-separator
]
{
margin
:
0
10px
;
color
:
#999
}
.layui-tab
{
margin
:
10px
0
;
text-align
:
left
!important
}
.layui-tab
[
overflow
]>
.layui-tab-title
{
overflow
:
hidden
}
.layui-tab-title
{
position
:
relative
;
left
:
0
;
height
:
40px
;
white-space
:
nowrap
;
font-size
:
0
;
border-bottom-width
:
1px
;
border-bottom-style
:
solid
;
transition
:
all
.2s
;
-webkit-transition
:
all
.2s
}
.layui-tab-title
li
{
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
middle
;
font-size
:
14px
;
transition
:
all
.2s
;
-webkit-transition
:
all
.2s
;
position
:
relative
;
line-height
:
40px
;
min-width
:
65px
;
padding
:
0
15px
;
text-align
:
center
;
cursor
:
pointer
}
.layui-tab-title
li
a
{
display
:
block
}
.layui-tab-title
.layui-this
{
color
:
#000
}
.layui-tab-title
.layui-this
:after
{
position
:
absolute
;
left
:
0
;
top
:
0
;
content
:
''
;
width
:
100%
;
height
:
41px
;
border-width
:
1px
;
border-style
:
solid
;
border-bottom-color
:
#fff
;
border-radius
:
2px
2px
0
0
;
box-sizing
:
border-box
;
pointer-events
:
none
}
.layui-tab-bar
{
position
:
absolute
;
right
:
0
;
top
:
0
;
z-index
:
10
;
width
:
30px
;
height
:
39px
;
line-height
:
39px
;
border-width
:
1px
;
border-style
:
solid
;
border-radius
:
2px
;
text-align
:
center
;
background-color
:
#fff
;
cursor
:
pointer
}
.layui-tab-bar
.layui-icon
{
position
:
relative
;
display
:
inline-block
;
top
:
3px
;
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-tab-item
{
display
:
none
}
.layui-tab-more
{
padding-right
:
30px
;
height
:
auto
!important
;
white-space
:
normal
!important
}
.layui-tab-more
li
.layui-this
:after
{
border-bottom-color
:
#e2e2e2
;
border-radius
:
2px
}
.layui-tab-more
.layui-tab-bar
.layui-icon
{
top
:
-2px
;
top
:
3px
\
9
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
:root
.layui-tab-more
.layui-tab-bar
.layui-icon
{
top
:
-2px
\
0
/
IE9
}
.layui-tab-content
{
padding
:
10px
}
.layui-tab-title
li
.layui-tab-close
{
position
:
relative
;
display
:
inline-block
;
width
:
18px
;
height
:
18px
;
line-height
:
20px
;
margin-left
:
8px
;
top
:
1px
;
text-align
:
center
;
font-size
:
14px
;
color
:
#c2c2c2
;
transition
:
all
.2s
;
-webkit-transition
:
all
.2s
}
.layui-tab-title
li
.layui-tab-close
:hover
{
border-radius
:
2px
;
background-color
:
#FF5722
;
color
:
#fff
}
.layui-tab-brief
>
.layui-tab-title
.layui-this
{
color
:
#009688
}
.layui-tab-brief
>
.layui-tab-more
li
.layui-this
:after
,
.layui-tab-brief
>
.layui-tab-title
.layui-this
:after
{
border
:
none
;
border-radius
:
0
;
border-bottom
:
2px
solid
#5FB878
}
.layui-tab-brief
[
overflow
]>
.layui-tab-title
.layui-this
:after
{
top
:
-1px
}
.layui-tab-card
{
border-width
:
1px
;
border-style
:
solid
;
border-radius
:
2px
;
box-shadow
:
0
2px
5px
0
rgba
(
0
,
0
,
0
,
.1
)}
.layui-tab-card
>
.layui-tab-title
{
background-color
:
#f2f2f2
}
.layui-tab-card
>
.layui-tab-title
li
{
margin-right
:
-1px
;
margin-left
:
-1px
}
.layui-tab-card
>
.layui-tab-title
.layui-this
{
background-color
:
#fff
}
.layui-tab-card
>
.layui-tab-title
.layui-this
:after
{
border-top
:
none
;
border-width
:
1px
;
border-bottom-color
:
#fff
}
.layui-tab-card
>
.layui-tab-title
.layui-tab-bar
{
height
:
40px
;
line-height
:
40px
;
border-radius
:
0
;
border-top
:
none
;
border-right
:
none
}
.layui-tab-card
>
.layui-tab-more
.layui-this
{
background
:
0
0
;
color
:
#5FB878
}
.layui-tab-card
>
.layui-tab-more
.layui-this
:after
{
border
:
none
}
.layui-timeline
{
padding-left
:
5px
}
.layui-timeline-item
{
position
:
relative
;
padding-bottom
:
20px
}
.layui-timeline-axis
{
position
:
absolute
;
left
:
-5px
;
top
:
0
;
z-index
:
10
;
width
:
20px
;
height
:
20px
;
line-height
:
20px
;
background-color
:
#fff
;
color
:
#5FB878
;
border-radius
:
50%
;
text-align
:
center
;
cursor
:
pointer
}
.layui-timeline-axis
:hover
{
color
:
#FF5722
}
.layui-timeline-item
:before
{
content
:
''
;
position
:
absolute
;
left
:
5px
;
top
:
0
;
z-index
:
0
;
width
:
1px
;
height
:
100%
}
.layui-timeline-item
:last-child:before
{
display
:
none
}
.layui-timeline-item
:first-child:before
{
display
:
block
}
.layui-timeline-content
{
padding-left
:
25px
}
.layui-timeline-title
{
position
:
relative
;
margin-bottom
:
10px
}
.layui-badge
,
.layui-badge-dot
,
.layui-badge-rim
{
position
:
relative
;
display
:
inline-block
;
padding
:
0
6px
;
font-size
:
12px
;
text-align
:
center
;
background-color
:
#FF5722
;
color
:
#fff
;
border-radius
:
2px
}
.layui-badge
{
height
:
18px
;
line-height
:
18px
}
.layui-badge-dot
{
width
:
8px
;
height
:
8px
;
padding
:
0
;
border-radius
:
50%
}
.layui-badge-rim
{
height
:
18px
;
line-height
:
18px
;
border-width
:
1px
;
border-style
:
solid
;
background-color
:
#fff
;
color
:
#666
}
.layui-btn
.layui-badge
,
.layui-btn
.layui-badge-dot
{
margin-left
:
5px
}
.layui-nav
.layui-badge
,
.layui-nav
.layui-badge-dot
{
position
:
absolute
;
top
:
50%
;
margin
:
-8px
6px
0
}
.layui-tab-title
.layui-badge
,
.layui-tab-title
.layui-badge-dot
{
left
:
5px
;
top
:
-2px
}
.layui-carousel
{
position
:
relative
;
left
:
0
;
top
:
0
;
background-color
:
#f8f8f8
}
.layui-carousel
>[
carousel-item
]
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
}
.layui-carousel
>[
carousel-item
]
:before
{
position
:
absolute
;
content
:
'\e63d'
;
left
:
50%
;
top
:
50%
;
width
:
100px
;
line-height
:
20px
;
margin
:
-10px
0
0
-50px
;
text-align
:
center
;
color
:
#c2c2c2
;
font-family
:
layui-icon
!important
;
font-size
:
30px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.layui-carousel
>[
carousel-item
]>*
{
display
:
none
;
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
#f8f8f8
;
transition-duration
:
.3s
;
-webkit-transition-duration
:
.3s
}
.layui-carousel-updown
>*
{
-webkit-transition
:
.3s
ease-in-out
up
;
transition
:
.3s
ease-in-out
up
}
.layui-carousel-arrow
{
display
:
none
\
9
;
opacity
:
0
;
position
:
absolute
;
left
:
10px
;
top
:
50%
;
margin-top
:
-18px
;
width
:
36px
;
height
:
36px
;
line-height
:
36px
;
text-align
:
center
;
font-size
:
20px
;
border
:
0
;
border-radius
:
50%
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
);
color
:
#fff
;
-webkit-transition-duration
:
.3s
;
transition-duration
:
.3s
;
cursor
:
pointer
}
.layui-carousel-arrow
[
lay-type
=
add
]
{
left
:
auto
!important
;
right
:
10px
}
.layui-carousel
:hover
.layui-carousel-arrow
[
lay-type
=
add
],
.layui-carousel
[
lay-arrow
=
always
]
.layui-carousel-arrow
[
lay-type
=
add
]
{
right
:
20px
}
.layui-carousel
[
lay-arrow
=
always
]
.layui-carousel-arrow
{
opacity
:
1
;
left
:
20px
}
.layui-carousel
[
lay-arrow
=
none
]
.layui-carousel-arrow
{
display
:
none
}
.layui-carousel-arrow
:hover
,
.layui-carousel-ind
ul
:hover
{
background-color
:
rgba
(
0
,
0
,
0
,
.35
)}
.layui-carousel
:hover
.layui-carousel-arrow
{
display
:
block
\
9
;
opacity
:
1
;
left
:
20px
}
.layui-carousel-ind
{
position
:
relative
;
top
:
-35px
;
width
:
100%
;
line-height
:
0
!important
;
text-align
:
center
;
font-size
:
0
}
.layui-carousel
[
lay-indicator
=
outside
]
{
margin-bottom
:
30px
}
.layui-carousel
[
lay-indicator
=
outside
]
.layui-carousel-ind
{
top
:
10px
}
.layui-carousel
[
lay-indicator
=
outside
]
.layui-carousel-ind
ul
{
background-color
:
rgba
(
0
,
0
,
0
,
.5
)}
.layui-carousel
[
lay-indicator
=
none
]
.layui-carousel-ind
{
display
:
none
}
.layui-carousel-ind
ul
{
display
:
inline-block
;
padding
:
5px
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
);
border-radius
:
10px
;
-webkit-transition-duration
:
.3s
;
transition-duration
:
.3s
}
.layui-carousel-ind
li
{
display
:
inline-block
;
width
:
10px
;
height
:
10px
;
margin
:
0
3px
;
font-size
:
14px
;
background-color
:
#e2e2e2
;
background-color
:
rgba
(
255
,
255
,
255
,
.5
);
border-radius
:
50%
;
cursor
:
pointer
;
-webkit-transition-duration
:
.3s
;
transition-duration
:
.3s
}
.layui-carousel-ind
li
:hover
{
background-color
:
rgba
(
255
,
255
,
255
,
.7
)}
.layui-carousel-ind
li
.layui-this
{
background-color
:
#fff
}
.layui-carousel
>[
carousel-item
]>
.layui-carousel-next
,
.layui-carousel
>[
carousel-item
]>
.layui-carousel-prev
,
.layui-carousel
>[
carousel-item
]>
.layui-this
{
display
:
block
}
.layui-carousel
>[
carousel-item
]>
.layui-this
{
left
:
0
}
.layui-carousel
>[
carousel-item
]>
.layui-carousel-prev
{
left
:
-100%
}
.layui-carousel
>[
carousel-item
]>
.layui-carousel-next
{
left
:
100%
}
.layui-carousel
>[
carousel-item
]>
.layui-carousel-next.layui-carousel-left
,
.layui-carousel
>[
carousel-item
]>
.layui-carousel-prev.layui-carousel-right
{
left
:
0
}
.layui-carousel
>[
carousel-item
]>
.layui-this.layui-carousel-left
{
left
:
-100%
}
.layui-carousel
>[
carousel-item
]>
.layui-this.layui-carousel-right
{
left
:
100%
}
.layui-carousel
[
lay-anim
=
updown
]
.layui-carousel-arrow
{
left
:
50%
!important
;
top
:
20px
;
margin
:
0
0
0
-18px
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>*,
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>*
{
left
:
0
!important
}
.layui-carousel
[
lay-anim
=
updown
]
.layui-carousel-arrow
[
lay-type
=
add
]
{
top
:
auto
!important
;
bottom
:
20px
}
.layui-carousel
[
lay-anim
=
updown
]
.layui-carousel-ind
{
position
:
absolute
;
top
:
50%
;
right
:
20px
;
width
:
auto
;
height
:
auto
}
.layui-carousel
[
lay-anim
=
updown
]
.layui-carousel-ind
ul
{
padding
:
3px
5px
}
.layui-carousel
[
lay-anim
=
updown
]
.layui-carousel-ind
li
{
display
:
block
;
margin
:
6px
0
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-this
{
top
:
0
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-carousel-prev
{
top
:
-100%
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-carousel-next
{
top
:
100%
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-carousel-next.layui-carousel-left
,
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-carousel-prev.layui-carousel-right
{
top
:
0
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-this.layui-carousel-left
{
top
:
-100%
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-this.layui-carousel-right
{
top
:
100%
}
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-carousel-next
,
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-carousel-prev
{
opacity
:
0
}
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-carousel-next.layui-carousel-left
,
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-carousel-prev.layui-carousel-right
{
opacity
:
1
}
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-this.layui-carousel-left
,
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-this.layui-carousel-right
{
opacity
:
0
}
.layui-fixbar
{
position
:
fixed
;
right
:
15px
;
bottom
:
15px
;
z-index
:
9999
}
.layui-fixbar
li
{
width
:
50px
;
height
:
50px
;
line-height
:
50px
;
margin-bottom
:
1px
;
text-align
:
center
;
cursor
:
pointer
;
font-size
:
30px
;
background-color
:
#9F9F9F
;
color
:
#fff
;
border-radius
:
2px
;
opacity
:
.95
}
.layui-fixbar
li
:hover
{
opacity
:
.85
}
.layui-fixbar
li
:active
{
opacity
:
1
}
.layui-fixbar
.layui-fixbar-top
{
display
:
none
;
font-size
:
40px
}
body
.layui-util-face
{
border
:
none
;
background
:
0
0
}
body
.layui-util-face
.layui-layer-content
{
padding
:
0
;
background-color
:
#fff
;
color
:
#666
;
box-shadow
:
none
}
.layui-util-face
.layui-layer-TipsG
{
display
:
none
}
.layui-util-face
ul
{
position
:
relative
;
width
:
372px
;
padding
:
10px
;
border
:
1px
solid
#D9D9D9
;
background-color
:
#fff
;
box-shadow
:
0
0
20px
rgba
(
0
,
0
,
0
,
.2
)}
.layui-util-face
ul
li
{
cursor
:
pointer
;
float
:
left
;
border
:
1px
solid
#e8e8e8
;
height
:
22px
;
width
:
26px
;
overflow
:
hidden
;
margin
:
-1px
0
0
-1px
;
padding
:
4px
2px
;
text-align
:
center
}
.layui-util-face
ul
li
:hover
{
position
:
relative
;
z-index
:
2
;
border
:
1px
solid
#eb7350
;
background
:
#fff9ec
}
.layui-anim
{
-webkit-animation-duration
:
.3s
;
animation-duration
:
.3s
;
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
}
.layui-anim.layui-icon
{
display
:
inline-block
}
.layui-anim-loop
{
-webkit-animation-iteration-count
:
infinite
;
animation-iteration-count
:
infinite
}
@-webkit-keyframes
layui-rotate
{
from
{
-webkit-transform
:
rotate
(
0
)}
to
{
-webkit-transform
:
rotate
(
360deg
)}}
@keyframes
layui-rotate
{
from
{
transform
:
rotate
(
0
)}
to
{
transform
:
rotate
(
360deg
)}}
.layui-anim-rotate
{
-webkit-animation-name
:
layui-rotate
;
animation-name
:
layui-rotate
;
-webkit-animation-duration
:
1s
;
animation-duration
:
1s
;
-webkit-animation-timing-function
:
linear
;
animation-timing-function
:
linear
}
@-webkit-keyframes
layui-up
{
from
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
opacity
:
.3
}
to
{
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
opacity
:
1
}}
@keyframes
layui-up
{
from
{
transform
:
translate3d
(
0
,
100%
,
0
);
opacity
:
.3
}
to
{
transform
:
translate3d
(
0
,
0
,
0
);
opacity
:
1
}}
.layui-anim-up
{
-webkit-animation-name
:
layui-up
;
animation-name
:
layui-up
}
@-webkit-keyframes
layui-upbit
{
from
{
-webkit-transform
:
translate3d
(
0
,
30px
,
0
);
opacity
:
.3
}
to
{
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
opacity
:
1
}}
@keyframes
layui-upbit
{
from
{
transform
:
translate3d
(
0
,
30px
,
0
);
opacity
:
.3
}
to
{
transform
:
translate3d
(
0
,
0
,
0
);
opacity
:
1
}}
.layui-anim-upbit
{
-webkit-animation-name
:
layui-upbit
;
animation-name
:
layui-upbit
}
@-webkit-keyframes
layui-scale
{
0
%
{
opacity
:
.3
;
-webkit-transform
:
scale
(
.5
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
)}}
@keyframes
layui-scale
{
0
%
{
opacity
:
.3
;
-ms-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
100
%
{
opacity
:
1
;
-ms-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
.layui-anim-scale
{
-webkit-animation-name
:
layui-scale
;
animation-name
:
layui-scale
}
@-webkit-keyframes
layui-scale-spring
{
0
%
{
opacity
:
.5
;
-webkit-transform
:
scale
(
.5
)}
80
%
{
opacity
:
.8
;
-webkit-transform
:
scale
(
1.1
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
)}}
@keyframes
layui-scale-spring
{
0
%
{
opacity
:
.5
;
transform
:
scale
(
.5
)}
80
%
{
opacity
:
.8
;
transform
:
scale
(
1.1
)}
100
%
{
opacity
:
1
;
transform
:
scale
(
1
)}}
.layui-anim-scaleSpring
{
-webkit-animation-name
:
layui-scale-spring
;
animation-name
:
layui-scale-spring
}
@-webkit-keyframes
layui-fadein
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
@keyframes
layui-fadein
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
.layui-anim-fadein
{
-webkit-animation-name
:
layui-fadein
;
animation-name
:
layui-fadein
}
@-webkit-keyframes
layui-fadeout
{
0
%
{
opacity
:
1
}
100
%
{
opacity
:
0
}}
@keyframes
layui-fadeout
{
0
%
{
opacity
:
1
}
100
%
{
opacity
:
0
}}
.layui-anim-fadeout
{
-webkit-animation-name
:
layui-fadeout
;
animation-name
:
layui-fadeout
}
\ No newline at end of file
/** layui-v2.4.5 MIT License By https://www.layui.com */
.layui-inline
,
img
{
display
:
inline-block
;
vertical-align
:
middle
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
400
}
.layui-edge
,
.layui-header
,
.layui-inline
,
.layui-main
{
position
:
relative
}
.layui-elip
,
.layui-form-checkbox
span
,
.layui-form-pane
.layui-form-label
{
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.layui-btn
,
.layui-edge
,
.layui-inline
,
img
{
vertical-align
:
middle
}
.layui-btn
,
.layui-disabled
,
.layui-icon
,
.layui-unselect
{
-webkit-user-select
:
none
;
-ms-user-select
:
none
;
-moz-user-select
:
none
}
blockquote
,
body
,
button
,
dd
,
div
,
dl
,
dt
,
form
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
input
,
li
,
ol
,
p
,
pre
,
td
,
textarea
,
th
,
ul
{
margin
:
0
;
padding
:
0
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
a
:active
,
a
:hover
{
outline
:
0
}
img
{
border
:
none
}
li
{
list-style
:
none
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
h4
,
h5
,
h6
{
font-size
:
100%
}
button
,
input
,
optgroup
,
option
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
inherit
;
font-style
:
inherit
;
font-weight
:
inherit
;
outline
:
0
}
pre
{
white-space
:
pre-wrap
;
white-space
:
-moz-pre-wrap
;
white-space
:
-pre-wrap
;
white-space
:
-o-pre-wrap
;
word-wrap
:
break-word
}
body
{
line-height
:
24px
;
font
:
14px
Helvetica
Neue
,
Helvetica
,
PingFang
SC
,
Tahoma
,
Arial
,
sans-serif
}
hr
{
height
:
1px
;
margin
:
10px
0
;
border
:
0
;
clear
:
both
}
a
{
color
:
#333
;
text-decoration
:
none
}
a
:hover
{
color
:
#777
}
a
cite
{
font-style
:
normal
;
*
cursor
:
pointer
}
.layui-border-box
,
.layui-border-box
*
{
box-sizing
:
border-box
}
.layui-box
,
.layui-box
*
{
box-sizing
:
content-box
}
.layui-clear
{
clear
:
both
;
*
zoom
:
1
}
.layui-clear
:after
{
content
:
'\20'
;
clear
:
both
;
*
zoom
:
1
;
display
:
block
;
height
:
0
}
.layui-inline
{
*
display
:
inline
;
*
zoom
:
1
}
.layui-edge
{
display
:
inline-block
;
width
:
0
;
height
:
0
;
border-width
:
6px
;
border-style
:
dashed
;
border-color
:
transparent
;
overflow
:
hidden
}
.layui-edge-top
{
top
:
-4px
;
border-bottom-color
:
#999
;
border-bottom-style
:
solid
}
.layui-edge-right
{
border-left-color
:
#999
;
border-left-style
:
solid
}
.layui-edge-bottom
{
top
:
2px
;
border-top-color
:
#999
;
border-top-style
:
solid
}
.layui-edge-left
{
border-right-color
:
#999
;
border-right-style
:
solid
}
.layui-elip
{
overflow
:
hidden
}
.layui-disabled
,
.layui-disabled
:hover
{
color
:
#d2d2d2
!important
;
cursor
:
not-allowed
!important
}
.layui-circle
{
border-radius
:
100%
}
.layui-show
{
display
:
block
!important
}
.layui-hide
{
display
:
none
!important
}
@font-face
{
font-family
:
layui-icon
;
src
:
url(../font/iconfont.eot?v=240)
;
src
:
url(../font/iconfont.eot?v=240#iefix)
format
(
'embedded-opentype'
),
url(../font/iconfont.svg?v=240#iconfont)
format
(
'svg'
),
url(../font/iconfont.woff?v=240)
format
(
'woff'
),
url(../font/iconfont.ttf?v=240)
format
(
'truetype'
)}
.layui-icon
{
font-family
:
layui-icon
!important
;
font-size
:
16px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.layui-icon-reply-fill
:before
{
content
:
"\e611"
}
.layui-icon-set-fill
:before
{
content
:
"\e614"
}
.layui-icon-menu-fill
:before
{
content
:
"\e60f"
}
.layui-icon-search
:before
{
content
:
"\e615"
}
.layui-icon-share
:before
{
content
:
"\e641"
}
.layui-icon-set-sm
:before
{
content
:
"\e620"
}
.layui-icon-engine
:before
{
content
:
"\e628"
}
.layui-icon-close
:before
{
content
:
"\1006"
}
.layui-icon-close-fill
:before
{
content
:
"\1007"
}
.layui-icon-chart-screen
:before
{
content
:
"\e629"
}
.layui-icon-star
:before
{
content
:
"\e600"
}
.layui-icon-circle-dot
:before
{
content
:
"\e617"
}
.layui-icon-chat
:before
{
content
:
"\e606"
}
.layui-icon-release
:before
{
content
:
"\e609"
}
.layui-icon-list
:before
{
content
:
"\e60a"
}
.layui-icon-chart
:before
{
content
:
"\e62c"
}
.layui-icon-ok-circle
:before
{
content
:
"\1005"
}
.layui-icon-layim-theme
:before
{
content
:
"\e61b"
}
.layui-icon-table
:before
{
content
:
"\e62d"
}
.layui-icon-right
:before
{
content
:
"\e602"
}
.layui-icon-left
:before
{
content
:
"\e603"
}
.layui-icon-cart-simple
:before
{
content
:
"\e698"
}
.layui-icon-face-cry
:before
{
content
:
"\e69c"
}
.layui-icon-face-smile
:before
{
content
:
"\e6af"
}
.layui-icon-survey
:before
{
content
:
"\e6b2"
}
.layui-icon-tree
:before
{
content
:
"\e62e"
}
.layui-icon-upload-circle
:before
{
content
:
"\e62f"
}
.layui-icon-add-circle
:before
{
content
:
"\e61f"
}
.layui-icon-download-circle
:before
{
content
:
"\e601"
}
.layui-icon-templeate-1
:before
{
content
:
"\e630"
}
.layui-icon-util
:before
{
content
:
"\e631"
}
.layui-icon-face-surprised
:before
{
content
:
"\e664"
}
.layui-icon-edit
:before
{
content
:
"\e642"
}
.layui-icon-speaker
:before
{
content
:
"\e645"
}
.layui-icon-down
:before
{
content
:
"\e61a"
}
.layui-icon-file
:before
{
content
:
"\e621"
}
.layui-icon-layouts
:before
{
content
:
"\e632"
}
.layui-icon-rate-half
:before
{
content
:
"\e6c9"
}
.layui-icon-add-circle-fine
:before
{
content
:
"\e608"
}
.layui-icon-prev-circle
:before
{
content
:
"\e633"
}
.layui-icon-read
:before
{
content
:
"\e705"
}
.layui-icon-404
:before
{
content
:
"\e61c"
}
.layui-icon-carousel
:before
{
content
:
"\e634"
}
.layui-icon-help
:before
{
content
:
"\e607"
}
.layui-icon-code-circle
:before
{
content
:
"\e635"
}
.layui-icon-water
:before
{
content
:
"\e636"
}
.layui-icon-username
:before
{
content
:
"\e66f"
}
.layui-icon-find-fill
:before
{
content
:
"\e670"
}
.layui-icon-about
:before
{
content
:
"\e60b"
}
.layui-icon-location
:before
{
content
:
"\e715"
}
.layui-icon-up
:before
{
content
:
"\e619"
}
.layui-icon-pause
:before
{
content
:
"\e651"
}
.layui-icon-date
:before
{
content
:
"\e637"
}
.layui-icon-layim-uploadfile
:before
{
content
:
"\e61d"
}
.layui-icon-delete
:before
{
content
:
"\e640"
}
.layui-icon-play
:before
{
content
:
"\e652"
}
.layui-icon-top
:before
{
content
:
"\e604"
}
.layui-icon-friends
:before
{
content
:
"\e612"
}
.layui-icon-refresh-3
:before
{
content
:
"\e9aa"
}
.layui-icon-ok
:before
{
content
:
"\e605"
}
.layui-icon-layer
:before
{
content
:
"\e638"
}
.layui-icon-face-smile-fine
:before
{
content
:
"\e60c"
}
.layui-icon-dollar
:before
{
content
:
"\e659"
}
.layui-icon-group
:before
{
content
:
"\e613"
}
.layui-icon-layim-download
:before
{
content
:
"\e61e"
}
.layui-icon-picture-fine
:before
{
content
:
"\e60d"
}
.layui-icon-link
:before
{
content
:
"\e64c"
}
.layui-icon-diamond
:before
{
content
:
"\e735"
}
.layui-icon-log
:before
{
content
:
"\e60e"
}
.layui-icon-rate-solid
:before
{
content
:
"\e67a"
}
.layui-icon-fonts-del
:before
{
content
:
"\e64f"
}
.layui-icon-unlink
:before
{
content
:
"\e64d"
}
.layui-icon-fonts-clear
:before
{
content
:
"\e639"
}
.layui-icon-triangle-r
:before
{
content
:
"\e623"
}
.layui-icon-circle
:before
{
content
:
"\e63f"
}
.layui-icon-radio
:before
{
content
:
"\e643"
}
.layui-icon-align-center
:before
{
content
:
"\e647"
}
.layui-icon-align-right
:before
{
content
:
"\e648"
}
.layui-icon-align-left
:before
{
content
:
"\e649"
}
.layui-icon-loading-1
:before
{
content
:
"\e63e"
}
.layui-icon-return
:before
{
content
:
"\e65c"
}
.layui-icon-fonts-strong
:before
{
content
:
"\e62b"
}
.layui-icon-upload
:before
{
content
:
"\e67c"
}
.layui-icon-dialogue
:before
{
content
:
"\e63a"
}
.layui-icon-video
:before
{
content
:
"\e6ed"
}
.layui-icon-headset
:before
{
content
:
"\e6fc"
}
.layui-icon-cellphone-fine
:before
{
content
:
"\e63b"
}
.layui-icon-add-1
:before
{
content
:
"\e654"
}
.layui-icon-face-smile-b
:before
{
content
:
"\e650"
}
.layui-icon-fonts-html
:before
{
content
:
"\e64b"
}
.layui-icon-form
:before
{
content
:
"\e63c"
}
.layui-icon-cart
:before
{
content
:
"\e657"
}
.layui-icon-camera-fill
:before
{
content
:
"\e65d"
}
.layui-icon-tabs
:before
{
content
:
"\e62a"
}
.layui-icon-fonts-code
:before
{
content
:
"\e64e"
}
.layui-icon-fire
:before
{
content
:
"\e756"
}
.layui-icon-set
:before
{
content
:
"\e716"
}
.layui-icon-fonts-u
:before
{
content
:
"\e646"
}
.layui-icon-triangle-d
:before
{
content
:
"\e625"
}
.layui-icon-tips
:before
{
content
:
"\e702"
}
.layui-icon-picture
:before
{
content
:
"\e64a"
}
.layui-icon-more-vertical
:before
{
content
:
"\e671"
}
.layui-icon-flag
:before
{
content
:
"\e66c"
}
.layui-icon-loading
:before
{
content
:
"\e63d"
}
.layui-icon-fonts-i
:before
{
content
:
"\e644"
}
.layui-icon-refresh-1
:before
{
content
:
"\e666"
}
.layui-icon-rmb
:before
{
content
:
"\e65e"
}
.layui-icon-home
:before
{
content
:
"\e68e"
}
.layui-icon-user
:before
{
content
:
"\e770"
}
.layui-icon-notice
:before
{
content
:
"\e667"
}
.layui-icon-login-weibo
:before
{
content
:
"\e675"
}
.layui-icon-voice
:before
{
content
:
"\e688"
}
.layui-icon-upload-drag
:before
{
content
:
"\e681"
}
.layui-icon-login-qq
:before
{
content
:
"\e676"
}
.layui-icon-snowflake
:before
{
content
:
"\e6b1"
}
.layui-icon-file-b
:before
{
content
:
"\e655"
}
.layui-icon-template
:before
{
content
:
"\e663"
}
.layui-icon-auz
:before
{
content
:
"\e672"
}
.layui-icon-console
:before
{
content
:
"\e665"
}
.layui-icon-app
:before
{
content
:
"\e653"
}
.layui-icon-prev
:before
{
content
:
"\e65a"
}
.layui-icon-website
:before
{
content
:
"\e7ae"
}
.layui-icon-next
:before
{
content
:
"\e65b"
}
.layui-icon-component
:before
{
content
:
"\e857"
}
.layui-icon-more
:before
{
content
:
"\e65f"
}
.layui-icon-login-wechat
:before
{
content
:
"\e677"
}
.layui-icon-shrink-right
:before
{
content
:
"\e668"
}
.layui-icon-spread-left
:before
{
content
:
"\e66b"
}
.layui-icon-camera
:before
{
content
:
"\e660"
}
.layui-icon-note
:before
{
content
:
"\e66e"
}
.layui-icon-refresh
:before
{
content
:
"\e669"
}
.layui-icon-female
:before
{
content
:
"\e661"
}
.layui-icon-male
:before
{
content
:
"\e662"
}
.layui-icon-password
:before
{
content
:
"\e673"
}
.layui-icon-senior
:before
{
content
:
"\e674"
}
.layui-icon-theme
:before
{
content
:
"\e66a"
}
.layui-icon-tread
:before
{
content
:
"\e6c5"
}
.layui-icon-praise
:before
{
content
:
"\e6c6"
}
.layui-icon-star-fill
:before
{
content
:
"\e658"
}
.layui-icon-rate
:before
{
content
:
"\e67b"
}
.layui-icon-template-1
:before
{
content
:
"\e656"
}
.layui-icon-vercode
:before
{
content
:
"\e679"
}
.layui-icon-cellphone
:before
{
content
:
"\e678"
}
.layui-icon-screen-full
:before
{
content
:
"\e622"
}
.layui-icon-screen-restore
:before
{
content
:
"\e758"
}
.layui-icon-cols
:before
{
content
:
"\e610"
}
.layui-icon-export
:before
{
content
:
"\e67d"
}
.layui-icon-print
:before
{
content
:
"\e66d"
}
.layui-icon-slider
:before
{
content
:
"\e714"
}
.layui-main
{
width
:
1140px
;
margin
:
0
auto
}
.layui-header
{
z-index
:
1000
;
height
:
60px
}
.layui-header
a
:hover
{
transition
:
all
.5s
;
-webkit-transition
:
all
.5s
}
.layui-side
{
position
:
fixed
;
left
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
999
;
width
:
200px
;
overflow-x
:
hidden
}
.layui-side-scroll
{
position
:
relative
;
width
:
220px
;
height
:
100%
;
overflow-x
:
hidden
}
.layui-body
{
position
:
absolute
;
left
:
200px
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
998
;
width
:
auto
;
overflow
:
hidden
;
overflow-y
:
auto
;
box-sizing
:
border-box
}
.layui-layout-body
{
overflow
:
hidden
}
.layui-layout-admin
.layui-header
{
background-color
:
#23262E
}
.layui-layout-admin
.layui-side
{
top
:
60px
;
width
:
200px
;
overflow-x
:
hidden
}
.layui-layout-admin
.layui-body
{
top
:
60px
;
bottom
:
44px
}
.layui-layout-admin
.layui-main
{
width
:
auto
;
margin
:
0
15px
}
.layui-layout-admin
.layui-footer
{
position
:
fixed
;
left
:
200px
;
right
:
0
;
bottom
:
0
;
height
:
44px
;
line-height
:
44px
;
padding
:
0
15px
;
background-color
:
#eee
}
.layui-layout-admin
.layui-logo
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
200px
;
height
:
100%
;
line-height
:
60px
;
text-align
:
center
;
color
:
#009688
;
font-size
:
16px
}
.layui-layout-admin
.layui-header
.layui-nav
{
background
:
0
0
}
.layui-layout-left
{
position
:
absolute
!important
;
left
:
200px
;
top
:
0
}
.layui-layout-right
{
position
:
absolute
!important
;
right
:
0
;
top
:
0
}
.layui-container
{
position
:
relative
;
margin
:
0
auto
;
padding
:
0
15px
;
box-sizing
:
border-box
}
.layui-fluid
{
position
:
relative
;
margin
:
0
auto
;
padding
:
0
15px
}
.layui-row
:after
,
.layui-row
:before
{
content
:
''
;
display
:
block
;
clear
:
both
}
.layui-col-lg1
,
.layui-col-lg10
,
.layui-col-lg11
,
.layui-col-lg12
,
.layui-col-lg2
,
.layui-col-lg3
,
.layui-col-lg4
,
.layui-col-lg5
,
.layui-col-lg6
,
.layui-col-lg7
,
.layui-col-lg8
,
.layui-col-lg9
,
.layui-col-md1
,
.layui-col-md10
,
.layui-col-md11
,
.layui-col-md12
,
.layui-col-md2
,
.layui-col-md3
,
.layui-col-md4
,
.layui-col-md5
,
.layui-col-md6
,
.layui-col-md7
,
.layui-col-md8
,
.layui-col-md9
,
.layui-col-sm1
,
.layui-col-sm10
,
.layui-col-sm11
,
.layui-col-sm12
,
.layui-col-sm2
,
.layui-col-sm3
,
.layui-col-sm4
,
.layui-col-sm5
,
.layui-col-sm6
,
.layui-col-sm7
,
.layui-col-sm8
,
.layui-col-sm9
,
.layui-col-xs1
,
.layui-col-xs10
,
.layui-col-xs11
,
.layui-col-xs12
,
.layui-col-xs2
,
.layui-col-xs3
,
.layui-col-xs4
,
.layui-col-xs5
,
.layui-col-xs6
,
.layui-col-xs7
,
.layui-col-xs8
,
.layui-col-xs9
{
position
:
relative
;
display
:
block
;
box-sizing
:
border-box
}
.layui-col-xs1
,
.layui-col-xs10
,
.layui-col-xs11
,
.layui-col-xs12
,
.layui-col-xs2
,
.layui-col-xs3
,
.layui-col-xs4
,
.layui-col-xs5
,
.layui-col-xs6
,
.layui-col-xs7
,
.layui-col-xs8
,
.layui-col-xs9
{
float
:
left
}
.layui-col-xs1
{
width
:
8.33333333%
}
.layui-col-xs2
{
width
:
16.66666667%
}
.layui-col-xs3
{
width
:
25%
}
.layui-col-xs4
{
width
:
33.33333333%
}
.layui-col-xs5
{
width
:
41.66666667%
}
.layui-col-xs6
{
width
:
50%
}
.layui-col-xs7
{
width
:
58.33333333%
}
.layui-col-xs8
{
width
:
66.66666667%
}
.layui-col-xs9
{
width
:
75%
}
.layui-col-xs10
{
width
:
83.33333333%
}
.layui-col-xs11
{
width
:
91.66666667%
}
.layui-col-xs12
{
width
:
100%
}
.layui-col-xs-offset1
{
margin-left
:
8.33333333%
}
.layui-col-xs-offset2
{
margin-left
:
16.66666667%
}
.layui-col-xs-offset3
{
margin-left
:
25%
}
.layui-col-xs-offset4
{
margin-left
:
33.33333333%
}
.layui-col-xs-offset5
{
margin-left
:
41.66666667%
}
.layui-col-xs-offset6
{
margin-left
:
50%
}
.layui-col-xs-offset7
{
margin-left
:
58.33333333%
}
.layui-col-xs-offset8
{
margin-left
:
66.66666667%
}
.layui-col-xs-offset9
{
margin-left
:
75%
}
.layui-col-xs-offset10
{
margin-left
:
83.33333333%
}
.layui-col-xs-offset11
{
margin-left
:
91.66666667%
}
.layui-col-xs-offset12
{
margin-left
:
100%
}
@media
screen
and
(
max-width
:
768px
){
.layui-hide-xs
{
display
:
none
!important
}
.layui-show-xs-block
{
display
:
block
!important
}
.layui-show-xs-inline
{
display
:
inline
!important
}
.layui-show-xs-inline-block
{
display
:
inline-block
!important
}}
@media
screen
and
(
min-width
:
768px
){
.layui-container
{
width
:
750px
}
.layui-hide-sm
{
display
:
none
!important
}
.layui-show-sm-block
{
display
:
block
!important
}
.layui-show-sm-inline
{
display
:
inline
!important
}
.layui-show-sm-inline-block
{
display
:
inline-block
!important
}
.layui-col-sm1
,
.layui-col-sm10
,
.layui-col-sm11
,
.layui-col-sm12
,
.layui-col-sm2
,
.layui-col-sm3
,
.layui-col-sm4
,
.layui-col-sm5
,
.layui-col-sm6
,
.layui-col-sm7
,
.layui-col-sm8
,
.layui-col-sm9
{
float
:
left
}
.layui-col-sm1
{
width
:
8.33333333%
}
.layui-col-sm2
{
width
:
16.66666667%
}
.layui-col-sm3
{
width
:
25%
}
.layui-col-sm4
{
width
:
33.33333333%
}
.layui-col-sm5
{
width
:
41.66666667%
}
.layui-col-sm6
{
width
:
50%
}
.layui-col-sm7
{
width
:
58.33333333%
}
.layui-col-sm8
{
width
:
66.66666667%
}
.layui-col-sm9
{
width
:
75%
}
.layui-col-sm10
{
width
:
83.33333333%
}
.layui-col-sm11
{
width
:
91.66666667%
}
.layui-col-sm12
{
width
:
100%
}
.layui-col-sm-offset1
{
margin-left
:
8.33333333%
}
.layui-col-sm-offset2
{
margin-left
:
16.66666667%
}
.layui-col-sm-offset3
{
margin-left
:
25%
}
.layui-col-sm-offset4
{
margin-left
:
33.33333333%
}
.layui-col-sm-offset5
{
margin-left
:
41.66666667%
}
.layui-col-sm-offset6
{
margin-left
:
50%
}
.layui-col-sm-offset7
{
margin-left
:
58.33333333%
}
.layui-col-sm-offset8
{
margin-left
:
66.66666667%
}
.layui-col-sm-offset9
{
margin-left
:
75%
}
.layui-col-sm-offset10
{
margin-left
:
83.33333333%
}
.layui-col-sm-offset11
{
margin-left
:
91.66666667%
}
.layui-col-sm-offset12
{
margin-left
:
100%
}}
@media
screen
and
(
min-width
:
992px
){
.layui-container
{
width
:
970px
}
.layui-hide-md
{
display
:
none
!important
}
.layui-show-md-block
{
display
:
block
!important
}
.layui-show-md-inline
{
display
:
inline
!important
}
.layui-show-md-inline-block
{
display
:
inline-block
!important
}
.layui-col-md1
,
.layui-col-md10
,
.layui-col-md11
,
.layui-col-md12
,
.layui-col-md2
,
.layui-col-md3
,
.layui-col-md4
,
.layui-col-md5
,
.layui-col-md6
,
.layui-col-md7
,
.layui-col-md8
,
.layui-col-md9
{
float
:
left
}
.layui-col-md1
{
width
:
8.33333333%
}
.layui-col-md2
{
width
:
16.66666667%
}
.layui-col-md3
{
width
:
25%
}
.layui-col-md4
{
width
:
33.33333333%
}
.layui-col-md5
{
width
:
41.66666667%
}
.layui-col-md6
{
width
:
50%
}
.layui-col-md7
{
width
:
58.33333333%
}
.layui-col-md8
{
width
:
66.66666667%
}
.layui-col-md9
{
width
:
75%
}
.layui-col-md10
{
width
:
83.33333333%
}
.layui-col-md11
{
width
:
91.66666667%
}
.layui-col-md12
{
width
:
100%
}
.layui-col-md-offset1
{
margin-left
:
8.33333333%
}
.layui-col-md-offset2
{
margin-left
:
16.66666667%
}
.layui-col-md-offset3
{
margin-left
:
25%
}
.layui-col-md-offset4
{
margin-left
:
33.33333333%
}
.layui-col-md-offset5
{
margin-left
:
41.66666667%
}
.layui-col-md-offset6
{
margin-left
:
50%
}
.layui-col-md-offset7
{
margin-left
:
58.33333333%
}
.layui-col-md-offset8
{
margin-left
:
66.66666667%
}
.layui-col-md-offset9
{
margin-left
:
75%
}
.layui-col-md-offset10
{
margin-left
:
83.33333333%
}
.layui-col-md-offset11
{
margin-left
:
91.66666667%
}
.layui-col-md-offset12
{
margin-left
:
100%
}}
@media
screen
and
(
min-width
:
1200px
){
.layui-container
{
width
:
1170px
}
.layui-hide-lg
{
display
:
none
!important
}
.layui-show-lg-block
{
display
:
block
!important
}
.layui-show-lg-inline
{
display
:
inline
!important
}
.layui-show-lg-inline-block
{
display
:
inline-block
!important
}
.layui-col-lg1
,
.layui-col-lg10
,
.layui-col-lg11
,
.layui-col-lg12
,
.layui-col-lg2
,
.layui-col-lg3
,
.layui-col-lg4
,
.layui-col-lg5
,
.layui-col-lg6
,
.layui-col-lg7
,
.layui-col-lg8
,
.layui-col-lg9
{
float
:
left
}
.layui-col-lg1
{
width
:
8.33333333%
}
.layui-col-lg2
{
width
:
16.66666667%
}
.layui-col-lg3
{
width
:
25%
}
.layui-col-lg4
{
width
:
33.33333333%
}
.layui-col-lg5
{
width
:
41.66666667%
}
.layui-col-lg6
{
width
:
50%
}
.layui-col-lg7
{
width
:
58.33333333%
}
.layui-col-lg8
{
width
:
66.66666667%
}
.layui-col-lg9
{
width
:
75%
}
.layui-col-lg10
{
width
:
83.33333333%
}
.layui-col-lg11
{
width
:
91.66666667%
}
.layui-col-lg12
{
width
:
100%
}
.layui-col-lg-offset1
{
margin-left
:
8.33333333%
}
.layui-col-lg-offset2
{
margin-left
:
16.66666667%
}
.layui-col-lg-offset3
{
margin-left
:
25%
}
.layui-col-lg-offset4
{
margin-left
:
33.33333333%
}
.layui-col-lg-offset5
{
margin-left
:
41.66666667%
}
.layui-col-lg-offset6
{
margin-left
:
50%
}
.layui-col-lg-offset7
{
margin-left
:
58.33333333%
}
.layui-col-lg-offset8
{
margin-left
:
66.66666667%
}
.layui-col-lg-offset9
{
margin-left
:
75%
}
.layui-col-lg-offset10
{
margin-left
:
83.33333333%
}
.layui-col-lg-offset11
{
margin-left
:
91.66666667%
}
.layui-col-lg-offset12
{
margin-left
:
100%
}}
.layui-col-space1
{
margin
:
-.5px
}
.layui-col-space1
>*
{
padding
:
.5px
}
.layui-col-space3
{
margin
:
-1.5px
}
.layui-col-space3
>*
{
padding
:
1.5px
}
.layui-col-space5
{
margin
:
-2.5px
}
.layui-col-space5
>*
{
padding
:
2.5px
}
.layui-col-space8
{
margin
:
-3.5px
}
.layui-col-space8
>*
{
padding
:
3.5px
}
.layui-col-space10
{
margin
:
-5px
}
.layui-col-space10
>*
{
padding
:
5px
}
.layui-col-space12
{
margin
:
-6px
}
.layui-col-space12
>*
{
padding
:
6px
}
.layui-col-space15
{
margin
:
-7.5px
}
.layui-col-space15
>*
{
padding
:
7.5px
}
.layui-col-space18
{
margin
:
-9px
}
.layui-col-space18
>*
{
padding
:
9px
}
.layui-col-space20
{
margin
:
-10px
}
.layui-col-space20
>*
{
padding
:
10px
}
.layui-col-space22
{
margin
:
-11px
}
.layui-col-space22
>*
{
padding
:
11px
}
.layui-col-space25
{
margin
:
-12.5px
}
.layui-col-space25
>*
{
padding
:
12.5px
}
.layui-col-space30
{
margin
:
-15px
}
.layui-col-space30
>*
{
padding
:
15px
}
.layui-btn
,
.layui-input
,
.layui-select
,
.layui-textarea
,
.layui-upload-button
{
outline
:
0
;
-webkit-appearance
:
none
;
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
;
box-sizing
:
border-box
}
.layui-elem-quote
{
margin-bottom
:
10px
;
padding
:
15px
;
line-height
:
22px
;
border-left
:
5px
solid
#009688
;
border-radius
:
0
2px
2px
0
;
background-color
:
#f2f2f2
}
.layui-quote-nm
{
border-style
:
solid
;
border-width
:
1px
1px
1px
5px
;
background
:
0
0
}
.layui-elem-field
{
margin-bottom
:
10px
;
padding
:
0
;
border-width
:
1px
;
border-style
:
solid
}
.layui-elem-field
legend
{
margin-left
:
20px
;
padding
:
0
10px
;
font-size
:
20px
;
font-weight
:
300
}
.layui-field-title
{
margin
:
10px
0
20px
;
border-width
:
1px
0
0
}
.layui-field-box
{
padding
:
10px
15px
}
.layui-field-title
.layui-field-box
{
padding
:
10px
0
}
.layui-progress
{
position
:
relative
;
height
:
6px
;
border-radius
:
20px
;
background-color
:
#e2e2e2
}
.layui-progress-bar
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
0
;
max-width
:
100%
;
height
:
6px
;
border-radius
:
20px
;
text-align
:
right
;
background-color
:
#5FB878
;
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-progress-big
,
.layui-progress-big
.layui-progress-bar
{
height
:
18px
;
line-height
:
18px
}
.layui-progress-text
{
position
:
relative
;
top
:
-20px
;
line-height
:
18px
;
font-size
:
12px
;
color
:
#666
}
.layui-progress-big
.layui-progress-text
{
position
:
static
;
padding
:
0
10px
;
color
:
#fff
}
.layui-collapse
{
border-width
:
1px
;
border-style
:
solid
;
border-radius
:
2px
}
.layui-colla-content
,
.layui-colla-item
{
border-top-width
:
1px
;
border-top-style
:
solid
}
.layui-colla-item
:first-child
{
border-top
:
none
}
.layui-colla-title
{
position
:
relative
;
height
:
42px
;
line-height
:
42px
;
padding
:
0
15px
0
35px
;
color
:
#333
;
background-color
:
#f2f2f2
;
cursor
:
pointer
;
font-size
:
14px
;
overflow
:
hidden
}
.layui-colla-content
{
display
:
none
;
padding
:
10px
15px
;
line-height
:
22px
;
color
:
#666
}
.layui-colla-icon
{
position
:
absolute
;
left
:
15px
;
top
:
0
;
font-size
:
14px
}
.layui-card
{
margin-bottom
:
15px
;
border-radius
:
2px
;
background-color
:
#fff
;
box-shadow
:
0
1px
2px
0
rgba
(
0
,
0
,
0
,
.05
)}
.layui-card
:last-child
{
margin-bottom
:
0
}
.layui-card-header
{
position
:
relative
;
height
:
42px
;
line-height
:
42px
;
padding
:
0
15px
;
border-bottom
:
1px
solid
#f6f6f6
;
color
:
#333
;
border-radius
:
2px
2px
0
0
;
font-size
:
14px
}
.layui-bg-black
,
.layui-bg-blue
,
.layui-bg-cyan
,
.layui-bg-green
,
.layui-bg-orange
,
.layui-bg-red
{
color
:
#fff
!important
}
.layui-card-body
{
position
:
relative
;
padding
:
10px
15px
;
line-height
:
24px
}
.layui-card-body
[
pad15
]
{
padding
:
15px
}
.layui-card-body
[
pad20
]
{
padding
:
20px
}
.layui-card-body
.layui-table
{
margin
:
5px
0
}
.layui-card
.layui-tab
{
margin
:
0
}
.layui-panel-window
{
position
:
relative
;
padding
:
15px
;
border-radius
:
0
;
border-top
:
5px
solid
#E6E6E6
;
background-color
:
#fff
}
.layui-auxiliar-moving
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
width
:
100%
;
height
:
100%
;
background
:
0
0
;
z-index
:
9999999999
}
.layui-form-label
,
.layui-form-mid
,
.layui-form-select
,
.layui-input-block
,
.layui-input-inline
,
.layui-textarea
{
position
:
relative
}
.layui-bg-red
{
background-color
:
#FF5722
!important
}
.layui-bg-orange
{
background-color
:
#FFB800
!important
}
.layui-bg-green
{
background-color
:
#009688
!important
}
.layui-bg-cyan
{
background-color
:
#2F4056
!important
}
.layui-bg-blue
{
background-color
:
#1E9FFF
!important
}
.layui-bg-black
{
background-color
:
#393D49
!important
}
.layui-bg-gray
{
background-color
:
#eee
!important
;
color
:
#666
!important
}
.layui-badge-rim
,
.layui-colla-content
,
.layui-colla-item
,
.layui-collapse
,
.layui-elem-field
,
.layui-form-pane
.layui-form-item
[
pane
],
.layui-form-pane
.layui-form-label
,
.layui-input
,
.layui-layedit
,
.layui-layedit-tool
,
.layui-quote-nm
,
.layui-select
,
.layui-tab-bar
,
.layui-tab-card
,
.layui-tab-title
,
.layui-tab-title
.layui-this
:after
,
.layui-textarea
{
border-color
:
#e6e6e6
}
.layui-timeline-item
:before
,
hr
{
background-color
:
#e6e6e6
}
.layui-text
{
line-height
:
22px
;
font-size
:
14px
;
color
:
#666
}
.layui-text
h1
,
.layui-text
h2
,
.layui-text
h3
{
font-weight
:
500
;
color
:
#333
}
.layui-text
h1
{
font-size
:
30px
}
.layui-text
h2
{
font-size
:
24px
}
.layui-text
h3
{
font-size
:
18px
}
.layui-text
a
:not
(
.layui-btn
)
{
color
:
#01AAED
}
.layui-text
a
:not
(
.layui-btn
)
:hover
{
text-decoration
:
underline
}
.layui-text
ul
{
padding
:
5px
0
5px
15px
}
.layui-text
ul
li
{
margin-top
:
5px
;
list-style-type
:
disc
}
.layui-text
em
,
.layui-word-aux
{
color
:
#999
!important
;
padding
:
0
5px
!important
}
.layui-btn
{
display
:
inline-block
;
height
:
38px
;
line-height
:
38px
;
padding
:
0
18px
;
background-color
:
#009688
;
color
:
#fff
;
white-space
:
nowrap
;
text-align
:
center
;
font-size
:
14px
;
border
:
none
;
border-radius
:
2px
;
cursor
:
pointer
}
.layui-btn
:hover
{
opacity
:
.8
;
filter
:
alpha
(
opacity
=
80
);
color
:
#fff
}
.layui-btn
:active
{
opacity
:
1
;
filter
:
alpha
(
opacity
=
100
)}
.layui-btn
+
.layui-btn
{
margin-left
:
10px
}
.layui-btn-container
{
font-size
:
0
}
.layui-btn-container
.layui-btn
{
margin-right
:
10px
;
margin-bottom
:
10px
}
.layui-btn-container
.layui-btn
+
.layui-btn
{
margin-left
:
0
}
.layui-table
.layui-btn-container
.layui-btn
{
margin-bottom
:
9px
}
.layui-btn-radius
{
border-radius
:
100px
}
.layui-btn
.layui-icon
{
margin-right
:
3px
;
font-size
:
18px
;
vertical-align
:
bottom
;
vertical-align
:
middle
\
9
}
.layui-btn-primary
{
border
:
1px
solid
#C9C9C9
;
background-color
:
#fff
;
color
:
#555
}
.layui-btn-primary
:hover
{
border-color
:
#009688
;
color
:
#333
}
.layui-btn-normal
{
background-color
:
#1E9FFF
}
.layui-btn-warm
{
background-color
:
#FFB800
}
.layui-btn-danger
{
background-color
:
#FF5722
}
.layui-btn-disabled
,
.layui-btn-disabled
:active
,
.layui-btn-disabled
:hover
{
border
:
1px
solid
#e6e6e6
;
background-color
:
#FBFBFB
;
color
:
#C9C9C9
;
cursor
:
not-allowed
;
opacity
:
1
}
.layui-btn-lg
{
height
:
44px
;
line-height
:
44px
;
padding
:
0
25px
;
font-size
:
16px
}
.layui-btn-sm
{
height
:
30px
;
line-height
:
30px
;
padding
:
0
10px
;
font-size
:
12px
}
.layui-btn-sm
i
{
font-size
:
16px
!important
}
.layui-btn-xs
{
height
:
22px
;
line-height
:
22px
;
padding
:
0
5px
;
font-size
:
12px
}
.layui-btn-xs
i
{
font-size
:
14px
!important
}
.layui-btn-group
{
display
:
inline-block
;
vertical-align
:
middle
;
font-size
:
0
}
.layui-btn-group
.layui-btn
{
margin-left
:
0
!important
;
margin-right
:
0
!important
;
border-left
:
1px
solid
rgba
(
255
,
255
,
255
,
.5
);
border-radius
:
0
}
.layui-btn-group
.layui-btn-primary
{
border-left
:
none
}
.layui-btn-group
.layui-btn-primary
:hover
{
border-color
:
#C9C9C9
;
color
:
#009688
}
.layui-btn-group
.layui-btn
:first-child
{
border-left
:
none
;
border-radius
:
2px
0
0
2px
}
.layui-btn-group
.layui-btn-primary
:first-child
{
border-left
:
1px
solid
#c9c9c9
}
.layui-btn-group
.layui-btn
:last-child
{
border-radius
:
0
2px
2px
0
}
.layui-btn-group
.layui-btn
+
.layui-btn
{
margin-left
:
0
}
.layui-btn-group
+
.layui-btn-group
{
margin-left
:
10px
}
.layui-btn-fluid
{
width
:
100%
}
.layui-input
,
.layui-select
,
.layui-textarea
{
height
:
38px
;
line-height
:
1.3
;
line-height
:
38px
\
9
;
border-width
:
1px
;
border-style
:
solid
;
background-color
:
#fff
;
border-radius
:
2px
}
.layui-input
::-webkit-input-placeholder
,
.layui-select
::-webkit-input-placeholder
,
.layui-textarea
::-webkit-input-placeholder
{
line-height
:
1.3
}
.layui-input
,
.layui-textarea
{
display
:
block
;
width
:
100%
;
padding-left
:
10px
}
.layui-input
:hover
,
.layui-textarea
:hover
{
border-color
:
#D2D2D2
!important
}
.layui-input
:focus
,
.layui-textarea
:focus
{
border-color
:
#C9C9C9
!important
}
.layui-textarea
{
min-height
:
100px
;
height
:
auto
;
line-height
:
20px
;
padding
:
6px
10px
;
resize
:
vertical
}
.layui-select
{
padding
:
0
10px
}
.layui-form
input
[
type
=
checkbox
],
.layui-form
input
[
type
=
radio
],
.layui-form
select
{
display
:
none
}
.layui-form
[
lay-ignore
]
{
display
:
initial
}
.layui-form-item
{
margin-bottom
:
15px
;
clear
:
both
;
*
zoom
:
1
}
.layui-form-item
:after
{
content
:
'\20'
;
clear
:
both
;
*
zoom
:
1
;
display
:
block
;
height
:
0
}
.layui-form-label
{
float
:
left
;
display
:
block
;
padding
:
9px
15px
;
width
:
80px
;
font-weight
:
400
;
line-height
:
20px
;
text-align
:
right
}
.layui-form-label-col
{
display
:
block
;
float
:
none
;
padding
:
9px
0
;
line-height
:
20px
;
text-align
:
left
}
.layui-form-item
.layui-inline
{
margin-bottom
:
5px
;
margin-right
:
10px
}
.layui-input-block
{
margin-left
:
110px
;
min-height
:
36px
}
.layui-input-inline
{
display
:
inline-block
;
vertical-align
:
middle
}
.layui-form-item
.layui-input-inline
{
float
:
left
;
width
:
190px
;
margin-right
:
10px
}
.layui-form-text
.layui-input-inline
{
width
:
auto
}
.layui-form-mid
{
float
:
left
;
display
:
block
;
padding
:
9px
0
!important
;
line-height
:
20px
;
margin-right
:
10px
}
.layui-form-danger
+
.layui-form-select
.layui-input
,
.layui-form-danger
:focus
{
border-color
:
#FF5722
!important
}
.layui-form-select
.layui-input
{
padding-right
:
30px
;
cursor
:
pointer
}
.layui-form-select
.layui-edge
{
position
:
absolute
;
right
:
10px
;
top
:
50%
;
margin-top
:
-3px
;
cursor
:
pointer
;
border-width
:
6px
;
border-top-color
:
#c2c2c2
;
border-top-style
:
solid
;
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-form-select
dl
{
display
:
none
;
position
:
absolute
;
left
:
0
;
top
:
42px
;
padding
:
5px
0
;
z-index
:
899
;
min-width
:
100%
;
border
:
1px
solid
#d2d2d2
;
max-height
:
300px
;
overflow-y
:
auto
;
background-color
:
#fff
;
border-radius
:
2px
;
box-shadow
:
0
2px
4px
rgba
(
0
,
0
,
0
,
.12
);
box-sizing
:
border-box
}
.layui-form-select
dl
dd
,
.layui-form-select
dl
dt
{
padding
:
0
10px
;
line-height
:
36px
;
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.layui-form-select
dl
dt
{
font-size
:
12px
;
color
:
#999
}
.layui-form-select
dl
dd
{
cursor
:
pointer
}
.layui-form-select
dl
dd
:hover
{
background-color
:
#f2f2f2
;
-webkit-transition
:
.5s
all
;
transition
:
.5s
all
}
.layui-form-select
.layui-select-group
dd
{
padding-left
:
20px
}
.layui-form-select
dl
dd
.layui-select-tips
{
padding-left
:
10px
!important
;
color
:
#999
}
.layui-form-select
dl
dd
.layui-this
{
background-color
:
#5FB878
;
color
:
#fff
}
.layui-form-checkbox
,
.layui-form-select
dl
dd
.layui-disabled
{
background-color
:
#fff
}
.layui-form-selected
dl
{
display
:
block
}
.layui-form-checkbox
,
.layui-form-checkbox
*,
.layui-form-switch
{
display
:
inline-block
;
vertical-align
:
middle
}
.layui-form-selected
.layui-edge
{
margin-top
:
-9px
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
);
margin-top
:
-3px
\
9
}
:root
.layui-form-selected
.layui-edge
{
margin-top
:
-9px
\
0
/
IE9
}
.layui-form-selectup
dl
{
top
:
auto
;
bottom
:
42px
}
.layui-select-none
{
margin
:
5px
0
;
text-align
:
center
;
color
:
#999
}
.layui-select-disabled
.layui-disabled
{
border-color
:
#eee
!important
}
.layui-select-disabled
.layui-edge
{
border-top-color
:
#d2d2d2
}
.layui-form-checkbox
{
position
:
relative
;
height
:
30px
;
line-height
:
30px
;
margin-right
:
10px
;
padding-right
:
30px
;
cursor
:
pointer
;
font-size
:
0
;
-webkit-transition
:
.1s
linear
;
transition
:
.1s
linear
;
box-sizing
:
border-box
}
.layui-form-checkbox
span
{
padding
:
0
10px
;
height
:
100%
;
font-size
:
14px
;
border-radius
:
2px
0
0
2px
;
background-color
:
#d2d2d2
;
color
:
#fff
;
overflow
:
hidden
}
.layui-form-checkbox
:hover
span
{
background-color
:
#c2c2c2
}
.layui-form-checkbox
i
{
position
:
absolute
;
right
:
0
;
top
:
0
;
width
:
30px
;
height
:
28px
;
border
:
1px
solid
#d2d2d2
;
border-left
:
none
;
border-radius
:
0
2px
2px
0
;
color
:
#fff
;
font-size
:
20px
;
text-align
:
center
}
.layui-form-checkbox
:hover
i
{
border-color
:
#c2c2c2
;
color
:
#c2c2c2
}
.layui-form-checked
,
.layui-form-checked
:hover
{
border-color
:
#5FB878
}
.layui-form-checked
span
,
.layui-form-checked
:hover
span
{
background-color
:
#5FB878
}
.layui-form-checked
i
,
.layui-form-checked
:hover
i
{
color
:
#5FB878
}
.layui-form-item
.layui-form-checkbox
{
margin-top
:
4px
}
.layui-form-checkbox
[
lay-skin
=
primary
]
{
height
:
auto
!important
;
line-height
:
normal
!important
;
min-width
:
18px
;
min-height
:
18px
;
border
:
none
!important
;
margin-right
:
0
;
padding-left
:
28px
;
padding-right
:
0
;
background
:
0
0
}
.layui-form-checkbox
[
lay-skin
=
primary
]
span
{
padding-left
:
0
;
padding-right
:
15px
;
line-height
:
18px
;
background
:
0
0
;
color
:
#666
}
.layui-form-checkbox
[
lay-skin
=
primary
]
i
{
right
:
auto
;
left
:
0
;
width
:
16px
;
height
:
16px
;
line-height
:
16px
;
border
:
1px
solid
#d2d2d2
;
font-size
:
12px
;
border-radius
:
2px
;
background-color
:
#fff
;
-webkit-transition
:
.1s
linear
;
transition
:
.1s
linear
}
.layui-form-checkbox
[
lay-skin
=
primary
]
:hover
i
{
border-color
:
#5FB878
;
color
:
#fff
}
.layui-form-checked
[
lay-skin
=
primary
]
i
{
border-color
:
#5FB878
;
background-color
:
#5FB878
;
color
:
#fff
}
.layui-checkbox-disbaled
[
lay-skin
=
primary
]
span
{
background
:
0
0
!important
;
color
:
#c2c2c2
}
.layui-checkbox-disbaled
[
lay-skin
=
primary
]
:hover
i
{
border-color
:
#d2d2d2
}
.layui-form-item
.layui-form-checkbox
[
lay-skin
=
primary
]
{
margin-top
:
10px
}
.layui-form-switch
{
position
:
relative
;
height
:
22px
;
line-height
:
22px
;
min-width
:
35px
;
padding
:
0
5px
;
margin-top
:
8px
;
border
:
1px
solid
#d2d2d2
;
border-radius
:
20px
;
cursor
:
pointer
;
background-color
:
#fff
;
-webkit-transition
:
.1s
linear
;
transition
:
.1s
linear
}
.layui-form-switch
i
{
position
:
absolute
;
left
:
5px
;
top
:
3px
;
width
:
16px
;
height
:
16px
;
border-radius
:
20px
;
background-color
:
#d2d2d2
;
-webkit-transition
:
.1s
linear
;
transition
:
.1s
linear
}
.layui-form-switch
em
{
position
:
relative
;
top
:
0
;
width
:
25px
;
margin-left
:
21px
;
padding
:
0
!important
;
text-align
:
center
!important
;
color
:
#999
!important
;
font-style
:
normal
!important
;
font-size
:
12px
}
.layui-form-onswitch
{
border-color
:
#5FB878
;
background-color
:
#5FB878
}
.layui-checkbox-disbaled
,
.layui-checkbox-disbaled
i
{
border-color
:
#e2e2e2
!important
}
.layui-form-onswitch
i
{
left
:
100%
;
margin-left
:
-21px
;
background-color
:
#fff
}
.layui-form-onswitch
em
{
margin-left
:
5px
;
margin-right
:
21px
;
color
:
#fff
!important
}
.layui-checkbox-disbaled
span
{
background-color
:
#e2e2e2
!important
}
.layui-checkbox-disbaled
:hover
i
{
color
:
#fff
!important
}
[
lay-radio
]
{
display
:
none
}
.layui-form-radio
,
.layui-form-radio
*
{
display
:
inline-block
;
vertical-align
:
middle
}
.layui-form-radio
{
line-height
:
28px
;
margin
:
6px
10px
0
0
;
padding-right
:
10px
;
cursor
:
pointer
;
font-size
:
0
}
.layui-form-radio
*
{
font-size
:
14px
}
.layui-form-radio
>
i
{
margin-right
:
8px
;
font-size
:
22px
;
color
:
#c2c2c2
}
.layui-form-radio
>
i
:hover
,
.layui-form-radioed
>
i
{
color
:
#5FB878
}
.layui-radio-disbaled
>
i
{
color
:
#e2e2e2
!important
}
.layui-form-pane
.layui-form-label
{
width
:
110px
;
padding
:
8px
15px
;
height
:
38px
;
line-height
:
20px
;
border-width
:
1px
;
border-style
:
solid
;
border-radius
:
2px
0
0
2px
;
text-align
:
center
;
background-color
:
#FBFBFB
;
overflow
:
hidden
;
box-sizing
:
border-box
}
.layui-form-pane
.layui-input-inline
{
margin-left
:
-1px
}
.layui-form-pane
.layui-input-block
{
margin-left
:
110px
;
left
:
-1px
}
.layui-form-pane
.layui-input
{
border-radius
:
0
2px
2px
0
}
.layui-form-pane
.layui-form-text
.layui-form-label
{
float
:
none
;
width
:
100%
;
border-radius
:
2px
;
box-sizing
:
border-box
;
text-align
:
left
}
.layui-form-pane
.layui-form-text
.layui-input-inline
{
display
:
block
;
margin
:
0
;
top
:
-1px
;
clear
:
both
}
.layui-form-pane
.layui-form-text
.layui-input-block
{
margin
:
0
;
left
:
0
;
top
:
-1px
}
.layui-form-pane
.layui-form-text
.layui-textarea
{
min-height
:
100px
;
border-radius
:
0
0
2px
2px
}
.layui-form-pane
.layui-form-checkbox
{
margin
:
4px
0
4px
10px
}
.layui-form-pane
.layui-form-radio
,
.layui-form-pane
.layui-form-switch
{
margin-top
:
6px
;
margin-left
:
10px
}
.layui-form-pane
.layui-form-item
[
pane
]
{
position
:
relative
;
border-width
:
1px
;
border-style
:
solid
}
.layui-form-pane
.layui-form-item
[
pane
]
.layui-form-label
{
position
:
absolute
;
left
:
0
;
top
:
0
;
height
:
100%
;
border-width
:
0
1px
0
0
}
.layui-form-pane
.layui-form-item
[
pane
]
.layui-input-inline
{
margin-left
:
110px
}
@media
screen
and
(
max-width
:
450px
){
.layui-form-item
.layui-form-label
{
text-overflow
:
ellipsis
;
overflow
:
hidden
;
white-space
:
nowrap
}
.layui-form-item
.layui-inline
{
display
:
block
;
margin-right
:
0
;
margin-bottom
:
20px
;
clear
:
both
}
.layui-form-item
.layui-inline
:after
{
content
:
'\20'
;
clear
:
both
;
display
:
block
;
height
:
0
}
.layui-form-item
.layui-input-inline
{
display
:
block
;
float
:
none
;
left
:
-3px
;
width
:
auto
;
margin
:
0
0
10px
112px
}
.layui-form-item
.layui-input-inline
+
.layui-form-mid
{
margin-left
:
110px
;
top
:
-5px
;
padding
:
0
}
.layui-form-item
.layui-form-checkbox
{
margin-right
:
5px
;
margin-bottom
:
5px
}}
.layui-layedit
{
border-width
:
1px
;
border-style
:
solid
;
border-radius
:
2px
}
.layui-layedit-tool
{
padding
:
3px
5px
;
border-bottom-width
:
1px
;
border-bottom-style
:
solid
;
font-size
:
0
}
.layedit-tool-fixed
{
position
:
fixed
;
top
:
0
;
border-top
:
1px
solid
#e2e2e2
}
.layui-layedit-tool
.layedit-tool-mid
,
.layui-layedit-tool
.layui-icon
{
display
:
inline-block
;
vertical-align
:
middle
;
text-align
:
center
;
font-size
:
14px
}
.layui-layedit-tool
.layui-icon
{
position
:
relative
;
width
:
32px
;
height
:
30px
;
line-height
:
30px
;
margin
:
3px
5px
;
color
:
#777
;
cursor
:
pointer
;
border-radius
:
2px
}
.layui-layedit-tool
.layui-icon
:hover
{
color
:
#393D49
}
.layui-layedit-tool
.layui-icon
:active
{
color
:
#000
}
.layui-layedit-tool
.layedit-tool-active
{
background-color
:
#e2e2e2
;
color
:
#000
}
.layui-layedit-tool
.layui-disabled
,
.layui-layedit-tool
.layui-disabled
:hover
{
color
:
#d2d2d2
;
cursor
:
not-allowed
}
.layui-layedit-tool
.layedit-tool-mid
{
width
:
1px
;
height
:
18px
;
margin
:
0
10px
;
background-color
:
#d2d2d2
}
.layedit-tool-html
{
width
:
50px
!important
;
font-size
:
30px
!important
}
.layedit-tool-b
,
.layedit-tool-code
,
.layedit-tool-help
{
font-size
:
16px
!important
}
.layedit-tool-d
,
.layedit-tool-face
,
.layedit-tool-image
,
.layedit-tool-unlink
{
font-size
:
18px
!important
}
.layedit-tool-image
input
{
position
:
absolute
;
font-size
:
0
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
.01
;
filter
:
Alpha
(
opacity
=
1
);
cursor
:
pointer
}
.layui-layedit-iframe
iframe
{
display
:
block
;
width
:
100%
}
#LAY_layedit_code
{
overflow
:
hidden
}
.layui-laypage
{
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
middle
;
margin
:
10px
0
;
font-size
:
0
}
.layui-laypage
>
a
:first-child
,
.layui-laypage
>
a
:first-child
em
{
border-radius
:
2px
0
0
2px
}
.layui-laypage
>
a
:last-child
,
.layui-laypage
>
a
:last-child
em
{
border-radius
:
0
2px
2px
0
}
.layui-laypage
>
:first-child
{
margin-left
:
0
!important
}
.layui-laypage
>
:last-child
{
margin-right
:
0
!important
}
.layui-laypage
a
,
.layui-laypage
button
,
.layui-laypage
input
,
.layui-laypage
select
,
.layui-laypage
span
{
border
:
1px
solid
#e2e2e2
}
.layui-laypage
a
,
.layui-laypage
span
{
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
middle
;
padding
:
0
15px
;
height
:
28px
;
line-height
:
28px
;
margin
:
0
-1px
5px
0
;
background-color
:
#fff
;
color
:
#333
;
font-size
:
12px
}
.layui-flow-more
a
*,
.layui-laypage
input
,
.layui-table-view
select
[
lay-ignore
]
{
display
:
inline-block
}
.layui-laypage
a
:hover
{
color
:
#009688
}
.layui-laypage
em
{
font-style
:
normal
}
.layui-laypage
.layui-laypage-spr
{
color
:
#999
;
font-weight
:
700
}
.layui-laypage
a
{
text-decoration
:
none
}
.layui-laypage
.layui-laypage-curr
{
position
:
relative
}
.layui-laypage
.layui-laypage-curr
em
{
position
:
relative
;
color
:
#fff
}
.layui-laypage
.layui-laypage-curr
.layui-laypage-em
{
position
:
absolute
;
left
:
-1px
;
top
:
-1px
;
padding
:
1px
;
width
:
100%
;
height
:
100%
;
background-color
:
#009688
}
.layui-laypage-em
{
border-radius
:
2px
}
.layui-laypage-next
em
,
.layui-laypage-prev
em
{
font-family
:
Sim
sun
;
font-size
:
16px
}
.layui-laypage
.layui-laypage-count
,
.layui-laypage
.layui-laypage-limits
,
.layui-laypage
.layui-laypage-refresh
,
.layui-laypage
.layui-laypage-skip
{
margin-left
:
10px
;
margin-right
:
10px
;
padding
:
0
;
border
:
none
}
.layui-laypage
.layui-laypage-limits
,
.layui-laypage
.layui-laypage-refresh
{
vertical-align
:
top
}
.layui-laypage
.layui-laypage-refresh
i
{
font-size
:
18px
;
cursor
:
pointer
}
.layui-laypage
select
{
height
:
22px
;
padding
:
3px
;
border-radius
:
2px
;
cursor
:
pointer
}
.layui-laypage
.layui-laypage-skip
{
height
:
30px
;
line-height
:
30px
;
color
:
#999
}
.layui-laypage
button
,
.layui-laypage
input
{
height
:
30px
;
line-height
:
30px
;
border-radius
:
2px
;
vertical-align
:
top
;
background-color
:
#fff
;
box-sizing
:
border-box
}
.layui-laypage
input
{
width
:
40px
;
margin
:
0
10px
;
padding
:
0
3px
;
text-align
:
center
}
.layui-laypage
input
:focus
,
.layui-laypage
select
:focus
{
border-color
:
#009688
!important
}
.layui-laypage
button
{
margin-left
:
10px
;
padding
:
0
10px
;
cursor
:
pointer
}
.layui-table
,
.layui-table-view
{
margin
:
10px
0
}
.layui-flow-more
{
margin
:
10px
0
;
text-align
:
center
;
color
:
#999
;
font-size
:
14px
}
.layui-flow-more
a
{
height
:
32px
;
line-height
:
32px
}
.layui-flow-more
a
*
{
vertical-align
:
top
}
.layui-flow-more
a
cite
{
padding
:
0
20px
;
border-radius
:
3px
;
background-color
:
#eee
;
color
:
#333
;
font-style
:
normal
}
.layui-flow-more
a
cite
:hover
{
opacity
:
.8
}
.layui-flow-more
a
i
{
font-size
:
30px
;
color
:
#737383
}
.layui-table
{
width
:
100%
;
background-color
:
#fff
;
color
:
#666
}
.layui-table
tr
{
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-table
th
{
text-align
:
left
;
font-weight
:
400
}
.layui-table
tbody
tr
:hover
,
.layui-table
thead
tr
,
.layui-table-click
,
.layui-table-header
,
.layui-table-hover
,
.layui-table-mend
,
.layui-table-patch
,
.layui-table-tool
,
.layui-table-total
,
.layui-table-total
tr
,
.layui-table
[
lay-even
]
tr
:nth-child
(
even
)
{
background-color
:
#f2f2f2
}
.layui-table
td
,
.layui-table
th
,
.layui-table-col-set
,
.layui-table-fixed-r
,
.layui-table-grid-down
,
.layui-table-header
,
.layui-table-page
,
.layui-table-tips-main
,
.layui-table-tool
,
.layui-table-total
,
.layui-table-view
,
.layui-table
[
lay-skin
=
line
],
.layui-table
[
lay-skin
=
row
]
{
border-width
:
1px
;
border-style
:
solid
;
border-color
:
#e6e6e6
}
.layui-table
td
,
.layui-table
th
{
position
:
relative
;
padding
:
9px
15px
;
min-height
:
20px
;
line-height
:
20px
;
font-size
:
14px
}
.layui-table
[
lay-skin
=
line
]
td
,
.layui-table
[
lay-skin
=
line
]
th
{
border-width
:
0
0
1px
}
.layui-table
[
lay-skin
=
row
]
td
,
.layui-table
[
lay-skin
=
row
]
th
{
border-width
:
0
1px
0
0
}
.layui-table
[
lay-skin
=
nob
]
td
,
.layui-table
[
lay-skin
=
nob
]
th
{
border
:
none
}
.layui-table
img
{
max-width
:
100px
}
.layui-table
[
lay-size
=
lg
]
td
,
.layui-table
[
lay-size
=
lg
]
th
{
padding
:
15px
30px
}
.layui-table-view
.layui-table
[
lay-size
=
lg
]
.layui-table-cell
{
height
:
40px
;
line-height
:
40px
}
.layui-table
[
lay-size
=
sm
]
td
,
.layui-table
[
lay-size
=
sm
]
th
{
font-size
:
12px
;
padding
:
5px
10px
}
.layui-table-view
.layui-table
[
lay-size
=
sm
]
.layui-table-cell
{
height
:
20px
;
line-height
:
20px
}
.layui-table
[
lay-data
]
{
display
:
none
}
.layui-table-box
{
position
:
relative
;
overflow
:
hidden
}
.layui-table-view
.layui-table
{
position
:
relative
;
width
:
auto
;
margin
:
0
}
.layui-table-view
.layui-table
[
lay-skin
=
line
]
{
border-width
:
0
1px
0
0
}
.layui-table-view
.layui-table
[
lay-skin
=
row
]
{
border-width
:
0
0
1px
}
.layui-table-view
.layui-table
td
,
.layui-table-view
.layui-table
th
{
padding
:
5px
0
;
border-top
:
none
;
border-left
:
none
}
.layui-table-view
.layui-table
th
.layui-unselect
.layui-table-cell
span
{
cursor
:
pointer
}
.layui-table-view
.layui-table
td
{
cursor
:
default
}
.layui-table-view
.layui-form-checkbox
[
lay-skin
=
primary
]
i
{
width
:
18px
;
height
:
18px
}
.layui-table-view
.layui-form-radio
{
line-height
:
0
;
padding
:
0
}
.layui-table-view
.layui-form-radio
>
i
{
margin
:
0
;
font-size
:
20px
}
.layui-table-init
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
text-align
:
center
;
z-index
:
110
}
.layui-table-init
.layui-icon
{
position
:
absolute
;
left
:
50%
;
top
:
50%
;
margin
:
-15px
0
0
-15px
;
font-size
:
30px
;
color
:
#c2c2c2
}
.layui-table-header
{
border-width
:
0
0
1px
;
overflow
:
hidden
}
.layui-table-header
.layui-table
{
margin-bottom
:
-1px
}
.layui-table-tool
.layui-inline
[
lay-event
]
{
position
:
relative
;
width
:
26px
;
height
:
26px
;
padding
:
5px
;
line-height
:
16px
;
margin-right
:
10px
;
text-align
:
center
;
color
:
#333
;
border
:
1px
solid
#ccc
;
cursor
:
pointer
;
-webkit-transition
:
.5s
all
;
transition
:
.5s
all
}
.layui-table-tool
.layui-inline
[
lay-event
]
:hover
{
border
:
1px
solid
#999
}
.layui-table-tool-temp
{
padding-right
:
120px
}
.layui-table-tool-self
{
position
:
absolute
;
right
:
17px
;
top
:
10px
}
.layui-table-tool
.layui-table-tool-self
.layui-inline
[
lay-event
]
{
margin
:
0
0
0
10px
}
.layui-table-tool-panel
{
position
:
absolute
;
top
:
29px
;
left
:
-1px
;
padding
:
5px
0
;
min-width
:
150px
;
min-height
:
40px
;
border
:
1px
solid
#d2d2d2
;
text-align
:
left
;
overflow-y
:
auto
;
background-color
:
#fff
;
box-shadow
:
0
2px
4px
rgba
(
0
,
0
,
0
,
.12
)}
.layui-table-cell
,
.layui-table-tool-panel
li
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.layui-table-tool-panel
li
{
padding
:
0
10px
;
line-height
:
30px
;
-webkit-transition
:
.5s
all
;
transition
:
.5s
all
}
.layui-table-tool-panel
li
.layui-form-checkbox
[
lay-skin
=
primary
]
{
width
:
100%
;
padding-left
:
28px
}
.layui-table-tool-panel
li
:hover
{
background-color
:
#f2f2f2
}
.layui-table-tool-panel
li
.layui-form-checkbox
[
lay-skin
=
primary
]
i
{
position
:
absolute
;
left
:
0
;
top
:
0
}
.layui-table-tool-panel
li
.layui-form-checkbox
[
lay-skin
=
primary
]
span
{
padding
:
0
}
.layui-table-tool
.layui-table-tool-self
.layui-table-tool-panel
{
left
:
auto
;
right
:
-1px
}
.layui-table-col-set
{
position
:
absolute
;
right
:
0
;
top
:
0
;
width
:
20px
;
height
:
100%
;
border-width
:
0
0
0
1px
;
background-color
:
#fff
}
.layui-table-sort
{
width
:
10px
;
height
:
20px
;
margin-left
:
5px
;
cursor
:
pointer
!important
}
.layui-table-sort
.layui-edge
{
position
:
absolute
;
left
:
5px
;
border-width
:
5px
}
.layui-table-sort
.layui-table-sort-asc
{
top
:
3px
;
border-top
:
none
;
border-bottom-style
:
solid
;
border-bottom-color
:
#b2b2b2
}
.layui-table-sort
.layui-table-sort-asc
:hover
{
border-bottom-color
:
#666
}
.layui-table-sort
.layui-table-sort-desc
{
bottom
:
5px
;
border-bottom
:
none
;
border-top-style
:
solid
;
border-top-color
:
#b2b2b2
}
.layui-table-sort
.layui-table-sort-desc
:hover
{
border-top-color
:
#666
}
.layui-table-sort
[
lay-sort
=
asc
]
.layui-table-sort-asc
{
border-bottom-color
:
#000
}
.layui-table-sort
[
lay-sort
=
desc
]
.layui-table-sort-desc
{
border-top-color
:
#000
}
.layui-table-cell
{
height
:
28px
;
line-height
:
28px
;
padding
:
0
15px
;
position
:
relative
;
box-sizing
:
border-box
}
.layui-table-cell
.layui-form-checkbox
[
lay-skin
=
primary
]
{
top
:
-1px
;
padding
:
0
}
.layui-table-cell
.layui-table-link
{
color
:
#01AAED
}
.laytable-cell-checkbox
,
.laytable-cell-numbers
,
.laytable-cell-radio
,
.laytable-cell-space
{
padding
:
0
;
text-align
:
center
}
.layui-table-body
{
position
:
relative
;
overflow
:
auto
;
margin-right
:
-1px
;
margin-bottom
:
-1px
}
.layui-table-body
.layui-none
{
line-height
:
26px
;
padding
:
15px
;
text-align
:
center
;
color
:
#999
}
.layui-table-fixed
{
position
:
absolute
;
left
:
0
;
top
:
0
;
z-index
:
101
}
.layui-table-fixed
.layui-table-body
{
overflow
:
hidden
}
.layui-table-fixed-l
{
box-shadow
:
0
-1px
8px
rgba
(
0
,
0
,
0
,
.08
)}
.layui-table-fixed-r
{
left
:
auto
;
right
:
-1px
;
border-width
:
0
0
0
1px
;
box-shadow
:
-1px
0
8px
rgba
(
0
,
0
,
0
,
.08
)}
.layui-table-fixed-r
.layui-table-header
{
position
:
relative
;
overflow
:
visible
}
.layui-table-mend
{
position
:
absolute
;
right
:
-49px
;
top
:
0
;
height
:
100%
;
width
:
50px
}
.layui-table-tool
{
position
:
relative
;
z-index
:
890
;
width
:
100%
;
min-height
:
50px
;
line-height
:
30px
;
padding
:
10px
15px
;
border-width
:
0
0
1px
}
.layui-table-tool
.layui-btn-container
{
margin-bottom
:
-10px
}
.layui-table-page
,
.layui-table-total
{
border-width
:
1px
0
0
;
margin-bottom
:
-1px
;
overflow
:
hidden
}
.layui-table-page
{
position
:
relative
;
width
:
100%
;
padding
:
7px
7px
0
;
height
:
41px
;
font-size
:
12px
;
white-space
:
nowrap
}
.layui-table-page
>
div
{
height
:
26px
}
.layui-table-page
.layui-laypage
{
margin
:
0
}
.layui-table-page
.layui-laypage
a
,
.layui-table-page
.layui-laypage
span
{
height
:
26px
;
line-height
:
26px
;
margin-bottom
:
10px
;
border
:
none
;
background
:
0
0
}
.layui-table-page
.layui-laypage
a
,
.layui-table-page
.layui-laypage
span
.layui-laypage-curr
{
padding
:
0
12px
}
.layui-table-page
.layui-laypage
span
{
margin-left
:
0
;
padding
:
0
}
.layui-table-page
.layui-laypage
.layui-laypage-prev
{
margin-left
:
-7px
!important
}
.layui-table-page
.layui-laypage
.layui-laypage-curr
.layui-laypage-em
{
left
:
0
;
top
:
0
;
padding
:
0
}
.layui-table-page
.layui-laypage
button
,
.layui-table-page
.layui-laypage
input
{
height
:
26px
;
line-height
:
26px
}
.layui-table-page
.layui-laypage
input
{
width
:
40px
}
.layui-table-page
.layui-laypage
button
{
padding
:
0
10px
}
.layui-table-page
select
{
height
:
18px
}
.layui-table-patch
.layui-table-cell
{
padding
:
0
;
width
:
30px
}
.layui-table-edit
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
padding
:
0
14px
1px
;
border-radius
:
0
;
box-shadow
:
1px
1px
20px
rgba
(
0
,
0
,
0
,
.15
)}
.layui-table-edit
:focus
{
border-color
:
#5FB878
!important
}
select
.layui-table-edit
{
padding
:
0
0
0
10px
;
border-color
:
#C9C9C9
}
.layui-table-view
.layui-form-checkbox
,
.layui-table-view
.layui-form-radio
,
.layui-table-view
.layui-form-switch
{
top
:
0
;
margin
:
0
;
box-sizing
:
content-box
}
.layui-table-view
.layui-form-checkbox
{
top
:
-1px
;
height
:
26px
;
line-height
:
26px
}
.layui-table-view
.layui-form-checkbox
i
{
height
:
26px
}
.layui-table-grid
.layui-table-cell
{
overflow
:
visible
}
.layui-table-grid-down
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
26px
;
height
:
100%
;
padding
:
5px
0
;
border-width
:
0
0
0
1px
;
text-align
:
center
;
background-color
:
#fff
;
color
:
#999
;
cursor
:
pointer
}
.layui-table-grid-down
.layui-icon
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
margin
:
-8px
0
0
-8px
}
.layui-table-grid-down
:hover
{
background-color
:
#fbfbfb
}
body
.layui-table-tips
.layui-layer-content
{
background
:
0
0
;
padding
:
0
;
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.12
)}
.layui-table-tips-main
{
margin
:
-44px
0
0
-1px
;
max-height
:
150px
;
padding
:
8px
15px
;
font-size
:
14px
;
overflow-y
:
scroll
;
background-color
:
#fff
;
color
:
#666
}
.layui-table-tips-c
{
position
:
absolute
;
right
:
-3px
;
top
:
-13px
;
width
:
20px
;
height
:
20px
;
padding
:
3px
;
cursor
:
pointer
;
background-color
:
#666
;
border-radius
:
50%
;
color
:
#fff
}
.layui-table-tips-c
:hover
{
background-color
:
#777
}
.layui-table-tips-c
:before
{
position
:
relative
;
right
:
-2px
}
.layui-upload-file
{
display
:
none
!important
;
opacity
:
.01
;
filter
:
Alpha
(
opacity
=
1
)}
.layui-upload-drag
,
.layui-upload-form
,
.layui-upload-wrap
{
display
:
inline-block
}
.layui-upload-list
{
margin
:
10px
0
}
.layui-upload-choose
{
padding
:
0
10px
;
color
:
#999
}
.layui-upload-drag
{
position
:
relative
;
padding
:
30px
;
border
:
1px
dashed
#e2e2e2
;
background-color
:
#fff
;
text-align
:
center
;
cursor
:
pointer
;
color
:
#999
}
.layui-upload-drag
.layui-icon
{
font-size
:
50px
;
color
:
#009688
}
.layui-upload-drag
[
lay-over
]
{
border-color
:
#009688
}
.layui-upload-iframe
{
position
:
absolute
;
width
:
0
;
height
:
0
;
border
:
0
;
visibility
:
hidden
}
.layui-upload-wrap
{
position
:
relative
;
vertical-align
:
middle
}
.layui-upload-wrap
.layui-upload-file
{
display
:
block
!important
;
position
:
absolute
;
left
:
0
;
top
:
0
;
z-index
:
10
;
font-size
:
100px
;
width
:
100%
;
height
:
100%
;
opacity
:
.01
;
filter
:
Alpha
(
opacity
=
1
);
cursor
:
pointer
}
.layui-tree
{
line-height
:
26px
}
.layui-tree
li
{
text-overflow
:
ellipsis
;
overflow
:
hidden
;
white-space
:
nowrap
}
.layui-tree
li
.layui-tree-spread
,
.layui-tree
li
a
{
display
:
inline-block
;
vertical-align
:
top
;
height
:
26px
;
*
display
:
inline
;
*
zoom
:
1
;
cursor
:
pointer
}
.layui-tree
li
a
{
font-size
:
0
}
.layui-tree
li
a
i
{
font-size
:
16px
}
.layui-tree
li
a
cite
{
padding
:
0
6px
;
font-size
:
14px
;
font-style
:
normal
}
.layui-tree
li
i
{
padding-left
:
6px
;
color
:
#333
;
-moz-user-select
:
none
}
.layui-tree
li
.layui-tree-check
{
font-size
:
13px
}
.layui-tree
li
.layui-tree-check
:hover
{
color
:
#009E94
}
.layui-tree
li
ul
{
display
:
none
;
margin-left
:
20px
}
.layui-tree
li
.layui-tree-enter
{
line-height
:
24px
;
border
:
1px
dotted
#000
}
.layui-tree-drag
{
display
:
none
;
position
:
absolute
;
left
:
-666px
;
top
:
-666px
;
background-color
:
#f2f2f2
;
padding
:
5px
10px
;
border
:
1px
dotted
#000
;
white-space
:
nowrap
}
.layui-tree-drag
i
{
padding-right
:
5px
}
.layui-nav
{
position
:
relative
;
padding
:
0
20px
;
background-color
:
#393D49
;
color
:
#fff
;
border-radius
:
2px
;
font-size
:
0
;
box-sizing
:
border-box
}
.layui-nav
*
{
font-size
:
14px
}
.layui-nav
.layui-nav-item
{
position
:
relative
;
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
middle
;
line-height
:
60px
}
.layui-nav
.layui-nav-item
a
{
display
:
block
;
padding
:
0
20px
;
color
:
#fff
;
color
:
rgba
(
255
,
255
,
255
,
.7
);
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-nav
.layui-this
:after
,
.layui-nav-bar
,
.layui-nav-tree
.layui-nav-itemed
:after
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
0
;
height
:
5px
;
background-color
:
#5FB878
;
transition
:
all
.2s
;
-webkit-transition
:
all
.2s
}
.layui-nav-bar
{
z-index
:
1000
}
.layui-nav
.layui-nav-item
a
:hover
,
.layui-nav
.layui-this
a
{
color
:
#fff
}
.layui-nav
.layui-this
:after
{
content
:
''
;
top
:
auto
;
bottom
:
0
;
width
:
100%
}
.layui-nav-img
{
width
:
30px
;
height
:
30px
;
margin-right
:
10px
;
border-radius
:
50%
}
.layui-nav
.layui-nav-more
{
content
:
''
;
width
:
0
;
height
:
0
;
border-style
:
solid
dashed
dashed
;
border-color
:
#fff
transparent
transparent
;
overflow
:
hidden
;
cursor
:
pointer
;
transition
:
all
.2s
;
-webkit-transition
:
all
.2s
;
position
:
absolute
;
top
:
50%
;
right
:
3px
;
margin-top
:
-3px
;
border-width
:
6px
;
border-top-color
:
rgba
(
255
,
255
,
255
,
.7
)}
.layui-nav
.layui-nav-mored
,
.layui-nav-itemed
>
a
.layui-nav-more
{
margin-top
:
-9px
;
border-style
:
dashed
dashed
solid
;
border-color
:
transparent
transparent
#fff
}
.layui-nav-child
{
display
:
none
;
position
:
absolute
;
left
:
0
;
top
:
65px
;
min-width
:
100%
;
line-height
:
36px
;
padding
:
5px
0
;
box-shadow
:
0
2px
4px
rgba
(
0
,
0
,
0
,
.12
);
border
:
1px
solid
#d2d2d2
;
background-color
:
#fff
;
z-index
:
100
;
border-radius
:
2px
;
white-space
:
nowrap
}
.layui-nav
.layui-nav-child
a
{
color
:
#333
}
.layui-nav
.layui-nav-child
a
:hover
{
background-color
:
#f2f2f2
;
color
:
#000
}
.layui-nav-child
dd
{
position
:
relative
}
.layui-nav
.layui-nav-child
dd
.layui-this
a
,
.layui-nav-child
dd
.layui-this
{
background-color
:
#5FB878
;
color
:
#fff
}
.layui-nav-child
dd
.layui-this
:after
{
display
:
none
}
.layui-nav-tree
{
width
:
200px
;
padding
:
0
}
.layui-nav-tree
.layui-nav-item
{
display
:
block
;
width
:
100%
;
line-height
:
45px
}
.layui-nav-tree
.layui-nav-item
a
{
position
:
relative
;
height
:
45px
;
line-height
:
45px
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
white-space
:
nowrap
}
.layui-nav-tree
.layui-nav-item
a
:hover
{
background-color
:
#4E5465
}
.layui-nav-tree
.layui-nav-bar
{
width
:
5px
;
height
:
0
;
background-color
:
#009688
}
.layui-nav-tree
.layui-nav-child
dd
.layui-this
,
.layui-nav-tree
.layui-nav-child
dd
.layui-this
a
,
.layui-nav-tree
.layui-this
,
.layui-nav-tree
.layui-this
>
a
,
.layui-nav-tree
.layui-this
>
a
:hover
{
background-color
:
#009688
;
color
:
#fff
}
.layui-nav-tree
.layui-this
:after
{
display
:
none
}
.layui-nav-itemed
>
a
,
.layui-nav-tree
.layui-nav-title
a
,
.layui-nav-tree
.layui-nav-title
a
:hover
{
color
:
#fff
!important
}
.layui-nav-tree
.layui-nav-child
{
position
:
relative
;
z-index
:
0
;
top
:
0
;
border
:
none
;
box-shadow
:
none
}
.layui-nav-tree
.layui-nav-child
a
{
height
:
40px
;
line-height
:
40px
;
color
:
#fff
;
color
:
rgba
(
255
,
255
,
255
,
.7
)}
.layui-nav-tree
.layui-nav-child
,
.layui-nav-tree
.layui-nav-child
a
:hover
{
background
:
0
0
;
color
:
#fff
}
.layui-nav-tree
.layui-nav-more
{
right
:
10px
}
.layui-nav-itemed
>
.layui-nav-child
{
display
:
block
;
padding
:
0
;
background-color
:
rgba
(
0
,
0
,
0
,
.3
)
!important
}
.layui-nav-itemed
>
.layui-nav-child
>
.layui-this
>
.layui-nav-child
{
display
:
block
}
.layui-nav-side
{
position
:
fixed
;
top
:
0
;
bottom
:
0
;
left
:
0
;
overflow-x
:
hidden
;
z-index
:
999
}
.layui-bg-blue
.layui-nav-bar
,
.layui-bg-blue
.layui-nav-itemed
:after
,
.layui-bg-blue
.layui-this
:after
{
background-color
:
#93D1FF
}
.layui-bg-blue
.layui-nav-child
dd
.layui-this
{
background-color
:
#1E9FFF
}
.layui-bg-blue
.layui-nav-itemed
>
a
,
.layui-nav-tree.layui-bg-blue
.layui-nav-title
a
,
.layui-nav-tree.layui-bg-blue
.layui-nav-title
a
:hover
{
background-color
:
#007DDB
!important
}
.layui-breadcrumb
{
visibility
:
hidden
;
font-size
:
0
}
.layui-breadcrumb
>*
{
font-size
:
14px
}
.layui-breadcrumb
a
{
color
:
#999
!important
}
.layui-breadcrumb
a
:hover
{
color
:
#5FB878
!important
}
.layui-breadcrumb
a
cite
{
color
:
#666
;
font-style
:
normal
}
.layui-breadcrumb
span
[
lay-separator
]
{
margin
:
0
10px
;
color
:
#999
}
.layui-tab
{
margin
:
10px
0
;
text-align
:
left
!important
}
.layui-tab
[
overflow
]>
.layui-tab-title
{
overflow
:
hidden
}
.layui-tab-title
{
position
:
relative
;
left
:
0
;
height
:
40px
;
white-space
:
nowrap
;
font-size
:
0
;
border-bottom-width
:
1px
;
border-bottom-style
:
solid
;
transition
:
all
.2s
;
-webkit-transition
:
all
.2s
}
.layui-tab-title
li
{
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
middle
;
font-size
:
14px
;
transition
:
all
.2s
;
-webkit-transition
:
all
.2s
;
position
:
relative
;
line-height
:
40px
;
min-width
:
65px
;
padding
:
0
15px
;
text-align
:
center
;
cursor
:
pointer
}
.layui-tab-title
li
a
{
display
:
block
}
.layui-tab-title
.layui-this
{
color
:
#000
}
.layui-tab-title
.layui-this
:after
{
position
:
absolute
;
left
:
0
;
top
:
0
;
content
:
''
;
width
:
100%
;
height
:
41px
;
border-width
:
1px
;
border-style
:
solid
;
border-bottom-color
:
#fff
;
border-radius
:
2px
2px
0
0
;
box-sizing
:
border-box
;
pointer-events
:
none
}
.layui-tab-bar
{
position
:
absolute
;
right
:
0
;
top
:
0
;
z-index
:
10
;
width
:
30px
;
height
:
39px
;
line-height
:
39px
;
border-width
:
1px
;
border-style
:
solid
;
border-radius
:
2px
;
text-align
:
center
;
background-color
:
#fff
;
cursor
:
pointer
}
.layui-tab-bar
.layui-icon
{
position
:
relative
;
display
:
inline-block
;
top
:
3px
;
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-tab-item
{
display
:
none
}
.layui-tab-more
{
padding-right
:
30px
;
height
:
auto
!important
;
white-space
:
normal
!important
}
.layui-tab-more
li
.layui-this
:after
{
border-bottom-color
:
#e2e2e2
;
border-radius
:
2px
}
.layui-tab-more
.layui-tab-bar
.layui-icon
{
top
:
-2px
;
top
:
3px
\
9
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
:root
.layui-tab-more
.layui-tab-bar
.layui-icon
{
top
:
-2px
\
0
/
IE9
}
.layui-tab-content
{
padding
:
10px
}
.layui-tab-title
li
.layui-tab-close
{
position
:
relative
;
display
:
inline-block
;
width
:
18px
;
height
:
18px
;
line-height
:
20px
;
margin-left
:
8px
;
top
:
1px
;
text-align
:
center
;
font-size
:
14px
;
color
:
#c2c2c2
;
transition
:
all
.2s
;
-webkit-transition
:
all
.2s
}
.layui-tab-title
li
.layui-tab-close
:hover
{
border-radius
:
2px
;
background-color
:
#FF5722
;
color
:
#fff
}
.layui-tab-brief
>
.layui-tab-title
.layui-this
{
color
:
#009688
}
.layui-tab-brief
>
.layui-tab-more
li
.layui-this
:after
,
.layui-tab-brief
>
.layui-tab-title
.layui-this
:after
{
border
:
none
;
border-radius
:
0
;
border-bottom
:
2px
solid
#5FB878
}
.layui-tab-brief
[
overflow
]>
.layui-tab-title
.layui-this
:after
{
top
:
-1px
}
.layui-tab-card
{
border-width
:
1px
;
border-style
:
solid
;
border-radius
:
2px
;
box-shadow
:
0
2px
5px
0
rgba
(
0
,
0
,
0
,
.1
)}
.layui-tab-card
>
.layui-tab-title
{
background-color
:
#f2f2f2
}
.layui-tab-card
>
.layui-tab-title
li
{
margin-right
:
-1px
;
margin-left
:
-1px
}
.layui-tab-card
>
.layui-tab-title
.layui-this
{
background-color
:
#fff
}
.layui-tab-card
>
.layui-tab-title
.layui-this
:after
{
border-top
:
none
;
border-width
:
1px
;
border-bottom-color
:
#fff
}
.layui-tab-card
>
.layui-tab-title
.layui-tab-bar
{
height
:
40px
;
line-height
:
40px
;
border-radius
:
0
;
border-top
:
none
;
border-right
:
none
}
.layui-tab-card
>
.layui-tab-more
.layui-this
{
background
:
0
0
;
color
:
#5FB878
}
.layui-tab-card
>
.layui-tab-more
.layui-this
:after
{
border
:
none
}
.layui-timeline
{
padding-left
:
5px
}
.layui-timeline-item
{
position
:
relative
;
padding-bottom
:
20px
}
.layui-timeline-axis
{
position
:
absolute
;
left
:
-5px
;
top
:
0
;
z-index
:
10
;
width
:
20px
;
height
:
20px
;
line-height
:
20px
;
background-color
:
#fff
;
color
:
#5FB878
;
border-radius
:
50%
;
text-align
:
center
;
cursor
:
pointer
}
.layui-timeline-axis
:hover
{
color
:
#FF5722
}
.layui-timeline-item
:before
{
content
:
''
;
position
:
absolute
;
left
:
5px
;
top
:
0
;
z-index
:
0
;
width
:
1px
;
height
:
100%
}
.layui-timeline-item
:last-child:before
{
display
:
none
}
.layui-timeline-item
:first-child:before
{
display
:
block
}
.layui-timeline-content
{
padding-left
:
25px
}
.layui-timeline-title
{
position
:
relative
;
margin-bottom
:
10px
}
.layui-badge
,
.layui-badge-dot
,
.layui-badge-rim
{
position
:
relative
;
display
:
inline-block
;
padding
:
0
6px
;
font-size
:
12px
;
text-align
:
center
;
background-color
:
#FF5722
;
color
:
#fff
;
border-radius
:
2px
}
.layui-badge
{
height
:
18px
;
line-height
:
18px
}
.layui-badge-dot
{
width
:
8px
;
height
:
8px
;
padding
:
0
;
border-radius
:
50%
}
.layui-badge-rim
{
height
:
18px
;
line-height
:
18px
;
border-width
:
1px
;
border-style
:
solid
;
background-color
:
#fff
;
color
:
#666
}
.layui-btn
.layui-badge
,
.layui-btn
.layui-badge-dot
{
margin-left
:
5px
}
.layui-nav
.layui-badge
,
.layui-nav
.layui-badge-dot
{
position
:
absolute
;
top
:
50%
;
margin
:
-8px
6px
0
}
.layui-tab-title
.layui-badge
,
.layui-tab-title
.layui-badge-dot
{
left
:
5px
;
top
:
-2px
}
.layui-carousel
{
position
:
relative
;
left
:
0
;
top
:
0
;
background-color
:
#f8f8f8
}
.layui-carousel
>[
carousel-item
]
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
}
.layui-carousel
>[
carousel-item
]
:before
{
position
:
absolute
;
content
:
'\e63d'
;
left
:
50%
;
top
:
50%
;
width
:
100px
;
line-height
:
20px
;
margin
:
-10px
0
0
-50px
;
text-align
:
center
;
color
:
#c2c2c2
;
font-family
:
layui-icon
!important
;
font-size
:
30px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.layui-carousel
>[
carousel-item
]>*
{
display
:
none
;
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
#f8f8f8
;
transition-duration
:
.3s
;
-webkit-transition-duration
:
.3s
}
.layui-carousel-updown
>*
{
-webkit-transition
:
.3s
ease-in-out
up
;
transition
:
.3s
ease-in-out
up
}
.layui-carousel-arrow
{
display
:
none
\
9
;
opacity
:
0
;
position
:
absolute
;
left
:
10px
;
top
:
50%
;
margin-top
:
-18px
;
width
:
36px
;
height
:
36px
;
line-height
:
36px
;
text-align
:
center
;
font-size
:
20px
;
border
:
0
;
border-radius
:
50%
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
);
color
:
#fff
;
-webkit-transition-duration
:
.3s
;
transition-duration
:
.3s
;
cursor
:
pointer
}
.layui-carousel-arrow
[
lay-type
=
add
]
{
left
:
auto
!important
;
right
:
10px
}
.layui-carousel
:hover
.layui-carousel-arrow
[
lay-type
=
add
],
.layui-carousel
[
lay-arrow
=
always
]
.layui-carousel-arrow
[
lay-type
=
add
]
{
right
:
20px
}
.layui-carousel
[
lay-arrow
=
always
]
.layui-carousel-arrow
{
opacity
:
1
;
left
:
20px
}
.layui-carousel
[
lay-arrow
=
none
]
.layui-carousel-arrow
{
display
:
none
}
.layui-carousel-arrow
:hover
,
.layui-carousel-ind
ul
:hover
{
background-color
:
rgba
(
0
,
0
,
0
,
.35
)}
.layui-carousel
:hover
.layui-carousel-arrow
{
display
:
block
\
9
;
opacity
:
1
;
left
:
20px
}
.layui-carousel-ind
{
position
:
relative
;
top
:
-35px
;
width
:
100%
;
line-height
:
0
!important
;
text-align
:
center
;
font-size
:
0
}
.layui-carousel
[
lay-indicator
=
outside
]
{
margin-bottom
:
30px
}
.layui-carousel
[
lay-indicator
=
outside
]
.layui-carousel-ind
{
top
:
10px
}
.layui-carousel
[
lay-indicator
=
outside
]
.layui-carousel-ind
ul
{
background-color
:
rgba
(
0
,
0
,
0
,
.5
)}
.layui-carousel
[
lay-indicator
=
none
]
.layui-carousel-ind
{
display
:
none
}
.layui-carousel-ind
ul
{
display
:
inline-block
;
padding
:
5px
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
);
border-radius
:
10px
;
-webkit-transition-duration
:
.3s
;
transition-duration
:
.3s
}
.layui-carousel-ind
li
{
display
:
inline-block
;
width
:
10px
;
height
:
10px
;
margin
:
0
3px
;
font-size
:
14px
;
background-color
:
#e2e2e2
;
background-color
:
rgba
(
255
,
255
,
255
,
.5
);
border-radius
:
50%
;
cursor
:
pointer
;
-webkit-transition-duration
:
.3s
;
transition-duration
:
.3s
}
.layui-carousel-ind
li
:hover
{
background-color
:
rgba
(
255
,
255
,
255
,
.7
)}
.layui-carousel-ind
li
.layui-this
{
background-color
:
#fff
}
.layui-carousel
>[
carousel-item
]>
.layui-carousel-next
,
.layui-carousel
>[
carousel-item
]>
.layui-carousel-prev
,
.layui-carousel
>[
carousel-item
]>
.layui-this
{
display
:
block
}
.layui-carousel
>[
carousel-item
]>
.layui-this
{
left
:
0
}
.layui-carousel
>[
carousel-item
]>
.layui-carousel-prev
{
left
:
-100%
}
.layui-carousel
>[
carousel-item
]>
.layui-carousel-next
{
left
:
100%
}
.layui-carousel
>[
carousel-item
]>
.layui-carousel-next.layui-carousel-left
,
.layui-carousel
>[
carousel-item
]>
.layui-carousel-prev.layui-carousel-right
{
left
:
0
}
.layui-carousel
>[
carousel-item
]>
.layui-this.layui-carousel-left
{
left
:
-100%
}
.layui-carousel
>[
carousel-item
]>
.layui-this.layui-carousel-right
{
left
:
100%
}
.layui-carousel
[
lay-anim
=
updown
]
.layui-carousel-arrow
{
left
:
50%
!important
;
top
:
20px
;
margin
:
0
0
0
-18px
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>*,
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>*
{
left
:
0
!important
}
.layui-carousel
[
lay-anim
=
updown
]
.layui-carousel-arrow
[
lay-type
=
add
]
{
top
:
auto
!important
;
bottom
:
20px
}
.layui-carousel
[
lay-anim
=
updown
]
.layui-carousel-ind
{
position
:
absolute
;
top
:
50%
;
right
:
20px
;
width
:
auto
;
height
:
auto
}
.layui-carousel
[
lay-anim
=
updown
]
.layui-carousel-ind
ul
{
padding
:
3px
5px
}
.layui-carousel
[
lay-anim
=
updown
]
.layui-carousel-ind
li
{
display
:
block
;
margin
:
6px
0
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-this
{
top
:
0
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-carousel-prev
{
top
:
-100%
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-carousel-next
{
top
:
100%
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-carousel-next.layui-carousel-left
,
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-carousel-prev.layui-carousel-right
{
top
:
0
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-this.layui-carousel-left
{
top
:
-100%
}
.layui-carousel
[
lay-anim
=
updown
]>[
carousel-item
]>
.layui-this.layui-carousel-right
{
top
:
100%
}
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-carousel-next
,
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-carousel-prev
{
opacity
:
0
}
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-carousel-next.layui-carousel-left
,
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-carousel-prev.layui-carousel-right
{
opacity
:
1
}
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-this.layui-carousel-left
,
.layui-carousel
[
lay-anim
=
fade
]>[
carousel-item
]>
.layui-this.layui-carousel-right
{
opacity
:
0
}
.layui-fixbar
{
position
:
fixed
;
right
:
15px
;
bottom
:
15px
;
z-index
:
999999
}
.layui-fixbar
li
{
width
:
50px
;
height
:
50px
;
line-height
:
50px
;
margin-bottom
:
1px
;
text-align
:
center
;
cursor
:
pointer
;
font-size
:
30px
;
background-color
:
#9F9F9F
;
color
:
#fff
;
border-radius
:
2px
;
opacity
:
.95
}
.layui-fixbar
li
:hover
{
opacity
:
.85
}
.layui-fixbar
li
:active
{
opacity
:
1
}
.layui-fixbar
.layui-fixbar-top
{
display
:
none
;
font-size
:
40px
}
body
.layui-util-face
{
border
:
none
;
background
:
0
0
}
body
.layui-util-face
.layui-layer-content
{
padding
:
0
;
background-color
:
#fff
;
color
:
#666
;
box-shadow
:
none
}
.layui-util-face
.layui-layer-TipsG
{
display
:
none
}
.layui-util-face
ul
{
position
:
relative
;
width
:
372px
;
padding
:
10px
;
border
:
1px
solid
#D9D9D9
;
background-color
:
#fff
;
box-shadow
:
0
0
20px
rgba
(
0
,
0
,
0
,
.2
)}
.layui-util-face
ul
li
{
cursor
:
pointer
;
float
:
left
;
border
:
1px
solid
#e8e8e8
;
height
:
22px
;
width
:
26px
;
overflow
:
hidden
;
margin
:
-1px
0
0
-1px
;
padding
:
4px
2px
;
text-align
:
center
}
.layui-util-face
ul
li
:hover
{
position
:
relative
;
z-index
:
2
;
border
:
1px
solid
#eb7350
;
background
:
#fff9ec
}
.layui-code
{
position
:
relative
;
margin
:
10px
0
;
padding
:
15px
;
line-height
:
20px
;
border
:
1px
solid
#ddd
;
border-left-width
:
6px
;
background-color
:
#F2F2F2
;
color
:
#333
;
font-family
:
Courier
New
;
font-size
:
12px
}
.layui-rate
,
.layui-rate
*
{
display
:
inline-block
;
vertical-align
:
middle
}
.layui-rate
{
padding
:
10px
5px
10px
0
;
font-size
:
0
}
.layui-rate
li
i
.layui-icon
{
font-size
:
20px
;
color
:
#FFB800
;
margin-right
:
5px
;
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-rate
li
i
:hover
{
cursor
:
pointer
;
transform
:
scale
(
1.12
);
-webkit-transform
:
scale
(
1.12
)}
.layui-rate
[
readonly
]
li
i
:hover
{
cursor
:
default
;
transform
:
scale
(
1
)}
.layui-colorpicker
{
width
:
26px
;
height
:
26px
;
border
:
1px
solid
#e6e6e6
;
padding
:
5px
;
border-radius
:
2px
;
line-height
:
24px
;
display
:
inline-block
;
cursor
:
pointer
;
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
.layui-colorpicker
:hover
{
border-color
:
#d2d2d2
}
.layui-colorpicker.layui-colorpicker-lg
{
width
:
34px
;
height
:
34px
;
line-height
:
32px
}
.layui-colorpicker.layui-colorpicker-sm
{
width
:
24px
;
height
:
24px
;
line-height
:
22px
}
.layui-colorpicker.layui-colorpicker-xs
{
width
:
22px
;
height
:
22px
;
line-height
:
20px
}
.layui-colorpicker-trigger-bgcolor
{
display
:
block
;
background
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
;
border-radius
:
2px
}
.layui-colorpicker-trigger-span
{
display
:
block
;
height
:
100%
;
box-sizing
:
border-box
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.15
);
border-radius
:
2px
;
text-align
:
center
}
.layui-colorpicker-trigger-i
{
display
:
inline-block
;
color
:
#FFF
;
font-size
:
12px
}
.layui-colorpicker-trigger-i.layui-icon-close
{
color
:
#999
}
.layui-colorpicker-main
{
position
:
absolute
;
z-index
:
66666666
;
width
:
280px
;
padding
:
7px
;
background
:
#FFF
;
border
:
1px
solid
#d2d2d2
;
border-radius
:
2px
;
box-shadow
:
0
2px
4px
rgba
(
0
,
0
,
0
,
.12
)}
.layui-colorpicker-main-wrapper
{
height
:
180px
;
position
:
relative
}
.layui-colorpicker-basis
{
width
:
260px
;
height
:
100%
;
position
:
relative
}
.layui-colorpicker-basis-white
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
background
:
linear-gradient
(
90deg
,
#FFF
,
hsla
(
0
,
0%
,
100%
,
0
))}
.layui-colorpicker-basis-black
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
background
:
linear-gradient
(
0deg
,
#000
,
transparent
)}
.layui-colorpicker-basis-cursor
{
width
:
10px
;
height
:
10px
;
border
:
1px
solid
#FFF
;
border-radius
:
50%
;
position
:
absolute
;
top
:
-3px
;
right
:
-3px
;
cursor
:
pointer
}
.layui-colorpicker-side
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
12px
;
height
:
100%
;
background
:
linear-gradient
(
red
,
#FF0
,
#0F0
,
#0FF
,
#00F
,
#F0F
,
red
)}
.layui-colorpicker-side-slider
{
width
:
100%
;
height
:
5px
;
box-shadow
:
0
0
1px
#888
;
box-sizing
:
border-box
;
background
:
#FFF
;
border-radius
:
1px
;
border
:
1px
solid
#f0f0f0
;
cursor
:
pointer
;
position
:
absolute
;
left
:
0
}
.layui-colorpicker-main-alpha
{
display
:
none
;
height
:
12px
;
margin-top
:
7px
;
background
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}
.layui-colorpicker-alpha-bgcolor
{
height
:
100%
;
position
:
relative
}
.layui-colorpicker-alpha-slider
{
width
:
5px
;
height
:
100%
;
box-shadow
:
0
0
1px
#888
;
box-sizing
:
border-box
;
background
:
#FFF
;
border-radius
:
1px
;
border
:
1px
solid
#f0f0f0
;
cursor
:
pointer
;
position
:
absolute
;
top
:
0
}
.layui-colorpicker-main-pre
{
padding-top
:
7px
;
font-size
:
0
}
.layui-colorpicker-pre
{
width
:
20px
;
height
:
20px
;
border-radius
:
2px
;
display
:
inline-block
;
margin-left
:
6px
;
margin-bottom
:
7px
;
cursor
:
pointer
}
.layui-colorpicker-pre
:nth-child
(
11
n
+
1
)
{
margin-left
:
0
}
.layui-colorpicker-pre-isalpha
{
background
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}
.layui-colorpicker-pre.layui-this
{
box-shadow
:
0
0
3px
2px
rgba
(
0
,
0
,
0
,
.15
)}
.layui-colorpicker-pre
>
div
{
height
:
100%
;
border-radius
:
2px
}
.layui-colorpicker-main-input
{
text-align
:
right
;
padding-top
:
7px
}
.layui-colorpicker-main-input
.layui-btn-container
.layui-btn
{
margin
:
0
0
0
10px
}
.layui-colorpicker-main-input
div
.layui-inline
{
float
:
left
;
margin-right
:
10px
;
font-size
:
14px
}
.layui-colorpicker-main-input
input
.layui-input
{
width
:
150px
;
height
:
30px
;
color
:
#666
}
.layui-slider
{
height
:
4px
;
background
:
#e2e2e2
;
border-radius
:
3px
;
position
:
relative
;
cursor
:
pointer
}
.layui-slider-bar
{
border-radius
:
3px
;
position
:
absolute
;
height
:
100%
}
.layui-slider-step
{
position
:
absolute
;
top
:
0
;
width
:
4px
;
height
:
4px
;
border-radius
:
50%
;
background
:
#FFF
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
)}
.layui-slider-wrap
{
width
:
36px
;
height
:
36px
;
position
:
absolute
;
top
:
-16px
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
);
z-index
:
10
;
text-align
:
center
}
.layui-slider-wrap-btn
{
width
:
12px
;
height
:
12px
;
border-radius
:
50%
;
background
:
#FFF
;
display
:
inline-block
;
vertical-align
:
middle
;
cursor
:
pointer
;
transition
:
.3s
}
.layui-slider-wrap
:after
{
content
:
""
;
height
:
100%
;
display
:
inline-block
;
vertical-align
:
middle
}
.layui-slider-wrap-btn.layui-slider-hover
,
.layui-slider-wrap-btn
:hover
{
transform
:
scale
(
1.2
)}
.layui-slider-wrap-btn.layui-disabled
:hover
{
transform
:
scale
(
1
)
!important
}
.layui-slider-tips
{
position
:
absolute
;
top
:
-42px
;
z-index
:
66666666
;
white-space
:
nowrap
;
display
:
none
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
);
color
:
#FFF
;
background
:
#000
;
border-radius
:
3px
;
height
:
25px
;
line-height
:
25px
;
padding
:
0
10px
}
.layui-slider-tips
:after
{
content
:
''
;
position
:
absolute
;
bottom
:
-12px
;
left
:
50%
;
margin-left
:
-6px
;
width
:
0
;
height
:
0
;
border-width
:
6px
;
border-style
:
solid
;
border-color
:
#000
transparent
transparent
}
.layui-slider-input
{
width
:
70px
;
height
:
32px
;
border
:
1px
solid
#e6e6e6
;
border-radius
:
3px
;
font-size
:
16px
;
line-height
:
32px
;
position
:
absolute
;
right
:
0
;
top
:
-15px
}
.layui-slider-input-btn
{
display
:
none
;
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
20px
;
height
:
100%
;
border-left
:
1px
solid
#d2d2d2
}
.layui-slider-input-btn
i
{
cursor
:
pointer
;
position
:
absolute
;
right
:
0
;
bottom
:
0
;
width
:
20px
;
height
:
50%
;
font-size
:
12px
;
line-height
:
16px
;
text-align
:
center
;
color
:
#999
}
.layui-slider-input-btn
i
:first-child
{
top
:
0
;
border-bottom
:
1px
solid
#d2d2d2
}
.layui-slider-input-txt
{
height
:
100%
;
font-size
:
14px
}
.layui-slider-input-txt
input
{
height
:
100%
;
border
:
none
}
.layui-slider-input-btn
i
:hover
{
color
:
#009688
}
.layui-slider-vertical
{
width
:
4px
;
margin-left
:
34px
}
.layui-slider-vertical
.layui-slider-bar
{
width
:
4px
}
.layui-slider-vertical
.layui-slider-step
{
top
:
auto
;
left
:
0
;
-webkit-transform
:
translateY
(
50%
);
transform
:
translateY
(
50%
)}
.layui-slider-vertical
.layui-slider-wrap
{
top
:
auto
;
left
:
-16px
;
-webkit-transform
:
translateY
(
50%
);
transform
:
translateY
(
50%
)}
.layui-slider-vertical
.layui-slider-tips
{
top
:
auto
;
left
:
2px
}
@media
\
0
screen
{
.layui-slider-wrap-btn
{
margin-left
:
-20px
}
.layui-slider-vertical
.layui-slider-wrap-btn
{
margin-left
:
0
;
margin-bottom
:
-20px
}
.layui-slider-vertical
.layui-slider-tips
{
margin-left
:
-8px
}
.layui-slider
>
span
{
margin-left
:
8px
}}
.layui-anim
{
-webkit-animation-duration
:
.3s
;
animation-duration
:
.3s
;
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
}
.layui-anim.layui-icon
{
display
:
inline-block
}
.layui-anim-loop
{
-webkit-animation-iteration-count
:
infinite
;
animation-iteration-count
:
infinite
}
.layui-trans
,
.layui-trans
a
{
transition
:
all
.3s
;
-webkit-transition
:
all
.3s
}
@-webkit-keyframes
layui-rotate
{
from
{
-webkit-transform
:
rotate
(
0
)}
to
{
-webkit-transform
:
rotate
(
360deg
)}}
@keyframes
layui-rotate
{
from
{
transform
:
rotate
(
0
)}
to
{
transform
:
rotate
(
360deg
)}}
.layui-anim-rotate
{
-webkit-animation-name
:
layui-rotate
;
animation-name
:
layui-rotate
;
-webkit-animation-duration
:
1s
;
animation-duration
:
1s
;
-webkit-animation-timing-function
:
linear
;
animation-timing-function
:
linear
}
@-webkit-keyframes
layui-up
{
from
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
opacity
:
.3
}
to
{
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
opacity
:
1
}}
@keyframes
layui-up
{
from
{
transform
:
translate3d
(
0
,
100%
,
0
);
opacity
:
.3
}
to
{
transform
:
translate3d
(
0
,
0
,
0
);
opacity
:
1
}}
.layui-anim-up
{
-webkit-animation-name
:
layui-up
;
animation-name
:
layui-up
}
@-webkit-keyframes
layui-upbit
{
from
{
-webkit-transform
:
translate3d
(
0
,
30px
,
0
);
opacity
:
.3
}
to
{
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
opacity
:
1
}}
@keyframes
layui-upbit
{
from
{
transform
:
translate3d
(
0
,
30px
,
0
);
opacity
:
.3
}
to
{
transform
:
translate3d
(
0
,
0
,
0
);
opacity
:
1
}}
.layui-anim-upbit
{
-webkit-animation-name
:
layui-upbit
;
animation-name
:
layui-upbit
}
@-webkit-keyframes
layui-scale
{
0
%
{
opacity
:
.3
;
-webkit-transform
:
scale
(
.5
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
)}}
@keyframes
layui-scale
{
0
%
{
opacity
:
.3
;
-ms-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
100
%
{
opacity
:
1
;
-ms-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
.layui-anim-scale
{
-webkit-animation-name
:
layui-scale
;
animation-name
:
layui-scale
}
@-webkit-keyframes
layui-scale-spring
{
0
%
{
opacity
:
.5
;
-webkit-transform
:
scale
(
.5
)}
80
%
{
opacity
:
.8
;
-webkit-transform
:
scale
(
1.1
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
)}}
@keyframes
layui-scale-spring
{
0
%
{
opacity
:
.5
;
transform
:
scale
(
.5
)}
80
%
{
opacity
:
.8
;
transform
:
scale
(
1.1
)}
100
%
{
opacity
:
1
;
transform
:
scale
(
1
)}}
.layui-anim-scaleSpring
{
-webkit-animation-name
:
layui-scale-spring
;
animation-name
:
layui-scale-spring
}
@-webkit-keyframes
layui-fadein
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
@keyframes
layui-fadein
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
.layui-anim-fadein
{
-webkit-animation-name
:
layui-fadein
;
animation-name
:
layui-fadein
}
@-webkit-keyframes
layui-fadeout
{
0
%
{
opacity
:
1
}
100
%
{
opacity
:
0
}}
@keyframes
layui-fadeout
{
0
%
{
opacity
:
1
}
100
%
{
opacity
:
0
}}
.layui-anim-fadeout
{
-webkit-animation-name
:
layui-fadeout
;
animation-name
:
layui-fadeout
}
\ No newline at end of file
admin-core/src/main/resources/static/plugins/layui/css/layui.mobile.css
View file @
f1c6182d
/** layui-v2.
2
.5 MIT License By https://www.layui.com */
/** layui-v2.
4
.5 MIT License By https://www.layui.com */
blockquote
,
body
,
button
,
dd
,
div
,
dl
,
dt
,
form
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
input
,
legend
,
li
,
ol
,
p
,
td
,
textarea
,
th
,
ul
{
margin
:
0
;
padding
:
0
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
html
{
font
:
12px
'Helvetica Neue'
,
'PingFang SC'
,
STHeitiSC-Light
,
Helvetica
,
Arial
,
sans-serif
;
-ms-text-size-adjust
:
100%
;
-webkit-text-size-adjust
:
100%
}
a
,
button
,
input
{
-webkit-tap-highlight-color
:
rgba
(
255
,
0
,
0
,
0
)}
a
{
text-decoration
:
none
;
background
:
0
0
}
a
:active
,
a
:hover
{
outline
:
0
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
li
{
list-style
:
none
}
b
,
strong
{
font-weight
:
700
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
500
}
address
,
cite
,
dfn
,
em
,
var
{
font-style
:
normal
}
dfn
{
font-style
:
italic
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
img
{
border
:
0
;
vertical-align
:
bottom
}
.layui-inline
,
input
,
label
{
vertical-align
:
middle
}
button
,
input
,
optgroup
,
select
,
textarea
{
color
:
inherit
;
font
:
inherit
;
margin
:
0
;
outline
:
0
}
button
,
select
{
text-transform
:
none
}
select
{
-webkit-appearance
:
none
;
border
:
none
}
input
{
line-height
:
normal
}
input
[
type
=
checkbox
],
input
[
type
=
radio
]
{
box-sizing
:
border-box
;
padding
:
0
}
input
[
type
=
number
]
::-webkit-inner-spin-button
,
input
[
type
=
number
]
::-webkit-outer-spin-button
{
height
:
auto
}
input
[
type
=
search
]
{
-webkit-appearance
:
textfield
;
-moz-box-sizing
:
content-box
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
}
input
[
type
=
search
]
::-webkit-search-cancel-button
,
input
[
type
=
search
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
@font-face
{
font-family
:
layui-icon
;
src
:
url(../font/iconfont.eot?v=1.0.7)
;
src
:
url(../font/iconfont.eot?v=1.0.7#iefix)
format
(
'embedded-opentype'
),
url(../font/iconfont.woff?v=1.0.7)
format
(
'woff'
),
url(../font/iconfont.ttf?v=1.0.7)
format
(
'truetype'
),
url(../font/iconfont.svg?v=1.0.7#iconfont)
format
(
'svg'
)}
.layui-icon
{
font-family
:
layui-icon
!important
;
font-size
:
16px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.layui-box
,
.layui-box
*
{
-webkit-box-sizing
:
content-box
!important
;
-moz-box-sizing
:
content-box
!important
;
box-sizing
:
content-box
!important
}
.layui-border-box
,
.layui-border-box
*
{
-webkit-box-sizing
:
border-box
!important
;
-moz-box-sizing
:
border-box
!important
;
box-sizing
:
border-box
!important
}
.layui-inline
{
position
:
relative
;
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
}
.layui-edge
,
.layui-upload-iframe
{
position
:
absolute
;
width
:
0
;
height
:
0
}
.layui-edge
{
border-style
:
dashed
;
border-color
:
transparent
;
overflow
:
hidden
}
.layui-elip
{
text-overflow
:
ellipsis
;
overflow
:
hidden
;
white-space
:
nowrap
}
.layui-unselect
{
-moz-user-select
:
none
;
-webkit-user-select
:
none
;
-ms-user-select
:
none
}
.layui-disabled
,
.layui-disabled
:active
{
background-color
:
#d2d2d2
!important
;
color
:
#fff
!important
;
cursor
:
not-allowed
!important
}
.layui-circle
{
border-radius
:
100%
}
.layui-show
{
display
:
block
!important
}
.layui-hide
{
display
:
none
!important
}
.layui-upload-iframe
{
border
:
0
;
visibility
:
hidden
}
.layui-upload-enter
{
border
:
1px
solid
#009E94
;
background-color
:
#009E94
;
color
:
#fff
;
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
@-webkit-keyframes
layui-m-anim-scale
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
layui-m-anim-scale
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
.layui-m-anim-scale
{
animation-name
:
layui-m-anim-scale
;
-webkit-animation-name
:
layui-m-anim-scale
}
@-webkit-keyframes
layui-m-anim-up
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translateY
(
800px
);
transform
:
translateY
(
800px
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}}
@keyframes
layui-m-anim-up
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translateY
(
800px
);
transform
:
translateY
(
800px
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}}
.layui-m-anim-up
{
-webkit-animation-name
:
layui-m-anim-up
;
animation-name
:
layui-m-anim-up
}
@-webkit-keyframes
layui-m-anim-left
{
0
%
{
-webkit-transform
:
translateX
(
100%
);
transform
:
translateX
(
100%
)}
100
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}}
@keyframes
layui-m-anim-left
{
0
%
{
-webkit-transform
:
translateX
(
100%
);
transform
:
translateX
(
100%
)}
100
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}}
.layui-m-anim-left
{
-webkit-animation-name
:
layui-m-anim-left
;
animation-name
:
layui-m-anim-left
}
@-webkit-keyframes
layui-m-anim-right
{
0
%
{
-webkit-transform
:
translateX
(
-100%
);
transform
:
translateX
(
-100%
)}
100
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}}
@keyframes
layui-m-anim-right
{
0
%
{
-webkit-transform
:
translateX
(
-100%
);
transform
:
translateX
(
-100%
)}
100
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}}
.layui-m-anim-right
{
-webkit-animation-name
:
layui-m-anim-right
;
animation-name
:
layui-m-anim-right
}
@-webkit-keyframes
layui-m-anim-lout
{
0
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}
100
%
{
-webkit-transform
:
translateX
(
-100%
);
transform
:
translateX
(
-100%
)}}
@keyframes
layui-m-anim-lout
{
0
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}
100
%
{
-webkit-transform
:
translateX
(
-100%
);
transform
:
translateX
(
-100%
)}}
.layui-m-anim-lout
{
-webkit-animation-name
:
layui-m-anim-lout
;
animation-name
:
layui-m-anim-lout
}
@-webkit-keyframes
layui-m-anim-rout
{
0
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}
100
%
{
-webkit-transform
:
translateX
(
100%
);
transform
:
translateX
(
100%
)}}
@keyframes
layui-m-anim-rout
{
0
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}
100
%
{
-webkit-transform
:
translateX
(
100%
);
transform
:
translateX
(
100%
)}}
.layui-m-anim-rout
{
-webkit-animation-name
:
layui-m-anim-rout
;
animation-name
:
layui-m-anim-rout
}
.layui-m-layer
{
position
:
relative
;
z-index
:
19891014
}
.layui-m-layer
*
{
-webkit-box-sizing
:
content-box
;
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
}
.layui-m-layermain
,
.layui-m-layershade
{
position
:
fixed
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
}
.layui-m-layershade
{
background-color
:
rgba
(
0
,
0
,
0
,
.7
);
pointer-events
:
auto
}
.layui-m-layermain
{
display
:
table
;
font-family
:
Helvetica
,
arial
,
sans-serif
;
pointer-events
:
none
}
.layui-m-layermain
.layui-m-layersection
{
display
:
table-cell
;
vertical-align
:
middle
;
text-align
:
center
}
.layui-m-layerchild
{
position
:
relative
;
display
:
inline-block
;
text-align
:
left
;
background-color
:
#fff
;
font-size
:
14px
;
border-radius
:
5px
;
box-shadow
:
0
0
8px
rgba
(
0
,
0
,
0
,
.1
);
pointer-events
:
auto
;
-webkit-overflow-scrolling
:
touch
;
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
;
-webkit-animation-duration
:
.2s
;
animation-duration
:
.2s
}
.layui-m-layer0
.layui-m-layerchild
{
width
:
90%
;
max-width
:
640px
}
.layui-m-layer1
.layui-m-layerchild
{
border
:
none
;
border-radius
:
0
}
.layui-m-layer2
.layui-m-layerchild
{
width
:
auto
;
max-width
:
260px
;
min-width
:
40px
;
border
:
none
;
background
:
0
0
;
box-shadow
:
none
;
color
:
#fff
}
.layui-m-layerchild
h3
{
padding
:
0
10px
;
height
:
60px
;
line-height
:
60px
;
font-size
:
16px
;
font-weight
:
400
;
border-radius
:
5px
5px
0
0
;
text-align
:
center
}
.layui-m-layerbtn
span
,
.layui-m-layerchild
h3
{
text-overflow
:
ellipsis
;
overflow
:
hidden
;
white-space
:
nowrap
}
.layui-m-layercont
{
padding
:
50px
30px
;
line-height
:
22px
;
text-align
:
center
}
.layui-m-layer1
.layui-m-layercont
{
padding
:
0
;
text-align
:
left
}
.layui-m-layer2
.layui-m-layercont
{
text-align
:
center
;
padding
:
0
;
line-height
:
0
}
.layui-m-layer2
.layui-m-layercont
i
{
width
:
25px
;
height
:
25px
;
margin-left
:
8px
;
display
:
inline-block
;
background-color
:
#fff
;
border-radius
:
100%
;
-webkit-animation
:
layui-m-anim-loading
1.4s
infinite
ease-in-out
;
animation
:
layui-m-anim-loading
1.4s
infinite
ease-in-out
;
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
}
.layui-m-layerbtn
,
.layui-m-layerbtn
span
{
position
:
relative
;
text-align
:
center
;
border-radius
:
0
0
5px
5px
}
.layui-m-layer2
.layui-m-layercont
p
{
margin-top
:
20px
}
@-webkit-keyframes
layui-m-anim-loading
{
0
%,
100
%,
80
%
{
transform
:
scale
(
0
);
-webkit-transform
:
scale
(
0
)}
40
%
{
transform
:
scale
(
1
);
-webkit-transform
:
scale
(
1
)}}
@keyframes
layui-m-anim-loading
{
0
%,
100
%,
80
%
{
transform
:
scale
(
0
);
-webkit-transform
:
scale
(
0
)}
40
%
{
transform
:
scale
(
1
);
-webkit-transform
:
scale
(
1
)}}
.layui-m-layer2
.layui-m-layercont
i
:first-child
{
margin-left
:
0
;
-webkit-animation-delay
:
-.32s
;
animation-delay
:
-.32s
}
.layui-m-layer2
.layui-m-layercont
i
.layui-m-layerload
{
-webkit-animation-delay
:
-.16s
;
animation-delay
:
-.16s
}
.layui-m-layer2
.layui-m-layercont
>
div
{
line-height
:
22px
;
padding-top
:
7px
;
margin-bottom
:
20px
;
font-size
:
14px
}
.layui-m-layerbtn
{
display
:
box
;
display
:
-moz-box
;
display
:
-webkit-box
;
width
:
100%
;
height
:
50px
;
line-height
:
50px
;
font-size
:
0
;
border-top
:
1px
solid
#D0D0D0
;
background-color
:
#F2F2F2
}
.layui-m-layerbtn
span
{
display
:
block
;
-moz-box-flex
:
1
;
box-flex
:
1
;
-webkit-box-flex
:
1
;
font-size
:
14px
;
cursor
:
pointer
}
.layui-m-layerbtn
span
[
yes
]
{
color
:
#40AFFE
}
.layui-m-layerbtn
span
[
no
]
{
border-right
:
1px
solid
#D0D0D0
;
border-radius
:
0
0
0
5px
}
.layui-m-layerbtn
span
:active
{
background-color
:
#F6F6F6
}
.layui-m-layerend
{
position
:
absolute
;
right
:
7px
;
top
:
10px
;
width
:
30px
;
height
:
30px
;
border
:
0
;
font-weight
:
400
;
background
:
0
0
;
cursor
:
pointer
;
-webkit-appearance
:
none
;
font-size
:
30px
}
.layui-m-layerend
::after
,
.layui-m-layerend
::before
{
position
:
absolute
;
left
:
5px
;
top
:
15px
;
content
:
''
;
width
:
18px
;
height
:
1px
;
background-color
:
#999
;
transform
:
rotate
(
45deg
);
-webkit-transform
:
rotate
(
45deg
);
border-radius
:
3px
}
.layui-m-layerend
::after
{
transform
:
rotate
(
-45deg
);
-webkit-transform
:
rotate
(
-45deg
)}
body
.layui-m-layer
.layui-m-layer-footer
{
position
:
fixed
;
width
:
95%
;
max-width
:
100%
;
margin
:
0
auto
;
left
:
0
;
right
:
0
;
bottom
:
10px
;
background
:
0
0
}
.layui-m-layer-footer
.layui-m-layercont
{
padding
:
20px
;
border-radius
:
5px
5px
0
0
;
background-color
:
rgba
(
255
,
255
,
255
,
.8
)}
.layui-m-layer-footer
.layui-m-layerbtn
{
display
:
block
;
height
:
auto
;
background
:
0
0
;
border-top
:
none
}
.layui-m-layer-footer
.layui-m-layerbtn
span
{
background-color
:
rgba
(
255
,
255
,
255
,
.8
)}
.layui-m-layer-footer
.layui-m-layerbtn
span
[
no
]
{
color
:
#FD482C
;
border-top
:
1px
solid
#c2c2c2
;
border-radius
:
0
0
5px
5px
}
.layui-m-layer-footer
.layui-m-layerbtn
span
[
yes
]
{
margin-top
:
10px
;
border-radius
:
5px
}
body
.layui-m-layer
.layui-m-layer-msg
{
width
:
auto
;
max-width
:
90%
;
margin
:
0
auto
;
bottom
:
-150px
;
background-color
:
rgba
(
0
,
0
,
0
,
.7
);
color
:
#fff
}
.layui-m-layer-msg
.layui-m-layercont
{
padding
:
10px
20px
}
\ No newline at end of file
admin-core/src/main/resources/static/plugins/layui/css/modules/code.css
View file @
f1c6182d
/** layui-v2.
2
.5 MIT License By https://www.layui.com */
/** layui-v2.
4
.5 MIT License By https://www.layui.com */
html
#layuicss-skincodecss
{
display
:
none
;
position
:
absolute
;
width
:
1989px
}
.layui-code-h3
,
.layui-code-view
{
position
:
relative
;
font-size
:
12px
}
.layui-code-view
{
display
:
block
;
margin
:
10px
0
;
padding
:
0
;
border
:
1px
solid
#e2e2e2
;
border-left-width
:
6px
;
background-color
:
#F2F2F2
;
color
:
#333
;
font-family
:
Courier
New
}
.layui-code-h3
{
padding
:
0
10px
;
height
:
32px
;
line-height
:
32px
;
border-bottom
:
1px
solid
#e2e2e2
}
.layui-code-h3
a
{
position
:
absolute
;
right
:
10px
;
top
:
0
;
color
:
#999
}
.layui-code-view
.layui-code-ol
{
position
:
relative
;
overflow
:
auto
}
.layui-code-view
.layui-code-ol
li
{
position
:
relative
;
margin-left
:
45px
;
line-height
:
20px
;
padding
:
0
5px
;
border-left
:
1px
solid
#e2e2e2
;
list-style-type
:
decimal-leading-zero
;
*
list-style-type
:
decimal
;
background-color
:
#fff
}
.layui-code-view
pre
{
margin
:
0
}
.layui-code-notepad
{
border
:
1px
solid
#0C0C0C
;
border-left-color
:
#3F3F3F
;
background-color
:
#0C0C0C
;
color
:
#C2BE9E
}
.layui-code-notepad
.layui-code-h3
{
border-bottom
:
none
}
.layui-code-notepad
.layui-code-ol
li
{
background-color
:
#3F3F3F
;
border-left
:
none
}
\ No newline at end of file
admin-core/src/main/resources/static/plugins/layui/css/modules/laydate/default/laydate.css
View file @
f1c6182d
/** layui-v2.
2
.5 MIT License By https://www.layui.com */
/** layui-v2.
4
.5 MIT License By https://www.layui.com */
.laydate-set-ym
,
.layui-laydate
,
.layui-laydate
*,
.layui-laydate-list
{
box-sizing
:
border-box
}
html
#layuicss-laydate
{
display
:
none
;
position
:
absolute
;
width
:
1989px
}
.layui-laydate
*
{
margin
:
0
;
padding
:
0
}
.layui-laydate
{
position
:
absolute
;
z-index
:
66666666
;
margin
:
5px
0
;
border-radius
:
2px
;
font-size
:
14px
;
-webkit-animation-duration
:
.3s
;
animation-duration
:
.3s
;
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
;
-webkit-animation-name
:
laydate-upbit
;
animation-name
:
laydate-upbit
}
.layui-laydate-main
{
width
:
272px
}
.layui-laydate-content
td
,
.layui-laydate-header
*,
.layui-laydate-list
li
{
transition-duration
:
.3s
;
-webkit-transition-duration
:
.3s
}
@-webkit-keyframes
laydate-upbit
{
from
{
-webkit-transform
:
translate3d
(
0
,
20px
,
0
);
opacity
:
.3
}
to
{
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
opacity
:
1
}}
@keyframes
laydate-upbit
{
from
{
transform
:
translate3d
(
0
,
20px
,
0
);
opacity
:
.3
}
to
{
transform
:
translate3d
(
0
,
0
,
0
);
opacity
:
1
}}
.layui-laydate-static
{
position
:
relative
;
z-index
:
0
;
display
:
inline-block
;
margin
:
0
;
-webkit-animation
:
none
;
animation
:
none
}
.laydate-ym-show
.laydate-next-m
,
.laydate-ym-show
.laydate-prev-m
{
display
:
none
!important
}
.laydate-ym-show
.laydate-next-y
,
.laydate-ym-show
.laydate-prev-y
{
display
:
inline-block
!important
}
.laydate-time-show
.laydate-set-ym
span
[
lay-type
=
month
],
.laydate-time-show
.laydate-set-ym
span
[
lay-type
=
year
],
.laydate-time-show
.layui-laydate-header
.layui-icon
,
.laydate-ym-show
.laydate-set-ym
span
[
lay-type
=
month
]
{
display
:
none
!important
}
.layui-laydate-header
{
position
:
relative
;
line-height
:
30px
;
padding
:
10px
70px
5px
}
.laydate-set-ym
span
,
.layui-laydate-header
i
{
padding
:
0
5px
;
cursor
:
pointer
}
.layui-laydate-header
*
{
display
:
inline-block
;
vertical-align
:
bottom
}
.layui-laydate-header
i
{
position
:
absolute
;
top
:
10px
;
color
:
#999
;
font-size
:
18px
}
.layui-laydate-header
i
.laydate-prev-y
{
left
:
15px
}
.layui-laydate-header
i
.laydate-prev-m
{
left
:
45px
}
.layui-laydate-header
i
.laydate-next-y
{
right
:
15px
}
.layui-laydate-header
i
.laydate-next-m
{
right
:
45px
}
.laydate-set-ym
{
width
:
100%
;
text-align
:
center
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
white-space
:
nowrap
}
.laydate-time-text
{
cursor
:
default
!important
}
.layui-laydate-content
{
position
:
relative
;
padding
:
10px
;
-moz-user-select
:
none
;
-webkit-user-select
:
none
;
-ms-user-select
:
none
}
.layui-laydate-content
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
.layui-laydate-content
td
,
.layui-laydate-content
th
{
width
:
36px
;
height
:
30px
;
padding
:
5px
;
text-align
:
center
}
.layui-laydate-content
td
{
position
:
relative
;
cursor
:
pointer
}
.laydate-day-mark
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
line-height
:
30px
;
font-size
:
12px
;
overflow
:
hidden
}
.laydate-day-mark
::after
{
position
:
absolute
;
content
:
''
;
right
:
2px
;
top
:
2px
;
width
:
5px
;
height
:
5px
;
border-radius
:
50%
}
.layui-laydate-footer
{
position
:
relative
;
height
:
46px
;
line-height
:
26px
;
padding
:
10px
20px
}
.layui-laydate-footer
span
{
margin-right
:
15px
;
display
:
inline-block
;
cursor
:
pointer
;
font-size
:
12px
}
.layui-laydate-footer
span
:hover
{
color
:
#5FB878
}
.laydate-footer-btns
{
position
:
absolute
;
right
:
10px
;
top
:
10px
}
.laydate-footer-btns
span
{
height
:
26px
;
line-height
:
26px
;
margin
:
0
0
0
-1px
;
padding
:
0
10px
;
border
:
1px
solid
#C9C9C9
;
background-color
:
#fff
;
white-space
:
nowrap
;
vertical-align
:
top
;
border-radius
:
2px
}
.layui-laydate-list
>
li
,
.layui-laydate-range
.layui-laydate-main
{
display
:
inline-block
;
vertical-align
:
middle
}
.layui-laydate-list
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
padding
:
10px
;
background-color
:
#fff
}
.layui-laydate-list
>
li
{
position
:
relative
;
width
:
33.3%
;
height
:
36px
;
line-height
:
36px
;
margin
:
3px
0
;
text-align
:
center
;
cursor
:
pointer
}
.laydate-month-list
>
li
{
width
:
25%
;
margin
:
17px
0
}
.laydate-time-list
>
li
{
height
:
100%
;
margin
:
0
;
line-height
:
normal
;
cursor
:
default
}
.laydate-time-list
p
{
position
:
relative
;
top
:
-4px
;
line-height
:
29px
}
.laydate-time-list
ol
{
height
:
181px
;
overflow
:
hidden
}
.laydate-time-list
>
li
:hover
ol
{
overflow-y
:
auto
}
.laydate-time-list
ol
li
{
width
:
130%
;
padding-left
:
33px
;
line-height
:
30px
;
text-align
:
left
;
cursor
:
pointer
}
.layui-laydate-hint
{
position
:
absolute
;
top
:
115px
;
left
:
50%
;
width
:
250px
;
margin-left
:
-125px
;
line-height
:
20px
;
padding
:
15px
;
text-align
:
center
;
font-size
:
12px
}
.layui-laydate-range
{
width
:
546px
}
.layui-laydate-range
.laydate-main-list-0
.laydate-next-m
,
.layui-laydate-range
.laydate-main-list-0
.laydate-next-y
,
.layui-laydate-range
.laydate-main-list-1
.laydate-prev-m
,
.layui-laydate-range
.laydate-main-list-1
.laydate-prev-y
{
display
:
none
}
.layui-laydate-range
.laydate-main-list-1
.layui-laydate-content
{
border-left
:
1px
solid
#e2e2e2
}
.layui-laydate
,
.layui-laydate-hint
{
border
:
1px
solid
#d2d2d2
;
box-shadow
:
0
2px
4px
rgba
(
0
,
0
,
0
,
.12
);
background-color
:
#fff
;
color
:
#666
}
.layui-laydate-header
{
border-bottom
:
1px
solid
#e2e2e2
}
.layui-laydate-header
i
:hover
,
.layui-laydate-header
span
:hover
{
color
:
#5FB878
}
.layui-laydate-content
{
border-top
:
none
0
;
border-bottom
:
none
0
}
.layui-laydate-content
th
{
font-weight
:
400
;
color
:
#333
}
.layui-laydate-content
td
{
color
:
#666
}
.layui-laydate-content
td
.laydate-selected
{
background-color
:
#00F7DE
}
.laydate-selected
:hover
{
background-color
:
#00F7DE
!important
}
.layui-laydate-content
td
:hover
,
.layui-laydate-list
li
:hover
{
background-color
:
#eaeaea
;
color
:
#333
}
.laydate-time-list
li
ol
{
margin
:
0
;
padding
:
0
;
border
:
1px
solid
#e2e2e2
;
border-left-width
:
0
}
.laydate-time-list
li
:first-child
ol
{
border-left-width
:
1px
}
.laydate-time-list
>
li
:hover
{
background
:
0
0
}
.layui-laydate-content
.laydate-day-next
,
.layui-laydate-content
.laydate-day-prev
{
color
:
#d2d2d2
}
.laydate-selected.laydate-day-next
,
.laydate-selected.laydate-day-prev
{
background-color
:
#f8f8f8
!important
}
.layui-laydate-footer
{
border-top
:
1px
solid
#e2e2e2
}
.layui-laydate-hint
{
color
:
#FF5722
}
.laydate-day-mark
::after
{
background-color
:
#5FB878
}
.layui-laydate-content
td
.layui-this
.laydate-day-mark
::after
{
display
:
none
}
.layui-laydate-footer
span
[
lay-type
=
date
]
{
color
:
#5FB878
}
.layui-laydate
.layui-this
{
background-color
:
#009688
!important
;
color
:
#fff
!important
}
.layui-laydate
.laydate-disabled
,
.layui-laydate
.laydate-disabled
:hover
{
background
:
0
0
!important
;
color
:
#d2d2d2
!important
;
cursor
:
not-allowed
!important
;
-moz-user-select
:
none
;
-webkit-user-select
:
none
;
-ms-user-select
:
none
}
.laydate-theme-molv
{
border
:
none
}
.laydate-theme-molv.layui-laydate-range
{
width
:
548px
}
.laydate-theme-molv
.layui-laydate-main
{
width
:
274px
}
.laydate-theme-molv
.layui-laydate-header
{
border
:
none
;
background-color
:
#009688
}
.laydate-theme-molv
.layui-laydate-header
i
,
.laydate-theme-molv
.layui-laydate-header
span
{
color
:
#f6f6f6
}
.laydate-theme-molv
.layui-laydate-header
i
:hover
,
.laydate-theme-molv
.layui-laydate-header
span
:hover
{
color
:
#fff
}
.laydate-theme-molv
.layui-laydate-content
{
border
:
1px
solid
#e2e2e2
;
border-top
:
none
;
border-bottom
:
none
}
.laydate-theme-molv
.laydate-main-list-1
.layui-laydate-content
{
border-left
:
none
}
.laydate-theme-grid
.laydate-month-list
>
li
,
.laydate-theme-grid
.laydate-year-list
>
li
,
.laydate-theme-grid
.layui-laydate-content
td
,
.laydate-theme-grid
.layui-laydate-content
thead
,
.laydate-theme-molv
.layui-laydate-footer
{
border
:
1px
solid
#e2e2e2
}
.laydate-theme-grid
.laydate-selected
,
.laydate-theme-grid
.laydate-selected
:hover
{
background-color
:
#f2f2f2
!important
;
color
:
#009688
!important
}
.laydate-theme-grid
.laydate-selected.laydate-day-next
,
.laydate-theme-grid
.laydate-selected.laydate-day-prev
{
color
:
#d2d2d2
!important
}
.laydate-theme-grid
.laydate-month-list
,
.laydate-theme-grid
.laydate-year-list
{
margin
:
1px
0
0
1px
}
.laydate-theme-grid
.laydate-month-list
>
li
,
.laydate-theme-grid
.laydate-year-list
>
li
{
margin
:
0
-1px
-1px
0
}
.laydate-theme-grid
.laydate-year-list
>
li
{
height
:
43px
;
line-height
:
43px
}
.laydate-theme-grid
.laydate-month-list
>
li
{
height
:
71px
;
line-height
:
71px
}
\ No newline at end of file
admin-core/src/main/resources/static/plugins/layui/css/modules/layer/default/layer.css
View file @
f1c6182d
/** layui-v2.
2
.5 MIT License By https://www.layui.com */
/** layui-v2.
4
.5 MIT License By https://www.layui.com */
.layui-layer-imgbar
,
.layui-layer-imgtit
a
,
.layui-layer-tab
.layui-layer-title
span
,
.layui-layer-title
{
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
html
#layuicss-layer
{
display
:
none
;
position
:
absolute
;
width
:
1989px
}
.layui-layer
,
.layui-layer-shade
{
position
:
fixed
;
_position
:
absolute
;
pointer-events
:
auto
}
.layui-layer-shade
{
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
_height
:
expression
(
document
.
body
.
offsetHeight
+
"px"
)}
.layui-layer
{
-webkit-overflow-scrolling
:
touch
;
top
:
150px
;
left
:
0
;
margin
:
0
;
padding
:
0
;
background-color
:
#fff
;
-webkit-background-clip
:
content
;
border-radius
:
2px
;
box-shadow
:
1px
1px
50px
rgba
(
0
,
0
,
0
,
.3
)}
.layui-layer-close
{
position
:
absolute
}
.layui-layer-content
{
position
:
relative
}
.layui-layer-border
{
border
:
1px
solid
#B2B2B2
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
1px
1px
5px
rgba
(
0
,
0
,
0
,
.2
)}
.layui-layer-load
{
background
:
url(loading-1.gif)
center
center
no-repeat
#eee
}
.layui-layer-ico
{
background
:
url(icon.png)
no-repeat
}
.layui-layer-btn
a
,
.layui-layer-dialog
.layui-layer-ico
,
.layui-layer-setwin
a
{
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
top
}
.layui-layer-move
{
display
:
none
;
position
:
fixed
;
*
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
cursor
:
move
;
opacity
:
0
;
filter
:
alpha
(
opacity
=
0
);
background-color
:
#fff
;
z-index
:
2147483647
}
.layui-layer-resize
{
position
:
absolute
;
width
:
15px
;
height
:
15px
;
right
:
0
;
bottom
:
0
;
cursor
:
se-resize
}
.layer-anim
{
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
;
-webkit-animation-duration
:
.3s
;
animation-duration
:
.3s
}
@-webkit-keyframes
layer-bounceIn
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
layer-bounceIn
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.5
);
-ms-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
.layer-anim-00
{
-webkit-animation-name
:
layer-bounceIn
;
animation-name
:
layer-bounceIn
}
@-webkit-keyframes
layer-zoomInDown
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
)
translateY
(
-2000px
);
transform
:
scale
(
.1
)
translateY
(
-2000px
);
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
.475
)
translateY
(
60px
);
transform
:
scale
(
.475
)
translateY
(
60px
);
-webkit-animation-timing-function
:
ease-out
;
animation-timing-function
:
ease-out
}}
@keyframes
layer-zoomInDown
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
)
translateY
(
-2000px
);
-ms-transform
:
scale
(
.1
)
translateY
(
-2000px
);
transform
:
scale
(
.1
)
translateY
(
-2000px
);
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
.475
)
translateY
(
60px
);
-ms-transform
:
scale
(
.475
)
translateY
(
60px
);
transform
:
scale
(
.475
)
translateY
(
60px
);
-webkit-animation-timing-function
:
ease-out
;
animation-timing-function
:
ease-out
}}
.layer-anim-01
{
-webkit-animation-name
:
layer-zoomInDown
;
animation-name
:
layer-zoomInDown
}
@-webkit-keyframes
layer-fadeInUpBig
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translateY
(
2000px
);
transform
:
translateY
(
2000px
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}}
@keyframes
layer-fadeInUpBig
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translateY
(
2000px
);
-ms-transform
:
translateY
(
2000px
);
transform
:
translateY
(
2000px
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
translateY
(
0
);
-ms-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}}
.layer-anim-02
{
-webkit-animation-name
:
layer-fadeInUpBig
;
animation-name
:
layer-fadeInUpBig
}
@-webkit-keyframes
layer-zoomInLeft
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
)
translateX
(
-2000px
);
transform
:
scale
(
.1
)
translateX
(
-2000px
);
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
.475
)
translateX
(
48px
);
transform
:
scale
(
.475
)
translateX
(
48px
);
-webkit-animation-timing-function
:
ease-out
;
animation-timing-function
:
ease-out
}}
@keyframes
layer-zoomInLeft
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
)
translateX
(
-2000px
);
-ms-transform
:
scale
(
.1
)
translateX
(
-2000px
);
transform
:
scale
(
.1
)
translateX
(
-2000px
);
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
.475
)
translateX
(
48px
);
-ms-transform
:
scale
(
.475
)
translateX
(
48px
);
transform
:
scale
(
.475
)
translateX
(
48px
);
-webkit-animation-timing-function
:
ease-out
;
animation-timing-function
:
ease-out
}}
.layer-anim-03
{
-webkit-animation-name
:
layer-zoomInLeft
;
animation-name
:
layer-zoomInLeft
}
@-webkit-keyframes
layer-rollIn
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translateX
(
-100%
)
rotate
(
-120deg
);
transform
:
translateX
(
-100%
)
rotate
(
-120deg
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
translateX
(
0
)
rotate
(
0
);
transform
:
translateX
(
0
)
rotate
(
0
)}}
@keyframes
layer-rollIn
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translateX
(
-100%
)
rotate
(
-120deg
);
-ms-transform
:
translateX
(
-100%
)
rotate
(
-120deg
);
transform
:
translateX
(
-100%
)
rotate
(
-120deg
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
translateX
(
0
)
rotate
(
0
);
-ms-transform
:
translateX
(
0
)
rotate
(
0
);
transform
:
translateX
(
0
)
rotate
(
0
)}}
.layer-anim-04
{
-webkit-animation-name
:
layer-rollIn
;
animation-name
:
layer-rollIn
}
@keyframes
layer-fadeIn
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
.layer-anim-05
{
-webkit-animation-name
:
layer-fadeIn
;
animation-name
:
layer-fadeIn
}
@-webkit-keyframes
layer-shake
{
0
%,
100
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}
10
%,
30
%,
50
%,
70
%,
90
%
{
-webkit-transform
:
translateX
(
-10px
);
transform
:
translateX
(
-10px
)}
20
%,
40
%,
60
%,
80
%
{
-webkit-transform
:
translateX
(
10px
);
transform
:
translateX
(
10px
)}}
@keyframes
layer-shake
{
0
%,
100
%
{
-webkit-transform
:
translateX
(
0
);
-ms-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}
10
%,
30
%,
50
%,
70
%,
90
%
{
-webkit-transform
:
translateX
(
-10px
);
-ms-transform
:
translateX
(
-10px
);
transform
:
translateX
(
-10px
)}
20
%,
40
%,
60
%,
80
%
{
-webkit-transform
:
translateX
(
10px
);
-ms-transform
:
translateX
(
10px
);
transform
:
translateX
(
10px
)}}
.layer-anim-06
{
-webkit-animation-name
:
layer-shake
;
animation-name
:
layer-shake
}
@-webkit-keyframes
fadeIn
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
.layui-layer-title
{
padding
:
0
80px
0
20px
;
height
:
42px
;
line-height
:
42px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
14px
;
color
:
#333
;
overflow
:
hidden
;
background-color
:
#F8F8F8
;
border-radius
:
2px
2px
0
0
}
.layui-layer-setwin
{
position
:
absolute
;
right
:
15px
;
*
right
:
0
;
top
:
15px
;
font-size
:
0
;
line-height
:
initial
}
.layui-layer-setwin
a
{
position
:
relative
;
width
:
16px
;
height
:
16px
;
margin-left
:
10px
;
font-size
:
12px
;
_overflow
:
hidden
}
.layui-layer-setwin
.layui-layer-min
cite
{
position
:
absolute
;
width
:
14px
;
height
:
2px
;
left
:
0
;
top
:
50%
;
margin-top
:
-1px
;
background-color
:
#2E2D3C
;
cursor
:
pointer
;
_overflow
:
hidden
}
.layui-layer-setwin
.layui-layer-min
:hover
cite
{
background-color
:
#2D93CA
}
.layui-layer-setwin
.layui-layer-max
{
background-position
:
-32px
-40px
}
.layui-layer-setwin
.layui-layer-max
:hover
{
background-position
:
-16px
-40px
}
.layui-layer-setwin
.layui-layer-maxmin
{
background-position
:
-65px
-40px
}
.layui-layer-setwin
.layui-layer-maxmin
:hover
{
background-position
:
-49px
-40px
}
.layui-layer-setwin
.layui-layer-close1
{
background-position
:
1px
-40px
;
cursor
:
pointer
}
.layui-layer-setwin
.layui-layer-close1
:hover
{
opacity
:
.7
}
.layui-layer-setwin
.layui-layer-close2
{
position
:
absolute
;
right
:
-28px
;
top
:
-28px
;
width
:
30px
;
height
:
30px
;
margin-left
:
0
;
background-position
:
-149px
-31px
;
*
right
:
-18px
;
_display
:
none
}
.layui-layer-setwin
.layui-layer-close2
:hover
{
background-position
:
-180px
-31px
}
.layui-layer-btn
{
text-align
:
right
;
padding
:
0
15px
12px
;
pointer-events
:
auto
;
user-select
:
none
;
-webkit-user-select
:
none
}
.layui-layer-btn
a
{
height
:
28px
;
line-height
:
28px
;
margin
:
5px
5px
0
;
padding
:
0
15px
;
border
:
1px
solid
#dedede
;
background-color
:
#fff
;
color
:
#333
;
border-radius
:
2px
;
font-weight
:
400
;
cursor
:
pointer
;
text-decoration
:
none
}
.layui-layer-btn
a
:hover
{
opacity
:
.9
;
text-decoration
:
none
}
.layui-layer-btn
a
:active
{
opacity
:
.8
}
.layui-layer-btn
.layui-layer-btn0
{
border-color
:
#1E9FFF
;
background-color
:
#1E9FFF
;
color
:
#fff
}
.layui-layer-btn-l
{
text-align
:
left
}
.layui-layer-btn-c
{
text-align
:
center
}
.layui-layer-dialog
{
min-width
:
260px
}
.layui-layer-dialog
.layui-layer-content
{
position
:
relative
;
padding
:
20px
;
line-height
:
24px
;
word-break
:
break-all
;
overflow
:
hidden
;
font-size
:
14px
;
overflow-x
:
hidden
;
overflow-y
:
auto
}
.layui-layer-dialog
.layui-layer-content
.layui-layer-ico
{
position
:
absolute
;
top
:
16px
;
left
:
15px
;
_left
:
-40px
;
width
:
30px
;
height
:
30px
}
.layui-layer-ico1
{
background-position
:
-30px
0
}
.layui-layer-ico2
{
background-position
:
-60px
0
}
.layui-layer-ico3
{
background-position
:
-90px
0
}
.layui-layer-ico4
{
background-position
:
-120px
0
}
.layui-layer-ico5
{
background-position
:
-150px
0
}
.layui-layer-ico6
{
background-position
:
-180px
0
}
.layui-layer-rim
{
border
:
6px
solid
#8D8D8D
;
border
:
6px
solid
rgba
(
0
,
0
,
0
,
.3
);
border-radius
:
5px
;
box-shadow
:
none
}
.layui-layer-msg
{
min-width
:
180px
;
border
:
1px
solid
#D3D4D3
;
box-shadow
:
none
}
.layui-layer-hui
{
min-width
:
100px
;
background-color
:
#000
;
filter
:
alpha
(
opacity
=
60
);
background-color
:
rgba
(
0
,
0
,
0
,
.6
);
color
:
#fff
;
border
:
none
}
.layui-layer-hui
.layui-layer-content
{
padding
:
12px
25px
;
text-align
:
center
}
.layui-layer-dialog
.layui-layer-padding
{
padding
:
20px
20px
20px
55px
;
text-align
:
left
}
.layui-layer-page
.layui-layer-content
{
position
:
relative
;
overflow
:
auto
}
.layui-layer-iframe
.layui-layer-btn
,
.layui-layer-page
.layui-layer-btn
{
padding-top
:
10px
}
.layui-layer-nobg
{
background
:
0
0
}
.layui-layer-iframe
iframe
{
display
:
block
;
width
:
100%
}
.layui-layer-loading
{
border-radius
:
100%
;
background
:
0
0
;
box-shadow
:
none
;
border
:
none
}
.layui-layer-loading
.layui-layer-content
{
width
:
60px
;
height
:
24px
;
background
:
url(loading-0.gif)
no-repeat
}
.layui-layer-loading
.layui-layer-loading1
{
width
:
37px
;
height
:
37px
;
background
:
url(loading-1.gif)
no-repeat
}
.layui-layer-ico16
,
.layui-layer-loading
.layui-layer-loading2
{
width
:
32px
;
height
:
32px
;
background
:
url(loading-2.gif)
no-repeat
}
.layui-layer-tips
{
background
:
0
0
;
box-shadow
:
none
;
border
:
none
}
.layui-layer-tips
.layui-layer-content
{
position
:
relative
;
line-height
:
22px
;
min-width
:
12px
;
padding
:
8px
15px
;
font-size
:
12px
;
_float
:
left
;
border-radius
:
2px
;
box-shadow
:
1px
1px
3px
rgba
(
0
,
0
,
0
,
.2
);
background-color
:
#000
;
color
:
#fff
}
.layui-layer-tips
.layui-layer-close
{
right
:
-2px
;
top
:
-1px
}
.layui-layer-tips
i
.layui-layer-TipsG
{
position
:
absolute
;
width
:
0
;
height
:
0
;
border-width
:
8px
;
border-color
:
transparent
;
border-style
:
dashed
;
*
overflow
:
hidden
}
.layui-layer-tips
i
.layui-layer-TipsB
,
.layui-layer-tips
i
.layui-layer-TipsT
{
left
:
5px
;
border-right-style
:
solid
;
border-right-color
:
#000
}
.layui-layer-tips
i
.layui-layer-TipsT
{
bottom
:
-8px
}
.layui-layer-tips
i
.layui-layer-TipsB
{
top
:
-8px
}
.layui-layer-tips
i
.layui-layer-TipsL
,
.layui-layer-tips
i
.layui-layer-TipsR
{
top
:
5px
;
border-bottom-style
:
solid
;
border-bottom-color
:
#000
}
.layui-layer-tips
i
.layui-layer-TipsR
{
left
:
-8px
}
.layui-layer-tips
i
.layui-layer-TipsL
{
right
:
-8px
}
.layui-layer-lan
[
type
=
dialog
]
{
min-width
:
280px
}
.layui-layer-lan
.layui-layer-title
{
background
:
#4476A7
;
color
:
#fff
;
border
:
none
}
.layui-layer-lan
.layui-layer-btn
{
padding
:
5px
10px
10px
;
text-align
:
right
;
border-top
:
1px
solid
#E9E7E7
}
.layui-layer-lan
.layui-layer-btn
a
{
background
:
#fff
;
border-color
:
#E9E7E7
;
color
:
#333
}
.layui-layer-lan
.layui-layer-btn
.layui-layer-btn1
{
background
:
#C9C5C5
}
.layui-layer-molv
.layui-layer-title
{
background
:
#009f95
;
color
:
#fff
;
border
:
none
}
.layui-layer-molv
.layui-layer-btn
a
{
background
:
#009f95
;
border-color
:
#009f95
}
.layui-layer-molv
.layui-layer-btn
.layui-layer-btn1
{
background
:
#92B8B1
}
.layui-layer-iconext
{
background
:
url(icon-ext.png)
no-repeat
}
.layui-layer-prompt
.layui-layer-input
{
display
:
block
;
width
:
230px
;
height
:
36px
;
margin
:
0
auto
;
line-height
:
30px
;
padding-left
:
10px
;
border
:
1px
solid
#e6e6e6
;
color
:
#333
}
.layui-layer-prompt
textarea
.layui-layer-input
{
width
:
300px
;
height
:
100px
;
line-height
:
20px
;
padding
:
6px
10px
}
.layui-layer-prompt
.layui-layer-content
{
padding
:
20px
}
.layui-layer-prompt
.layui-layer-btn
{
padding-top
:
0
}
.layui-layer-tab
{
box-shadow
:
1px
1px
50px
rgba
(
0
,
0
,
0
,
.4
)}
.layui-layer-tab
.layui-layer-title
{
padding-left
:
0
;
overflow
:
visible
}
.layui-layer-tab
.layui-layer-title
span
{
position
:
relative
;
float
:
left
;
min-width
:
80px
;
max-width
:
260px
;
padding
:
0
20px
;
text-align
:
center
;
overflow
:
hidden
;
cursor
:
pointer
}
.layui-layer-tab
.layui-layer-title
span
.layui-this
{
height
:
43px
;
border-left
:
1px
solid
#eee
;
border-right
:
1px
solid
#eee
;
background-color
:
#fff
;
z-index
:
10
}
.layui-layer-tab
.layui-layer-title
span
:first-child
{
border-left
:
none
}
.layui-layer-tabmain
{
line-height
:
24px
;
clear
:
both
}
.layui-layer-tabmain
.layui-layer-tabli
{
display
:
none
}
.layui-layer-tabmain
.layui-layer-tabli.layui-this
{
display
:
block
}
.layui-layer-photos
{
-webkit-animation-duration
:
.8s
;
animation-duration
:
.8s
}
.layui-layer-photos
.layui-layer-content
{
overflow
:
hidden
;
text-align
:
center
}
.layui-layer-photos
.layui-layer-phimg
img
{
position
:
relative
;
width
:
100%
;
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
top
}
.layui-layer-imgbar
,
.layui-layer-imguide
{
display
:
none
}
.layui-layer-imgnext
,
.layui-layer-imgprev
{
position
:
absolute
;
top
:
50%
;
width
:
27px
;
_width
:
44px
;
height
:
44px
;
margin-top
:
-22px
;
outline
:
0
;
blr
:
expression
(
this
.
onFocus
=
this
.
blur
())}
.layui-layer-imgprev
{
left
:
10px
;
background-position
:
-5px
-5px
;
_background-position
:
-70px
-5px
}
.layui-layer-imgprev
:hover
{
background-position
:
-33px
-5px
;
_background-position
:
-120px
-5px
}
.layui-layer-imgnext
{
right
:
10px
;
_right
:
8px
;
background-position
:
-5px
-50px
;
_background-position
:
-70px
-50px
}
.layui-layer-imgnext
:hover
{
background-position
:
-33px
-50px
;
_background-position
:
-120px
-50px
}
.layui-layer-imgbar
{
position
:
absolute
;
left
:
0
;
bottom
:
0
;
width
:
100%
;
height
:
32px
;
line-height
:
32px
;
background-color
:
rgba
(
0
,
0
,
0
,
.8
);
background-color
:
#000
\
9
;
filter
:
Alpha
(
opacity
=
80
);
color
:
#fff
;
overflow
:
hidden
;
font-size
:
0
}
.layui-layer-imgtit
*
{
display
:
inline-block
;
*
display
:
inline
;
*
zoom
:
1
;
vertical-align
:
top
;
font-size
:
12px
}
.layui-layer-imgtit
a
{
max-width
:
65%
;
overflow
:
hidden
;
color
:
#fff
}
.layui-layer-imgtit
a
:hover
{
color
:
#fff
;
text-decoration
:
underline
}
.layui-layer-imgtit
em
{
padding-left
:
10px
;
font-style
:
normal
}
@-webkit-keyframes
layer-bounceOut
{
100
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.7
);
transform
:
scale
(
.7
)}
30
%
{
-webkit-transform
:
scale
(
1.05
);
transform
:
scale
(
1.05
)}
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
layer-bounceOut
{
100
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.7
);
-ms-transform
:
scale
(
.7
);
transform
:
scale
(
.7
)}
30
%
{
-webkit-transform
:
scale
(
1.05
);
-ms-transform
:
scale
(
1.05
);
transform
:
scale
(
1.05
)}
0
%
{
-webkit-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
.layer-anim-close
{
-webkit-animation-name
:
layer-bounceOut
;
animation-name
:
layer-bounceOut
;
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
;
-webkit-animation-duration
:
.2s
;
animation-duration
:
.2s
}
@media
screen
and
(
max-width
:
1100px
){
.layui-layer-iframe
{
overflow-y
:
auto
;
-webkit-overflow-scrolling
:
touch
}}
\ No newline at end of file
admin-core/src/main/resources/static/plugins/layui/font/iconfont.eot
View file @
f1c6182d
No preview for this file type
admin-core/src/main/resources/static/plugins/layui/font/iconfont.svg
View file @
f1c6182d
This source diff could not be displayed because it is too large. You can
view the blob
instead.
admin-core/src/main/resources/static/plugins/layui/font/iconfont.ttf
View file @
f1c6182d
No preview for this file type
admin-core/src/main/resources/static/plugins/layui/font/iconfont.woff
View file @
f1c6182d
No preview for this file type
admin-core/src/main/resources/static/plugins/layui/lay/modules/carousel.js
View file @
f1c6182d
/** layui-v2.
2
.5 MIT License By https://www.layui.com */
/** layui-v2.
4
.5 MIT License By https://www.layui.com */
;
layui
.
define
(
"
jquery
"
,
function
(
e
){
"
use strict
"
;
var
i
=
layui
.
$
,
n
=
(
layui
.
hint
(),
layui
.
device
(),{
config
:{},
set
:
function
(
e
){
var
n
=
this
;
return
n
.
config
=
i
.
extend
({},
n
.
config
,
e
),
n
},
on
:
function
(
e
,
i
){
return
layui
.
onevent
.
call
(
this
,
t
,
e
,
i
)}}),
t
=
"
carousel
"
,
a
=
"
layui-this
"
,
l
=
"
>*[carousel-item]>*
"
,
o
=
"
layui-carousel-left
"
,
r
=
"
layui-carousel-right
"
,
d
=
"
layui-carousel-prev
"
,
s
=
"
layui-carousel-next
"
,
u
=
"
layui-carousel-arrow
"
,
c
=
"
layui-carousel-ind
"
,
m
=
function
(
e
){
var
t
=
this
;
t
.
config
=
i
.
extend
({},
t
.
config
,
n
.
config
,
e
),
t
.
render
()};
m
.
prototype
.
config
=
{
width
:
"
600px
"
,
height
:
"
280px
"
,
full
:
!
1
,
arrow
:
"
hover
"
,
indicator
:
"
inside
"
,
autoplay
:
!
0
,
interval
:
3
e3
,
anim
:
""
,
trigger
:
"
click
"
,
index
:
0
},
m
.
prototype
.
render
=
function
(){
var
e
=
this
,
n
=
e
.
config
;
n
.
elem
=
i
(
n
.
elem
),
n
.
elem
[
0
]
&&
(
e
.
elemItem
=
n
.
elem
.
find
(
l
),
n
.
index
<
0
&&
(
n
.
index
=
0
),
n
.
index
>=
e
.
elemItem
.
length
&&
(
n
.
index
=
e
.
elemItem
.
length
-
1
),
n
.
interval
<
800
&&
(
n
.
interval
=
800
),
n
.
full
?
n
.
elem
.
css
({
position
:
"
fixed
"
,
width
:
"
100%
"
,
height
:
"
100%
"
,
zIndex
:
9999
}):
n
.
elem
.
css
({
width
:
n
.
width
,
height
:
n
.
height
}),
n
.
elem
.
attr
(
"
lay-anim
"
,
n
.
anim
),
e
.
elemItem
.
eq
(
n
.
index
).
addClass
(
a
),
e
.
elemItem
.
length
<=
1
||
(
e
.
indicator
(),
e
.
arrow
(),
e
.
autoplay
(),
e
.
events
()))},
m
.
prototype
.
reload
=
function
(
e
){
var
n
=
this
;
clearInterval
(
n
.
timer
),
n
.
config
=
i
.
extend
({},
n
.
config
,
e
),
n
.
render
()},
m
.
prototype
.
prevIndex
=
function
(){
var
e
=
this
,
i
=
e
.
config
,
n
=
i
.
index
-
1
;
return
n
<
0
&&
(
n
=
e
.
elemItem
.
length
-
1
),
n
},
m
.
prototype
.
nextIndex
=
function
(){
var
e
=
this
,
i
=
e
.
config
,
n
=
i
.
index
+
1
;
return
n
>=
e
.
elemItem
.
length
&&
(
n
=
0
),
n
},
m
.
prototype
.
addIndex
=
function
(
e
){
var
i
=
this
,
n
=
i
.
config
;
e
=
e
||
1
,
n
.
index
=
n
.
index
+
e
,
n
.
index
>=
i
.
elemItem
.
length
&&
(
n
.
index
=
0
)},
m
.
prototype
.
subIndex
=
function
(
e
){
var
i
=
this
,
n
=
i
.
config
;
e
=
e
||
1
,
n
.
index
=
n
.
index
-
e
,
n
.
index
<
0
&&
(
n
.
index
=
i
.
elemItem
.
length
-
1
)},
m
.
prototype
.
autoplay
=
function
(){
var
e
=
this
,
i
=
e
.
config
;
i
.
autoplay
&&
(
e
.
timer
=
setInterval
(
function
(){
e
.
slide
()},
i
.
interval
))},
m
.
prototype
.
arrow
=
function
(){
var
e
=
this
,
n
=
e
.
config
,
t
=
i
([
'
<button class="layui-icon
'
+
u
+
'
" lay-type="sub">
'
+
(
"
updown
"
===
n
.
anim
?
"

"
:
"

"
)
+
"
</button>
"
,
'
<button class="layui-icon
'
+
u
+
'
" lay-type="add">
'
+
(
"
updown
"
===
n
.
anim
?
"

"
:
"

"
)
+
"
</button>
"
].
join
(
""
));
n
.
elem
.
attr
(
"
lay-arrow
"
,
n
.
arrow
),
n
.
elem
.
find
(
"
.
"
+
u
)[
0
]
&&
n
.
elem
.
find
(
"
.
"
+
u
).
remove
(),
n
.
elem
.
append
(
t
),
t
.
on
(
"
click
"
,
function
(){
var
n
=
i
(
this
),
t
=
n
.
attr
(
"
lay-type
"
);
e
.
slide
(
t
)})},
m
.
prototype
.
indicator
=
function
(){
var
e
=
this
,
n
=
e
.
config
,
t
=
e
.
elemInd
=
i
([
'
<div class="
'
+
c
+
'
"><ul>
'
,
function
(){
var
i
=
[];
return
layui
.
each
(
e
.
elemItem
,
function
(
e
){
i
.
push
(
"
<li
"
+
(
n
.
index
===
e
?
'
class="layui-this"
'
:
""
)
+
"
></li>
"
)}),
i
.
join
(
""
)}(),
"
</ul></div>
"
].
join
(
""
));
n
.
elem
.
attr
(
"
lay-indicator
"
,
n
.
indicator
),
n
.
elem
.
find
(
"
.
"
+
c
)[
0
]
&&
n
.
elem
.
find
(
"
.
"
+
c
).
remove
(),
n
.
elem
.
append
(
t
),
"
updown
"
===
n
.
anim
&&
t
.
css
(
"
margin-top
"
,
-
(
t
.
height
()
/
2
)),
t
.
find
(
"
li
"
).
on
(
"
hover
"
===
n
.
trigger
?
"
mouseover
"
:
n
.
trigger
,
function
(){
var
t
=
i
(
this
),
a
=
t
.
index
();
a
>
n
.
index
?
e
.
slide
(
"
add
"
,
a
-
n
.
index
):
a
<
n
.
index
&&
e
.
slide
(
"
sub
"
,
n
.
index
-
a
)})},
m
.
prototype
.
slide
=
function
(
e
,
i
){
var
n
=
this
,
l
=
n
.
elemItem
,
u
=
n
.
config
,
c
=
u
.
index
,
m
=
u
.
elem
.
attr
(
"
lay-filter
"
);
n
.
haveSlide
||
(
"
sub
"
===
e
?(
n
.
subIndex
(
i
),
l
.
eq
(
u
.
index
).
addClass
(
d
),
setTimeout
(
function
(){
l
.
eq
(
c
).
addClass
(
r
),
l
.
eq
(
u
.
index
).
addClass
(
r
)},
50
)):(
n
.
addIndex
(
i
),
l
.
eq
(
u
.
index
).
addClass
(
s
),
setTimeout
(
function
(){
l
.
eq
(
c
).
addClass
(
o
),
l
.
eq
(
u
.
index
).
addClass
(
o
)},
50
)),
setTimeout
(
function
(){
l
.
removeClass
(
a
+
"
"
+
d
+
"
"
+
s
+
"
"
+
o
+
"
"
+
r
),
l
.
eq
(
u
.
index
).
addClass
(
a
),
n
.
haveSlide
=!
1
},
300
),
n
.
elemInd
.
find
(
"
li
"
).
eq
(
u
.
index
).
addClass
(
a
).
siblings
().
removeClass
(
a
),
n
.
haveSlide
=!
0
,
layui
.
event
.
call
(
this
,
t
,
"
change(
"
+
m
+
"
)
"
,{
index
:
u
.
index
,
prevIndex
:
c
,
item
:
l
.
eq
(
u
.
index
)}))},
m
.
prototype
.
events
=
function
(){
var
e
=
this
,
i
=
e
.
config
;
i
.
elem
.
data
(
"
haveEvents
"
)
||
(
i
.
elem
.
on
(
"
mouseenter
"
,
function
(){
clearInterval
(
e
.
timer
)}).
on
(
"
mouseleave
"
,
function
(){
e
.
autoplay
()}),
i
.
elem
.
data
(
"
haveEvents
"
,
!
0
))},
n
.
render
=
function
(
e
){
var
i
=
new
m
(
e
);
return
i
},
e
(
t
,
n
)});
\ No newline at end of file
admin-core/src/main/resources/static/plugins/layui/lay/modules/code.js
View file @
f1c6182d
/** layui-v2.
2
.5 MIT License By https://www.layui.com */
/** layui-v2.
4
.5 MIT License By https://www.layui.com */
;
layui
.
define
(
"
jquery
"
,
function
(
e
){
"
use strict
"
;
var
a
=
layui
.
$
,
l
=
"
http://www.layui.com/doc/modules/code.html
"
;
e
(
"
code
"
,
function
(
e
){
var
t
=
[];
e
=
e
||
{},
e
.
elem
=
a
(
e
.
elem
||
"
.layui-code
"
),
e
.
about
=!
(
"
about
"
in
e
)
||
e
.
about
,
e
.
elem
.
each
(
function
(){
t
.
push
(
this
)}),
layui
.
each
(
t
.
reverse
(),
function
(
t
,
i
){
var
c
=
a
(
i
),
o
=
c
.
html
();(
c
.
attr
(
"
lay-encode
"
)
||
e
.
encode
)
&&
(
o
=
o
.
replace
(
/&
(?!
#
?[
a-zA-Z0-9
]
+;
)
/g
,
"
&
"
).
replace
(
/</g
,
"
<
"
).
replace
(
/>/g
,
"
>
"
).
replace
(
/'/g
,
"
'
"
).
replace
(
/"/g
,
"
"
"
)),
c
.
html
(
'
<ol class="layui-code-ol"><li>
'
+
o
.
replace
(
/
[\r\t\n]
+/g
,
"
</li><li>
"
)
+
"
</li></ol>
"
),
c
.
find
(
"
>.layui-code-h3
"
)[
0
]
||
c
.
prepend
(
'
<h3 class="layui-code-h3">
'
+
(
c
.
attr
(
"
lay-title
"
)
||
e
.
title
||
"
code
"
)
+
(
e
.
about
?
'
<a href="
'
+
l
+
'
" target="_blank">layui.code</a>
'
:
""
)
+
"
</h3>
"
);
var
d
=
c
.
find
(
"
>.layui-code-ol
"
);
c
.
addClass
(
"
layui-box layui-code-view
"
),(
c
.
attr
(
"
lay-skin
"
)
||
e
.
skin
)
&&
c
.
addClass
(
"
layui-code-
"
+
(
c
.
attr
(
"
lay-skin
"
)
||
e
.
skin
)),(
d
.
find
(
"
li
"
).
length
/
100
|
0
)
>
0
&&
d
.
css
(
"
margin-left
"
,(
d
.
find
(
"
li
"
).
length
/
100
|
0
)
+
"
px
"
),(
c
.
attr
(
"
lay-height
"
)
||
e
.
height
)
&&
d
.
css
(
"
max-height
"
,
c
.
attr
(
"
lay-height
"
)
||
e
.
height
)})})}).
addcss
(
"
modules/code.css
"
,
"
skincodecss
"
);
\ No newline at end of file
Prev
1
2
Next
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
