#LAY_app,body,html{height:100%}
.layui-layout-body{overflow:auto}
#LAY-user-login,.layadmin-user-display-show{display:block!important}
.layadmin-user-login{position:relative;left:0;top:0;padding:110px 0;min-height:100%;box-sizing:border-box}
.layadmin-user-login-main{width:960px;margin:0 auto;box-sizing:border-box}
.banner{position: absolute;
    left: 50%;
    padding: 0;
    box-sizing: border-box;
    width: 1600px;
    margin: 0 auto;
    z-index: 0;
    top: 50%;
    transform: translate(-50%,-50%);}
.inner{width:750px;margin:0 auto;height:400px; }
.layadmin-user-login-box{width:400px;margin:70px auto 0;padding:16px 20px; border-radius:2px;box-shadow:3px 3px 5px rgb(0 0 0 / 50%);background-color:#fff;position:relative}
.layadmin-user-login-header{text-align: center;position: fixed;top:0;left:0;width: 100%;height: 90px;display: flex;background: #fff;align-items: center}
.layadmin-user-login-header h2{ font-weight:300;font-size:26px;color:#000;margin-right: 20px;border-left:1px solid #ddd;padding-left:20px;margin-left:20px}
.layadmin-user-login-header p{font-weight:300;font-size:16px;color:#999}
.layadmin-user-login-body .layui-form-item{position:relative}
.layadmin-user-login-icon{font-size:16px!important;position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center;color:#d2d2d2}
.layadmin-user-login-body .layui-form-item .layui-input{padding-left:38px;height:38px}
.layadmin-user-login-codeimg{max-height:38px;width:100%;cursor:pointer;box-sizing:border-box}
.layadmin-user-login-other{position:relative;font-size:0;line-height:38px;padding-top:20px}
.layadmin-user-login-other>*{display:inline-block;vertical-align:middle;margin-right:10px;font-size:14px}
.layadmin-user-login-other .layui-icon{position:relative;top:2px;font-size:26px}
.layadmin-user-login-other a:hover{opacity:.8}
.layadmin-user-jump-change{float:right}
.layadmin-user-login-footer{position:absolute;left:0;bottom:0;width:100%;line-height:30px;padding:20px;text-align:center;box-sizing:border-box;color:rgba(0,0,0,.5)}
.layadmin-user-login-footer span{padding:0 5px}
.layadmin-user-login-footer a{padding:0 5px;color:rgba(0,0,0,.5)}
.layadmin-user-login-footer a:hover{color:#000}
.layadmin-user-login-main[bgimg]{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.05)}
.ladmin-user-login-theme{position:fixed;bottom:0;left:0;width:100%;text-align:center}
.ladmin-user-login-theme ul{display:inline-block;padding:5px;background-color:#fff}
.ladmin-user-login-theme ul li{display:inline-block;vertical-align:top;width:64px;height:43px;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;background-color:#f2f2f2}
.ladmin-user-login-theme ul li:hover{opacity:.9}
@media screen and (max-width:768px){.layadmin-user-login{padding-top:60px}
    .layadmin-user-login-main{width:300px}
    .layadmin-user-login-box{padding:10px}
}
.login_scan{position:absolute;top:0;right:0;height:60px;width:60px;overflow:hidden;background:url(/assets/sc/images/qr.svg) no-repeat 100% 0;background-size:100%}
.login_password{display:none;position:absolute;top:20px;right:0;height:20px;width:115px;color:#576b95}
.login-title{margin:5px 0 20px}
#qr_form{text-align:center;display:none;height: 180px;}
#qr_form img{width:150px}
.panels {
    position: relative;
    top: -70px;
    left: 25px;
    width: 100%;
    height: 100%;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.panels-left, .panels-right, .block-panel {
    position: relative;
}
.circle--indigo, .circle--salmon, .circle--teal {
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}
.circle--salmon {
    background-color: #fabcbb;
}
.circle--indigo {
    background-color: #5c6ac4;
}
.panel-xz-1x2, .panel-yz-1x2 {
    position: absolute;
    width: 50px;
    height: 125px;z-index: 2;
}
.panel-xy-1x2, .panel-xy-2x1 {
    position: absolute;
    width: 150px;
    height: 75px;z-index: 2;
}
.panel-xy-1x3, .panel-xy-3x1 {
    position: absolute;
    width: 200px;
    height: 100px;z-index: 2;
}
.panel-xy-1x1 {
    position: absolute;
    width: 100px;
    height: 50px;z-index: 2;
}
.panel-xz-1x3, .panel-yz-1x3 {
    position: absolute;
    width: 50px;
    height: 175px;z-index: 2;
}
.panel-xz-1x1, .panel-yz-1x1, .panel-yz-1x3 {
    position: absolute;
    width: 50px;
    height: 75px;z-index: 2;
}
#Panel1{top:0;left:25px;-webkit-animation:slide-zy 20s 2s infinite;animation:slide-zy 20s 2s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel2{top:50px;left:125px;-webkit-animation:loop-xy 15s 7s infinite;animation:loop-xy 15s 7s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel3{top:75px;left:175px}
#Panel4{top:0;left:275px;-webkit-animation:slide-z-2-minus 5s 3s infinite;animation:slide-z-2-minus 5s 3s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel5{top:125px;left:-125px;-webkit-animation:slide-y-2-plus 15s 3s infinite;animation:slide-y-2-plus 15s 3s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel6{top:300px;left:-25px}
#Panel7{top:375px;left:-25px;-webkit-animation:loop-xy 20s 1s infinite;animation:loop-xy 20s 1s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel8{top:300px;left:175px;-webkit-animation:loop-xz 25s 5s infinite;animation:loop-xz 25s 5s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel9{top:250px;left:225px;-webkit-animation:slide-z-2-minus 12s 4s infinite;animation:slide-z-2-minus 12s 4s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel10{top:475px;left:25px}
#Panel11{top:425px;left:175px}
#Panel12{top:450px;left:275px}
#Panel13{top:400px;left:325px}
#Panel14{top:450px;left:425px;-webkit-animation:slide-x-2-plus 10s 7s infinite;animation:slide-x-2-plus 10s 7s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel15{top:450px;left:675px}
#Panel16{top:0;left:1125px;-webkit-animation:slide-y-2-plus 10s 1s infinite;animation:slide-y-2-plus 10s 1s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel17{top:50px;left:1225px;-webkit-animation:slide-x-1-minus 10s 1s infinite;animation:slide-x-1-minus 10s 1s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel18{top:25px;left:1425px}
#Panel19{top:0;left:1475px;-webkit-animation:loop-xz 20s 1s infinite;animation:loop-xz 20s 1s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel20{top:175px;left:1225px;-webkit-animation:slide-zy 20s 10s infinite;animation:slide-zy 20s 10s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel21{top:175px;left:1425px;-webkit-animation:slide-z-2-minus 10s 15s infinite;animation:slide-z-2-minus 10s 15s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel22{top:225px;left:1475px;-webkit-animation:loop-yz-reverse 10s 2s infinite;animation:loop-yz-reverse 10s 2s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel23{top:350px;left:1125px;-webkit-animation:slide-y-1-plus 10s infinite;animation:slide-y-1-plus 10s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel24{top:325px;left:1275px;-webkit-animation:slide-z-2-minus 10s 3s infinite;animation:slide-z-2-minus 10s 3s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel25{top:400px;left:1475px;-webkit-animation:loop-xz 15s 10s infinite;animation:loop-xz 15s 10s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel26{top:475px;left:1025px;-webkit-animation:loop-xz 10s 3s infinite;animation:loop-xz 10s 3s infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Panel27{top:500px;left:1375px}
#Circle1{top:200px;left:150px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Circle2{top:400px;left:300px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Circle3{top:150px;left:1400px;-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-play-state:inherit;animation-play-state:inherit}
#Circle4{top:350px;left:1350px;-webkit-animation-delay:10s;animation-delay:10s;-webkit-animation-play-state:inherit;animation-play-state:inherit}
.circle--indigo{-webkit-animation:slide-down-right 1s ease-in-out 1s alternate 2,trail-indigo 2s ease-in-out 1s 1;animation:slide-down-right 1s ease-in-out 1s alternate 2,trail-indigo 2s ease-in-out 1s 1}
.circle--indigo:nth-child(2){-webkit-animation:slide-down-right 1s .1s ease-in-out 1s alternate 2,trail-indigo 1s .1s ease-in-out 1s 1;animation:slide-down-right 1s .1s ease-in-out 1s alternate 2,trail-indigo 1s .1s ease-in-out 1s 1}
.circle--indigo:nth-child(3){-webkit-animation:slide-down-right 1s .2s ease-in-out 1s alternate 2,trail-indigo 1s .2s ease-in-out 1s 1;animation:slide-down-right 1s .2s ease-in-out 1s alternate 2,trail-indigo 1s .2s ease-in-out 1s 1}
.circle--indigo:nth-child(4){-webkit-animation:slide-down-right 1s .3s ease-in-out 1s alternate 2,trail-indigo 1s .3s ease-in-out 1s 1;animation:slide-down-right 1s .3s ease-in-out 1s alternate 2,trail-indigo 1s .3s ease-in-out 1s 1}
.circle--indigo:nth-child(5){-webkit-animation:slide-down-right 1s .4s ease-in-out 1s alternate 2,trail-indigo 1s .4s ease-in-out 1s 1;animation:slide-down-right 1s .4s ease-in-out 1s alternate 2,trail-indigo 1s .4s ease-in-out 1s 1}
.circle--salmon{-webkit-animation:slide-down-left 1s ease-in-out 1s alternate 2,trail-salmon 2s ease-in-out 1s 1;animation:slide-down-left 1s ease-in-out 1s alternate 2,trail-salmon 2s ease-in-out 1s 1}
.circle--salmon:nth-child(2){-webkit-animation:slide-down-left 1s .1s ease-in-out 1s alternate 2,trail-salmon 1s .1s ease-in-out 1s 1;animation:slide-down-left 1s .1s ease-in-out 1s alternate 2,trail-salmon 1s .1s ease-in-out 1s 1}
.circle--salmon:nth-child(3){-webkit-animation:slide-down-left 1s .2s ease-in-out 1s alternate 2,trail-salmon 1s .2s ease-in-out 1s 1;animation:slide-down-left 1s .2s ease-in-out 1s alternate 2,trail-salmon 1s .2s ease-in-out 1s 1}
.circle--salmon:nth-child(4){-webkit-animation:slide-down-left 1s .3s ease-in-out 1s alternate 2,trail-salmon 1s .3s ease-in-out 1s 1;animation:slide-down-left 1s .3s ease-in-out 1s alternate 2,trail-salmon 1s .3s ease-in-out 1s 1}
.circle--salmon:nth-child(5){-webkit-animation:slide-down-left 1s .4s ease-in-out 1s alternate 2,trail-salmon 1s .4s ease-in-out 1s 1;animation:slide-down-left 1s .4s ease-in-out 1s alternate 2,trail-salmon 1s .4s ease-in-out 1s 1}
@-webkit-keyframes trail-indigo{25%{box-shadow:0 0 0 rgba(92,106,196,.1),-1px -.5px 0 rgba(92,106,196,.1),-2px -1px 0 rgba(92,106,196,.1),-3px -1.5px 0 rgba(92,106,196,.1),-4px -2px 0 rgba(92,106,196,.1),-5px -2.5px 0 rgba(92,106,196,.1),-6px -3px 0 rgba(92,106,196,.1),-7px -3.5px 0 rgba(92,106,196,.1),-8px -4px 0 rgba(92,106,196,.1),-9px -4.5px 0 rgba(92,106,196,.1),-10px -5px 0 rgba(92,106,196,.1),-11px -5.5px 0 rgba(92,106,196,.1),-12px -6px 0 rgba(92,106,196,.1),-13px -6.5px 0 rgba(92,106,196,.1),-14px -7px 0 rgba(92,106,196,.1),-15px -7.5px 0 rgba(92,106,196,.1),-16px -8px 0 rgba(92,106,196,.1),-17px -8.5px 0 rgba(92,106,196,.1),-18px -9px 0 rgba(92,106,196,.1),-19px -9.5px 0 rgba(92,106,196,.1),-20px -10px 0 rgba(92,106,196,.1),-21px -10.5px 0 rgba(92,106,196,.1),-22px -11px 0 rgba(92,106,196,.1),-23px -11.5px 0 rgba(92,106,196,.1),-24px -12px 0 rgba(92,106,196,.1),-25px -12.5px 0 rgba(92,106,196,.1),-26px -13px 0 rgba(92,106,196,.1),-27px -13.5px 0 rgba(92,106,196,.1),-28px -14px 0 rgba(92,106,196,.1),-29px -14.5px 0 rgba(92,106,196,.1),-30px -15px 0 rgba(92,106,196,.1)}
    75%{box-shadow:0 0 0 rgba(92,106,196,.1),1px .5px 0 rgba(92,106,196,.1),2px 1px 0 rgba(92,106,196,.1),3px 1.5px 0 rgba(92,106,196,.1),4px 2px 0 rgba(92,106,196,.1),5px 2.5px 0 rgba(92,106,196,.1),6px 3px 0 rgba(92,106,196,.1),7px 3.5px 0 rgba(92,106,196,.1),8px 4px 0 rgba(92,106,196,.1),9px 4.5px 0 rgba(92,106,196,.1),10px 5px 0 rgba(92,106,196,.1),11px 5.5px 0 rgba(92,106,196,.1),12px 6px 0 rgba(92,106,196,.1),13px 6.5px 0 rgba(92,106,196,.1),14px 7px 0 rgba(92,106,196,.1),15px 7.5px 0 rgba(92,106,196,.1),16px 8px 0 rgba(92,106,196,.1),17px 8.5px 0 rgba(92,106,196,.1),18px 9px 0 rgba(92,106,196,.1),19px 9.5px 0 rgba(92,106,196,.1),20px 10px 0 rgba(92,106,196,.1),21px 10.5px 0 rgba(92,106,196,.1),22px 11px 0 rgba(92,106,196,.1),23px 11.5px 0 rgba(92,106,196,.1),24px 12px 0 rgba(92,106,196,.1),25px 12.5px 0 rgba(92,106,196,.1),26px 13px 0 rgba(92,106,196,.1),27px 13.5px 0 rgba(92,106,196,.1),28px 14px 0 rgba(92,106,196,.1),29px 14.5px 0 rgba(92,106,196,.1),30px 15px 0 rgba(92,106,196,.1)}
}
@keyframes trail-indigo{25%{box-shadow:0 0 0 rgba(92,106,196,.1),-1px -.5px 0 rgba(92,106,196,.1),-2px -1px 0 rgba(92,106,196,.1),-3px -1.5px 0 rgba(92,106,196,.1),-4px -2px 0 rgba(92,106,196,.1),-5px -2.5px 0 rgba(92,106,196,.1),-6px -3px 0 rgba(92,106,196,.1),-7px -3.5px 0 rgba(92,106,196,.1),-8px -4px 0 rgba(92,106,196,.1),-9px -4.5px 0 rgba(92,106,196,.1),-10px -5px 0 rgba(92,106,196,.1),-11px -5.5px 0 rgba(92,106,196,.1),-12px -6px 0 rgba(92,106,196,.1),-13px -6.5px 0 rgba(92,106,196,.1),-14px -7px 0 rgba(92,106,196,.1),-15px -7.5px 0 rgba(92,106,196,.1),-16px -8px 0 rgba(92,106,196,.1),-17px -8.5px 0 rgba(92,106,196,.1),-18px -9px 0 rgba(92,106,196,.1),-19px -9.5px 0 rgba(92,106,196,.1),-20px -10px 0 rgba(92,106,196,.1),-21px -10.5px 0 rgba(92,106,196,.1),-22px -11px 0 rgba(92,106,196,.1),-23px -11.5px 0 rgba(92,106,196,.1),-24px -12px 0 rgba(92,106,196,.1),-25px -12.5px 0 rgba(92,106,196,.1),-26px -13px 0 rgba(92,106,196,.1),-27px -13.5px 0 rgba(92,106,196,.1),-28px -14px 0 rgba(92,106,196,.1),-29px -14.5px 0 rgba(92,106,196,.1),-30px -15px 0 rgba(92,106,196,.1)}
    75%{box-shadow:0 0 0 rgba(92,106,196,.1),1px .5px 0 rgba(92,106,196,.1),2px 1px 0 rgba(92,106,196,.1),3px 1.5px 0 rgba(92,106,196,.1),4px 2px 0 rgba(92,106,196,.1),5px 2.5px 0 rgba(92,106,196,.1),6px 3px 0 rgba(92,106,196,.1),7px 3.5px 0 rgba(92,106,196,.1),8px 4px 0 rgba(92,106,196,.1),9px 4.5px 0 rgba(92,106,196,.1),10px 5px 0 rgba(92,106,196,.1),11px 5.5px 0 rgba(92,106,196,.1),12px 6px 0 rgba(92,106,196,.1),13px 6.5px 0 rgba(92,106,196,.1),14px 7px 0 rgba(92,106,196,.1),15px 7.5px 0 rgba(92,106,196,.1),16px 8px 0 rgba(92,106,196,.1),17px 8.5px 0 rgba(92,106,196,.1),18px 9px 0 rgba(92,106,196,.1),19px 9.5px 0 rgba(92,106,196,.1),20px 10px 0 rgba(92,106,196,.1),21px 10.5px 0 rgba(92,106,196,.1),22px 11px 0 rgba(92,106,196,.1),23px 11.5px 0 rgba(92,106,196,.1),24px 12px 0 rgba(92,106,196,.1),25px 12.5px 0 rgba(92,106,196,.1),26px 13px 0 rgba(92,106,196,.1),27px 13.5px 0 rgba(92,106,196,.1),28px 14px 0 rgba(92,106,196,.1),29px 14.5px 0 rgba(92,106,196,.1),30px 15px 0 rgba(92,106,196,.1)}
}
@-webkit-keyframes trail-salmon{25%{box-shadow:0 0 0 rgba(250,188,187,.1),1px -.5px 0 rgba(250,188,187,.1),2px -1px 0 rgba(250,188,187,.1),3px -1.5px 0 rgba(250,188,187,.1),4px -2px 0 rgba(250,188,187,.1),5px -2.5px 0 rgba(250,188,187,.1),6px -3px 0 rgba(250,188,187,.1),7px -3.5px 0 rgba(250,188,187,.1),8px -4px 0 rgba(250,188,187,.1),9px -4.5px 0 rgba(250,188,187,.1),10px -5px 0 rgba(250,188,187,.1),11px -5.5px 0 rgba(250,188,187,.1),12px -6px 0 rgba(250,188,187,.1),13px -6.5px 0 rgba(250,188,187,.1),14px -7px 0 rgba(250,188,187,.1),15px -7.5px 0 rgba(250,188,187,.1),16px -8px 0 rgba(250,188,187,.1),17px -8.5px 0 rgba(250,188,187,.1),18px -9px 0 rgba(250,188,187,.1),19px -9.5px 0 rgba(250,188,187,.1),20px -10px 0 rgba(250,188,187,.1),21px -10.5px 0 rgba(250,188,187,.1),22px -11px 0 rgba(250,188,187,.1),23px -11.5px 0 rgba(250,188,187,.1),24px -12px 0 rgba(250,188,187,.1),25px -12.5px 0 rgba(250,188,187,.1),26px -13px 0 rgba(250,188,187,.1),27px -13.5px 0 rgba(250,188,187,.1),28px -14px 0 rgba(250,188,187,.1),29px -14.5px 0 rgba(250,188,187,.1),30px -15px 0 rgba(250,188,187,.1)}
    75%{box-shadow:0 0 0 rgba(250,188,187,.1),-1px .5px 0 rgba(250,188,187,.1),-2px 1px 0 rgba(250,188,187,.1),-3px 1.5px 0 rgba(250,188,187,.1),-4px 2px 0 rgba(250,188,187,.1),-5px 2.5px 0 rgba(250,188,187,.1),-6px 3px 0 rgba(250,188,187,.1),-7px 3.5px 0 rgba(250,188,187,.1),-8px 4px 0 rgba(250,188,187,.1),-9px 4.5px 0 rgba(250,188,187,.1),-10px 5px 0 rgba(250,188,187,.1),-11px 5.5px 0 rgba(250,188,187,.1),-12px 6px 0 rgba(250,188,187,.1),-13px 6.5px 0 rgba(250,188,187,.1),-14px 7px 0 rgba(250,188,187,.1),-15px 7.5px 0 rgba(250,188,187,.1),-16px 8px 0 rgba(250,188,187,.1),-17px 8.5px 0 rgba(250,188,187,.1),-18px 9px 0 rgba(250,188,187,.1),-19px 9.5px 0 rgba(250,188,187,.1),-20px 10px 0 rgba(250,188,187,.1),-21px 10.5px 0 rgba(250,188,187,.1),-22px 11px 0 rgba(250,188,187,.1),-23px 11.5px 0 rgba(250,188,187,.1),-24px 12px 0 rgba(250,188,187,.1),-25px 12.5px 0 rgba(250,188,187,.1),-26px 13px 0 rgba(250,188,187,.1),-27px 13.5px 0 rgba(250,188,187,.1),-28px 14px 0 rgba(250,188,187,.1),-29px 14.5px 0 rgba(250,188,187,.1),-30px 15px 0 rgba(250,188,187,.1)}
}
@keyframes trail-salmon{25%{box-shadow:0 0 0 rgba(250,188,187,.1),1px -.5px 0 rgba(250,188,187,.1),2px -1px 0 rgba(250,188,187,.1),3px -1.5px 0 rgba(250,188,187,.1),4px -2px 0 rgba(250,188,187,.1),5px -2.5px 0 rgba(250,188,187,.1),6px -3px 0 rgba(250,188,187,.1),7px -3.5px 0 rgba(250,188,187,.1),8px -4px 0 rgba(250,188,187,.1),9px -4.5px 0 rgba(250,188,187,.1),10px -5px 0 rgba(250,188,187,.1),11px -5.5px 0 rgba(250,188,187,.1),12px -6px 0 rgba(250,188,187,.1),13px -6.5px 0 rgba(250,188,187,.1),14px -7px 0 rgba(250,188,187,.1),15px -7.5px 0 rgba(250,188,187,.1),16px -8px 0 rgba(250,188,187,.1),17px -8.5px 0 rgba(250,188,187,.1),18px -9px 0 rgba(250,188,187,.1),19px -9.5px 0 rgba(250,188,187,.1),20px -10px 0 rgba(250,188,187,.1),21px -10.5px 0 rgba(250,188,187,.1),22px -11px 0 rgba(250,188,187,.1),23px -11.5px 0 rgba(250,188,187,.1),24px -12px 0 rgba(250,188,187,.1),25px -12.5px 0 rgba(250,188,187,.1),26px -13px 0 rgba(250,188,187,.1),27px -13.5px 0 rgba(250,188,187,.1),28px -14px 0 rgba(250,188,187,.1),29px -14.5px 0 rgba(250,188,187,.1),30px -15px 0 rgba(250,188,187,.1)}
    75%{box-shadow:0 0 0 rgba(250,188,187,.1),-1px .5px 0 rgba(250,188,187,.1),-2px 1px 0 rgba(250,188,187,.1),-3px 1.5px 0 rgba(250,188,187,.1),-4px 2px 0 rgba(250,188,187,.1),-5px 2.5px 0 rgba(250,188,187,.1),-6px 3px 0 rgba(250,188,187,.1),-7px 3.5px 0 rgba(250,188,187,.1),-8px 4px 0 rgba(250,188,187,.1),-9px 4.5px 0 rgba(250,188,187,.1),-10px 5px 0 rgba(250,188,187,.1),-11px 5.5px 0 rgba(250,188,187,.1),-12px 6px 0 rgba(250,188,187,.1),-13px 6.5px 0 rgba(250,188,187,.1),-14px 7px 0 rgba(250,188,187,.1),-15px 7.5px 0 rgba(250,188,187,.1),-16px 8px 0 rgba(250,188,187,.1),-17px 8.5px 0 rgba(250,188,187,.1),-18px 9px 0 rgba(250,188,187,.1),-19px 9.5px 0 rgba(250,188,187,.1),-20px 10px 0 rgba(250,188,187,.1),-21px 10.5px 0 rgba(250,188,187,.1),-22px 11px 0 rgba(250,188,187,.1),-23px 11.5px 0 rgba(250,188,187,.1),-24px 12px 0 rgba(250,188,187,.1),-25px 12.5px 0 rgba(250,188,187,.1),-26px 13px 0 rgba(250,188,187,.1),-27px 13.5px 0 rgba(250,188,187,.1),-28px 14px 0 rgba(250,188,187,.1),-29px 14.5px 0 rgba(250,188,187,.1),-30px 15px 0 rgba(250,188,187,.1)}
}
@-webkit-keyframes slide-zy{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateY(75px)}
    30%{transform:translateX(100px) translateY(125px)}
    50%{transform:translateY(75px)}
    100%,70%{transform:translateX(0) translateY(0)}
}
@keyframes slide-zy{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateY(75px)}
    30%{transform:translateX(100px) translateY(125px)}
    50%{transform:translateY(75px)}
    100%,70%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes loop-xy{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateX(-100px) translateY(50px)}
    30%{transform:translateX(0) translateY(100px)}
    50%{transform:translateX(100px) translateY(50px)}
    100%,70%{transform:translateX(0) translateY(0)}
}
@keyframes loop-xy{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateX(-100px) translateY(50px)}
    30%{transform:translateX(0) translateY(100px)}
    50%{transform:translateX(100px) translateY(50px)}
    100%,70%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes loop-yz{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateY(100px)}
    30%{transform:translateX(200px) translateY(200px)}
    50%{transform:translateX(200px) translateY(100px)}
    100%,70%{transform:translateX(0) translateY(0)}
}
@keyframes loop-yz{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateY(100px)}
    30%{transform:translateX(200px) translateY(200px)}
    50%{transform:translateX(200px) translateY(100px)}
    100%,70%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes loop-yz-reverse{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateY(-50px)}
    30%{transform:translateX(100px) translateY(-100px)}
    50%{transform:translateX(100px) translateY(-50px)}
    100%,70%{transform:translateX(0) translateY(0)}
}
@keyframes loop-yz-reverse{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateY(-50px)}
    30%{transform:translateX(100px) translateY(-100px)}
    50%{transform:translateX(100px) translateY(-50px)}
    100%,70%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes loop-xz{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateY(50px)}
    30%{transform:translateX(-200px) translateY(150px)}
    40%{transform:translateX(-200px) translateY(100px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@keyframes loop-xz{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateY(50px)}
    30%{transform:translateX(-200px) translateY(150px)}
    40%{transform:translateX(-200px) translateY(100px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes slide-x-1-minus{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateX(25px) translateY(-12.5px)}
    30%{transform:translateX(100px) translateY(-50px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@keyframes slide-x-1-minus{0%{transform:translateX(0) translateY(0)}
    10%{transform:translateX(25px) translateY(-12.5px)}
    30%{transform:translateX(100px) translateY(-50px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes slide-x-2-plus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateX(-200px) translateY(100px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@keyframes slide-x-2-plus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateX(-200px) translateY(100px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes slide-y-1-plus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateX(100px) translateY(50px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@keyframes slide-y-1-plus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateX(100px) translateY(50px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes slide-y-2-plus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateX(200px) translateY(100px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@keyframes slide-y-2-plus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateX(200px) translateY(100px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes slide-y-1-minus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateX(-100px) translateY(-50px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@keyframes slide-y-1-minus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateX(-100px) translateY(-50px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes slide-z-1-plus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateY(-50px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@keyframes slide-z-1-plus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateY(-50px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes slide-z-2-minus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateY(100px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@keyframes slide-z-2-minus{0%{transform:translateX(0) translateY(0)}
    30%{transform:translateY(100px)}
    100%,60%{transform:translateX(0) translateY(0)}
}
@-webkit-keyframes slide-down-right{from{transform:translateX(0) translateY(0)}
    to{transform:translateX(100px) translateY(50px)}
}
@keyframes slide-down-right{from{transform:translateX(0) translateY(0)}
    to{transform:translateX(100px) translateY(50px)}
}
@-webkit-keyframes slide-down-left{from{transform:translateX(0) translateY(0)}
    to{transform:translateX(-100px) translateY(50px)}
}
@keyframes slide-down-left{from{transform:translateX(0) translateY(0)}
    to{transform:translateX(-100px) translateY(50px)}
}
.footer{position: fixed;bottom:0;left:0;width:100%;height: 100px!important;
    background: hsla(0,0%,100%,.8);

    padding-top: 25px;
    box-sizing: border-box;}

.footer .address{
    text-align: center;
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}
.footer .info {
    text-align: center;
    color: #999;
    font-size: 12px;
}