body{width:100%;height:100%;background:#000;font-size:18px;font-family:"黑体",arial;}
html{height:100%;}
img{vertical-align:top;}
a img{border:none;}
*{margin:0;padding:0;}
ul,li{list-style:none;}
a{text-decoration:none;}
.tigger{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:#000;}
.tigger-text,.tigger-photo{position:absolute;top:50%;left:50%;z-index:100;margin:-115px 0 0 -120px;width:240px;height:230px;}
.tigger-text{}
.tigger-photo{display:none;}
.tigger-out{-webkit-animation:tigger-act 1s ease 0 forwards;animation:tigger-act 1s ease 0 forwards;}
.tigger-photo img,.tigger-text img{width:100%;height:100%;}
.tigger-t1{position:absolute;top:4px;left:95px;z-index:1000;width:35px;height:45px;}
.tigger-t2{position:absolute;top:12px;left:133px;z-index:1000;width:82px;height:30px;}
.tigger-t3{position:absolute;top:46px;left:24px;z-index:1000;width:210px;height:40px;}
.tigger-t4{position:absolute;top:71px;left:6px;z-index:1000;width:50px;height:154px;}
.tigger-t5{position:absolute;top:70px;left:63px;z-index:1000;width:159px;height:74px;}
.tigger-t6{position:absolute;top:153px;left:53px;z-index:1000;width:54px;height:74px;}
.tigger-t7{position:absolute;top:148px;left:106px;z-index:1000;width:124px;height:74px;}
.tigger-p1{position:absolute;top:5px;left:27px;z-index:1000;width:107px;height:122px;}
.tigger-out .tigger-out1{-webkit-animation:tigger-out1 4s ease-out 0.5s forwards;animation:tigger-out1 4s ease-out 0.5s forwards;}
.tigger-p2{position:absolute;top:7px;left:113px;z-index:1000;width:118px;height:104px;}
.tigger-out .tigger-out2{-webkit-animation:tigger-out2 4s ease-out 0.5s forwards;animation:tigger-out2 4s ease-out 0.5s forwards;}
.tigger-p3{position:absolute;top:27px;left:82px;z-index:1000;width:135px;height:113px;}
.tigger-out .tigger-out3{-webkit-animation:tigger-out3 4s ease-out 0.5s forwards;animation:tigger-out3 4s ease-out 0.5s forwards;}
.tigger-p4{position:absolute;top:127px;left:9px;z-index:1000;width:111px;height:97px;}
.tigger-out .tigger-out4{-webkit-animation:tigger-out4 4s ease-out 0.5s forwards;animation:tigger-out4 4s ease-out 0.5s forwards;}
.tigger-p5{position:absolute;top:113px;left:92px;z-index:1000;width:136px;height:106px;}
.tigger-out .tigger-out5{-webkit-animation:tigger-out5 4s ease-out 0.5s forwards;animation:tigger-out5 4s ease-out 0.5s forwards;}
.tigger-text li{-webkit-transform:scale(0.5,0.5);transform:scale(0.5,0.5);opacity:0;}
.tigger-show1{-webkit-animation:tigger-show 2s ease-in 0s forwards;animation:tigger-show 2s ease-in 0s forwards;}
.tigger-show2{-webkit-animation:tigger-show 2s ease-in 0.5s forwards;animation:tigger-show 2s ease-in 0.5s forwards;}
.tigger-show3{-webkit-animation:tigger-show 2s ease-in 1.0s forwards;animation:tigger-show 2s ease-in 1.0s forwards;}
.tigger-show4{-webkit-animation:tigger-show 2s ease-in 1.4s forwards;animation:tigger-show 2s ease-in 1.4s forwards;}
.tigger-show5{-webkit-animation:tigger-show 2s ease-in 1.7s forwards;animation:tigger-show 2s ease-in 1.7s forwards;}
.tigger-show6{-webkit-animation:tigger-show 2s ease-in 2.0s forwards;animation:tigger-show 2s ease-in 2.0s forwards;}
.tigger-show7{-webkit-animation:tigger-show 2s ease-in 2.5s forwards;animation:tigger-show 2s ease-in 2.5s forwards;}
.tigger-photo li{opacity:1;}
.corver-show{-webkit-animation:corver-show 0.5s ease-in 0 forwards;animation:corver-show 0.5s ease-in 0 forwards;}
.show-d2s{-webkit-animation:show 1s ease-out 1s forwards;animation:show 1s ease-out 1s forwards;}
.show{-webkit-animation:show 1s ease-out forwards;animation:show 1s ease-out forwards;}

.z-show1{-webkit-animation:person-show 0.8s ease-in forwards;animation:person-show 0.8s ease-in forwards;}
.z-show2{-webkit-animation:person-show 0.8s ease-in 0.4s forwards;animation:person-show 0.8s ease-in 0.4s forwards;}
.z-show3{-webkit-animation:person-show 0.8s ease-in 0.8s forwards;animation:person-show 0.8s ease-in 0.8s forwards;}
.z-show4{-webkit-animation:person-show 0.8s ease-in 1.2s forwards;animation:person-show 0.8s ease-in 1.2s forwards;}
.z-show5{-webkit-animation:person-show 0.4s ease-in 2.4s forwards;animation:person-show 0.4s ease-in 2.4s forwards;}

.z-out1{-webkit-animation:z-out 0.4s ease-out forwards;animation:z-out 0.4s ease-out forwards;}
.z-out2{-webkit-animation:z-out 0.4s ease-out 0.1s forwards;animation:z-out 0.4s ease-out 0.1s forwards;}
.z-out3{-webkit-animation:z-out 0.4s ease-out 0.3s forwards;animation:z-out 0.4s ease-out 0.3s forwards;}
.z-out4{-webkit-animation:z-out 0.4s ease-out 0.5s forwards;animation:z-out 0.4s ease-out 0.5s forwards;}
.z-out5{-webkit-animation:z-out 0.4s ease-out 1s forwards;animation:z-out 0.4s ease-out 1s forwards;}

.bg-in{-webkit-animation:bg-in 1s ease-in forwards;animation:bg-in 1s ease-in forwards;}

@-webkit-keyframes tigger-show{
	0%{-webkit-transform:scale(0.5,0.5);opacity:0;}
	40%{-webkit-transform:scale(1.05,1.05);opacity:1;}
	60%{-webkit-transform:scale(1,1);opacity:1;}
	100%{-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes tigger-show{
	0%{transform:scale(0.5,0.5);opacity:0;}
	40%{transform:scale(1.05,1.05);opacity:1;}
	60%{transform:scale(1,1);opacity:1;}
	100%{transform:scale(1,1);opacity:1;}
}
@-webkit-keyframes tigger-out1{
	0%{-webkit-transform:translate(0,0),rotate(0);opacity:1;}
	100%{-webkit-transform:translate(-200px,-200px) rotate(-20deg);opacity:0;}
}
@keyframes tigger-out1{
	0%{transform:translate(0,0),rotate(0);opacity:1;}
	100%{transform:translate(-200px,-200px) rotate(-20deg);opacity:0;}
}
@-webkit-keyframes tigger-out2{
	0%{-webkit-transform:translate(0,0),rotate(0);opacity:1;}
	100%{-webkit-transform:translate(200px,-200px) rotate(-20deg);opacity:0;}
}
@keyframes tigger-out2{
	0%{transform:translate(0,0),rotate(0);opacity:1;}
	100%{transform:translate(200px,-200px) rotate(-20deg);opacity:0;}
}
@-webkit-keyframes tigger-out3{
	0%{-webkit-transform:translate(0,0),rotate(0);opacity:1;}
	100%{-webkit-transform:translate(200px,0px) rotate(20deg);opacity:0;}
}
@keyframes tigger-out3{
	0%{transform:translate(0,0),rotate(0);opacity:1;}
	100%{transform:translate(200px,0px) rotate(20deg);opacity:0;}
}
@-webkit-keyframes tigger-out4{
	0%{-webkit-transform:translate(0,0),rotate(0);opacity:1;}
	100%{-webkit-transform:translate(-200px,200px) rotate(20deg);opacity:0;}
}
@keyframes tigger-out4{
	0%{transform:translate(0,0),rotate(0);opacity:1;}
	100%{transform:translate(-200px,200px) rotate(20deg);opacity:0;}
}
@-webkit-keyframes tigger-out5{
	0%{-webkit-transform:translate(0,0),rotate(0);opacity:1;}
	100%{-webkit-transform:translate(200px,200px) rotate(20deg);opacity:0;}
}
@keyframes tigger-out5{
	0%{transform:translate(0,0),rotate(0);opacity:1;}
	100%{transform:translate(200px,200px) rotate(20deg);opacity:0;}
}
@-webkit-keyframes tigger-act{
	0%{-webkit-transform:scale(1,1);}
	30%{-webkit-transform:scale(1.01,1.01);}
	35%{-webkit-transform:scale(0.99,0.99);}
	40%{-webkit-transform:scale(1.01,1.01);}
	45%{-webkit-transform:scale(0.99,0.99);}
	50%{-webkit-transform:scale(1.01,1.01);}
	55%{-webkit-transform:scale(0.99,0.99);}
	60%{-webkit-transform:scale(1.01,1.01);}
	65%{-webkit-transform:scale(0.99,0.99);}
	70%{-webkit-transform:scale(1.01,1.01);}
	75%{-webkit-transform:scale(0.99,0.99);}
	80%{-webkit-transform:scale(1.01,1.01);}
	85%{-webkit-transform:scale(0.99,0.99);}
	90%{-webkit-transform:scale(1,1);}
	100%{-webkit-transform:scale(1,1);}
}
@keyframes tigger-act{
	0%{transform:scale(1,1);}
	30%{transform:scale(1.01,1.01);}
	35%{transform:scale(0.99,0.99);}
	40%{transform:scale(1.01,1.01);}
	45%{transform:scale(0.99,0.99);}
	50%{transform:scale(1.01,1.01);}
	55%{transform:scale(0.99,0.99);}
	60%{transform:scale(1.01,1.01);}
	65%{transform:scale(0.99,0.99);}
	70%{transform:scale(1.01,1.01);}
	75%{transform:scale(0.99,0.99);}
	80%{transform:scale(1.01,1.01);}
	85%{transform:scale(0.99,0.99);}
	90%{transform:scale(1,1);}
	100%{transform:scale(1,1);}
}
@-webkit-keyframes hide{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes hide{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes show{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes show{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes corver-show{
	0%{-webkit-transform:scale(2,2);opacity:0;}
	100%{-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes corver-show{
	0%{transform:scale(2,2);opacity:0;}
	100%{transform:scale(1,1);opacity:1;}
}
@-webkit-keyframes person-show{
	0%{-webkit-transform:scale(0.2,0.2);opacity:0;}
	100%{-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes person-show{
	0%{transform:scale(0.2,0.2);opacity:0;}
	100%{transform:scale(1,1);opacity:1;}
}
@-webkit-keyframes z-out{
	0%{-webkit-transform:translateY(0);opacity: 1}
	100%{-webkit-transform:translateY(600px);opacity: 0}
}
@keyframes z-out{
	0%{transform:translateY(0);opacity: 1}
	100%{transform:translateY(600px);opacity: 0}
}
@-webkit-keyframes bg-in{
	0%{-webkit-transform:translateX(100%);}
	100%{-webkit-transform:translateX(0);}
}
@keyframes bg-in{
	0%{transform:translateX(100%);}
	100%{transform:translateX(0);}
}
.cw{width:100%;height:100%;padding-top:8%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#EE1C24;}
.cw p{color:#fff;text-align:center;line-height:24px;opacity:0;}
.corver{text-align:center;margin:6% 0;-webkit-transform:scale(2,2);transform:scale(2,2);opacity:0;}
.corver img{width:170px;}
.app{text-align:center;margin-top:5%;opacity:0;}
.app img{width:65px;}
.app-text{color:#fff;font-size:12px;}
/*z*/
.tigger-z { position: fixed; top: 50%; left: 50%; z-index: 100; margin: -160px 0 0 -140px; width: 280px; height: 320px; }
.tigger-z img { width: 100%; }
.tigger-z-z, .tigger-z-1, .tigger-z-2, .tigger-z-3, .tigger-z-4 { position: absolute; z-index: 100; -webkit-transform:scale(0.2,0.2); transform:scale(0.2,0.2); opacity:0;}
.tigger-z-z { width: 108px; height: 108px; top: 94px; left: 75px; }
.tigger-z-1 { width: 70px; height: 70px; top: 0; right: 25px; }
.tigger-z-2 { width: 70px; height: 70px; bottom: 15px; right: 0; }
.tigger-z-3 { width: 70px; height: 70px; bottom: 0; left: 25px; }
.tigger-z-4 { width: 70px; height: 70px; top: 30px; left: 0; }
.tigger-end { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
.topic { width: 130px; height: 26px; line-height: 26px; font-size: 12px; text-align: center; display:none; opacity: 0;background: #C7B894;border-radius: 5px;margin:10px auto;position: relative;}
.topic a { color: #000; display: block;width:100%;}
.black-bg,.black-cw-bg { position: fixed; top: 0; right: 0; z-index: 0; width: 50%; height: 100%; background: #000;}
.black-bg{z-index: 10;-webkit-transform: translateX(100%); transform: translateX(100%); }
.red-bg { position: fixed; top: 0; right: 0; z-index: 10; width: 100%; height: 100%; background: #EE1C24; opacity: 0; }