.jc-component__range .jc-range{background-color:#eee;position:relative;transition:1s all;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#333;display:flex;justify-content:center;align-items:center;height:40px}.jc-component__range .jc-range i{box-sizing:border-box;position:absolute;left:0;width:60px;height:100%;color:#409eff;background-color:#fff;border:1px solid #bbb;cursor:pointer;display:flex;justify-content:center;align-items:center}.jc-component__range .jc-range.success{background-color:#7ac23c;color:#fff}.jc-component__range .jc-range.success i{color:#7ac23c}

.login-container{background:#2d9bf0;background:linear-gradient(to bottom right, #2d9bf0 0%, #148be4 100%);opacity:0.8;position:absolute;left:0;width:100%;height:100%;overflow:hidden}.login-container .login-top{height:117px;background-color:#148be4;border-radius:3px 3px 0 0;font-family:SourceHanSansCN-Regular;font-size:30px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#fff;line-height:117px;text-align:center;overflow:hidden;transform:rotate(0)}.login-container .login-top .bg1{display:inline-block;width:74px;height:74px;background:#fff;opacity:0.1;border-radius:0 74px 0 0;position:absolute;left:0;top:43px}.login-container .login-top .bg2{display:inline-block;width:94px;height:94px;background:#fff;opacity:0.1;border-radius:50%;position:absolute;right:-16px;top:-16px}.login-container .el-footer{left:0;bottom:0;color:#fff;width:100%;position:absolute;text-align:center;line-height:30px;padding-bottom:10px;text-shadow:#000 0.1em 0.1em 0.1em;font-size:14px}.login-container .el-footer a,.login-container .el-footer span{color:#fff;text-decoration:none}.login-box{z-index:10;width:500px;background-color:white;border-radius:3px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);box-shadow:0 0 10px 10px rgba(0,0,0,0.1)}.btns{display:flex;justify-content:flex-end}.login-form{margin-top:20px;width:100%;padding:0 30px;box-sizing:border-box}.login-form .register{text-align:right;font-size:14px;color:#606266;cursor:pointer}.login-form .register:hover{color:#409eff}.login-keyos{position:absolute;top:8px;right:15px;cursor:pointer}.links{text-align:center}.links .link_item{color:#ffffff;text-decoration:none;margin:0 10px;display:inline-block}.links .link_item:hover{cursor:pointer;color:#ffd700;text-decoration:underline}.bg3{display:inline-block;width:74px;height:74px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:10%;top:10%;transform:rotate(30deg);-webkit-transform:rotate(30deg)}.bg4{display:inline-block;width:174px;height:174px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:70%;top:50%;transform:rotate(-24deg);-webkit-transform:rotate(-24deg)}.bg5{display:inline-block;width:20px;height:20px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:5%;top:80%;transform:rotate(12deg);-webkit-transform:rotate(12deg)}.bg6{display:inline-block;width:120px;height:120px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:18%;top:53%;transform:rotate(87deg);-webkit-transform:rotate(87deg)}.bg7{display:inline-block;width:140px;height:140px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:15%;top:80%;transform:rotate(-20deg);-webkit-transform:rotate(-20deg)}.bg8{display:inline-block;width:230px;height:230px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:23%;top:18%;transform:rotate(46deg);-webkit-transform:rotate(46deg)}.bg9{display:inline-block;width:50px;height:50px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:70%;top:8%;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.bg10{display:inline-block;width:240px;height:240px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:90%;top:56%;transform:rotate(-70deg);-webkit-transform:rotate(-70deg)}.bg11{display:inline-block;width:30px;height:30px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:90%;top:16%;transform:rotate(-60deg);-webkit-transform:rotate(-60deg)}.bg12{display:inline-block;width:30px;height:30px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:72%;top:96%;transform:rotate(-60deg);-webkit-transform:rotate(-60deg)}.bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;background-color:rgba(255,255,255,0.15);bottom:-160px;animation:square 25s infinite;transition-timing-function:linear}.bg-bubbles li:nth-child(1){left:10%}.bg-bubbles li:nth-child(2){left:20%;width:80px;height:80px;animation-delay:0s;animation-duration:17s}.bg-bubbles li:nth-child(3){left:25%;animation-delay:4s}.bg-bubbles li:nth-child(4){left:40%;width:60px;height:60px;animation-duration:22s;background-color:rgba(255,255,255,0.25)}.bg-bubbles li:nth-child(5){left:70%}.bg-bubbles li:nth-child(6){left:80%;width:120px;height:120px;animation-delay:3s;background-color:rgba(255,255,255,0.2)}.bg-bubbles li:nth-child(7){left:32%;width:160px;height:160px;animation-delay:7s}.bg-bubbles li:nth-child(8){left:55%;width:20px;height:20px;animation-delay:15s;animation-duration:40s}.bg-bubbles li:nth-child(9){left:25%;width:10px;height:10px;animation-delay:2s;animation-duration:40s;background-color:rgba(255,255,255,0.3)}.bg-bubbles li:nth-child(10){left:90%;width:160px;height:160px;animation-delay:11s}@keyframes square{0%{transform:translateY(0)}100%{transform:translateY(-700px) rotate(600deg)}}