body{ font-size:16px; color:#fff;}
.info{background:url(../images/bfty/info.png) no-repeat;}
.zindex{ z-index:3;}
.info2{background:url(../images/bfty/info2.png) no-repeat;}
.min_wp{margin:auto; width:1400px; position:relative; height:100%;}
.i-b{ display:inline-block;}
.zmain{ overflow:hidden;}
.r50{ right:50%;}
.l50{ left:50%;}
.ov{ overflow:hidden;}
.ptt{ margin-top:30px;}
.text-left{ text-align:left;}
.jn-show{ cursor:pointer;}
.jn-show label{ display:none;}
.ls-show .ls-col{ display:none;}
.ls-show .ls-col.hover{ display:block;}
.w50{ width:50%;}
.w33{ width:33.3%}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
	color:#c4feff;
}
input::-moz-placeholder,textarea::-moz-placeholder{
	color:#c4feff;
}
input:-moz-placeholder,textarea:-moz-placeholder{
	color:#c4feff;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
	color:#c4feff;
}
input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s; 
}
input {
	-webkit-text-fill-color: #fff; 
}

.zbox{ min-width:1320px; width:100%;}
.left-box p{ font-size:14px; line-height:24px; color:#d8f3ff;}
.left-box .tt{ height:28px; line-height:28px; width:200px; text-indent:23px; color:#d8f3ff; background-position:-176px -283px;}
.left-box li{ width:66px;}
.left-box li img{ border:solid 1px #3fd3fa; margin-bottom:8px;}
.left-box li:hover img{ border:solid 1px #fffd77;}
.left-box .m-but,.left-box .m-but i{background:url(../images/bfty/1/b-1.png) no-repeat left top;}
.left-box .m-but{ width:138px; height:31px; line-height:30px;}
.left-box .m-but i{ background-position:left bottom}
.gif-box{ width:238px; height:234px; }
.gif-box .pagination {top:270px; text-align: center;}
.swiper-pagination-switch {display: inline-block;width: 14px;height: 14px; border-radius:8px;border:solid 1px #52f7fd; margin: 0 5px;cursor: pointer;}
.swiper-active-switch { background: #52f7fd;}
.gif-box:before{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bfty/pao.png) no-repeat center top; content:""; }

.ls-nav-2{  left:50%;  height:33px; line-height:33px; }
.ls-nav-2 a{ color:#fff; font-size:18px;}
.ls-nav-2 i{ background-position:0 -283px; width:160px; margin-left:-3px; }

.jn-pop{ width:536px; height:auto; left:0; top:0; z-index:12; display:none;}
.jn-pop p{ z-index:2; padding:7px 24px; float:left; overflow:hidden; text-align:left; line-height:22px; font-size:14px; color:#d8f3ff;}
.jn-pop p span{ color:#eba57f;}
.jn-pop i{ border:solid 1px #41ccff; background:#2485e1; opacity:.85; filter: alpha(opacity=85); border-radius:11px;}
.jn-pop em{ z-index:3;}

.zbox1{background:url(../images/bfty/bg1.jpg) no-repeat center top; height:1080px; z-index:3;}
.zbox1 .logo{ width:199px; overflow:hidden; position:absolute; top:24px; left:45px; z-index:5;}
.zbox1 .url{ position:absolute; right:34px; top:27px; z-index:5;}
.zbox1 .url a{ float:right; margin-left:10px; width:173px; height:62px;}
.zbox1 .url a.home{  background-position:left -62px;}
.zbox1 .url a.home i{ background-position:left top;}
.zbox1 .url a.down{  background-position:-183px -62px;}
.zbox1 .url a.down i{ background-position:-183px top;}
.top_video{ left: 50%;  width: 1920px;  height: 1080px;  margin-left: -960px; top:0;}
.xl{ left:50%; margin-left:-120px; bottom:120px;}
.xl img{-webkit-animation: downUpCss 2s linear infinite; animation: downUpCss 2s linear infinite;}

.zbox2{background:url(../images/bfty/bg2-2.jpg) no-repeat center bottom; height:989px;}
.zbox2 .left-box{ top:229px; left:45px;}
.zbox2 .dbg{ width:755px; height:706px; left:50%; margin-left:-378px; top:177px; background:url(../images/bfty/1/bg.png) no-repeat ; }
.zbox2 .ls-page{ width:92px; height:92px; top:50%; margin-top:-46px;}
.zbox2 .ls-page-last{ left:30px; background-position:-360px 0;}
.zbox2 .ls-page-last i{ background-position:-360px -92px;}
.zbox2 .ls-page-next{ right:30px; background-position:-452px 0;}
.zbox2 .ls-page-next i{ background-position:-452px -92px;}
.zbox2 .gif-box{ top:177px; right:-264px;}

.zbox3{background:url(../images/bfty/bg3.jpg) no-repeat center top; height:907px;}
.zbox3 .left-box{ top:257px; left:45px;}
.zbox3 .dbg{ width:795px; height:737px; left:50%; margin-left:-397px; top:145px; background:url(../images/bfty/2/bg.png) no-repeat ; }
.zbox3 .gif-box{ right:40px; top:324px;}
.zbox3 .ls-nav{ width:298px; top:181px; margin-left:-149px; background:url(../images/bfty/2/nbg.png) no-repeat ;}


.zbox4{background:url(../images/bfty/bg4.jpg) no-repeat center top; height:888px;}
.zbox4 .w1320{ z-index:5;}
.zbox4 .ls-nav{ top:168px; width:429px; margin-left:-215px; height:38px; line-height:38px; background:url(../images/bfty/3/nbg.png) no-repeat ;}
.zbox4 .ls-nav a{ text-indent:10px;}
.zbox4 .ls-nav i{ width:167px; background-position:right -278px; margin-left:-3px;}
.zbox4 .d{ width:536px; height:572px; background:url(../images/bfty/3/d.png) no-repeat; left:50%; margin-left:-268px; top:180px;}
.zbox4 .g{ width:206px; height:184px; background:url(../images/bfty/3/b.png) no-repeat;}
.zbox4 .d .g{ left:50%; margin-left:-103px; top:200px;}

.zbox4 .ls-page{ width:176px; height:100px; top:50%; margin-top:-50px;}
.zbox4 .ls-page-last{ left:30px; background-position:0 0;}
.zbox4 .ls-page-last i{ background-position:0 -100px;}
.zbox4 .ls-page-next{ right:30px; background-position:-176px 0;}
.zbox4 .ls-page-next i{ background-position:-176px -100px;}

.jimg-box{ font-size:16px; padding:0 0 0 60px;}
.jimg-box li{ margin-bottom:22px; line-height:50px;}
.jimg-box li span{ margin-right:13px; width:50px; height:50px; background:url(../images/bfty/1/b.png) no-repeat;}
.jimg-box li span.jimg1{ background-position:0 0;}
.jimg-box li span.jimg2{ background-position:0 -72px;}
.jimg-box li span.jimg3{ background-position:0 -145px;}
.jimg-box li span.jimg4{ background-position:0 -217px;}
.jimg-box li span.jimg5{ background-position:0 -289px;}
.jimg-box li span.jimg6{ background-position:0 -362px;}
.jimg-box li span.jimg7{ background-position:0 -434px;}

.zbox5{background:url(../images/bfty/bg5.jpg) no-repeat center top; height:989px;}
.zbox5 ul a{ height:262px; width:266px;}
.zbox5 ul a.a1{ left:312px; top:183px;  -webkit-transform:scale(.86);   transform:scale(.86); }
.zbox5 ul a.a2{ top:208px; left:923px; -webkit-transform:scale(.86);   transform:scale(.86); }
.zbox5 ul a.a3{ top:239px; left:627px; -webkit-transform:scale(.95);   transform:scale(.95); }
.zbox5 ul a.a4{ left:26px; top:311px; }
.zbox5 ul a.a5{ top:371px; left:1115px; -webkit-transform:scale(.95);   transform:scale(.95);}
.zbox5 ul a.a6{ left:389px; top:432px; -webkit-transform:scale(.95);   transform:scale(.95);}
.zbox5 ul a.a7{ top:524px; left:665px; -webkit-transform:scale(.86);   transform:scale(.86);}
.zbox5 ul a.a8{ top:574px; left:909px; -webkit-transform:scale(.9);   transform:scale(.9);}
.zbox5 ul a.a9{ left:214px; top:633px; -webkit-transform:scale(.86);   transform:scale(.86);}
.zbox5 ul a.a1 em{ background:url(../images/bfty/4/1-1.png) no-repeat;}
.zbox5 ul a.a1 i{ background:url(../images/bfty/4/1-2.png) no-repeat;}
.zbox5 ul a.a2 em{ background:url(../images/bfty/4/2-1.png) no-repeat;}
.zbox5 ul a.a2 i{ background:url(../images/bfty/4/2-2.png) no-repeat;}
.zbox5 ul a.a3 em{ background:url(../images/bfty/4/3-1.png) no-repeat;}
.zbox5 ul a.a3 i{ background:url(../images/bfty/4/3-2.png) no-repeat;}
.zbox5 ul a.a4 em{ background:url(../images/bfty/4/4-1.png) no-repeat;}
.zbox5 ul a.a4 i{ background:url(../images/bfty/4/4-2.png) no-repeat;}
.zbox5 ul a.a5 em{ background:url(../images/bfty/4/5-1.png) no-repeat;}
.zbox5 ul a.a5 i{ background:url(../images/bfty/4/5-2.png) no-repeat;}
.zbox5 ul a.a6 em{ background:url(../images/bfty/4/6-1.png) no-repeat;}
.zbox5 ul a.a6 i{ background:url(../images/bfty/4/6-2.png) no-repeat;}
.zbox5 ul a.a7 em{ background:url(../images/bfty/4/7-1.png) no-repeat;}
.zbox5 ul a.a7 i{ background:url(../images/bfty/4/7-2.png) no-repeat;}
.zbox5 ul a.a8 em{ background:url(../images/bfty/4/8-1.png) no-repeat;}
.zbox5 ul a.a8 i{ background:url(../images/bfty/4/8-2.png) no-repeat;}
.zbox5 ul a.a9 em{ background:url(../images/bfty/4/9-1.png) no-repeat;}
.zbox5 ul a.a9 i{ background:url(../images/bfty/4/9-2.png) no-repeat;}




.zbox6{background:url(../images/bfty/bg6.jpg) no-repeat center top; height:1597px;}
.zbox6 .r3{ width:1690px; height:482px; background:url(../images/bfty/5/r3.png) no-repeat center top; left:50%; margin-left: -885px; top: 368px; }
.win-box,.win-b-box{ width:1241px; height:697px; margin:21px 0 0 4px; background:url(../images/bfty/5/d2.png);}
.win-b-box{ left:0; top:181px; background:none;}
.win-box .gai{background:url(../images/bfty/5/d1.png);}
.win-box ul{ left:293px; top:18px; width:820px;}
.win-box ul li{ width:205px; height:167px;}
.win-box ul li dd{ width:179px; height:179px; margin-top:-23px;}
.win-box ul li.active dd i,.win-box ul li.hover dd i{ left:0; top:0; width:100%; height:100%; background:url(../images/bfty/5/h.png);}
.win-box ul li.active dd i{ 
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:sanCss;
	animation-name:sanCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.4s;
	animation-duration:.4s;

}
.win-box ul li p{ padding-top:123px; line-height:32px;}
.win-but{ left:504px; top:419px;}
.win-but a{ width:155px; line-height:45px; height:45px; font-size:24px; color:#fff; margin-right:36px; background-position:-188px -539px;}
.win-but a i{background-position:-188px -584px;}
.win-confirm{ width:237px; height:89px; line-height:89px; color:#a95913; background-position:0 -704px; top:392px; left:894px;}
.win-confirm i{ background-position:-237px -704px; -webkit-animation: fadeIn2 .4s ease-out infinite; animation: fadeIn2 .4s ease-out infinite;}
.win-confirm h2{ font-size:30px; font-weight:bold; padding-top:16px; line-height:38px;}
.win-confirm p{ line-height:26px; font-size:18px;}

@keyframes fadeIn2
{
	0%,100% {opacity: 0;}
	50% {opacity: 1;}
}

@-webkit-keyframes fadeIn2
{
	0%,100% {opacity: 0;}
	50% { opacity: 1;}
}


.b-share i,.b-share{background:url(../images/bfty/5/b-2.png) no-repeat;}
.b-share{ height:130px; line-height:130px; width:524px; margin-left: 130px; font-size:30px; }
.b-share i{ background-position:left bottom;}
.more-box{ margin-top:230px;}
.more-box p{ font-size:30px; line-height:40px;}
.more-box a{ margin:52px;}

.footer{ min-width:1320px; height:auto; padding:20px 0; background:#000; color:#999999;}
.footer a{ color:#999;}


/*导航*/
.subnav{ width:203px; height:651px;  position:fixed; top:50%; margin-top:-325px; right:25px; display:; z-index:50; background:url(../images/bfty/nav.png) no-repeat; display:none; }
*html .subnav{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
.subnav .wp{ width:110px; margin:211px 0 0 59px;}
.subnav li{ cursor:pointer; height:30px; width:100%; line-height:30px; background-position:100px 1000px; }
.subnav li:hover{  background-position:-372px -30px; z-index:2;}
.subnav li.active,.subnav li.active:hover{  background-position:-372px top; z-index:2; }
.subnav a{ line-height:30px;}

a.dsBut:hover{background:#0ebeff; }

.pop_win{ font-size:22px; color:#cbe8ff;}
.pop_win .pwin_x{ width:30px; height:30px; background-position:-375px -72px; z-index:2; top:63px; right:-11px; }
.pop_win .pwin_x:hover{transform:rotateZ(180deg);}
#prize_win .pwin_x{ background-position:-452px -74px; top:80px; right:90px;}
#hb_win .pwin_x{top:0; right:-50px;}
.pop_win .p-title{  height:130px; line-height:126px; font-size:38px; letter-spacing: 3px; text-indent:34px; color:#fff; }

.pbox1{ width:939px; height:598px; margin-right:-470px; margin-top:-299px;  background:url(../images/bfty/pbg.png) no-repeat center top; background-size:100%;}
.pbox2{width:1054px; height:725px; margin-right:-527px; margin-top:-362px;  background:url(../images/bfty/pbg2.png) no-repeat center top; background-size:100%;}
.pbox3{ width:460px; height:800px; margin-right:-230px; margin-top:-400px;}

.ls-input{ border:solid 1px #41f8ff; background:#0f7fce; border-radius:33px; overflow:hidden; padding:0 34px; margin-bottom:22px;  }
.ls-input-2{ background:#2aa6e8; border:solid 1px #2aa6e8; }
.ls-input input,.ls-input textarea{ line-height:66px; line-height:66px; font-size:22px;  color:#fff; background:none; border:none;}
.ls-input textarea{resize: none; padding:0;  height:80px; line-height:30px; margin:10px 0;  text-indent:0; font-family: "Microsoft YaHei";}
.ls-input-min{ width:60%;}
.getCode{ line-height:70px; height:70px; margin:-1px -35px 0 0; background:#37cef0; color:#c4feff; border-radius:33px; text-align:center; width:170px;}
.getCode:hover{ background:#0ebeff; }
.getCode.off,.getCode.off:hover{background:#d7d7d7; color:#fff; }

.b-but{ width:268px; height:68px; line-height:68px; color:#fff; font-size:30px; background-position:0 -797px;}
.b-but i{ background-position:-268px -797px;}
.p-txt p{ line-height:36px; font-size:16px; } 
.login-from{ margin:56px 0 40px 0;}
.win-cont{ width:596px; height:auto;}


.user-info{  width:100%;  padding:0 10px; top: 374px; right: 0px; font-size:20px; line-height:34px; color:#c4feff; }
.user-info span{ padding-right:10px;}
.user-info a{ color:#fff;  background:#49ceff; padding:2px 15px; border-radius:19px;}
.wlist{ margin-left:30px; width:714px;  color:#c4feff; }
.wlist dt{ line-height:38px;}
.wlist dt:nth-child(1){ width:176px;}
.wlist dt:nth-child(2){ width:394px;}
.wlist dt:nth-child(3){ width:142px;}
.wlist ul{  height:290px; overflow:hidden; margin:20px 0 30px 0; padding-right:30px; }
.wlist ul li{ margin-bottom:22px;}
.wlist ul li:last-child{ margin-bottom:0;}
.wlist dt a{ width:100%; float:left; line-height:38px;  background:#49ceff; border-radius:19px; color:#fff;}
.wlist dt a.off,.wlist dt a.off:hover{ background:none; color:#c4feff;}

.add-from .ls-input{ margin-bottom:17px; }
.add-from .p-txt{ margin:0; font-size:16px;}
.add-from input,.add-from textarea{line-height:58px; line-height:58px; font-size:18px;}
.add-from textarea{ line-height:30px;}

.pv-cont { margin:0 0 0 .54rem; padding-top:.4rem; width:8.7rem; height:auto; font-size:.36rem; padding-right:.32rem; overflow:hidden;}
.pv-cont li{ margin-right:.44rem; margin-bottom:.3rem; }
.pv-cont li.min{ margin-right:.3rem;}
.pv-cont li i{ height:1.78rem; width:3.89rem; margin-bottom:.1rem; background:url(../../Images/zhuanti/txxm/jb1.png) no-repeat center top; background-size:100%;}
.pv-cont li.min i{ width:2.58rem; height:1.66rem; background:url(../../Images/zhuanti/txxm/jb2.png) no-repeat center top; background-size:100%;}
.pv-cont li i img{ position:relative; z-index:3;}
.pv-cont li p{  line-height:.6rem;}

#preview_win .p-txt{ text-indent:1.34rem; margin:.44rem 0;}
#preview_win .p-txt p{ font-size:.64rem; line-height:.56rem;}

.pbox4{ width:493px; height:364px; margin-right:-247px; margin-top:-182px;}
.pbox4:before{ content:"";  background:url(../images/bfty/5/g.png) no-repeat center top;  position:absolute; width:385px;  height:364px; top:0; left:50%; margin-left:-192px; -webkit-animation: z 10s linear infinite; animation: z 10s linear infinite;}
#prize_win i{ height:166px;  margin:90px 0 0 0;}
#prize_win label{ height:45px; width:493px; line-height:45px; font-size:20px; color:#fff;  background:url(../images/bfty/5/ptxt.png) no-repeat center top; margin:0 0 24px 0; }
#prize_win label span{ color:#ffef83;}
#prize_win .b-winbut{ line-height:58px; height:58px; font-size:26px; color:#9e5528; width:290px; background-position:0 -471px;}
#prize_win .pwin_box.current{
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:scaleCss;
	animation-name:scaleCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
}

.cont-box{ margin:24px 0 0 50px; width:840px; padding-right:49px; height:500px;}
.cont-box h3,.cont-box p{ text-indent:32px; line-height:30px; text-align:left;}
.cont-box h3{ color:#ffeb67; font-size:20px; padding-bottom:5px; font-weight:500;}
.cont-box p{ font-size:16px;}
.cont-box img{ padding:15px 0; max-width:100%;}
.cont_page{ width:84px; height:84px; top:50%; margin-top:-42px;}
.lastpage{ background-position:0 -536px; left:-80px;}
.nextpage{ background-position:-84px -536px; right:-80px;}
.lastpage i{ background-position:0 -620px;}
.nextpage i{ background-position:-84px -620px;}

.share_b a{ width:368px; margin:0 18px; border-radius:33px; line-height:66px; font-size:24px; color:#fff;}
.share_b a.a1{ background:#2fc0eb;}
.share_b a.a2{ background:#e1be52;}
#qcode{ width:106px; height:106px; padding:5px; right:24px; bottom:19px; background:#fff;}

@-webkit-keyframes sanCss {
    0%,20%,40%,60%,80% ,100%  {
	  opacity:1;
    }
    10%,30%,50%,70%,90% {
	  opacity:0;
    }
}

@keyframes sanCss {
     0%,20%,40%,60%,80% ,100%  {
	  opacity:1;
    }
    10%,30%,50%,70%,90% {
	  opacity:0;
    }
}

@-webkit-keyframes downUpCss {

    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes downUpCss {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
    100% {
      transform: translateY(0);
    }
}

@-webkit-keyframes scss {
	0% {
		  opacity:.5;
		-webkit-transform:  scale(1);
	}

	100%{
		  opacity:0;
		-webkit-transform: scale(1.1);
	}
}

@keyframes scss {
	0% {
		opacity:.5;
		transform: scale(1);
	}
	100%{
		 opacity:0;
		transform: scale(1.1);
	}
}

@-webkit-keyframes rycss {
	0% {

		-webkit-transform:  rotateY(0);
	}
	100%{
		-webkit-transform: rotateY(360deg);
	}
}

@keyframes rycss {
	0% {
		transform: rotateY(0);
	}
	100%{
		transform: rotateY(360deg);
	}
}

@-webkit-keyframes rycss2 {
	0% {

		-webkit-transform:  rotateY(-180deg);
	}25%{
	   z-index:3;
	}50%{
	   z-index:3;
	}50.1%{
	   z-index:1;
	}
	100%{
		-webkit-transform: rotateY(180deg);
	}
}

@keyframes rycss2 {
	0% {
		transform: rotateY(-180deg);
	}25%{
	   z-index:3;
	}50%{
	   z-index:3;
	}50.1%{
	   z-index:1;
	}
	100%{
		transform: rotateY(180deg);
	}
}

@-webkit-keyframes updCss1 {
  0%,
  100% {
    -webkit-transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-8%);
  }
  75% {
    -webkit-transform: translateY(8%);
  }
}

@keyframes updCss1 {
  0%,
  100% {
    transform: translateY(0deg);
  }
  25% {
    transform: translateY(-8%);
  }
  75% {
    transform: translateY(8%);
  }
}

@-webkit-keyframes updCss2 {
  0%,
  100% {
    -webkit-transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(8%);
  }
  75% {
    -webkit-transform: translateY(-8%);
  }
}

@keyframes updCss2 {
  0%,
  100% {
    transform: translateY(0deg);
  }
  25% {
    transform: translateY(8%);
  }
  75% {
    transform: translateY(-8%);
  }
}


@-webkit-keyframes downUpCss2 {

    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-4%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes downUpCss2 {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-4%);
    }
    100% {
      transform: translateY(0);
    }
}
@-webkit-keyframes downUpCss3 {

    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(4%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes downUpCss3 {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(4%);
    }
    100% {
      transform: translateY(0);
    }
}