Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DiDi
cube-ui
提交
a059568c
C
cube-ui
项目概览
DiDi
/
cube-ui
10 个月 前同步成功
通知
34
Star
9078
Fork
1508
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
C
cube-ui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
a059568c
编写于
7月 13, 2018
作者:
D
dolymood
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
build: package
上级
1c4d3300
变更
28
隐藏空白更改
内联
并排
Showing
28 changed file
with
28 addition
and
28 deletion
+28
-28
lib/button/button.min.css
lib/button/button.min.css
+1
-1
lib/button/style.css
lib/button/style.css
+1
-1
lib/checkbox-group/checkbox-group.min.css
lib/checkbox-group/checkbox-group.min.css
+1
-1
lib/checkbox-group/style.css
lib/checkbox-group/style.css
+1
-1
lib/cube.min.css
lib/cube.min.css
+1
-1
lib/cube.min.js
lib/cube.min.js
+1
-1
lib/drawer/drawer.min.css
lib/drawer/drawer.min.css
+1
-1
lib/drawer/style.css
lib/drawer/style.css
+1
-1
lib/form/form.min.css
lib/form/form.min.css
+1
-1
lib/form/style.css
lib/form/style.css
+1
-1
lib/index.js
lib/index.js
+1
-1
lib/input/input.min.css
lib/input/input.min.css
+1
-1
lib/input/style.css
lib/input/style.css
+1
-1
lib/radio-group/radio-group.min.css
lib/radio-group/radio-group.min.css
+1
-1
lib/radio-group/style.css
lib/radio-group/style.css
+1
-1
lib/radio/radio.min.css
lib/radio/radio.min.css
+1
-1
lib/radio/style.css
lib/radio/style.css
+1
-1
lib/select/select.min.css
lib/select/select.min.css
+1
-1
lib/select/style.css
lib/select/style.css
+1
-1
lib/style.css
lib/style.css
+1
-1
lib/textarea/style.css
lib/textarea/style.css
+1
-1
lib/textarea/textarea.min.css
lib/textarea/textarea.min.css
+1
-1
lib/tip/style.css
lib/tip/style.css
+1
-1
lib/tip/tip.min.css
lib/tip/tip.min.css
+1
-1
lib/toolbar/style.css
lib/toolbar/style.css
+1
-1
lib/toolbar/toolbar.min.css
lib/toolbar/toolbar.min.css
+1
-1
lib/upload/style.css
lib/upload/style.css
+1
-1
lib/upload/upload.min.css
lib/upload/upload.min.css
+1
-1
未找到文件。
lib/button/button.min.css
浏览文件 @
a059568c
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
\ No newline at end of file
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
\ No newline at end of file
lib/button/style.css
浏览文件 @
a059568c
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
\ No newline at end of file
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
\ No newline at end of file
lib/checkbox-group/checkbox-group.min.css
浏览文件 @
a059568c
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
\ No newline at end of file
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
\ No newline at end of file
lib/checkbox-group/style.css
浏览文件 @
a059568c
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
\ No newline at end of file
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
\ No newline at end of file
lib/cube.min.css
浏览文件 @
a059568c
a
,
abbr
,
acronym
,
address
,
applet
,
article
,
aside
,
audio
,
b
,
big
,
blockquote
,
body
,
canvas
,
caption
,
center
,
cite
,
code
,
dd
,
del
,
details
,
dfn
,
div
,
dl
,
dt
,
em
,
embed
,
fieldset
,
figcaption
,
figure
,
footer
,
form
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
header
,
html
,
i
,
iframe
,
img
,
input
,
ins
,
kbd
,
label
,
legend
,
li
,
mark
,
menu
,
nav
,
object
,
ol
,
output
,
p
,
pre
,
q
,
ruby
,
s
,
samp
,
section
,
small
,
span
,
strike
,
strong
,
sub
,
summary
,
sup
,
table
,
tbody
,
td
,
tfoot
,
th
,
thead
,
time
,
tr
,
tt
,
u
,
ul
,
var
,
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font-weight
:
400
;
vertical-align
:
baseline
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
menu
,
nav
,
section
{
display
:
block
}
body
{
line-height
:
1
}
blockquote
,
q
{
quotes
:
none
}
blockquote
:after
,
blockquote
:before
,
q
:after
,
q
:before
{
content
:
none
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
a
{
color
:
#7e8c8d
;
text-decoration
:
none
}
li
{
list-style
:
none
}
body
{
-webkit-text-size-adjust
:
none
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
body
,
html
{
line-height
:
1
;
font-family
:
PingFang
SC
,
STHeitiSC-Light
,
Helvetica-Light
,
arial
,
sans-serif
;
-webkit-user-select
:
none
;
user-select
:
none
;
-webkit-tap-highlight-color
:
transparent
}
.clear-fix
:after
{
content
:
""
;
display
:
table
;
clear
:
both
}
.border-bottom-1px
,
.border-left-1px
,
.border-right-1px
,
.border-top-1px
{
position
:
relative
}
.border-bottom-1px
:after
,
.border-bottom-1px
:before
,
.border-left-1px
:after
,
.border-left-1px
:before
,
.border-right-1px
:after
,
.border-right-1px
:before
,
.border-top-1px
:after
,
.border-top-1px
:before
{
content
:
""
;
display
:
block
;
position
:
absolute
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
}
.border-top-1px
:before
{
border-top
:
1px
solid
#ebebeb
;
left
:
0
;
top
:
0
;
width
:
100%
;
-webkit-transform-origin
:
0
top
;
transform-origin
:
0
top
}
.border-right-1px
:after
{
border-right
:
1px
solid
#f5f5f5
;
top
:
0
;
right
:
0
;
height
:
100%
;
-webkit-transform-origin
:
right
0
;
transform-origin
:
right
0
}
.border-bottom-1px
:after
{
border-bottom
:
1px
solid
#ebebeb
;
left
:
0
;
bottom
:
0
;
width
:
100%
;
-webkit-transform-origin
:
0
bottom
;
transform-origin
:
0
bottom
}
.border-left-1px
:before
{
border-left
:
1px
solid
#f5f5f5
;
top
:
0
;
left
:
0
;
height
:
100%
;
-webkit-transform-origin
:
left
0
;
transform-origin
:
left
0
}
.cube-safe-area-pb
{
padding-bottom
:
constant
(
safe-area-inset-bottom
)
!important
;
padding-bottom
:
env
(
safe-area-inset-bottom
)
!important
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.border-top-1px
:before
{
width
:
200%
}
.border-right-1px
:after
,
.border-top-1px
:before
{
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
.border-right-1px
:after
{
height
:
200%
}
.border-bottom-1px
:after
{
width
:
200%
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
.border-left-1px
:before
{
height
:
200%
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.border-top-1px
:before
{
width
:
300%
}
.border-right-1px
:after
,
.border-top-1px
:before
{
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}
.border-right-1px
:after
{
height
:
300%
}
.border-bottom-1px
:after
{
width
:
300%
}
.border-bottom-1px
:after
,
.border-left-1px
:before
{
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}
.border-left-1px
:before
{
height
:
300%
}}
@font-face
{
font-family
:
cube-icon
;
src
:
url(data:application/font-woff;base64,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)
format
(
"woff"
),
url(fonts/cubeic.dcc2b6f.ttf)
format
(
"truetype"
)}
[
class
*=
" cubeic-"
],[
class
^=
cubeic-
]
{
font-family
:
cube-icon
!important
;
font-size
:
100%
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cubeic-eye-invisible
:before
{
content
:
"\E624"
}
.cubeic-eye-visible
:before
{
content
:
"\E625"
}
.cubeic-square-right
:before
{
content
:
"\E67D"
}
.cubeic-select
:before
{
content
:
"\E609"
}
.cubeic-pulldown
:before
{
content
:
"\E603"
}
.cubeic-pullup
:before
{
content
:
"\E604"
}
.cubeic-more
:before
{
content
:
"\E607"
}
.cubeic-back
:before
{
content
:
"\E608"
}
.cubeic-arrow
:before
{
content
:
"\E60B"
}
.cubeic-close
:before
{
content
:
"\E60D"
}
.cubeic-warn
:before
{
content
:
"\E614"
}
.cubeic-question
:before
{
content
:
"\E616"
}
.cubeic-right
:before
{
content
:
"\E617"
}
.cubeic-wrong
:before
{
content
:
"\E618"
}
.cubeic-info
:before
{
content
:
"\E619"
}
.cubeic-remove
:before
{
content
:
"\E61A"
}
.cubeic-add
:before
{
content
:
"\E61C"
}
.cubeic-share
:before
{
content
:
"\E631"
}
.cubeic-no-wifi
:before
{
content
:
"\E632"
}
.cubeic-smile
:before
{
content
:
"\E634"
}
.cubeic-sad
:before
{
content
:
"\E636"
}
.cubeic-email
:before
{
content
:
"\E637"
}
.cubeic-game
:before
{
content
:
"\E638"
}
.cubeic-wifi
:before
{
content
:
"\E639"
}
.cubeic-hot
:before
{
content
:
"\E63B"
}
.cubeic-notification
:before
{
content
:
"\E63D"
}
.cubeic-delete
:before
{
content
:
"\E63E"
}
.cubeic-vip
:before
{
content
:
"\E63F"
}
.cubeic-mute
:before
{
content
:
"\E640"
}
.cubeic-danger
:before
{
content
:
"\E641"
}
.cubeic-volume
:before
{
content
:
"\E642"
}
.cubeic-bad
:before
{
content
:
"\E643"
}
.cubeic-mobile-phone
:before
{
content
:
"\E644"
}
.cubeic-aim
:before
{
content
:
"\E645"
}
.cubeic-navigation
:before
{
content
:
"\E64D"
}
.cubeic-safe-pay
:before
{
content
:
"\E64E"
}
.cubeic-tag
:before
{
content
:
"\E64F"
}
.cubeic-lock
:before
{
content
:
"\E651"
}
.cubeic-unlock
:before
{
content
:
"\E652"
}
.cubeic-edit
:before
{
content
:
"\E653"
}
.cubeic-scan
:before
{
content
:
"\E654"
}
.cubeic-qr-code
:before
{
content
:
"\E655"
}
.cubeic-calendar
:before
{
content
:
"\E659"
}
.cubeic-time
:before
{
content
:
"\E65F"
}
.cubeic-red-packet
:before
{
content
:
"\E664"
}
.cubeic-star
:before
{
content
:
"\E668"
}
.cubeic-setting
:before
{
content
:
"\E669"
}
.cubeic-home
:before
{
content
:
"\E66D"
}
.cubeic-credit-card
:before
{
content
:
"\E66E"
}
.cubeic-mall
:before
{
content
:
"\E670"
}
.cubeic-microphone
:before
{
content
:
"\E673"
}
.cubeic-search
:before
{
content
:
"\E674"
}
.cubeic-good
:before
{
content
:
"\E675"
}
.cubeic-alert
:before
{
content
:
"\E676"
}
.cubeic-picture
:before
{
content
:
"\E677"
}
.cubeic-message
:before
{
content
:
"\E678"
}
.cubeic-phone
:before
{
content
:
"\E67A"
}
.cubeic-location
:before
{
content
:
"\E67B"
}
.cubeic-like
:before
{
content
:
"\E67C"
}
.cubeic-camera
:before
{
content
:
"\E67E"
}
.cubeic-person
:before
{
content
:
"\E67F"
}
.cubeic-round-border
:before
{
content
:
"\E683"
}
.cubeic-important
:before
{
content
:
"\E68B"
}
.cubeic-ok
:before
{
content
:
"\E68C"
}
.cubeic-square-border
:before
{
content
:
"\E990"
}
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-tip
{
display
:
-webkit-box
;
display
:
flex
;
z-index
:
10
;
position
:
absolute
;
padding
:
10px
38px
10px
16px
;
max-height
:
60px
;
font-size
:
12px
;
color
:
#fff
;
background
:
rgba
(
74
,
76
,
91
,
.8
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.2s
;
transition
:
opacity
.2s
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
)}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
top
:
0
}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
:before
{
margin-top
:
-6px
;
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
{
bottom
:
0
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
:before
{
margin-bottom
:
-6px
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
{
left
:
0
}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
:before
{
margin-left
:
-9px
;
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
)}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
right
:
0
}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
:before
{
margin-right
:
-9px
;
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
)}
.cube-tip-angle
{
position
:
absolute
}
.cube-tip-angle
:before
{
content
:
""
;
display
:
block
;
border-width
:
0
6px
6px
;
border-style
:
solid
;
border-color
:
transparent
transparent
rgba
(
74
,
76
,
91
,
.8
)}
.cube-tip-close
{
position
:
absolute
;
right
:
14px
;
top
:
12px
;
width
:
12px
;
height
:
12px
;
padding
:
0
;
color
:
inherit
;
outline
:
none
;
border
:
none
;
background
:
none
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-tip-content
{
min-height
:
18px
;
line-height
:
18px
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
overflow
:
hidden
}
.cube-tip-zoom-enter-active
{
-webkit-animation
:
tip-in
.4s
;
animation
:
tip-in
.4s
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-tip-zoom-leave-active
{
-webkit-animation
:
tip-out
.2s
;
animation
:
tip-out
.2s
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
@-webkit-keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@-webkit-keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
@keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-toolbar
{
position
:
fixed
;
left
:
10px
;
right
:
10px
;
bottom
:
10px
;
z-index
:
2
;
padding-bottom
:
constant
(
safe-area-inset-bottom
);
padding-bottom
:
env
(
safe-area-inset-bottom
)}
.cube-toolbar-group
{
display
:
-webkit-box
;
display
:
flex
;
height
:
44px
;
overflow
:
hidden
;
box-sizing
:
border-box
;
border-radius
:
2px
;
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
{
margin-bottom
:
10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
{
position
:
absolute
;
top
:
44px
;
right
:
9%
;
height
:
10px
;
color
:
#fcfcfc
;
font-size
:
24px
;
font-family
:
cube-icon
;
font-style
:
normal
;
text-shadow
:
0
1px
3px
#e8e8e8
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:before
{
content
:
"\E603"
;
position
:
relative
;
top
:
-10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:after
{
content
:
""
;
display
:
block
;
position
:
absolute
;
left
:
30%
;
top
:
50%
;
margin-top
:
-6px
;
width
:
40%
;
height
:
2px
;
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
{
color
:
#e8e8e8
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
:after
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
-webkit-box-align
:
center
;
align-items
:
center
;
background-color
:
#fcfcfc
}
.cube-toolbar-item
:last-child
{
position
:
static
}
.cube-toolbar-item
:last-child:after
{
display
:
none
}
.cube-toolbar-item
:active
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
:active:after
{
border-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
{
height
:
44px
;
padding
:
0
;
font-size
:
12px
;
background-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
{
padding
:
0
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
.cube-checkbox-ui
{
position
:
relative
;
left
:
auto
;
margin-right
:
.42em
}
.cube-toolbar-item
.cube-btn
{
position
:
relative
;
padding
:
0
5px
;
background-color
:
transparent
;
border
:
0
none
;
color
:
#666
;
font-size
:
12px
}
.cube-toolbar-item
.cube-btn
:active
{
background-color
:
transparent
}
.cube-toolbar-item
.cube-btn
:active:after
{
display
:
none
}
.cube-toolbar-item
.cube-btn
i
{
margin-right
:
0
}
.cube-toolbar-item
.cube-btn
i
.cubeic-more
{
color
:
#999
;
font-size
:
16px
}
.cube-tab-bar
{
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-tab-bar
,
.cube-tab-bar_inline
.cube-tab
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-tab-bar_inline
.cube-tab
{
align-content
:
center
}
.cube-tab-bar-slider
{
position
:
absolute
;
left
:
0
;
bottom
:
0
;
height
:
2px
;
width
:
20px
;
background-color
:
#e8864c
}
.cube-tab
{
-webkit-box-flex
:
1
;
flex
:
1
;
padding
:
7px
0
;
color
:
#666
;
text-align
:
center
}
.cube-tab_active
{
color
:
#e8864c
}
.cube-tab-panels
{
position
:
relative
;
overflow
:
hidden
}
.cube-tab-panels-group
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-transition
:
all
.4s
cubic-bezier
(
.86
,
0
,
.07
,
1
);
transition
:
all
.4s
cubic-bezier
(
.86
,
0
,
.07
,
1
)}
.cube-tab-panel
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
0
auto
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
.cube-picker-fade-enter
,
.cube-picker-fade-leave-active
{
opacity
:
0
}
.cube-picker-fade-enter-active
,
.cube-picker-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-panel
{
height
:
273px
;
text-align
:
center
;
font-size
:
14px
;
background
:
#fff
}
.cube-picker-move-enter
,
.cube-picker-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-picker-move-enter-active
,
.cube-picker-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-choose
{
position
:
relative
;
height
:
60px
}
.cube-picker-cancel
,
.cube-picker-confirm
{
line-height
:
60px
;
padding
:
0
16px
;
box-sizing
:
content-box
;
font-size
:
14px
}
.cube-picker-confirm
{
position
:
absolute
;
right
:
0
;
color
:
#fc9153
}
.cube-picker-confirm
:active
{
color
:
#fdc2a5
}
.cube-picker-cancel
{
position
:
absolute
;
left
:
0
;
color
:
#999
}
.cube-picker-cancel
:active
{
color
:
#ccc
}
.cube-picker-title-group
{
padding
:
0
60px
;
display
:
-webkit-box
;
display
:
flex
;
height
:
100%
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-flow
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-picker-title
{
font-size
:
18px
;
line-height
:
25px
;
font-weight
:
400
;
color
:
#333
}
.cube-picker-subtitle
{
margin-top
:
2px
;
line-height
:
16px
;
font-size
:
12px
;
color
:
#999
}
.cube-picker-content
{
position
:
relative
;
top
:
20px
}
.cube-picker-content
>
i
{
position
:
absolute
;
z-index
:
10
;
left
:
0
;
width
:
100%
;
height
:
68px
;
pointer-events
:
none
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-picker-content
>
.border-bottom-1px
{
top
:
0
;
background
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
bottom
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
0deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-content
>
.border-top-1px
{
bottom
:
0
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
top
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
180deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-wheel-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
padding
:
0
16px
}
.cube-picker-wheel-wrapper
>
div
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
height
:
173px
;
overflow
:
hidden
;
font-size
:
20px
}
.cube-picker-wheel-scroll
{
padding
:
0
;
margin-top
:
68px
;
line-height
:
36px
;
list-style
:
none
}
.cube-picker-wheel-item
{
list-style
:
none
;
height
:
36px
;
overflow
:
hidden
;
white-space
:
nowrap
;
color
:
#333
}
.cube-picker-footer
{
height
:
20px
}
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-switch
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-switch
.cube-switch-input
{
position
:
absolute
;
z-index
:
1
;
width
:
48px
;
height
:
28px
;
opacity
:
0
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
{
border-color
:
#fc9153
;
background-color
:
#fc9153
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:before
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:after
{
-webkit-transform
:
translateX
(
20px
);
transform
:
translateX
(
20px
)}
.cube-switch
.cube-switch-input
:disabled
+
.cube-switch-ui
{
opacity
:
.3
}
.cube-switch
.cube-switch-ui
{
position
:
relative
;
display
:
block
;
width
:
48px
;
height
:
28px
;
box-sizing
:
content-box
;
border
:
1px
solid
#e4e4e4
;
border-radius
:
28px
;
background-color
:
#e4e4e4
}
.cube-switch
.cube-switch-ui
:after
,
.cube-switch
.cube-switch-ui
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
border-radius
:
28px
;
background-color
:
#fff
;
-webkit-transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
),
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
)}
.cube-switch
.cube-switch-ui
:after
{
width
:
28px
;
background-color
:
#fff
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
)}
.cube-switch
.cube-switch-label
{
display
:
block
;
margin-left
:
10px
}
.cube-switch
.cube-switch-label
:empty
{
margin-left
:
0
}
.cube-rate
{
list-style
:
none
;
display
:
-webkit-inline-box
;
display
:
inline-flex
;
vertical-align
:
top
;
flex-wrap
:
nowrap
;
max-width
:
100%
}
.cube-rate-justify
{
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.cube-rate-item
{
position
:
relative
;
width
:
32px
;
-webkit-box-flex
:
0
;
flex
:
0
1
auto
;
margin-right
:
6px
}
.cube-rate-item
:after
{
content
:
""
;
display
:
block
;
padding
:
50%
0
}
.cube-rate-item
:last-child
{
margin-right
:
0
}
.cube-rate-item
.cube-rate-item-def
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background-size
:
100%
;
background-repeat
:
no-repeat
;
background-position
:
50%
;
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)
}}
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)
}}
.cube-validator
.cube-checkbox
,
.cube-validator
.cube-input
input
,
.cube-validator
.cube-radio
,
.cube-validator
.cube-select
,
.cube-validator
.cube-textarea
{
color
:
inherit
}
.cube-validator-msg-def
{
font-size
:
14px
;
color
:
#e64340
}
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
.cube-form
{
position
:
relative
;
font-size
:
16px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
}
.cube-form_groups
.cube-form-group-legend
{
padding
:
10px
15px
}
.cube-form_groups
.cube-form-group-legend
:empty
{
padding-top
:
5px
;
padding-bottom
:
5px
}
.cube-form_standard
.cube-form-item
{
min-height
:
46px
}
.cube-form_standard
.cube-form-field
{
-webkit-box-flex
:
1
;
flex
:
1
;
font-size
:
14px
}
.cube-form_standard
.cube-validator
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
relative
}
.cube-form_standard
.cube-validator_invalid
{
color
:
#e64340
}
.cube-form_standard
.cube-validator-content
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-form_standard
.cube-validator-msg-def
{
font-size
:
0
}
.cube-form_standard
.cube-validator_invalid
.cube-validator-msg
:before
{
content
:
"\E614"
;
padding-left
:
5px
;
font-family
:
cube-icon
!important
;
font-size
:
20px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cube-form_standard
.cube-form-label
{
width
:
100px
;
padding-right
:
10px
}
.cube-form_standard
.cube-checkbox-group
:after
,
.cube-form_standard
.cube-checkbox-group
:before
,
.cube-form_standard
.cube-radio-group
:after
,
.cube-form_standard
.cube-radio-group
:before
{
display
:
none
}
.cube-form_standard
.cube-input
input
{
padding
:
13px
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-input
:after
{
display
:
none
}
.cube-form_standard
.cube-textarea-wrapper
{
padding
:
13px
0
;
height
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
{
height
:
60px
;
padding-bottom
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
.cube-textarea-indicator
{
bottom
:
2px
}
.cube-form_standard
.cube-textarea-wrapper
.cube-textarea
{
padding
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-textarea-wrapper
:after
{
display
:
none
}
.cube-form_standard
.cube-select
{
padding-left
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-select
:after
{
display
:
none
}
.cube-form_standard
.cube-upload-def
{
padding
:
5px
0
}
.cube-form_standard
.cube-upload-def
.cube-upload-btn
,
.cube-form_standard
.cube-upload-def
.cube-upload-file
{
margin
:
5px
10px
5px
0
}
.cube-form_classic
.cube-form-item
{
display
:
block
;
padding
:
15px
}
.cube-form_classic
.cube-form-item
:last-child
{
padding-bottom
:
30px
}
.cube-form_classic
.cube-form-item
:after
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
margin-top
:
3px
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg-def
{
font-size
:
12px
}
.cube-form_classic
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_classic
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_classic
.cube-form-label
{
padding-bottom
:
15px
}
.cube-form_fresh
.cube-form-item
{
display
:
block
;
padding
:
2em
15px
10px
}
.cube-form_fresh
.cube-form-item
:after
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
top
:
1em
;
right
:
15px
;
bottom
:
auto
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg-def
{
font-size
:
100%
}
.cube-form_fresh
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-label
{
position
:
absolute
;
top
:
1em
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form-group
{
overflow
:
hidden
}
.cube-form-group-legend
{
font-size
:
14px
;
color
:
#999
;
background-color
:
#f3f4f5
}
.cube-form-item
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
0
15px
}
.cube-form-item
:last-child:after
{
display
:
none
}
.cube-form-item
.cube-checkbox-group
,
.cube-form-item
.cube-radio-group
{
background-color
:
transparent
}
.cube-form-item
.cube-checkbox
,
.cube-form-item
.cube-radio
{
padding-left
:
0
;
padding-right
:
0
}
.cube-form-item_btn
{
margin
:
15px
0
}
.cube-form-item_btn
:after
{
display
:
none
}
.cube-form-label
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
word-wrap
:
break-word
;
word-break
:
break-word
}
.cube-form-item_required
.cube-form-label
:before
{
content
:
"*"
;
display
:
block
;
margin-top
:
1px
;
margin-right
:
.3em
;
color
:
#e64340
}
.cube-toast.cube-popup
{
z-index
:
900
}
.cube-toast
.cube-popup-content
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
13px
16px
;
color
:
#ccc
;
background-color
:
rgba
(
37
,
38
,
45
,
.9
);
border-radius
:
2px
}
.cube-toast-icon
{
width
:
24px
;
height
:
24px
;
font-size
:
24px
}
.cube-toast-tip
{
line-height
:
20px
;
font-size
:
14px
;
max-width
:
12em
;
max-height
:
40px
;
overflow
:
hidden
;
margin-left
:
8px
}
.cube-toast-fade-enter-active
{
-webkit-animation
:
toast-in
.2s
;
animation
:
toast-in
.2s
}
.cube-toast-fade-leave-active
{
-webkit-animation
:
toast-out
.2s
;
animation
:
toast-out
.2s
}
@-webkit-keyframes
toast-in
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
toast-in
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@-webkit-keyframes
toast-out
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
@keyframes
toast-out
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
.cube-dialog-main
{
width
:
270px
;
padding
:
0
;
text-align
:
center
;
overflow
:
hidden
;
border-radius
:
2px
;
background-color
:
#fff
}
.cube-dialog-alert
,
.cube-dialog-confirm
{
position
:
relative
;
overflow
:
hidden
}
.cube-dialog-icon
{
margin-top
:
20px
;
margin-bottom
:
16px
;
line-height
:
1
;
color
:
#4a4c5b
;
font-size
:
30px
}
.cube-dialog-icon
i
{
display
:
inline-block
;
width
:
30px
;
height
:
30px
;
padding
:
10px
;
box-sizing
:
content-box
;
border-radius
:
50%
;
background-color
:
#f3f4f5
}
.cube-dialog-icon
+
.cube-dialog-title
.cube-dialog-title-def
{
margin-top
:
0
}
.cube-dialog-icon
+
.cube-dialog-content
{
margin-top
:
-4px
}
.cube-dialog-title
{
color
:
#333
;
font-size
:
16px
;
line-height
:
1
}
.cube-dialog-title
+
.cube-dialog-content
{
margin-top
:
12px
}
.cube-dialog-title-def
{
margin
:
30px
16px
0
;
overflow
:
hidden
;
white-space
:
nowrap
}
.cube-dialog-content
{
margin
:
16px
0
;
text-align
:
left
;
color
:
#666
;
font-size
:
14px
;
line-height
:
22px
}
.cube-dialog-content-def
{
padding
:
0
16px
}
.cube-dialog-content-def
>
p
{
display
:
table
;
margin
:
auto
}
.cube-dialog-confirm
.cube-dialog-btns
.cube-dialog-btn
{
width
:
50%
;
float
:
left
}
.cube-dialog-confirm
.cube-dialog-btns.border-right-1px
:after
{
right
:
50%
;
border-color
:
#ebebeb
}
.cube-dialog-close
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
z-index
:
1
;
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
32px
;
height
:
32px
;
color
:
#999
;
font-size
:
18px
}
.cube-dialog-btns
{
overflow
:
hidden
;
width
:
100%
;
font-size
:
0
}
.cube-dialog-btn
{
display
:
inline-block
;
width
:
100%
;
padding
:
17px
10px
;
margin
:
0
;
font-size
:
16px
;
line-height
:
1
;
text-align
:
center
;
text-decoration
:
none
;
color
:
#999
;
background-color
:
#fff
;
background-clip
:
padding-box
;
box-sizing
:
border-box
}
.cube-dialog-btn
:active
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-dialog-btn_highlight
{
color
:
#fc9153
}
.cube-dialog-btn_highlight
:active
{
background-color
:
rgba
(
252
,
145
,
83
,
.04
)}
.cube-dialog-btn_disabled
{
color
:
#999
}
.cube-dialog-btn_disabled
:active
{
background-color
:
transparent
}
.cube-dialog-fade-enter-active
{
-webkit-animation
:
dialog-fadein
.4s
;
animation
:
dialog-fadein
.4s
}
.cube-dialog-fade-enter-active
.cube-dialog-main
{
-webkit-animation
:
dialog-zoom
.4s
;
animation
:
dialog-zoom
.4s
}
@-webkit-keyframes
dialog-fadein
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
dialog-fadein
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@-webkit-keyframes
dialog-zoom
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
dialog-zoom
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
.cube-action-sheet-fade-enter
,
.cube-action-sheet-fade-leave-active
{
opacity
:
0
}
.cube-action-sheet-fade-enter-active
,
.cube-action-sheet-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-action-sheet-panel
{
text-align
:
center
;
font-size
:
14px
;
background-color
:
#fff
}
.cube-action-sheet-move-enter
,
.cube-action-sheet-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-action-sheet-move-enter-active
,
.cube-action-sheet-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-action-sheet-cancel
{
background-color
:
#fff
}
.cube-action-sheet-cancel
span
,
.cube-action-sheet-item
,
.cube-action-sheet-title
{
display
:
block
;
padding
:
17px
16px
;
margin
:
0
;
text-align
:
center
;
overflow
:
hidden
;
white-space
:
nowrap
;
font-size
:
16px
;
font-weight
:
400
;
line-height
:
1
;
color
:
#666
;
background-color
:
#fff
}
.cube-action-sheet-cancel
span
:active
,
.cube-action-sheet-item
:active
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-action-sheet-title
{
padding-top
:
16px
;
padding-bottom
:
16px
;
color
:
#333
;
font-size
:
18px
}
.cube-action-sheet-content
{
overflow
:
hidden
;
background
:
#fff
}
.cube-action-sheet-list
{
list-style
:
none
}
.cube-action-sheet-item
{
list-style
:
none
;
-webkit-user-select
:
none
;
user-select
:
none
}
.cube-action-sheet-item
:last-of-type:after
,
.cube-action-sheet-item
:last-of-type:before
{
display
:
none
}
.cube-action-sheet-item
[
data-align
=
left
]
{
text-align
:
left
}
.cube-action-sheet-item
[
data-align
=
right
]
{
text-align
:
right
}
.cube-action-sheet-space
{
height
:
6px
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
)}
.cube-action-sheet-item_active
{
color
:
#fc9153
}
.cube-action-sheet_picker
.cube-action-sheet-space
{
height
:
0
}
.cube-action-sheet_picker
.cube-action-sheet-title
{
height
:
1em
;
padding-top
:
21px
;
padding-bottom
:
21px
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
{
position
:
absolute
;
top
:
0
;
background-color
:
transparent
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
span
{
padding-top
:
23px
;
padding-bottom
:
23px
;
color
:
#999
;
font-size
:
14px
;
background-color
:
transparent
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
span
:active
{
color
:
#ccc
;
background-color
:
transparent
}
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
overflow
:
hidden
;
background-color
:
#fff
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
box-shadow
:
none
}
.cube-drawer-scroll-wrapper
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-image-preview-fade-enter
,
.cube-image-preview-fade-leave-active
{
opacity
:
0
}
.cube-image-preview-fade-enter-active
,
.cube-image-preview-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-image-preview
.cube-popup-mask
{
opacity
:
.6
}
.cube-image-preview
.cube-popup-content
{
width
:
100%
;
height
:
100%
}
.cube-image-preview
.cube-slide-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
}
.cube-image-preview-container
{
height
:
100%
;
margin
:
0
-10px
}
.cube-image-preview-footer
,
.cube-image-preview-header
{
position
:
absolute
;
left
:
0
;
right
:
0
}
.cube-image-preview-header
{
top
:
0
}
.cube-image-preview-footer
{
bottom
:
0
}
.cube-image-preview-counter
{
position
:
absolute
;
bottom
:
50px
;
width
:
100%
;
text-align
:
center
;
font-size
:
14px
;
color
:
#fff
}
.cube-image-preview-item
{
position
:
relative
;
padding
:
0
10px
;
height
:
100%
}
.cube-image-preview-item
.cube-scroll-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-image-preview-item
.cube-image-preview-img
{
display
:
block
;
height
:
auto
;
max-width
:
100%
;
max-height
:
100%
}
.cube-slide
{
position
:
relative
;
min-height
:
1px
;
height
:
100%
}
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
;
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
box-sizing
:
border-box
;
height
:
100%
;
text-align
:
center
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
img
{
display
:
block
;
height
:
100%
}
.cube-index-list
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-index-list
.cube-scroll-wrapper
{
position
:
absolute
;
left
:
0
;
top
:
0
;
right
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-index-list-content
{
background
:
#fff
;
border-radius
:
2px
}
.cube-index-list-title
{
padding
:
14px
16px
;
font-size
:
14px
;
line-height
:
1.6
;
color
:
#333
}
.cube-index-list-anchor
{
padding
:
16px
16px
10px
;
line-height
:
1
;
font-size
:
14px
;
color
:
#999
;
background
:
#f7f7f7
}
.cube-index-list-fixed
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
}
.cube-index-list-nav
{
position
:
absolute
;
z-index
:
30
;
right
:
0
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
font-family
:
Helvetica
}
.cube-index-list-nav
>
ul
{
padding
:
0
;
margin
:
0
}
.cube-index-list-nav
>
ul
>
li
{
padding
:
6px
16px
0
;
line-height
:
1
;
text-align
:
center
;
font-size
:
12px
;
color
:
#666
}
.cube-index-list-nav
>
ul
>
li
.active
{
color
:
#fc9153
}
@media
(
max-height
:
480px
){
.cube-index-list-nav
>
ul
>
li
{
padding-top
:
3px
}}
.cube-index-list-item-def
{
position
:
relative
;
height
:
50px
;
line-height
:
50px
;
padding
:
0
16px
;
font-size
:
14px
;
color
:
#333
}
.cube-index-list-item-def
:last-child:after
,
.cube-index-list-item-def
:last-child:before
{
display
:
none
}
.cube-index-list-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-swipe
{
overflow
:
hidden
}
.cube-swipe-enter-active
,
.cube-swipe-enter-active
.cube-swipe-item-inner
,
.cube-swipe-leave-active
,
.cube-swipe-leave-active
.cube-swipe-item-inner
{
-webkit-transition
:
all
.3s
;
transition
:
all
.3s
}
.cube-swipe-enter
.cube-swipe-item-inner
,
.cube-swipe-leave-to
.cube-swipe-item-inner
{
height
:
0
}
.cube-swipe-item
{
position
:
relative
}
.cube-swipe-item-inner
{
height
:
60px
;
line-height
:
60px
;
font-size
:
16px
;
padding-left
:
20px
}
.cube-swipe-btn
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
absolute
;
top
:
0
;
left
:
100%
;
height
:
100%
;
text-align
:
left
;
font-size
:
16px
}
.cube-swipe-btn
.text
{
-webkit-box-flex
:
1
;
flex
:
1
;
padding
:
0
20px
;
white-space
:
nowrap
;
color
:
#fff
}
.cube-sticky
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-sticky-fixed
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
}
.cube-sticky-fixed-fade-enter
,
.cube-sticky-fixed-fade-leave-active
{
opacity
:
0
}
.cube-sticky-fixed-fade-enter-active
,
.cube-sticky-fixed-fade-leave-active
{
-webkit-transition
:
all
.2s
ease-in-out
;
transition
:
all
.2s
ease-in-out
}
.cube-scroll-nav
,
.cube-sticky-ele
{
position
:
relative
}
.cube-scroll-nav
{
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-nav
.cube-sticky-content
{
height
:
100%
}
.cube-scroll-nav-main
{
overflow
:
hidden
}
.cube-scroll-nav-main
>
.cube-sticky
{
position
:
static
}
.cube-scroll-nav_side
>
.cube-sticky
{
display
:
-webkit-box
;
display
:
flex
}
.cube-scroll-nav_side
>
.cube-sticky
>
.cube-scroll-wrapper
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-scroll-nav_side
>
.cube-sticky
>
.cube-sticky-fixed
{
position
:
relative
;
height
:
100%
;
-webkit-box-ordinal-group
:
0
;
order
:
-1
}
.cube-scroll-nav_side
.cube-scroll-nav-main
>
.cube-sticky-ele
{
float
:
left
}
.cube-scroll-nav_side
.cube-scroll-nav-main
>
.cube-sticky
{
overflow
:
hidden
}
.cube-scroll-nav-bar
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
color
:
#666
;
background-color
:
#fff
}
.cube-scroll-nav-bar_horizontal
{
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-wrapper
{
-webkit-box-flex
:
1
;
flex
:
1
;
text-align
:
center
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-content
{
display
:
inline-block
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-nav-bar-items
{
white-space
:
nowrap
}
.cube-scroll-nav-bar_vertical
{
height
:
100%
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-scroll-nav-bar_vertical
.cube-scroll-nav-bar-item
{
display
:
block
}
.cube-scroll-nav-bar-items
{
font-size
:
14px
}
.cube-scroll-nav-bar-item
{
display
:
inline-block
;
padding
:
20px
15px
}
.cube-scroll-nav-bar-item_active
{
color
:
#fc9153
}
\ No newline at end of file
a
,
abbr
,
acronym
,
address
,
applet
,
article
,
aside
,
audio
,
b
,
big
,
blockquote
,
body
,
canvas
,
caption
,
center
,
cite
,
code
,
dd
,
del
,
details
,
dfn
,
div
,
dl
,
dt
,
em
,
embed
,
fieldset
,
figcaption
,
figure
,
footer
,
form
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
header
,
html
,
i
,
iframe
,
img
,
input
,
ins
,
kbd
,
label
,
legend
,
li
,
mark
,
menu
,
nav
,
object
,
ol
,
output
,
p
,
pre
,
q
,
ruby
,
s
,
samp
,
section
,
small
,
span
,
strike
,
strong
,
sub
,
summary
,
sup
,
table
,
tbody
,
td
,
tfoot
,
th
,
thead
,
time
,
tr
,
tt
,
u
,
ul
,
var
,
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font-weight
:
400
;
vertical-align
:
baseline
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
menu
,
nav
,
section
{
display
:
block
}
body
{
line-height
:
1
}
blockquote
,
q
{
quotes
:
none
}
blockquote
:after
,
blockquote
:before
,
q
:after
,
q
:before
{
content
:
none
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
a
{
color
:
#7e8c8d
;
text-decoration
:
none
}
li
{
list-style
:
none
}
body
{
-webkit-text-size-adjust
:
none
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
body
,
html
{
line-height
:
1
;
font-family
:
PingFang
SC
,
STHeitiSC-Light
,
Helvetica-Light
,
arial
,
sans-serif
;
-webkit-user-select
:
none
;
user-select
:
none
;
-webkit-tap-highlight-color
:
transparent
}
.clear-fix
:after
{
content
:
""
;
display
:
table
;
clear
:
both
}
.border-bottom-1px
,
.border-left-1px
,
.border-right-1px
,
.border-top-1px
{
position
:
relative
}
.border-bottom-1px
:after
,
.border-bottom-1px
:before
,
.border-left-1px
:after
,
.border-left-1px
:before
,
.border-right-1px
:after
,
.border-right-1px
:before
,
.border-top-1px
:after
,
.border-top-1px
:before
{
content
:
""
;
display
:
block
;
position
:
absolute
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
}
.border-top-1px
:before
{
border-top
:
1px
solid
#ebebeb
;
left
:
0
;
top
:
0
;
width
:
100%
;
-webkit-transform-origin
:
0
top
;
transform-origin
:
0
top
}
.border-right-1px
:after
{
border-right
:
1px
solid
#f5f5f5
;
top
:
0
;
right
:
0
;
height
:
100%
;
-webkit-transform-origin
:
right
0
;
transform-origin
:
right
0
}
.border-bottom-1px
:after
{
border-bottom
:
1px
solid
#ebebeb
;
left
:
0
;
bottom
:
0
;
width
:
100%
;
-webkit-transform-origin
:
0
bottom
;
transform-origin
:
0
bottom
}
.border-left-1px
:before
{
border-left
:
1px
solid
#f5f5f5
;
top
:
0
;
left
:
0
;
height
:
100%
;
-webkit-transform-origin
:
left
0
;
transform-origin
:
left
0
}
.cube-safe-area-pb
{
padding-bottom
:
constant
(
safe-area-inset-bottom
)
!important
;
padding-bottom
:
env
(
safe-area-inset-bottom
)
!important
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.border-top-1px
:before
{
width
:
200%
}
.border-right-1px
:after
,
.border-top-1px
:before
{
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
.border-right-1px
:after
{
height
:
200%
}
.border-bottom-1px
:after
{
width
:
200%
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
.border-left-1px
:before
{
height
:
200%
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.border-top-1px
:before
{
width
:
300%
}
.border-right-1px
:after
,
.border-top-1px
:before
{
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}
.border-right-1px
:after
{
height
:
300%
}
.border-bottom-1px
:after
{
width
:
300%
}
.border-bottom-1px
:after
,
.border-left-1px
:before
{
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}
.border-left-1px
:before
{
height
:
300%
}}
@font-face
{
font-family
:
cube-icon
;
src
:
url(data:application/font-woff;base64,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)
format
(
"woff"
),
url(fonts/cubeic.dcc2b6f.ttf)
format
(
"truetype"
)}
[
class
*=
" cubeic-"
],[
class
^=
cubeic-
]
{
font-family
:
cube-icon
!important
;
font-size
:
100%
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cubeic-eye-invisible
:before
{
content
:
"\E624"
}
.cubeic-eye-visible
:before
{
content
:
"\E625"
}
.cubeic-square-right
:before
{
content
:
"\E67D"
}
.cubeic-select
:before
{
content
:
"\E609"
}
.cubeic-pulldown
:before
{
content
:
"\E603"
}
.cubeic-pullup
:before
{
content
:
"\E604"
}
.cubeic-more
:before
{
content
:
"\E607"
}
.cubeic-back
:before
{
content
:
"\E608"
}
.cubeic-arrow
:before
{
content
:
"\E60B"
}
.cubeic-close
:before
{
content
:
"\E60D"
}
.cubeic-warn
:before
{
content
:
"\E614"
}
.cubeic-question
:before
{
content
:
"\E616"
}
.cubeic-right
:before
{
content
:
"\E617"
}
.cubeic-wrong
:before
{
content
:
"\E618"
}
.cubeic-info
:before
{
content
:
"\E619"
}
.cubeic-remove
:before
{
content
:
"\E61A"
}
.cubeic-add
:before
{
content
:
"\E61C"
}
.cubeic-share
:before
{
content
:
"\E631"
}
.cubeic-no-wifi
:before
{
content
:
"\E632"
}
.cubeic-smile
:before
{
content
:
"\E634"
}
.cubeic-sad
:before
{
content
:
"\E636"
}
.cubeic-email
:before
{
content
:
"\E637"
}
.cubeic-game
:before
{
content
:
"\E638"
}
.cubeic-wifi
:before
{
content
:
"\E639"
}
.cubeic-hot
:before
{
content
:
"\E63B"
}
.cubeic-notification
:before
{
content
:
"\E63D"
}
.cubeic-delete
:before
{
content
:
"\E63E"
}
.cubeic-vip
:before
{
content
:
"\E63F"
}
.cubeic-mute
:before
{
content
:
"\E640"
}
.cubeic-danger
:before
{
content
:
"\E641"
}
.cubeic-volume
:before
{
content
:
"\E642"
}
.cubeic-bad
:before
{
content
:
"\E643"
}
.cubeic-mobile-phone
:before
{
content
:
"\E644"
}
.cubeic-aim
:before
{
content
:
"\E645"
}
.cubeic-navigation
:before
{
content
:
"\E64D"
}
.cubeic-safe-pay
:before
{
content
:
"\E64E"
}
.cubeic-tag
:before
{
content
:
"\E64F"
}
.cubeic-lock
:before
{
content
:
"\E651"
}
.cubeic-unlock
:before
{
content
:
"\E652"
}
.cubeic-edit
:before
{
content
:
"\E653"
}
.cubeic-scan
:before
{
content
:
"\E654"
}
.cubeic-qr-code
:before
{
content
:
"\E655"
}
.cubeic-calendar
:before
{
content
:
"\E659"
}
.cubeic-time
:before
{
content
:
"\E65F"
}
.cubeic-red-packet
:before
{
content
:
"\E664"
}
.cubeic-star
:before
{
content
:
"\E668"
}
.cubeic-setting
:before
{
content
:
"\E669"
}
.cubeic-home
:before
{
content
:
"\E66D"
}
.cubeic-credit-card
:before
{
content
:
"\E66E"
}
.cubeic-mall
:before
{
content
:
"\E670"
}
.cubeic-microphone
:before
{
content
:
"\E673"
}
.cubeic-search
:before
{
content
:
"\E674"
}
.cubeic-good
:before
{
content
:
"\E675"
}
.cubeic-alert
:before
{
content
:
"\E676"
}
.cubeic-picture
:before
{
content
:
"\E677"
}
.cubeic-message
:before
{
content
:
"\E678"
}
.cubeic-phone
:before
{
content
:
"\E67A"
}
.cubeic-location
:before
{
content
:
"\E67B"
}
.cubeic-like
:before
{
content
:
"\E67C"
}
.cubeic-camera
:before
{
content
:
"\E67E"
}
.cubeic-person
:before
{
content
:
"\E67F"
}
.cubeic-round-border
:before
{
content
:
"\E683"
}
.cubeic-important
:before
{
content
:
"\E68B"
}
.cubeic-ok
:before
{
content
:
"\E68C"
}
.cubeic-square-border
:before
{
content
:
"\E990"
}
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-tip
{
display
:
-webkit-box
;
display
:
flex
;
z-index
:
10
;
position
:
absolute
;
padding
:
10px
38px
10px
16px
;
max-height
:
60px
;
font-size
:
12px
;
color
:
#fff
;
background
:
rgba
(
74
,
76
,
91
,
.8
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.2s
;
transition
:
opacity
.2s
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
)}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
top
:
0
}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
:before
{
margin-top
:
-6px
;
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
{
bottom
:
0
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
:before
{
margin-bottom
:
-6px
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
{
left
:
0
}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
:before
{
margin-left
:
-9px
;
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
)}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
right
:
0
}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
:before
{
margin-right
:
-9px
;
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
)}
.cube-tip-angle
{
position
:
absolute
}
.cube-tip-angle
:before
{
content
:
""
;
display
:
block
;
border-width
:
0
6px
6px
;
border-style
:
solid
;
border-color
:
transparent
transparent
rgba
(
74
,
76
,
91
,
.8
)}
.cube-tip-close
{
position
:
absolute
;
right
:
14px
;
top
:
12px
;
width
:
12px
;
height
:
12px
;
padding
:
0
;
color
:
inherit
;
outline
:
none
;
border
:
none
;
background
:
none
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-tip-content
{
min-height
:
18px
;
line-height
:
18px
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
overflow
:
hidden
}
.cube-tip-zoom-enter-active
{
-webkit-animation
:
tip-in
.4s
;
animation
:
tip-in
.4s
}
.cube-tip-zoom-leave-active
{
-webkit-animation
:
tip-out
.2s
;
animation
:
tip-out
.2s
}
@-webkit-keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@-webkit-keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
@keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-toolbar
{
position
:
fixed
;
left
:
10px
;
right
:
10px
;
bottom
:
10px
;
z-index
:
2
;
padding-bottom
:
constant
(
safe-area-inset-bottom
);
padding-bottom
:
env
(
safe-area-inset-bottom
)}
.cube-toolbar-group
{
display
:
-webkit-box
;
display
:
flex
;
height
:
44px
;
overflow
:
hidden
;
box-sizing
:
border-box
;
border-radius
:
2px
;
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
{
margin-bottom
:
10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
{
position
:
absolute
;
top
:
44px
;
right
:
9%
;
height
:
10px
;
color
:
#fcfcfc
;
font-size
:
24px
;
font-family
:
cube-icon
;
font-style
:
normal
;
text-shadow
:
0
1px
3px
#e8e8e8
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:before
{
content
:
"\E603"
;
position
:
relative
;
top
:
-10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:after
{
content
:
""
;
display
:
block
;
position
:
absolute
;
left
:
30%
;
top
:
50%
;
margin-top
:
-6px
;
width
:
40%
;
height
:
2px
;
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
{
color
:
#e8e8e8
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
:after
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
-webkit-box-align
:
center
;
align-items
:
center
;
background-color
:
#fcfcfc
}
.cube-toolbar-item
:last-child
{
position
:
static
}
.cube-toolbar-item
:last-child:after
{
display
:
none
}
.cube-toolbar-item
:active
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
:active:after
{
border-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
{
height
:
44px
;
padding
:
0
;
font-size
:
12px
;
background-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
{
padding
:
0
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
.cube-checkbox-ui
{
position
:
relative
;
left
:
auto
;
margin-right
:
.42em
}
.cube-toolbar-item
.cube-btn
{
position
:
relative
;
padding
:
0
5px
;
background-color
:
transparent
;
border
:
0
none
;
color
:
#666
;
font-size
:
12px
}
.cube-toolbar-item
.cube-btn
:active
{
background-color
:
transparent
}
.cube-toolbar-item
.cube-btn
:active:after
{
display
:
none
}
.cube-toolbar-item
.cube-btn
i
{
margin-right
:
0
}
.cube-toolbar-item
.cube-btn
i
.cubeic-more
{
color
:
#999
;
font-size
:
16px
}
.cube-tab-bar
{
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-tab-bar
,
.cube-tab-bar_inline
.cube-tab
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-tab-bar_inline
.cube-tab
{
align-content
:
center
}
.cube-tab-bar-slider
{
position
:
absolute
;
left
:
0
;
bottom
:
0
;
height
:
2px
;
width
:
20px
;
background-color
:
#e8864c
}
.cube-tab
{
-webkit-box-flex
:
1
;
flex
:
1
;
padding
:
7px
0
;
color
:
#666
;
text-align
:
center
}
.cube-tab_active
{
color
:
#e8864c
}
.cube-tab-panels
{
position
:
relative
;
overflow
:
hidden
}
.cube-tab-panels-group
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-transition
:
all
.4s
cubic-bezier
(
.86
,
0
,
.07
,
1
);
transition
:
all
.4s
cubic-bezier
(
.86
,
0
,
.07
,
1
)}
.cube-tab-panel
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
0
auto
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
.cube-picker-fade-enter
,
.cube-picker-fade-leave-active
{
opacity
:
0
}
.cube-picker-fade-enter-active
,
.cube-picker-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-panel
{
height
:
273px
;
text-align
:
center
;
font-size
:
14px
;
background
:
#fff
}
.cube-picker-move-enter
,
.cube-picker-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-picker-move-enter-active
,
.cube-picker-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-choose
{
position
:
relative
;
height
:
60px
}
.cube-picker-cancel
,
.cube-picker-confirm
{
line-height
:
60px
;
padding
:
0
16px
;
box-sizing
:
content-box
;
font-size
:
14px
}
.cube-picker-confirm
{
position
:
absolute
;
right
:
0
;
color
:
#fc9153
}
.cube-picker-confirm
:active
{
color
:
#fdc2a5
}
.cube-picker-cancel
{
position
:
absolute
;
left
:
0
;
color
:
#999
}
.cube-picker-cancel
:active
{
color
:
#ccc
}
.cube-picker-title-group
{
padding
:
0
60px
;
display
:
-webkit-box
;
display
:
flex
;
height
:
100%
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-flow
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-picker-title
{
font-size
:
18px
;
line-height
:
25px
;
font-weight
:
400
;
color
:
#333
}
.cube-picker-subtitle
{
margin-top
:
2px
;
line-height
:
16px
;
font-size
:
12px
;
color
:
#999
}
.cube-picker-content
{
position
:
relative
;
top
:
20px
}
.cube-picker-content
>
i
{
position
:
absolute
;
z-index
:
10
;
left
:
0
;
width
:
100%
;
height
:
68px
;
pointer-events
:
none
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-picker-content
>
.border-bottom-1px
{
top
:
0
;
background
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
bottom
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
0deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-content
>
.border-top-1px
{
bottom
:
0
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
top
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
180deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-wheel-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
padding
:
0
16px
}
.cube-picker-wheel-wrapper
>
div
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
height
:
173px
;
overflow
:
hidden
;
font-size
:
20px
}
.cube-picker-wheel-scroll
{
padding
:
0
;
margin-top
:
68px
;
line-height
:
36px
;
list-style
:
none
}
.cube-picker-wheel-item
{
list-style
:
none
;
height
:
36px
;
overflow
:
hidden
;
white-space
:
nowrap
;
color
:
#333
}
.cube-picker-footer
{
height
:
20px
}
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-switch
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-switch
.cube-switch-input
{
position
:
absolute
;
z-index
:
1
;
width
:
48px
;
height
:
28px
;
opacity
:
0
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
{
border-color
:
#fc9153
;
background-color
:
#fc9153
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:before
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:after
{
-webkit-transform
:
translateX
(
20px
);
transform
:
translateX
(
20px
)}
.cube-switch
.cube-switch-input
:disabled
+
.cube-switch-ui
{
opacity
:
.3
}
.cube-switch
.cube-switch-ui
{
position
:
relative
;
display
:
block
;
width
:
48px
;
height
:
28px
;
box-sizing
:
content-box
;
border
:
1px
solid
#e4e4e4
;
border-radius
:
28px
;
background-color
:
#e4e4e4
}
.cube-switch
.cube-switch-ui
:after
,
.cube-switch
.cube-switch-ui
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
border-radius
:
28px
;
background-color
:
#fff
;
-webkit-transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
),
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
)}
.cube-switch
.cube-switch-ui
:after
{
width
:
28px
;
background-color
:
#fff
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
)}
.cube-switch
.cube-switch-label
{
display
:
block
;
margin-left
:
10px
}
.cube-switch
.cube-switch-label
:empty
{
margin-left
:
0
}
.cube-rate
{
list-style
:
none
;
display
:
-webkit-inline-box
;
display
:
inline-flex
;
vertical-align
:
top
;
flex-wrap
:
nowrap
;
max-width
:
100%
}
.cube-rate-justify
{
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.cube-rate-item
{
position
:
relative
;
width
:
32px
;
-webkit-box-flex
:
0
;
flex
:
0
1
auto
;
margin-right
:
6px
}
.cube-rate-item
:after
{
content
:
""
;
display
:
block
;
padding
:
50%
0
}
.cube-rate-item
:last-child
{
margin-right
:
0
}
.cube-rate-item
.cube-rate-item-def
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background-size
:
100%
;
background-repeat
:
no-repeat
;
background-position
:
50%
;
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)
}}
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)
}}
.cube-validator
.cube-checkbox
,
.cube-validator
.cube-input
input
,
.cube-validator
.cube-radio
,
.cube-validator
.cube-select
,
.cube-validator
.cube-textarea
{
color
:
inherit
}
.cube-validator-msg-def
{
font-size
:
14px
;
color
:
#e64340
}
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
.cube-form
{
position
:
relative
;
font-size
:
16px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
}
.cube-form_groups
.cube-form-group-legend
{
padding
:
10px
15px
}
.cube-form_groups
.cube-form-group-legend
:empty
{
padding-top
:
5px
;
padding-bottom
:
5px
}
.cube-form_standard
.cube-form-item
{
min-height
:
46px
}
.cube-form_standard
.cube-form-field
{
-webkit-box-flex
:
1
;
flex
:
1
;
font-size
:
14px
}
.cube-form_standard
.cube-validator
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
relative
}
.cube-form_standard
.cube-validator_invalid
{
color
:
#e64340
}
.cube-form_standard
.cube-validator-content
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-form_standard
.cube-validator-msg-def
{
font-size
:
0
}
.cube-form_standard
.cube-validator_invalid
.cube-validator-msg
:before
{
content
:
"\E614"
;
padding-left
:
5px
;
font-family
:
cube-icon
!important
;
font-size
:
20px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cube-form_standard
.cube-form-label
{
width
:
100px
;
padding-right
:
10px
}
.cube-form_standard
.cube-checkbox-group
:after
,
.cube-form_standard
.cube-checkbox-group
:before
,
.cube-form_standard
.cube-radio-group
:after
,
.cube-form_standard
.cube-radio-group
:before
{
display
:
none
}
.cube-form_standard
.cube-input
input
{
padding
:
13px
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-input
:after
{
display
:
none
}
.cube-form_standard
.cube-textarea-wrapper
{
padding
:
13px
0
;
height
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
{
height
:
60px
;
padding-bottom
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
.cube-textarea-indicator
{
bottom
:
2px
}
.cube-form_standard
.cube-textarea-wrapper
.cube-textarea
{
padding
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-textarea-wrapper
:after
{
display
:
none
}
.cube-form_standard
.cube-select
{
padding-left
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-select
:after
{
display
:
none
}
.cube-form_standard
.cube-upload-def
{
padding
:
5px
0
}
.cube-form_standard
.cube-upload-def
.cube-upload-btn
,
.cube-form_standard
.cube-upload-def
.cube-upload-file
{
margin
:
5px
10px
5px
0
}
.cube-form_classic
.cube-form-item
{
display
:
block
;
padding
:
15px
}
.cube-form_classic
.cube-form-item
:last-child
{
padding-bottom
:
30px
}
.cube-form_classic
.cube-form-item
:after
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
margin-top
:
3px
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg-def
{
font-size
:
12px
}
.cube-form_classic
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_classic
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_classic
.cube-form-label
{
padding-bottom
:
15px
}
.cube-form_fresh
.cube-form-item
{
display
:
block
;
padding
:
2em
15px
10px
}
.cube-form_fresh
.cube-form-item
:after
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
top
:
1em
;
right
:
15px
;
bottom
:
auto
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg-def
{
font-size
:
100%
}
.cube-form_fresh
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-label
{
position
:
absolute
;
top
:
1em
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form-group
{
overflow
:
hidden
}
.cube-form-group-legend
{
font-size
:
14px
;
color
:
#999
;
background-color
:
#f3f4f5
}
.cube-form-item
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
0
15px
}
.cube-form-item
:last-child:after
{
display
:
none
}
.cube-form-item
.cube-checkbox-group
,
.cube-form-item
.cube-radio-group
{
background-color
:
transparent
}
.cube-form-item
.cube-checkbox
,
.cube-form-item
.cube-radio
{
padding-left
:
0
;
padding-right
:
0
}
.cube-form-item_btn
{
margin
:
15px
0
}
.cube-form-item_btn
:after
{
display
:
none
}
.cube-form-label
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
word-wrap
:
break-word
;
word-break
:
break-word
}
.cube-form-item_required
.cube-form-label
:before
{
content
:
"*"
;
display
:
block
;
margin-top
:
1px
;
margin-right
:
.3em
;
color
:
#e64340
}
.cube-toast.cube-popup
{
z-index
:
900
}
.cube-toast
.cube-popup-content
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
13px
16px
;
color
:
#ccc
;
background-color
:
rgba
(
37
,
38
,
45
,
.9
);
border-radius
:
2px
}
.cube-toast-icon
{
width
:
24px
;
height
:
24px
;
font-size
:
24px
}
.cube-toast-tip
{
line-height
:
20px
;
font-size
:
14px
;
max-width
:
12em
;
max-height
:
40px
;
overflow
:
hidden
;
margin-left
:
8px
}
.cube-toast-fade-enter-active
{
-webkit-animation
:
toast-in
.2s
;
animation
:
toast-in
.2s
}
.cube-toast-fade-leave-active
{
-webkit-animation
:
toast-out
.2s
;
animation
:
toast-out
.2s
}
@-webkit-keyframes
toast-in
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
toast-in
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@-webkit-keyframes
toast-out
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
@keyframes
toast-out
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
.cube-dialog-main
{
width
:
270px
;
padding
:
0
;
text-align
:
center
;
overflow
:
hidden
;
border-radius
:
2px
;
background-color
:
#fff
}
.cube-dialog-alert
,
.cube-dialog-confirm
{
position
:
relative
;
overflow
:
hidden
}
.cube-dialog-icon
{
margin-top
:
20px
;
margin-bottom
:
16px
;
line-height
:
1
;
color
:
#4a4c5b
;
font-size
:
30px
}
.cube-dialog-icon
i
{
display
:
inline-block
;
width
:
30px
;
height
:
30px
;
padding
:
10px
;
box-sizing
:
content-box
;
border-radius
:
50%
;
background-color
:
#f3f4f5
}
.cube-dialog-icon
+
.cube-dialog-title
.cube-dialog-title-def
{
margin-top
:
0
}
.cube-dialog-icon
+
.cube-dialog-content
{
margin-top
:
-4px
}
.cube-dialog-title
{
color
:
#333
;
font-size
:
16px
;
line-height
:
1
}
.cube-dialog-title
+
.cube-dialog-content
{
margin-top
:
12px
}
.cube-dialog-title-def
{
margin
:
30px
16px
0
;
overflow
:
hidden
;
white-space
:
nowrap
}
.cube-dialog-content
{
margin
:
16px
0
;
text-align
:
left
;
color
:
#666
;
font-size
:
14px
;
line-height
:
22px
}
.cube-dialog-content-def
{
padding
:
0
16px
}
.cube-dialog-content-def
>
p
{
display
:
table
;
margin
:
auto
}
.cube-dialog-confirm
.cube-dialog-btns
.cube-dialog-btn
{
width
:
50%
;
float
:
left
}
.cube-dialog-confirm
.cube-dialog-btns.border-right-1px
:after
{
right
:
50%
;
border-color
:
#ebebeb
}
.cube-dialog-close
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
z-index
:
1
;
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
32px
;
height
:
32px
;
color
:
#999
;
font-size
:
18px
}
.cube-dialog-btns
{
overflow
:
hidden
;
width
:
100%
;
font-size
:
0
}
.cube-dialog-btn
{
display
:
inline-block
;
width
:
100%
;
padding
:
17px
10px
;
margin
:
0
;
font-size
:
16px
;
line-height
:
1
;
text-align
:
center
;
text-decoration
:
none
;
color
:
#999
;
background-color
:
#fff
;
background-clip
:
padding-box
;
box-sizing
:
border-box
}
.cube-dialog-btn
:active
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-dialog-btn_highlight
{
color
:
#fc9153
}
.cube-dialog-btn_highlight
:active
{
background-color
:
rgba
(
252
,
145
,
83
,
.04
)}
.cube-dialog-btn_disabled
{
color
:
#999
}
.cube-dialog-btn_disabled
:active
{
background-color
:
transparent
}
.cube-dialog-fade-enter-active
{
-webkit-animation
:
dialog-fadein
.4s
;
animation
:
dialog-fadein
.4s
}
.cube-dialog-fade-enter-active
.cube-dialog-main
{
-webkit-animation
:
dialog-zoom
.4s
;
animation
:
dialog-zoom
.4s
}
@-webkit-keyframes
dialog-fadein
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
dialog-fadein
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@-webkit-keyframes
dialog-zoom
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
dialog-zoom
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
.cube-action-sheet-fade-enter
,
.cube-action-sheet-fade-leave-active
{
opacity
:
0
}
.cube-action-sheet-fade-enter-active
,
.cube-action-sheet-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-action-sheet-panel
{
text-align
:
center
;
font-size
:
14px
;
background-color
:
#fff
}
.cube-action-sheet-move-enter
,
.cube-action-sheet-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-action-sheet-move-enter-active
,
.cube-action-sheet-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-action-sheet-cancel
{
background-color
:
#fff
}
.cube-action-sheet-cancel
span
,
.cube-action-sheet-item
,
.cube-action-sheet-title
{
display
:
block
;
padding
:
17px
16px
;
margin
:
0
;
text-align
:
center
;
overflow
:
hidden
;
white-space
:
nowrap
;
font-size
:
16px
;
font-weight
:
400
;
line-height
:
1
;
color
:
#666
;
background-color
:
#fff
}
.cube-action-sheet-cancel
span
:active
,
.cube-action-sheet-item
:active
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-action-sheet-title
{
padding-top
:
16px
;
padding-bottom
:
16px
;
color
:
#333
;
font-size
:
18px
}
.cube-action-sheet-content
{
overflow
:
hidden
;
background
:
#fff
}
.cube-action-sheet-list
{
list-style
:
none
}
.cube-action-sheet-item
{
list-style
:
none
;
-webkit-user-select
:
none
;
user-select
:
none
}
.cube-action-sheet-item
:last-of-type:after
,
.cube-action-sheet-item
:last-of-type:before
{
display
:
none
}
.cube-action-sheet-item
[
data-align
=
left
]
{
text-align
:
left
}
.cube-action-sheet-item
[
data-align
=
right
]
{
text-align
:
right
}
.cube-action-sheet-space
{
height
:
6px
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
)}
.cube-action-sheet-item_active
{
color
:
#fc9153
}
.cube-action-sheet_picker
.cube-action-sheet-space
{
height
:
0
}
.cube-action-sheet_picker
.cube-action-sheet-title
{
height
:
1em
;
padding-top
:
21px
;
padding-bottom
:
21px
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
{
position
:
absolute
;
top
:
0
;
background-color
:
transparent
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
span
{
padding-top
:
23px
;
padding-bottom
:
23px
;
color
:
#999
;
font-size
:
14px
;
background-color
:
transparent
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
span
:active
{
color
:
#ccc
;
background-color
:
transparent
}
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
;
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
overflow
:
hidden
;
background-color
:
#fff
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
box-shadow
:
none
}
.cube-drawer-scroll-wrapper
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-image-preview-fade-enter
,
.cube-image-preview-fade-leave-active
{
opacity
:
0
}
.cube-image-preview-fade-enter-active
,
.cube-image-preview-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-image-preview
.cube-popup-mask
{
opacity
:
.6
}
.cube-image-preview
.cube-popup-content
{
width
:
100%
;
height
:
100%
}
.cube-image-preview
.cube-slide-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
}
.cube-image-preview-container
{
height
:
100%
;
margin
:
0
-10px
}
.cube-image-preview-footer
,
.cube-image-preview-header
{
position
:
absolute
;
left
:
0
;
right
:
0
}
.cube-image-preview-header
{
top
:
0
}
.cube-image-preview-footer
{
bottom
:
0
}
.cube-image-preview-counter
{
position
:
absolute
;
bottom
:
50px
;
width
:
100%
;
text-align
:
center
;
font-size
:
14px
;
color
:
#fff
}
.cube-image-preview-item
{
position
:
relative
;
padding
:
0
10px
;
height
:
100%
}
.cube-image-preview-item
.cube-scroll-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-image-preview-item
.cube-image-preview-img
{
display
:
block
;
height
:
auto
;
max-width
:
100%
;
max-height
:
100%
}
.cube-slide
{
position
:
relative
;
min-height
:
1px
;
height
:
100%
}
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
;
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
box-sizing
:
border-box
;
height
:
100%
;
text-align
:
center
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
img
{
display
:
block
;
height
:
100%
}
.cube-index-list
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-index-list
.cube-scroll-wrapper
{
position
:
absolute
;
left
:
0
;
top
:
0
;
right
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-index-list-content
{
background
:
#fff
;
border-radius
:
2px
}
.cube-index-list-title
{
padding
:
14px
16px
;
font-size
:
14px
;
line-height
:
1.6
;
color
:
#333
}
.cube-index-list-anchor
{
padding
:
16px
16px
10px
;
line-height
:
1
;
font-size
:
14px
;
color
:
#999
;
background
:
#f7f7f7
}
.cube-index-list-fixed
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
}
.cube-index-list-nav
{
position
:
absolute
;
z-index
:
30
;
right
:
0
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
font-family
:
Helvetica
}
.cube-index-list-nav
>
ul
{
padding
:
0
;
margin
:
0
}
.cube-index-list-nav
>
ul
>
li
{
padding
:
6px
16px
0
;
line-height
:
1
;
text-align
:
center
;
font-size
:
12px
;
color
:
#666
}
.cube-index-list-nav
>
ul
>
li
.active
{
color
:
#fc9153
}
@media
(
max-height
:
480px
){
.cube-index-list-nav
>
ul
>
li
{
padding-top
:
3px
}}
.cube-index-list-item-def
{
position
:
relative
;
height
:
50px
;
line-height
:
50px
;
padding
:
0
16px
;
font-size
:
14px
;
color
:
#333
}
.cube-index-list-item-def
:last-child:after
,
.cube-index-list-item-def
:last-child:before
{
display
:
none
}
.cube-index-list-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-swipe
{
overflow
:
hidden
}
.cube-swipe-enter-active
,
.cube-swipe-enter-active
.cube-swipe-item-inner
,
.cube-swipe-leave-active
,
.cube-swipe-leave-active
.cube-swipe-item-inner
{
-webkit-transition
:
all
.3s
;
transition
:
all
.3s
}
.cube-swipe-enter
.cube-swipe-item-inner
,
.cube-swipe-leave-to
.cube-swipe-item-inner
{
height
:
0
}
.cube-swipe-item
{
position
:
relative
}
.cube-swipe-item-inner
{
height
:
60px
;
line-height
:
60px
;
font-size
:
16px
;
padding-left
:
20px
}
.cube-swipe-btn
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
absolute
;
top
:
0
;
left
:
100%
;
height
:
100%
;
text-align
:
left
;
font-size
:
16px
}
.cube-swipe-btn
.text
{
-webkit-box-flex
:
1
;
flex
:
1
;
padding
:
0
20px
;
white-space
:
nowrap
;
color
:
#fff
}
.cube-sticky
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-sticky-fixed
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
}
.cube-sticky-fixed-fade-enter
,
.cube-sticky-fixed-fade-leave-active
{
opacity
:
0
}
.cube-sticky-fixed-fade-enter-active
,
.cube-sticky-fixed-fade-leave-active
{
-webkit-transition
:
all
.2s
ease-in-out
;
transition
:
all
.2s
ease-in-out
}
.cube-scroll-nav
,
.cube-sticky-ele
{
position
:
relative
}
.cube-scroll-nav
{
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-nav
.cube-sticky-content
{
height
:
100%
}
.cube-scroll-nav-main
{
overflow
:
hidden
}
.cube-scroll-nav-main
>
.cube-sticky
{
position
:
static
}
.cube-scroll-nav_side
>
.cube-sticky
{
display
:
-webkit-box
;
display
:
flex
}
.cube-scroll-nav_side
>
.cube-sticky
>
.cube-scroll-wrapper
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-scroll-nav_side
>
.cube-sticky
>
.cube-sticky-fixed
{
position
:
relative
;
height
:
100%
;
-webkit-box-ordinal-group
:
0
;
order
:
-1
}
.cube-scroll-nav_side
.cube-scroll-nav-main
>
.cube-sticky-ele
{
float
:
left
}
.cube-scroll-nav_side
.cube-scroll-nav-main
>
.cube-sticky
{
overflow
:
hidden
}
.cube-scroll-nav-bar
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
color
:
#666
;
background-color
:
#fff
}
.cube-scroll-nav-bar_horizontal
{
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-wrapper
{
-webkit-box-flex
:
1
;
flex
:
1
;
text-align
:
center
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-content
{
display
:
inline-block
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-nav-bar-items
{
white-space
:
nowrap
}
.cube-scroll-nav-bar_vertical
{
height
:
100%
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-scroll-nav-bar_vertical
.cube-scroll-nav-bar-item
{
display
:
block
}
.cube-scroll-nav-bar-items
{
font-size
:
14px
}
.cube-scroll-nav-bar-item
{
display
:
inline-block
;
padding
:
20px
15px
}
.cube-scroll-nav-bar-item_active
{
color
:
#fc9153
}
\ No newline at end of file
lib/cube.min.js
浏览文件 @
a059568c
因为 它太大了无法显示 source diff 。你可以改为
查看blob
。
lib/drawer/drawer.min.css
浏览文件 @
a059568c
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
overflow
:
hidden
;
background-color
:
#fff
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
box-shadow
:
none
}
.cube-drawer-scroll-wrapper
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
\ No newline at end of file
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
;
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
overflow
:
hidden
;
background-color
:
#fff
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
box-shadow
:
none
}
.cube-drawer-scroll-wrapper
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
\ No newline at end of file
lib/drawer/style.css
浏览文件 @
a059568c
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
overflow
:
hidden
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.cube-drawer-scroll-wrapper
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
\ No newline at end of file
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
;
-webkit-box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
overflow
:
hidden
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.cube-drawer-scroll-wrapper
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
\ No newline at end of file
lib/form/form.min.css
浏览文件 @
a059568c
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-form
{
position
:
relative
;
font-size
:
16px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
}
.cube-form_groups
.cube-form-group-legend
{
padding
:
10px
15px
}
.cube-form_groups
.cube-form-group-legend
:empty
{
padding-top
:
5px
;
padding-bottom
:
5px
}
.cube-form_standard
.cube-form-item
{
min-height
:
46px
}
.cube-form_standard
.cube-form-field
{
-webkit-box-flex
:
1
;
flex
:
1
;
font-size
:
14px
}
.cube-form_standard
.cube-validator
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
relative
}
.cube-form_standard
.cube-validator_invalid
{
color
:
#e64340
}
.cube-form_standard
.cube-validator-content
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-form_standard
.cube-validator-msg-def
{
font-size
:
0
}
.cube-form_standard
.cube-validator_invalid
.cube-validator-msg
:before
{
content
:
"\E614"
;
padding-left
:
5px
;
font-family
:
cube-icon
!important
;
font-size
:
20px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cube-form_standard
.cube-form-label
{
width
:
100px
;
padding-right
:
10px
}
.cube-form_standard
.cube-checkbox-group
:after
,
.cube-form_standard
.cube-checkbox-group
:before
,
.cube-form_standard
.cube-radio-group
:after
,
.cube-form_standard
.cube-radio-group
:before
{
display
:
none
}
.cube-form_standard
.cube-input
input
{
padding
:
13px
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-input
:after
{
display
:
none
}
.cube-form_standard
.cube-textarea-wrapper
{
padding
:
13px
0
;
height
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
{
height
:
60px
;
padding-bottom
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
.cube-textarea-indicator
{
bottom
:
2px
}
.cube-form_standard
.cube-textarea-wrapper
.cube-textarea
{
padding
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-textarea-wrapper
:after
{
display
:
none
}
.cube-form_standard
.cube-select
{
padding-left
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-select
:after
{
display
:
none
}
.cube-form_standard
.cube-upload-def
{
padding
:
5px
0
}
.cube-form_standard
.cube-upload-def
.cube-upload-btn
,
.cube-form_standard
.cube-upload-def
.cube-upload-file
{
margin
:
5px
10px
5px
0
}
.cube-form_classic
.cube-form-item
{
display
:
block
;
padding
:
15px
}
.cube-form_classic
.cube-form-item
:last-child
{
padding-bottom
:
30px
}
.cube-form_classic
.cube-form-item
:after
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
margin-top
:
3px
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg-def
{
font-size
:
12px
}
.cube-form_classic
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_classic
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_classic
.cube-form-label
{
padding-bottom
:
15px
}
.cube-form_fresh
.cube-form-item
{
display
:
block
;
padding
:
2em
15px
10px
}
.cube-form_fresh
.cube-form-item
:after
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
top
:
1em
;
right
:
15px
;
bottom
:
auto
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg-def
{
font-size
:
100%
}
.cube-form_fresh
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-label
{
position
:
absolute
;
top
:
1em
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form-group
{
overflow
:
hidden
}
.cube-form-group-legend
{
font-size
:
14px
;
color
:
#999
;
background-color
:
#f3f4f5
}
.cube-form-item
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
0
15px
}
.cube-form-item
:last-child:after
{
display
:
none
}
.cube-form-item
.cube-checkbox-group
,
.cube-form-item
.cube-radio-group
{
background-color
:
transparent
}
.cube-form-item
.cube-checkbox
,
.cube-form-item
.cube-radio
{
padding-left
:
0
;
padding-right
:
0
}
.cube-form-item_btn
{
margin
:
15px
0
}
.cube-form-item_btn
:after
{
display
:
none
}
.cube-form-label
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
word-wrap
:
break-word
;
word-break
:
break-word
}
.cube-form-item_required
.cube-form-label
:before
{
content
:
"*"
;
display
:
block
;
margin-top
:
1px
;
margin-right
:
.3em
;
color
:
#e64340
}
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
.cube-rate
{
list-style
:
none
;
display
:
-webkit-inline-box
;
display
:
inline-flex
;
vertical-align
:
top
;
flex-wrap
:
nowrap
;
max-width
:
100%
}
.cube-rate-justify
{
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.cube-rate-item
{
position
:
relative
;
width
:
32px
;
-webkit-box-flex
:
0
;
flex
:
0
1
auto
;
margin-right
:
6px
}
.cube-rate-item
:after
{
content
:
""
;
display
:
block
;
padding
:
50%
0
}
.cube-rate-item
:last-child
{
margin-right
:
0
}
.cube-rate-item
.cube-rate-item-def
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background-size
:
100%
;
background-repeat
:
no-repeat
;
background-position
:
50%
;
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)
}}
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)
}}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-switch
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-switch
.cube-switch-input
{
position
:
absolute
;
z-index
:
1
;
width
:
48px
;
height
:
28px
;
opacity
:
0
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
{
border-color
:
#fc9153
;
background-color
:
#fc9153
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:before
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:after
{
-webkit-transform
:
translateX
(
20px
);
transform
:
translateX
(
20px
)}
.cube-switch
.cube-switch-input
:disabled
+
.cube-switch-ui
{
opacity
:
.3
}
.cube-switch
.cube-switch-ui
{
position
:
relative
;
display
:
block
;
width
:
48px
;
height
:
28px
;
box-sizing
:
content-box
;
border
:
1px
solid
#e4e4e4
;
border-radius
:
28px
;
background-color
:
#e4e4e4
}
.cube-switch
.cube-switch-ui
:after
,
.cube-switch
.cube-switch-ui
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
border-radius
:
28px
;
background-color
:
#fff
;
-webkit-transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
),
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
)}
.cube-switch
.cube-switch-ui
:after
{
width
:
28px
;
background-color
:
#fff
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
)}
.cube-switch
.cube-switch-label
{
display
:
block
;
margin-left
:
10px
}
.cube-switch
.cube-switch-label
:empty
{
margin-left
:
0
}
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
.cube-validator
.cube-checkbox
,
.cube-validator
.cube-input
input
,
.cube-validator
.cube-radio
,
.cube-validator
.cube-select
,
.cube-validator
.cube-textarea
{
color
:
inherit
}
.cube-validator-msg-def
{
font-size
:
14px
;
color
:
#e64340
}
\ No newline at end of file
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-form
{
position
:
relative
;
font-size
:
16px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
}
.cube-form_groups
.cube-form-group-legend
{
padding
:
10px
15px
}
.cube-form_groups
.cube-form-group-legend
:empty
{
padding-top
:
5px
;
padding-bottom
:
5px
}
.cube-form_standard
.cube-form-item
{
min-height
:
46px
}
.cube-form_standard
.cube-form-field
{
-webkit-box-flex
:
1
;
flex
:
1
;
font-size
:
14px
}
.cube-form_standard
.cube-validator
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
relative
}
.cube-form_standard
.cube-validator_invalid
{
color
:
#e64340
}
.cube-form_standard
.cube-validator-content
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-form_standard
.cube-validator-msg-def
{
font-size
:
0
}
.cube-form_standard
.cube-validator_invalid
.cube-validator-msg
:before
{
content
:
"\E614"
;
padding-left
:
5px
;
font-family
:
cube-icon
!important
;
font-size
:
20px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cube-form_standard
.cube-form-label
{
width
:
100px
;
padding-right
:
10px
}
.cube-form_standard
.cube-checkbox-group
:after
,
.cube-form_standard
.cube-checkbox-group
:before
,
.cube-form_standard
.cube-radio-group
:after
,
.cube-form_standard
.cube-radio-group
:before
{
display
:
none
}
.cube-form_standard
.cube-input
input
{
padding
:
13px
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-input
:after
{
display
:
none
}
.cube-form_standard
.cube-textarea-wrapper
{
padding
:
13px
0
;
height
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
{
height
:
60px
;
padding-bottom
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
.cube-textarea-indicator
{
bottom
:
2px
}
.cube-form_standard
.cube-textarea-wrapper
.cube-textarea
{
padding
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-textarea-wrapper
:after
{
display
:
none
}
.cube-form_standard
.cube-select
{
padding-left
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-select
:after
{
display
:
none
}
.cube-form_standard
.cube-upload-def
{
padding
:
5px
0
}
.cube-form_standard
.cube-upload-def
.cube-upload-btn
,
.cube-form_standard
.cube-upload-def
.cube-upload-file
{
margin
:
5px
10px
5px
0
}
.cube-form_classic
.cube-form-item
{
display
:
block
;
padding
:
15px
}
.cube-form_classic
.cube-form-item
:last-child
{
padding-bottom
:
30px
}
.cube-form_classic
.cube-form-item
:after
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
margin-top
:
3px
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg-def
{
font-size
:
12px
}
.cube-form_classic
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_classic
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_classic
.cube-form-label
{
padding-bottom
:
15px
}
.cube-form_fresh
.cube-form-item
{
display
:
block
;
padding
:
2em
15px
10px
}
.cube-form_fresh
.cube-form-item
:after
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
top
:
1em
;
right
:
15px
;
bottom
:
auto
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg-def
{
font-size
:
100%
}
.cube-form_fresh
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-label
{
position
:
absolute
;
top
:
1em
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form-group
{
overflow
:
hidden
}
.cube-form-group-legend
{
font-size
:
14px
;
color
:
#999
;
background-color
:
#f3f4f5
}
.cube-form-item
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
0
15px
}
.cube-form-item
:last-child:after
{
display
:
none
}
.cube-form-item
.cube-checkbox-group
,
.cube-form-item
.cube-radio-group
{
background-color
:
transparent
}
.cube-form-item
.cube-checkbox
,
.cube-form-item
.cube-radio
{
padding-left
:
0
;
padding-right
:
0
}
.cube-form-item_btn
{
margin
:
15px
0
}
.cube-form-item_btn
:after
{
display
:
none
}
.cube-form-label
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
word-wrap
:
break-word
;
word-break
:
break-word
}
.cube-form-item_required
.cube-form-label
:before
{
content
:
"*"
;
display
:
block
;
margin-top
:
1px
;
margin-right
:
.3em
;
color
:
#e64340
}
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
.cube-rate
{
list-style
:
none
;
display
:
-webkit-inline-box
;
display
:
inline-flex
;
vertical-align
:
top
;
flex-wrap
:
nowrap
;
max-width
:
100%
}
.cube-rate-justify
{
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.cube-rate-item
{
position
:
relative
;
width
:
32px
;
-webkit-box-flex
:
0
;
flex
:
0
1
auto
;
margin-right
:
6px
}
.cube-rate-item
:after
{
content
:
""
;
display
:
block
;
padding
:
50%
0
}
.cube-rate-item
:last-child
{
margin-right
:
0
}
.cube-rate-item
.cube-rate-item-def
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background-size
:
100%
;
background-repeat
:
no-repeat
;
background-position
:
50%
;
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)
}}
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)
}}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-switch
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-switch
.cube-switch-input
{
position
:
absolute
;
z-index
:
1
;
width
:
48px
;
height
:
28px
;
opacity
:
0
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
{
border-color
:
#fc9153
;
background-color
:
#fc9153
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:before
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:after
{
-webkit-transform
:
translateX
(
20px
);
transform
:
translateX
(
20px
)}
.cube-switch
.cube-switch-input
:disabled
+
.cube-switch-ui
{
opacity
:
.3
}
.cube-switch
.cube-switch-ui
{
position
:
relative
;
display
:
block
;
width
:
48px
;
height
:
28px
;
box-sizing
:
content-box
;
border
:
1px
solid
#e4e4e4
;
border-radius
:
28px
;
background-color
:
#e4e4e4
}
.cube-switch
.cube-switch-ui
:after
,
.cube-switch
.cube-switch-ui
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
border-radius
:
28px
;
background-color
:
#fff
;
-webkit-transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
),
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
)}
.cube-switch
.cube-switch-ui
:after
{
width
:
28px
;
background-color
:
#fff
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
)}
.cube-switch
.cube-switch-label
{
display
:
block
;
margin-left
:
10px
}
.cube-switch
.cube-switch-label
:empty
{
margin-left
:
0
}
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
.cube-validator
.cube-checkbox
,
.cube-validator
.cube-input
input
,
.cube-validator
.cube-radio
,
.cube-validator
.cube-select
,
.cube-validator
.cube-textarea
{
color
:
inherit
}
.cube-validator-msg-def
{
font-size
:
14px
;
color
:
#e64340
}
\ No newline at end of file
lib/form/style.css
浏览文件 @
a059568c
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-form
{
position
:
relative
;
font-size
:
16px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
}
.cube-form_groups
.cube-form-group-legend
{
padding
:
10px
15px
}
.cube-form_groups
.cube-form-group-legend
:empty
{
padding-top
:
5px
;
padding-bottom
:
5px
}
.cube-form_standard
.cube-form-item
{
min-height
:
46px
}
.cube-form_standard
.cube-form-field
{
-webkit-box-flex
:
1
;
flex
:
1
;
font-size
:
14px
}
.cube-form_standard
.cube-validator
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
relative
}
.cube-form_standard
.cube-validator_invalid
{
color
:
#e64340
}
.cube-form_standard
.cube-validator-content
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-form_standard
.cube-validator-msg-def
{
font-size
:
0
}
.cube-form_standard
.cube-validator_invalid
.cube-validator-msg
:before
{
content
:
"\E614"
;
padding-left
:
5px
;
font-family
:
cube-icon
!important
;
font-size
:
20px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cube-form_standard
.cube-form-label
{
width
:
100px
;
padding-right
:
10px
}
.cube-form_standard
.cube-checkbox-group
:after
,
.cube-form_standard
.cube-checkbox-group
:before
,
.cube-form_standard
.cube-radio-group
:after
,
.cube-form_standard
.cube-radio-group
:before
{
display
:
none
}
.cube-form_standard
.cube-input
input
{
padding
:
13px
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-input
:after
{
display
:
none
}
.cube-form_standard
.cube-textarea-wrapper
{
padding
:
13px
0
;
height
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
{
height
:
60px
;
padding-bottom
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
.cube-textarea-indicator
{
bottom
:
2px
}
.cube-form_standard
.cube-textarea-wrapper
.cube-textarea
{
padding
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-textarea-wrapper
:after
{
display
:
none
}
.cube-form_standard
.cube-select
{
padding-left
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-select
:after
{
display
:
none
}
.cube-form_standard
.cube-upload-def
{
padding
:
5px
0
}
.cube-form_standard
.cube-upload-def
.cube-upload-btn
,
.cube-form_standard
.cube-upload-def
.cube-upload-file
{
margin
:
5px
10px
5px
0
}
.cube-form_classic
.cube-form-item
{
display
:
block
;
padding
:
15px
}
.cube-form_classic
.cube-form-item
:last-child
{
padding-bottom
:
30px
}
.cube-form_classic
.cube-form-item
:after
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
margin-top
:
3px
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg-def
{
font-size
:
12px
}
.cube-form_classic
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_classic
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_classic
.cube-form-label
{
padding-bottom
:
15px
}
.cube-form_fresh
.cube-form-item
{
display
:
block
;
padding
:
2em
15px
10px
}
.cube-form_fresh
.cube-form-item
:after
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
top
:
1em
;
right
:
15px
;
bottom
:
auto
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg-def
{
font-size
:
100%
}
.cube-form_fresh
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-label
{
position
:
absolute
;
top
:
1em
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form-group
{
overflow
:
hidden
}
.cube-form-group-legend
{
font-size
:
14px
;
color
:
#999
;
background-color
:
#f3f4f5
}
.cube-form-item
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
0
15px
}
.cube-form-item
:last-child:after
{
display
:
none
}
.cube-form-item
.cube-checkbox-group
,
.cube-form-item
.cube-radio-group
{
background-color
:
transparent
}
.cube-form-item
.cube-checkbox
,
.cube-form-item
.cube-radio
{
padding-left
:
0
;
padding-right
:
0
}
.cube-form-item_btn
{
margin
:
15px
0
}
.cube-form-item_btn
:after
{
display
:
none
}
.cube-form-label
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
word-wrap
:
break-word
;
word-break
:
break-word
}
.cube-form-item_required
.cube-form-label
:before
{
content
:
"*"
;
display
:
block
;
margin-top
:
1px
;
margin-right
:
.3em
;
color
:
#e64340
}
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
.cube-rate
{
list-style
:
none
;
display
:
-webkit-inline-box
;
display
:
inline-flex
;
vertical-align
:
top
;
flex-wrap
:
nowrap
;
max-width
:
100%
}
.cube-rate-justify
{
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.cube-rate-item
{
position
:
relative
;
width
:
32px
;
-webkit-box-flex
:
0
;
flex
:
0
1
auto
;
margin-right
:
6px
}
.cube-rate-item
:after
{
content
:
""
;
display
:
block
;
padding
:
50%
0
}
.cube-rate-item
:last-child
{
margin-right
:
0
}
.cube-rate-item
.cube-rate-item-def
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background-size
:
100%
;
background-repeat
:
no-repeat
;
background-position
:
50%
;
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)
}}
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)
}}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-switch
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-switch
.cube-switch-input
{
position
:
absolute
;
z-index
:
1
;
width
:
48px
;
height
:
28px
;
opacity
:
0
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
{
border-color
:
#fc9153
;
background-color
:
#fc9153
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:before
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:after
{
-webkit-transform
:
translateX
(
20px
);
transform
:
translateX
(
20px
)}
.cube-switch
.cube-switch-input
:disabled
+
.cube-switch-ui
{
opacity
:
.3
}
.cube-switch
.cube-switch-ui
{
position
:
relative
;
display
:
block
;
width
:
48px
;
height
:
28px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
border
:
1px
solid
#e4e4e4
;
border-radius
:
28px
;
background-color
:
#e4e4e4
}
.cube-switch
.cube-switch-ui
:after
,
.cube-switch
.cube-switch-ui
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
border-radius
:
28px
;
background-color
:
#fff
;
-webkit-transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
),
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
)}
.cube-switch
.cube-switch-ui
:after
{
width
:
28px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
)}
.cube-switch
.cube-switch-label
{
display
:
block
;
margin-left
:
10px
}
.cube-switch
.cube-switch-label
:empty
{
margin-left
:
0
}
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
.cube-validator
.cube-checkbox
,
.cube-validator
.cube-input
input
,
.cube-validator
.cube-radio
,
.cube-validator
.cube-select
,
.cube-validator
.cube-textarea
{
color
:
inherit
}
.cube-validator-msg-def
{
font-size
:
14px
;
color
:
#e64340
}
\ No newline at end of file
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-form
{
position
:
relative
;
font-size
:
16px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
}
.cube-form_groups
.cube-form-group-legend
{
padding
:
10px
15px
}
.cube-form_groups
.cube-form-group-legend
:empty
{
padding-top
:
5px
;
padding-bottom
:
5px
}
.cube-form_standard
.cube-form-item
{
min-height
:
46px
}
.cube-form_standard
.cube-form-field
{
-webkit-box-flex
:
1
;
flex
:
1
;
font-size
:
14px
}
.cube-form_standard
.cube-validator
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
relative
}
.cube-form_standard
.cube-validator_invalid
{
color
:
#e64340
}
.cube-form_standard
.cube-validator-content
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-form_standard
.cube-validator-msg-def
{
font-size
:
0
}
.cube-form_standard
.cube-validator_invalid
.cube-validator-msg
:before
{
content
:
"\E614"
;
padding-left
:
5px
;
font-family
:
cube-icon
!important
;
font-size
:
20px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cube-form_standard
.cube-form-label
{
width
:
100px
;
padding-right
:
10px
}
.cube-form_standard
.cube-checkbox-group
:after
,
.cube-form_standard
.cube-checkbox-group
:before
,
.cube-form_standard
.cube-radio-group
:after
,
.cube-form_standard
.cube-radio-group
:before
{
display
:
none
}
.cube-form_standard
.cube-input
input
{
padding
:
13px
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-input
:after
{
display
:
none
}
.cube-form_standard
.cube-textarea-wrapper
{
padding
:
13px
0
;
height
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
{
height
:
60px
;
padding-bottom
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
.cube-textarea-indicator
{
bottom
:
2px
}
.cube-form_standard
.cube-textarea-wrapper
.cube-textarea
{
padding
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-textarea-wrapper
:after
{
display
:
none
}
.cube-form_standard
.cube-select
{
padding-left
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-select
:after
{
display
:
none
}
.cube-form_standard
.cube-upload-def
{
padding
:
5px
0
}
.cube-form_standard
.cube-upload-def
.cube-upload-btn
,
.cube-form_standard
.cube-upload-def
.cube-upload-file
{
margin
:
5px
10px
5px
0
}
.cube-form_classic
.cube-form-item
{
display
:
block
;
padding
:
15px
}
.cube-form_classic
.cube-form-item
:last-child
{
padding-bottom
:
30px
}
.cube-form_classic
.cube-form-item
:after
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
margin-top
:
3px
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg-def
{
font-size
:
12px
}
.cube-form_classic
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_classic
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_classic
.cube-form-label
{
padding-bottom
:
15px
}
.cube-form_fresh
.cube-form-item
{
display
:
block
;
padding
:
2em
15px
10px
}
.cube-form_fresh
.cube-form-item
:after
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
top
:
1em
;
right
:
15px
;
bottom
:
auto
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg-def
{
font-size
:
100%
}
.cube-form_fresh
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-label
{
position
:
absolute
;
top
:
1em
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form-group
{
overflow
:
hidden
}
.cube-form-group-legend
{
font-size
:
14px
;
color
:
#999
;
background-color
:
#f3f4f5
}
.cube-form-item
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
0
15px
}
.cube-form-item
:last-child:after
{
display
:
none
}
.cube-form-item
.cube-checkbox-group
,
.cube-form-item
.cube-radio-group
{
background-color
:
transparent
}
.cube-form-item
.cube-checkbox
,
.cube-form-item
.cube-radio
{
padding-left
:
0
;
padding-right
:
0
}
.cube-form-item_btn
{
margin
:
15px
0
}
.cube-form-item_btn
:after
{
display
:
none
}
.cube-form-label
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
word-wrap
:
break-word
;
word-break
:
break-word
}
.cube-form-item_required
.cube-form-label
:before
{
content
:
"*"
;
display
:
block
;
margin-top
:
1px
;
margin-right
:
.3em
;
color
:
#e64340
}
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
.cube-rate
{
list-style
:
none
;
display
:
-webkit-inline-box
;
display
:
inline-flex
;
vertical-align
:
top
;
flex-wrap
:
nowrap
;
max-width
:
100%
}
.cube-rate-justify
{
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.cube-rate-item
{
position
:
relative
;
width
:
32px
;
-webkit-box-flex
:
0
;
flex
:
0
1
auto
;
margin-right
:
6px
}
.cube-rate-item
:after
{
content
:
""
;
display
:
block
;
padding
:
50%
0
}
.cube-rate-item
:last-child
{
margin-right
:
0
}
.cube-rate-item
.cube-rate-item-def
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background-size
:
100%
;
background-repeat
:
no-repeat
;
background-position
:
50%
;
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)
}}
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)
}}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-switch
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-switch
.cube-switch-input
{
position
:
absolute
;
z-index
:
1
;
width
:
48px
;
height
:
28px
;
opacity
:
0
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
{
border-color
:
#fc9153
;
background-color
:
#fc9153
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:before
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:after
{
-webkit-transform
:
translateX
(
20px
);
transform
:
translateX
(
20px
)}
.cube-switch
.cube-switch-input
:disabled
+
.cube-switch-ui
{
opacity
:
.3
}
.cube-switch
.cube-switch-ui
{
position
:
relative
;
display
:
block
;
width
:
48px
;
height
:
28px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
border
:
1px
solid
#e4e4e4
;
border-radius
:
28px
;
background-color
:
#e4e4e4
}
.cube-switch
.cube-switch-ui
:after
,
.cube-switch
.cube-switch-ui
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
border-radius
:
28px
;
background-color
:
#fff
;
-webkit-transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
),
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
)}
.cube-switch
.cube-switch-ui
:after
{
width
:
28px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
)}
.cube-switch
.cube-switch-label
{
display
:
block
;
margin-left
:
10px
}
.cube-switch
.cube-switch-label
:empty
{
margin-left
:
0
}
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
.cube-validator
.cube-checkbox
,
.cube-validator
.cube-input
input
,
.cube-validator
.cube-radio
,
.cube-validator
.cube-select
,
.cube-validator
.cube-textarea
{
color
:
inherit
}
.cube-validator-msg-def
{
font-size
:
14px
;
color
:
#e64340
}
\ No newline at end of file
lib/index.js
浏览文件 @
a059568c
...
...
@@ -6554,7 +6554,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
}
var Cube = {
version: "1.10.
3
",
version: "1.10.
4
",
install: install,
BScroll: _module.BetterScroll,
createAPI: _module.createAPI
...
...
lib/input/input.min.css
浏览文件 @
a059568c
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
\ No newline at end of file
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
\ No newline at end of file
lib/input/style.css
浏览文件 @
a059568c
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
\ No newline at end of file
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
\ No newline at end of file
lib/radio-group/radio-group.min.css
浏览文件 @
a059568c
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
\ No newline at end of file
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
\ No newline at end of file
lib/radio-group/style.css
浏览文件 @
a059568c
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
\ No newline at end of file
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
\ No newline at end of file
lib/radio/radio.min.css
浏览文件 @
a059568c
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
\ No newline at end of file
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
\ No newline at end of file
lib/radio/style.css
浏览文件 @
a059568c
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
\ No newline at end of file
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
\ No newline at end of file
lib/select/select.min.css
浏览文件 @
a059568c
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-picker-fade-enter
,
.cube-picker-fade-leave-active
{
opacity
:
0
}
.cube-picker-fade-enter-active
,
.cube-picker-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-panel
{
height
:
273px
;
text-align
:
center
;
font-size
:
14px
;
background
:
#fff
}
.cube-picker-move-enter
,
.cube-picker-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-picker-move-enter-active
,
.cube-picker-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-choose
{
position
:
relative
;
height
:
60px
}
.cube-picker-cancel
,
.cube-picker-confirm
{
line-height
:
60px
;
padding
:
0
16px
;
box-sizing
:
content-box
;
font-size
:
14px
}
.cube-picker-confirm
{
position
:
absolute
;
right
:
0
;
color
:
#fc9153
}
.cube-picker-confirm
:active
{
color
:
#fdc2a5
}
.cube-picker-cancel
{
position
:
absolute
;
left
:
0
;
color
:
#999
}
.cube-picker-cancel
:active
{
color
:
#ccc
}
.cube-picker-title-group
{
padding
:
0
60px
;
display
:
-webkit-box
;
display
:
flex
;
height
:
100%
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-flow
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-picker-title
{
font-size
:
18px
;
line-height
:
25px
;
font-weight
:
400
;
color
:
#333
}
.cube-picker-subtitle
{
margin-top
:
2px
;
line-height
:
16px
;
font-size
:
12px
;
color
:
#999
}
.cube-picker-content
{
position
:
relative
;
top
:
20px
}
.cube-picker-content
>
i
{
position
:
absolute
;
z-index
:
10
;
left
:
0
;
width
:
100%
;
height
:
68px
;
pointer-events
:
none
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-picker-content
>
.border-bottom-1px
{
top
:
0
;
background
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
bottom
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
0deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-content
>
.border-top-1px
{
bottom
:
0
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
top
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
180deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-wheel-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
padding
:
0
16px
}
.cube-picker-wheel-wrapper
>
div
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
height
:
173px
;
overflow
:
hidden
;
font-size
:
20px
}
.cube-picker-wheel-scroll
{
padding
:
0
;
margin-top
:
68px
;
line-height
:
36px
;
list-style
:
none
}
.cube-picker-wheel-item
{
list-style
:
none
;
height
:
36px
;
overflow
:
hidden
;
white-space
:
nowrap
;
color
:
#333
}
.cube-picker-footer
{
height
:
20px
}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
\ No newline at end of file
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-picker-fade-enter
,
.cube-picker-fade-leave-active
{
opacity
:
0
}
.cube-picker-fade-enter-active
,
.cube-picker-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-panel
{
height
:
273px
;
text-align
:
center
;
font-size
:
14px
;
background
:
#fff
}
.cube-picker-move-enter
,
.cube-picker-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-picker-move-enter-active
,
.cube-picker-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-choose
{
position
:
relative
;
height
:
60px
}
.cube-picker-cancel
,
.cube-picker-confirm
{
line-height
:
60px
;
padding
:
0
16px
;
box-sizing
:
content-box
;
font-size
:
14px
}
.cube-picker-confirm
{
position
:
absolute
;
right
:
0
;
color
:
#fc9153
}
.cube-picker-confirm
:active
{
color
:
#fdc2a5
}
.cube-picker-cancel
{
position
:
absolute
;
left
:
0
;
color
:
#999
}
.cube-picker-cancel
:active
{
color
:
#ccc
}
.cube-picker-title-group
{
padding
:
0
60px
;
display
:
-webkit-box
;
display
:
flex
;
height
:
100%
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-flow
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-picker-title
{
font-size
:
18px
;
line-height
:
25px
;
font-weight
:
400
;
color
:
#333
}
.cube-picker-subtitle
{
margin-top
:
2px
;
line-height
:
16px
;
font-size
:
12px
;
color
:
#999
}
.cube-picker-content
{
position
:
relative
;
top
:
20px
}
.cube-picker-content
>
i
{
position
:
absolute
;
z-index
:
10
;
left
:
0
;
width
:
100%
;
height
:
68px
;
pointer-events
:
none
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-picker-content
>
.border-bottom-1px
{
top
:
0
;
background
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
bottom
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
0deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-content
>
.border-top-1px
{
bottom
:
0
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
top
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
180deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-wheel-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
padding
:
0
16px
}
.cube-picker-wheel-wrapper
>
div
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
height
:
173px
;
overflow
:
hidden
;
font-size
:
20px
}
.cube-picker-wheel-scroll
{
padding
:
0
;
margin-top
:
68px
;
line-height
:
36px
;
list-style
:
none
}
.cube-picker-wheel-item
{
list-style
:
none
;
height
:
36px
;
overflow
:
hidden
;
white-space
:
nowrap
;
color
:
#333
}
.cube-picker-footer
{
height
:
20px
}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
\ No newline at end of file
lib/select/style.css
浏览文件 @
a059568c
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-picker-fade-enter
,
.cube-picker-fade-leave-active
{
opacity
:
0
}
.cube-picker-fade-enter-active
,
.cube-picker-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-panel
{
height
:
273px
;
text-align
:
center
;
font-size
:
14px
;
background
:
#fff
}
.cube-picker-move-enter
,
.cube-picker-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-picker-move-enter-active
,
.cube-picker-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-choose
{
position
:
relative
;
height
:
60px
}
.cube-picker-cancel
,
.cube-picker-confirm
{
line-height
:
60px
;
padding
:
0
16px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
font-size
:
14px
}
.cube-picker-confirm
{
position
:
absolute
;
right
:
0
;
color
:
#fc9153
}
.cube-picker-confirm
:active
{
color
:
#fdc2a5
}
.cube-picker-cancel
{
position
:
absolute
;
left
:
0
;
color
:
#999
}
.cube-picker-cancel
:active
{
color
:
#ccc
}
.cube-picker-title-group
{
padding
:
0
60px
;
display
:
-webkit-box
;
display
:
flex
;
height
:
100%
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-flow
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-picker-title
{
font-size
:
18px
;
line-height
:
25px
;
font-weight
:
400
;
color
:
#333
}
.cube-picker-subtitle
{
margin-top
:
2px
;
line-height
:
16px
;
font-size
:
12px
;
color
:
#999
}
.cube-picker-content
{
position
:
relative
;
top
:
20px
}
.cube-picker-content
>
i
{
position
:
absolute
;
z-index
:
10
;
left
:
0
;
width
:
100%
;
height
:
68px
;
pointer-events
:
none
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-picker-content
>
.border-bottom-1px
{
top
:
0
;
background
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
bottom
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
0deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-content
>
.border-top-1px
{
bottom
:
0
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
top
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
180deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-wheel-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
padding
:
0
16px
}
.cube-picker-wheel-wrapper
>
div
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
height
:
173px
;
overflow
:
hidden
;
font-size
:
20px
}
.cube-picker-wheel-scroll
{
padding
:
0
;
margin-top
:
68px
;
line-height
:
36px
;
list-style
:
none
}
.cube-picker-wheel-item
{
list-style
:
none
;
height
:
36px
;
overflow
:
hidden
;
white-space
:
nowrap
;
color
:
#333
}
.cube-picker-footer
{
height
:
20px
}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
\ No newline at end of file
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-picker-fade-enter
,
.cube-picker-fade-leave-active
{
opacity
:
0
}
.cube-picker-fade-enter-active
,
.cube-picker-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-panel
{
height
:
273px
;
text-align
:
center
;
font-size
:
14px
;
background
:
#fff
}
.cube-picker-move-enter
,
.cube-picker-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-picker-move-enter-active
,
.cube-picker-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-choose
{
position
:
relative
;
height
:
60px
}
.cube-picker-cancel
,
.cube-picker-confirm
{
line-height
:
60px
;
padding
:
0
16px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
font-size
:
14px
}
.cube-picker-confirm
{
position
:
absolute
;
right
:
0
;
color
:
#fc9153
}
.cube-picker-confirm
:active
{
color
:
#fdc2a5
}
.cube-picker-cancel
{
position
:
absolute
;
left
:
0
;
color
:
#999
}
.cube-picker-cancel
:active
{
color
:
#ccc
}
.cube-picker-title-group
{
padding
:
0
60px
;
display
:
-webkit-box
;
display
:
flex
;
height
:
100%
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-flow
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-picker-title
{
font-size
:
18px
;
line-height
:
25px
;
font-weight
:
400
;
color
:
#333
}
.cube-picker-subtitle
{
margin-top
:
2px
;
line-height
:
16px
;
font-size
:
12px
;
color
:
#999
}
.cube-picker-content
{
position
:
relative
;
top
:
20px
}
.cube-picker-content
>
i
{
position
:
absolute
;
z-index
:
10
;
left
:
0
;
width
:
100%
;
height
:
68px
;
pointer-events
:
none
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-picker-content
>
.border-bottom-1px
{
top
:
0
;
background
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
bottom
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
0deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-content
>
.border-top-1px
{
bottom
:
0
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
top
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
180deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-wheel-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
padding
:
0
16px
}
.cube-picker-wheel-wrapper
>
div
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
height
:
173px
;
overflow
:
hidden
;
font-size
:
20px
}
.cube-picker-wheel-scroll
{
padding
:
0
;
margin-top
:
68px
;
line-height
:
36px
;
list-style
:
none
}
.cube-picker-wheel-item
{
list-style
:
none
;
height
:
36px
;
overflow
:
hidden
;
white-space
:
nowrap
;
color
:
#333
}
.cube-picker-footer
{
height
:
20px
}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
\ No newline at end of file
lib/style.css
浏览文件 @
a059568c
a
,
abbr
,
acronym
,
address
,
applet
,
article
,
aside
,
audio
,
b
,
big
,
blockquote
,
body
,
canvas
,
caption
,
center
,
cite
,
code
,
dd
,
del
,
details
,
dfn
,
div
,
dl
,
dt
,
em
,
embed
,
fieldset
,
figcaption
,
figure
,
footer
,
form
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
header
,
html
,
i
,
iframe
,
img
,
input
,
ins
,
kbd
,
label
,
legend
,
li
,
mark
,
menu
,
nav
,
object
,
ol
,
output
,
p
,
pre
,
q
,
ruby
,
s
,
samp
,
section
,
small
,
span
,
strike
,
strong
,
sub
,
summary
,
sup
,
table
,
tbody
,
td
,
tfoot
,
th
,
thead
,
time
,
tr
,
tt
,
u
,
ul
,
var
,
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font-weight
:
400
;
vertical-align
:
baseline
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
menu
,
nav
,
section
{
display
:
block
}
body
{
line-height
:
1
}
blockquote
,
q
{
quotes
:
none
}
blockquote
:after
,
blockquote
:before
,
q
:after
,
q
:before
{
content
:
none
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
a
{
color
:
#7e8c8d
;
text-decoration
:
none
}
li
{
list-style
:
none
}
body
{
-webkit-text-size-adjust
:
none
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
body
,
html
{
line-height
:
1
;
font-family
:
PingFang
SC
,
STHeitiSC-Light
,
Helvetica-Light
,
arial
,
sans-serif
;
-webkit-user-select
:
none
;
user-select
:
none
;
-webkit-tap-highlight-color
:
transparent
}
.clear-fix
:after
{
content
:
""
;
display
:
table
;
clear
:
both
}
.border-bottom-1px
,
.border-left-1px
,
.border-right-1px
,
.border-top-1px
{
position
:
relative
}
.border-bottom-1px
:after
,
.border-bottom-1px
:before
,
.border-left-1px
:after
,
.border-left-1px
:before
,
.border-right-1px
:after
,
.border-right-1px
:before
,
.border-top-1px
:after
,
.border-top-1px
:before
{
content
:
""
;
display
:
block
;
position
:
absolute
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
}
.border-top-1px
:before
{
border-top
:
1px
solid
#ebebeb
;
left
:
0
;
top
:
0
;
width
:
100%
;
-webkit-transform-origin
:
0
top
;
transform-origin
:
0
top
}
.border-right-1px
:after
{
border-right
:
1px
solid
#f5f5f5
;
top
:
0
;
right
:
0
;
height
:
100%
;
-webkit-transform-origin
:
right
0
;
transform-origin
:
right
0
}
.border-bottom-1px
:after
{
border-bottom
:
1px
solid
#ebebeb
;
left
:
0
;
bottom
:
0
;
width
:
100%
;
-webkit-transform-origin
:
0
bottom
;
transform-origin
:
0
bottom
}
.border-left-1px
:before
{
border-left
:
1px
solid
#f5f5f5
;
top
:
0
;
left
:
0
;
height
:
100%
;
-webkit-transform-origin
:
left
0
;
transform-origin
:
left
0
}
.cube-safe-area-pb
{
padding-bottom
:
constant
(
safe-area-inset-bottom
)
!important
;
padding-bottom
:
env
(
safe-area-inset-bottom
)
!important
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.border-top-1px
:before
{
width
:
200%
}
.border-right-1px
:after
,
.border-top-1px
:before
{
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
.border-right-1px
:after
{
height
:
200%
}
.border-bottom-1px
:after
{
width
:
200%
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
.border-left-1px
:before
{
height
:
200%
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.border-top-1px
:before
{
width
:
300%
}
.border-right-1px
:after
,
.border-top-1px
:before
{
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}
.border-right-1px
:after
{
height
:
300%
}
.border-bottom-1px
:after
{
width
:
300%
}
.border-bottom-1px
:after
,
.border-left-1px
:before
{
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}
.border-left-1px
:before
{
height
:
300%
}}
@font-face
{
font-family
:
cube-icon
;
src
:
url(data:application/font-woff;base64,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)
format
(
"woff"
),
url(./fonts/cubeic.dcc2b6f.ttf)
format
(
"truetype"
)}
[
class
*=
" cubeic-"
],[
class
^=
cubeic-
]
{
font-family
:
cube-icon
!important
;
font-size
:
100%
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cubeic-eye-invisible
:before
{
content
:
"\E624"
}
.cubeic-eye-visible
:before
{
content
:
"\E625"
}
.cubeic-square-right
:before
{
content
:
"\E67D"
}
.cubeic-select
:before
{
content
:
"\E609"
}
.cubeic-pulldown
:before
{
content
:
"\E603"
}
.cubeic-pullup
:before
{
content
:
"\E604"
}
.cubeic-more
:before
{
content
:
"\E607"
}
.cubeic-back
:before
{
content
:
"\E608"
}
.cubeic-arrow
:before
{
content
:
"\E60B"
}
.cubeic-close
:before
{
content
:
"\E60D"
}
.cubeic-warn
:before
{
content
:
"\E614"
}
.cubeic-question
:before
{
content
:
"\E616"
}
.cubeic-right
:before
{
content
:
"\E617"
}
.cubeic-wrong
:before
{
content
:
"\E618"
}
.cubeic-info
:before
{
content
:
"\E619"
}
.cubeic-remove
:before
{
content
:
"\E61A"
}
.cubeic-add
:before
{
content
:
"\E61C"
}
.cubeic-share
:before
{
content
:
"\E631"
}
.cubeic-no-wifi
:before
{
content
:
"\E632"
}
.cubeic-smile
:before
{
content
:
"\E634"
}
.cubeic-sad
:before
{
content
:
"\E636"
}
.cubeic-email
:before
{
content
:
"\E637"
}
.cubeic-game
:before
{
content
:
"\E638"
}
.cubeic-wifi
:before
{
content
:
"\E639"
}
.cubeic-hot
:before
{
content
:
"\E63B"
}
.cubeic-notification
:before
{
content
:
"\E63D"
}
.cubeic-delete
:before
{
content
:
"\E63E"
}
.cubeic-vip
:before
{
content
:
"\E63F"
}
.cubeic-mute
:before
{
content
:
"\E640"
}
.cubeic-danger
:before
{
content
:
"\E641"
}
.cubeic-volume
:before
{
content
:
"\E642"
}
.cubeic-bad
:before
{
content
:
"\E643"
}
.cubeic-mobile-phone
:before
{
content
:
"\E644"
}
.cubeic-aim
:before
{
content
:
"\E645"
}
.cubeic-navigation
:before
{
content
:
"\E64D"
}
.cubeic-safe-pay
:before
{
content
:
"\E64E"
}
.cubeic-tag
:before
{
content
:
"\E64F"
}
.cubeic-lock
:before
{
content
:
"\E651"
}
.cubeic-unlock
:before
{
content
:
"\E652"
}
.cubeic-edit
:before
{
content
:
"\E653"
}
.cubeic-scan
:before
{
content
:
"\E654"
}
.cubeic-qr-code
:before
{
content
:
"\E655"
}
.cubeic-calendar
:before
{
content
:
"\E659"
}
.cubeic-time
:before
{
content
:
"\E65F"
}
.cubeic-red-packet
:before
{
content
:
"\E664"
}
.cubeic-star
:before
{
content
:
"\E668"
}
.cubeic-setting
:before
{
content
:
"\E669"
}
.cubeic-home
:before
{
content
:
"\E66D"
}
.cubeic-credit-card
:before
{
content
:
"\E66E"
}
.cubeic-mall
:before
{
content
:
"\E670"
}
.cubeic-microphone
:before
{
content
:
"\E673"
}
.cubeic-search
:before
{
content
:
"\E674"
}
.cubeic-good
:before
{
content
:
"\E675"
}
.cubeic-alert
:before
{
content
:
"\E676"
}
.cubeic-picture
:before
{
content
:
"\E677"
}
.cubeic-message
:before
{
content
:
"\E678"
}
.cubeic-phone
:before
{
content
:
"\E67A"
}
.cubeic-location
:before
{
content
:
"\E67B"
}
.cubeic-like
:before
{
content
:
"\E67C"
}
.cubeic-camera
:before
{
content
:
"\E67E"
}
.cubeic-person
:before
{
content
:
"\E67F"
}
.cubeic-round-border
:before
{
content
:
"\E683"
}
.cubeic-important
:before
{
content
:
"\E68B"
}
.cubeic-ok
:before
{
content
:
"\E68C"
}
.cubeic-square-border
:before
{
content
:
"\E990"
}
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-tip
{
display
:
-webkit-box
;
display
:
flex
;
z-index
:
10
;
position
:
absolute
;
padding
:
10px
38px
10px
16px
;
max-height
:
60px
;
font-size
:
12px
;
color
:
#fff
;
background
:
rgba
(
74
,
76
,
91
,
.8
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.2s
;
transition
:
opacity
.2s
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
)}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
top
:
0
}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
:before
{
margin-top
:
-6px
;
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
{
bottom
:
0
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
:before
{
margin-bottom
:
-6px
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
{
left
:
0
}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
:before
{
margin-left
:
-9px
;
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
)}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
right
:
0
}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
:before
{
margin-right
:
-9px
;
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
)}
.cube-tip-angle
{
position
:
absolute
}
.cube-tip-angle
:before
{
content
:
""
;
display
:
block
;
border-width
:
0
6px
6px
;
border-style
:
solid
;
border-color
:
transparent
transparent
rgba
(
74
,
76
,
91
,
.8
)}
.cube-tip-close
{
position
:
absolute
;
right
:
14px
;
top
:
12px
;
width
:
12px
;
height
:
12px
;
padding
:
0
;
color
:
inherit
;
outline
:
none
;
border
:
none
;
background
:
none
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-tip-content
{
min-height
:
18px
;
line-height
:
18px
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
overflow
:
hidden
}
.cube-tip-zoom-enter-active
{
-webkit-animation
:
tip-in
.4s
;
animation
:
tip-in
.4s
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-tip-zoom-leave-active
{
-webkit-animation
:
tip-out
.2s
;
animation
:
tip-out
.2s
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
@-webkit-keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@-webkit-keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
@keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-toolbar
{
position
:
fixed
;
left
:
10px
;
right
:
10px
;
bottom
:
10px
;
z-index
:
2
;
padding-bottom
:
constant
(
safe-area-inset-bottom
);
padding-bottom
:
env
(
safe-area-inset-bottom
)}
.cube-toolbar-group
{
display
:
-webkit-box
;
display
:
flex
;
height
:
44px
;
overflow
:
hidden
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
border-radius
:
2px
;
-webkit-box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
{
margin-bottom
:
10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
{
position
:
absolute
;
top
:
44px
;
right
:
9%
;
height
:
10px
;
color
:
#fcfcfc
;
font-size
:
24px
;
font-family
:
cube-icon
;
font-style
:
normal
;
text-shadow
:
0
1px
3px
#e8e8e8
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:before
{
content
:
"\E603"
;
position
:
relative
;
top
:
-10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:after
{
content
:
""
;
display
:
block
;
position
:
absolute
;
left
:
30%
;
top
:
50%
;
margin-top
:
-6px
;
width
:
40%
;
height
:
2px
;
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
{
color
:
#e8e8e8
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
:after
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
-webkit-box-align
:
center
;
align-items
:
center
;
background-color
:
#fcfcfc
}
.cube-toolbar-item
:last-child
{
position
:
static
}
.cube-toolbar-item
:last-child:after
{
display
:
none
}
.cube-toolbar-item
:active
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
:active:after
{
border-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
{
height
:
44px
;
padding
:
0
;
font-size
:
12px
;
background-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
{
padding
:
0
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
.cube-checkbox-ui
{
position
:
relative
;
left
:
auto
;
margin-right
:
.42em
}
.cube-toolbar-item
.cube-btn
{
position
:
relative
;
padding
:
0
5px
;
background-color
:
transparent
;
border
:
0
none
;
color
:
#666
;
font-size
:
12px
}
.cube-toolbar-item
.cube-btn
:active
{
background-color
:
transparent
}
.cube-toolbar-item
.cube-btn
:active:after
{
display
:
none
}
.cube-toolbar-item
.cube-btn
i
{
margin-right
:
0
}
.cube-toolbar-item
.cube-btn
i
.cubeic-more
{
color
:
#999
;
font-size
:
16px
}
.cube-tab-bar
{
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-tab-bar
,
.cube-tab-bar_inline
.cube-tab
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-tab-bar_inline
.cube-tab
{
align-content
:
center
}
.cube-tab-bar-slider
{
position
:
absolute
;
left
:
0
;
bottom
:
0
;
height
:
2px
;
width
:
20px
;
background-color
:
#e8864c
}
.cube-tab
{
-webkit-box-flex
:
1
;
flex
:
1
;
padding
:
7px
0
;
color
:
#666
;
text-align
:
center
}
.cube-tab_active
{
color
:
#e8864c
}
.cube-tab-panels
{
position
:
relative
;
overflow
:
hidden
}
.cube-tab-panels-group
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-transition
:
all
.4s
cubic-bezier
(
.86
,
0
,
.07
,
1
);
transition
:
all
.4s
cubic-bezier
(
.86
,
0
,
.07
,
1
)}
.cube-tab-panel
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
0
auto
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
.cube-picker-fade-enter
,
.cube-picker-fade-leave-active
{
opacity
:
0
}
.cube-picker-fade-enter-active
,
.cube-picker-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-panel
{
height
:
273px
;
text-align
:
center
;
font-size
:
14px
;
background
:
#fff
}
.cube-picker-move-enter
,
.cube-picker-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-picker-move-enter-active
,
.cube-picker-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-choose
{
position
:
relative
;
height
:
60px
}
.cube-picker-cancel
,
.cube-picker-confirm
{
line-height
:
60px
;
padding
:
0
16px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
font-size
:
14px
}
.cube-picker-confirm
{
position
:
absolute
;
right
:
0
;
color
:
#fc9153
}
.cube-picker-confirm
:active
{
color
:
#fdc2a5
}
.cube-picker-cancel
{
position
:
absolute
;
left
:
0
;
color
:
#999
}
.cube-picker-cancel
:active
{
color
:
#ccc
}
.cube-picker-title-group
{
padding
:
0
60px
;
display
:
-webkit-box
;
display
:
flex
;
height
:
100%
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-flow
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-picker-title
{
font-size
:
18px
;
line-height
:
25px
;
font-weight
:
400
;
color
:
#333
}
.cube-picker-subtitle
{
margin-top
:
2px
;
line-height
:
16px
;
font-size
:
12px
;
color
:
#999
}
.cube-picker-content
{
position
:
relative
;
top
:
20px
}
.cube-picker-content
>
i
{
position
:
absolute
;
z-index
:
10
;
left
:
0
;
width
:
100%
;
height
:
68px
;
pointer-events
:
none
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-picker-content
>
.border-bottom-1px
{
top
:
0
;
background
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
bottom
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
0deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-content
>
.border-top-1px
{
bottom
:
0
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
top
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
180deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-wheel-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
padding
:
0
16px
}
.cube-picker-wheel-wrapper
>
div
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
height
:
173px
;
overflow
:
hidden
;
font-size
:
20px
}
.cube-picker-wheel-scroll
{
padding
:
0
;
margin-top
:
68px
;
line-height
:
36px
;
list-style
:
none
}
.cube-picker-wheel-item
{
list-style
:
none
;
height
:
36px
;
overflow
:
hidden
;
white-space
:
nowrap
;
color
:
#333
}
.cube-picker-footer
{
height
:
20px
}
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-switch
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-switch
.cube-switch-input
{
position
:
absolute
;
z-index
:
1
;
width
:
48px
;
height
:
28px
;
opacity
:
0
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
{
border-color
:
#fc9153
;
background-color
:
#fc9153
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:before
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:after
{
-webkit-transform
:
translateX
(
20px
);
transform
:
translateX
(
20px
)}
.cube-switch
.cube-switch-input
:disabled
+
.cube-switch-ui
{
opacity
:
.3
}
.cube-switch
.cube-switch-ui
{
position
:
relative
;
display
:
block
;
width
:
48px
;
height
:
28px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
border
:
1px
solid
#e4e4e4
;
border-radius
:
28px
;
background-color
:
#e4e4e4
}
.cube-switch
.cube-switch-ui
:after
,
.cube-switch
.cube-switch-ui
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
border-radius
:
28px
;
background-color
:
#fff
;
-webkit-transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
),
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
)}
.cube-switch
.cube-switch-ui
:after
{
width
:
28px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
)}
.cube-switch
.cube-switch-label
{
display
:
block
;
margin-left
:
10px
}
.cube-switch
.cube-switch-label
:empty
{
margin-left
:
0
}
.cube-rate
{
list-style
:
none
;
display
:
-webkit-inline-box
;
display
:
inline-flex
;
vertical-align
:
top
;
flex-wrap
:
nowrap
;
max-width
:
100%
}
.cube-rate-justify
{
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.cube-rate-item
{
position
:
relative
;
width
:
32px
;
-webkit-box-flex
:
0
;
flex
:
0
1
auto
;
margin-right
:
6px
}
.cube-rate-item
:after
{
content
:
""
;
display
:
block
;
padding
:
50%
0
}
.cube-rate-item
:last-child
{
margin-right
:
0
}
.cube-rate-item
.cube-rate-item-def
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background-size
:
100%
;
background-repeat
:
no-repeat
;
background-position
:
50%
;
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)
}}
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)
}}
.cube-validator
.cube-checkbox
,
.cube-validator
.cube-input
input
,
.cube-validator
.cube-radio
,
.cube-validator
.cube-select
,
.cube-validator
.cube-textarea
{
color
:
inherit
}
.cube-validator-msg-def
{
font-size
:
14px
;
color
:
#e64340
}
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
.cube-form
{
position
:
relative
;
font-size
:
16px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
}
.cube-form_groups
.cube-form-group-legend
{
padding
:
10px
15px
}
.cube-form_groups
.cube-form-group-legend
:empty
{
padding-top
:
5px
;
padding-bottom
:
5px
}
.cube-form_standard
.cube-form-item
{
min-height
:
46px
}
.cube-form_standard
.cube-form-field
{
-webkit-box-flex
:
1
;
flex
:
1
;
font-size
:
14px
}
.cube-form_standard
.cube-validator
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
relative
}
.cube-form_standard
.cube-validator_invalid
{
color
:
#e64340
}
.cube-form_standard
.cube-validator-content
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-form_standard
.cube-validator-msg-def
{
font-size
:
0
}
.cube-form_standard
.cube-validator_invalid
.cube-validator-msg
:before
{
content
:
"\E614"
;
padding-left
:
5px
;
font-family
:
cube-icon
!important
;
font-size
:
20px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cube-form_standard
.cube-form-label
{
width
:
100px
;
padding-right
:
10px
}
.cube-form_standard
.cube-checkbox-group
:after
,
.cube-form_standard
.cube-checkbox-group
:before
,
.cube-form_standard
.cube-radio-group
:after
,
.cube-form_standard
.cube-radio-group
:before
{
display
:
none
}
.cube-form_standard
.cube-input
input
{
padding
:
13px
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-input
:after
{
display
:
none
}
.cube-form_standard
.cube-textarea-wrapper
{
padding
:
13px
0
;
height
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
{
height
:
60px
;
padding-bottom
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
.cube-textarea-indicator
{
bottom
:
2px
}
.cube-form_standard
.cube-textarea-wrapper
.cube-textarea
{
padding
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-textarea-wrapper
:after
{
display
:
none
}
.cube-form_standard
.cube-select
{
padding-left
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-select
:after
{
display
:
none
}
.cube-form_standard
.cube-upload-def
{
padding
:
5px
0
}
.cube-form_standard
.cube-upload-def
.cube-upload-btn
,
.cube-form_standard
.cube-upload-def
.cube-upload-file
{
margin
:
5px
10px
5px
0
}
.cube-form_classic
.cube-form-item
{
display
:
block
;
padding
:
15px
}
.cube-form_classic
.cube-form-item
:last-child
{
padding-bottom
:
30px
}
.cube-form_classic
.cube-form-item
:after
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
margin-top
:
3px
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg-def
{
font-size
:
12px
}
.cube-form_classic
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_classic
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_classic
.cube-form-label
{
padding-bottom
:
15px
}
.cube-form_fresh
.cube-form-item
{
display
:
block
;
padding
:
2em
15px
10px
}
.cube-form_fresh
.cube-form-item
:after
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
top
:
1em
;
right
:
15px
;
bottom
:
auto
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg-def
{
font-size
:
100%
}
.cube-form_fresh
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-label
{
position
:
absolute
;
top
:
1em
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form-group
{
overflow
:
hidden
}
.cube-form-group-legend
{
font-size
:
14px
;
color
:
#999
;
background-color
:
#f3f4f5
}
.cube-form-item
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
0
15px
}
.cube-form-item
:last-child:after
{
display
:
none
}
.cube-form-item
.cube-checkbox-group
,
.cube-form-item
.cube-radio-group
{
background-color
:
transparent
}
.cube-form-item
.cube-checkbox
,
.cube-form-item
.cube-radio
{
padding-left
:
0
;
padding-right
:
0
}
.cube-form-item_btn
{
margin
:
15px
0
}
.cube-form-item_btn
:after
{
display
:
none
}
.cube-form-label
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
word-wrap
:
break-word
;
word-break
:
break-word
}
.cube-form-item_required
.cube-form-label
:before
{
content
:
"*"
;
display
:
block
;
margin-top
:
1px
;
margin-right
:
.3em
;
color
:
#e64340
}
.cube-toast.cube-popup
{
z-index
:
900
}
.cube-toast
.cube-popup-content
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
13px
16px
;
color
:
#ccc
;
background-color
:
rgba
(
37
,
38
,
45
,
.9
);
border-radius
:
2px
}
.cube-toast-icon
{
width
:
24px
;
height
:
24px
;
font-size
:
24px
}
.cube-toast-tip
{
line-height
:
20px
;
font-size
:
14px
;
max-width
:
12em
;
max-height
:
40px
;
overflow
:
hidden
;
margin-left
:
8px
}
.cube-toast-fade-enter-active
{
-webkit-animation
:
toast-in
.2s
;
animation
:
toast-in
.2s
}
.cube-toast-fade-leave-active
{
-webkit-animation
:
toast-out
.2s
;
animation
:
toast-out
.2s
}
@-webkit-keyframes
toast-in
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
toast-in
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@-webkit-keyframes
toast-out
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
@keyframes
toast-out
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
.cube-dialog-main
{
width
:
270px
;
padding
:
0
;
text-align
:
center
;
overflow
:
hidden
;
border-radius
:
2px
;
background-color
:
#fff
}
.cube-dialog-alert
,
.cube-dialog-confirm
{
position
:
relative
;
overflow
:
hidden
}
.cube-dialog-icon
{
margin-top
:
20px
;
margin-bottom
:
16px
;
line-height
:
1
;
color
:
#4a4c5b
;
font-size
:
30px
}
.cube-dialog-icon
i
{
display
:
inline-block
;
width
:
30px
;
height
:
30px
;
padding
:
10px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
border-radius
:
50%
;
background-color
:
#f3f4f5
}
.cube-dialog-icon
+
.cube-dialog-title
.cube-dialog-title-def
{
margin-top
:
0
}
.cube-dialog-icon
+
.cube-dialog-content
{
margin-top
:
-4px
}
.cube-dialog-title
{
color
:
#333
;
font-size
:
16px
;
line-height
:
1
}
.cube-dialog-title
+
.cube-dialog-content
{
margin-top
:
12px
}
.cube-dialog-title-def
{
margin
:
30px
16px
0
;
overflow
:
hidden
;
white-space
:
nowrap
}
.cube-dialog-content
{
margin
:
16px
0
;
text-align
:
left
;
color
:
#666
;
font-size
:
14px
;
line-height
:
22px
}
.cube-dialog-content-def
{
padding
:
0
16px
}
.cube-dialog-content-def
>
p
{
display
:
table
;
margin
:
auto
}
.cube-dialog-confirm
.cube-dialog-btns
.cube-dialog-btn
{
width
:
50%
;
float
:
left
}
.cube-dialog-confirm
.cube-dialog-btns.border-right-1px
:after
{
right
:
50%
;
border-color
:
#ebebeb
}
.cube-dialog-close
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
z-index
:
1
;
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
32px
;
height
:
32px
;
color
:
#999
;
font-size
:
18px
}
.cube-dialog-btns
{
overflow
:
hidden
;
width
:
100%
;
font-size
:
0
}
.cube-dialog-btn
{
display
:
inline-block
;
width
:
100%
;
padding
:
17px
10px
;
margin
:
0
;
font-size
:
16px
;
line-height
:
1
;
text-align
:
center
;
text-decoration
:
none
;
color
:
#999
;
background-color
:
#fff
;
background-clip
:
padding-box
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-dialog-btn
:active
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-dialog-btn_highlight
{
color
:
#fc9153
}
.cube-dialog-btn_highlight
:active
{
background-color
:
rgba
(
252
,
145
,
83
,
.04
)}
.cube-dialog-btn_disabled
{
color
:
#999
}
.cube-dialog-btn_disabled
:active
{
background-color
:
transparent
}
.cube-dialog-fade-enter-active
{
-webkit-animation
:
dialog-fadein
.4s
;
animation
:
dialog-fadein
.4s
}
.cube-dialog-fade-enter-active
.cube-dialog-main
{
-webkit-animation
:
dialog-zoom
.4s
;
animation
:
dialog-zoom
.4s
}
@-webkit-keyframes
dialog-fadein
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
dialog-fadein
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@-webkit-keyframes
dialog-zoom
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
dialog-zoom
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
.cube-action-sheet-fade-enter
,
.cube-action-sheet-fade-leave-active
{
opacity
:
0
}
.cube-action-sheet-fade-enter-active
,
.cube-action-sheet-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-action-sheet-panel
{
text-align
:
center
;
font-size
:
14px
;
background-color
:
#fff
}
.cube-action-sheet-move-enter
,
.cube-action-sheet-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-action-sheet-move-enter-active
,
.cube-action-sheet-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-action-sheet-cancel
{
background-color
:
#fff
}
.cube-action-sheet-cancel
span
,
.cube-action-sheet-item
,
.cube-action-sheet-title
{
display
:
block
;
padding
:
17px
16px
;
margin
:
0
;
text-align
:
center
;
overflow
:
hidden
;
white-space
:
nowrap
;
font-size
:
16px
;
font-weight
:
400
;
line-height
:
1
;
color
:
#666
;
background-color
:
#fff
}
.cube-action-sheet-cancel
span
:active
,
.cube-action-sheet-item
:active
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-action-sheet-title
{
padding-top
:
16px
;
padding-bottom
:
16px
;
color
:
#333
;
font-size
:
18px
}
.cube-action-sheet-content
{
overflow
:
hidden
;
background
:
#fff
}
.cube-action-sheet-list
{
list-style
:
none
}
.cube-action-sheet-item
{
list-style
:
none
;
-webkit-user-select
:
none
;
user-select
:
none
}
.cube-action-sheet-item
:last-of-type:after
,
.cube-action-sheet-item
:last-of-type:before
{
display
:
none
}
.cube-action-sheet-item
[
data-align
=
left
]
{
text-align
:
left
}
.cube-action-sheet-item
[
data-align
=
right
]
{
text-align
:
right
}
.cube-action-sheet-space
{
height
:
6px
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
)}
.cube-action-sheet-item_active
{
color
:
#fc9153
}
.cube-action-sheet_picker
.cube-action-sheet-space
{
height
:
0
}
.cube-action-sheet_picker
.cube-action-sheet-title
{
height
:
1em
;
padding-top
:
21px
;
padding-bottom
:
21px
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
{
position
:
absolute
;
top
:
0
;
background-color
:
transparent
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
span
{
padding-top
:
23px
;
padding-bottom
:
23px
;
color
:
#999
;
font-size
:
14px
;
background-color
:
transparent
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
span
:active
{
color
:
#ccc
;
background-color
:
transparent
}
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
overflow
:
hidden
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.cube-drawer-scroll-wrapper
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-image-preview-fade-enter
,
.cube-image-preview-fade-leave-active
{
opacity
:
0
}
.cube-image-preview-fade-enter-active
,
.cube-image-preview-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-image-preview
.cube-popup-mask
{
opacity
:
.6
}
.cube-image-preview
.cube-popup-content
{
width
:
100%
;
height
:
100%
}
.cube-image-preview
.cube-slide-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
}
.cube-image-preview-container
{
height
:
100%
;
margin
:
0
-10px
}
.cube-image-preview-footer
,
.cube-image-preview-header
{
position
:
absolute
;
left
:
0
;
right
:
0
}
.cube-image-preview-header
{
top
:
0
}
.cube-image-preview-footer
{
bottom
:
0
}
.cube-image-preview-counter
{
position
:
absolute
;
bottom
:
50px
;
width
:
100%
;
text-align
:
center
;
font-size
:
14px
;
color
:
#fff
}
.cube-image-preview-item
{
position
:
relative
;
padding
:
0
10px
;
height
:
100%
}
.cube-image-preview-item
.cube-scroll-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-image-preview-item
.cube-image-preview-img
{
display
:
block
;
height
:
auto
;
max-width
:
100%
;
max-height
:
100%
}
.cube-slide
{
position
:
relative
;
min-height
:
1px
;
height
:
100%
}
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
;
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
height
:
100%
;
text-align
:
center
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
img
{
display
:
block
;
height
:
100%
}
.cube-index-list
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-index-list
.cube-scroll-wrapper
{
position
:
absolute
;
left
:
0
;
top
:
0
;
right
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-index-list-content
{
background
:
#fff
;
border-radius
:
2px
}
.cube-index-list-title
{
padding
:
14px
16px
;
font-size
:
14px
;
line-height
:
1.6
;
color
:
#333
}
.cube-index-list-anchor
{
padding
:
16px
16px
10px
;
line-height
:
1
;
font-size
:
14px
;
color
:
#999
;
background
:
#f7f7f7
}
.cube-index-list-fixed
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
}
.cube-index-list-nav
{
position
:
absolute
;
z-index
:
30
;
right
:
0
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
font-family
:
Helvetica
}
.cube-index-list-nav
>
ul
{
padding
:
0
;
margin
:
0
}
.cube-index-list-nav
>
ul
>
li
{
padding
:
6px
16px
0
;
line-height
:
1
;
text-align
:
center
;
font-size
:
12px
;
color
:
#666
}
.cube-index-list-nav
>
ul
>
li
.active
{
color
:
#fc9153
}
@media
(
max-height
:
480px
){
.cube-index-list-nav
>
ul
>
li
{
padding-top
:
3px
}}
.cube-index-list-item-def
{
position
:
relative
;
height
:
50px
;
line-height
:
50px
;
padding
:
0
16px
;
font-size
:
14px
;
color
:
#333
}
.cube-index-list-item-def
:last-child:after
,
.cube-index-list-item-def
:last-child:before
{
display
:
none
}
.cube-index-list-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-swipe
{
overflow
:
hidden
}
.cube-swipe-enter-active
,
.cube-swipe-enter-active
.cube-swipe-item-inner
,
.cube-swipe-leave-active
,
.cube-swipe-leave-active
.cube-swipe-item-inner
{
-webkit-transition
:
all
.3s
;
transition
:
all
.3s
}
.cube-swipe-enter
.cube-swipe-item-inner
,
.cube-swipe-leave-to
.cube-swipe-item-inner
{
height
:
0
}
.cube-swipe-item
{
position
:
relative
}
.cube-swipe-item-inner
{
height
:
60px
;
line-height
:
60px
;
font-size
:
16px
;
padding-left
:
20px
}
.cube-swipe-btn
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
absolute
;
top
:
0
;
left
:
100%
;
height
:
100%
;
text-align
:
left
;
font-size
:
16px
}
.cube-swipe-btn
.text
{
-webkit-box-flex
:
1
;
flex
:
1
;
padding
:
0
20px
;
white-space
:
nowrap
;
color
:
#fff
}
.cube-sticky
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-sticky-fixed
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
}
.cube-sticky-fixed-fade-enter
,
.cube-sticky-fixed-fade-leave-active
{
opacity
:
0
}
.cube-sticky-fixed-fade-enter-active
,
.cube-sticky-fixed-fade-leave-active
{
-webkit-transition
:
all
.2s
ease-in-out
;
transition
:
all
.2s
ease-in-out
}
.cube-sticky-ele
{
position
:
relative
}
.cube-scroll-nav
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-nav
.cube-sticky-content
{
height
:
100%
}
.cube-scroll-nav-main
{
overflow
:
hidden
}
.cube-scroll-nav-main
>
.cube-sticky
{
position
:
static
}
.cube-scroll-nav_side
>
.cube-sticky
{
display
:
-webkit-box
;
display
:
flex
}
.cube-scroll-nav_side
>
.cube-sticky
>
.cube-scroll-wrapper
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-scroll-nav_side
>
.cube-sticky
>
.cube-sticky-fixed
{
position
:
relative
;
height
:
100%
;
-webkit-box-ordinal-group
:
0
;
order
:
-1
}
.cube-scroll-nav_side
.cube-scroll-nav-main
>
.cube-sticky-ele
{
float
:
left
}
.cube-scroll-nav_side
.cube-scroll-nav-main
>
.cube-sticky
{
overflow
:
hidden
}
.cube-scroll-nav-bar
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
color
:
#666
;
background-color
:
#fff
}
.cube-scroll-nav-bar_horizontal
{
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-wrapper
{
-webkit-box-flex
:
1
;
flex
:
1
;
text-align
:
center
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-content
{
display
:
inline-block
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-nav-bar-items
{
white-space
:
nowrap
}
.cube-scroll-nav-bar_vertical
{
height
:
100%
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-scroll-nav-bar_vertical
.cube-scroll-nav-bar-item
{
display
:
block
}
.cube-scroll-nav-bar-items
{
font-size
:
14px
}
.cube-scroll-nav-bar-item
{
display
:
inline-block
;
padding
:
20px
15px
}
.cube-scroll-nav-bar-item_active
{
color
:
#fc9153
}
\ No newline at end of file
a
,
abbr
,
acronym
,
address
,
applet
,
article
,
aside
,
audio
,
b
,
big
,
blockquote
,
body
,
canvas
,
caption
,
center
,
cite
,
code
,
dd
,
del
,
details
,
dfn
,
div
,
dl
,
dt
,
em
,
embed
,
fieldset
,
figcaption
,
figure
,
footer
,
form
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
header
,
html
,
i
,
iframe
,
img
,
input
,
ins
,
kbd
,
label
,
legend
,
li
,
mark
,
menu
,
nav
,
object
,
ol
,
output
,
p
,
pre
,
q
,
ruby
,
s
,
samp
,
section
,
small
,
span
,
strike
,
strong
,
sub
,
summary
,
sup
,
table
,
tbody
,
td
,
tfoot
,
th
,
thead
,
time
,
tr
,
tt
,
u
,
ul
,
var
,
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font-weight
:
400
;
vertical-align
:
baseline
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
menu
,
nav
,
section
{
display
:
block
}
body
{
line-height
:
1
}
blockquote
,
q
{
quotes
:
none
}
blockquote
:after
,
blockquote
:before
,
q
:after
,
q
:before
{
content
:
none
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
a
{
color
:
#7e8c8d
;
text-decoration
:
none
}
li
{
list-style
:
none
}
body
{
-webkit-text-size-adjust
:
none
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
body
,
html
{
line-height
:
1
;
font-family
:
PingFang
SC
,
STHeitiSC-Light
,
Helvetica-Light
,
arial
,
sans-serif
;
-webkit-user-select
:
none
;
user-select
:
none
;
-webkit-tap-highlight-color
:
transparent
}
.clear-fix
:after
{
content
:
""
;
display
:
table
;
clear
:
both
}
.border-bottom-1px
,
.border-left-1px
,
.border-right-1px
,
.border-top-1px
{
position
:
relative
}
.border-bottom-1px
:after
,
.border-bottom-1px
:before
,
.border-left-1px
:after
,
.border-left-1px
:before
,
.border-right-1px
:after
,
.border-right-1px
:before
,
.border-top-1px
:after
,
.border-top-1px
:before
{
content
:
""
;
display
:
block
;
position
:
absolute
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
}
.border-top-1px
:before
{
border-top
:
1px
solid
#ebebeb
;
left
:
0
;
top
:
0
;
width
:
100%
;
-webkit-transform-origin
:
0
top
;
transform-origin
:
0
top
}
.border-right-1px
:after
{
border-right
:
1px
solid
#f5f5f5
;
top
:
0
;
right
:
0
;
height
:
100%
;
-webkit-transform-origin
:
right
0
;
transform-origin
:
right
0
}
.border-bottom-1px
:after
{
border-bottom
:
1px
solid
#ebebeb
;
left
:
0
;
bottom
:
0
;
width
:
100%
;
-webkit-transform-origin
:
0
bottom
;
transform-origin
:
0
bottom
}
.border-left-1px
:before
{
border-left
:
1px
solid
#f5f5f5
;
top
:
0
;
left
:
0
;
height
:
100%
;
-webkit-transform-origin
:
left
0
;
transform-origin
:
left
0
}
.cube-safe-area-pb
{
padding-bottom
:
constant
(
safe-area-inset-bottom
)
!important
;
padding-bottom
:
env
(
safe-area-inset-bottom
)
!important
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.border-top-1px
:before
{
width
:
200%
}
.border-right-1px
:after
,
.border-top-1px
:before
{
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
.border-right-1px
:after
{
height
:
200%
}
.border-bottom-1px
:after
{
width
:
200%
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
.border-left-1px
:before
{
height
:
200%
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.border-top-1px
:before
{
width
:
300%
}
.border-right-1px
:after
,
.border-top-1px
:before
{
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}
.border-right-1px
:after
{
height
:
300%
}
.border-bottom-1px
:after
{
width
:
300%
}
.border-bottom-1px
:after
,
.border-left-1px
:before
{
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}
.border-left-1px
:before
{
height
:
300%
}}
@font-face
{
font-family
:
cube-icon
;
src
:
url(data:application/font-woff;base64,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)
format
(
"woff"
),
url(./fonts/cubeic.dcc2b6f.ttf)
format
(
"truetype"
)}
[
class
*=
" cubeic-"
],[
class
^=
cubeic-
]
{
font-family
:
cube-icon
!important
;
font-size
:
100%
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cubeic-eye-invisible
:before
{
content
:
"\E624"
}
.cubeic-eye-visible
:before
{
content
:
"\E625"
}
.cubeic-square-right
:before
{
content
:
"\E67D"
}
.cubeic-select
:before
{
content
:
"\E609"
}
.cubeic-pulldown
:before
{
content
:
"\E603"
}
.cubeic-pullup
:before
{
content
:
"\E604"
}
.cubeic-more
:before
{
content
:
"\E607"
}
.cubeic-back
:before
{
content
:
"\E608"
}
.cubeic-arrow
:before
{
content
:
"\E60B"
}
.cubeic-close
:before
{
content
:
"\E60D"
}
.cubeic-warn
:before
{
content
:
"\E614"
}
.cubeic-question
:before
{
content
:
"\E616"
}
.cubeic-right
:before
{
content
:
"\E617"
}
.cubeic-wrong
:before
{
content
:
"\E618"
}
.cubeic-info
:before
{
content
:
"\E619"
}
.cubeic-remove
:before
{
content
:
"\E61A"
}
.cubeic-add
:before
{
content
:
"\E61C"
}
.cubeic-share
:before
{
content
:
"\E631"
}
.cubeic-no-wifi
:before
{
content
:
"\E632"
}
.cubeic-smile
:before
{
content
:
"\E634"
}
.cubeic-sad
:before
{
content
:
"\E636"
}
.cubeic-email
:before
{
content
:
"\E637"
}
.cubeic-game
:before
{
content
:
"\E638"
}
.cubeic-wifi
:before
{
content
:
"\E639"
}
.cubeic-hot
:before
{
content
:
"\E63B"
}
.cubeic-notification
:before
{
content
:
"\E63D"
}
.cubeic-delete
:before
{
content
:
"\E63E"
}
.cubeic-vip
:before
{
content
:
"\E63F"
}
.cubeic-mute
:before
{
content
:
"\E640"
}
.cubeic-danger
:before
{
content
:
"\E641"
}
.cubeic-volume
:before
{
content
:
"\E642"
}
.cubeic-bad
:before
{
content
:
"\E643"
}
.cubeic-mobile-phone
:before
{
content
:
"\E644"
}
.cubeic-aim
:before
{
content
:
"\E645"
}
.cubeic-navigation
:before
{
content
:
"\E64D"
}
.cubeic-safe-pay
:before
{
content
:
"\E64E"
}
.cubeic-tag
:before
{
content
:
"\E64F"
}
.cubeic-lock
:before
{
content
:
"\E651"
}
.cubeic-unlock
:before
{
content
:
"\E652"
}
.cubeic-edit
:before
{
content
:
"\E653"
}
.cubeic-scan
:before
{
content
:
"\E654"
}
.cubeic-qr-code
:before
{
content
:
"\E655"
}
.cubeic-calendar
:before
{
content
:
"\E659"
}
.cubeic-time
:before
{
content
:
"\E65F"
}
.cubeic-red-packet
:before
{
content
:
"\E664"
}
.cubeic-star
:before
{
content
:
"\E668"
}
.cubeic-setting
:before
{
content
:
"\E669"
}
.cubeic-home
:before
{
content
:
"\E66D"
}
.cubeic-credit-card
:before
{
content
:
"\E66E"
}
.cubeic-mall
:before
{
content
:
"\E670"
}
.cubeic-microphone
:before
{
content
:
"\E673"
}
.cubeic-search
:before
{
content
:
"\E674"
}
.cubeic-good
:before
{
content
:
"\E675"
}
.cubeic-alert
:before
{
content
:
"\E676"
}
.cubeic-picture
:before
{
content
:
"\E677"
}
.cubeic-message
:before
{
content
:
"\E678"
}
.cubeic-phone
:before
{
content
:
"\E67A"
}
.cubeic-location
:before
{
content
:
"\E67B"
}
.cubeic-like
:before
{
content
:
"\E67C"
}
.cubeic-camera
:before
{
content
:
"\E67E"
}
.cubeic-person
:before
{
content
:
"\E67F"
}
.cubeic-round-border
:before
{
content
:
"\E683"
}
.cubeic-important
:before
{
content
:
"\E68B"
}
.cubeic-ok
:before
{
content
:
"\E68C"
}
.cubeic-square-border
:before
{
content
:
"\E990"
}
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-tip
{
display
:
-webkit-box
;
display
:
flex
;
z-index
:
10
;
position
:
absolute
;
padding
:
10px
38px
10px
16px
;
max-height
:
60px
;
font-size
:
12px
;
color
:
#fff
;
background
:
rgba
(
74
,
76
,
91
,
.8
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.2s
;
transition
:
opacity
.2s
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
)}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
top
:
0
}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
:before
{
margin-top
:
-6px
;
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
{
bottom
:
0
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
:before
{
margin-bottom
:
-6px
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
{
left
:
0
}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
:before
{
margin-left
:
-9px
;
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
)}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
right
:
0
}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
:before
{
margin-right
:
-9px
;
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
)}
.cube-tip-angle
{
position
:
absolute
}
.cube-tip-angle
:before
{
content
:
""
;
display
:
block
;
border-width
:
0
6px
6px
;
border-style
:
solid
;
border-color
:
transparent
transparent
rgba
(
74
,
76
,
91
,
.8
)}
.cube-tip-close
{
position
:
absolute
;
right
:
14px
;
top
:
12px
;
width
:
12px
;
height
:
12px
;
padding
:
0
;
color
:
inherit
;
outline
:
none
;
border
:
none
;
background
:
none
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-tip-content
{
min-height
:
18px
;
line-height
:
18px
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
overflow
:
hidden
}
.cube-tip-zoom-enter-active
{
-webkit-animation
:
tip-in
.4s
;
animation
:
tip-in
.4s
}
.cube-tip-zoom-leave-active
{
-webkit-animation
:
tip-out
.2s
;
animation
:
tip-out
.2s
}
@-webkit-keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@-webkit-keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
@keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-toolbar
{
position
:
fixed
;
left
:
10px
;
right
:
10px
;
bottom
:
10px
;
z-index
:
2
;
padding-bottom
:
constant
(
safe-area-inset-bottom
);
padding-bottom
:
env
(
safe-area-inset-bottom
)}
.cube-toolbar-group
{
display
:
-webkit-box
;
display
:
flex
;
height
:
44px
;
overflow
:
hidden
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
border-radius
:
2px
;
-webkit-box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
{
margin-bottom
:
10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
{
position
:
absolute
;
top
:
44px
;
right
:
9%
;
height
:
10px
;
color
:
#fcfcfc
;
font-size
:
24px
;
font-family
:
cube-icon
;
font-style
:
normal
;
text-shadow
:
0
1px
3px
#e8e8e8
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:before
{
content
:
"\E603"
;
position
:
relative
;
top
:
-10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:after
{
content
:
""
;
display
:
block
;
position
:
absolute
;
left
:
30%
;
top
:
50%
;
margin-top
:
-6px
;
width
:
40%
;
height
:
2px
;
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
{
color
:
#e8e8e8
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
:after
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
-webkit-box-align
:
center
;
align-items
:
center
;
background-color
:
#fcfcfc
}
.cube-toolbar-item
:last-child
{
position
:
static
}
.cube-toolbar-item
:last-child:after
{
display
:
none
}
.cube-toolbar-item
:active
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
:active:after
{
border-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
{
height
:
44px
;
padding
:
0
;
font-size
:
12px
;
background-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
{
padding
:
0
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
.cube-checkbox-ui
{
position
:
relative
;
left
:
auto
;
margin-right
:
.42em
}
.cube-toolbar-item
.cube-btn
{
position
:
relative
;
padding
:
0
5px
;
background-color
:
transparent
;
border
:
0
none
;
color
:
#666
;
font-size
:
12px
}
.cube-toolbar-item
.cube-btn
:active
{
background-color
:
transparent
}
.cube-toolbar-item
.cube-btn
:active:after
{
display
:
none
}
.cube-toolbar-item
.cube-btn
i
{
margin-right
:
0
}
.cube-toolbar-item
.cube-btn
i
.cubeic-more
{
color
:
#999
;
font-size
:
16px
}
.cube-tab-bar
{
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-tab-bar
,
.cube-tab-bar_inline
.cube-tab
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-tab-bar_inline
.cube-tab
{
align-content
:
center
}
.cube-tab-bar-slider
{
position
:
absolute
;
left
:
0
;
bottom
:
0
;
height
:
2px
;
width
:
20px
;
background-color
:
#e8864c
}
.cube-tab
{
-webkit-box-flex
:
1
;
flex
:
1
;
padding
:
7px
0
;
color
:
#666
;
text-align
:
center
}
.cube-tab_active
{
color
:
#e8864c
}
.cube-tab-panels
{
position
:
relative
;
overflow
:
hidden
}
.cube-tab-panels-group
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-transition
:
all
.4s
cubic-bezier
(
.86
,
0
,
.07
,
1
);
transition
:
all
.4s
cubic-bezier
(
.86
,
0
,
.07
,
1
)}
.cube-tab-panel
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
0
auto
}
.cube-checkbox-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:after
,
.cube-checkbox-group
.cube-checkbox
:last-child
.cube-checkbox-wrap
:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-checkbox-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:after
{
border-color
:
#ccc
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:after
,
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
:last-child:before
{
display
:
none
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
0
}
.cube-checkbox-group
[
data-horz
=
true
]
.cube-checkbox-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio-group
{
z-index
:
1
;
overflow
:
hidden
;
background-color
:
#fff
}
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:after
,
.cube-radio-group
.cube-radio
:last-child
.cube-radio-wrap
:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
{
display
:
-webkit-box
;
display
:
flex
;
padding-left
:
0
;
position
:
relative
;
border-radius
:
2px
}
.cube-radio-group
[
data-horz
=
true
]
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-radio-group
[
data-horz
=
true
]
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
text-align
:
center
;
padding-left
:
10px
;
padding-right
:
10px
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:after
{
border-color
:
#ccc
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:after
,
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
:last-child:before
{
display
:
none
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
position
:
relative
;
margin-left
:
.42em
;
-webkit-box-ordinal-group
:
2
;
order
:
1
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
0
}
.cube-radio-group
[
data-horz
=
true
]
.cube-radio-wrap
{
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-radio
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-radio
[
data-pos
=
right
]
.cube-radio-label
{
margin-right
:
1.42em
}
.cube-radio-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-radio-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-radio-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
color
:
transparent
;
background-color
:
transparent
;
border-radius
:
50%
}
.cube-radio-ui
:before
,
.cube-radio-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-radio-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-radio-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
overflow
:
hidden
;
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-radio-ui
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
.8
);
border-radius
:
50%
}
.cube-radio_selected
.cube-radio-ui
{
background-color
:
#fc9153
}
.cube-radio_selected
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio_selected
.cube-radio-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fff
}
.cube-radio_disabled
.cube-radio-ui
{
background-color
:
#eee
}
.cube-radio_disabled
.cube-radio-ui
:before
,
.cube-radio_disabled
.cube-radio-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
{
background-color
:
transparent
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
i
:before
,
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
scale
(
1
);
transform
:
translate
(
-50%
,
-50%
)
scale
(
1
)}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
:before
{
color
:
#fc9153
}
.cube-radio-hollow.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#fc9153
}
.cube-radio-hollow.cube-radio_disabled
.cube-radio-ui
:before
{
color
:
#eee
}
.cube-radio-hollow.cube-radio_disabled.cube-radio_selected
.cube-radio-ui
i
:before
{
background-color
:
#eee
}
.cube-input
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
font-size
:
14px
;
line-height
:
1.429
;
background-color
:
#fff
;
position
:
relative
}
.cube-input
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-input
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-input
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-input-field
{
display
:
block
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
100%
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
color
:
#666
;
line-height
:
inherit
;
background-color
:
inherit
;
border-radius
:
2px
;
outline
:
none
}
.cube-input-field
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-input-field
+
.cube-input-append
{
margin-left
:
-5px
}
.cube-input_active
:after
{
border-color
:
#fc9153
}
.cube-input-append
,
.cube-input-prepend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-input-prepend
+
.cube-input-field
{
margin-left
:
-5px
}
.cube-input-clear
,
.cube-input-eye
{
width
:
1em
;
height
:
1em
;
line-height
:
1
;
padding
:
10px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
color
:
#999
}
.cube-input-clear
>
i
,
.cube-input-eye
>
i
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.cube-input-eye
>
.cubeic-eye-invisible
,
.cube-input-eye
>
.cubeic-eye-visible
{
-webkit-transform
:
scale
(
1.4
);
transform
:
scale
(
1.4
)}
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
.cube-picker-fade-enter
,
.cube-picker-fade-leave-active
{
opacity
:
0
}
.cube-picker-fade-enter-active
,
.cube-picker-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-panel
{
height
:
273px
;
text-align
:
center
;
font-size
:
14px
;
background
:
#fff
}
.cube-picker-move-enter
,
.cube-picker-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-picker-move-enter-active
,
.cube-picker-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-picker-choose
{
position
:
relative
;
height
:
60px
}
.cube-picker-cancel
,
.cube-picker-confirm
{
line-height
:
60px
;
padding
:
0
16px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
font-size
:
14px
}
.cube-picker-confirm
{
position
:
absolute
;
right
:
0
;
color
:
#fc9153
}
.cube-picker-confirm
:active
{
color
:
#fdc2a5
}
.cube-picker-cancel
{
position
:
absolute
;
left
:
0
;
color
:
#999
}
.cube-picker-cancel
:active
{
color
:
#ccc
}
.cube-picker-title-group
{
padding
:
0
60px
;
display
:
-webkit-box
;
display
:
flex
;
height
:
100%
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-flow
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-picker-title
{
font-size
:
18px
;
line-height
:
25px
;
font-weight
:
400
;
color
:
#333
}
.cube-picker-subtitle
{
margin-top
:
2px
;
line-height
:
16px
;
font-size
:
12px
;
color
:
#999
}
.cube-picker-content
{
position
:
relative
;
top
:
20px
}
.cube-picker-content
>
i
{
position
:
absolute
;
z-index
:
10
;
left
:
0
;
width
:
100%
;
height
:
68px
;
pointer-events
:
none
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-picker-content
>
.border-bottom-1px
{
top
:
0
;
background
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
bottom
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
0deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-content
>
.border-top-1px
{
bottom
:
0
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
hsla
(
0
,
0%
,
100%
,
.4
)),
to
(
hsla
(
0
,
0%
,
100%
,
.8
)));
background
:
-webkit-linear-gradient
(
top
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
));
background
:
linear-gradient
(
180deg
,
hsla
(
0
,
0%
,
100%
,
.4
),
hsla
(
0
,
0%
,
100%
,
.8
))}
.cube-picker-wheel-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
padding
:
0
16px
}
.cube-picker-wheel-wrapper
>
div
{
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
height
:
173px
;
overflow
:
hidden
;
font-size
:
20px
}
.cube-picker-wheel-scroll
{
padding
:
0
;
margin-top
:
68px
;
line-height
:
36px
;
list-style
:
none
}
.cube-picker-wheel-item
{
list-style
:
none
;
height
:
36px
;
overflow
:
hidden
;
white-space
:
nowrap
;
color
:
#333
}
.cube-picker-footer
{
height
:
20px
}
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-select
{
padding
:
10px
20px
10px
10px
;
border-radius
:
2px
;
font-size
:
14px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
;
position
:
relative
}
.cube-select
,
.cube-select
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-select
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select
>
span
{
display
:
inline-block
}
.cube-select_active
{
position
:
relative
}
.cube-select_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-select_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-select_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-select_active
.cube-select-icon
{
-webkit-transform
:
translateY
(
-50%
)
rotate
(
180deg
);
transform
:
translateY
(
-50%
)
rotate
(
180deg
)}
.cube-select_disabled
{
color
:
#b8b8b8
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
cursor
:
not-allowed
}
.cube-select-placeholder
{
color
:
#ccc
}
.cube-select-icon
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
border-style
:
solid
;
border-color
:
#999
transparent
transparent
;
border-width
:
4px
4px
0
;
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-switch
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-switch
.cube-switch-input
{
position
:
absolute
;
z-index
:
1
;
width
:
48px
;
height
:
28px
;
opacity
:
0
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
{
border-color
:
#fc9153
;
background-color
:
#fc9153
}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:before
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
.cube-switch
.cube-switch-input
:checked
+
.cube-switch-ui
:after
{
-webkit-transform
:
translateX
(
20px
);
transform
:
translateX
(
20px
)}
.cube-switch
.cube-switch-input
:disabled
+
.cube-switch-ui
{
opacity
:
.3
}
.cube-switch
.cube-switch-ui
{
position
:
relative
;
display
:
block
;
width
:
48px
;
height
:
28px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
border
:
1px
solid
#e4e4e4
;
border-radius
:
28px
;
background-color
:
#e4e4e4
}
.cube-switch
.cube-switch-ui
:after
,
.cube-switch
.cube-switch-ui
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
border-radius
:
28px
;
background-color
:
#fff
;
-webkit-transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
);
transition
:
transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
),
-webkit-transform
.4s
cubic-bezier
(
.25
,
.1
,
.25
,
1.28
)}
.cube-switch
.cube-switch-ui
:after
{
width
:
28px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
)}
.cube-switch
.cube-switch-label
{
display
:
block
;
margin-left
:
10px
}
.cube-switch
.cube-switch-label
:empty
{
margin-left
:
0
}
.cube-rate
{
list-style
:
none
;
display
:
-webkit-inline-box
;
display
:
inline-flex
;
vertical-align
:
top
;
flex-wrap
:
nowrap
;
max-width
:
100%
}
.cube-rate-justify
{
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.cube-rate-item
{
position
:
relative
;
width
:
32px
;
-webkit-box-flex
:
0
;
flex
:
0
1
auto
;
margin-right
:
6px
}
.cube-rate-item
:after
{
content
:
""
;
display
:
block
;
padding
:
50%
0
}
.cube-rate-item
:last-child
{
margin-right
:
0
}
.cube-rate-item
.cube-rate-item-def
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background-size
:
100%
;
background-repeat
:
no-repeat
;
background-position
:
50%
;
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)
}}
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)
}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-rate-item_active
.cube-rate-item-def
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)
}}
.cube-validator
.cube-checkbox
,
.cube-validator
.cube-input
input
,
.cube-validator
.cube-radio
,
.cube-validator
.cube-select
,
.cube-validator
.cube-textarea
{
color
:
inherit
}
.cube-validator-msg-def
{
font-size
:
14px
;
color
:
#e64340
}
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
.cube-form
{
position
:
relative
;
font-size
:
16px
;
line-height
:
1.429
;
color
:
#666
;
background-color
:
#fff
}
.cube-form_groups
.cube-form-group-legend
{
padding
:
10px
15px
}
.cube-form_groups
.cube-form-group-legend
:empty
{
padding-top
:
5px
;
padding-bottom
:
5px
}
.cube-form_standard
.cube-form-item
{
min-height
:
46px
}
.cube-form_standard
.cube-form-field
{
-webkit-box-flex
:
1
;
flex
:
1
;
font-size
:
14px
}
.cube-form_standard
.cube-validator
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
relative
}
.cube-form_standard
.cube-validator_invalid
{
color
:
#e64340
}
.cube-form_standard
.cube-validator-content
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-form_standard
.cube-validator-msg-def
{
font-size
:
0
}
.cube-form_standard
.cube-validator_invalid
.cube-validator-msg
:before
{
content
:
"\E614"
;
padding-left
:
5px
;
font-family
:
cube-icon
!important
;
font-size
:
20px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.cube-form_standard
.cube-form-label
{
width
:
100px
;
padding-right
:
10px
}
.cube-form_standard
.cube-checkbox-group
:after
,
.cube-form_standard
.cube-checkbox-group
:before
,
.cube-form_standard
.cube-radio-group
:after
,
.cube-form_standard
.cube-radio-group
:before
{
display
:
none
}
.cube-form_standard
.cube-input
input
{
padding
:
13px
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-input
:after
{
display
:
none
}
.cube-form_standard
.cube-textarea-wrapper
{
padding
:
13px
0
;
height
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
{
height
:
60px
;
padding-bottom
:
20px
}
.cube-form_standard
.cube-textarea-wrapper.cube-textarea_expanded
.cube-textarea-indicator
{
bottom
:
2px
}
.cube-form_standard
.cube-textarea-wrapper
.cube-textarea
{
padding
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-textarea-wrapper
:after
{
display
:
none
}
.cube-form_standard
.cube-select
{
padding-left
:
0
;
background-color
:
transparent
}
.cube-form_standard
.cube-select
:after
{
display
:
none
}
.cube-form_standard
.cube-upload-def
{
padding
:
5px
0
}
.cube-form_standard
.cube-upload-def
.cube-upload-btn
,
.cube-form_standard
.cube-upload-def
.cube-upload-file
{
margin
:
5px
10px
5px
0
}
.cube-form_classic
.cube-form-item
{
display
:
block
;
padding
:
15px
}
.cube-form_classic
.cube-form-item
:last-child
{
padding-bottom
:
30px
}
.cube-form_classic
.cube-form-item
:after
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
margin-top
:
3px
}
.cube-form_classic
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_classic
.cube-form-item
.cube-validator-msg-def
{
font-size
:
12px
}
.cube-form_classic
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_classic
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_classic
.cube-form-label
{
padding-bottom
:
15px
}
.cube-form_fresh
.cube-form-item
{
display
:
block
;
padding
:
2em
15px
10px
}
.cube-form_fresh
.cube-form-item
:after
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
{
position
:
absolute
;
top
:
1em
;
right
:
15px
;
bottom
:
auto
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg
:before
{
display
:
none
}
.cube-form_fresh
.cube-form-item
.cube-validator-msg-def
{
font-size
:
100%
}
.cube-form_fresh
.cube-form-item_btn
{
padding-top
:
0
;
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-item_btn
:last-child
{
padding-bottom
:
0
}
.cube-form_fresh
.cube-form-label
{
position
:
absolute
;
top
:
1em
;
margin-top
:
-.4em
;
font-size
:
12px
}
.cube-form-group
{
overflow
:
hidden
}
.cube-form-group-legend
{
font-size
:
14px
;
color
:
#999
;
background-color
:
#f3f4f5
}
.cube-form-item
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
0
15px
}
.cube-form-item
:last-child:after
{
display
:
none
}
.cube-form-item
.cube-checkbox-group
,
.cube-form-item
.cube-radio-group
{
background-color
:
transparent
}
.cube-form-item
.cube-checkbox
,
.cube-form-item
.cube-radio
{
padding-left
:
0
;
padding-right
:
0
}
.cube-form-item_btn
{
margin
:
15px
0
}
.cube-form-item_btn
:after
{
display
:
none
}
.cube-form-label
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
word-wrap
:
break-word
;
word-break
:
break-word
}
.cube-form-item_required
.cube-form-label
:before
{
content
:
"*"
;
display
:
block
;
margin-top
:
1px
;
margin-right
:
.3em
;
color
:
#e64340
}
.cube-toast.cube-popup
{
z-index
:
900
}
.cube-toast
.cube-popup-content
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
13px
16px
;
color
:
#ccc
;
background-color
:
rgba
(
37
,
38
,
45
,
.9
);
border-radius
:
2px
}
.cube-toast-icon
{
width
:
24px
;
height
:
24px
;
font-size
:
24px
}
.cube-toast-tip
{
line-height
:
20px
;
font-size
:
14px
;
max-width
:
12em
;
max-height
:
40px
;
overflow
:
hidden
;
margin-left
:
8px
}
.cube-toast-fade-enter-active
{
-webkit-animation
:
toast-in
.2s
;
animation
:
toast-in
.2s
}
.cube-toast-fade-leave-active
{
-webkit-animation
:
toast-out
.2s
;
animation
:
toast-out
.2s
}
@-webkit-keyframes
toast-in
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
toast-in
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@-webkit-keyframes
toast-out
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
@keyframes
toast-out
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
.cube-dialog-main
{
width
:
270px
;
padding
:
0
;
text-align
:
center
;
overflow
:
hidden
;
border-radius
:
2px
;
background-color
:
#fff
}
.cube-dialog-alert
,
.cube-dialog-confirm
{
position
:
relative
;
overflow
:
hidden
}
.cube-dialog-icon
{
margin-top
:
20px
;
margin-bottom
:
16px
;
line-height
:
1
;
color
:
#4a4c5b
;
font-size
:
30px
}
.cube-dialog-icon
i
{
display
:
inline-block
;
width
:
30px
;
height
:
30px
;
padding
:
10px
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
border-radius
:
50%
;
background-color
:
#f3f4f5
}
.cube-dialog-icon
+
.cube-dialog-title
.cube-dialog-title-def
{
margin-top
:
0
}
.cube-dialog-icon
+
.cube-dialog-content
{
margin-top
:
-4px
}
.cube-dialog-title
{
color
:
#333
;
font-size
:
16px
;
line-height
:
1
}
.cube-dialog-title
+
.cube-dialog-content
{
margin-top
:
12px
}
.cube-dialog-title-def
{
margin
:
30px
16px
0
;
overflow
:
hidden
;
white-space
:
nowrap
}
.cube-dialog-content
{
margin
:
16px
0
;
text-align
:
left
;
color
:
#666
;
font-size
:
14px
;
line-height
:
22px
}
.cube-dialog-content-def
{
padding
:
0
16px
}
.cube-dialog-content-def
>
p
{
display
:
table
;
margin
:
auto
}
.cube-dialog-confirm
.cube-dialog-btns
.cube-dialog-btn
{
width
:
50%
;
float
:
left
}
.cube-dialog-confirm
.cube-dialog-btns.border-right-1px
:after
{
right
:
50%
;
border-color
:
#ebebeb
}
.cube-dialog-close
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
z-index
:
1
;
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
32px
;
height
:
32px
;
color
:
#999
;
font-size
:
18px
}
.cube-dialog-btns
{
overflow
:
hidden
;
width
:
100%
;
font-size
:
0
}
.cube-dialog-btn
{
display
:
inline-block
;
width
:
100%
;
padding
:
17px
10px
;
margin
:
0
;
font-size
:
16px
;
line-height
:
1
;
text-align
:
center
;
text-decoration
:
none
;
color
:
#999
;
background-color
:
#fff
;
background-clip
:
padding-box
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-dialog-btn
:active
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-dialog-btn_highlight
{
color
:
#fc9153
}
.cube-dialog-btn_highlight
:active
{
background-color
:
rgba
(
252
,
145
,
83
,
.04
)}
.cube-dialog-btn_disabled
{
color
:
#999
}
.cube-dialog-btn_disabled
:active
{
background-color
:
transparent
}
.cube-dialog-fade-enter-active
{
-webkit-animation
:
dialog-fadein
.4s
;
animation
:
dialog-fadein
.4s
}
.cube-dialog-fade-enter-active
.cube-dialog-main
{
-webkit-animation
:
dialog-zoom
.4s
;
animation
:
dialog-zoom
.4s
}
@-webkit-keyframes
dialog-fadein
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
dialog-fadein
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@-webkit-keyframes
dialog-zoom
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
dialog-zoom
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
.cube-action-sheet-fade-enter
,
.cube-action-sheet-fade-leave-active
{
opacity
:
0
}
.cube-action-sheet-fade-enter-active
,
.cube-action-sheet-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-action-sheet-panel
{
text-align
:
center
;
font-size
:
14px
;
background-color
:
#fff
}
.cube-action-sheet-move-enter
,
.cube-action-sheet-move-leave-active
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
.cube-action-sheet-move-enter-active
,
.cube-action-sheet-move-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-action-sheet-cancel
{
background-color
:
#fff
}
.cube-action-sheet-cancel
span
,
.cube-action-sheet-item
,
.cube-action-sheet-title
{
display
:
block
;
padding
:
17px
16px
;
margin
:
0
;
text-align
:
center
;
overflow
:
hidden
;
white-space
:
nowrap
;
font-size
:
16px
;
font-weight
:
400
;
line-height
:
1
;
color
:
#666
;
background-color
:
#fff
}
.cube-action-sheet-cancel
span
:active
,
.cube-action-sheet-item
:active
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-action-sheet-title
{
padding-top
:
16px
;
padding-bottom
:
16px
;
color
:
#333
;
font-size
:
18px
}
.cube-action-sheet-content
{
overflow
:
hidden
;
background
:
#fff
}
.cube-action-sheet-list
{
list-style
:
none
}
.cube-action-sheet-item
{
list-style
:
none
;
-webkit-user-select
:
none
;
user-select
:
none
}
.cube-action-sheet-item
:last-of-type:after
,
.cube-action-sheet-item
:last-of-type:before
{
display
:
none
}
.cube-action-sheet-item
[
data-align
=
left
]
{
text-align
:
left
}
.cube-action-sheet-item
[
data-align
=
right
]
{
text-align
:
right
}
.cube-action-sheet-space
{
height
:
6px
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
)}
.cube-action-sheet-item_active
{
color
:
#fc9153
}
.cube-action-sheet_picker
.cube-action-sheet-space
{
height
:
0
}
.cube-action-sheet_picker
.cube-action-sheet-title
{
height
:
1em
;
padding-top
:
21px
;
padding-bottom
:
21px
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
{
position
:
absolute
;
top
:
0
;
background-color
:
transparent
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
span
{
padding-top
:
23px
;
padding-bottom
:
23px
;
color
:
#999
;
font-size
:
14px
;
background-color
:
transparent
}
.cube-action-sheet_picker
.cube-action-sheet-cancel
span
:active
{
color
:
#ccc
;
background-color
:
transparent
}
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
;
-webkit-box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
overflow
:
hidden
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.cube-drawer-scroll-wrapper
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-image-preview-fade-enter
,
.cube-image-preview-fade-leave-active
{
opacity
:
0
}
.cube-image-preview-fade-enter-active
,
.cube-image-preview-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-image-preview
.cube-popup-mask
{
opacity
:
.6
}
.cube-image-preview
.cube-popup-content
{
width
:
100%
;
height
:
100%
}
.cube-image-preview
.cube-slide-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
}
.cube-image-preview-container
{
height
:
100%
;
margin
:
0
-10px
}
.cube-image-preview-footer
,
.cube-image-preview-header
{
position
:
absolute
;
left
:
0
;
right
:
0
}
.cube-image-preview-header
{
top
:
0
}
.cube-image-preview-footer
{
bottom
:
0
}
.cube-image-preview-counter
{
position
:
absolute
;
bottom
:
50px
;
width
:
100%
;
text-align
:
center
;
font-size
:
14px
;
color
:
#fff
}
.cube-image-preview-item
{
position
:
relative
;
padding
:
0
10px
;
height
:
100%
}
.cube-image-preview-item
.cube-scroll-wrapper
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-image-preview-item
.cube-image-preview-img
{
display
:
block
;
height
:
auto
;
max-width
:
100%
;
max-height
:
100%
}
.cube-slide
{
position
:
relative
;
min-height
:
1px
;
height
:
100%
}
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
;
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
height
:
100%
;
text-align
:
center
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
img
{
display
:
block
;
height
:
100%
}
.cube-index-list
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-index-list
.cube-scroll-wrapper
{
position
:
absolute
;
left
:
0
;
top
:
0
;
right
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-index-list-content
{
background
:
#fff
;
border-radius
:
2px
}
.cube-index-list-title
{
padding
:
14px
16px
;
font-size
:
14px
;
line-height
:
1.6
;
color
:
#333
}
.cube-index-list-anchor
{
padding
:
16px
16px
10px
;
line-height
:
1
;
font-size
:
14px
;
color
:
#999
;
background
:
#f7f7f7
}
.cube-index-list-fixed
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
}
.cube-index-list-nav
{
position
:
absolute
;
z-index
:
30
;
right
:
0
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
font-family
:
Helvetica
}
.cube-index-list-nav
>
ul
{
padding
:
0
;
margin
:
0
}
.cube-index-list-nav
>
ul
>
li
{
padding
:
6px
16px
0
;
line-height
:
1
;
text-align
:
center
;
font-size
:
12px
;
color
:
#666
}
.cube-index-list-nav
>
ul
>
li
.active
{
color
:
#fc9153
}
@media
(
max-height
:
480px
){
.cube-index-list-nav
>
ul
>
li
{
padding-top
:
3px
}}
.cube-index-list-item-def
{
position
:
relative
;
height
:
50px
;
line-height
:
50px
;
padding
:
0
16px
;
font-size
:
14px
;
color
:
#333
}
.cube-index-list-item-def
:last-child:after
,
.cube-index-list-item-def
:last-child:before
{
display
:
none
}
.cube-index-list-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-swipe
{
overflow
:
hidden
}
.cube-swipe-enter-active
,
.cube-swipe-enter-active
.cube-swipe-item-inner
,
.cube-swipe-leave-active
,
.cube-swipe-leave-active
.cube-swipe-item-inner
{
-webkit-transition
:
all
.3s
;
transition
:
all
.3s
}
.cube-swipe-enter
.cube-swipe-item-inner
,
.cube-swipe-leave-to
.cube-swipe-item-inner
{
height
:
0
}
.cube-swipe-item
{
position
:
relative
}
.cube-swipe-item-inner
{
height
:
60px
;
line-height
:
60px
;
font-size
:
16px
;
padding-left
:
20px
}
.cube-swipe-btn
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
position
:
absolute
;
top
:
0
;
left
:
100%
;
height
:
100%
;
text-align
:
left
;
font-size
:
16px
}
.cube-swipe-btn
.text
{
-webkit-box-flex
:
1
;
flex
:
1
;
padding
:
0
20px
;
white-space
:
nowrap
;
color
:
#fff
}
.cube-sticky
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-sticky-fixed
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
}
.cube-sticky-fixed-fade-enter
,
.cube-sticky-fixed-fade-leave-active
{
opacity
:
0
}
.cube-sticky-fixed-fade-enter-active
,
.cube-sticky-fixed-fade-leave-active
{
-webkit-transition
:
all
.2s
ease-in-out
;
transition
:
all
.2s
ease-in-out
}
.cube-sticky-ele
{
position
:
relative
}
.cube-scroll-nav
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-nav
.cube-sticky-content
{
height
:
100%
}
.cube-scroll-nav-main
{
overflow
:
hidden
}
.cube-scroll-nav-main
>
.cube-sticky
{
position
:
static
}
.cube-scroll-nav_side
>
.cube-sticky
{
display
:
-webkit-box
;
display
:
flex
}
.cube-scroll-nav_side
>
.cube-sticky
>
.cube-scroll-wrapper
{
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-scroll-nav_side
>
.cube-sticky
>
.cube-sticky-fixed
{
position
:
relative
;
height
:
100%
;
-webkit-box-ordinal-group
:
0
;
order
:
-1
}
.cube-scroll-nav_side
.cube-scroll-nav-main
>
.cube-sticky-ele
{
float
:
left
}
.cube-scroll-nav_side
.cube-scroll-nav-main
>
.cube-sticky
{
overflow
:
hidden
}
.cube-scroll-nav-bar
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
color
:
#666
;
background-color
:
#fff
}
.cube-scroll-nav-bar_horizontal
{
-webkit-box-align
:
center
;
align-items
:
center
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-wrapper
{
-webkit-box-flex
:
1
;
flex
:
1
;
text-align
:
center
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-content
{
display
:
inline-block
}
.cube-scroll-nav-bar_horizontal
.cube-scroll-nav-bar-items
{
white-space
:
nowrap
}
.cube-scroll-nav-bar_vertical
{
height
:
100%
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
text-align
:
center
}
.cube-scroll-nav-bar_vertical
.cube-scroll-nav-bar-item
{
display
:
block
}
.cube-scroll-nav-bar-items
{
font-size
:
14px
}
.cube-scroll-nav-bar-item
{
display
:
inline-block
;
padding
:
20px
15px
}
.cube-scroll-nav-bar-item_active
{
color
:
#fc9153
}
\ No newline at end of file
lib/textarea/style.css
浏览文件 @
a059568c
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
\ No newline at end of file
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
\ No newline at end of file
lib/textarea/textarea.min.css
浏览文件 @
a059568c
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
\ No newline at end of file
.cube-textarea-wrapper
{
-webkit-transition
:
height
.2s
;
transition
:
height
.2s
;
height
:
40px
;
font-size
:
14px
;
line-height
:
1.429
;
position
:
relative
}
.cube-textarea-wrapper
textarea
::-webkit-input-placeholder
{
color
:
#ccc
!important
;
text-overflow
:
ellipsis
}
.cube-textarea-wrapper
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ebebeb
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea-wrapper
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea-wrapper
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea_expanded
{
height
:
80px
}
.cube-textarea_active
{
position
:
relative
}
.cube-textarea_active
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-textarea_active
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-textarea_active
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-textarea-indicator
{
position
:
absolute
;
bottom
:
7px
;
right
:
10px
;
color
:
#ccc
}
.cube-textarea
{
width
:
100%
;
height
:
100%
;
text-align
:
left
;
padding
:
10px
;
box-sizing
:
border-box
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
#666
;
background-color
:
#fff
;
border-radius
:
2px
;
resize
:
none
;
border
:
none
;
outline
:
none
}
\ No newline at end of file
lib/tip/style.css
浏览文件 @
a059568c
.cube-tip
{
display
:
-webkit-box
;
display
:
flex
;
z-index
:
10
;
position
:
absolute
;
padding
:
10px
38px
10px
16px
;
max-height
:
60px
;
font-size
:
12px
;
color
:
#fff
;
background
:
rgba
(
74
,
76
,
91
,
.8
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.2s
;
transition
:
opacity
.2s
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
)}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
top
:
0
}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
:before
{
margin-top
:
-6px
;
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
{
bottom
:
0
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
:before
{
margin-bottom
:
-6px
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
{
left
:
0
}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
:before
{
margin-left
:
-9px
;
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
)}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
right
:
0
}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
:before
{
margin-right
:
-9px
;
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
)}
.cube-tip-angle
{
position
:
absolute
}
.cube-tip-angle
:before
{
content
:
""
;
display
:
block
;
border-width
:
0
6px
6px
;
border-style
:
solid
;
border-color
:
transparent
transparent
rgba
(
74
,
76
,
91
,
.8
)}
.cube-tip-close
{
position
:
absolute
;
right
:
14px
;
top
:
12px
;
width
:
12px
;
height
:
12px
;
padding
:
0
;
color
:
inherit
;
outline
:
none
;
border
:
none
;
background
:
none
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-tip-content
{
min-height
:
18px
;
line-height
:
18px
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
overflow
:
hidden
}
.cube-tip-zoom-enter-active
{
-webkit-animation
:
tip-in
.4s
;
animation
:
tip-in
.4s
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-tip-zoom-leave-active
{
-webkit-animation
:
tip-out
.2s
;
animation
:
tip-out
.2s
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
@-webkit-keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@-webkit-keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
@keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
\ No newline at end of file
.cube-tip
{
display
:
-webkit-box
;
display
:
flex
;
z-index
:
10
;
position
:
absolute
;
padding
:
10px
38px
10px
16px
;
max-height
:
60px
;
font-size
:
12px
;
color
:
#fff
;
background
:
rgba
(
74
,
76
,
91
,
.8
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.2s
;
transition
:
opacity
.2s
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
)}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
top
:
0
}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
:before
{
margin-top
:
-6px
;
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
{
bottom
:
0
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
:before
{
margin-bottom
:
-6px
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
{
left
:
0
}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
:before
{
margin-left
:
-9px
;
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
)}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
right
:
0
}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
:before
{
margin-right
:
-9px
;
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
)}
.cube-tip-angle
{
position
:
absolute
}
.cube-tip-angle
:before
{
content
:
""
;
display
:
block
;
border-width
:
0
6px
6px
;
border-style
:
solid
;
border-color
:
transparent
transparent
rgba
(
74
,
76
,
91
,
.8
)}
.cube-tip-close
{
position
:
absolute
;
right
:
14px
;
top
:
12px
;
width
:
12px
;
height
:
12px
;
padding
:
0
;
color
:
inherit
;
outline
:
none
;
border
:
none
;
background
:
none
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-tip-content
{
min-height
:
18px
;
line-height
:
18px
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
overflow
:
hidden
}
.cube-tip-zoom-enter-active
{
-webkit-animation
:
tip-in
.4s
;
animation
:
tip-in
.4s
}
.cube-tip-zoom-leave-active
{
-webkit-animation
:
tip-out
.2s
;
animation
:
tip-out
.2s
}
@-webkit-keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@-webkit-keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
@keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
\ No newline at end of file
lib/tip/tip.min.css
浏览文件 @
a059568c
.cube-tip
{
display
:
-webkit-box
;
display
:
flex
;
z-index
:
10
;
position
:
absolute
;
padding
:
10px
38px
10px
16px
;
max-height
:
60px
;
font-size
:
12px
;
color
:
#fff
;
background
:
rgba
(
74
,
76
,
91
,
.8
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.2s
;
transition
:
opacity
.2s
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
)}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
top
:
0
}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
:before
{
margin-top
:
-6px
;
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
{
bottom
:
0
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
:before
{
margin-bottom
:
-6px
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
{
left
:
0
}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
:before
{
margin-left
:
-9px
;
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
)}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
right
:
0
}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
:before
{
margin-right
:
-9px
;
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
)}
.cube-tip-angle
{
position
:
absolute
}
.cube-tip-angle
:before
{
content
:
""
;
display
:
block
;
border-width
:
0
6px
6px
;
border-style
:
solid
;
border-color
:
transparent
transparent
rgba
(
74
,
76
,
91
,
.8
)}
.cube-tip-close
{
position
:
absolute
;
right
:
14px
;
top
:
12px
;
width
:
12px
;
height
:
12px
;
padding
:
0
;
color
:
inherit
;
outline
:
none
;
border
:
none
;
background
:
none
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-tip-content
{
min-height
:
18px
;
line-height
:
18px
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
overflow
:
hidden
}
.cube-tip-zoom-enter-active
{
-webkit-animation
:
tip-in
.4s
;
animation
:
tip-in
.4s
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.cube-tip-zoom-leave-active
{
-webkit-animation
:
tip-out
.2s
;
animation
:
tip-out
.2s
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
@-webkit-keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@-webkit-keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
@keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
\ No newline at end of file
.cube-tip
{
display
:
-webkit-box
;
display
:
flex
;
z-index
:
10
;
position
:
absolute
;
padding
:
10px
38px
10px
16px
;
max-height
:
60px
;
font-size
:
12px
;
color
:
#fff
;
background
:
rgba
(
74
,
76
,
91
,
.8
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.2s
;
transition
:
opacity
.2s
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
)}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
{
top
:
0
}
.cube-tip
[
data-dir
=
top
]
.cube-tip-angle
:before
{
margin-top
:
-6px
;
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
{
bottom
:
0
}
.cube-tip
[
data-dir
=
bottom
]
.cube-tip-angle
:before
{
margin-bottom
:
-6px
;
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
,
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
{
left
:
0
}
.cube-tip
[
data-dir
=
left
]
.cube-tip-angle
:before
{
margin-left
:
-9px
;
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
)}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
{
right
:
0
}
.cube-tip
[
data-dir
=
right
]
.cube-tip-angle
:before
{
margin-right
:
-9px
;
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
)}
.cube-tip-angle
{
position
:
absolute
}
.cube-tip-angle
:before
{
content
:
""
;
display
:
block
;
border-width
:
0
6px
6px
;
border-style
:
solid
;
border-color
:
transparent
transparent
rgba
(
74
,
76
,
91
,
.8
)}
.cube-tip-close
{
position
:
absolute
;
right
:
14px
;
top
:
12px
;
width
:
12px
;
height
:
12px
;
padding
:
0
;
color
:
inherit
;
outline
:
none
;
border
:
none
;
background
:
none
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-tip-content
{
min-height
:
18px
;
line-height
:
18px
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
overflow
:
hidden
}
.cube-tip-zoom-enter-active
{
-webkit-animation
:
tip-in
.4s
;
animation
:
tip-in
.4s
}
.cube-tip-zoom-leave-active
{
-webkit-animation
:
tip-out
.2s
;
animation
:
tip-out
.2s
}
@-webkit-keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
tip-in
{
0
%
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
50
%
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
to
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@-webkit-keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
@keyframes
tip-out
{
0
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
1
}
to
{
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
opacity
:
0
}}
\ No newline at end of file
lib/toolbar/style.css
浏览文件 @
a059568c
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-toolbar
{
position
:
fixed
;
left
:
10px
;
right
:
10px
;
bottom
:
10px
;
z-index
:
2
;
padding-bottom
:
constant
(
safe-area-inset-bottom
);
padding-bottom
:
env
(
safe-area-inset-bottom
)}
.cube-toolbar-group
{
display
:
-webkit-box
;
display
:
flex
;
height
:
44px
;
overflow
:
hidden
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
border-radius
:
2px
;
-webkit-box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
{
margin-bottom
:
10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
{
position
:
absolute
;
top
:
44px
;
right
:
9%
;
height
:
10px
;
color
:
#fcfcfc
;
font-size
:
24px
;
font-family
:
cube-icon
;
font-style
:
normal
;
text-shadow
:
0
1px
3px
#e8e8e8
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:before
{
content
:
"\E603"
;
position
:
relative
;
top
:
-10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:after
{
content
:
""
;
display
:
block
;
position
:
absolute
;
left
:
30%
;
top
:
50%
;
margin-top
:
-6px
;
width
:
40%
;
height
:
2px
;
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
{
color
:
#e8e8e8
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
:after
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
-webkit-box-align
:
center
;
align-items
:
center
;
background-color
:
#fcfcfc
}
.cube-toolbar-item
:last-child
{
position
:
static
}
.cube-toolbar-item
:last-child:after
{
display
:
none
}
.cube-toolbar-item
:active
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
:active:after
{
border-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
{
height
:
44px
;
padding
:
0
;
font-size
:
12px
;
background-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
{
padding
:
0
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
.cube-checkbox-ui
{
position
:
relative
;
left
:
auto
;
margin-right
:
.42em
}
.cube-toolbar-item
.cube-btn
{
position
:
relative
;
padding
:
0
5px
;
background-color
:
transparent
;
border
:
0
none
;
color
:
#666
;
font-size
:
12px
}
.cube-toolbar-item
.cube-btn
:active
{
background-color
:
transparent
}
.cube-toolbar-item
.cube-btn
:active:after
{
display
:
none
}
.cube-toolbar-item
.cube-btn
i
{
margin-right
:
0
}
.cube-toolbar-item
.cube-btn
i
.cubeic-more
{
color
:
#999
;
font-size
:
16px
}
\ No newline at end of file
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-toolbar
{
position
:
fixed
;
left
:
10px
;
right
:
10px
;
bottom
:
10px
;
z-index
:
2
;
padding-bottom
:
constant
(
safe-area-inset-bottom
);
padding-bottom
:
env
(
safe-area-inset-bottom
)}
.cube-toolbar-group
{
display
:
-webkit-box
;
display
:
flex
;
height
:
44px
;
overflow
:
hidden
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
border-radius
:
2px
;
-webkit-box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
{
margin-bottom
:
10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
{
position
:
absolute
;
top
:
44px
;
right
:
9%
;
height
:
10px
;
color
:
#fcfcfc
;
font-size
:
24px
;
font-family
:
cube-icon
;
font-style
:
normal
;
text-shadow
:
0
1px
3px
#e8e8e8
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:before
{
content
:
"\E603"
;
position
:
relative
;
top
:
-10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:after
{
content
:
""
;
display
:
block
;
position
:
absolute
;
left
:
30%
;
top
:
50%
;
margin-top
:
-6px
;
width
:
40%
;
height
:
2px
;
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
{
color
:
#e8e8e8
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
:after
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
-webkit-box-align
:
center
;
align-items
:
center
;
background-color
:
#fcfcfc
}
.cube-toolbar-item
:last-child
{
position
:
static
}
.cube-toolbar-item
:last-child:after
{
display
:
none
}
.cube-toolbar-item
:active
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
:active:after
{
border-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
{
height
:
44px
;
padding
:
0
;
font-size
:
12px
;
background-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
{
padding
:
0
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
.cube-checkbox-ui
{
position
:
relative
;
left
:
auto
;
margin-right
:
.42em
}
.cube-toolbar-item
.cube-btn
{
position
:
relative
;
padding
:
0
5px
;
background-color
:
transparent
;
border
:
0
none
;
color
:
#666
;
font-size
:
12px
}
.cube-toolbar-item
.cube-btn
:active
{
background-color
:
transparent
}
.cube-toolbar-item
.cube-btn
:active:after
{
display
:
none
}
.cube-toolbar-item
.cube-btn
i
{
margin-right
:
0
}
.cube-toolbar-item
.cube-btn
i
.cubeic-more
{
color
:
#999
;
font-size
:
16px
}
\ No newline at end of file
lib/toolbar/toolbar.min.css
浏览文件 @
a059568c
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-toolbar
{
position
:
fixed
;
left
:
10px
;
right
:
10px
;
bottom
:
10px
;
z-index
:
2
;
padding-bottom
:
constant
(
safe-area-inset-bottom
);
padding-bottom
:
env
(
safe-area-inset-bottom
)}
.cube-toolbar-group
{
display
:
-webkit-box
;
display
:
flex
;
height
:
44px
;
overflow
:
hidden
;
box-sizing
:
border-box
;
border-radius
:
2px
;
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
{
margin-bottom
:
10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
{
position
:
absolute
;
top
:
44px
;
right
:
9%
;
height
:
10px
;
color
:
#fcfcfc
;
font-size
:
24px
;
font-family
:
cube-icon
;
font-style
:
normal
;
text-shadow
:
0
1px
3px
#e8e8e8
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:before
{
content
:
"\E603"
;
position
:
relative
;
top
:
-10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:after
{
content
:
""
;
display
:
block
;
position
:
absolute
;
left
:
30%
;
top
:
50%
;
margin-top
:
-6px
;
width
:
40%
;
height
:
2px
;
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
{
color
:
#e8e8e8
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
:after
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
-webkit-box-align
:
center
;
align-items
:
center
;
background-color
:
#fcfcfc
}
.cube-toolbar-item
:last-child
{
position
:
static
}
.cube-toolbar-item
:last-child:after
{
display
:
none
}
.cube-toolbar-item
:active
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
:active:after
{
border-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
{
height
:
44px
;
padding
:
0
;
font-size
:
12px
;
background-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
{
padding
:
0
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
.cube-checkbox-ui
{
position
:
relative
;
left
:
auto
;
margin-right
:
.42em
}
.cube-toolbar-item
.cube-btn
{
position
:
relative
;
padding
:
0
5px
;
background-color
:
transparent
;
border
:
0
none
;
color
:
#666
;
font-size
:
12px
}
.cube-toolbar-item
.cube-btn
:active
{
background-color
:
transparent
}
.cube-toolbar-item
.cube-btn
:active:after
{
display
:
none
}
.cube-toolbar-item
.cube-btn
i
{
margin-right
:
0
}
.cube-toolbar-item
.cube-btn
i
.cubeic-more
{
color
:
#999
;
font-size
:
16px
}
\ No newline at end of file
.cube-btn
{
display
:
block
;
margin
:
0
;
padding
:
17px
16px
;
width
:
100%
;
text-align
:
center
;
white-space
:
nowrap
;
cursor
:
pointer
;
font-size
:
16px
;
line-height
:
1
;
color
:
#fff
;
background
:
#4a4c5b
;
outline
:
none
;
border
:
none
;
border-radius
:
2px
;
box-sizing
:
border-box
;
-webkit-tap-highlight-color
:
transparent
}
.cube-btn
>
i
{
display
:
inline-block
;
margin-right
:
4px
;
font-size
:
100%
;
-webkit-transform
:
scale
(
1.13
);
transform
:
scale
(
1.13
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}
.cube-btn.cube-btn_active
,
.cube-btn
:active
{
background
:
#444654
;
position
:
relative
}
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#444654
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_active
:after
,
.cube-btn
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn.cube-btn_disabled
,
.cube-btn.cube-btn_disabled.cube-btn_active
,
.cube-btn.cube-btn_disabled
:active
{
color
:
#fff
;
background
:
#ccc
;
position
:
relative
}
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn.cube-btn_disabled.cube-btn_active
:after
,
.cube-btn.cube-btn_disabled
:active:after
,
.cube-btn.cube-btn_disabled
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-inline
{
width
:
auto
;
display
:
inline-block
;
vertical-align
:
middle
;
padding
:
9px
10px
;
font-size
:
12px
}
.cube-btn-inline
>
i
{
margin-right
:
2px
;
-webkit-transform
:
scale
(
1.14
);
transform
:
scale
(
1.14
)}
.cube-btn-primary
{
color
:
#fff
;
background
:
#fc9153
;
position
:
relative
}
.cube-btn-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-primary.cube-btn_active
,
.cube-btn-primary
:active
{
background
:
#e8864c
;
position
:
relative
}
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-primary.cube-btn_active
:after
,
.cube-btn-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-light
{
color
:
#666
;
background
:
#fcfcfc
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
)}
.cube-btn-light.cube-btn_active
,
.cube-btn-light
:active
{
background
:
#e8e8e8
;
position
:
relative
}
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8e8e8
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-light.cube-btn_active
:after
,
.cube-btn-light
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline
{
color
:
#666
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline.cube-btn_active
,
.cube-btn-outline
:active
{
background
:
rgba
(
0
,
0
,
0
,
.08
);
position
:
relative
}
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#666
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline.cube-btn_active
:after
,
.cube-btn-outline
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary
{
color
:
#fc9153
;
background
:
transparent
;
position
:
relative
}
.cube-btn-outline-primary
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#fc9153
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-btn-outline-primary.cube-btn_active
,
.cube-btn-outline-primary
:active
{
background
:
rgba
(
252
,
145
,
83
,
.08
);
position
:
relative
}
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e8864c
;
border-radius
:
2px
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-btn-outline-primary.cube-btn_active
:after
,
.cube-btn-outline-primary
:active:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-checkbox
{
position
:
relative
;
padding
:
0
16px
;
text-align
:
left
;
font-size
:
100%
;
color
:
#666
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-ui
{
margin-right
:
0
;
position
:
absolute
;
right
:
0
}
.cube-checkbox
[
data-pos
=
right
]
.cube-checkbox-label
{
margin-right
:
1.42em
}
.cube-checkbox-wrap
{
position
:
relative
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
box-sizing
:
border-box
;
width
:
100%
;
height
:
100%
;
padding
:
11px
0
;
line-height
:
1.5
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.cube-checkbox-input
{
z-index
:
1
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
opacity
:
0
}
.cube-checkbox-ui
{
position
:
relative
;
width
:
1em
;
height
:
1em
;
margin-right
:
.42em
;
line-height
:
1
;
border-radius
:
50%
}
.cube-checkbox-ui.cubeic-square-border
{
border-radius
:
2px
}
.cube-checkbox-ui
:before
,
.cube-checkbox-ui
i
{
-webkit-transition
:
all
.2s
;
transition
:
all
.2s
}
.cube-checkbox-ui
:before
{
color
:
#ccc
;
display
:
inline-block
;
-webkit-transform
:
scale
(
1.24
);
transform
:
scale
(
1.24
)}
.cube-checkbox-ui
i
{
position
:
absolute
;
top
:
0
;
left
:
0
;
color
:
transparent
;
-webkit-transform
:
scale
(
.4
);
transform
:
scale
(
.4
)}
.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#fc9153
;
-webkit-transform
:
scale
(
1.23
);
transform
:
scale
(
1.23
)}
.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#eee
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
,
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transition
:
none
;
transition
:
none
}
.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
transparent
}
.cube-checkbox_disabled
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-checkbox_checked.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
#fff
}
.cube-checkbox-hollow
i
{
width
:
100%
;
height
:
100%
}
.cube-checkbox-hollow
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
50%
;
height
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
currentColor
;
border-radius
:
2px
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
:before
{
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_checked
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
#fc9153
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
{
background-color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
:before
{
color
:
#eee
}
.cube-checkbox-hollow.cube-checkbox_disabled
.cube-checkbox-ui
i
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
color
:
transparent
}
.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked
.cube-checkbox-ui
i
{
color
:
#eee
}
.cube-toolbar
{
position
:
fixed
;
left
:
10px
;
right
:
10px
;
bottom
:
10px
;
z-index
:
2
;
padding-bottom
:
constant
(
safe-area-inset-bottom
);
padding-bottom
:
env
(
safe-area-inset-bottom
)}
.cube-toolbar-group
{
display
:
-webkit-box
;
display
:
flex
;
height
:
44px
;
overflow
:
hidden
;
box-sizing
:
border-box
;
border-radius
:
2px
;
box-shadow
:
0
1px
6px
rgba
(
0
,
0
,
0
,
.24
);
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
{
margin-bottom
:
10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
{
position
:
absolute
;
top
:
44px
;
right
:
9%
;
height
:
10px
;
color
:
#fcfcfc
;
font-size
:
24px
;
font-family
:
cube-icon
;
font-style
:
normal
;
text-shadow
:
0
1px
3px
#e8e8e8
;
-webkit-transform
:
scale
(
1.3
);
transform
:
scale
(
1.3
)}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:before
{
content
:
"\E603"
;
position
:
relative
;
top
:
-10px
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child
.cube-toolbar-down
:after
{
content
:
""
;
display
:
block
;
position
:
absolute
;
left
:
30%
;
top
:
50%
;
margin-top
:
-6px
;
width
:
40%
;
height
:
2px
;
background-color
:
#fcfcfc
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
{
color
:
#e8e8e8
}
.cube-toolbar-group-more
.cube-toolbar-item
:last-child:active
.cube-toolbar-down
:after
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-basis
:
1
e-9px
;
width
:
1%
;
-webkit-box-align
:
center
;
align-items
:
center
;
background-color
:
#fcfcfc
}
.cube-toolbar-item
:last-child
{
position
:
static
}
.cube-toolbar-item
:last-child:after
{
display
:
none
}
.cube-toolbar-item
:active
{
background-color
:
#e8e8e8
}
.cube-toolbar-item
:active:after
{
border-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
{
height
:
44px
;
padding
:
0
;
font-size
:
12px
;
background-color
:
transparent
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
{
padding
:
0
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.cube-toolbar-item
.cube-toolbar-chb
.cube-checkbox-wrap
.cube-checkbox-ui
{
position
:
relative
;
left
:
auto
;
margin-right
:
.42em
}
.cube-toolbar-item
.cube-btn
{
position
:
relative
;
padding
:
0
5px
;
background-color
:
transparent
;
border
:
0
none
;
color
:
#666
;
font-size
:
12px
}
.cube-toolbar-item
.cube-btn
:active
{
background-color
:
transparent
}
.cube-toolbar-item
.cube-btn
:active:after
{
display
:
none
}
.cube-toolbar-item
.cube-btn
i
{
margin-right
:
0
}
.cube-toolbar-item
.cube-btn
i
.cubeic-more
{
color
:
#999
;
font-size
:
16px
}
\ No newline at end of file
lib/upload/style.css
浏览文件 @
a059568c
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
\ No newline at end of file
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
\ No newline at end of file
lib/upload/upload.min.css
浏览文件 @
a059568c
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
)
translateZ
(
0
);
transform
:
scale
(
.5
)
translateZ
(
0
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
)
translateZ
(
0
);
transform
:
scale
(
.333
)
translateZ
(
0
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
\ No newline at end of file
.cube-upload
{
position
:
relative
}
.cube-upload-def
{
margin-right
:
-10px
}
.cube-upload-def
.cube-upload-btn
,
.cube-upload-def
.cube-upload-file
{
float
:
left
;
margin
:
0
10px
10px
0
}
.cube-upload-btn
{
position
:
relative
;
overflow
:
hidden
}
.cube-upload-btn
:active
.cube-upload-btn-def
{
background-color
:
rgba
(
0
,
0
,
0
,
.04
)}
.cube-upload-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
100%
;
font-size
:
0
;
opacity
:
0
}
.cube-upload-btn-def
{
width
:
80px
;
height
:
80px
;
background-color
:
#fff
;
box-shadow
:
0
0
6px
2px
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
2px
;
position
:
relative
}
.cube-upload-btn-def
,
.cube-upload-btn-def
:after
{
box-sizing
:
border-box
}
.cube-upload-btn-def
:after
{
content
:
""
;
pointer-events
:
none
;
display
:
block
;
position
:
absolute
;
left
:
0
;
top
:
0
;
-webkit-transform-origin
:
0
0
;
transform-origin
:
0
0
;
border
:
1px
solid
#e5e5e5
;
border-radius
:
2px
;
width
:
100%
;
height
:
100%
}
@media
(
-webkit-min-device-pixel-ratio
:
2
),(
min-resolution
:
2dppx
){
.cube-upload-btn-def
:after
{
width
:
200%
;
height
:
200%
;
border-radius
:
4px
;
-webkit-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}}
@media
(
-webkit-min-device-pixel-ratio
:
3
),(
min-resolution
:
3dppx
){
.cube-upload-btn-def
:after
{
width
:
300%
;
height
:
300%
;
border-radius
:
6px
;
-webkit-transform
:
scale
(
.333
);
transform
:
scale
(
.333
)}}
.cube-upload-btn-def
>
i
:after
,
.cube-upload-btn-def
>
i
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
20px
;
height
:
2px
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
background-color
:
#666
}
.cube-upload-btn-def
>
i
:after
{
-webkit-transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
);
transform
:
translate
(
-50%
,
-50%
)
rotate
(
90deg
)}
.cube-upload-file
{
position
:
relative
}
.cube-upload-file-def
{
position
:
relative
;
width
:
80px
;
height
:
80px
;
box-sizing
:
border-box
;
background
:
#fff
no-repeat
50%
;
background-size
:
cover
;
border-radius
:
2px
}
.cube-upload-file-def
>
.cubeic-wrong
{
position
:
absolute
;
z-index
:
2
;
top
:
-2px
;
right
:
-2px
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
font-size
:
16px
;
background-color
:
#fff
;
border-radius
:
50%
}
.cube-upload-file-def
>
.cubeic-wrong
:before
{
display
:
inline-block
;
-webkit-transform
:
scale
(
1.625
);
transform
:
scale
(
1.625
);
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
.cube-upload-file-state
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
overflow
:
hidden
;
opacity
:
0
;
background-color
:
rgba
(
37
,
38
,
45
,
.4
);
border-radius
:
2px
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.cube-upload-file-state
:before
{
content
:
"."
;
position
:
relative
;
left
:
-50%
;
display
:
block
;
width
:
1px
;
height
:
1px
;
margin-left
:
-1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.cube-upload-file_stat
{
opacity
:
1
}
.cube-upload-file-status
{
position
:
relative
;
z-index
:
1
;
font-size
:
30px
;
display
:
none
}
.cube-upload-file-status.cubeic-right
{
display
:
block
;
color
:
#fc9153
}
.cube-upload-file-status.cubeic-warn
{
display
:
block
;
color
:
#f43530
}
.cube-upload-file-status.cubeic-right
:after
,
.cube-upload-file-status.cubeic-warn
:after
{
content
:
""
;
z-index
:
-1
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
width
:
.56em
;
height
:
.56em
;
border-radius
:
50%
;
background-color
:
#fff
}
.cube-upload-file-status.cubeic-right
+
.cube-upload-file-progress
,
.cube-upload-file-status.cubeic-warn
+
.cube-upload-file-progress
{
display
:
none
}
.cube-upload-file-progress
{
color
:
#fff
;
font-size
:
20px
}
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录