*{padding:0;margin:0}
body{font-family:"微软雅黑","Microsoft YaHei"!important}
li,ul{list-style:none}
a{text-decoration:none}
.hide{display:none;_display:none;*display:none}
#bbstage{position:relative;width:100%;_position:relative}
.coverbg{display:block;position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0}
.bigBangCover{position:relative;width:100%;height:100%;top:0;left:0;bottom:0;right:0;overflow:hidden}
.bb-menu{position:fixed;z-index:101;top:12px;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:12%;margin-left:-539.5px;width:1079px;height:572px;z-index:90;}
.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}
.underDesc{display: none;position: absolute;width: 539px;height: 345px;z-index: 10;bottom: 20px;left: 50%;margin-left: -269.5px;}
.underDesc img{display: block;width: 100%;height: 100%;object-fit: cover;}
.pcunderDesc{position: absolute;width: 1062px;height: 125px;z-index: 10;bottom: 20px;left: 50%;margin-left: -531px;}
.pcunderDesc img{display: block;width: 100%;height: 100%;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;background:url(http://pic3.qiyipic.com/common/20160722/bigbang-contentbg.jpg) top center no-repeat}
.mainContent{position:relative;margin:0 auto;width:1036px;height:auto;overflow:hidden}
@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{width:100%;background:0 0}
.navLeft{margin-left:1%;max-width:568px;max-height:353px;width:50%;height:auto}
.testTitle{margin-top:40px}
.bbTestRules{margin:30px auto;max-width:677px;max-height:473px;width:100%;height:424px;background:url(http://pic6.qiyipic.com/common/20160722/bigbangh5-wordbg.png) no-repeat;background-size:100% 100%}
.bbTestRules .ruleDesc{margin:20px 0 10px 15px;padding-bottom:10px;padding-right:0;width:90%;height:auto;border-right:0;border-bottom:1px solid #676351}
.bbTestRules h1{font-size:25px}
.bbTestRules p{font-size:14px;line-height:34px}
.bbTestRules .prize{float:left;margin:10px 15px;width:90%;height:auto}
.bbTestContent{padding:35% 5% 1% 5%;width:90%}
.questionsWrap{width:100%;max-width:677px}
.questions li .optionBtn{margin-bottom:20px;width:100%}
.level-title{padding-top:20px}
.bbprize,.bbvote-prev,.bbx-prev{width:100%}
.pcunderDesc{display: none;}
.underDesc{display: block;width: 300px;height: 193px;margin-left: -150px;}
}
/*手机端*/
.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 .pcunderDesc{display: none;}
@media screen and (max-width:1600px) and (min-width:1024px){.bbName{max-width:64%;height:auto;left:18%;margin-left:0}
}
@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)}
}