/*音乐*/

.music_blk{z-index:999;position:fixed;right:5px;top:5px;display: none}
.music{display:block;width:30px;height:30px;background:url('../images/music_on.png') no-repeat;background-size:100% 100%;}
.music_on{
    -webkit-animation:rotate 1.2s linear infinite;
    animation:rotate 1.2s linear infinite;
}
@keyframes rotate{
    0%{       
    }
    100%{
        transform: rotateZ(360deg);
        -webkit-transform:rotateZ(360deg);
    }
}
@-webkit-keyframes rotate{
    0%{
    }
    100%{
        transform: rotateZ(360deg);
        -webkit-transform:rotateZ(360deg);
    }
}
      *{
          margin: 0;
          padding: 0;

       }
       html,body{
          width: 100%;
          height: 100%;
          overflow: hidden;
       }
       .loadWrap{
            /*display: none;*/
            position: relative;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.jpg?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .load{
            position: absolute;
            width: 40%;
            height: 1%;
            background-color:gray;
            left: 50%;
            top:30%;
            -webkit-transform:translateX(-50%) ;
            -moz-transform:translateX(-50%) ;
            -ms-transform:translateX(-50%) ;
            transform:translateX(-50%) ;
        }
        .loading{
            position: absolute;
            left: 0%;
            top: 0%;
            height: 100%;
            background-color:#4bcfe1;
        }

        .page1{
            display: none;
            position: relative;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.jpg?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p1_w1{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat; 
            animation: fadeInLeft 1.5s linear;
            -webkit-animation:fadeInLeft 1.5s linear; 
        }
        .p1_w2{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.2.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat; 
            opacity: 0;
            animation: fadeInLeft 1.5s 1.5s linear forwards;
            -webkit-animation:fadeInLeft 1.5s 1.5s linear forwards;  
        }
        .p1_w3{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.3.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            opacity: 0;
            animation: fadeInLeft 1.5s 3s linear forwards;
            -webkit-animation:fadeInLeft 1.5s 3s linear forwards;   
        }
        .p1_btnImg{
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p1.4.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;  
            opacity: 0;
            animation: fadeIn 1.5s 4.5s linear forwards;
            -webkit-animation:fadeIn 1.5s 4.5s linear forwards; 
        }
        .p1_click{
            position: absolute;
            width: 42%;
            height: 8%;
            left: 29%;
            top:87%;
        }
        .page2{
            display: none;
            position: relative;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.jpg?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p2_t1{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.1.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .p2_fc{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.13.5.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            z-index: 20;
        }
        .p2_xt{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.16.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            z-index: 20;
        }
        .p2_mt{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.18.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            z-index: 20;
        }
        .p2_jst{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.14.png?3);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            z-index: 20;
        }
        .p2_z div{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%; 
            background-size: 100% 100%;
            background-repeat: no-repeat;
            z-index: 20;
        }
        .p2_z .p2_z1{
           background-image: url(../images/p2.6.png?1);
           left:41%;
           top:38%;
        }
        .p2_z .p2_z2{
           background-image: url(../images/p2.7.png?1);
           left:25%;
           top:38%;
        }
        .p2_z .p2_z3{
           background-image: url(../images/p2.8.png?1);
           left:-3%;
           top:38%;
        }
        .p2_z .p2_z4{
           background-image: url(../images/p2.9.png?1);
           left:4%;
           top:38%;
        }
        .p2_z .p2_z5{
           background-image: url(../images/p2.10.png?1);
           left:8%;
           top:31%;
        }
        .p2_z .p2_z6{
           background-image: url(../images/p2.11.png?1);
           left:-8%;
           top:31%;
        }
        .p2_z .p2_z7{
           background-image: url(../images/p2.12.png?1);
           left:-36%;
           top:31%;
        }
        .p2_z .p2_z8{
           background-image: url(../images/p2.13.png?1);
           left:-28%;
           top:31%;
        }

        .p2_z1.p2_zmove{
            animation: z1_move 1s linear forwards;
            -webkit-animation: z1_move 1s linear forwards;
        }
        @keyframes z1_move{
          0%{          
          }
          100%{
              transform: translateX(-41%) translateY(-38%);
              -webkit-transform:translateX(-41%) translateY(-38%);
          }
        }
         @-webkit-keyframes z1_move{
          0%{         
          }
          100%{
              transform: translateX(-41%) translateY(-38%);
              -webkit-transform:translateX(-41%) translateY(-38%);
          }
        }
        .p2_z5.p2_zmove{
            animation: z5_move 1s linear forwards;
            -webkit-animation: z5_move 1s linear forwards;
        }
        @keyframes z5_move{
          0%{        
          }
          100%{
              transform: translateX(-8%) translateY(-31%);
              -webkit-transform:translateX(-8%) translateY(-31%);
          }
        }
         @-webkit-keyframes z5_move{
          0%{        
          }
          100%{
              transform: translateX(-8%) translateY(-31%);
              -webkit-transform:translateX(-8%) translateY(-31%);
          }
        }
        .p2_z2.p2_zmove{
            animation: z2_move 1s linear forwards;
            -webkit-animation: z2_move 1s linear forwards;
        }
        @keyframes z2_move{
          0%{         
          }
          100%{
              transform: translateX(-25%) translateY(-38%);
              -webkit-transform:translateX(-25%) translateY(-38%);
          }
        }
         @-webkit-keyframes z2_move{
          0%{            
          }
          100%{
              transform: translateX(-25%) translateY(-38%);
              -webkit-transform:translateX(-25%) translateY(-38%);
          }
        }
        .p2_z3.p2_zmove{
            animation: z3_move 1s linear forwards;
            -webkit-animation: z3_move 1s linear forwards;
        }
        @keyframes z3_move{
          0%{         
          }
          100%{
              transform: translateX(3%) translateY(-38%);
              -webkit-transform:translateX(3%) translateY(-38%);
          }
        }
         @-webkit-keyframes z3_move{
          0%{            
          }
          100%{
              transform: translateX(3%) translateY(-38%);
              -webkit-transform:translateX(3%) translateY(-38%);
          }
        }
        .p2_z4.p2_zmove{
            animation: z4_move 1s linear forwards;
            -webkit-animation: z4_move 1s linear forwards;
        }
        @keyframes z4_move{
          0%{         
          }
          100%{
              transform: translateX(-4%) translateY(-38%);
              -webkit-transform:translateX(-4%) translateY(-38%);
          }
        }
         @-webkit-keyframes z4_move{
          0%{            
          }
          100%{
              transform: translateX(-4%) translateY(-38%);
              -webkit-transform:translateX(-4%) translateY(-38%);
          }
        }
        .p2_z6.p2_zmove{
            animation: z6_move 1s linear forwards;
            -webkit-animation: z6_move 1s linear forwards;
        }
        @keyframes z6_move{
          0%{         
          }
          100%{
              transform: translateX(8%) translateY(-31%);
              -webkit-transform:translateX(8%) translateY(-31%);
          }
        }
         @-webkit-keyframes z6_move{
          0%{            
          }
          100%{
              transform: translateX(8%) translateY(-31%);
              -webkit-transform:translateX(8%) translateY(-31%);
          }
        }
        .p2_z7.p2_zmove{
            animation: z7_move 1s linear forwards;
            -webkit-animation: z7_move 1s linear forwards;
        }
        @keyframes z7_move{
          0%{         
          }
          100%{
              transform: translateX(36%) translateY(-31%);
              -webkit-transform:translateX(36%) translateY(-31%);
          }
        }
         @-webkit-keyframes z7_move{
          0%{            
          }
          100%{
              transform: translateX(36%) translateY(-31%);
              -webkit-transform:translateX(36%) translateY(-31%);
          }
        }
        .p2_z8.p2_zmove{
            animation: z8_move 1s linear forwards;
            -webkit-animation: z8_move 1s linear forwards;
        }
        @keyframes z8_move{
          0%{         
          }
          100%{
              transform: translateX(28%) translateY(-31%);
              -webkit-transform:translateX(28%) translateY(-31%);
          }
        }
         @-webkit-keyframes z8_move{
          0%{            
          }
          100%{
              transform: translateX(28%) translateY(-31%);
              -webkit-transform:translateX(28%) translateY(-31%);
          }
        }

        .p2_t1 .p2_t1_click{
            position: absolute;
            width: 80%;
            height: 5%;
            left: 10%;
            z-index: 25;
        }
        .p2_t1_aclick{
            top:67.5%;
        }
        .p2_t1_bclick{
            top:73.5%;
        }
        .p2_t1_cclick{
            top:79.5%;
        }
        .p2_t1_tip{
            display: none;
            position: absolute;
            width: 7%;
            height:66%;
            left: 1%;
            top: 20%;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .p2_t1_atip{
          background-image: url(../images/cuowu.png?1);
        }
        .p2_t1_btip{
          background-image: url(../images/cuowu.png?1);
        }
        .p2_t1_ctip{
          background-image: url(../images/zhengque.png?1);
        }
        .p2_t2{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.2.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .p2_t2 .p2_t2_click{
            position: absolute;
            width: 80%;
             z-index: 25;
            /*background-color: red;
            opacity: 0.3;*/
        }
        .p2_t2_aclick{
            height: 6%;
            left: 10%;
            top:63.5%;
        }
        .p2_t2_bclick{
            height: 8%;
            left: 10%;
            top:70.5%;
        }
        .p2_t2_cclick{
            height: 6%;
            left: 10%;
            top:79.5%;
        }
        .p2_t2_tip{
            display: none;
            position: absolute;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .p2_t2_atip{
          background-image: url(../images/cuowu.png?1);
          width:6%;
          height: 55%;
          left: 2%;
          top: 27%;
        }
        .p2_t2_btip{
          background-image: url(../images/zhengque.png?1);
          width:8%;
          height: 57%;
          left: 1%;
          top: 3%;
        }
        .p2_t2_ctip{
          background-image: url(../images/cuowu.png?1);
          width:6%;
          height: 54%;
          left: 1%;
          top: 26%;
        }

        .p2_t3{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.3.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }  
        .p2_t3 .p2_t3_click{
            position: absolute;
            width: 80%;
            height: 5%;
            left: 10%;
            z-index: 25;
        }
        .p2_t3_aclick{
            top:67.5%;
        }
        .p2_t3_bclick{
            top:73.5%;
        }
        .p2_t3_cclick{
            top:79.5%;
        }
        .p2_t3_tip{
            display: none;
            position: absolute;
            width: 7%;
            height:66%;
            left: 1%;
            top: 20%;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .p2_t3_atip{
          background-image: url(../images/zhengque.png?1);
        }
        .p2_t3_btip{
          background-image: url(../images/cuowu.png?1);
        }
        .p2_t3_ctip{
          background-image: url(../images/cuowu.png?1);
        }

        .p2_t4{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.4.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }  
        .p2_t4 .p2_t4_click{
            position: absolute;
            width: 80%;
            height: 5%;
            left: 10%;
            z-index: 25;
        }
        .p2_t4_aclick{
            top:65.5%;
        }
        .p2_t4_bclick{
            top:71.5%;
        }
        .p2_t4_cclick{
            top:77.5%;
        }
        .p2_t4_tip{
            display: none;
            position: absolute;
            width: 7%;
            height:66%;
            left: 1%;
            top: 20%;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .p2_t4_atip{
          background-image: url(../images/cuowu.png?1);
        }
        .p2_t4_btip{
          background-image: url(../images/zhengque.png?1);
        }
        .p2_t4_ctip{
          background-image: url(../images/cuowu.png?1);
        }

        .p2_t5{
            display:none; 
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.5.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }  
        .p2_t5 .p2_t5_click{
            position: absolute;
            width: 80%;
            z-index: 25;
        }
        .p2_t5_aclick{
            height: 6%;
            left: 10%;
            top:60.5%;
        }
        .p2_t5_bclick{
            height: 8%;
            left: 10%;
            top:67.5%;
        }
        .p2_t5_cclick{
            height: 6%;
            left: 10%;
            top:77%;
        }
        .p2_t5_tip{
            display: none;
            position: absolute;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .p2_t5_atip{
          background-image: url(../images/cuowu.png?1);
          width:6%;
          height: 55%;
          left: 2%;
          top: 27%;
        }
        .p2_t5_btip{
          background-image: url(../images/cuowu.png?1);
          width:8%;
          height: 57%;
          left: 1%;
          top: 3%;
        }
        .p2_t5_ctip{
          background-image: url(../images/zhengque.png?1);
          width:6%;
          height: 54%;
          left: 1%;
          top: 26%;
        }
        .p2_jz{
          display: none;
          position: absolute;
          width: 100%;
          height: 100%;
          background-image: url(../images/p2.20.png?1);
          background-repeat: no-repeat;
          background-size: 100% 100%;
          z-index: 12;
        }
        .p2_next{
            display: none;
            position: absolute;
            width: 41%;
            height: 7%;
            left: 28%;
            top:87%;
            z-index: 20;
        }
        .p2_btnImg{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.17.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat; 
            z-index: 20;
        }
        .p2_btnImg2{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.19.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat; 
            z-index: 20;
        }
         .p2_btnImg3{
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../images/p2.15.png?1);
            background-size: 100% 100%;
            background-repeat: no-repeat; 
            z-index: 30;
            animation: fadeInUp 1s linear;
            -webkit-animation:fadeInUp 1s linear;
        }
        .p2_click{
            /*display: none;*/
            position: absolute;
            width: 28%;
            height: 7%;
            left: 36%;
            top:56%;
        }
        .p2_hand{
            position: absolute;
            width:10%;
            height: 9%;
            left: 48%;
            top: 85%;
            background-image: url(../images/hand.png?1);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            opacity: 0;
            animation: fadeIn .8s 1s linear infinite alternate;
            -webkit-animation:fadeIn .8s 1s linear infinite alternate;

        }
        .p2_click2{
            /*display: none;*/
            position: absolute;
            width: 28%;
            height: 7%;
            left: 36%;
            top:56%;
        }
        .p2_click3{
            /*display: none;*/
            position: absolute;
            width: 44%;
            height: 15%;
            left: 28%;
            top:72%;
            /*background-color: cyan;
            opacity: 0.3;*/
        }
        .page3{
            display: none;
            position: relative;
            width:100%;
            height: 100%;
            background-image: url(../images/p3.jpg?1);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .p3_w1{
            position: absolute;
            width:100%;
            height: 100%;
            background-image: url(../images/p3.1.png?1);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            animation: fadeIn 1.5s linear;
            -webkit-animation:fadeIn 1.5s linear;
        }
        .p3_w2{
            position: absolute;
            width:100%;
            height: 100%;
            background-image: url(../images/p3.2.png?3);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            opacity: 0;
            animation: fadeIn 1.5s  1.5s linear forwards;
            -webkit-animation:fadeIn 1.5s 1.5s linear forwards;
        }
        .p3_w3{
            position: absolute;
            width:100%;
            height: 100%;
            background-image: url(../images/p3.3.png?1);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            opacity: 0;
            animation: fadeIn 1.5s  3s linear forwards;
            -webkit-animation:fadeIn 1.5s 3s linear forwards;
        }
        .p3_hand{
            position: absolute;
            width:10%;
            height: 9%;
            left: 56%;
            top: 81%;
            background-image: url(../images/hand.png?1);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            opacity: 0;
            animation: fadeIn .8s  3.5s linear infinite alternate;
            -webkit-animation:fadeIn .8s 3.5s linear infinite alternate;
        }
        .p3_click{
            position: absolute;
            width: 44%;
            height: 8%;
            left: 28%;
            top:76%;
        }

        .swiper-container{
          position: relative;
          display: none;
          width: 100%;
          height: 100%;
        }
        .swiper-slide{
          position: relative;
          overflow: hidden;
          width: 100%;
          height: 100%;   
        }
        #page4_0{
           background-size: 100% 100%;
           background-repeat: no-repeat;
          background-image: url(../images/p4.jpg?1);
        }
        .p4_0_tImg{
            position: absolute;
           width: 100%;
           height: 100%;   
           background-size: 100% 100%;
           background-repeat: no-repeat;
           background-image: url(../images/p4.1.png?1);
        }
        .p4_0_lBtn{
            position: absolute;
            left: 0%;
            top: 0%;
           width: 100%;
           height: 100%;   
           background-size: 100% 100%;
           background-repeat: no-repeat;
          background-image: url(../images/p4.6.png?1);
        }
        .p4_0_rBtn{
            position: absolute;
            left: 0%;
            top: 0%;
           width: 100%;
           height: 100%;   
           background-size: 100% 100%;
           background-repeat: no-repeat;
          background-image: url(../images/p4.5.png?1);
        } 
        .p4_0_w1{
            position: absolute;
           width: 100%;
           height: 100%;   
           background-size: 100% 100%;
           background-repeat: no-repeat;
          background-image: url(../images/p4.7.png?1);
        }
        .p4_0_w2{
            position: absolute;
           width: 100%;
           height: 100%;   
           background-size: 100% 100%;
           background-repeat: no-repeat;
          background-image: url(../images/p4.8.png?1);
        }
        #page4_0 .p4_0_lclick{
            position: absolute;
            width: 10%;
            height: 7%;
            left: 13%;
            top:17%;
            z-index: 5;
        }
        #page4_0 .p4_0_rclick{
            position: absolute;
            width: 10%;
            height: 7%;
            left: 77%;
            top:17%;
            z-index: 5;
        }
        .p4_ani .p4_0_tImg{
           opacity: 0;
            animation: fadeIn  1s linear forwards;
            -webkit-animation:fadeIn 1s linear forwards;
        }
        .p4_ani .p4_0_w1{
             opacity: 0;
            animation: fadeIn  1.5s 1s linear forwards;
            -webkit-animation:fadeIn 1.5s 1s linear forwards;
        }
        .p4_ani .p4_0_w2{
            opacity: 0;
            animation: fadeIn  1.5s 2s linear forwards;
            -webkit-animation:fadeIn 1.5s 2s linear forwards;
        }
        .p4_0_arrow{
            position: absolute;
            width: 14%;
            height: 5%;
            left: 43%;
            top:93%;
            background-image: url(../images/arrow.png?1);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            opacity: 0;
            animation: arrow_move 1s 2s linear infinite forwards;
            -webkit-animation:arrow_move 1s 2s linear infinite forwards;
        }
        @keyframes arrow_move{
          0%{
          }
          100%{
              opacity: 1;
              transform: translateY(-50%);
              -webkit-transform:translateY(-50%);
          }
        }
         @-webkit-keyframes arrow_move{
          0%{
          }
          100%{
              opacity: 1;
              transform: translateY(-50%);
              -webkit-transform:translateY(-50%);
          }
        }

        #page4_1{
          background-size: 100% 100%;
           background-repeat: no-repeat;
          background-image: url(../images/p5.jpg?1);
        }
        .p4_1_w1{
           position: absolute;
           width: 100%;
           height: 100%;   
           background-size: 100% 100%;
           background-repeat: no-repeat;
           background-image: url(../images/p5.1.png?1);
        }
        .p4_ani .p4_1_w1{
             animation: fadeIn linear 1s;
            -webkit-animation:fadeIn linear 1s;
        }
        .p4_1_arrow{
            position: absolute;
            width: 14%;
            height: 5%;
            left: 43%;
            top:93%;
            background-image: url(../images/arrow.png?1);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            opacity: 0;
            animation: arrow_move 1s linear infinite forwards;
            -webkit-animation:arrow_move 1s linear infinite forwards;
        }
        #page4_2{      
          background-size: 100% 100%;
           background-repeat: no-repeat;
          background-image: url(../images/p6.jpg?1);
        }
        .p4_2_w1{
           position: absolute;
           width: 100%;
           height: 100%;   
           background-size: 100% 100%;
           background-repeat: no-repeat;
           background-image: url(../images/p6.1.png?1);
        }
        .p4_2_w2{
           position: absolute;
           width: 100%;
           height: 100%;   
           background-size: 100% 100%;
           background-repeat: no-repeat;
           background-image: url(../images/p6.2.png?1);
        }
        .p4_2_w3{
           position: absolute;
           width: 100%;
           height: 100%;   
           background-size: 100% 100%;
           background-repeat: no-repeat;
           background-image: url(../images/p6.3.png?1);
        }
        .p4_2_click{
            /*display: none;*/
            position: absolute;
            width: 44%;
            height: 7%;
            left: 27%;
            top:66%;
        }
        .p4_2_click2{
            /*display: none;*/
            position: absolute;
            width: 44%;
            height: 7%;
            left: 27%;
            top:76.4%;
        }
        .p4_ani .p4_2_w1{
             animation: fadeIn 1.5s  linear ;
            -webkit-animation:fadeIn 1.5s  linear ;
        }
        .p4_ani .p4_2_w2{
             opacity: 0; 
             animation: fadeIn 1.5s 1.5s linear forwards;
            -webkit-animation:fadeIn 1.5s 1.5s linear forwards;
        }
        .p4_ani .p4_2_w3{
             opacity: 0;
             animation: fadeIn 1.5s 3s linear forwards;
            -webkit-animation:fadeIn 1.5s 3s linear forwards;
        }