*{padding:0;margin:0}
body{font-family:"微软雅黑","Microsoft YaHei"!important}
*{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%;height:100%}
#bbstage{position:relative;width:100%;height:100%}
.coverbg{display:block;position:absolute;width:1920px;height:auto;object-fit:cover;top:0;left:50%;margin-left: -955px;}
.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}
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,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)}
.bigbang-nav li.nav4{cursor:default;background:rgba(49,49,49,.7)}
.bigbang-nav li.nav4 a{cursor:default}
@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 .jpgpc{display: none;}

@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)}
}