@charset "utf-8";
:root{
    --color-gray6:#7B7B7B;
    --color-domain:#00A5B1;
	--size-10:clamp(5px,0.5208333333333333vw,20px);
	--size-15:clamp(7px,0.78125vw,30px);
	--size-20:clamp(10px,1.0416666666666665vw,40px);
	--size-25:clamp(12px,1.3020833333333335vw,50px);
	--size-30:clamp(15px,1.5625vw,60px);
	--size-35:clamp(17px,1.8229166666666667vw,70px);
	--size-40:clamp(20px,2.083333333333333vw,80px);
	--size-45:clamp(22px,2.34375vw,90px);
	--size-50:clamp(25px,2.604166666666667vw,100px);
	--size-55:clamp(25px,2.864583333333333vw,110px);
	--size-60:clamp(30px,3.125vw,120px);
	--size-65:clamp(32px,3.3854166666666665vw,130px);
	--size-70:clamp(35px,3.6458333333333335vw,140px);
	--size-75:clamp(37px,3.90625vw,150px);
	--size-80:clamp(40px,4.166666666666666vw,160px);
	--size-85:clamp(42px,4.427083333333334vw,170px);
	--size-90:clamp(45px,4.6875vw,180px);
	--size-95:clamp(47px,4.947916666666666vw,190px);
	--size-100:clamp(50px,5.208333333333334vw,200px);
	--size-110:clamp(55px,5.729166666666666vw,220px);
	--size-120:clamp(60px,6.25vw,240px);
	--size-130:clamp(65px,6.770833333333333vw,260px);
	--size-140:clamp(70px,7.291666666666667vw,280px);

	--size-10-:clamp(-20px,-0.5208333333333333vw,-5px);
	--size-15-:clamp(-30px,-0.78125vw,-7px);
	--size-20-:clamp(-40px,-1.0416666666666665vw,-10px);
	--size-25-:clamp(-50px,-1.3020833333333335vw,-12px);
	--size-30-:clamp(-60px,-1.5625vw,-15px);
	--size-35-:clamp(-70px,-1.8229166666666667vw,-17px);
	--size-40-:clamp(-80px,-2.083333333333333vw,-20px);
	--size-45-:clamp(-90px,-2.34375vw,-22px);
	--size-50-:clamp(-100px,-2.604166666666667vw,-25px);
	--size-55-:clamp(-110px,-2.864583333333333vw,-25px);
	--size-60-:clamp(-120px,-3.125vw,-30px);
	--size-65-:clamp(-130px,-3.3854166666666665vw,-32px);
	--size-70-:clamp(-140px,-3.6458333333333335vw,-35px);
	--size-75-:clamp(-150px,-3.90625vw,-37px);
	--size-80-:clamp(-160px,-4.166666666666666vw,-40px);
	--size-85-:clamp(-170px,-4.427083333333334vw,-42px);
	--size-90-:clamp(-180px,-4.6875vw,-45px);
	--size-95-:clamp(-190px,-4.947916666666666vw,-47px);
	--size-100-:clamp(-200px,-5.208333333333334vw,-50px);
	--size-110-:clamp(-220px,-5.729166666666666vw,-55px);
	--size-120-:clamp(-240px,-6.25vw,-60px);
	--size-130-:clamp(-260px,-6.770833333333333vw,-65px);
	--size-140-:clamp(-280px,-7.291666666666667vw,-70px);
}
.l-font12{font-size:12px}.l-font16{font-size:16px;font-size:clamp(12px,0.8333333333333334vw,32px)}.l-font18{font-size:18px;font-size:clamp(14px,0.9375vw,36px)}.l-font20{font-size:20px;font-size:clamp(16px,1.0416666666666665vw,40px)}.l-font22{font-size:22px;font-size:clamp(16px,1.1458333333333333vw,44px)}.l-font24{font-size:24px;font-size:clamp(16px,1.25vw,48px)}.l-font26{font-size:26px;font-size:clamp(18px,1.3541666666666667vw,52px)}.l-font28{font-size:28px;font-size:clamp(18px,1.4583333333333333vw,56px)}.l-font30{font-size:30px;font-size:clamp(18px,1.5625vw,60px)}.l-font32{font-size:32px;font-size:clamp(18px,1.6666666666666667vw,64px)}.l-font34{font-size:34px;font-size:clamp(20px,1.7708333333333333vw,34px)}.l-font36{font-size:36px;font-size:clamp(20px,1.875vw,36px)}.l-font38{font-size:38px;font-size:clamp(22px,1.9791666666666665vw,66px)}.l-font40{font-size:40px;font-size:clamp(22px,2.083333333333333vw,80px)}.l-font42{font-size:42px;font-size:clamp(22px,2.1875vw,84px)}.l-font44{font-size:44px;font-size:clamp(24px,2.2916666666666665vw,88px)}.l-font46{font-size:46px;font-size:clamp(24px,2.3958333333333335vw,92px)}.l-font48{font-size:48px;font-size:clamp(26px,2.5vw,96px)}.l-font50{font-size:50px;font-size:clamp(28px,2.604166666666667vw,100px)}
.l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8{display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap}
.l-grid-2>*{width:50%}.l-grid-3>*{width:33.333333333333336%}.l-grid-4>*{width:25%}.l-grid-5>*{width:20%}.l-grid-6>*{width:16.666666666666668%}.l-grid-7>*{width:14.285714285714286%}.l-grid-8>*{width:12.5%}
.lh-header-r{margin-left: auto; align-items: center; }
.lh-header-avatar{position: relative;margin-right: var(--size-20); height: 1rem; display: flex; align-items: center; padding: 0 .25rem;}
.lh-header-avatar>.img{width: var(--size-40); aspect-ratio: 1/1; border-radius: 50%; background-color: rgba(238, 238, 238, 0.40);  border: 1px solid #fff; cursor: pointer; overflow: hidden;}
.lh-header-avatar>.img img{width:100%;vertical-align:middle; object-fit: cover; display: block;}
.lh-avatar-item{position: absolute; left: 50%; top: 100%; transform: translateX(-50%) translateY(-10px);min-width: 120px; background-color: #fff;transition: transform .5s cubic-bezier(.435,.25,.15,.965), opacity .5s cubic-bezier(.435,.25,.15,.965), visibility .5s cubic-bezier(.435,.25,.15,.965), -webkit-transform .5s cubic-bezier(.435,.25,.15,.965);border: 1px solid #e6e6e6;border-radius: 5px; padding: 10px 0; text-align: center; opacity: 0; pointer-events: none;}
.lh-avatar-item>*>*{color: #666;
    line-height: 36px;
    padding: 0 20px;
    position: relative;
    -webkit-transition: color .3s ease, letter-spacing .3s ease;
    transition: color .3s ease, letter-spacing .3s ease;
    white-space: nowrap;}
.lh-avatar-item::before{
        border-color: #fff #fff transparent transparent;
        border-style: solid;
        border-width: 5px;
        -webkit-box-shadow: 2px -2px 2px hsla(0, 0%, 39%, .1);
        box-shadow: 2px -2px 2px hsla(0, 0%, 39%, .1);
        content: "";
        height: 0;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        top: -5px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 0;
}
.lh-avatar-item>*>*:hover{color: #00a5b1;
        letter-spacing: 1px;}
.lh-header-avatar:hover .lh-avatar-item{transform: translate(-50%,0); opacity: 1;pointer-events: auto;}
.lh-header .lh-header-avatar>.img{filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15));}
.lh-header .header_logo>a img.black{opacity: 1;}
.lh-header .header_logo>a img.white{opacity: 0;}
.lh-header .header_language .header_language_btn, .lh-header .header_nav .list_a>a{color: #000;}
.lh-header:after{opacity: 1;}
.l-gray6{color: var(--color-gray6);}
.lh-main{padding-top: calc(1rem + var(--size-85)); padding-bottom: var(--size-85); background-repeat: no-repeat; background-size: cover;}
.lh-login-box{justify-content: flex-end; align-items: center;}
.lh-login{width: clamp(400px,32.8125vw,1260px);border-radius: 20px;
background: #FFF;backdrop-filter: blur(25px); padding: var(--size-90);  --size-85:clamp(58px,4.427083333333334vw,170px); --size-15:clamp(10px,0.78125vw,30px); --size-65:clamp(42px,3.3854166666666665vw,130px); --size-75:clamp(60px, 3.90625vw, 150px); --size-120:clamp(95px, 6.25vw, 240px);}
.lh-login>.title{text-align: center; position: relative; font-weight: bold;}
.lh-login>.title::after{content: ''; display: block; width: 34px; height: 3px; background-color: var(--color-domain); margin:5px auto 0;}
.login-input{margin-top: var(--size-30);}
.login-input>*{margin-top: var(--size-15); position: relative; display: flex; align-items: center; border: 1px solid #E3E3E3;box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 0 var(--size-20); height: var(--size-65);}
.login-input>*.error{border-color: var(--color-domain);}
.login-input>* em{position: relative;}
.login-input>* em::after{content: ''; display: block; width: 1px; height: 15px; background-color: #D7D7D7; position: absolute; left: calc(100% + var(--size-15)); top: 50%; transform: translateY(-50%);}
.login-input>* input{position: absolute; left: 0; right: 0; width: 100%; padding: 0 var(--size-20) 0 var(--size-85); height: 100%; border: none; background: none;}
.login-link{margin-top: var(--size-20); justify-content: space-between;}
.login-link>*{display: flex; align-items: center;}
.login-link a{color: var(--color-domain); display: flex; align-items: center;}
.login-link a img{width: 7px; margin-left: var(--size-15);}
.login-link a:hover,.login-protocol a:hover{text-decoration: underline;}
.login-protocol{margin-top: var(--size-50);}
.login-protocol a{color: var(--color-domain);}
.login-protocol span{align-items: center; cursor: pointer;}
.login-protocol i{display: block; width: calc(var(--size-15) + 5px); height: calc(var(--size-15) + 5px); border-radius: 50%; border: 1px solid #d7d7d7;box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05); margin-right: var(--size-15); position: relative;}
.login-protocol i::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-domain); position: absolute; left: 0; top: 0; transform: scale(0);transition: transform .5s cubic-bezier(.435,.25,.15,.965);}
.login-protocol>.active i::before{transform: scale(0.5);}
.login-btn{margin-top: var(--size-25);}
.login-btn>*{width: 100%; height: var(--size-65);}
.lh-reg{justify-content: center;}
.lh-reg .lh-login{padding-top: var(--size-50); padding-bottom: var(--size-50);}
.lh-reg .login-input>*:not(.login) em{width: calc(var(--size-75) - 2px); white-space: nowrap;}
.lh-reg .login-input>*:not(.login) input{padding-left: var(--size-120);}
.lh-reg .login-input>* i{color: #D80027; position: absolute; left: calc(100% + 5px);}
.user-top{aspect-ratio: 1920/614; background-repeat: no-repeat; background-size: cover; background-position: center; align-items: center; justify-content: center; text-align: center; color: #fff;}
.user-info>.img{width: var(--size-120); aspect-ratio: 1/1; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #DCF0FF; margin: auto;}
.user-info>.img img,.avatar-cont>.img img{max-width: 100%; vertical-align: middle;object-fit: cover;border:0;}
.user-info>.text{margin-top: var(--size-20);}
.user-info>.text>.nname{margin-top: var(--size-10);}
.user-nav{height: var(--size-100); background-color: #fff; border-radius: 20px 20px 0 0;backdrop-filter: blur(25px); margin-top: var(--size-100-); align-items: center; padding: 0 var(--size-80); position: relative; z-index: 2; border-bottom: 1px solid #D7D7D7;}
.user-nav>*{display: flex; align-items: center; position: relative; margin-right: var(--size-100); color: #888; height: 100%;}
.user-nav>*:last-child{margin-right: 0;}
.user-nav>* .icon{width: var(--size-40);}
.user-nav>* img{vertical-align: middle;object-fit: cover;border:0; max-width: 100%;}
.user-nav>*::after{content: ''; display: block; width: var(--size-130); height: 3px; background-color: var(--color-domain); position: absolute; left: 0; bottom: -2px; transform: scaleX(0); transition:transform .5s cubic-bezier(.435,.25,.15,.965);}
.user-nav>*.active,.user-nav>*:hover{color: var(--color-domain);}
.user-nav>*.active::after,.user-nav>*:hover::after{transform: scaleX(1);}
.lh-revise{width: clamp(460px,47.91666666666667vw,1840px); margin: auto;}
.lh-revise .login-input{justify-content: space-between;}
.lh-revise .login-input>*{width: calc(50% - var(--size-10));}
.lh-revise .login-input>* input{padding: 0 var(--size-30);}
.lh-revise .login-input>*.title{width: 100%; border: none;box-shadow:none; padding: 0; height: auto; margin-top: var(--size-40);}
.lh-revise .login-input>*.title:first-child{margin-top: 0;}
.user-bottom{padding:0 0 calc(var(--size-75) * 2);}
.lh-revise{padding-top: var(--size-80);}
.lh-code{color: var(--color-domain); position: absolute; right: 0; top: 0; padding: 0 var(--size-40) 0 0; height: 100%; display: flex; align-items: center; justify-content: center;}
.lh-revise .login-btn{margin-top: var(--size-65);}
.lh-profile{padding: var(--size-60) var(--size-80) 0;}
.avatar-cont{margin-top: var(--size-25); align-items: center;}
.avatar-cont>.img{width: var(--size-120); aspect-ratio: 1/1; border-radius: 50%; overflow: hidden;background-color: #DCF0FF;}
.avatar-cont .text{width: calc(100% - var(--size-120)); padding-left: var(--size-25);}
.avatar-cont .text .tip{color: #888;}
.avatar-cont .text .btn{height: 38px; aspect-ratio: 85/38; font-size: 14px;border-radius: 5px;
border: 1px solid #E3E3E3;
background: rgba(255, 255, 255, 0.60);
box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05); display: flex; align-items: center; justify-content: center; margin-top: var(--size-10); cursor: pointer;}
.lh-profile .login-input{margin-left: var(--size-20-);}
.lh-profile .login-input>*{padding-left: var(--size-20); margin-top: var(--size-40); border: none;box-shadow:none; display: block; height: auto;}
.lh-profile .login-input>* .title{margin-bottom: var(--size-10);}
.lh-profile .login-input>* input{border: 1px solid #E3E3E3;box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05); height: var(--size-65); position: relative;border-radius: 10px; padding: 0 var(--size-30);}
.lh-profile .login-btn{margin-top: var(--size-90);}
.download-item>*{margin-top: var(--size-30); height: var(--size-90); border-radius: 10px; background-color: #F9F9F9; justify-content: space-between; padding: 0 var(--size-65); align-items: center;}
.download-item>* .l-left{width: 80%; display: flex; align-items: center;}
.download-item>* .l-left .name{max-width: 60%;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break: break-all;-webkit-line-clamp:1;}
.download-item>* .l-left .time{color: #A3A3A3; margin-left: var(--size-40);}
.download-item>* .l-right>*{height: var(--size-50); aspect-ratio: 198/50; background-color: #00A5B1; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 4px;}
.download-item>* .l-right>* img{width: calc(var(--size-20) + 2px); margin-right: var(--size-15);}
.download-layer{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background-color: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; display: none;}
.ON .download-layer{display: flex;}
.download-layer-cont{width: 500px; background-color: #fff; border-radius: 10px; position: relative; z-index: 2;}
.download-layer-cont>.title{padding: 10px 20px; justify-content: space-between; font-size: 16px; border-bottom: 1px solid #dbdbdb; align-items: center;}
.download-layer-cont>.title .right{cursor: pointer;}
.download-layer-cont>.title .right img{width: 16px;}
.download-layer-cont>.cont{padding: 30px;}
.download-layer-cont>.cont .login-input{margin-top: 0;}
.download-layer-cont .login-btn{margin-top: 50px;}
.download-layer-cont .login-input>*:first-child{margin-top: 0;}
.layer-shadow{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
@media screen and (max-width:1024px) {
    :root{
		--size-10: 1.3333333333333335vw;
		--size-15: 2vw;
		--size-20: 2.666666666666667vw;
		--size-25: 3.3333333333333335vw;
		--size-30: 4vw;
		--size-35: 4.666666666666667vw;
		--size-40: 5.333333333333334vw;
		--size-45: 6vw;
		--size-50: 6.666666666666667vw;
		--size-55: 7.333333333333333vw;
		--size-60: 8vw;
		--size-65: 8.666666666666668vw;
		--size-70: 9.333333333333334vw;
		--size-75: 10vw;
		--size-80: 10.666666666666668vw;
		--size-85: 11.333333333333332vw;
		--size-90: 12vw;
		--size-95: 12.666666666666668vw;
		--size-100: 13.333333333333334vw;
		--size-110: 14.666666666666666vw;
		--size-120: 16vw;
		--size-130: 17.333333333333336vw;
		--size-140: 18.666666666666668vw;
		--size-10-: -1.3333333333333335vw;
		--size-15-: -2vw;
		--size-20-: -2.666666666666667vw;
		--size-25-: -3.3333333333333335vw;
		--size-30-: -4vw;
		--size-35-: -4.666666666666667vw;
		--size-40-: -5.333333333333334vw;
		--size-45-: -6vw;
		--size-50-: -6.666666666666667vw;
		--size-55-: -7.333333333333333vw;
		--size-60-: -8vw;
		--size-65-: -8.666666666666668vw;
		--size-70-: -9.333333333333334vw;
		--size-75-:-10vw;
		--size-80-: -10.666666666666668vw;
		--size-85-: -11.333333333333332vw;
		--size-90-: -12vw;
		--size-95-: -12.666666666666668vw;
		--size-100-: -13.333333333333334vw;
		--size-110-: -14.666666666666666vw;
		--size-120-: -16vw;
		--size-130-: -17.333333333333336vw;
		--size-140-: -18.666666666666668vw;
	}
    .user-top{aspect-ratio: 2/1.5;}
    .user-nav{padding: 0 var(--size-40); font-size: 14px;}
    .user-nav>*{margin-right: var(--size-40);}
    .user-nav>* .icon{width: var(--size-30); margin-right: var(--size-10);}
    .lh-profile{padding: var(--size-20) 0;}
    .download-item>*{padding: var(--size-20) var(--size-40); height: auto;}
    .download-item>* .l-left{display: block; width: 60%;}
    .download-item>* .l-left .name{max-width: 100%; line-height: 130%;}
    .download-item>* .l-left .time{margin: var(--size-20) 0 0;}
    .download-item>* .l-right>*{height: 32px; aspect-ratio: auto; padding: 0 var(--size-20);}
    .lh-revise{width: 100%;}
    .login-input>*{width: 100%;}
    .lh-login-box{justify-content: center;}
    .login-input>*,.login-btn>*,.lh-profile .login-input>* input{height: 40px;}
    .lh-login-box>*,.lh-login{width: 100%;}
    .login-protocol i{margin-right: var(--size-10);}
	.download-layer-cont{width: 90%;}
	.download-layer-cont .login-input>* input{padding-left: 55px;}
    /*平板*/
    @media screen and (min-width:768px){
        .login-input>*,.login-btn>*,.lh-profile .login-input>* input{height: 60px;}
    }
    /*手机*/
    @media screen and (max-width:767px){
    }
}