html{position:relative}html,body,#app,#index{height:100%}#app .header{position:fixed;width:100%;top:0;left:0px;z-index:999;height:70px;padding:35px 0;box-sizing:border-box;background-size:auto 100%;background-position:center;background-repeat:no-repeat}#app .header .nav{width:80%;height:40px;line-height:40px;margin:0 auto}#app .header .nav .logo{float:left;background-image:url("../image/logo1.png");display:block;width:212px;height:90px;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}#app .content{width:100%;height:100%}#app .content .warp{position:absolute;left:0;top:15%;width:100%;text-align:center;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}#app .content .warp .slogan-img{width:600px;height:200px;background:url("../image/title.png") no-repeat 0 0;display:inline-block;background-size:600px}#app .content .warp .slogan-text{height:90px;font-weight:400;font-size:16px;color:#ffffff;line-height:30px;letter-spacing:2px;font-style:normal}#app .content .warp .mid{margin-top:58px;display:flex;align-items:center}#app .content .warp .mid .show-login-btn{width:188px;height:50px;background:#246fdd;border-radius:6px}#app .content .warp .mid .show-login-btn:first-child{margin-right:40px}#app .content .warp .bottom{display:flex;align-items:center;justify-content:space-around;width:888px;height:126px;margin-top:110px}#app .content .warp .bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;background:rgba(255,255,255,0.4);height:100%;border-radius:10px}#app .content .warp .bottom-item:nth-child(1),#app .content .warp .bottom-item:nth-child(2){margin-right:10px}#app .content .warp .bottom-item>.value{font-weight:800;font-size:30px;color:#fff;line-height:45px;text-align:left;font-style:normal}#app .content .warp .bottom-item>.label{font-weight:500;font-size:16px;color:#333333;line-height:22px;text-align:left;font-style:normal}#app .content .carousel-img{width:100%;height:100%;object-fit:cover;z-index:999}.login-box{position:absolute;right:2%;top:10%;background:rgba(0,0,0,0.6);width:400px;height:450px;box-shadow:0px 20px 31px 0px rgba(186,194,235,0.36);border-radius:10px;z-index:999}.login-box .login-title{height:42px;font-family:PingFangSC, PingFang SC;font-weight:600;font-size:28px;color:#fff;line-height:42px;letter-spacing:5px;text-align:center;font-style:normal;margin-bottom:30px}.login-btn{width:100%;height:40px;background:linear-gradient(270deg, #4570f6 0%, #7c67ef 100%);border-radius:5px;color:#ffffff;border:none}.input-rounded,.code-rounded{border-radius:5px}.n-input .n-input__input-el{height:100%}.iconfont{color:#d8d8d8;font-size:22px !important}.n-tabs .n-tabs-tab{color:#949596;font-weight:bold}.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--active,.n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--active{color:#fff;border:none}.n-tabs .n-tabs-bar{background:#fff}.n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab:hover .n-tabs-tab__label{color:#949596}#jumpBox .jump-bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;background:linear-gradient(to right, #eef6ff, #fff)}#jumpBox li img{transition:transform 0.3s ease}#jumpBox li.active{cursor:pointer}#jumpBox li.active img:hover{transform:scale(1.2)}.icon-success{color:#53c300}.drag{width:100%;height:2.5rem;line-height:2.5rem;background-color:#e8e8e8;position:relative;margin:0 auto;border-radius:3px}.background{width:2.5rem;height:100%;position:absolute;background-color:#53c300;border-radius:3px 0 0 3px}.text{position:absolute;width:100%;height:100%;text-align:center;user-select:none}.slider{width:2.5rem;height:2.375rem;position:absolute;cursor:move;font-family:"宋体", sans-serif;text-align:center;background-color:#fff;user-select:none;color:#666;border-radius:3px}
