.bg{
    width: 100vw;
    position: absolute;
    height: 1080px;
}

.bg1{
    top:0;
}

.bg2{
    top:1080px;
}

.bg3{
    top:2160px;
}

img {
    overflow-clip-margin: content-box;
    overflow: clip;
}


.jb{
    position: absolute;
}

.j1{
    top: -136px;
    right: 14.6875vw;
}

.j2{
    top: 578px;
    right: -72px;
}

.j3{
    top: 958px;
    left: 6.04167vw;
}

.j4{
    top: 1144px;
    right: 38.22917vw;
}


.content{
    max-width: 1400px;
    min-width: 960px;
    width: 90%;
    position: relative;
    margin: 0 auto 130px;
    text-align: center;

    
}

.logo-baihua{
    width: 160px;
    height: 160px;
    margin: 53px auto 0;
    /* display: block; */

}

.svgaTitle{
    width: 750px;
    height: 200px;
    margin: 0 auto;
}

.bg1-title{
    width: 750px;
    height: 200px;
    display: block;
    margin: 0 auto;
}

.award-ani{
    /* -webkit-animation: awardAni-data-v-6961f583 1s linear forwards; */
    animation: awardAni-data-v-6961f583 1s linear forwards;
}

.bg1-award{
    /* display: -webkit-box;
    display: -ms-flexbox; */
    display: flex;
    -webkit-box-pack: center;
    /* -ms-flex-pack: center; */
    justify-content: center;
    -webkit-box-align: center;
    /* -ms-flex-align: center; */
    align-items: center;
}

.award-ani div{
    line-height: 103px;
    width: 103px;
    height: 103px;
    background: url(img/aa.png);
    background-size: 100% 100%;
    font-size: 60px;
    font-family: SourceHanSansCN-Heavy,SourceHanSansCN;
    font-weight: 800;
    color: #fff7ec;
    margin-left: 14px;
}
.bg1-tips{
    height: 65px;
    font-size: 46px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 65px;
    margin-bottom: 107px;
    opacity: .8;
}
.bg1-tips2{
    max-width: 1000px;
    min-width: 400px;
    height: 42px;
    font-size: 30px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    margin-bottom: 59px;
    margin: 0 auto 59px;
    opacity: .7;
}

.rule{
    height: 17px;
    font-size: 24px;
    color: #fcd5bf;
    line-height: 17px;
    margin-bottom: 130px;
}

.bg2-title{
    height: 65px;
    font-size: 46px;
    color: #fff;
    line-height: 65px;
    margin-bottom: 17px;
    opacity: .8;
}
.bg2-tips{
    height: 77px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fde0cf;
    /* background: -webkit-gradient(linear,right top,left top,from(#fcc59f),to(#fde1d0)); */
    background: linear-gradient(270deg,#fcc59f,#fde1d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* display: -webkit-box;
    display: -ms-flexbox; */
    display: flex;
    -webkit-box-align: end;
    /* -ms-flex-align: end; */
    align-items: flex-end;
    -webkit-box-pack: center;
    /* -ms-flex-pack: center; */
    justify-content: center;
}



.bg2-tips p {
    font-size: 46px;
    line-height: 46px;
}

.bg2-tips div[data-v-6961f583] {
    font-size: 55px;
    line-height: 55px;
}

.bg2-img{
    width: 534px;
    height: 483px;
    position: relative;
    margin: 0 auto;
}
.ani2{
    animation: shouyiIcon-data-v-6961f583 2s linear infinite;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: shouyiIcon-data-v-6961f583;
}
.bg2-img>img{
    width: 534px;
    height: 536px;
    position: absolute;
    bottom: 10px;
    left: 0;
}

.bg2-tips2{
    height: 65px;
    font-size: 46px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #ffd9c8;
    line-height: 65px;
    margin-bottom: 37px;
    opacity: .7;
}

.bg2-tips3{
    height: 42px;
    font-size: 30px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 42px;
    margin-bottom: 293px;
    opacity: .7;
}

.bg2-tips3{
    height: 65px;
    font-size: 46px;
    color: #fff;
    margin-bottom: 17px;
    opacity: .8;
}

.bg3-title{
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    line-height: 65px;

    height: 65px;
    font-size: 46px;
    color: #fff;
    margin-bottom: 17px;
    opacity: .8;
}

.bg3-tips{
    height: 77px;
    color: #fde0cf;
    background: -webkit-gradient(linear,right top,left top,from(#fcc59f),to(#fde1d0));
    background: linear-gradient(270deg,#fcc59f,#fde1d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: .7;


    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    line-height: 65px;
}

.bg3-tips p{
    font-size: 46px;
    line-height: 46px
}

.bg3-tips div{
    font-size: 55px;
    line-height: 55px;
}

.bg3-img{
    width: 750px;
    height: 550px;
    margin: 0 auto;
    position: relative;
}

.bg3-img>img{
    width: 750px;
    height: 750px;
    position: absolute;
    left: 0;
    bottom: -77px;
}

.bg3-tips2{
    font-size: 24px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 33px;
    position: relative;
    opacity: .7;
}


/* 动画 */

@keyframes scaleDraw {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0% {
	transform:scale(1);
	/*开始为原始大小*/
}
25% {
	transform:scale(1.1);
	/*放大1.1倍*/
}
50% {
	transform:scale(1);
}
75% {
	transform:scale(1.1);
}
}
.demo {

	-webkit-animation-name:scaleDraw;
	/*关键帧名称*/
            -webkit-animation-timing-function:ease-in-out;
	/*动画的速度曲线*/
            -webkit-animation-iteration-count:infinite;
	/*动画播放的次数*/
            -webkit-animation-duration:3s;
	/*动画所花费的时间*/
}
@keyframes run{
    
    /* from{transform: rotate(45deg);}
    to{transform: rotate(100deg);} */

    /* transform: rotate(45deg); */

/*     
    from{
        transform: rotateY(0deg);
      }
 
      to{
        transform: rotateY(360deg);

      } */

      0% {
        transform: rotatex(0deg);
        }
        100% {
        transform: rotateY(360deg);
        }

}

.run{
    /* animation: run 12s linear infinite;
    transform: translateX(-50%); */

    /* perspective-origin:center;
     
    transform: rotateY(36deg) translateZ(500px);

    transform-style: preserve-3d;
      animation: run 10s linear infinite; */

      /* transform: translate(-50%, -50%); */
      transform: translateZ(1px);
      transform-style: preserve-3d;
animation: run 6s linear infinite;

}