*{padding:0;margin:0}
body{font-family:"微软雅黑","Microsoft YaHei"!important}
li,ul{list-style:none}
a{text-decoration:none}
.hide{display:none}
body,html{width:100%}
#bbstage{position:relative;width:100%;overflow:hidden}
.coverbg{width:100%;height:606px;background:url(http://pic9.qiyipic.com/common/20160816/bigbang-finaltout.jpg) no-repeat top center}
.coverbg img{width:100%;height:auto;object-fit:cover}
.bigBangCover{position:relative;width:100vw;height:100vh;top:0;left:0;bottom:0;right:0;overflow:hidden}
.bb-menu{position:fixed;z-index:101;top:72px;right:50px;width:84px;height:84px;background:url(http://pic9.qiyipic.com/common/20160721/bigbang-menubg.png) no-repeat;transition:background 1s}
.topDesc{width:100%;height:606px}
.ygvideo{width:1036px;height:999px;margin:0 auto;overflow:hidden;background-image:url(http://pic7.qiyipic.com/common/20160816/bigbgnagfianl-word.jpg);background-repeat:no-repeat}
.ygvideo .firstColum{margin:0 auto 20px 145px;width:747px;height:249px}
.ygvideo .secondColum{margin-bottom:78px;margin-left:10px;width:100%;height:249px}
.ygvideo .lastColum{margin-left:82px;width:900px;height:249px}
.ygvideo ul{margin-top:42px;width:100%;overflow:hidden}
.ygvideo ul li{position:relative;float:left;width:249px;height:249px}
.ygvideo ul li div{position:absolute;top:0;left:0;z-index:20;display:none;width:100%;height:100%}
.ygvideo ul li a{display:block;width:100%;height:100%}
.ygvideo ul li img{display:none;width:100%;height:100%;cursor:pointer}
.ygvideo .secondColum li{margin-right:6px}
.ygvideo .lastColum li{margin-right:51px}
a#btnToggle{width:48px;height:48px;position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-24px}
a#btnToggle span{cursor:pointer;height:3px;width:48px;background:#FFF;position:absolute;display:block;content:'';transition:all .4s ease-in-out}
a#btnToggle span.f1{top:0;transition-delay:.2s}
a#btnToggle span.f2{top:7px;transition-delay:.2s}
a#btnToggle span.f3{top:14px;transition-delay:.2s}
a#btnToggle span.f4{top:21px;transition-delay:.2s}
a#btnToggle span.f5{top:28px;transition-delay:.2s}
a#btnToggle span.f6{top:14px;transition-delay:0s}
a#btnToggle span.f7{top:14px;transition-delay:0s}
a#btnToggle.active span.f7{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:14px;transition-delay:150ms}
a#btnToggle.active span.f6{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:14px;transition-delay:150ms}
a#btnToggle.active span.f5{top:14px;transition-delay:0s;opacity:0}
a#btnToggle.active span.f4{top:14px;transition-delay:0s;opacity:0}
a#btnToggle.active span.f3{top:14px;transition-delay:0s;opacity:0}
a#btnToggle.active span.f2{top:14px;transition-delay:0s;opacity:0}
a#btnToggle.active span.f1{top:14px;transition-delay:0s;opacity:0}
.bbName{display:block;position:absolute;left:50%;top:20%;margin-left:-539.5px;width:1079px;height:572px;z-index:90;opacity:0;animation:bigIn .3s linear .1s both;-webkit-animation:bigIn .3s linear .1s both}
.bigbang-nav{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}
.vh{visibility:hidden}
.bigbang-nav ul{width:100%;height:100%}
.bigPC.bigbang-nav li{float:left;width:25%;height:100%;background:rgba(0,0,0,.7);outline:2px solid #000;opacity:0;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000)}
.bigPC.bigbang-nav li:hover{background:rgba(136,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F880000)}
.bigbang-nav li a{display:block;width:100%;height:100%;text-align:center;position:relative}
.bigbang-nav li a span{width:70%;margin:auto;position:absolute;top:43%;left:0;right:0;bottom:0}
.bigbang-nav li a span img{display:block;max-width:421px;height:auto;width:100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.bigbang-nav li a span img:hover{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}
.bigPC.bigbang-nav li:nth-child(2n){-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.bigPC.bigbang-nav li:nth-child(2n+1){-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.bigPC.bigbang-nav li.navDoneTop{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.smallNav{display:none}
.smallNav.bigbang-nav li{float:left;width:100%;height:25%;background:rgba(0,0,0,.7);opacity:1}
.smallNav.bigbang-nav li:nth-child(2n){-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.smallNav.bigbang-nav li:nth-child(2n+1){-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.smallNav.bigbang-nav li.navDoneLeft{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.phoneCoverbg{display:none;width:100%;height:auto;object-fit:cover}
@keyframes bigIn{0%{opacity:1;-webkit-transform:scale(1.3) translateZ(129px);-ms-transform:scale(1.3) translateZ(129px);-o-transform:scale(1.3) translateZ(129px);transform:scale(1.3) translateZ(129px)}
100%{opacity:1;-webkit-transform:scale(1) translateZ(0);-ms-transform:scale(1) translateZ(0);-o-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}
}
@-webkit-keyframes bigIn{0%{opacity:1;-webkit-transform:scale(1.3) translateZ(129px);-ms-transform:scale(1.3) translateZ(129px);-o-transform:scale(1.3) translateZ(129px);transform:scale(1.3) translateZ(129px)}
100%{opacity:1;-webkit-transform:scale(1) translateZ(0);-ms-transform:scale(1) translateZ(0);-o-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}
}
@-moz-keyframes bigIn{0%{opacity:1;-moz-transform:scale(1.3) translateZ(129px);-moz-transform:scale(1.3) translateZ(129px);-o-transform:scale(1.3) translateZ(129px);transform:scale(1.3) translateZ(129px)}
100%{opacity:1;-webkit-transform:scale(1) translateZ(0);-ms-transform:scale(1) translateZ(0);-o-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}
}
@-o-keyframes bigIn{0%{opacity:1;-moz-transform:scale(1.3) translateZ(129px);-moz-transform:scale(1.3) translateZ(129px);-o-transform:scale(1.3) translateZ(129px);transform:scale(1.3) translateZ(129px)}
100%{opacity:1;-webkit-transform:scale(1) translateZ(0);-ms-transform:scale(1) translateZ(0);-o-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}
}
@-ms-keyframes bigIn{0%{opacity:1;-moz-transform:scale(1.3) translateZ(129px);-moz-transform:scale(1.3) translateZ(129px);-o-transform:scale(1.3) translateZ(129px);transform:scale(1.3) translateZ(129px)}
100%{opacity:1;-webkit-transform:scale(1) translateZ(0);-ms-transform:scale(1) translateZ(0);-o-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}
}
body{width:100%;overflow-x:hidden;background:url(http://pic4.qiyipic.com/common/20160722/bigbang-repeatbg.jpg) repeat}
.fl{float:left}
.fr{float:right}
.bcontainer{position:relative;top:0;left:0;width:100%;height:auto;overflow:hidden}
.mainContent{position:relative;margin:0 auto;width:1036px;height:auto;overflow:hidden;background:rgba(0,0,0,.2)}
.navLeft{margin:20px 0 0 30px;max-width:398px;height:auto;overflow:hidden}
.navLeft img{display:block;width:100%;height:auto;object-fit:cover}
.bb10bigData{width:100%;height:auto}
.bb10bigData img{width:100%}
.jpgphone{display:none;width:100%}
.jpgphone img{width:100%}
; @media screen and (max-width:1024px){.bbName{max-width:80%;height:auto;left:10%;margin-left:0}
.bb-menu{right:20px}
.smallNav{display:block}
.bigPC.bigbang-nav{display:none}
.mainContent{padding:0 3%;width:94%;background:0 0}
}
.mobile .underDesc{display:block;width:15.852941rem;height:10.147059rem;bottom:2%;margin-left:-7.911765rem}
.mobile .bbTestRules h1{margin-bottom:.294118rem;font-size:.911765rem}
.mobile .bbTestRules p{font-size:.705882rem;line-height:1.181176rem}
.mobile .navLeft{margin-left:.058824rem;left:0;top:.588235rem;width:16.705882rem;height:10.382353rem}
.mobile .bb-menu{right:.588235rem;width:3.205882rem;height:3.205882rem;background-size:100% 100%}
.mobile a#btnToggle{margin-top:-.96rem;margin-left:-.96rem;width:1.911765rem;height:1.911765rem}
.mobile a#btnToggle span{width:1.911765rem;height:.147059rem}
.mobile .bbmask .red{margin-bottom:.282353rem;font-size:.529412rem}
.mobile .bbmask .shareBtn{padding-bottom:8px;width:3.117647rem;height:1.588235rem;font-size:1.411765rem}
.mobile .bigbang-nav li a span{top:50%;margin-top:-2.2794rem;width:12.382353rem;height:4.558824rem}
.mobile .bigbang-nav li a span img{width:12.382353rem;height:4.558824rem;object-fit:cover}
.mobile .jpgphone{display:block}
.mobile .mainContent{width:100%}
.mobile .coverbg{display:none}
.mobile .phoneCoverbg{display:block}
/*.mobile .ygvideo{width:100%;height:auto;background-size:100% auto}
.mobile .ygvideo ul{margin-top:1.235294rem}
.mobile .ygvideo ul li{width:5rem;height:5rem}
.mobile .ygvideo .firstColum{margin-left:3.235294rem;margin-bottom:1.294118rem;width:15.323529rem;height:5rem}
.mobile .ygvideo .secondColum{margin-left:.529412rem;margin-bottom:1.558824rem;height:5rem}
.mobile .ygvideo .lastColum{margin-left:2.117647rem;margin-bottom:1.764706rem;width:18.823529rem;height:5rem}
.mobile .ygvideo .lastColum li{margin-right:1.058824rem}*/
@keyframes lToR{from{transform:rotate(-3deg);-webkit-transform:rotate(-3deg)}
to{transform:rotate(3deg);-webkit-transform:rotate(3deg)}
}
@-webkit-keyframes lToR{from{transform:rotate(-3deg);-webkit-transform:rotate(-3deg)}
to{transform:rotate(3deg);-webkit-transform:rotate(3deg)}
}
@-moz-keyframes lToR{from{transform:rotate(-3deg);-moz-transform:rotate(-3deg)}
to{transform:rotate(3deg);-moz-transform:rotate(3deg)}
}
@-o-keyframes lToR{from{transform:rotate(-3deg);-o-transform:rotate(-3deg)}
to{transform:rotate(3deg);-o-transform:rotate(3deg)}
}
@-ms-keyframes lToR{from{transform:rotate(-3deg);-ms-transform:rotate(-3deg)}
to{transform:rotate(3deg);-ms-transform:rotate(3deg)}
}