/* 原有root保持原样，不要修改 */
:root {
  --ft12: 12px;
  --ft14: 14px;
  --ft16: 16px;
  --ft17: 17px;
  --ft18: 18px;
  --ft21: 21px;
  --ft22: 22px;
  --ft24: 24px;
  --ft25: 25px;
  --ft32: 32px;
  --ft42: 42px;
  --ft48: 48px;
  --ft50: 50px;
  --ft64: 64px;
  --ft72: 72px;
  --ft90: 90px;

  --p11: 11px;
  --p12: 12px;
  --p16: 16px;
  --p17: 17px;
  --p20: 20px;
  --p24: 24px;
  --p25: 25px;
  --p30: 30px;
  --p32: 32px;
  --p33: 33px;
  --p40: 40px;
  --p48: 48px;
  --p50: 50px;
  --p60: 60px;
  --p63: 63px;
  --p65: 65px;
  --p70: 70px;
  --p80: 80px;
  --p100: 100px;
  --p108: 108px;
  --p120: 120px;
  --p130: 130px;
  --p140: 140px;
  --p150: 150px;
  --p170: 170px;
  --p190: 190px;
  --p200: 200px;
}

@media screen and (max-width: 1600px) {
  :root {
    --ft12: 11px;
    --ft14: 13px;
    --ft16: 15px;
    --ft17: 16px;
    --ft18: 17px;
    --ft21: 19px;
    --ft22: 20px;
    --ft24: 22px;
    --ft25: 23px;
    --ft32: 29px;
    --ft42: 39px;
    --ft48: 44px;
    --ft50: 46px;
    --ft64: 59px;
    --ft72: 66px;
    --ft90: 83px;

    --p11: 10px;
    --p12: 11px;
    --p16: 15px;
    --p17: 16px;
    --p20: 18px;
    --p24: 22px;
    --p25: 23px;
    --p30: 28px;
    --p32: 29px;
    --p33: 30px;
    --p40: 37px;
    --p48: 44px;
    --p50: 46px;
    --p60: 55px;
    --p63: 58px;
    --p65: 60px;
    --p70: 64px;
    --p80: 74px;
    --p100: 92px;
    --p108: 99px;
    --p120: 110px;
    --p130: 120px;
    --p140: 129px;
    --p150: 138px;
    --p170: 156px;
    --p190: 175px;
    --p200: 184px;
  }
}

@media screen and (max-width: 1440px) {
  :root {
    --ft12: 10px;
    --ft14: 12px;
    --ft16: 13px;
    --ft17: 14px;
    --ft18: 15px;
    --ft21: 18px;
    --ft22: 18px;
    --ft24: 20px;
    --ft25: 21px;
    --ft32: 27px;
    --ft42: 35px;
    --ft48: 40px;
    --ft50: 42px;
    --ft64: 54px;
    --ft72: 60px;
    --ft90: 76px;

    --p11: 9px;
    --p12: 10px;
    --p16: 13px;
    --p17: 14px;
    --p20: 17px;
    --p24: 20px;
    --p25: 21px;
    --p30: 25px;
    --p32: 27px;
    --p33: 28px;
    --p40: 34px;
    --p48: 40px;
    --p50: 42px;
    --p60: 50px;
    --p63: 53px;
    --p65: 55px;
    --p70: 59px;
    --p80: 67px;
    --p100: 84px;
    --p108: 91px;
    --p120: 101px;
    --p130: 109px;
    --p140: 118px;
    --p150: 126px;
    --p170: 143px;
    --p190: 160px;
    --p200: 168px;
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --ft12: 9px;
    --ft14: 10px;
    --ft16: 12px;
    --ft17: 12px;
    --ft18: 13px;
    --ft21: 15px;
    --ft22: 16px;
    --ft24: 17px;
    --ft25: 18px;
    --ft32: 23px;
    --ft42: 30px;
    --ft48: 35px;
    --ft50: 36px;
    --ft64: 46px;
    --ft72: 52px;
    --ft90: 65px;

    --p11: 8px;
    --p12: 9px;
    --p16: 12px;
    --p17: 12px;
    --p20: 14px;
    --p24: 17px;
    --p25: 18px;
    --p30: 22px;
    --p32: 23px;
    --p33: 24px;
    --p40: 29px;
    --p48: 35px;
    --p50: 36px;
    --p60: 43px;
    --p63: 45px;
    --p65: 47px;
    --p70: 50px;
    --p80: 58px;
    --p100: 72px;
    --p108: 78px;
    --p120: 86px;
    --p130: 94px;
    --p140: 101px;
    --p150: 108px;
    --p170: 122px;
    --p190: 137px;
    --p200: 144px;
  }
}

@media screen and (max-width: 900px) {
  :root {
    --ft12: 8px;
    --ft14: 9px;
    --ft16: 10px;
    --ft17: 11px;
    --ft18: 12px;
    --ft21: 13px;
    --ft22: 14px;
    --ft24: 15px;
    --ft25: 16px;
    --ft32: 20px;
    --ft42: 22px;
    --ft48: 24px;
    --ft50: 26px;
    --ft64: 28px;
    --ft72: 30px;
    --ft90: 32px;

    --p11: 7px;
    --p12: 8px;
    --p16: 10px;
    --p17: 11px;
    --p20: 13px;
    --p24: 15px;
    --p25: 16px;
    --p30: 19px;
    --p32: 20px;
    --p33: 21px;
    --p40: 25px;
    --p48: 31px;
    --p50: 30px;
    --p60: 30px;
    --p63: 30px;
    --p65: 30px;
    --p70: 30px;
    --p80: 35px;
    --p100: 40px;
    --p108: 40px;
    --p120: 50px;
    --p130: 45px;
    --p140: 50px;
    --p150: 50px;
    --p170: 50px;
    --p190: 50px;
    --p200: 50px;
  }
  .grid2,.grid3,.grid4,.grid5 {
		display: grid;
		grid-template-columns: repeat(1, 1fr)
	}
  .gengduo {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 1000;
    align-self: center;
  }
  .nav-ul.active {
    display: flex;
  }
  .nav-ul li {
	font-size: 12px;
	color: #FFF;
  }
  .nav-ul {
    width: 100%;
    height: auto;
    display: none;
    flex-direction: column;
    gap: var(--p20);
    position: absolute;
    top: 100%;
    left: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    overflow-y: auto;
  }
  .services-fuwu-bottom-list{
    flex-direction: column;
    gap:40px;
  }
  .services-fuwu-bottom-list div:not(:last-child)::after{
    display:none;
  }
  .form-row {
	grid-template-columns: 1fr;
  }
  .index-logo {
	width: 80px;
  }
  .index-founder,.index-tuandui,.index-form-list,.login-div {
	grid-template-columns: 1fr;
  }
  .index-tuandui,.index-numdiv-list {
	gap: 15px;
  }
  .index-tuandui-left {
	width: 90%;
  }
  .index-services-fuwu-bottom-list.grid4 > div:not(:last-child)::after,.services-fuwu-bottom-list.grid4 > div:not(:last-child)::after {
	height: 0!important;
  }
  .index-aiqing,.news-list-rightdiv {
	flex-direction: column;
	gap: 15px;
  }
  .footer-list {
	flex-direction: column;
	gap: 20px;
  }
  .index-form-list-left {
	min-height: 250px;
  }
  .news-list-rightdiv img {
	max-width: 100%;
  }
  .login-row p {
	font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  :root {
    --ft12: 8px;
    --ft14: 9px;
    --ft16: 10px;
    --ft17: 11px;
    --ft18: 12px;
    --ft21: 13px;
    --ft22: 14px;
    --ft24: 15px;
    --ft25: 16px;
    --ft32: 16px;
    --ft42: 20px;
    --ft48: 20px;
    --ft50: 20px;
    --ft64: 20px;
    --ft72: 22px;
    --ft90: 26px;

	--p11: 7px;
    --p12: 8px;
    --p16: 10px;
    --p17: 6px;
    --p20: 13px;
    --p24: 15px;
    --p25: 16px;
    --p30: 19px;
    --p32: 20px;
    --p33: 15px;
    --p40: 25px;
    --p48: 20px;
    --p50: 30px;
    --p60: 30px;
    --p63: 30px;
    --p65: 30px;
    --p70: 30px;
    --p80: 35px;
    --p100: 40px;
    --p108: 40px;
    --p120: 50px;
    --p130: 45px;
    --p140: 50px;
    --p150: 50px;
    --p170: 50px;
    --p190: 50px;
    --p200: 50px;
  }
  .step-text {
        font-size: 10px;
    }
	.index-banner img,.bannerdiv img {
		min-height: 200px;
	}
	.index-banner-dingweidiv .btn {
		font-size: 12px;
	}
	.index-form-list-left {
		min-height: 440px;
	}
	.filter-list,.taocan-footerdiv {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.taocan-footerdiv div {
		margin: 0 auto;
	}
	.bannerdiv .btn {
		font-size: 12px;
	}
}