body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0 }
body,button, input, select, textarea {font:12px/20px "\5FAE\8F6F\96C5\9ED1", arial ;*line-height:1.5}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
address, cite, dfn, em, var {font-style:normal;}
code, kbd, pre, samp {font-family:courier new, courier, monospace;}
div, ul, dl { zoom:1;}

ul, ol,li{list-style:none;}
fieldset, img {border:0}
table {border-collapse:collapse;border-spacing:0;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;font-size:100%;}
div:after, ul:after, dl:after,.clearfix:after { content:""; display:block; clear:both; height:0; visibility:hidden;}
/****/
abbr, article, aside, audio, canvas, datalist, details, figure, footer, header, hgroup, menu, nav, output, progress, section, video {display:block;margin:0;padding:0}
i,u,b,em,span,small{ font-weight:normal; font-style:normal;text-decoration: none;}
a {color:#444;text-decoration:none;}
a:hover{color: #4193D7}
.clearfix {clear:both;zoom:1}
body{ background: #000; 
            /* 设置背景图片路径 */
            background-image: url('../loading.jpg');
            /* 关键属性：保持宽高比缩放以完全覆盖容器 */
            background-size: cover;
            /* 防止图片重复平铺 */
            background-repeat: no-repeat;
            /* 将图片居中显示 */
            background-position: center center;
            /* 可选：固定背景，不随页面滚动 */
            background-attachment: fixed;
            /* 可选：设置备用背景色 */
            background-color: #000;
}
.loading_poster{ position: absolute; width: 188px; left: 50%; top: 50%; margin-left: -150px; margin-top: -200px;}
.loading_poster img{width: 282px; height: 282px;}
.loading_poster p{ color: #fff;  font-size: 20px;  width: 290px; text-align: center;}
.wrap,.wrap_gif{width: 100%;position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow-y:hidden; }
.wrap_gif{display: none}
.poster{margin: 0 70px; text-align: center;}
.poster img{width: 100%; height: auto; }
.countdown{width: 900px; height: 182px; position: absolute; bottom: 0; left: 50%;  margin-left: -460px; overflow: hidden; text-align: center;}
.countdown span{float: left; font-size: 22px; color: #fff; width: 45px; height: 100px; line-height: 175px;}
.countdown span.count_tit{width: 95px;  }
.countdown span.day,.countdown span.hour,.countdown span.minute,.countdown span.second{width: 150px; margin: 0 5px;}
.countdown span.days{width: 230px;margin: 0 5px;}
.countdown span i{float:left; display:block; background: url(../images/time_bg.png) no-repeat; width: 75px; height: 100px;}
.countdown span i.num_1{background-position: 25px 0;}
.countdown span i.num_2{background-position: -47px 0;}
.countdown span i.num_3{background-position: -147px 0;}
.countdown span i.num_4{background-position: -247px 0;}
.countdown span i.num_5{background-position: -347px 0;}
.countdown span i.num_6{background-position: -447px 0;}
.countdown span i.num_7{background-position: 2px -125px;}
.countdown span i.num_8{background-position: -147px -125px;}
.countdown span i.num_9{background-position: -247px -125px;}
.countdown span i.num_0{background-position: -347px -125px;}
.countdown span i.num{background:none;}
.moveIn{
    animation-name:moveIn;
    animation-duration: 300ms;
    animation-timing-function: ease;
    animation-fill-mode: both;

    -webkit-animation-name:moveIn;
    -webkit-animation-duration: 300ms;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;

    -moz-animation-name:moveIn;
    -moz-animation-duration: 300ms;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;


}

.animation{
    animation-name: flipInX;
    animation-duration: 300ms;
   
    animation-timing-function: ease;
    animation-fill-mode: both;
    backface-visibility: visible!important;

    -webkit-animation-name: flipInX;
    -webkit-animation-duration: 300ms;
 
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -webkit-backface-visibility: visible!important;

    -moz-animation-name: flipInX;
    -moz-animation-duration: 300ms;
   
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -moz-backface-visibility: visible!important;

    
}
@-webkit-keyframes moveIn{
    0%{opacity:0;-webkit-transform:translateY(20px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes moveIn{
	0%{opacity:0;-moz-transform:translateY(20px)}
	100%{opacity:1;-moz-transform:translateY(0)}
}
@-webkit-keyframes flipInX{
    0% {-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
/*    40% {-webkit-transform:perspective(400px) rotateX(-10deg)}
    70% {-webkit-transform:perspective(400px) rotateX(10deg)}*/
    100% {-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@-moz-keyframes flipInX{
    0% {-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
/*	40% {-moz-transform:perspective(400px) rotateX(-10deg)}
	70% {-moz-transform:perspective(400px) rotateX(10deg)}*/
	100% {-moz-transform:perspective(400px) rotateX(0deg);opacity:1}
}
.animation1{
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipOutX;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipOutX;
    -webkit-animation-duration: 300ms;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes flipOutX{
    0% {-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
    100% {-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.poster { margin: 0 106px;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.poster { margin:0;}
}
@media screen and (min-width: 728px) and (max-width: 1024px) and (orientation : landscape) {
	.poster { margin:40px 0;}
}
@media screen and (min-width: 728px) and (max-width: 1024px) and (orientation : portrait)  {
	.poster { margin:200px 0;}
	.countdown{ bottom: 100px;}

}