.fullBg{background-color: #000;left: 0;opacity: 0.8;position: fixed;top: 0;z-index: 3;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;display: none;z-index: 888;width: 100%;}
.setMargin{margin:0 5%}
.qxData{padding: 20px 0;}
.scroll .swiper-container{height: 150px;}
.scroll .swiper-wrapper{height: 150px}
.scroll .swiper-slide{position: relative;height: 150px}
.scroll .swiper-slide img{height: 150px}
.scroll .title{position: absolute;bottom: 0;left: 0;text-align: center;font-size: 1.4rem;color:#fff;background: rgba(0,0,0,.6);height:28px;width: 100%;line-height: 2.8rem}
.oTime .timeBox{height: 68px;position: relative}
.oTime .timeBox{border-radius: 10px;margin: 3% 5%}
.oTime .timeBox .hook{background: url("../images/hook.png") no-repeat top center;background-size: 8px 22px;position: absolute;top: -10px;height: 22px;width: 8px;}
.oTime .timeBox .hook.left{left: 10px}
.oTime .timeBox .hook.right{right: 10px}
.oTime .timeBox .timeCenter{background:url("../images/timeBg.png") repeat-x;background-size:2px 68px;height: 68px;overflow: hidden;}
.oTime .timeBox .timeBar{width: 7px;height: 68px;}
.oTime .timeBox .fr.timeBar{background: url("../images/timeBarRight.png") no-repeat;background-size: 7px 68px}
.oTime .timeBox .fl.timeBar{background: url("../images/timeBarLeft.png") no-repeat;background-size: 7px 68px}
.oTime .timeBox .timeBar{background-size: 7px 68px}
.oTime .timeBox h2{color: #fff;text-align: center;font-size: 1.6rem;font-weight: normal;line-height: 3rem;}
.oTime .timeBox ul{display: block;overflow: hidden;text-align:center;margin-top: 18px;}
.oTime .timeBox ul li{display: inline-block;}
.oTime .timeBox ul li.bg{width: 32px;height: 32px;line-height: 32px;background: url("../images/timeBg@2x.png") no-repeat;background-size:32px 32px;font-size: 1.8rem;color: #fff}
.oTime .timeBox ul li.oText{color: #ff7071;font-size: 1.5rem;vertical-align: bottom;margin: 0 1%;}
.oTab{position: relative}
.tabBox{width: 100%}
.tabBox .hd{text-align: center;float: left;overflow: hidden;width: 100%;margin-bottom: -1px;}
.tabBox .hd ul li{display: inline-block;vertical-align: text-bottom;padding: 10px 5px;background: #fff;font-size: 1.4rem;color:#ff5051;border-radius: 5px 5px 0 0;margin: 0 2px;}
.tabBox .hd ul li.on{font-size: 1.4rem;background:#ff5051;color: #fff}
.tabBox .bd{margin: 0 3%;padding: 5px 0}
.tabBox .bd .rule p{padding: 6px 0;color: #fff;font-size: 1.4rem;}
.tabBox .bdRound{float:left;background:#ff5051 ;padding-bottom: 60px;overflow: hidden;width: 100%;}
.tabBox .bd .prize{text-align: center;}
.tabBox .bd .prize li{margin: 2% 1%;width: 90px;overflow: hidden;display: inline-block;border-radius: 5px}
.tabBox .bd .prize .prizeImg{margin:0 auto;width: 70px;height: 70px;position: relative;overflow: hidden;margin-top: 10px;border-radius: 5px;}
.tabBox .bd .prize .prizeImg img{width: 70px;height: 70px}
.tabBox .bd .prize .prizeImg h4{font-size: 1.2rem;color: #fff;position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;font-weight: normal;color: #333;background: rgba(0,0,0,.5);padding: 2px 0;color: #fff;border-radius: 0 0 5px 5px}
.tabBox .bd .prize .prizeDesc{overflow: hidden;text-align: center}
.tabBox .bd .prize .prizeDesc h3{font-size: 1.4rem;line-height: 2rem;color: #ffdc44}
.tabBox .bd .prize .prizeDesc p{font-size: 1.1rem;color: #fff;margin: 0 5px;overflow: hidden;padding-bottom: 10px;}
.tabBox .bd .prize .addBg{background-color: rgba(237,59,59,.6);overflow: hidden;}
.tabBox .bd .prize li{    margin: 2% auto;
    width: 100%;
    overflow: hidden;
    display: block;
    border-radius: 5px;}
.tabBox .bd .prize li .addBg {
    background-color: #fff;
    overflow: hidden;
}
.tabBox .bd .prize li .prizeImg {
    background: #fff;
    margin-right: 10px;
    width: 95px;
    height: 95px;
    position: relative;
    overflow: hidden;
    margin-top: 0;
    float: left;
}
.tabBox .bd .prize li .prizeImg img {
    width: 95px;
    height: 95px;
    border-radius: 0;
}
.tabBox .bd .prize li .prizeDesc {
    background: #fff;
    height: 95px;
    overflow: hidden;
    text-align: left;
}
.tabBox .bd .prize li .prizeDesc p{padding-bottom: 0;margin:0 }

.tabBox .bd .prize li .prizeDesc h3 {
    font-size: 1.4rem;
    padding-top: 2.0rem;
    line-height: 2.4rem;
    color: #f6514b;
}
.tabBox .bd .prize li .prizeDesc p {
    font-size: 1.1rem;
    line-height: 2.2rem;
    color: #8c8c8c;
}
.list li{margin: 2% 0}
.list .userBox{height: 63px;background: rgba(250,250,250,0.2);border-radius:50px;position: relative}
.list .userBox .userAvatar{margin: 0.4rem;border-radius: 100%;;background: #eee;height: 54px;width: 54px;position: relative;margin-right: 15px;}
.list .userBox .userAvatar img{height: 54px;width: 54px;border-radius: 100%;}
.list .userBox .userDesc{overflow: hidden;}
.list .userBox .userDesc h2{color: #fff;font-size: 14px;font-weight: normal;margin-top: 1.2rem;}
.list .userBox .userDesc p{color: #fff}
.list .userBox .userDesc p i{display: inline-block;width:13px;height: 10px;background: url("../images/shareIcon.png") no-repeat;background-size: 13px 10px;vertical-align: middle}
.list .userBox .num{position: absolute;right: -12px;top: 4px;}
.list .userBox .num span{width: 25px;height: 25px;line-height: 25px;display: inline-block;background: #fff;color: #ff5051;border-radius: 100%;text-align: center;position: relative;z-index: 20;}
.list .userBox .num s{position: absolute;display: inline-block;width: 25px;height: 17px;top: 27px;left: 3px;z-index: 9;background-size: 25px 15px;}
.list li:nth-child(1) .userBox .num{top: 0}
.list li:nth-child(2) .userBox .num{top: 0}
.list li:nth-child(3) .userBox .num{top: 0}
.list li:nth-child(1) .userBox .num span{background: #facc59;width: 30px;height:30px;line-height: 30px}
.list li:nth-child(2) .userBox .num span{background: #cbcbcc;width: 30px;height:30px;line-height: 30px}
.list li:nth-child(3) .userBox .num span{background: #fe9325;width: 30px;height:30px;line-height: 30px}
.list li:nth-child(1) .userBox .num s{background: url("../images/taile1@2x.png") no-repeat;background-size: 25px 15px;}
.list li:nth-child(2) .userBox .num s{background: url("../images/taile2@2x.png") no-repeat;background-size: 25px 15px;}
.list li:nth-child(3) .userBox .num s{background: url("../images/taile3@2x.png") no-repeat;background-size: 25px 15px;}
.list li:nth-child(1) .num span i,.list li:nth-child(2) .num span i,.list li:nth-child(3) .num span i{position: absolute;background: rgba(255, 255, 255, 0.4);border-radius: 100%;width: 22px;height: 22px;line-height: 22px;top: 4px;left: 4px;}

.list .userBox .colect{color: #fbf087;font-size: 1.2rem;line-height: 63px;margin-right: 15px;}
.userTip{margin: 20px 0}
.userTip .descText{margin: 0 5%;padding: 20px 20px;background: url("../images/s-top.png") left top no-repeat,url(../images/s-bottom.png) right bottom no-repeat}
.userTip .descText p{line-height: 22px;color: #fff;font-size: 1.4rem;}
.userTip .descText p span{color: #ffe476}
.userTip .blueBtnA{overflow: hidden;white-space: nowrap;display: inline-block;vertical-align: middle;color: #fff}
.userTip .blueBtnA i{display: inline-block;height:21px}
.userTip .blueBtnA i.fl{background: url("../images/blueBtnLeft.png") no-repeat;width:3px;background-size: 3px 21px}
.userTip .blueBtnA i.fr{background: url("../images/blueBtnRight.png") no-repeat;width:6px;background-size: 6px 21px}
.userTip .blueBtnA em{background: url("../images/bluebtnCenter.png") repeat-x;height: 21px;display: inline-block;background-size: 1px 21px;line-height: 21px;overflow: hidden;vertical-align: baseline;float: left;}
.bottomTip{margin: 20px 0}
.bottomTip .descText{margin: 0 auto;width: 200px;text-align: center;padding: 15px;background: url("../images/s-top.png") top left no-repeat,url("../images/s-bottom.png") bottom right no-repeat}
.bottomTip .descText p{line-height: 22px;color: #7a0b0b}
.blankBtn .aBtn{margin: 20px 0;text-align: center}
.blankBtn .aBtn a{display: inline-block;color: #fff}
.blankBtn .aBtn a i{}
.blankBtn .aBtn a i.fr{background: url("../images/bigBlueBtnRight.png") no-repeat top right;background-size: 9px 40px;width: 9px;height: 40px}
.blankBtn .aBtn a i.fl{background: url("../images/bigBlueBtnLeft.png") no-repeat top left;background-size: 7px 40px;width: 7px;height: 40px}
.blankBtn .aBtn a em{background: url("../images/bigBlueBtnCenter.png") repeat-x top center;background-size:1px 40px;height: 40px;display: inline-block;overflow: hidden;padding: 0 5px;line-height: 40px;}
.rects{width: 258px;margin: 0 auto;padding: 15px;background-color: rgba(237,59,59,.6);border-radius: 5px}
.rects .re{width: 80px;height: 80px;float: left;background: #f60;border-radius: 5px;margin: 3px;text-align: center;font-size: 2.4rem;color: #fff;position: relative;}
.rects .re em{font-weight: 700;line-height: 80px}
.rects .re span{position:absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.3);border-radius: 5px;z-index: 9}
.rects .re b{line-height:150%;background: #fff;position: absolute;border-radius: 30px;padding:0 10px;top: 5px;left: 5px;font-size: 1.2rem;color: #f60;font-weight: normal;}
.rects .re b i{background:url(../images/rectx.png) no-repeat;display: inline-block;width:7px;height: 7px;background-size: 7px 7px;vertical-align: middle;margin-right: 2px;}
.rects8 .re:nth-child(1),.rects8 .re:nth-child(9){background: #64dbb2}
.rects8 .re:nth-child(2),.rects8 .re:nth-child(8){background: #ffa0a0}
.rects8 .re:nth-child(3),.rects8 .re:nth-child(7){background: #e7d159}
.rects8 .re:nth-child(4),.rects8 .re:nth-child(6){background: #73d0f2}
.rects .clickA{background: #f5f5f5 url("../images/rectCenterBg.png") no-repeat left bottom;background-size: 80px 12px}
.rects .clickA .row{line-height: normal}
.rects .clickA .row img{margin: 14px 0 5px 0;}
.rects .clickA p{color: #ff7071;font-size: 1.8rem;line-height: 22px}
.rects4 .re:nth-child(5),.rects4 .re:nth-child(1),.rects5 .re:nth-child(1),.rects6 .re:nth-child(1),.rects7 .re:nth-child(1){width: 166px;}
.rects6 .re:nth-child(7){width: 166px;}
.rects5 .re:nth-child(6){width: 166px;}
.rects5 .re:nth-child(3),.rects4 .re:nth-child(2),.rects4 .re:nth-child(4){height: 166px;line-height: 166px}
.rects7 .re:nth-child(1),.rects7 .re:nth-child(8){background: #64dbb2}
.rects7 .re:nth-child(2),.rects7 .re:nth-child(6){background: #ffa0a0}
.rects7 .re:nth-child(3),.rects7 .re:nth-child(5){background: #e7d159}
.rects7 .re:nth-child(7){background: #73d0f2}
.rects6 .re:nth-child(1),.rects6 .re:nth-child(7){background: #64dbb2}
.rects6 .re:nth-child(2),.rects6 .re:nth-child(6){background: #ffa0a0}
.rects6 .re:nth-child(3),.rects6 .re:nth-child(5){background: #e7d159}
.rects5 .re:nth-child(1),.rects5 .re:nth-child(6){background: #64dbb2}
.rects5 .re:nth-child(2),.rects5 .re:nth-child(3){background: #ffa0a0}
.rects5 .re:nth-child(5){background: #e7d159}
.rects4{position: relative;height: 258px;}
.rects4 .re{position: absolute}
.rects4 .re:nth-child(1){background: #64dbb2;left: 15px;top: 15px}
.rects4 .re:nth-child(2){background: #ffa0a0;right: 15px;top: 15px}
.rects4 .re:nth-child(3){top: 101px;left: 101px;}
.rects4 .re:nth-child(4){background: #73d0f2;bottom: 15px;left: 15px;}
.rects4 .re:nth-child(5){background: #e7d159;bottom: 15px;right: 15px;}
.rects div.re.active{opacity: 1;/*-webkit-animation:ro2 1.5s .2s linear infinite;-moz-animation:ro2 1.5s .2s linear infinite;animation:ro2 1.5s .2s linear infinite;*/}
.rects div.re.active span{display: none}
.lodingGif{display: none;margin-top: 7px;width: 64px;height: 64px}
footer{position: fixed;bottom: 0;left:0;width: 100%;z-index: 90;background: rgba(0,0,0,.7);height: 60px;}
footer .oBtn{text-align: center;width: 100%;padding: 15px 0;}
footer .oBtn a{display: inline-block;padding: 5px 10px;border-radius: 5px;font-size: 1.4rem;margin: 0 5px;color: #fff}
footer .oBtn a:nth-child(1){background:#ff7071}
footer .oBtn a:nth-child(2){background: #47c9d7}
footer .oBtn a:nth-child(3){background: #fff368;color: #ff7495;}
.userListTitle{width: 216px;height:38px;margin:0 auto;background: url("../images/userListTitle.png") no-repeat;background-size: 216px 38px;text-align: center;line-height: 38px;color: #ff7071}
.userListTitle h3{font-weight: normal;font-size: 1.8rem}
.actTitle i{width: 34px;height: 34px;background-color: #ff7495;overflow: hidden;border-radius: 100%;position: absolute;left: -18px;top: -5px;border: 2px solid #FF6061}
.actTitle h3{font-size: 1.5rem;color: #fff;text-align: center;font-weight: normal;line-height: 29px}
.actPart2{padding-bottom: 60px}
.actPart2 .priceList li{padding: 5% 0;border-bottom: 1px dotted #fff;overflow: hidden;}
.actPart2 .priceList li .num{color: #7f7f7f;font-size: 1.5rem;font-weight: 700;height: 50px;line-height: 50px;margin-right: 2%;}
.actPart2 .priceList li:nth-child(1) .num{color: #e32b71}
.actPart2 .priceList li:nth-child(2) .num{color: #18c397}
.actPart2 .priceList li:nth-child(3) .num{color: #27afd6}
.actPart2 .priceList li .userAvatar,.actPart2 .priceList li .userAvatar img{width: 50px;height: 50px;border-radius: 100%}
.actPart2 .priceList li .userAvatar{margin-right: 2%}
.actPart2 .priceList li h3{font-size: 1.6rem;color: #fff;font-weight: normal;margin-top: 1%;}
.actPart2 .priceList li h3 i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;margin-left: 3px}
.actPart2 .priceList li .dataInfo{margin-top: 2%;}
.actPart2 .priceList li .dataInfo span{font-size: 1.4rem;color: #fff;margin-right: 5%}
.actPart2 .priceList li .dataInfo span em{color: #fff368}
.actPart2 .priceList li .dataInfo span i{display: inline-block;margin-right: 1%;vertical-align: baseline}
.actPart2 .priceList li .dataInfo span:nth-child(1) i{display: inline-block;width: 16px;height: 13px;background: url("../images/shareIcon.png") no-repeat;background-size: 16px 13px;}
.window{width: 290px;position: absolute;z-index: 999;display: none;}
.w0{position: fixed;top: 10px}
.w0 .windowThis .bd{background:#FF7071;border-radius: 10px;padding: 10% 0;box-shadow: 0 0 10px #ff6d81 inset,0 0 5px #ff6d81;}
.w0 .windowThis .bd .adMargin{margin: 0 10%}
.w0 .windowThis .bd .row{padding: 5px 0 20px 0}
.w0 .windowThis .bd .row:nth-child(3){padding-bottom: 10px}
.w0 .windowThis .bd .row p{font-size: 1.2rem;color: #fff;text-align: center}
.w0 .windowThis .bd .row .putBorder{border: 1px solid #ff6d81;border-radius: 3px;background-color: rgba(250,250,250,.5);}
.w0 .windowThis .bd .row .putBorder i{display: inline-block;width: 24px;height: 18px;vertical-align: middle;margin: 0 5px 0 10px}
.w0 .windowThis .bd .row:nth-child(1) .putBorder i{height: 21px;background: url("../images/phone@2x.png") no-repeat 2px center;background-size: 16px 21px}
.w0 .windowThis .bd .row:nth-child(2) .putBorder i{height: 17px;background:url("../images/code@2x.png") no-repeat;background-size: 22px 17px}
.w0 .windowThis .bd .row:nth-child(2) .putBorder input{width: 90px}
.w0 .windowThis .bd .row .putBorder input{border: 0;background: none;padding: 7px 5px;color: #ff6d81;font-size: 1.3rem}
.w0 .windowThis .bd .row .putBorder .getCode{float: right;background: #47C9D7;border-radius: 5px;padding: 4px;margin: 4px;color: #fff;font-size: 1.2rem;}
.window .oClosed{position: absolute;right: -10px;top: -7px;height: 25px;background:#FF7071 url("../images/oclosed.png") no-repeat center center;background-size: 9px 9px;width: 25px;border-radius: 100%;}
.w1{width: 258px;margin-top: -100px;}
.w1 .windowThis{padding-top: 50px}
.w1 .oClosed{right: 25px;top: -20px;}
.w1 .succeed{position: relative;width: 258px;height: 125px;background: url("../images/succed@2x.png") no-repeat top center;background-size: 258px 125px}
.w1 .succeed .top{width: 100%;text-align: center;position: absolute;top: -50px;left: 0;right: 0;}
.w1 .succeed .top .userAvatar{display: inline-block;width: 80px;height: 80px;border: 5px solid #ff6061;border-radius: 100%}
.w1 .succeed .top .userAvatar img{width: 80px;height: 80px;border-radius: 100%}
.w1 .succeed .top .succeedTitle{width: 100%;position: absolute;text-align: center;left: 0;right: 0;top: 60px;}
.w1 .succeed .top .succeedTitle .sCenter{width: 188px;height: 40px;background: url("../images/succedTitle@2x.png") no-repeat top center;background-size: 188px 40px;margin: 0 auto}
.w1 .succeed .top .succeedTitle .sCenter em{width: 126px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 3rem;color: #fd5a5d;}
.w1 .succeed p{text-align: center;color: #fff;font-size: 1.4rem;padding: 56px 20px 0 20px;}
.w2{z-index: 99999}
.w2{width: 200px;background: rgba(0,0,0,0.6);border-radius: 5px;display: none}
.w2 h2{font-size: 14px;text-align: center;color: #fff;padding: 10px 0}
.w2 .row{text-align: center;;padding: 0 0 10px 0}
.w2 .aBtn{padding: 10px 0 10px 0}
.w2 .aBtn a{display: inline-block;padding: 2px 15px;background: red;color: #fff;border-radius: 5px}
.w2 .aBtn a:nth-child(1){background: #009900;margin-right: 15px}
.w3{width: 230px;background: #ff7071}
.w3 .prize{padding-bottom: 90px;position: relative;}
.w3 .prize .title{width: 188px;height: 40px;background: url("../images/prizeTitle@2x.png") no-repeat top center;background-size: 188px 40px;margin: 0 auto;margin-top: -26px;}
.w3 .prize .info{margin-top: 10px;background: url("../images/rects.png") no-repeat center 50px;background-size: 200px 85px;padding-top: 20px;}
.w3 .prize .info .textp{color: #ffdc44;font-size: 1.2rem;margin: 0 20%;text-align: center;}
.w3 .prize .info .textp em{color: #ac0003}
.w3 .prize .info .prizePic{text-align: center;margin: 20px 0}
.w3 .prize .info .prizePic img{width: 80px;height: 80px;border-radius: 5px;}
.w3 .prize .info .towBtn{text-align: center}
.w3 .prize .info .towBtn a{display: inline-block;color: #fff;font-size: 1.2rem}
.w3 .prize .info .towBtn a:nth-child(1){display: inline-block;}
.w3 .prize .info .towBtn a:nth-child(1) i.fr{width: 5px;height: 28px;background: url("../images/wBlueBtnRight.png") no-repeat top right;background-size: 5px 28px}
.w3 .prize .info .towBtn a:nth-child(1) i.fl{width: 3px;height: 28px;background: url("../images/wBlueBtnLeft.png") no-repeat top left;background-size: 3px 28px}
.w3 .prize .info .towBtn a:nth-child(1) em{height: 28px;display:inline-block;overflow:hidden;background: url("../images/wBlueBtnCenter.png") repeat-x top right;background-size: 1px 28px;line-height: 28px;padding: 0 10px}
.w3 .prize .info .towBtn a:nth-child(2){display: inline-block;position: relative}
.w3 .prize .info .towBtn a:nth-child(2) i.fr{width: 5px;height: 28px;background: url("../images/wYeloBtnRight.png") no-repeat top right;background-size: 5px 28px}
.w3 .prize .info .towBtn a:nth-child(2) i.fl{width: 3px;height: 28px;background: url("../images/wYeloBtnLeft.png") no-repeat top left;background-size: 3px 28px}
.w3 .prize .info .towBtn a:nth-child(2) em{height: 28px;display:inline-block;overflow:hidden;background: url("../images/wYeloBtnCenter.png") repeat-x top right;background-size: 1px 28px;line-height: 28px;padding: 0 10px;color: #ff5657}
.w3 .prize .info .towBtn a:nth-child(2) img{position: absolute;top:34px;right: 46px;width: 122px;height: 70px}
.w3 .prize .roundLight{position: absolute;top: 26px;left: 0;right: 0;bottom: 0;background: url("../images/roundLight.png") center -212px no-repeat;z-index: -5;}
.w4{width: 100%;background: url("../images/roundLight.png") center -122px no-repeat;position: fixed;top: 10px;height: 600px}
.w4 .share{margin: 0 auto;text-align: center;margin-top: 125px;position: relative;}
.w4 .share h3{color:#ffdc44}
.w4 .share .prizePic{padding: 30px 0;background: url("../images/rects.png") no-repeat;background-size: cover;text-align: center}
.w4 .share .prizePic img{width: 80px;height: 80px;border-radius: 5px;}
.shareLine{width: 98px;height: 106px;background: url("../images/line@2x.png") no-repeat;background-size: 98px 106px;position: absolute;top: -115px;right: 20px;}
/*����*/
.swiper-slide-active .title{-webkit-animation: bounceInRight 2s ease .2s both;-moz-animation: bounceInRight 2s ease .2s both;}
.swiper-slide-active img{-webkit-animation: pulse 3s ease .1s both;-moz-animation: pulse 3s ease .1s both;}
.animate .timeBox{-webkit-animation: fadeIn 2s ease 0s both;-moz-animation: fadeIn 2s ease 0s both;}
.animate .timeBox h2{-webkit-animation: bounceInDown 1.2s ease 0.2s both;-moz-animation: bounceInDown 1.2s ease 0.2s both;}
.animate .timeBox ul li:nth-child(1){-webkit-animation: bounceInDown 1.2s ease 0.4s both;-moz-animation: bounceInDown 1.2s ease 0.4s both;}
.animate .timeBox ul li:nth-child(2){-webkit-animation: bounceInDown 1.2s ease 0.6s both;-moz-animation: bounceInDown 1.2s ease 0.6s both;}
.animate .timeBox ul li:nth-child(3){-webkit-animation: bounceInDown 1.2s ease 0.8s both;-moz-animation: bounceInDown 1.2s ease 0.8s both;}
.animate .timeBox ul li:nth-child(4){-webkit-animation: bounceInDown 1.2s ease 1.0s both;-moz-animation: bounceInDown 1.2s ease 1.0s both;}
.animate .timeBox ul li:nth-child(5){-webkit-animation: bounceInDown 1.2s ease 1.2s both;-moz-animation: bounceInDown 1.2s ease 1.2s both;}
.animate .timeBox ul li:nth-child(6){-webkit-animation: bounceInDown 1.2s ease 1.4s both;-moz-animation: bounceInDown 1.2s ease 1.4s both;}
.animate .timeBox ul li:nth-child(7){-webkit-animation: bounceInDown 1.2s ease 1.6s both;-moz-animation: bounceInDown 1.2s ease 1.6s both;}
.animate .timeBox ul li:nth-child(8){-webkit-animation: bounceInDown 1.2s ease 1.8s both;-moz-animation: bounceInDown 1.2s ease 1.8s both;}
.animate .userListTitle{-webkit-animation: bounceInDown 1.2s ease 0s both;-moz-animation: bounceInDown 1.2s ease 0s both;}
.animate .windowThis{-webkit-animation: bounceInDown 1.2s ease 0s both;-moz-animation: bounceInDown 1.2s ease 0s both;}
.w3 .prize .info .towBtn a:nth-child(2) img{-webkit-animation: flying 2s ease .1s both infinite;-moz-animation: flying 2s ease .1s both infinite;}
.w1 .succeed .top .userAvatar{animation: 2s linear 0s normal rotate;-webkit-animation: 2s linear 0s normal rotate;}
.w1 .succeed .top .succeedTitle{-webkit-animation: bounceInDown 1.2s ease 1s both;-moz-animation: bounceInDown 1.2s ease 1s both;}
/***** ������ʽ *****/
/* ���ϻ���*/
@-webkit-keyframes up35{0%{opacity:0;-webkit-transform:translateY(35px);}
             100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes up35{0%{opacity:0;-moz-transform:translateY(35px);}
    100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes up35{0%{opacity:0;transform:translateY(35px);}
    100%{opacity:1;transform:translateY(0);}}
.animate .up35{-webkit-animation:up35 1s .5s ease both;-moz-animation:up35 1s .5s ease both;animation:up35 1s .5s ease both;}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}}
@-ms-keyframes rotate{from{-ms-transform:rotate(0deg)}
    to{-ms-transform:rotate(360deg)}}
@-o-keyframes rotate{from{-o-transform:rotate(0deg)}
    to{-o-transform:rotate(360deg)}}
.animate .rotate360{animation: 9.5s linear 0s normal none infinite rotate;-webkit-animation:9.5s linear 0s normal none infinite rotate;}
@-webkit-keyframes dn50{0%{opacity:0;-webkit-transform:translateY(-50px);}
    100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes dn50{0%{opacity:0;-moz-transform:translateY(-50px);}
    100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes dn50{0%{opacity:0;transform:translateY(-50px);}
    100%{opacity:1;transform:translateY(0);}}
.animate .dn50{-webkit-animation:dn50 2s 2s ease both;-moz-animation:dn50 2s 2s ease both;animation:dn50 2s 2s ease both;}
/* ��ת����*/
@-webkit-keyframes ro2{0%{-webkit-transform:rotate(0deg);}
             5%,15%,25%{-webkit-transform:rotate(-2deg);}
             10%,20%,30%{-webkit-transform:rotate(2deg);}
             35%{-webkit-transform:rotate(0deg);}}
@-moz-keyframes ro2{0%{-moz-transform:rotate(0deg);}
    5%,15%,25%{-moz-transform:rotate(-2deg);}
    10%,20%,30%{-moz-transform:rotate(2deg);}
    35%{-moz-transform:rotate(0deg);}}
@keyframes ro2{0%{transform:rotate(0deg);}
    5%,15%,25%{transform:rotate(-2deg);}
    10%,20%,30%{transform:rotate(2deg);}
    35%{transform:rotate(0deg);}} .ro2{-webkit-animation:ro2 1.5s .2s linear infinite;-moz-animation:ro2 1.5s .2s linear infinite;animation:ro2 1.5s .2s linear infinite;}
/* ���󻬶�*/
@-webkit-keyframes lt50{0%{opacity:0;-webkit-transform:translateX(50px);}
             100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes lt50{0%{opacity:0;-moz-transform:translateX(50px);}
    100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes lt50{0%{opacity:0;transform:translateX(50px);}
    100%{opacity:1;transform:translateY(0);}}
@-webkit-keyframes lt100{0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes lt100{0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes lt100{0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateY(0);}}
@-webkit-keyframes lt300{0%{opacity:0;-webkit-transform:translateX(300px);}
    100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes lt300{0%{opacity:0;-moz-transform:translateX(300px);}
    100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes lt300{0%{opacity:0;transform:translateX(300px);}
    100%{opacity:1;transform:translateY(0);}}
.animate .lt50{-webkit-animation:lt50 1s 1.5s ease both;-moz-animation:lt50 1s 1.5s ease both;animation:lt50 1s 1.5s ease both;}
.animate .lt51{-webkit-animation:lt50 1s .3s ease both;-moz-animation:lt50 1s .3s ease both;animation:lt50 1s .3s ease both;}
.animate .lt100{-webkit-animation:lt100 2s 1.5s ease both;-moz-animation:lt100 2s 1.5s ease both;animation:lt100 2s 1.5s ease both;}
.animate .lt101{-webkit-animation:lt100 2s 2s ease both;-moz-animation:lt100 2s 2s ease both;animation:lt100 2s 2s ease both;}
.animate .lt102{-webkit-animation:lt100 1s 1s ease both;-moz-animation:lt100 1s 1s ease both;animation:lt100 1s 1s ease both;}
.animate .lt103{-webkit-animation:lt100 1s 1.2s ease both;-moz-animation:lt100 1s 1.2s ease both;animation:lt100 1s 1.2s ease both;}
.animate .lt300{-webkit-animation:lt300 3s 0s ease both;-moz-animation:lt300 3s 0s ease both;animation:lt300 3s 0s ease both;}
/* ���һ���*/
@-webkit-keyframes rt50{0%{opacity:0;-webkit-transform:translateX(-50px);}
             100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes rt50{0%{opacity:0;-moz-transform:translateX(-50px);}
    100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes rt50{0%{opacity:0;transform:translateX(-50px);}
    100%{opacity:1;transform:translateY(0);}}
@-webkit-keyframes rt150{0%{opacity:0;-webkit-transform:translateX(-150px);}
    100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes rt150{0%{opacity:0;-moz-transform:translateX(-150px);}
    100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes rt150{0%{opacity:0;transform:translateX(-150px);}
    100%{opacity:1;transform:translateY(0);}}
@-webkit-keyframes rt300{0%{opacity:0;-webkit-transform:translateX(-300px);}
    100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes rt300{0%{opacity:0;-moz-transform:translateX(-300px);}
    100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes rt300{0%{opacity:0;transform:translateX(-300px);}
    100%{opacity:1;transform:translateY(0);}}
.animate .rt50{-webkit-animation:rt50 1s .3s ease both;-moz-animation:rt50 1s .3s ease both;animation:rt50 1s .3s ease both;}
.animate .rt150{-webkit-animation:rt150 1s 1s ease both;-moz-animation:rt150 1s 1s ease both;animation:rt150 1s 1s ease both;}
.animate .rt151{-webkit-animation:rt150 1s .5s ease both;-moz-animation:rt150 1s .5s ease both;animation:rt150 1s .5s ease both;}
.animate .rt152{-webkit-animation:rt150 1s .8s ease both;-moz-animation:rt150 1s .8s ease both;animation:rt150 1s .8s ease both;}
.animate .rt300{-webkit-animation:rt300 3s 1s ease both;-moz-animation:rt300 3s 1s ease both;animation:rt300 3s 1s ease both;}
@-webkit-keyframes cloudSmall{0%{right: 5%;}
    100%{right: 105%;}}
@-moz-keyframes cloudSmall{0%{right: 5%;}
    100%{right: 105%;}}
@-o-keyframes cloudSmall{0%{right: 5%;}
    100%{right: 105%;}}
@keyframes cloudSmall{0%{right: 5%;}
    100%{right: 105%;}}
@-webkit-keyframes twinkling{0%{opacity:0;}
    100%{opacity:1;}}
@-webkit-keyframes flicker{0%{-webkit-transform: rotate(0deg) scale(1);opacity: 1;}
    50%{-webkit-transform: rotate(180deg) scale(0.7);opacity: .3;-webkit-transform-origin:center;}
    100%{-webkit-transform: rotate(360deg) scale(1);opacity: 1;-webkit-transform-origin:center;}}
@-moz-keyframes flicker{0%{-moz-transform: rotate(0deg) scale(1);opacity: 1;}
    50%{-moz-transform: rotate(180deg) scale(0.7);opacity: .3;-moz-transform-origin:center;}
    100%{-moz-transform: rotate(360deg) scale(1);opacity: 1;-moz-transform-origin:center;}}
@-o-keyframes flicker{0%{-o-transform: rotate(0deg) scale(1);opacity: 1;}
    50%{-o-transform: rotate(180deg) scale(0.7);opacity: .3;-o-transform-origin:center;}
    100%{-o-transform: rotate(360deg) scale(1);opacity: 1;-o-transform-origin:center;}}
@keyframes flicker{0%{transform: rotate(0deg) scale(1);opacity: 1;}
    50%{transform: rotate(180deg) scale(0.7);opacity: .3;transform-origin:center;}
    100%{transform: rotate(360deg) scale(1);opacity: 1;transform-origin:center;}}
.flicker{-webkit-animation-name: flicker;-moz-animation-name: flicker;-o-animation-name: flicker;animation-name: flicker;}
@-webkit-keyframes bounceInRight{0%{opacity: 0;-webkit-transform: translateX(2000px);}
    60%{opacity: 1;-webkit-transform: translateX(-30px);}
    80%{-webkit-transform: translateX(10px);}
    100%{-webkit-transform: translateX(0);}}
@-moz-keyframes bounceInRight{0%{opacity: 0;-moz-transform: translateX(2000px);}
    60%{opacity: 1;-moz-transform: translateX(-30px);}
    80%{-moz-transform: translateX(10px);}
    100%{-moz-transform: translateX(0);}}
@-o-keyframes bounceInRight{0%{opacity: 0;-o-transform: translateX(2000px);}
    60%{opacity: 1;-o-transform: translateX(-30px);}
    80%{-o-transform: translateX(10px);}
    100%{-o-transform: translateX(0);}}
@keyframes bounceInRight{0%{opacity: 0;transform: translateX(2000px);}
    60%{opacity: 1;transform: translateX(-30px);}
    80%{transform: translateX(10px);}
    100%{transform: translateX(0);}}
.bounceInRight{-webkit-animation-name: bounceInRight;-moz-animation-name: bounceInRight;-o-animation-name: bounceInRight;animation-name: bounceInRight;}
@-webkit-keyframes pulse{0%{-webkit-transform: scale(1);}
    50%{-webkit-transform: scale(1.1);}
    100%{-webkit-transform: scale(1);}}
@-moz-keyframes pulse{0%{-moz-transform: scale(1);}
    50%{-moz-transform: scale(1.1);}
    100%{-moz-transform: scale(1);}}
@-o-keyframes pulse{0%{-o-transform: scale(1);}
    50%{-o-transform: scale(1.1);}
    100%{-o-transform: scale(1);}}
@keyframes pulse{0%{transform: scale(1);}
    50%{transform: scale(1.1);}
    100%{transform: scale(1);}}
.pulse{-webkit-animation-name: pulse;-moz-animation-name: pulse;-o-animation-name: pulse;animation-name: pulse;}
@keyframes flying{0%{margin-top: 0px;}
    50%{margin-top: 6px;}
    100%{margin-top: 0px;}}
@-webkit-keyframes flying{0%{margin-top: 0px;}
    50%{margin-top: 6px;}
    100%{margin-top: 0px;}}
@-moz-keyframes flying{0%{margin-top: 0px;}
    50%{margin-top: 6px;}
    100%{margin-top: 0px;}}
@-webkit-keyframes fadeIn{0%{opacity: 0;}
    100%{opacity: 1;}}
@-moz-keyframes fadeIn{0%{opacity: 0;}
    100%{opacity: 1;}}
@-o-keyframes fadeIn{0%{opacity: 0;}
    100%{opacity: 1;}}
@keyframes fadeIn{0%{opacity: 0;}
    100%{opacity: 1;}}
.fadeIn{-webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes bounceInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);}
    60%{opacity: 1;-webkit-transform: translateY(30px);}
    80%{-webkit-transform: translateY(-10px);}
    100%{-webkit-transform: translateY(0);}}
@-moz-keyframes bounceInDown{0%{opacity: 0;-moz-transform: translateY(-2000px);}
    60%{opacity: 1;-moz-transform: translateY(30px);}
    80%{-moz-transform: translateY(-10px);}
    100%{-moz-transform: translateY(0);}}
@-o-keyframes bounceInDown{0%{opacity: 0;-o-transform: translateY(-2000px);}
    60%{opacity: 1;-o-transform: translateY(30px);}
    80%{-o-transform: translateY(-10px);}
    100%{-o-transform: translateY(0);}}
@keyframes bounceInDown{0%{opacity: 0;transform: translateY(-2000px);}
    60%{opacity: 1;transform: translateY(30px);}
    80%{transform: translateY(-10px);}
    100%{transform: translateY(0);}}
.bounceInDown{-webkit-animation-name: bounceInDown;-moz-animation-name: bounceInDown;-o-animation-name: bounceInDown;animation-name: bounceInDown;}
@-webkit-keyframes slideInDown{0%{-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}
    100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes slideInDown{0%{-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}
    100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
.slideInDown{-webkit-animation-name: slideInDown;animation-name: slideInDown;}
@-webkit-keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
    60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
    60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInDown{-webkit-animation-name: zoomInDown;animation-name: zoomInDown;}
@-webkit-keyframes bounceInUp{0%{opacity: 0;-webkit-transform: translateY(2000px);}
    60%{opacity: 1;-webkit-transform: translateY(-30px);}
    80%{-webkit-transform: translateY(10px);}
    100%{-webkit-transform: translateY(0);}}
@-moz-keyframes bounceInUp{0%{opacity: 0;-moz-transform: translateY(2000px);}
    60%{opacity: 1;-moz-transform: translateY(-30px);}
    80%{-moz-transform: translateY(10px);}
    100%{-moz-transform: translateY(0);}}
@-o-keyframes bounceInUp{0%{opacity: 0;-o-transform: translateY(2000px);}
    60%{opacity: 1;-o-transform: translateY(-30px);}
    80%{-o-transform: translateY(10px);}
    100%{-o-transform: translateY(0);}}
@keyframes bounceInUp{0%{opacity: 0;transform: translateY(2000px);}
    60%{opacity: 1;transform: translateY(-30px);}
    80%{transform: translateY(10px);}
    100%{transform: translateY(0);}}
.bounceInUp{-webkit-animation-name: bounceInUp;-moz-animation-name: bounceInUp;-o-animation-name: bounceInUp;animation-name: bounceInUp;}
@-webkit-keyframes bounceInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);}
    60%{opacity: 1;-webkit-transform: translateX(30px);}
    80%{-webkit-transform: translateX(-10px);}
    100%{-webkit-transform: translateX(0);}}
@-moz-keyframes bounceInLeft{0%{opacity: 0;-moz-transform: translateX(-2000px);}
    60%{opacity: 1;-moz-transform: translateX(30px);}
    80%{-moz-transform: translateX(-10px);}
    100%{-moz-transform: translateX(0);}}
@-o-keyframes bounceInLeft{0%{opacity: 0;-o-transform: translateX(-2000px);}
    60%{opacity: 1;-o-transform: translateX(30px);}
    80%{-o-transform: translateX(-10px);}
    100%{-o-transform: translateX(0);}}
@keyframes bounceInLeft{0%{opacity: 0;transform: translateX(-2000px);}
    60%{opacity: 1;transform: translateX(30px);}
    80%{transform: translateX(-10px);}
    100%{transform: translateX(0);}}
.bounceInLeft{-webkit-animation-name: bounceInLeft;-moz-animation-name: bounceInLeft;-o-animation-name: bounceInLeft;animation-name: bounceInLeft;}
/***** ������ʽ ���� *****/