2 lines
6.4 KiB
CSS
2 lines
6.4 KiB
CSS
.hamburger-menu[data-v-aace1004]{position:fixed;top:20px;right:20px;width:25px;height:25px;cursor:pointer;z-index:10011;display:none}.hamburger-icon[data-v-aace1004]{display:block;width:100%;height:3px;background-color:#303133;margin:5px 0;transition:all .3s ease-in-out;transform-origin:center}.rotate-top[data-v-aace1004]{transform:translateY(8px) rotate(45deg)}.hide-middle[data-v-aace1004]{opacity:0}.rotate-bottom[data-v-aace1004]{transform:translateY(-8px) rotate(-45deg)}.mobile-menu[data-v-aace1004]{position:fixed;top:70px;left:0;width:100%;height:100%;background-color:#fff;z-index:10010;display:flex;flex-direction:column;align-items:center;transition:all .3s ease-in-out;opacity:0;visibility:hidden}.mobile-menu.open[data-v-aace1004]{opacity:1;visibility:visible}.mobile-menu-list[data-v-aace1004]{list-style:none;padding:0;margin:0;width:90%;max-width:300px;border-radius:10px;overflow:hidden;z-index:10010}.mobile-menu-list li[data-v-aace1004]{padding:10px;line-height:30PX;border-bottom:1px solid #DCDCDC}.mobile-menu-list li a[data-v-aace1004]{text-decoration:none}.mobile-menu-list li[data-v-aace1004]:last-child{border-bottom:none}.login-register-module[data-v-aace1004]{position:fixed;top:20px;right:60px;z-index:10010;display:flex;justify-content:center;align-items:center;display:none}.login-register-module span[data-v-aace1004]{margin-right:10px;line-height:35px;cursor:pointer}.login-register-module span[data-v-aace1004]:hover{color:#00f}@media (max-width: 768px){.header-menu[data-v-aace1004]{display:none}.mobile-menu[data-v-aace1004]{padding:32px 24px;border-top:2px solid #DCDCDC}.header-right[data-v-aace1004]{display:none}.hamburger-menu[data-v-aace1004]{display:block}.login-register-module[data-v-aace1004]{display:flex}}.copyright a{cursor:pointer}.login-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000101}.login-container{padding:35px;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#fff;width:400px;transition:box-shadow .3s ease;position:relative}.login-container:hover{box-shadow:0 6px 12px #00000026}.login-container h4{color:#007bff;text-align:center;margin-bottom:30px;font-size:24px}.login-container .el-form-item{display:flex;justify-content:center;align-items:center;width:100%}.login-container .el-form-item label{width:100px!important}.login-container .el-input{width:100%}.login-container button{width:100%;padding:2px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:20px;cursor:pointer;transition:background-color .3s ease}.login-container button:hover{background-color:#0056b3}.login-container .login-close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;color:#6c757d}.login-container .login-close:hover{color:#007bff}.login-container .passwordLogin p{margin:10px;color:red}.login-container .pic_verifyCode img{cursor:pointer;width:100px;height:50px;margin-left:5px}.login-container .el-input{flex:1}.register-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000101}.el-message{z-index:1000102!important}.register-container{padding:35px;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#fff;width:400px;transition:box-shadow .3s ease;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.register-container:hover{box-shadow:0 6px 12px #00000026}.register-container h4{color:#007bff;text-align:center;margin-bottom:30px;font-size:24px}.register-container .el-form-item{display:flex;justify-content:center;align-items:center;width:100%}.register-container .el-form-item label{width:100px!important}.register-container .el-input{width:100%}.register-container .verifyAndButton{display:flex;width:100%}.register-container button{width:100%;padding:2px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:20px;cursor:pointer;transition:background-color .3s ease}.register-container button:hover{background-color:#0056b3}.register-container .register-close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;color:#6c757d}.register-container .register-close:hover{color:#007bff}.register-container .error-message{color:red;margin-top:5px;font-size:12px}.register-container p{color:red;margin:10px 0}.floating-menu[data-v-62dd8899]{position:fixed;right:5px;bottom:20%;padding:10px;z-index:1000}.floating-menu .menu-item[data-v-62dd8899]{display:block;margin:5px 0;padding:8px 15px;border:none;border-radius:3px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease}.floating-menu .menu-item[data-v-62dd8899]:hover{background-color:#0056b3}.floating-menu .menu-item-wrapper[data-v-62dd8899]{position:relative}.floating-menu .phone-popup[data-v-62dd8899]{position:absolute;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #0003;border-radius:5px;top:50%;left:-180px;transform:translateY(-50%);z-index:1001}.floating-menu .phone-popup-content[data-v-62dd8899]{display:flex;flex-direction:column;padding:10px;justify-content:center;align-items:center}.floating-menu .phone-popup-content .code img[data-v-62dd8899]{width:70px;height:70px}.floating-menu-mobile[data-v-62dd8899]{position:fixed;right:5px;bottom:20%;padding:10px;z-index:1000;background:#fff;border-radius:20%}.floating-menu-mobile .customer-serve[data-v-62dd8899]{width:30px;height:30px;display:block;margin-bottom:10px}.floating-menu-mobile .customer-serve i[data-v-62dd8899]{font-size:30px}.floating-menu-mobile .customer-serve .phone-popup[data-v-62dd8899]{position:absolute;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #0003;border-radius:5px;top:50%;left:-180px;transform:translateY(-50%);z-index:1001}.floating-menu-mobile .customer-serve .phone-popup-content[data-v-62dd8899]{display:flex;flex-direction:column;padding:10px;justify-content:center;align-items:center}.floating-menu-mobile .customer-serve .phone-popup-content .code img[data-v-62dd8899]{width:70px;height:70px}.floating-menu-mobile .feedback[data-v-62dd8899]{width:30px;height:30px;display:block;margin-bottom:10px}.floating-menu-mobile .feedback i[data-v-62dd8899]{font-size:30px}.floating-menu-mobile .backToTop[data-v-62dd8899]{width:30px;height:30px;display:none}.floating-menu-mobile .backToTop i[data-v-62dd8899]{font-size:30px}.contain{min-height:calc(100vh - 70px);display:flex;flex-direction:column}.contain .routerView{flex:1}
|