*{padding:0px;margin:0px;box-sizing: border-box;word-break:break-all;box-sizing:border-box;font-family: sans-serif,'微软雅黑';}
body{font-size:12px;color:#333;-webkit-overflow-scrolling:touch;background-color: #fff}
a{text-decoration:none;color:#444;-webkit-tap-highlight-color: rgba(0,0,0,0.1);}
li{list-style:none;}
input,textarea{outline: none}
img{display: block;}
.hot{
        position: absolute;
    background: rgba(255, 255, 255, 0.3);
    width: 144px;
    height: 78px;
    
}
.hot1{
    background:rgba(255, 255, 255, 0);
}
#main{
 	
 	background-color: #000000;
 }
.content{

 	background-color: #080808;
 	margin:0;
 	padding:0;
 	overflow: hidden;
 }

 .xia{
    position: absolute;
    width:60px;
    left: 50%;
    margin-left: -30px;
    opacity:0;
 }
.ceng{
    transform-origin: left top;
    position: absolute;
    left:0px;
    top:0px;
    width:1080px;
    height: 1920px;
}
.cengbody{
    position: relative;
    width: 100%;
    height: 100%;
}

.img{
    position: absolute;
    opacity: 0;
    font-size: 24px;
    color:#fff;
}
.panel{
    position: relative;overflow-y: hidden;-webkit-overflow-scroll:touch;overflow-x: hidden;
}
canvas{
    background:rgba(0,0,0,0);
}

@keyframes arrow_down {
    0%{transform: translateY(0px);opacity: 0;}
    50%{transform: translateY(10px);opacity: 1;}
    100%{transform: translateY(0px);opacity: 0;}
}

.center{
    left :50%;
    transform: translateX(-50%);
}



@keyframes liu1_4{
    0%{transform: translate(-50%, 1687px);opacity: 0}
    100%{transform: translate(-50%,1677px);opacity: 1}
}
@keyframes liu1_5{
    0%{transform: translate(-50%, 1769px);opacity: 0}
    100%{transform: translate(-50%,1759px);opacity: 1}
}

@keyframes liu1_1{
    0%{transform: translate(0px, -50px);opacity: 0}
    100%{transform: translate(0px,0px);opacity: 1}
}
@keyframes liu1_2{
    0%{transform: translate(335px, 263px) rotate(20deg);opacity: 0}
    100%{transform: translate(335px,263px) rotate(0deg);opacity: 1}
}
@keyframes liu1_3{
    0%{transform: translate(335px, 263px);opacity: 0}
    100%{transform: translate(386px,263px);opacity: 1}
}


      
@keyframes liu2_1{
    0%{transform: translate(0px, 0px) scale(1.3);opacity: 0}
    100%{transform: translate(0px,0px) scale(1);opacity: 1}
}
@keyframes liu2_2{
    0%{transform: translate(237px,579px) rotate(20deg);opacity: 0}
    100%{transform: translate(237px,579px) rotate(0deg);opacity: 1}
}
@keyframes liu2_3{
    0%{transform: translate(302px,601px) scale(0.7);opacity: 0}
    100%{transform: translate(302px,601px) scale(1);opacity: 1}
}

@keyframes liu3_1{
    0%{transform: translate(0px, 630px);opacity: 0}
    100%{transform: translate(0px,600px);opacity: 1}
}
@keyframes liu3_2{
    0%{transform: translate(237px,379px) rotate(20deg);opacity: 0}
    100%{transform: translate(237px,379px) rotate(0deg);opacity: 1}
}
@keyframes liu3_3{
    0%{transform: translate(282px,401px);opacity: 0}
    100%{transform: translate(302px,401px);opacity: 1}
}


@keyframes liu4_1{
    0%{transform: translate(0px, 366px);opacity: 0}
    100%{transform: translate(0px,326px);opacity: 1}
}
@keyframes liu4_2{
    0%{transform: translate(237px,379px) rotate(20deg);opacity: 0}
    100%{transform: translate(237px,379px) rotate(0deg);opacity: 1}
}
@keyframes liu4_3{
    0%{transform: translate(342px,401px);opacity: 0}
    100%{transform: translate(302px,401px);opacity: 1}
}

@keyframes liu5_1{
    0%{transform:translate(-50%,160px); opacity: 0}
    100%{transform:translate(-50%,200px); opacity: 1}
}
@keyframes liu5_2{
    0%{transform:translate(-50%,960px);  opacity: 0}
    100%{transform:translate(-50%,920px);  opacity: 1}
}
@keyframes liu5_3{
    0%{transform: translate(-50%,1300px);opacity: 0}
    100%{transform: translate(-50%,1300px);opacity: 1}
}