.none {
    display: none;
}




/* 第一屏动画css */

.footer_tip{
    position: fixed;
    bottom: 30px;
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-size: 40px;
    color: #fff;
    background-color: #003686;
    border-radius: 15px;
    margin-bottom:0px;
    padding: 0 30px;
    z-index: 100;
    opacity: 0;
    animation: footer_tip_anmation 2s linear 1 both;
    -webkit-animation: footer_tip_anmation 2s linear 1 both;
    -moz-animation: footer_tip_anmation 2s linear 1 both;
}

@keyframes footer_tip_anmation {
    from {
        opacity: 0;
        /* transform: scale(1.5) */
    }

    to {
        opacity: 1;
        /* display: block;
        transform: scale(1) */
    }
}
@-webkit-keyframes footer_tip_anmation {
    from {
        transform: scale(1)
    }
    to {
        transform: scale(1.2)
    }
}
@-moz-keyframes footer_tip_anmation {
    from {
        transform: scale(1)
    }
    to {
        transform: scale(1.2)
    }
}

.tip_animation {
    animation: tip_animation 0.8s linear infinite alternate;
    -webkit-animation: tip_animation 0.8s linear infinite alternate;
    -moz-animation: tip_animation 0.8s linear infinite alternate;
    
}
@keyframes tip_animation {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes tip_animation {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
@-moz-keyframes tip_animation {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


/* 第一屏 */

.screen01,.screen02,.screen03,.screen04,.screen05{
    display: flex;
    justify-content: center;
}
.section img{
    width: 1200px;
    object-fit: cover;
}

.screen01 .content_box,.screen02 .content_box2,.screen03 .content_box3,.screen04 .content_box4,.screen05 .content_box5 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.screen01 .height_light {
    width: 745px;
    height: 20px;
    top: 25px;
    left: 60px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    cursor: pointer;
    display: none;
}
.screen01 .write_text{
    position: absolute;
    top: 19px;
    left: 89px;
    font-size: 12px;
    color:#80868b;
}

.screen01 .tip {
    width: 290px;
    height: 85px;
    line-height: 85px;
    position: fixed;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background-color: #072c62;
    border-radius: 15px;
    z-index: 1000;
    animation: screen01_tip 15s linear infinite alternate ;
}

@keyframes screen01_tip {
    0%   {left:0px; bottom:100px;}
    25%  {left:80%; bottom:90px;}
    50%  {left:50%; bottom:80%;}
    75%  {left:20%; bottom:200px;}
    95%  {left:0%; bottom:100px;}
    100% {left:0px; bottom:200px;}
}




/* 第二屏 */

.screen02 .height_light {
    right: 320px;
    bottom: 146px;
    position: absolute;
    width: 70px;
    height: 19px;
    cursor: pointer;
    border: 5px solid red;
    display: none;
}


/* 第三屏 */

.screen03 .height_light {
    width: 354px;
    height: 17px;
    top: 254px;
    left: 418px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}

.screen03 .height_light1 {
    width: 354px;
    height: 20px;
    top: 282px;
    left: 418px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    cursor: pointer;
    display: none;
}

.screen03 .height_light2 {
    width: 354px;
    height: 18px;
    top: 308px;
    left: 418px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}

.screen03 .height_light3 {
    width: 354px;
    height: 18px;
    top: 334px;
    left: 418px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}
.screen03 .height_light4 {
    width: 354px;
    height: 18px;
    top: 360px;
    left: 418px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}
.screen03 .height_light5 {
    width: 354px;
    height: 18px;
    top: 387px;
    left: 418px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}
.screen03 .height_light6 {
    width: 354px;
    height: 18px;
    top: 413px;
    left: 418px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}
.screen03 .height_light7 {
    width: 354px;
    height: 18px;
    top: 439px;
    left: 418px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}
.screen03 .height_light8 {
    width: 354px;
    height: 18px;
    top: 464px;
    left: 418px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}
.screen03 .height_light9 {
    width: 354px;
    height: 18px;
    top: 492px;
    left: 418px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}
.screen03 .height_light10 {
    width: 250px;
    height: 17px;
    top: 519px;
    left: 418px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}
.screen03 .height_light11 {
    width: 94px;
    height: 17px;
    top: 547px;
    left: 676px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}
.screen03 .height_light12 {
    width: 358px;
    height: 39px;
    top: 623px;
    left: 416px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}

.screen03 .register_text{
    position: absolute;
    font-size: 14px;
    color:#999999;
}
.screen03 .gongsi_name{
    top: 243px;
    left: 425px;
}
.screen03 .faren_name{
    top: 272px;
    left: 425px;
}
.screen03 .faren_card{
    top: 298px;
    left: 425px;
}
.screen03 .faren_tel{
    top: 323px;
    left: 425px;
}
.screen03 .caozuoyuan_name{
    top: 350px;
    left: 425px;
}
.screen03 .caozuoyuan_card{
    top: 376px;
    left: 425px;
}
.screen03 .login_account{
    top: 403px;
    left: 425px;
}
.screen03 .login_password{
    top: 429px;
    left: 425px;
}
.screen03 .sure_password{
    top: 455px;
    left: 425px;
}
.screen03 .tel_phone{
    top: 481px;
    left: 425px;
}
.screen03 .img_verify{
    top: 508px;
    left: 425px;
}
.screen03 .tel_verify{
    top: 535px;
    left: 425px;
}
.screen03 .tel_verify1{
    top: 533px;
    left: 691px;
}

.screen03 .tip {
    width: 290px;
    height: 117px;
    line-height: 48px;
    position: fixed;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background-color: #072c62;
    border-radius: 15px;
    z-index: 1000;
    animation: screen03_tip 15s linear infinite alternate;
}

@keyframes screen03_tip {
    0%   {left:0px; bottom:100px;}
    25%  {left:80%; bottom:90px;}
    50%  {left:50%; bottom:80%;}
    75%  {left:20%; bottom:200px;}
    95%  {left:0%; bottom:100px;}
    100% {left:0px; bottom:200px;}
}



/* 第四屏 */

.screen04 .height_light {
    width: 266px;
    height: 39px;
    bottom: 195px;
    left: 454px;
    position: absolute;
    z-index: 200;
    border: 5px solid red;
    display: none;
    cursor: pointer;
}

.screen04 .tip {
    width: 340px;
    height: 80px;
    line-height: 80px;
    position: fixed;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background-color: #072c62;
    border-radius: 15px;
    z-index: 1000;
    animation: screen04_tip 15s linear infinite alternate;
}

@keyframes screen04_tip {
    0%   {left:0px; bottom:100px;}
    25%  {left:80%; bottom:90px;}
    50%  {left:50%; bottom:80%;}
    75%  {left:20%; bottom:200px;}
    95%  {left:0%; bottom:100px;}
    100% {left:0px; bottom:200px;}
}


/* 第五屏 */



.body_zhezhao p{
    font-size: 24px;
    color: #ffff;
    width: 390px;
    line-height: 49px;
    text-align: center;
}
.body_zhezhao div{
    width: 169px;
    height: 60px;
    line-height: 60px;
    background-color: #00ccff;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
}
.body_zhezhao{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    background-color: rgba(69, 72, 76, 0.7);
    opacity: 0;
}
a{
    display: inline-block;
    width: 100%;
    height:100%;
    text-decoration: none;
    color: #333;
}