mirror of https://github.com/1099438829/apeblog
1158 lines
26 KiB
CSS
1158 lines
26 KiB
CSS
.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title {
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap
|
|
}
|
|
html #layuicss-layer {
|
|
display:none;
|
|
position:absolute;
|
|
width:1989px
|
|
}
|
|
.layui-layer,.layui-layer-shade {
|
|
position:fixed;
|
|
_position:absolute;
|
|
pointer-events:auto;
|
|
}
|
|
.layui-layer-shade {
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
_height:expression(document.body.offsetHeight+"px")
|
|
}
|
|
.layui-layer {
|
|
-webkit-overflow-scrolling:touch;
|
|
top:150px;
|
|
left:0;
|
|
margin:0;
|
|
padding:0;
|
|
background-color:#fff;
|
|
-webkit-background-clip:content;
|
|
border-radius:3px;
|
|
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
|
|
}
|
|
.layui-layer iframe {
|
|
vertical-align: bottom;
|
|
}
|
|
.layui-layer-close {
|
|
position:absolute
|
|
}
|
|
.layui-layer-content {
|
|
position:relative
|
|
}
|
|
.layui-layer-border {
|
|
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
|
|
}
|
|
.layui-layer-load {
|
|
background:url(loading.svg) center center no-repeat #ebebeb;
|
|
}
|
|
.layui-layer-ico {
|
|
/*background:url(icon.png) no-repeat*/
|
|
display: inline-block;
|
|
font: normal normal normal 16px/1 "Material Design Icons";
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a {
|
|
display:inline-block;
|
|
*display:inline;
|
|
*zoom:1;
|
|
vertical-align:top
|
|
}
|
|
.layui-layer-move {
|
|
display:none;
|
|
position:fixed;
|
|
*position:absolute;
|
|
left:0;
|
|
top:0;
|
|
width:100%;
|
|
height:100%;
|
|
cursor:move;
|
|
opacity:0;
|
|
filter:alpha(opacity=0);
|
|
background-color:#fff;
|
|
z-index:2147483647
|
|
}
|
|
.layui-layer-resize {
|
|
position:absolute;
|
|
width:15px;
|
|
height:15px;
|
|
right:0;
|
|
bottom:0;
|
|
cursor:se-resize
|
|
}
|
|
.layer-anim {
|
|
-webkit-animation-fill-mode:both;
|
|
animation-fill-mode:both;
|
|
-webkit-animation-duration:.3s;
|
|
animation-duration:.3s
|
|
}
|
|
@-webkit-keyframes layer-bounceIn {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:scale(.5);
|
|
transform:scale(.5)
|
|
}
|
|
100% {
|
|
opacity:1;
|
|
-webkit-transform:scale(1);
|
|
transform:scale(1)
|
|
}
|
|
}@keyframes layer-bounceIn {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:scale(.5);
|
|
-ms-transform:scale(.5);
|
|
transform:scale(.5)
|
|
}
|
|
100% {
|
|
opacity:1;
|
|
-webkit-transform:scale(1);
|
|
-ms-transform:scale(1);
|
|
transform:scale(1)
|
|
}
|
|
}.layer-anim-00 {
|
|
-webkit-animation-name:layer-bounceIn;
|
|
animation-name:layer-bounceIn
|
|
}
|
|
@-webkit-keyframes layer-zoomInDown {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:scale(.1) translateY(-2000px);
|
|
transform:scale(.1) translateY(-2000px);
|
|
-webkit-animation-timing-function:ease-in-out;
|
|
animation-timing-function:ease-in-out
|
|
}
|
|
60% {
|
|
opacity:1;
|
|
-webkit-transform:scale(.475) translateY(60px);
|
|
transform:scale(.475) translateY(60px);
|
|
-webkit-animation-timing-function:ease-out;
|
|
animation-timing-function:ease-out
|
|
}
|
|
}@keyframes layer-zoomInDown {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:scale(.1) translateY(-2000px);
|
|
-ms-transform:scale(.1) translateY(-2000px);
|
|
transform:scale(.1) translateY(-2000px);
|
|
-webkit-animation-timing-function:ease-in-out;
|
|
animation-timing-function:ease-in-out
|
|
}
|
|
60% {
|
|
opacity:1;
|
|
-webkit-transform:scale(.475) translateY(60px);
|
|
-ms-transform:scale(.475) translateY(60px);
|
|
transform:scale(.475) translateY(60px);
|
|
-webkit-animation-timing-function:ease-out;
|
|
animation-timing-function:ease-out
|
|
}
|
|
}.layer-anim-01 {
|
|
-webkit-animation-name:layer-zoomInDown;
|
|
animation-name:layer-zoomInDown
|
|
}
|
|
@-webkit-keyframes layer-fadeInUpBig {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:translateY(2000px);
|
|
transform:translateY(2000px)
|
|
}
|
|
100% {
|
|
opacity:1;
|
|
-webkit-transform:translateY(0);
|
|
transform:translateY(0)
|
|
}
|
|
}@keyframes layer-fadeInUpBig {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:translateY(2000px);
|
|
-ms-transform:translateY(2000px);
|
|
transform:translateY(2000px)
|
|
}
|
|
100% {
|
|
opacity:1;
|
|
-webkit-transform:translateY(0);
|
|
-ms-transform:translateY(0);
|
|
transform:translateY(0)
|
|
}
|
|
}.layer-anim-02 {
|
|
-webkit-animation-name:layer-fadeInUpBig;
|
|
animation-name:layer-fadeInUpBig
|
|
}
|
|
@-webkit-keyframes layer-zoomInLeft {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:scale(.1) translateX(-2000px);
|
|
transform:scale(.1) translateX(-2000px);
|
|
-webkit-animation-timing-function:ease-in-out;
|
|
animation-timing-function:ease-in-out
|
|
}
|
|
60% {
|
|
opacity:1;
|
|
-webkit-transform:scale(.475) translateX(48px);
|
|
transform:scale(.475) translateX(48px);
|
|
-webkit-animation-timing-function:ease-out;
|
|
animation-timing-function:ease-out
|
|
}
|
|
}@keyframes layer-zoomInLeft {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:scale(.1) translateX(-2000px);
|
|
-ms-transform:scale(.1) translateX(-2000px);
|
|
transform:scale(.1) translateX(-2000px);
|
|
-webkit-animation-timing-function:ease-in-out;
|
|
animation-timing-function:ease-in-out
|
|
}
|
|
60% {
|
|
opacity:1;
|
|
-webkit-transform:scale(.475) translateX(48px);
|
|
-ms-transform:scale(.475) translateX(48px);
|
|
transform:scale(.475) translateX(48px);
|
|
-webkit-animation-timing-function:ease-out;
|
|
animation-timing-function:ease-out
|
|
}
|
|
}.layer-anim-03 {
|
|
-webkit-animation-name:layer-zoomInLeft;
|
|
animation-name:layer-zoomInLeft
|
|
}
|
|
@-webkit-keyframes layer-rollIn {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:translateX(-100%) rotate(-120deg);
|
|
transform:translateX(-100%) rotate(-120deg)
|
|
}
|
|
100% {
|
|
opacity:1;
|
|
-webkit-transform:translateX(0) rotate(0);
|
|
transform:translateX(0) rotate(0)
|
|
}
|
|
}@keyframes layer-rollIn {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:translateX(-100%) rotate(-120deg);
|
|
-ms-transform:translateX(-100%) rotate(-120deg);
|
|
transform:translateX(-100%) rotate(-120deg)
|
|
}
|
|
100% {
|
|
opacity:1;
|
|
-webkit-transform:translateX(0) rotate(0);
|
|
-ms-transform:translateX(0) rotate(0);
|
|
transform:translateX(0) rotate(0)
|
|
}
|
|
}.layer-anim-04 {
|
|
-webkit-animation-name:layer-rollIn;
|
|
animation-name:layer-rollIn
|
|
}
|
|
@keyframes layer-fadeIn {
|
|
0% {
|
|
opacity:0
|
|
}
|
|
100% {
|
|
opacity:1
|
|
}
|
|
}.layer-anim-05 {
|
|
-webkit-animation-name:layer-fadeIn;
|
|
animation-name:layer-fadeIn
|
|
}
|
|
@-webkit-keyframes layer-shake {
|
|
0%,100% {
|
|
-webkit-transform:translateX(0);
|
|
transform:translateX(0)
|
|
}
|
|
10%,30%,50%,70%,90% {
|
|
-webkit-transform:translateX(-10px);
|
|
transform:translateX(-10px)
|
|
}
|
|
20%,40%,60%,80% {
|
|
-webkit-transform:translateX(10px);
|
|
transform:translateX(10px)
|
|
}
|
|
}@keyframes layer-shake {
|
|
0%,100% {
|
|
-webkit-transform:translateX(0);
|
|
-ms-transform:translateX(0);
|
|
transform:translateX(0)
|
|
}
|
|
10%,30%,50%,70%,90% {
|
|
-webkit-transform:translateX(-10px);
|
|
-ms-transform:translateX(-10px);
|
|
transform:translateX(-10px)
|
|
}
|
|
20%,40%,60%,80% {
|
|
-webkit-transform:translateX(10px);
|
|
-ms-transform:translateX(10px);
|
|
transform:translateX(10px)
|
|
}
|
|
}.layer-anim-06 {
|
|
-webkit-animation-name:layer-shake;
|
|
animation-name:layer-shake
|
|
}
|
|
@-webkit-keyframes fadeIn {
|
|
0% {
|
|
opacity:0
|
|
}
|
|
100% {
|
|
opacity:1
|
|
}
|
|
}.layui-layer-title {
|
|
padding:0 80px 0 20px;
|
|
height:42px;
|
|
line-height:42px;
|
|
border-bottom:1px solid #f1f2f3;
|
|
font-size:14px;
|
|
color:#333;
|
|
overflow:hidden;
|
|
}
|
|
.layui-layer-setwin {
|
|
position:absolute;
|
|
right:15px;
|
|
*right:0;
|
|
top:12px;
|
|
font-size:0;
|
|
line-height:initial
|
|
}
|
|
.layui-layer-setwin a {
|
|
position:relative;
|
|
width:18px;
|
|
height:18px;
|
|
margin-left:10px;
|
|
font-size:12px;
|
|
_overflow:hidden
|
|
}
|
|
.layui-layer-setwin .layui-layer-min cite {
|
|
position:absolute;
|
|
width:14px;
|
|
height:2px;
|
|
left:0;
|
|
top:50%;
|
|
margin-top:-1px;
|
|
background-color:#4d5259;
|
|
cursor:pointer;
|
|
_overflow:hidden;
|
|
-webkit-transition: color 0.2s linear;
|
|
transition: color 0.2s linear;
|
|
}
|
|
.layui-layer-setwin .layui-layer-min:hover cite {
|
|
background-color:#2D93CA
|
|
}
|
|
.layui-layer-setwin .layui-layer-maxmin:before,
|
|
.layui-layer-setwin .layui-layer-max:before,
|
|
.layui-layer-setwin .layui-layer-close1:before {
|
|
cursor:pointer;
|
|
font-size: 18px;
|
|
color: #4d5259;
|
|
-webkit-transition: color 0.2s linear;
|
|
transition: color 0.2s linear;
|
|
}
|
|
.layui-layer-setwin .layui-layer-max:before {
|
|
content: "\f293";
|
|
}
|
|
.layui-layer-setwin .layui-layer-max:hover:before,
|
|
.layui-layer-setwin .layui-layer-maxmin:hover:before {
|
|
color: #33cabb;
|
|
}
|
|
.layui-layer-setwin .layui-layer-maxmin:before {
|
|
content: "\f294";
|
|
|
|
}
|
|
.layui-layer-setwin .layui-layer-close1:before {
|
|
content: "\F156";
|
|
}
|
|
.layui-layer-setwin .layui-layer-close1:hover:before {
|
|
color: #f96868;
|
|
}
|
|
.layui-layer-setwin .layui-layer-close2 {
|
|
position:absolute;
|
|
right:-28px;
|
|
top:-28px;
|
|
width:30px;
|
|
height:30px;
|
|
margin-left:0;
|
|
text-align: center;
|
|
line-height: 22px;
|
|
border: 4px solid #fff;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
background-color: #868e96;
|
|
*right:-18px;
|
|
_display:none;
|
|
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.125);
|
|
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.125);
|
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.125);
|
|
}
|
|
.layui-layer-setwin .layui-layer-close2:before {
|
|
content: "\F156";
|
|
font-size: 20px;
|
|
color: #fff;
|
|
}
|
|
.layui-layer-setwin .layui-layer-close2:hover {
|
|
background-color: #f96868;
|
|
}
|
|
.layui-layer-btn {
|
|
text-align:right;
|
|
padding:0 15px 12px;
|
|
pointer-events:auto;
|
|
user-select:none;
|
|
-webkit-user-select:none
|
|
}
|
|
.layui-layer-btn a {
|
|
height:28px;
|
|
line-height:26px;
|
|
margin:5px 5px 0;
|
|
padding:0 15px;
|
|
border-radius:2px;
|
|
font-weight:400;
|
|
cursor:pointer;
|
|
border:1px solid #ebebeb;
|
|
background-color:#fcfdfe;
|
|
color:#8b95a5;
|
|
}
|
|
.layui-layer-btn a:hover,
|
|
.layui-layer-btn a:active {
|
|
color: #4d5259;
|
|
}
|
|
.layui-layer-hui .layui-layer-btn a {
|
|
border-color: #fcfdfe;
|
|
}
|
|
.layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#33cabb!important;
|
|
background-color:#33cabb;
|
|
color:#fff
|
|
}
|
|
.layui-layer-btn .layui-layer-btn0:hover,
|
|
.layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#52d3c7;
|
|
background-color:#52d3c7;
|
|
color:#fff
|
|
}
|
|
.layui-layer-btn-l {
|
|
text-align:left
|
|
}
|
|
.layui-layer-btn-c {
|
|
text-align:center
|
|
}
|
|
.layui-layer-dialog {
|
|
min-width:260px
|
|
}
|
|
.layui-layer-dialog .layui-layer-content {
|
|
position:relative;
|
|
padding:20px;
|
|
line-height:24px;
|
|
word-break:break-all;
|
|
overflow:hidden;
|
|
font-size:14px;
|
|
overflow-x:hidden;
|
|
overflow-y:auto
|
|
}
|
|
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
|
|
position:absolute;
|
|
top:16px;
|
|
left:15px;
|
|
_left:-40px;
|
|
width:30px;
|
|
height:30px
|
|
}
|
|
.layui-layer-ico-success:before {
|
|
content: "\F5E1";
|
|
font-size: 30px;
|
|
color: #33cabb;
|
|
}
|
|
.layui-layer-ico-error:before {
|
|
content: "\F15A";
|
|
font-size: 30px;
|
|
color: #f96868;
|
|
}
|
|
.layui-layer-ico-doubt:before {
|
|
content: "\F625";
|
|
font-size: 30px;
|
|
color: #fcc525;
|
|
}
|
|
.layui-layer-ico-lock:before {
|
|
content: "\F341";
|
|
font-size: 30px;
|
|
color: #868e96;
|
|
}
|
|
.layui-layer-ico-cry:before {
|
|
content: "\F1F8";
|
|
font-size: 30px;
|
|
color: #f96868;
|
|
}
|
|
.layui-layer-ico-smile:before {
|
|
content: "\F1F5";
|
|
font-size: 30px;
|
|
color: #15c377;
|
|
}
|
|
.layui-layer-ico-warning:before {
|
|
content: "\F5D6";
|
|
font-size: 30px;
|
|
color: #faa64b;
|
|
}
|
|
.layui-layer-rim {
|
|
border:6px solid #8D8D8D;
|
|
border:6px solid rgba(255, 255, 255, .175);
|
|
border-radius:3px;
|
|
box-shadow:none
|
|
}
|
|
.layui-layer-msg {
|
|
min-width:180px;
|
|
border:1px solid #ebebeb;
|
|
box-shadow:none
|
|
}
|
|
.layui-layer-hui {
|
|
min-width:100px;
|
|
background-color:#000;
|
|
filter:alpha(opacity=60);
|
|
background-color:rgba(0,0,0,.6);
|
|
color:#fff;
|
|
border:none
|
|
}
|
|
.layui-layer-hui .layui-layer-content {
|
|
padding:12px 25px;
|
|
text-align:center
|
|
}
|
|
.layui-layer-dialog .layui-layer-padding {
|
|
padding:20px 20px 20px 55px;
|
|
text-align:left
|
|
}
|
|
.layui-layer-page .layui-layer-content {
|
|
position:relative;
|
|
overflow:auto
|
|
}
|
|
.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn {
|
|
padding-top:10px
|
|
}
|
|
.layui-layer-nobg {
|
|
background:0 0
|
|
}
|
|
.layui-layer-iframe iframe {
|
|
display:block;
|
|
width:100%
|
|
}
|
|
.layui-layer-loading {
|
|
border-radius:100%;
|
|
background:0 0;
|
|
box-shadow:none;
|
|
border:none
|
|
}
|
|
.layui-layer-loading .layui-layer-loading0 {
|
|
color: #33cabb;
|
|
font-size: 30px;
|
|
text-indent: -9999em;
|
|
overflow: hidden;
|
|
width: 1em;
|
|
height: 1em;
|
|
border-radius: 50%;
|
|
position: relative;
|
|
-webkit-transform: translateZ(0);
|
|
-ms-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
-webkit-animation: loader-0 1.7s infinite ease, round 1.7s infinite ease;
|
|
animation: loader-0 1.7s infinite ease, round 1.7s infinite ease;
|
|
}
|
|
@-webkit-keyframes loader-0 {
|
|
0% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
|
}
|
|
5%,
|
|
95% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
|
}
|
|
10%,
|
|
59% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
|
|
}
|
|
20% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
|
|
}
|
|
38% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
|
|
}
|
|
100% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
|
}
|
|
}
|
|
@keyframes loader-0 {
|
|
0% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
|
}
|
|
5%,
|
|
95% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
|
}
|
|
10%,
|
|
59% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
|
|
}
|
|
20% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
|
|
}
|
|
38% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
|
|
}
|
|
100% {
|
|
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
|
}
|
|
}
|
|
@-webkit-keyframes round {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes round {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.layui-layer-ico16,
|
|
.layui-layer-loading .layui-layer-loading1 {
|
|
width: 3em;
|
|
height: 3em;
|
|
border: .2em solid transparent;
|
|
border-left-color: #33cabb;
|
|
border-right-color: #33cabb;
|
|
border-radius: 50%;
|
|
-webkit-animation: 1s loader-02 linear infinite;
|
|
animation: 1s loader-02 linear infinite;
|
|
}
|
|
@-webkit-keyframes loader-02 {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes loader-02 {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.layui-layer-loading .layui-layer-loading2 {
|
|
position: relative;
|
|
width: 2.5em;
|
|
height: 2.5em;
|
|
transform: rotate(165deg);
|
|
}
|
|
.layui-layer-loading .layui-layer-loading2:before,
|
|
.layui-layer-loading .layui-layer-loading2:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
display: block;
|
|
width: 0.5em;
|
|
height: 0.5em;
|
|
border-radius: 0.25em;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.layui-layer-loading .layui-layer-loading2:before {
|
|
animation: loader-before 2s infinite;
|
|
}
|
|
.layui-layer-loading .layui-layer-loading2:after {
|
|
animation: loader-after 2s infinite;
|
|
}
|
|
|
|
@keyframes loader-before {
|
|
0% {
|
|
width: 0.5em;
|
|
box-shadow: 1em -0.5em rgba(51, 202, 187, 0.75), -1em 0.5em rgba(72, 176, 247, 0.75);
|
|
}
|
|
35% {
|
|
width: 2.5em;
|
|
box-shadow: 0 -0.5em rgba(51, 202, 187, 0.75), 0 0.5em rgba(72, 176, 247, 0.75);
|
|
}
|
|
70% {
|
|
width: 0.5em;
|
|
box-shadow: -1em -0.5em rgba(51, 202, 187, 0.75), 1em 0.5em rgba(72, 176, 247, 0.75);
|
|
}
|
|
100% {
|
|
box-shadow: 1em -0.5em rgba(51, 202, 187, 0.75), -1em 0.5em rgba(72, 176, 247, 0.75);
|
|
}
|
|
}
|
|
@keyframes loader-after {
|
|
0% {
|
|
height: 0.5em;
|
|
box-shadow: 0.5em 1em rgba(146, 109, 222, 0.75), -0.5em -1em rgba(250, 166, 75, 0.75);
|
|
}
|
|
35% {
|
|
height: 2.5em;
|
|
box-shadow: 0.5em 0 rgba(146, 109, 222, 0.75), -0.5em 0 rgba(250, 166, 75, 0.75);
|
|
}
|
|
70% {
|
|
height: 0.5em;
|
|
box-shadow: 0.5em -1em rgba(146, 109, 222, 0.75), -0.5em 1em rgba(250, 166, 75, 0.75);
|
|
}
|
|
100% {
|
|
box-shadow: 0.5em 1em rgba(146, 109, 222, 0.75), -0.5em -1em rgba(250, 166, 75, 0.75);
|
|
}
|
|
}
|
|
|
|
.layui-layer-tips {
|
|
background:0 0;
|
|
box-shadow:none;
|
|
border:none
|
|
}
|
|
.layui-layer-tips .layui-layer-content {
|
|
position:relative;
|
|
line-height:22px;
|
|
min-width:12px;
|
|
padding:8px 15px;
|
|
font-size:12px;
|
|
_float:left;
|
|
border-radius:2px;
|
|
background-color:#000;
|
|
color:#fff
|
|
}
|
|
.layui-layer-tips .layui-layer-close {
|
|
right:-2px;
|
|
top:-1px
|
|
}
|
|
.layui-layer-tips i.layui-layer-TipsG {
|
|
position:absolute;
|
|
width:0;
|
|
height:0;
|
|
border-width:8px;
|
|
border-color:transparent;
|
|
border-style:dashed;
|
|
*overflow:hidden
|
|
}
|
|
.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT {
|
|
left:5px;
|
|
border-right-style:solid;
|
|
border-right-color:#000
|
|
}
|
|
.layui-layer-tips i.layui-layer-TipsT {
|
|
bottom:-8px
|
|
}
|
|
.layui-layer-tips i.layui-layer-TipsB {
|
|
top:-8px
|
|
}
|
|
.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR {
|
|
top:5px;
|
|
border-bottom-style:solid;
|
|
border-bottom-color:#000
|
|
}
|
|
.layui-layer-tips i.layui-layer-TipsR {
|
|
left:-8px
|
|
}
|
|
.layui-layer-tips i.layui-layer-TipsL {
|
|
right:-8px
|
|
}
|
|
.layui-layer-lan[type=dialog] {
|
|
min-width:280px
|
|
}
|
|
.layui-layer-lan .layui-layer-title {
|
|
background:#4476A7;
|
|
color:#fff;
|
|
border:none
|
|
}
|
|
.layui-layer-lan .layui-layer-btn {
|
|
padding:5px 10px 10px;
|
|
text-align:right;
|
|
border-top:1px solid #E9E7E7
|
|
}
|
|
.layui-layer-lan .layui-layer-btn a {
|
|
background:#fff;
|
|
border-color:#E9E7E7;
|
|
color:#333
|
|
}
|
|
.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
|
|
background:#C9C5C5
|
|
}
|
|
.layui-layer-molv .layui-layer-title {
|
|
background:#009f95;
|
|
color:#fff;
|
|
border:none
|
|
}
|
|
.layui-layer-molv .layui-layer-btn a {
|
|
background:#009f95;
|
|
border-color:#009f95
|
|
}
|
|
.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
|
|
background:#92B8B1
|
|
}
|
|
.layui-layer-iconext {
|
|
}
|
|
.layui-layer-prompt .layui-layer-input {
|
|
display:block;
|
|
width:230px;
|
|
height:36px;
|
|
margin:0 auto;
|
|
line-height:30px;
|
|
padding-left:10px;
|
|
border:1px solid #e6e6e6;
|
|
color:#333
|
|
}
|
|
.layui-layer-prompt textarea.layui-layer-input {
|
|
width:300px;
|
|
height:100px;
|
|
line-height:20px;
|
|
padding:6px 10px
|
|
}
|
|
.layui-layer-prompt .layui-layer-content {
|
|
padding:20px
|
|
}
|
|
.layui-layer-prompt .layui-layer-btn {
|
|
padding-top:0
|
|
}
|
|
.layui-layer-tab {
|
|
}
|
|
.layui-layer-tab .layui-layer-title {
|
|
padding-left:0;
|
|
border-bottom: none;
|
|
position: relative;
|
|
}
|
|
.layui-layer-tab .layui-layer-title:after {
|
|
content: '';
|
|
border-top: 1px solid rgba(77, 82, 89, 0.07);
|
|
width: 100%;
|
|
height: 1px;
|
|
bottom: 0px;
|
|
position: absolute;
|
|
display: block;
|
|
left: 0px;
|
|
}
|
|
.layui-layer-tab .layui-layer-title span {
|
|
position:relative;
|
|
float:left;
|
|
min-width:80px;
|
|
max-width:260px;
|
|
padding:0 20px;
|
|
text-align:center;
|
|
overflow:hidden;
|
|
cursor:pointer
|
|
}
|
|
.layui-layer-tab .layui-layer-title span.layui-this:after {
|
|
position: absolute;
|
|
display: block;
|
|
height: 1px;
|
|
width: 100%;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
z-index: 10;
|
|
background-color: #33cabb;
|
|
content: '';
|
|
}
|
|
.layui-layer-tab .layui-layer-title span:first-child {
|
|
}
|
|
.layui-layer-tabmain {
|
|
list-style: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
line-height:24px;
|
|
clear:both
|
|
}
|
|
.layui-layer-tabmain .layui-layer-tabli {
|
|
display:none
|
|
}
|
|
.layui-layer-tabmain .layui-layer-tabli.layui-this {
|
|
display:block
|
|
}
|
|
.layui-layer-photos {
|
|
-webkit-animation-duration:.8s;
|
|
animation-duration:.8s
|
|
}
|
|
.layui-layer-photos .layui-layer-content {
|
|
overflow:hidden;
|
|
text-align:center
|
|
}
|
|
.layui-layer-photos .layui-layer-phimg img {
|
|
position:relative;
|
|
width:100%;
|
|
display:inline-block;
|
|
*display:inline;
|
|
*zoom:1;
|
|
vertical-align:top
|
|
}
|
|
.layui-layer-imgbar,.layui-layer-imguide {
|
|
display:none
|
|
}
|
|
.layui-layer-imgnext,.layui-layer-imgprev {
|
|
position:absolute;
|
|
top:50%;
|
|
width:27px;
|
|
_width:44px;
|
|
height:44px;
|
|
margin-top:-22px;
|
|
outline:0;
|
|
background: no-repeat 50% / 100% 100%;
|
|
opacity: 0.5;
|
|
blr:expression(this.onFocus=this.blur())
|
|
}
|
|
.layui-layer-imgprev {
|
|
left:10px;
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
|
|
}
|
|
.layui-layer-imgnext {
|
|
right:10px;
|
|
_right:8px;
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
|
|
}
|
|
.layui-layer-imgprev:hover,
|
|
.layui-layer-imgnext:hover {
|
|
opacity: 0.9;
|
|
}
|
|
.layui-layer.layui-layer-photos {
|
|
border-radius: 0;
|
|
}
|
|
.layui-layer-imgbar {
|
|
position:absolute;
|
|
left:0;
|
|
bottom:0;
|
|
width:100%;
|
|
height:32px;
|
|
line-height:32px;
|
|
background-color:rgba(0,0,0,.8);
|
|
background-color:#000\9;
|
|
filter:Alpha(opacity=80);
|
|
color:#fff;
|
|
overflow:hidden;
|
|
font-size:0
|
|
}
|
|
.layui-layer-imgtit * {
|
|
display:inline-block;
|
|
*display:inline;
|
|
*zoom:1;
|
|
vertical-align:top;
|
|
font-size:12px
|
|
}
|
|
.layui-layer-imgtit a {
|
|
max-width:65%;
|
|
overflow:hidden;
|
|
color:#fff
|
|
}
|
|
.layui-layer-imgtit a:hover {
|
|
color:#fff;
|
|
text-decoration:underline
|
|
}
|
|
.layui-layer-imgtit em {
|
|
padding-left:10px;
|
|
font-style:normal
|
|
}
|
|
@-webkit-keyframes layer-bounceOut {
|
|
100% {
|
|
opacity:0;
|
|
-webkit-transform:scale(.7);
|
|
transform:scale(.7)
|
|
}
|
|
30% {
|
|
-webkit-transform:scale(1.05);
|
|
transform:scale(1.05)
|
|
}
|
|
0% {
|
|
-webkit-transform:scale(1);
|
|
transform:scale(1)
|
|
}
|
|
}@keyframes layer-bounceOut {
|
|
100% {
|
|
opacity:0;
|
|
-webkit-transform:scale(.7);
|
|
-ms-transform:scale(.7);
|
|
transform:scale(.7)
|
|
}
|
|
30% {
|
|
-webkit-transform:scale(1.05);
|
|
-ms-transform:scale(1.05);
|
|
transform:scale(1.05)
|
|
}
|
|
0% {
|
|
-webkit-transform:scale(1);
|
|
-ms-transform:scale(1);
|
|
transform:scale(1)
|
|
}
|
|
}.layer-anim-close {
|
|
-webkit-animation-name:layer-bounceOut;
|
|
animation-name:layer-bounceOut;
|
|
-webkit-animation-fill-mode:both;
|
|
animation-fill-mode:both;
|
|
-webkit-animation-duration:.2s;
|
|
animation-duration:.2s
|
|
}
|
|
@media screen and (max-width:1100px) {
|
|
.layui-layer-iframe {
|
|
overflow-y:auto;
|
|
-webkit-overflow-scrolling:touch
|
|
}
|
|
}
|
|
/*风格*/
|
|
.lyear-skin-primary {
|
|
border-top: 5px solid #33cabb;
|
|
}
|
|
.lyear-skin-success {
|
|
border-top: 5px solid #15c377;
|
|
}
|
|
.lyear-skin-success .layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#15c377!important;
|
|
background-color:#15c377;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-success .layui-layer-btn .layui-layer-btn0:hover,
|
|
.lyear-skin-success .layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#16d17f;
|
|
background-color:#16d17f;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-info {
|
|
border-top: 5px solid #48b0f7;
|
|
}
|
|
.lyear-skin-info .layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#48b0f7!important;
|
|
background-color:#48b0f7;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-info .layui-layer-btn .layui-layer-btn0:hover,
|
|
.lyear-skin-info .layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#65bdf8;
|
|
background-color:#65bdf8;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-warning {
|
|
border-top: 5px solid #faa64b;
|
|
}
|
|
.lyear-skin-warning .layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#faa64b!important;
|
|
background-color:#faa64b;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-warning .layui-layer-btn .layui-layer-btn0:hover,
|
|
.lyear-skin-warning .layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#fbb264;
|
|
background-color:#fbb264;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-danger {
|
|
border-top: 5px solid #f96868;
|
|
}
|
|
.lyear-skin-danger .layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#f96868!important;
|
|
background-color:#f96868;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-danger .layui-layer-btn .layui-layer-btn0:hover,
|
|
.lyear-skin-danger .layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#fa8181;
|
|
background-color:#fa8181;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-secondary {
|
|
border-top: 5px solid #e4e7ea;
|
|
}
|
|
.lyear-skin-secondary .layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#e4e7ea!important;
|
|
background-color:#e4e7ea;
|
|
color:#4d5259
|
|
}
|
|
.lyear-skin-secondary .layui-layer-btn .layui-layer-btn0:hover,
|
|
.lyear-skin-secondary .layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#edeff1;
|
|
background-color:#edeff1;
|
|
color:#4d5259
|
|
}
|
|
.lyear-skin-purple {
|
|
border-top: 5px solid #926dde;
|
|
}
|
|
.lyear-skin-purple .layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#926dde!important;
|
|
background-color:#926dde;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-purple .layui-layer-btn .layui-layer-btn0:hover,
|
|
.lyear-skin-purple .layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#a282e3;
|
|
background-color:#a282e3;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-pink {
|
|
border-top: 5px solid #f96197;
|
|
}
|
|
.lyear-skin-pink .layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#f96197!important;
|
|
background-color:#f96197;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-pink .layui-layer-btn .layui-layer-btn0:hover,
|
|
.lyear-skin-pink .layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#fa75a4;
|
|
background-color:#fa75a4;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-cyan {
|
|
border-top: 5px solid #57c7d4;
|
|
}
|
|
.lyear-skin-cyan .layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#57c7d4!important;
|
|
background-color:#57c7d4;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-cyan .layui-layer-btn .layui-layer-btn0:hover,
|
|
.lyear-skin-cyan .layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#77d2dc;
|
|
background-color:#77d2dc;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-yellow {
|
|
border-top: 5px solid #fcc525;
|
|
}
|
|
.lyear-skin-yellow .layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#fcc525!important;
|
|
background-color:#fcc525;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-yellow .layui-layer-btn .layui-layer-btn0:hover,
|
|
.lyear-skin-yellow .layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#fdd04d;
|
|
background-color:#fdd04d;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-brown {
|
|
border-top: 5px solid #8d6658;
|
|
color: #fff;
|
|
}
|
|
.lyear-skin-brown .layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#8d6658!important;
|
|
background-color:#8d6658;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-brown .layui-layer-btn .layui-layer-btn0:hover,
|
|
.lyear-skin-brown .layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#9d7162;
|
|
background-color:#9d7162;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-dark {
|
|
border-top: 5px solid #465161;
|
|
}
|
|
.lyear-skin-dark .layui-layer-btn .layui-layer-btn0 {
|
|
border-color:#465161!important;
|
|
background-color:#465161;
|
|
color:#fff
|
|
}
|
|
.lyear-skin-dark .layui-layer-btn .layui-layer-btn0:hover,
|
|
.lyear-skin-dark .layui-layer-btn .layui-layer-btn0:active {
|
|
border-color:#515d70;
|
|
background-color:#515d70;
|
|
color:#fff
|
|
}
|
|
.layui-layer[class*='bg-'] {
|
|
box-shadow: none;
|
|
}
|
|
.layui-layer[class*='bg-'] .layui-layer-ico:before {
|
|
color: #fff;
|
|
} |