1 |
- .lowin-input .el-input__inner{background-color:transparent!important;border:0!important}.lowin[data-v-028c2182]{--color-primary:#44a0b3;--color-grey:rgba(68,160,179,0.06);--color-dark:rgba(68,160,179,0.5);--color-semidark:rgba(68,160,179,0.5);text-align:center;margin:60px 0 0 0;font-family:Segoe UI;font-size:14px}.lowin .lowin-wrapper[data-v-028c2182]{-webkit-transition:all 1s;transition:all 1s;-webkit-perspective:1000px;perspective:1000px;position:relative;height:100%;width:360px;margin:0 auto}.lowin.lowin-blue[data-v-028c2182]{--color-primary:#0081c6;--color-grey:rgba(0,129,198,0.05);--color-dark:rgba(0,129,198,0.7);--color-semidark:rgba(0,129,198,0.45)}.lowin a[data-v-028c2182]{color:var(--color-primary);text-decoration:none;border-bottom:1px dashed var(--color-semidark);margin-top:-3px;padding-bottom:2px}.lowin [data-v-028c2182]{-webkit-box-sizing:border-box;box-sizing:border-box}.lowin .lowin-brand[data-v-028c2182]{overflow:hidden;width:100px;height:100px;margin:0 auto -50px auto;border-radius:50%;-webkit-box-shadow:0 4px 40px rgba(0,0,0,.07);box-shadow:0 4px 40px rgba(0,0,0,.07);padding:10px;background-color:#fff;z-index:1;position:relative}.lowin .lowin-brand img[data-v-028c2182]{width:100%}.lowin .lowin-box[data-v-028c2182]{width:100%;position:absolute;left:0}.lowin .lowin-box-inner[data-v-028c2182]{background-color:#fff;-webkit-box-shadow:0 7px 25px rgba(0,0,0,.08);box-shadow:0 7px 25px rgba(0,0,0,.08);padding:60px 25px 25px 25px;text-align:left;border-radius:3px}.lowin .lowin-box[data-v-028c2182]:after{content:" ";-webkit-box-shadow:0 0 25px rgba(0,0,0,.1);box-shadow:0 0 25px rgba(0,0,0,.1);-webkit-transform:translateY(-92.6%) scale(.88);transform:translateY(-92.6%) scale(.88);border-radius:3px;position:absolute;top:100%;left:0;width:100%;height:100%;background-color:#fff;z-index:-1}.lowin .lowin-box.lowin-flip[data-v-028c2182]{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);display:none;opacity:0}.lowin .lowin-box p[data-v-028c2182]{color:var(--color-semidark);font-weight:700;margin-bottom:20px;text-align:center}.lowin .lowin-box .lowin-group[data-v-028c2182]{margin-bottom:30px}.lowin .lowin-box label[data-v-028c2182]{margin-bottom:5px;display:inline-block;width:100%;color:var(--color-semidark);font-weight:700}.lowin .lowin-box label a[data-v-028c2182]{float:right}.lowin .lowin-box .lowin-input[data-v-028c2182]{background-color:var(--color-grey);color:var(--color-dark);border:none;border-radius:3px;padding:5px 20px;width:100%;outline:0}.lowin .lowin-box .lowin-btn[data-v-028c2182]{display:inline-block;width:100%;border:none;color:#fff;padding:15px;border-radius:3px;background-color:var(--color-primary);-webkit-box-shadow:0 2px 7px var(--color-semidark);box-shadow:0 2px 7px var(--color-semidark);font-weight:700;outline:0;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}.lowin .lowin-box .lowin-btn[data-v-028c2182]:active{-webkit-box-shadow:none;box-shadow:none}.lowin .lowin-box .lowin-btn[data-v-028c2182]:hover{opacity:.9}.lowin .text-foot[data-v-028c2182]{text-align:center;padding:10px;font-weight:700;margin-top:20px;color:var(--color-semidark)}.lowin .lowin-box.lowin-animated[data-v-028c2182]{-webkit-animation-name:LowinAnimated;animation-name:LowinAnimated;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.lowin .lowin-box.lowin-animatedback[data-v-028c2182]{-webkit-animation-name:LowinAnimatedBack;animation-name:LowinAnimatedBack;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.lowin .lowin-box.lowin-animated-flip[data-v-028c2182]{-webkit-animation-name:LowinAnimatedFlip;animation-name:LowinAnimatedFlip;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.lowin .lowin-box.lowin-animated-flipback[data-v-028c2182]{-webkit-animation-name:LowinAnimatedFlipBack;animation-name:LowinAnimatedFlipBack;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.lowin .lowin-brand.lowin-animated[data-v-028c2182]{-webkit-animation-name:LowinBrandAnimated;animation-name:LowinBrandAnimated;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.lowin .lowin-group.password-group[data-v-028c2182]{-webkit-transition:all 1s;transition:all 1s}.lowin .lowin-group.password-group.lowin-animated[data-v-028c2182]{-webkit-animation-name:LowinPasswordAnimated;animation-name:LowinPasswordAnimated;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.lowin .lowin-group.password-group.lowin-animated-back[data-v-028c2182]{-webkit-animation-name:LowinPasswordAnimatedBack;animation-name:LowinPasswordAnimatedBack;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}@media screen and (max-width:320px){.lowin .lowin-wrapper[data-v-028c2182]{width:100%}.lowin .lowin-box[data-v-028c2182]{padding:0 10px}}
|