a:focus{outline:none;}
.guide-bg{min-width: 1200px; position: relative;}
.guide-page1{min-width: 1200px;height: 980px;background: url(../images/guide-bg4.jpg?v2) no-repeat center top;}
.guide-page1 .logo_biu{ display: none; width:472px;height: 217px;position: absolute;background-image: url(../images/logo_biu.png);left: 50%;top: 115px;margin-left: -490px;background-repeat: no-repeat;background-position: center;}
.logo_biu a{ display:block;width:100%;height:100%; }
.zhibo-box{ position: absolute; top: 240px; left: 50%; margin-left: -320px; width: 888px; height: 439px; background: url(../images/zhibobg.png) no-repeat;}
.guide-page1 .btn-video{
	position: absolute;
	top: 264px;
    left: 41%;
    margin-left: 147px;
	width: 120px;
	height: 120px;
	cursor: pointer;
	background: url("//9yin.woniu.com/static/web201588/images/btn-video.png") 0 0 no-repeat;
	background-size: 100%;
}
/* .guide-page1 .btn-video1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("//9yin.woniu.com/static/act/202008/yhql/images/btn-video.png") 0 0 no-repeat;
	z-index: 1;
}
.guide-page1 .btn-video2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("//9yin.woniu.com/static/act/202008/yhql/images/btn-video1.png") 0 0 no-repeat;
	-webkit-animation: rotate linear 3s infinite;
	-o-animation: rotate linear 3s infinite;
	animation: rotate linear 3s infinite;
} */
.zhibo-cont{ width: 690px; height: 418px; background: #000; float: left; margin-top: 10px; margin-left: 10px;}
.zhibo-nav{ width: 175px; height: 418px; float: left; margin-top: 10px; margin-left: 3px;}
.zhibo-nav a{ width: 168px; height: 96px; float:left; margin-top: 7px; }
.zhibo-nav a img{ width: 160px; height: 96px; opacity: 0.8; margin-left: 8px;}
.zhibo-nav a.current{ background: url(../images/zhibo-navbg.jpg) no-repeat;}
.zhibo-nav a.current img{ width: 155px; height: 90px; margin-left:10px; margin-top: 3px; opacity: 1;}
.woman{ position: absolute; top: -20px; left: 50%; margin-left: -1400px;}

.page1-btns{width: 1040px;height: 100px; position: absolute; top: 770px; left: 50%; margin-left: -520px;}
.page1-link1{width: 1012px;height: 68px;margin: 0 auto;}
.page1-link1 span{font-size: 30px;color: #e72e00;position: absolute;top:-2px;left:50%;margin-left: -293px;}
.mobile-link{width: 162px;height: 68px;display: block;float: left;}
.page1-link2{width: 580px;height: 22px;margin: 0 auto;margin-top: 470px;}
.order-link{width: 78px;height: 22px;display: block;float: left;margin-left: 15px;}
.video-link{  width: 306px;height: 22px;display: block;float: left;}
.page1-btn1{background: url(../images/guide-btn1.png) no-repeat;width: 260px;height: 100px;margin-right: 10px;display: block;float: left;}
.page1-btn2{background: url(../images/guide-btn2.png) no-repeat;width: 500px;height: 100px;margin-right: 10px;display: block;float: left;}
.page1-btn3{background: url(../images/guide-btn3.png) no-repeat;width: 260px;height: 100px;display: block;float: left;}
.guide-page2{min-width: 1200px;height: 750px;position: relative; padding-top: 127px;background: url(../images/guide-bg2.jpg) no-repeat center top;}
.fixed-anchor{width: 28px;height: 104px;position: fixed;right: 50px;bottom: 100px;background: url(../images/fixed-bg1.png) no-repeat;}
.anchor{width: 28px;height: 31px;cursor: pointer;}
.anchor1{margin-bottom: 5px;}
.anchor2{margin-bottom: 5px;}
.guide-page3{min-width: 1200px;height: 1108px; padding-top: 55px; background: url(../images/guide-bg3.jpg) no-repeat center top;}
.page2-tab{width: 255px;height: 37px;margin: 0 auto;}
.page3-tab{width: 375px;height: 37px;margin: 0 auto;}
.tab-item{width: 120px; height: 37px;color: #d6c18b;font-size: 20px;text-decoration: none;cursor: pointer;text-align: center;float: left;}
.tab-item1{width: 115px; height: 37px;color: #000;font-size: 20px;text-decoration: none;cursor: pointer;text-align: center;float: left;}
.tab-item.selected{background: url(../images/tab-bottom.png) no-repeat center bottom;}
.tab-detail{width: 1080px;height: 420px;margin: 0 auto; padding: 0 60px;margin-top: 43px;perspective: 800px;}
.card2{margin: 0 20px;margin-top: 40px;}
.opacity-card{ filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.card{
	width: 200px;
	height: 380px;
	float: left;
}

.slogan-link{
  width: 500px;
  height: 400px;
  display: block;
  position: absolute;
  top: 110px;
  left:50%;
  margin-left: -420px;
}
.card .font{
  transition: transform 400ms;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;

  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
	backface-visibility: hidden;
	position: absolute;

  -webkit-transform: rotateY( 0deg );
  -moz-transform: rotateY( 0deg );
  -o-transform: rotateY( 0deg );
  transform: rotateY( 0deg );
}

.card .back{

  transition: transform 400ms;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;

  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility: hidden;

	position: absolute;
	-webkit-transform: rotateY( -180deg );
  -moz-transform: rotateY( -180deg );
  -o-transform: rotateY( -180deg );
  transform: rotateY( -180deg );
}


.card:hover .font{
	-webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );

}

.card:hover .back{
  -webkit-transform: rotateY( 0deg );
  -moz-transform: rotateY( 0deg );
  -o-transform: rotateY( 0deg );
  transform: rotateY( 0deg );
}

.card:hover .ie{
  z-index: 100
}
.tab-detail.hide #card1{
	-webkit-animation-name: hide;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:0s;

	animation-name: hide;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:0s;
}
.tab-detail.hide #card2{
	-webkit-animation-name: hide;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:45ms;

	animation-name: hide;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:45ms;
}
.tab-detail.hide #card3{
	-webkit-animation-name: hide;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:90ms;

	animation-name: hide;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:90ms;
}
.tab-detail.hide #card4{
	-webkit-animation-name: hide;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:135ms;

	animation-name: hide;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:135ms;
}
.tab-detail.hide #card5{
	-webkit-animation-name: hide;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:180ms;

	animation-name: hide;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:180ms;
}

.tab-detail.hide #card6{
  -webkit-animation-name: hide;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:0s;

  animation-name: hide;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:0s;
}
.tab-detail.hide #card7{
  -webkit-animation-name: hide;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:45ms;

  animation-name: hide;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:45ms;
}
.tab-detail.hide #card8{
  -webkit-animation-name: hide;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:90ms;

  animation-name: hide;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:90ms;
}
.tab-detail.hide #card9{
  -webkit-animation-name: hide;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:135ms;

  animation-name: hide;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:135ms;
}
.tab-detail.hide #card10{
  -webkit-animation-name: hide;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:180ms;

  animation-name: hide;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:180ms;
}

@-webkit-keyframes hide {
    from { -webkit-transform: translateY( 0px ); opacity: 1;}
    to { -webkit-transform: translateY( 40px );opacity: 0;}
}
@keyframes hide {
    from { transform: translateY( 0px ); opacity: 1;}
    to { transform: translateY( 40px );opacity: 0;}
}

.tab-detail.show #card1{
  -webkit-animation-name: show;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:0s;

  animation-name: show;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:0s;
}
.tab-detail.show #card2{
  -webkit-animation-name: show;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:45ms;

  animation-name: show;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:45ms;
}
.tab-detail.show #card3{
  -webkit-animation-name: show;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:90ms;

  animation-name: show;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:90ms;
}
.tab-detail.show #card4{
  -webkit-animation-name: show;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:135ms;

  animation-name: show;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:135ms;
}
.tab-detail.show #card5{
  -webkit-animation-name: show;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:180ms;

  animation-name: show;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:180ms;
}


.tab-detail.show #card6{
	-webkit-animation-name: show;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:0s;

	animation-name: show;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:0s;
}
.tab-detail.show #card7{
	-webkit-animation-name: show;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:45ms;

	animation-name: show;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:45ms;
}
.tab-detail.show #card8{
	-webkit-animation-name: show;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:90ms;

	animation-name: show;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:90ms;
}
.tab-detail.show #card9{
	-webkit-animation-name: show;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:135ms;

	animation-name: show;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:135ms;
}
.tab-detail.show #card10{
	-webkit-animation-name: show;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:180ms;

	animation-name: show;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:180ms;
}

@-webkit-keyframes show {
    from { -webkit-transform: translateY( -40px ); opacity: 0;}
    to { -webkit-transform: translateY( 0px );opacity: 1;}
}
@keyframes show {
    from { transform: translateY( -40px ); opacity: 0;}
    to { transform: translateY( 0px );opacity: 1;}
}
.tab-item1.selected{background: url(../images/page3-tabbg.png) no-repeat center bottom;}
.page3-detail{width: 1200px;height: 844px;margin: 0 auto;display: none;position: relative;}
.page3-btns{width: 1040px;height: 100px;margin: 0 auto;}
.page3-btn1{background: url(../images/download-game.png) no-repeat;width: 260px;height: 100px;display: block;float: left;margin-right: 10px;}
.page3-btn2{background: url(../images/quick-signin.png) no-repeat;width: 260px;height: 100px;display: block;float: left;}
.page3-big{width: 1200px;height: 688px;float: left;}
.small-pics{width: 1170px;height: 230px;margin-top: -144px;float: left;/* -moz-transform:scale(.8);-o-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8); */overflow: hidden;position: relative;}
.small-pics ul{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1560px;
	height: 100%;
	transition: left .3s;
	-webkit-transition: left .3s;
}
.small-pics li{float: left;margin: 0 5px;width: 120px;height: 230px;overflow: hidden;}
.small-pics li img{
	width: 100%;
}
.page3-detail .prev,
.page3-detail .next{
	position: absolute;
	width: 48px;
	height: 94px;
	bottom: 132px;
	background-image: url("../images/pn.png");
	background-repeat: no-repeat;
	cursor: pointer;
}
.page3-detail .prev{
	left: -60px;
	background-position: 0 0;
}
.page3-detail .prev:hover{
	background-position: 0 -150px;
}
.page3-detail .next{
	right: -30px;
	background-position: -125px 0;
}
.page3-detail .next:hover{
	background-position: -125px -150px;
}
.reg-box{width: 300px;height: 530px;position: fixed;top: 95px;right: 10px;}
.fastreg-contain-top{width: 300px;height: 60px;background: url(../images/reg-top.png) no-repeat;background-color: #333333;}
.j-fastreg-form{width: 300px;height: 340px;background-color: #f2f2f2;padding: 17px 0 8px 0;}
/*.agree a{ color: #333 !important;}*/
.wn-fastreg .send{padding: 10px 15px 0 15px !important;}
.wn-fastreg .sendBtn{
  width: 230px !important;
  height: 50px !important;
  background: url(../images/reg-ok.png) no-repeat !important;
}
.fastreg-contain-foot{width: 300px;height: 150px;background-color: #f2f2f2;}
.reg-box .download{width: 230px;height: 50px;padding: 0 35px 6px 35px;}
.fricon{width: 110px;height: 50px;float: left;display: block;}
.fricon1{background: url(../images/full-down1.png) no-repeat; margin-right: 10px;}
.fricon2{background: url(../images/full-down2.png) no-repeat;}
.fastreg-foot-desc{width:230px;height: 24px;font-size: 12px;color: #333;padding: 0 35px;line-height: 24px;}
.fastreg-foot-desc a{text-decoration: none; color: #333;display: block;float: left;}
.reg-click{width: 40px;height: 140px;position: fixed;top: 95px;right: -40px; background: url(../images/right-small.png) no-repeat;cursor: pointer;}
.reg-close{width: 16px;height: 16px;position: absolute;top: 22px;right: 18px;display: block;background: url(../images/reg-close.png) no-repeat;}
.maskDiv{width:100%;height: 3188px;  filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;position: absolute;background: #000;z-index: 100;top: 0;left: 0;display: none;}
.popbox{width: 1000px;height: 600px;top: 50%;left: 50%;position: fixed;margin-left: -500px;margin-top: -300px;z-index: 101;display: none;}
.popbox .close{width: 60px;height: 40px;line-height: 40px;color: #ccc;font-size: 14px;text-align: center;position: absolute;top: 0px;right: -61px;display: block;text-decoration: none;    background: url(http://9yin.woniu.com/static/main/new/images/close.jpg) no-repeat;}
#popvideobox{  width: 1000px;height: 600px;background: #000;}

.reg-ok{
  color: #000;
  font-family: 'microsoft yahei';
  font-size: 14px;
  height: 252px;
  line-height: 26px;
  padding: 22px 25px;
  text-align: center;
  position: absolute;
  top: 150px;
}
.okTit{
  color: #927550;
}

.maskdiv{ width: 100%; height: 1000px; background: #000;position: fixed; _position: absolute; top:0; left: 0; z-index: 9998;}
.testorder{ width: 340px; height: 104px; cursor: pointer; background:url(../images/testpopbg.png) no-repeat; position: absolute; left: 50%; top: 470px; margin-left: -420px;}
.testorder p{ width: 325px; height: 30px; font: left; margin-top: 68px; text-align: right; font: normal 12px/30px "Microsoft yahei"; color: #371c00;}
.testorder p b{ color: #fff1b7; font-size: 14px;}
.mobilelink{ position: absolute; left: 50px; top: 420px; font: normal 16px/30px "Microsoft yahei"; color: #333; color: #fff; text-decoration: none;}
.mobilelink:hover{ text-decoration: underline;}

/*
.poporder{ width: 800px; height: 500px; background: url(../images/poporderbg.jpg) no-repeat; position: fixed; _position: absolute; top: 50%; margin-top: -250px; left: 50%; margin-left: -400px; z-index:9999;}
.poporder .closebtn{ width: 35px; height: 35px; position: absolute; top: 10px; right: 10px;}
.orderbox{ width: 385px; height: 80px; position: relative;z-index: 2; */
/*top: 320px; left: 40px;*//*
}
.orderbox input{ width: 228px; padding-left: 7px;  height: 32px; float: left; margin-left: 0; border: 1px solid #d7fafa; display: block; margin-top: 5px; font: normal 14px/34px "Microsoft Yahei"; color: #333; background: url(../images/orderinput.png)}
.orderbox .error{ color: #c00;}
.orderbox .os{ width: 228px; height: 20px; float: left; margin-top: 14px;}
.orderbox .os span{ display: inline-block; padding-left: 14px; margin-right:10px;_display: inline; background: url(../images/check.png) 0 5px no-repeat ; cursor: pointer; color: #333; font-size: 14px;}
.orderbox .os .current{ background: url(../images/check.png) 0 -15px no-repeat ;}
.orderbox .orderbtn{ width: 140px; height: 66px; position: absolute; top: 0px; right: 0; background: url(../images/order.jpg) no-repeat;}
.orderbox .orderbtn:hover{ background-position: 0 -66px;}
.getgift-btn{width: 97px; height: 111px; display: inline-block; background: url(../images/getgift_btn.png) no-repeat; margin: -20px 0 0 20px;}*/

/****2016.4.6***********/
.guide-page1{position: relative;}
.sp-media{position: absolute;width: 351px;height: 197px;top:511px;left: 50%;margin-left: -433px;background: url(../images/mediabg.jpg) no-repeat 0 0;cursor: pointer;}
.sp-player{position: absolute;width: 88px;height: 88px;top:60px;left: 50%;margin-left: -44px;background:url(../images/circle.png) no-repeat 0 0;animation:circle 2s infinite linear;z-index: 2;-webkit-animation:circle 2s infinite linear;-moz-animation:circle 2s infinite linear;}
.sp-pbtn{position: absolute;width: 88px;height: 88px;top:60px;left: 50%;margin-left: -44px;background:url(../images/play.png) no-repeat 0 0;z-index: 1;}
@keyframes circle{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(-360deg);}
}
@-webkit-keyframes circle{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(-360deg);}
}
@-moz-keyframes circle{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(-360deg);}
}
.slogan_biu{

  width: 420px;
  height: 180px;
  display: block;
  position: absolute;
  left: 50%;
  top: 304px;
  margin-left: -456px;
  display: none;
}

.page1-contain {
	width: 1080px;
	margin: 0 auto;
	margin-top: 436px;
	overflow: hidden;
}
.page1-contain .item {
	float: left;
	box-sizing: border-box;
	width: 340px;
	height: 450px;
	padding-top: 104px;
	margin-right: 30px;
	background: url(../images/t1.jpg) 0 0 no-repeat;
	background-color: #fff;
}
.item .main {
	height: 286px;
	position: relative;
}
.page1-contain .prize {
	background-image: url(../images/t2.jpg);
}
.page1-contain .slide {
	margin-right: 0;
	background-image: url(../images/t3.jpg);
}

.login  .wn-fastreg {
	padding:0 40px;
}

#fastreg-ok {
	display: none;
	text-align: center;
	font-size: 16px;
}

#fastreg-ok b {
	color: #df2e02;
}
.awardCode {
	color: #df2e02;
	font-weight: bold;
}

.prize .main,.slide .swiper-slide {
	text-align: center;
}

.item .main .btn {
	display: block;
	width: 238px;
	height: 49px;
	margin: 0 auto;
	margin-top: 65px;
	background: url(../images/b2.png) 0 0 no-repeat;
}
.slide .main .btn {
	background-image: url(../images/b1.png);
}

.swiper-page-btn div {
	position: absolute;
	transition: .3s;
	top: 50%;
	width: 30px;
	height: 56px;
	margin-top: -68px;
	cursor: pointer;
	opacity: 0.8;
	z-index: 9;
}
.swiper-page-btn div:hover {
	opacity: 1;
}
.swiper-button-prev {
	left: 10px;
	background: url(../images/arrow_left.png);
}
.swiper-button-next {
	right: 10px;
	background: url(../images/arrow_right.png);
}

.swiper-container {
	height: 213px;
}

.pop-prize {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 924px;
	height: 560px;
	margin-left: -462px;
	margin-top: -280px;
	z-index: 100;
}

.pop-prize .close {
	display: block;
	position: absolute;
	top: 57px;
	right: -60px;
	width: 45px;
	height: 45px;
	background: url(../images/close.png) 0 0 no-repeat;
	cursor: pointer;
}

.pop-header {
	height: 50px;
}
.pop-header .btn {
	display: block;
	float: left;
	width: 195px;
	height: 50px;
	margin-right: 10px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #513800;
	background: url(../images/btn2.png) 0 0 no-repeat;
	cursor: pointer;
}
.pop-header .active {
	color: #000;
	background: url(../images/btn1.png) 0 0 no-repeat;
}

.pop-body {
	width: 100%;
	height: 592px;
	margin-top: 8px;
}
.pop-body .left {
	float: left;
	width: 584px;
	height: 100%;
	/*background: url(../images/p3.jpg) 0 0 no-repeat;*/
	background-color: #fff;
}
.left .content {
	display: none;
	width: 100%;
	height: 100%;
}
.left .content.active {
	display: block;
}
.left .content img {
	width: 100%;
}
.pop-body .right {
	float: left;
	box-sizing: border-box;
	width: 340px;
	height: 100%;
	padding:10px 30px;
	background: #6b77ae url(../images/p4.jpg) 0 0 no-repeat;
}

.right .zc {
	font-size:28px;
	font-weight: bold;
	color: #fff;
}

.right h3 {
	margin-bottom: 10px;
	font-size: 20px;
	color: #fff;
}
.right .yellow {
	color: #ffcc00;
	font-weight: bold;
}

#pop-fastreg .wn-fastreg {
	width: 280px;
	padding: 0;
}
#pop-fastreg .wn-fastreg .row {
	box-sizing: border-box;
	width: 280px;
	height: 32px;
	margin-bottom: 12px;
	border-radius: 4px;
	background: #525d97;
	/*padding: 0;*/
}
#pop-fastreg .wn-fastreg .agree {
	margin-bottom: 0;
}
#pop-fastreg .wn-fastreg .agree label {
	margin-left: 0;
}
#pop-fastreg .wn-fastreg .agree,#pop-fastreg .wn-fastreg .send {
	border-radius: 0;
	background: none;
}

#pop-fastreg .wn-fastreg .send {
	padding:0!important;
	width: 238px!important;
	height: 49px!important;
	margin: 0 auto!important;
}

#pop-fastreg .wn-fastreg label {
	color: #cbd3ff;
	font-size: 14px;
	margin-left: -105px;
}
#pop-fastreg .wn-fastreg .collection {
	height: 32px;
}

#pop-fastreg .wn-fastreg .collection input {
	box-sizing: border-box;
	width: 200px;
	height: 32px;
	border: 0;
	/*line-height: 32px;*/
	color: #cbd3ff;
	background: none;
	margin-left: 15px;
  /*opacity: .5;*/
}
#pop-fastreg .wn-fastreg .collection .msgError {
	color: #f00;
	background: #525d97;
}

#pop-fastreg .wn-fastreg .captchaimg {
	margin-left: 30px;
	position: relative;
}

#pop-fastreg .wn-fastreg .sendBtn {
	width: 238px!important;
	height: 49px!important;
	background: url(../images/btn3.jpg) 0 0 no-repeat!important;
	opacity: .9;
}
#pop-fastreg .wn-fastreg .sendBtn:hover {
	opacity: 1;
}
.xz {
	margin-bottom: 10px;
	text-align: center;
	font-size: 27px;
	color: #fff;
}
.d-btn {
	display: block;
	float: left;
	width: 133px;
	height: 49px;
	margin-right: 14px;
	text-align: center;
	line-height: 49px;
	font-size: 16px;
	color: #fff;
	background: url(../images/btn4.jpg) 0 0 no-repeat;
}
.http-download {
	margin: 0;
}

.flower {
	position: absolute;
	display: block;
	background: url(../images/f1.png) 0 0 no-repeat;
}

.l {
	left: -27px;
	top: 267px;
	width: 67px;
	height: 69px;
}
.b {
	left: 170px;
	bottom: -57px;
	width: 126px;
	height: 73px;
	background-image: url(../images/f2.png);
}
.r {
	top: 351px;
	right: -62px;
	width: 92px;
	height: 63px;
	background-image: url(../images/f3.png);
}

.enter {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 210px;
	height: 57px;
	background: url(../images/enter.jpg) 0 0 no-repeat;
	z-index: 100;
}

#pop-ok{
   width: 100%;
  min-height: 300px;
  display: none;
}
#pop-ok h3{
  color: #EF2020;
  padding: 30px 0;
  font-size: 24px;
}
#pop-ok p{
  font-size: 16px;
  color: #fff;
}
@keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}