@font-face {
  font-family   : "SourceHanSansCN-Light";
  src           : url("/assets/license/fonts/SourceHanSansCN-Light.otf");
  font-weight   : 300;
  font-style    : normal;
  font-synthesis: none;
}

@font-face {
  font-family   : "SourceHanSansCN-Regular";
  src           : url("/assets/license/fonts/SourceHanSansCN-Regular.otf");
  font-weight   : 400;
  font-style    : normal;
  font-synthesis: none;
}

@font-face {
  font-family   : "SourceHanSansCN-Medium";
  src           : url("/assets/license/fonts/SourceHanSansCN-Medium.otf");
  font-weight   : 500;
  font-style    : normal;
  font-synthesis: none;
}

@font-face {
  font-family   : "SourceHanSansCN-Normal";
  src           : url("/assets/license/fonts/SourceHanSansCN-Normal.otf");
  font-weight   : 600;
  font-style    : normal;
  font-synthesis: none;
}

@font-face {
  font-family   : "SourceHanSansCN-Heavy";
  src           : url("/assets/license/fonts/SourceHanSansCN-Heavy.otf");
  font-weight   : bold;
  font-style    : normal;
  font-synthesis: none;
}

@font-face {
  font-family   : "SourceHanSansCN-ExtraLight";
  src           : url("/assets/license/fonts/SourceHanSansCN-ExtraLight.otf");
  font-weight   : 400;
  font-style    : normal;
  font-synthesis: none;
}

@font-face {
  font-family   : "SourceHanSansCN-Bold";
  src           : url("/assets/license/fonts/SourceHanSansCN-Bold.otf");
  font-weight   : bold;
  font-style    : normal;
  font-synthesis: none;
}

:root {
  --main-with: 1180px;
}

.driver-license {
  margin: 0;
  font-family: "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background: white;
}

.driver-license * {
  box-sizing: border-box;
}

.driver-license p,
.driver-license h1,
.driver-license h2,
.driver-license h3,
.driver-license h4,
.driver-license h5 {
  margin: 0;
}

.driver-license img {
  object-fit: cover;
}

.driver-license ul,
.driver-license ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.driver-license .driver-license-banner-wrap {
  margin-bottom: 100px;
  position: relative;
}

.driver-license .driver-license-banner-wrap > h1 {
  position: absolute;
  left: 9.69%;
  top: 34.22%;
  font-family: 'SourceHanSansCN-Bold';
  font-weight: bold;
  font-size: calc(58 / 1920 * 100vw);
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
}

.driver-license .driver-license-banner-wrap > h1 > span {
  color: #F8B131;
}

.driver-license .driver-license-banner {
  width: 100%;
  max-height: 602px;
}

.driver-license section > h2 {
  font-weight: bold;
  font-size: 36px;
  color: #0E1326;
  line-height: 36px;
  margin-bottom: 18px;
  text-align: center;
}

.driver-license section > h2 + p {
  font-weight: 400;
  font-size: 16px;
  color: #4A4A54;
  line-height: 16px;
  text-align: center;
}

.driver-license section:nth-of-type(1) {
  background-color: #FFFFFF;
  padding-bottom: 100px;
}

.driver-license section:nth-of-type(1) > h2 + p {
  margin-bottom: 53px;
}

.driver-license section:nth-of-type(1) > div {
  height: 371.88px;
  width: var(--main-with);
  margin: 0 auto;
  background: url('/assets/license/images/section-1-bg.webp') no-repeat center / 100% 100%;
  display: flex;
  align-items: center;
}

.driver-license section:nth-of-type(1) .section-content {
  flex: 1 0 50%;
  height: 100%;
  padding-top: 58px;
}

.driver-license section:nth-of-type(1) .section-content:nth-of-type(1) {
  padding-left: 44px;
}

.driver-license section:nth-of-type(1) .section-content:nth-of-type(2) {
  padding-left: 196.5008px;
}

.driver-license section:nth-of-type(1) .section-content > h3 {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 24px;
  color: #0E1326;
  line-height: 24px;
  margin-bottom: 38px;
}

.driver-license section:nth-of-type(1) .section-content > h3::before {
  content: '';
  width: 22px;
  height: 22px;
  margin-right: 8px;
  background: url('/assets/license/images/section-1-icon.webp') no-repeat center / 100%;
}

.driver-license section:nth-of-type(1) .section-content > p {
  font-weight: 400;
  font-size: 16px;
  color: #4A4A54;
  line-height: 20px;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
}

.driver-license section:nth-of-type(1) .section-content > p::before {
  content: '';
  width: 9px;
  height: 14px;
  margin-right: 10px;
  background: url('/assets/license/images/section-1-icon-2.webp') no-repeat center / 100%;
  margin-top: 2px;
}

.driver-license section:nth-of-type(1) .section-content > p:nth-last-of-type(1) {
  line-height: 1.8;
}

.driver-license section:nth-of-type(1) .section-content > p:nth-last-of-type(1)::before {
  margin-top: 6px;
}

.driver-license section:nth-of-type(2) {
  background: #EFF3F6;
  padding: 100px 0 84px;
}

.driver-license section:nth-of-type(2) > h2 + p {
  margin-bottom: 61px;
}

.driver-license section:nth-of-type(2) > div {
  width: var(--main-with);
  margin: 0 auto;
}

.driver-license section:nth-of-type(2) .section-2-content {
  width: 1081px;
  height: 470px;
  background: #FFFFFF;
  padding: 60px 0 0 50px;
  position: relative;
  margin-bottom: 16px;
}

.driver-license section:nth-of-type(2) .section-2-content > h3 {
  font-weight: 400;
  font-size: 30px;
  color: #0E1326;
  line-height: 36px;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}

.driver-license section:nth-of-type(2) .section-2-content > h3::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 131.92px;
  height: 18px;
  bottom: 0;
  left: 0;
  background: url('/assets/license/images/section-2-title-bg.webp') no-repeat center / 100%;
}

.driver-license section:nth-of-type(2) .section-2-content > p {
  font-weight: 400;
  font-size: 16px;
  color: #4A4A54;
  line-height: 30px;
  margin-bottom: 38px;
}

.driver-license section:nth-of-type(2) .section-2-content > ul > li {
  display: flex;
  align-items: flex-start;
}

.driver-license section:nth-of-type(2) .section-2-content > ul > li > span {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  margin-top: 10px;
}

.driver-license section:nth-of-type(2) .section-2-content > ul > li:nth-of-type(1) {
  margin-bottom: 41px;
}

.driver-license section:nth-of-type(2) .section-2-content > ul > li:nth-of-type(1) > span {
  background: url('/assets/license/images/section-2-icon-1.webp') no-repeat center / 100%;
}

.driver-license section:nth-of-type(2) .section-2-content > ul > li:nth-of-type(2) > span {
  background: url('/assets/license/images/section-2-icon-2.webp') no-repeat center / 100%;
}

.driver-license section:nth-of-type(2) .section-2-content > ul > li h3 {
  font-weight: 400;
  font-size: 16px;
  color: #0E1326;
  line-height: 20px;
  margin-bottom: 10px;
}

.driver-license section:nth-of-type(2) .section-2-content > ul > li p {
  font-weight: 400;
  font-size: 14px;
  color: #4A4A54;
  line-height: 24px;
}

.driver-license section:nth-of-type(2) .section-2-content img {
  width: 562px;
  height: 424px;
  position: absolute;
  right: -71px;
  top: 30px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 {
  display: flex;
  justify-content: space-between;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(1) {
  width: 742px;
  height: 518px;
  background: #FFFFFF;
  margin-right: 16px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(2) {
  width: 422px;
  height: 518px;
  background: #FFFFFF;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(1) {
  padding: 50px 60px 12px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(1) > p {
  font-weight: 400;
  font-size: 18px;
  color: #0E1326;
  line-height: 18px;
  margin-bottom: 36px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(1) > ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(1) > ul > li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 38px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(1) > ul > li:nth-child(odd) {
  margin-right: 38px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(1) > ul > li > img {
  width: 66px;
  height: 66px;
  margin-right: 20px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(1) > ul > li h4 {
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 16px;
  color: #0E1326;
  line-height: 20px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(1) > ul > li p {
  width: 204px;
  font-weight: 400;
  font-size: 14px;
  color: #4A4A54;
  line-height: 24px;
  word-break: break-all;
}


.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(2) > p {
  margin-bottom: 36px;
  font-weight: 400;
  font-size: 18px;
  color: #0E1326;
  line-height: 18px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(2) li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 69px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(2) li img {
  width: 66px;
  height: 66px;
  margin-right: 19px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(2) li h4 {
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 16px;
  color: #0E1326;
  line-height: 20px;
}

.driver-license section:nth-of-type(2) .section-2-content-2 > div:nth-child(2) li p {
  width: 224px;
  font-weight: 400;
  font-size: 14px;
  color: #4A4A54;
  line-height: 24px;
  word-break: break-all;
}

.driver-license section:nth-of-type(3) {
  padding: 100px 0;
}

.driver-license section:nth-of-type(3) > h2 + p {
  margin-bottom: 60px;
}

.driver-license section:nth-of-type(3) > div {
  width: var(--main-with);
  margin: 0 auto;
  position: relative;
}

.driver-license section:nth-of-type(3) .section-3-h3 {
  font-weight: normal;
  font-size: 24px;
  color: #0E1326;
  line-height: 24px;
  margin-bottom: 40px;
}

.driver-license section:nth-of-type(3) .section-3-h3 > span {
  font-weight: bold;
  color: #2266FF;
}

.driver-license section:nth-of-type(3) img {
  width: 100%;
  height: 67.4592px;
  margin-bottom: 27px;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a-names {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  color: #063082;
  line-height: 16px;
  position: absolute;
  left: 134px;
  top: 78px;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a-names > li {
  margin-right: 264px;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a-names > li:nth-of-type(3) {
  margin-right: 263px;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a-names > li:last-of-type {
  margin-right: 0;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a {
  display: flex;
  align-items: center;
  padding: 0 54px 0 50px;
  margin-bottom: 46px;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a li:nth-of-type(1) {
  margin-right: 91px;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a li:nth-of-type(2) {
  margin-right: 97px;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a li:nth-of-type(3) {
  margin-right: 112px;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a h4 {
  font-weight: 400;
  font-size: 20px;
  color: #0E1326;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: center;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a p {
  font-weight: 400;
  font-size: 14px;
  color: #4A4A54;
  line-height: 26px;
  text-align: center;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a-tip {
  padding: 13px 20px;
  background: #EFF3F6;
  font-weight: 400;
  font-size: 14px;
  color: #4A4A54;
  line-height: 26px;
  margin-bottom: 40px;
  display: inline-block;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-a-tip > span {
  font-weight: bold;
  font-size: 14px;
  color: #0E1326;
  line-height: 20px;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-b {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-b li {
  width: 288px;
  background: #EFF3F6;
  padding: 25px 24px;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-b li > h4 {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 20px;
  color: #0E1326;
  line-height: 20px;
}

.driver-license section:nth-of-type(3) .section-3-driver-license-b li > p {
  font-weight: 400;
  font-size: 14px;
  color: #4A4A54;
  line-height: 26px;
}

.driver-license section:nth-of-type(4) {
  padding: 67px 0 109px;
  background: #EFF3F6;
}

.driver-license section:nth-of-type(4) > h2 + p {
  margin-bottom: 78px;
}

.driver-license section:nth-of-type(4) .section-4-content {
  width: var(--main-with);
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
}

.driver-license section:nth-of-type(4) .section-4-content > ul {
  margin-right: 37px;
}

.driver-license section:nth-of-type(4) .section-4-content > li {
  margin-bottom: 34px;
}

.driver-license section:nth-of-type(4) .section-4-content > li > h3 {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 20px;
  color: #0E1326;
  line-height: 24px;
}

.driver-license section:nth-of-type(4) .section-4-content > li > h3 > span {
  color: #F8B131;
}

.driver-license section:nth-of-type(4) .section-4-content > li > p {
  font-weight: 400;
  font-size: 16px;
  color: #4A4A54;
  line-height: 28px;
}


.driver-license section:nth-of-type(4) .section-4-content {
  width: var(--main-with);
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.driver-license section:nth-of-type(4) .section-4-content li {
  margin-bottom: 34px;
}

.driver-license section:nth-of-type(4) .section-4-content li > h3 {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 20px;
  color: #0E1326;
  line-height: 24px;
}

.driver-license section:nth-of-type(4) .section-4-content li > h3 > span {
  color: #F8B131;
}

.driver-license section:nth-of-type(4) .section-4-content li > p {
  font-weight: 400;
  font-size: 16px;
  color: #4A4A54;
  line-height: 28px;
}

.driver-license section:nth-of-type(4) .section-4-content img {
  width: 319px;
  height: 319px;
}

.driver-license section:nth-of-type(5) {
  padding: 130px 0 120px;
  height: 637px;
  background: url('/assets/license/images/section-5-bg.webp') no-repeat center / 100%;
}

.driver-license section:nth-of-type(5) > h2 + p {
  margin-bottom: 265px;
}

.driver-license section:nth-of-type(5) .section-5-cities {
  display: flex;
  align-items: center;
  justify-content: center;
}

.driver-license section:nth-of-type(5) .section-5-cities > h3 {
  font-weight: 400;
  font-size: 16px;
  color: #4A4A54;
  line-height: 32px;
  letter-spacing: 1px;
}


.driver-license section:nth-of-type(6) {
  margin-bottom: 100px;
}

.driver-license section:nth-of-type(6) > h2 + p {
  margin-bottom: 70px;
}

.driver-license section:nth-of-type(6) > ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: var(--main-with);
  margin: 0 auto 23px;
}

.driver-license section:nth-of-type(6) > ul > li {
  width: 273.67px;
  height: 418.59px;
  display: flex;
  flex-direction: column;
  padding: 0 26px 0;
}

.driver-license section:nth-of-type(6) > ul > li > span {
  width: 86px;
  height: 86px;
}

.driver-license section:nth-of-type(6) > ul > li > h3 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 24px;
  display: flex;
  align-items: center;
}

.driver-license section:nth-of-type(6) > ul > li > h3::before {
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 50%;
  color: #2266FF;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  line-height: 25px;
  margin-right: 5px;
}

.driver-license section:nth-of-type(6) > ul > li > p {
  width: 222px;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 26px;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(1) {
  padding-top: 72px;
  background: url('/assets/license/images/section-6-bg-1.webp') no-repeat center / 100%;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(1) > span {
  align-self: center;
  background: url('/assets/license/images/section-6-icon-1.webp') no-repeat center / 100%;
  margin-bottom: 114px;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(1) > h3::before {
  content: '01';
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(2) {
  margin-top: 29px;
  padding-top: 111px;
  background: url('/assets/license/images/section-6-bg-2.webp') no-repeat center / 100%;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(2) > span {
  align-self: center;
  background: url('/assets/license/images/section-6-icon-2.webp') no-repeat center / 100%;
  margin-bottom: 66px;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(2) > h3::before {
  content: '02';
}


.driver-license section:nth-of-type(6) > ul > li:nth-of-type(3) {
  margin-top: 29px;
  padding-top: 112px;
  background: url('/assets/license/images/section-6-bg-3.webp') no-repeat center / 100%;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(3) > span {
  align-self: center;
  background: url('/assets/license/images/section-6-icon-3.webp') no-repeat center / 100%;
  margin-bottom: 60px;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(3) > h3 {
  align-self: flex-end;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(3) > p {
  width: 224px;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(3) > h3::before {
  content: '03';
}



.driver-license section:nth-of-type(6) > ul > li:nth-of-type(4) {
  padding-top: 91px;
  background: url('/assets/license/images/section-6-bg-4.webp') no-repeat center / 100%;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(4) > span {
  align-self: center;
  background: url('/assets/license/images/section-6-icon-4.webp') no-repeat center / 100%;
  margin-bottom: 95px;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(4) > h3 {
  align-self: flex-end;
}

.driver-license section:nth-of-type(6) > ul > li:nth-of-type(4) > h3::before {
  content: '04';
}

.driver-license section:nth-of-type(6) .section-6-shadow {
  width: 572px;
  height: 35px;
  background: #F7F8FB;
  border-radius: 50%;
  margin: 0 auto;
}

.driver-license section:nth-of-type(7) {
  margin-bottom: 100px;
}

.driver-license section:nth-of-type(7) > h2 + p {
  margin-bottom: 40px;
}

.driver-license section:nth-of-type(7) .section-7-content {
  padding: 20px 20px 20px 33px;
  display: flex;
  justify-content: space-between;
  width: var(--main-with);
  margin: 0 auto;
  background: #F3F7FA;
}

.driver-license section:nth-of-type(7) .section-7-content-left > p:nth-of-type(1) {
  margin-bottom: 23px;
  font-weight: 400;
  font-size: 18px;
  color: #4A4A54;
  text-align: center;
  padding-top: 17px;
}

.driver-license section:nth-of-type(7) .section-7-content-left > h3 {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
  color: #0E1326;
  line-height: 24px;
  text-align: center;
}

.driver-license section:nth-of-type(7) .section-7-content-qrcode {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 34px;
}

.driver-license section:nth-of-type(7) .section-7-content-qrcode > div:nth-of-type(1) {
  margin-right: 20px;
}

.driver-license section:nth-of-type(7) .section-7-content-qrcode img {
  width: 200px;
  height: 200px;
  margin-bottom: 8px;
}

.driver-license section:nth-of-type(7) .section-7-content-qrcode h4 {
  font-weight: bold;
  font-size: 20px;
  color: #4A4A54;
  line-height: 20px;
  text-align: center;
}

.driver-license section:nth-of-type(7) .section-7-content-left > p:nth-of-type(2) {
  font-weight: 400;
  font-size: 14px;
  color: #4A4A54;
  line-height: 14px;
  text-align: center;
}

.driver-license section:nth-of-type(7) .section-7-content > img {
  width: 541px;
  height: 448px;
}