@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,input,select,textarea,div,table,td,th,tr,dt,dd,dl{margin:0;padding:0;}
ul,ol{list-style:none;}
em,i{font-style:normal;}
table{border-spacing:0;border-collapse:collapse;}
img{border:none;vertical-align:middle;}
input,select{vertical-align:middle;outline: none;}
a{text-decoration:none;}
body{min-width:1100px;font-family: 'Microsoft YaHei','Arial','Heiti SC';background:#100f0b;}
.fl{display:block;float:left;}
.fr{display:block;float:right;}
.wrap{width: 1100px;margin: 0 auto;}
/********** header **********/
.QZ-top{width:100%;height:38px;background:#eee;border-bottom:1px #626262 solid;position: relative;z-index: 999999;}
.QZ-head{width:1100px;height:38px;margin:0 auto;position:relative;background:#eee;}
.QZ-head ul{height:39px;margin-left:40px;}
.QZ-head ul li{display:block;float:left;width:66px;height:39px;line-height:39px;text-align:center;font-size:14px;color:#3e3e3e;}
.QZ-head ul a li:hover{color:#d64747;}
.QZ-head-lis{width:110px;height:37px;cursor:pointer;border-left:1px solid #f8f3f3;border-right:1px solid #f8f3f3;position:relative;}
.QZ-head-lis img{width:17px;height:13px;display:block;float:left;margin-top:13px;margin-left:4px;}
.QZ-head-lis:hover{background:#FFF;height:38px;border-bottom:1px solid #fff;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.QZ-head-lis:hover span{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.QZ-head-lis:hover .QZ-meun{display: block;}
.QZ-head-lis p{width:70px;line-height:36px;text-align:center;font-size:14px;color:#3e3e3e;}
.QZ-head-lis span{display:block;float:left;width:11px;height:11px;background:url(/sw/bnsbiu/images/sanjiao.png) no-repeat;margin-top:14px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.QZ-meun{display:none;top:39px;left:-1px;width:576px;height:232px;border:1px solid #ddd;border-top:none;background:#fff;position:absolute;z-index:1994325;}
.QZ-meun ul{display:block;margin-top:10px;margin-left:16px !important;width:540px !important;height:212px !important;}
.QZ-meun ul li{display:block;float:left;width:88px !important;height:212px !important;border-right:1px dashed #ddd;}
.QZ-meun ul li a{width:72px !important;margin-left:16px;display:block;float:left;line-height:30px;text-align:left;text-decoration:none;color:#808080;font-size:12px;}
.QZ-meun ul li a:hover{text-decoration:underline;}
.QZ-meun .ac_blue{font-size:14px !important;color:#3598db !important;}
.QZ-meun .ac_red{color:#ff0000 !important;}
.QZ-login{width:auto;height:39px;}
.QZ-login a{display:block;float:left;width:auto;height:39px;line-height:39px;text-align:center;font-size:14px;color:#3e3e3e;text-decoration:none;}
.QZ-login a:hover{color:#d64747;}
/********** footer **********/
.newfooter{background: #1b1b1b; width: 100%;min-width:1000px;height: auto;padding-top: 1px;text-align: center;font-size: 12px;font-family: '宋体';line-height: 20px;padding-bottom: 10px;}
.newfooter p{color: #666;margin: 12px auto;}
.newfooter p a{color: #333;}
.newfooter p a img{margin: 0 4px -4px 0;}
.white-style p,.white-style p a{color: #fff !important;}
.cont-a,.cont-b,.cont-c,.cont-d,.cont-e,.cont-f,.cont-g,.cont-h{width: 100%;position: relative;}
.cont-a{background: url(/sw/bnsbiu/images/bg1.jpg) no-repeat center top;height:904px;}
.cont-b{background: url(/sw/bnsbiu/images/bg2.jpg) no-repeat center top;height:798px;}
.cont-c{background: url(/sw/bnsbiu/images/bg3.jpg) no-repeat center top;height:621px;}
.cont-d{background: url(/sw/bnsbiu/images/bg4.jpg) no-repeat center top;height:989px;}
.cont-e{background: url(/sw/bnsbiu/images/bg5.jpg) no-repeat center top;height:542px;}
.cont-f{background: url(/sw/bnsbiu/images/bg6.jpg) no-repeat center top;height:754px;}
.cont-g{background: url(/sw/bnsbiu/images/bg7.jpg) no-repeat center top;height:547px;}
.cont-h{background: #fff url(../images/bg8.jpg) repeat-y center top; height: auto;min-height:500px; display: table;}
/*img*/
.logo,
.lis .bg,
.lis .mb,
.btwrap .lis .txt span,
.QBIUlis,
.swiper-button-prev,
.swiper-button-next,
.pltop,
.record,
#lottery .jpwrap,
#lottery .jpwrap span,
#lottery .jpwrap p,.btn span
{background: url(/sw/bnsbiu/images/img.png) no-repeat;}
.logo{position: absolute;left: 60px;top: 60px;height:61px;width:259px;background-position: 0 0;}
.logo:hover{opacity: 0.8;}
.video{width: 60px;height: 60px;cursor: pointer;margin:85px 0 0 690px ;}
.btwrap{width: 1000px;height: 166px;margin: 520px 0 0 14px;animation:nav 1s linear both; -webkit-animation:nav 1s linear both; -moz-animation:nav 1s linear both;}
@keyframes nav{0%{transform:translateY(-5px); opacity:0;} 100%{transform:translateY(0); opacity:1;}}
@-webkit-keyframes nav{0%{-webkit-transform:translateY(-5px); opacity:0;} 100%{-webkit-transform:translateY(0); opacity:1;}}
@-moz-keyframes nav{0%{-moz-transform:translateY(-5px); opacity:0;} 100%{-moz-transform:translateY(0); opacity:1;}}
.btwrap .lis{width: 166px;height: 166px;display: block;position: relative;margin:0 48px 0 110px;animation: downUp 1.8s linear infinite; -webkit-animation: downUp 1.8s linear infinite; -moz-animation: downUp 1.8s linear infinite;}
@keyframes downUp{0%{transform:translateY(0);}25%{transform:translateY(-3px);}50%{transform:translateY(0);}75%{transform:translateY(3px);}100%{transform:translateY(0);}}
@-webkit-keyframes downUp{0%{-webkit-transform:translateY(0);}25%{-webkit-transform:translateY(-3px);}50%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(3px);}100%{-webkit-transform:translateY(0);}}
@-moz-keyframes downUp{0%{-moz-transform:translateY(0);}25%{-moz-transform:translateY(-3px);}50%{-moz-transform:translateY(0);}75%{-moz-transform:translateY(3px);}100%{-moz-transform:translateY(0);}}
.btwrap .n01{animation-delay:0.4s; -webkit-animation-delay:0.4s; -moz-animation-delay:0.4s;}
.btwrap .n02{animation-delay:0.8s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.8s;}
.btwrap .n03{animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s;}
.btwrap .lis .bg{position: absolute;z-index: 1;left: 0;top: 0;height:166px;width:166px;background-position: -452px -153px;}
.btwrap .lis .mb{position: absolute;z-index: 2;left: 0;top: 0;height:166px;width:166px;background-position:-280px -148px;}
.btwrap .lis:hover .bg{background-position: -627px -152px;-webkit-animation: rotate 4.8s linear infinite 300ms 0 ease;
-moz-animation: rotate 4.8s linear infinite 300ms 0 ease;
-ms-animation: rotate 4.8s linear infinite 300ms 0 ease;
animation: rotate 4.8s linear infinite 300ms 0 ease; -o-animation: rotate 4.8s linear infinite; -webkit-animation: rotate 4.8s linear infinite; -moz-animation: rotate 4.8s linear infinite; -ms-animation: rotate 4.8s linear infinite; animation: rotate 4.8s linear infinite;}
@-webkit-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
@-moz-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
@-ms-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
@-o-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
.btwrap .lis .txt{position: absolute;z-index: 9;width: 166px;height: 166px;left: 0;top: 0;}
.btwrap .lis .txt p{text-align: center;color: #fff;font-size: 20px;margin-top: 20px;line-height: 40px;}
.btwrap .lis .txt span{display: block;margin: 6px auto 0;height:13px;width:25px;background-position: -958px -160px;}
.miaoshu{line-height: 30px;font-size: 18px;color: #565656;width: 100%;margin-top: 160px;text-align: center;}
.conbwrap{width: 100%;height: 477px;margin-top:47px;cursor: pointer;}
/*人物*/
.rwwarp{width: 1220px;height: 521px;margin-top:100px;}
.rwwarp li{
	display: block;float: left;width: 240px;
	margin: 0 20px 0 15px;
	background: url(/sw/bnsbiu/images/rwbfg.png) no-repeat;
	cursor: pointer;
	transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transform: perspective(580px) rotateY(30deg);}
.per2{transform: perspective(580px) rotateY(-30deg) !important;}
.rwwarp li img{width: 219px;margin: 2px;}
.rwwarp:hover li{transform: perspective(580px) rotateY(0) !important;}
/*武器*/
.wqwrap{width: 100%;height: 660px;margin-top: 50px;}
.wqwrap .liswrap{width:100%;height:503px;}
.liswrap img{display: none;}
.listab{width: 100%;}
.listab img{display: block;float: left;width: 96px;cursor: pointer;margin: 30px 20px 0 20px;}
.listab .on,.listab img:hover{opacity: 0.8;}
/*Q BIU*/
.swiper-vido .swiper-slide{display: block;float: left;width: 340px\9;}
.swiper-QBIU .swiper-slide{display: block;float: left;width: 170px\9;}
.swiper-QBIU,
.swiper-vido{height: 260px\9;}
.biuwrap{width: 1100px;height: 288px;background: url(/sw/bnsbiu/images/bg-lb.png) no-repeat;margin-top: 200px;position: relative;overflow: hidden;}
.swiper-QBIU{margin-left: 50px;overflow: hidden;}
.swiper-QBIU,.swiper-wrapper{width: 1020px;}
.QBIUlis{position: relative;overflow: hidden;height:228px;width:150px;background-position: -124px -92px;margin-top: 24px;}
.QBIUlis img{width: 150px;margin: 14px auto 0;}
.swiper-button-prev{top: 46% !important; height:58px !important;width:31px ;background-position: 0 -71px ;background-size: inherit ;}
.swiper-button-next{top: 46% !important; height:58px !important;width:31px ;background-position: -35px -70px ;}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity: 0.8;}
/*QB抽奖*/
.QBwrap{width: 1100px;height: 460px;margin-top: 10px;background: rgba(36,36,36,.5);border: 1px solid #303030;}
/*精彩视频*/
.videowrap{width: 1100px;height: 288px;background: url(/sw/bnsbiu/images/bg-lb.png) no-repeat;margin-top: 200px;position: relative;overflow: hidden;}
.swiper-vido{width: 1020px;margin-left:56px;overflow: hidden;}
.vidlis{display: block;width: 306px;height: 246px;margin-top: 20px;position: relative;}
.vidlis img{width: 306px;height: 186px;}
.vidlis p{text-align: center;width: 100%;height: 50px;line-height: 50px;font-size: 18px;color: #ececec;margin-top: 4px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vidlis span{display: block;width: 100%;height: 11px;background:url(/sw/bnsbiu/images/topsj.png) no-repeat;position: absolute;left: 0;top: 0;z-index: 9;}

.pltop{height:72px;width:149px;background-position: -804px -227px;margin:60px 0 0 476px;}
.pl{width: 1060px;padding: 20px;margin: 60px auto;}
/*抽奖*/
.dlwrap{width: 100%;height: 40px;margin-top: 200px;}
.landing{width: auto;min-width: 57px;padding: 0 5px;height:28px;line-height: 28px;font-size: 14px;color: #b2b2b2;text-align: center;background: url(/sw/bnsbiu/images/icobtn.png) no-repeat;background-size: 100%;margin: 4px 18px;cursor: pointer;}
.record{height:28px;width:78px;background-position: -872px -154px;text-align: center;line-height: 28px;font-size: 14px;color: #b2b2b2;margin:4px 2px;cursor: pointer;}
.record:hover,.landing:hover{opacity: .8;}
#lottery{width: 1100px;height: 510px;margin: 8px auto 0;}
#lottery table{}
#lottery table td{position: relative;width: 350px;height: 134px;padding: 0 8px 10px;}
#lottery table td img{display: block;width: 350px;height: 134px;}
#lottery table td.active .mask{display: block;}
.btn,.btn span{display: block;margin-left: 2px;height:140px;width:345px;background-position: -644px 0;cursor: pointer;}
.mask{width: 346px;height: 140px;position: absolute;left: 11px;top: 2px;background-color: rgba(232,72,89, 0.2);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33e84859,endColorstr=#33e84859);
display: none;}
.btn,.btn span:hover{opacity: 0.9;}
#lottery .jpwrap{height:142px;width:350px;background-position: -283px 0;}
#lottery .jpwrap span{height:55px;width:80px;background-position: 0 -313px;display: block;float: left;margin: 20px 90px 0 130px;}
#lottery .jpwrap p{height:31px;width:189px;background-position: -803px -189px;text-align: center;font-size: 14px;color: #9c9c9c;line-height: 31px;float: left;margin: 30px 0 0 80px;}
.jpwrap .Thanks{text-align: center;line-height: 140px;font-size: 48px;color: #3f3f3f;}

/*mengban*/
.mengban{display: none;width: 100%; height: 1994px; z-index: 940325; background: rgba(0,0,0,.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); position: fixed; left: 0; top: 0;}
.wrapvid{width: 1000px;height: 660px;margin: 0 auto;}
.videwrap{float: left; transition:All 1s ease-in-out;-webkit-transition:All 1s ease-in-out;-moz-transition:All 1s ease-in-out;-o-transition:All 1s ease-in-out;}
.ssm .videwrap{width: 0;height: 0;overflow: hidden;} .ssm .videwrap video{transition:All 1s ease-in-out;-webkit-transition:All 1s ease-in-out;-moz-transition:All 1s ease-in-out;-o-transition:All 1s ease-in-out;width: 0;height: 0;}
.mengban .bg{width: 100%; height: 1994px; position: absolute; left: 0; top: 0; z-index: 0;}
.videwrap{width: 1000px; height: 660px; background: #000;position: relative; margin: 140px auto 0;}
.closvd{position: absolute; cursor: pointer; top: 0; right: -54px; width: 53px; height: 53px; background: url(/sw/bnsbiu/images/ico-x.png) no-repeat;}
/*记录*/
.reward{display: none;width: 642px;height: 402px;
background: url(/sw/bnsbiu/images/bg-info.png) no-repeat;position: fixed;z-index: 999;top: 26%;left: 34%;}
.reward .closbt,.tipswrap .closbt2{cursor: pointer;position: absolute;width: 24px;height: 23px;right:20px;top: 20px;background: url(/sw/bnsbiu/images/ico-clos.png) no-repeat;}
.reward .closbt:hover,.tipswrap .closbt2:hover{opacity: 0.8;}
.reward .tips{text-align: left; width: 570px; height: 50px; line-height: 22px; font-size: 15px; color: #9a4f4f; margin-left: 60px;}
.info{width: 500px;height: auto;margin: 70px 0 5px 80px;}
.info ul{display: table;}
.info ul li{display: block;float: left;width: 100%;margin: 15px auto 0;}
.info ul li label{float: left; width: 100px; height: 36px; line-height: 36px; text-align: right; white-space: nowrap; font-size: 20px; color: #4c3415; margin-right: 5px;}
.info ul li input{width: 300px;height: 36px;line-height: 36px;
padding: 0 10px;text-align: center;font-size: 18px;
border: 1px solid #4c3415;
border-radius: 4px;background: #e3decd;}
.info button{width:160px;height: 40px;
text-align: center;line-height: 40px;
background: #4d3415;border: none;
font-size: 20px;margin:20px auto 0;display: block;
color: #fff;cursor: pointer;
border-radius: 4px;}
.info button:hover{opacity: 0.8;}
.tipswrap{display: none;width: 402px;height: 242px;left:42%;top: 30%;position: fixed;z-index: 999;background: url(/sw/bnsbiu/images/bg-tips.png) no-repeat;}
.tipswrap p{float: left;width: 100%;text-align: center;line-height: 50px;height: auto;font-size:22px;color: #4c3515;margin: 90px 0 10px;}
.tipswrap button{background: #4c3515;width: 320px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #fff;border: none;border-radius: 6px;margin: 20px 0 0 45px;cursor: pointer;}
.tipswrap button:hover{opacity: 0.8;}
#ty_login_reg_holder, #ty_login_reg{height:615px !important;background:none !important;}