.lph-header {position: fixed;width: 100%;height: 80px;padding: 0 16px;top: 0;left: 0;box-sizing: border-box;color: #000;display: flex;align-items: center;justify-content: space-between;z-index: 100;}.lph-header::before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #fff;z-index: -1;}.lph-scroll::before {background: #ffffff5b;backdrop-filter: blur(10px);}.lph-header .the-menu {display: none;cursor: pointer;}.lph-header .the-logo {height: 34px;}.lph-header .the-logo img {display: block;height: 100%;cursor: pointer;}.lph-header .the-nav {display: flex;list-style: none;margin: 0 0 0 20px;padding: 0;font-size: 18px;flex: 1;}.lph-header .the-nav li {padding: 0 20px;}.lph-header .the-nav li a {text-decoration: none;color: #00000080;}.lph-header .the-nav li a:hover, .lph-header .the-nav li a.cur {color: #000000;font-weight: bold;}.lph-header .the-login {background: #000000;color: #fff;border-radius: 20px;padding: 5px;cursor: pointer;}.lph-header .the-login .the-txt {font-size: 15px;font-weight: 700;padding: 0 10px;display: block;}.lph-header .the-login .user-icon {width: 32px;height: 32px;background: #fff;color: #000;border: solid 2px #fff;border-radius: 50%;box-sizing: border-box;}.lph-header .the-login .user-icon svg {width: 32px;height: 32px;}.lph-header .sub-menu {width: 0;overflow: hidden;top: 0;left: 0;}.page-footer {background: #ffffff;color: #000;font-size: 12px;line-height: 1.5;}.page-footer .footer-con {width: 1180px;margin: 0 auto;}.quick-nav {padding: 100px 0 40px;display: flex;gap: 80px;}.quick-nav .nav-item {display: flex;flex-direction: column;}.quick-nav .nav-item ul{list-style: none;padding-left: 0;}.quick-nav .nav-item li{line-height: 32px;}.quick-nav .nav-item li a{display: block;}.quick-nav .nav-tit {font-weight: 500;font-size: 20px;color: #000000;line-height: 26px;margin-bottom: 14px;}.quick-nav .nav-item .logo {width: 183px;}.quick-nav .nav-item .logo img{width: 100%;}.quick-nav a {color: #00000099;text-decoration: none;font-size: 14px;}.page-footer .footer-copy {padding: 28px 0;background: #0000000a;display: flex;justify-content: space-between;align-items: center;}.page-footer .copy-info {color: #00000099;}@media screen and (max-width: 680px) {.lph-header {height: 55px;}.lph-header .the-logo {height: 30px;}.lph-header .the-logo img {}.lph-header .the-nav {display: none;}.lph-header .the-login {padding: 6px 5px;}.lph-header .the-login .user-icon {width: 20px;height: 20px;}.lph-header .the-login .the-txt {font-size: 14px;}.lph-header .the-menu {display: block;margin-right: 18px;}.lph-header .the-menu img {display: block;height: 17px;}.lph-header .sub-menu {height: auto;position: fixed;height: 100%;width: 100%;right: 0;bottom: 0;}.lph-header .sub-bg {position: absolute;background: #0000002d;left: 0;top: 0;right: 0;bottom: 0;}.lph-header .sub-box {box-sizing: border-box;padding: 40px 30px 20px;background: #fff;height: 100%;width: 80%;position: relative;overflow-y: auto;}.lph-header .sub-menu .sm-cancel {position: absolute;right: 20px;top: 20px;width: 40px;height: 40px;border-radius: 50%;background: #0000000f;display: flex;justify-content: center;align-items: center;}.lph-header .sub-logo {padding: 0.8rem 0;font-size: 0;text-align: center;}.lph-header .sub-logo img{width: 2.94rem;}.lph-header .sub-menu .sm-cancel svg {width: 16px;height: 16px;}.lph-header .sub-menu a {display: block;text-decoration: none;}.sub-menu .quick-nav {padding: 0.4rem 0;}.lph-header .login-b {margin-top: 50px;display: inline-flex;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;width: 100%;height: 55px;background: linear-gradient( 132deg, #2DFD99 0%, #F0FF40 100%);border-radius: 28px;}.quick-nav {flex-direction: column;gap: 30px;padding-top: 24px;}.quick-nav .nav-tit {font-size: 16px;margin-bottom: 6px;display: flex;justify-content: space-between;align-items: center;}.quick-nav .nav-icon {width: 12px;height: 12px;display: inline-block;background: url(../fonts/icon-down.svg) top center no-repeat;background-size: cover;}.quick-nav .curr-nav {transform: rotateX(180deg);}.quick-nav .nav-item ul{display: none;}.quick-nav .nav-item ul.sub-show{display: block;}.quick-nav a {font-size: 14px;}.page-footer .footer-con {width: 100%;padding: 0 40px ;box-sizing: border-box;margin: 0 auto;}.page-footer .nav-item .logo{width: 131px;}.page-footer .footer-copy{padding: 15px 0;font-size: 9px;}}