.container {
  min-width: 1440rem;
  min-height: 100vh;
  background: #FFFBEB;
}
body {
  background: #FFFBEB;
}
@media (max-width: 767px) {
	.container {
		display: none !important;
	}

    .footer {
        display: none !important;
    }

	.yd {
		display: block !important;
	}
}
.h-16 {
  height: 16rem;
}
.h-134 {
    height: 134rem;
}
.h-87 {
    height: 87rem;
}
.h-333 {
    height: 333rem;
}
.h-347 {
    height: 347rem;
}
.h-342 {
    height: 342rem;
}
.h-120 {
    height: 120rem;
}
.h-64 {
    height: 64rem;
}
.container .banner-content {
  width: 100%;
  height: 785rem;
  background: url('../img/elf/banner-bg.png') no-repeat;
  background-size: 1044rem 785rem;
  background-position: top right;
}

.container .banner-content .banner-content-box {
  margin: 0 auto;
  width: 1440rem;
  padding-top: 64rem;
  display: flex;
  flex-direction: column;
}

.container .banner-content .banner-content-box .logo {
    width: 162rem;
    height: 56rem;
    margin-bottom: 87rem;
}
.container .banner-content .banner-content-box .title {
    width: 525rem;
    height: 317rem;
    margin-left: 80rem;
}

.container .banner-content .banner-content-box .app-btn {
    margin-top: 113rem;
    width: 280rem;
    height: 72rem;
    background: #000000;
    border-radius: 40rem;    
    cursor: pointer;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 24rem;
    color: #FFFFFF;
    line-height: 72rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.container .sub-title {
    height: 34rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 24rem;
    color: #000000;
    text-align: center;
    font-style: normal;
    text-transform: none;
    line-height: 34rem;
}

.container .desc {
    margin: 0 auto;
    max-width: 940rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 20rem;
    color: #666666;
    line-height: 32rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.elf-content {
    margin: 0 auto;
    width: 1440rem;
    height: 1520rem;
    background-image: url('../img/elf/path-bg.png');
    background-repeat: no-repeat;
    background-size: 1425rem 1520rem;
    position: relative;
    background-position: top center;
}

.elf-content .path-img {
    width: 360rem;
    height: 640rem;
}
.elf-content .path-img-1 {
    position: absolute;
    top: -173rem;
    left: 191rem;
}

.elf-content .path-img-2 {
    position: absolute;
    top: 147rem;
    right: 209rem;
}

.elf-content .path-img-3 {
    position: absolute;
    left: 191rem;
    bottom: 93rem;
}


.elf-content .path-img-4 {
    position: absolute;
    right: 209rem;
    bottom: -227rem;
}

.elf-content .icon {
    width: 60rem;
    height: 60rem;
}

.elf-content .icon-1 {
    position: absolute;
    top: 280rem;
    left: 50%;
    transform: translateX(-50%);
}

.elf-content .icon-2 {
    position: absolute;
    top: 745rem;
    left: 50%;
    transform: translateX(-50%);
}

.elf-content .icon-3 {
    width: 90rem;
    height: 90rem;
    position: absolute;
    bottom: 223rem;
    left: 50%;
    transform: translateX(-50%);
}

.footer {
    width: 100%;
    height: 448rem;
    background: #F8F1D6;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer .line {
    height: 168rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 20rem;
    color: #000000;
    line-height: 56rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

/* 移动端  */
.yd {
    display: none;
    background: #FFFBEB;
}

.yd .yd-logo {
    width: 162rem;
    height: 56rem;
    margin: 80rem 0 54rem 25rem;
}

.yd .yd-banner {
    margin: 0 auto;
    width: 700rem;
    height: 527rem;
    background: url('../img/elf/yd/yd-banner.png') no-repeat;
    background-size: 423rem 527rem;
    background-position: right top;
}

.yd .yd-banner .yd-banner-title  {
    width: 351rem;
    height: 246rem;
    margin: 26rem 0 80rem;
}

.yd .yd-banner .yd-app-btn {
    width: 280rem;
    height: 80rem;
    background: #000000;
    box-shadow: 0 8rem 16rem 0px rgba(0,0,0,0.25);
    border-radius: 40rem;
    line-height: 80rem;
    text-align: center;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 24rem;
    color: #FFFFFF;
}

.yd .yd-sub-title {
    line-height: 34rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 24rem;
    color: #000000;
    text-align: center;
}
.yd .yd-desc {
    padding: 0 24rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 20rem;
    color: #666666;
    line-height: 32rem;
    text-align: center;
}

.yd .yd-elf-content {
    width: 700rem;
    margin: 0 auto;
    height: 1786rem;
    background-image: url('../img/elf/yd/yd-path-bg.png');
    background-repeat: no-repeat;
    background-size: 700rem 1786rem;
    position: relative;
    background-position: top center;
}

.yd-path-img {
    width: 320rem;
    height: 569rem;
    position: absolute;
    border-radius: 24rem;
}

.yd-icon {
    width: 60rem;
    height: 60rem;
    position: absolute;
}
.yd-path-img-1 {
    top: 0;
    left: 1rem;
}
.yd-path-img-2 {
    top: 470rem;
    right: 0;
}

.yd-path-img-3 {
    bottom: 248rem;
    left: 1rem;
}

.yd-path-img-4 {
    bottom: -222rem;
    right: 0;
}

.yd-icon-1 {
    top: 330rem;
    right: 218rem;
    zoom: 1.1;
}

.yd-icon-2 {
    left: 270rem;
    top: 856rem;
}
.yd-icon-3 {
    width: 90rem;
    height: 90rem;
    bottom: 115rem;
    left: 255rem;
    
}

.yd-footer {
    width: 100%;
    height: 320rem;
    background: #F8F1D6;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yd-footer .yd-footer-line {
    height: 168rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 20rem;
    color: #000000;
    line-height: 56rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}