body,html{background: #f2f2f2;}
.bg { background-size: 100% 100%;background-repeat: no-repeat; }
.bz {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.jrWap{display: none!important;}
#top{width: 100%;height: 80px;background: #fff;}
#top .top{width: 1180px;margin: 0 auto;height: 80px;}
#top #logo{display: block;background-image:url(/public/2014_2/images/activity/magicsquare/img/logo.png);width: 481px;height: 80px;background-position-y:center ;background-size: 100% auto;float: left;margin-left:40px;}
#top ul{float: right;height: 100%;}
#top ul li{float: left;height: 24px;margin-top: 28px;border-left: 1px #bfbfbf solid;line-height: 24px;}
#top ul li a{padding:0 20px;font-size: 15px;color: #333;cursor: pointer;}
#top ul li a:hover{color: #999;}
#top ul li:last-of-type{border-right: 1px #bfbfbf solid;}
#banner{/*background-image:url(/public/2014_2/images/activity/magicsquare/img/banner.jpg);background-position:center center;*/width: 100%;height: 430px;background-size:1920px 430px;position: relative;}
#banner .bannerImg{width: 1920px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -960px;z-index:1;}



#banner .banner{width: 1180px;margin: 0 auto;height: 100%;}
#banner .reg{height: 404px;width: 287px;float: right;z-index: 10;position: relative;}
#banner .reg .regTop{width: 100%;height: 320px;background: #fff;margin: 12px 0 10px 0;padding: 0 15px;}

#banner .reg .regTop h2,#regMask .regBox h2{color: #fe9b1a;border-bottom: 1px solid #fe9b1a;font-size: 26px;font-weight: 900;line-height: 60px;text-align: center;}
#banner .reg .regTop label,#regMask .regBox label{display: block;border-bottom: 1px solid #fbd3cd;height: 40px;}
#banner .reg .regTop label input,#regMask .regBox label input{padding-left: 13px;height: 100%;line-height: 40px;font-size: 16px;width: 100%;color: #fe9b1a;}
#banner .reg .regTop .litteInput,#regMask .regBox .litteInput{width: 140px;}
#banner .reg .regTop img,#regMask .regBox img{width: 108px;height: 33px;border-left: #f9b7ad 1px solid;padding-left:10px;background: none!important;cursor: pointer;}
#regMask .regBox img{height: 45px;width: 115px;}
#banner .reg .regTop label a,#regMask .regBox label a{color: #fea338;border: #f9b7ad solid 1px;border-radius: 3px;padding: 3px 5px;cursor: pointer;margin-left: 50px;}
#banner .reg .regTop p,#regMask .regBox p{color: #4c4c4c;text-align: center;}
#banner .reg .regTop button,#regMask .regBox button{width: 100%;height: 30px;line-height: 30px;background: #fe9b1a;border-radius: 5px;text-align: center;color: #fff;font-size: 14px;margin: 12px 0 5px 0;;}
#banner .reg .regTop p:first-of-type,#regMask .regBox p:first-of-type{margin-top: 5px;}
#banner .reg .regTop p span,#regMask .regBox p span{cursor: pointer;}
#banner .reg .regTop p:last-of-type,#regMask .regBox p:last-of-type{color: #b4b4b4;}
#banner .reg .regTop p:last-of-type a,#regMask .regBox p:last-of-type a{text-decoration: underline;color: #b4b4b4;}

#banner .reg .regBot{width: 100%;height: 74px;background-image:url(/public/2014_2/images/activity/magicsquare/img/lc.jpg);position: relative;cursor: pointer;}
#banner #qrcode{width: auto;height: auto;position: absolute;bottom: 0;left:-176px;display: none;}
#info{width: 100%;height: 281px;padding: 45px;}
#info .info{width: 1180px;margin: 0 auto;height: 100%;}
#info .info .left{float: left;height: 100%;width: 330px;background: #fff;padding:0 13px;box-shadow:5px 5px 19px rgba(0,0,0,.15);}
#info .info .left h4{font-weight: 900;font-size: 26px;line-height: 60px;color: #fe9b1a;}
#info .info .left p{line-height: 26px;font-size: 15px;color: #444444;}
#info .info .left a{color:#fe9b1a;margin-top: 18px;font-size: 14px;display: block;}
#info .info .right{width:826px;float: right;height: 100%;background: #fff;box-shadow:5px 5px 19px rgba(0,0,0,.15);}
#info .info .right ul{width: 100%;height: 100%;}
#info .info .right ul li{float: left;width: 175px;height: 175px;margin-left: 25px;margin-top:8px;cursor: pointer;transition: all 0.2s;border: 1px #fff solid;}
#info .info .right ul li:hover{border-color: #fec478;}
#info .info .right ul li img{display: block;margin: 0 auto;margin-top: 15px;}
#info .info .right ul li p{width: 100%;text-align: center;line-height: 25px;font-size: 16px;color: #444444;}
#b{width: 100%;height: 402px;background: #fff;;box-shadow:5px 5px 19px rgba(0,0,0,.15);padding: 47px 0 59px 0;}
#b .bInfo{width: 1180px;margin: 0 auto;height: 100%;box-shadow:5px 5px 19px rgba(0,0,0,.15);border: 1px #fe9b1a solid;}
#b .bInfo .imgTop{width: 100%;height: auto;display: block;}
#b .bInfo .bv1{width: 100%;height: 180px;margin-top: 40px;}
#b .bInfo .bv1 .img1{width: auto;height: auto;margin-left: 10px;float: left;}
#b .bInfo .bv1 .right{float: right;width: 980px;height: 100%;}
#b .bInfo .bv1 .right h4{height: 47px;padding-left: 48px;position: relative;border-bottom: 1px solid #e5e5e5;}
#b .bInfo .bv1 .right h4 a{width:900px;font-size: 24px;}
#b .bInfo .bv1 .right h4 .jdBox{position: absolute;width: 230px;height: 7px;background: #dcdcdc;border-radius: 500px;right: 30px;top: 0;}
#b .bInfo .bv1 .right h4 .jdBox .jd{background: #f69e2b;width: 200px;height: 100%;border-radius: 500px;}
#b .bInfo .bv1 .list{width: 100%;height: 73px;margin-top: 24px;float: left;}
#b .bInfo .bv1 .list div{float: left;display: block;width: 195px;height: 100%;border-right: 1px solid #e5e5e5;}
#b .bInfo .bv1 .list div p{color: #393939;font-size: 18px;text-align: center;display: block;width: 100%;line-height: 36px;}
#b .bInfo .bv1 .touload{display: block;float: right;margin-right: 30px;width: 230px;height: 65px;text-align: center;line-height: 65px;border: 1.5px #f59f2c solid;color: #f59f2c;font-size: 22px;}
#b .bInfo .bv1 .touload:hover{background: #f59f2c;color: #fff;}
#gift{width: 100%;height:935px;padding: 48px 0;}
#gift img{width: 1180px;height: auto;margin: 0 auto;display: block;box-shadow:5px 5px 19px rgba(0,0,0,.15);}
#lc{width: 100%;height:762px;background: #fff;box-shadow:5px 5px 19px rgba(0,0,0,.15);margin-bottom: 46px;}
#lc img{width: 1180px;height: auto;margin: 0 auto;display: block;padding-top: 75px;}
#bot{width: 1180px;margin: 0 auto;height: 211px;background: #fff;padding: 10px 0;box-shadow:5px 5px 19px rgba(0,0,0,.15);}
#bot .bz{width: 236px;height: 100%;border-right: 1px solid #e5e5e5;float: left;position: relative;}
#bot .bz:last-of-type{border: none;}
#bot .bz div{width: 180px;height: 180px;margin:0 auto;cursor: pointer;margin-top: 4px;}
#bot .bz div:hover{border: 1px solid #fcc87d;}
#bot .bz div img{display: block;margin:21px auto 21px auto;}
#bot .bz:first-of-type div img{margin:30px auto 37px auto;}
#bot .bz div p{font-size: 24px;color: #474747;text-align: center;}
#bot .bz .item{display: block;position: absolute;width: 212px;height: 103px;background: #fcc87d;bottom: -113px;left: 10px;color: #fff;text-align: center;font-size: 18px;padding: 25px 0;display: none;}
#btn{width: 327px;height: 88px;background-image:url(/public/2014_2/images/activity/magicsquare/img/btn.png);display: block;margin:150px auto 175px auto;cursor: pointer;}
#btn img{margin: 0 auto;display: block;padding-top: 50px;}
#userAgreement,#regMask{display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;z-index: 999;left: 0;top: 0; }
#userAgreement .signBg #closed {position: absolute;width: 73px;height: 73px;background: url(/public/2014_2/images/activity/magicsquare/img/x.png) no-repeat;background-size: 100% 100%;right: -70px;top: -70px; }
#userAgreement .box{position: absolute;left: 50%;top: 50%;width: 800px;height: 648px;margin: -324px 0 0 -400px;background: #fff; }
#userAgreement .box h2 {height: 46px;line-height: 46px;width: 100%;font-size: 18px;color: #fff;background: #8871ef;padding-left: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }  
#userAgreement .box h2 span {    font-size: 18px; }   #userAgreement .box h2 .colsedx{    font-size: 30px;float: right;    margin-right: 20px; cursor: pointer;}
#userAgreement .box .txt{width: 100%;height: 602px;overflow-y: auto;padding: 20px; }
#userAgreement .box .txt p {font-size: 14px;line-height: 30px;color: #333; }
#userAgreement .box .txt p a {line-height: 1.42857143;  font-size: 14px;  color: #333; } 
#userAgreement .box .txt p strong {  font-size: 14px;  line-height: 40px;  color: #333; }
.unSubmit {cursor: not-allowed; background: #999!important; }
#regMask{display: none;z-index:990;}
#regMask .reg{width: 1098px;height: 500px;background-image:url(/public/2014_2/images/activity/magicsquare/img/regbg.jpg);position: absolute;top: 50%;margin: -250px 0 0 -549px;left: 50%;}
#regMask .regBox{width: 422px;height: 502px;background: #fff;margin: 0 auto;box-shadow:5px 5px 19px rgba(0,0,0,.15);position: absolute;
left: 50%;margin-left: -211px;top: 20px;padding:0 18px;}
#regMask .form{width: 335px;margin: 0 auto;}
#regMask .regBox h2{font-size: 40px;line-height: 90px;height: 90px;}
#regMask .regBox .litteInput{width: 210px;}
#regMask .regBox label{height: 61px;}
#regMask .regBox button{height: 40px;line-height: 40px;font-size: 20px;margin-top: 20px;margin-bottom: 10px;}
#regMask .regBox p:first-of-type{margin-top: 12px;}
#closeReg{position: absolute;right: 0;top: -111px;cursor: pointer;}
#regMask .regBox label a{border-radius: 5px;padding: 10px 18px;margin-left: 30px;}
#regMask .l{position: absolute;top: 20px;right: 75px;background-image: url(/public/2014_2/images/activity/magicsquare/img/logo1.png);width: 152px;height: 52px;}
#regMask .regBox .d{position: absolute;bottom: -10px;left: -120px;width: 197px;height: 105px;border: none;}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
		transform: scale3d(1.3, 1.3, 1.3)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@-moz-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
		transform: scale3d(1.3, 1.3, 1.3)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
		-ms-transform: scale3d(1.3, 1.3, 1.3);
		transform: scale3d(1.3, 1.3, 1.3)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pulse {
	-webkit-animation: pulse linear 0.5s infinite;
	animation: pulse linear 0.5s infinite;
	-moz-animation: pulse linear 0.5s infinite
}
.s {
	-webkit-animation: pulse linear 0.8s 1;
	animation: pulse linear 0.8s 1;
	-moz-animation:pulse linear 0.8s 1
}