.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{}
.scroll .swiper-wrapper{}
.scroll .swiper-slide{position: relative;}
.scroll .swiper-slide img{}
.scroll .title{position: absolute;bottom: 0;left: 0;text-align: center;font-size: 1.4rem;color:#fff;background: rgba(0,0,0,.2);height:28px;width: 100%;line-height: 2.8rem}
.oTime{background:#ff7495}
.oTime .timeBox{;height: 90px;margin: 0 2%;}
.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}
.oTime .timeBox ul li{display: inline-block;}
.oTime .timeBox ul li{width: 73px;height: 56px;line-height: 35px;background: url("../images/timebg@2x.png") no-repeat;background-size:73px 56px;font-size: 2.1rem;color: #000;position: relative}
.oTime .timeBox ul li em{position: absolute;top: 6px;left: 7px;color: #ff7495;font-size: 1.6rem;line-height: 2.0rem;}
.oTime .timeBox ul li i{position: absolute;bottom: 1.5rem;right: 1rem;font-size: 1.6rem;color: #fff;}
.progress{background: #73d7bd;}
.progress h3{color: #fff368;font-size: 1.2rem;text-align: center;font-weight: normal;padding-top: 10px}
.range{margin: 0 5%;position: relative;height: 6.5rem;}
.range span{display: inline-block}
.range .rBg{background:#fff;height: 4px;width: 100%;border-radius: 5px;position: relative}
.range .rPoint{background: #ff7495;border-radius: 5px;width: 49%;height: 8px;position: absolute;top: -2px;left: 0;z-index: 50;}
.userAvatar{position: relative;}
.avatarBox{position: absolute;width: 100%;text-align: center;top: -35px;}
.avatarBox .avatarImg{display: inline-block;width: 70px;height: 70px;border-radius: 100%;border: 5px solid #faaab5;position: relative}
.avatarBox .avatarImg img{width: 70px;height: 70px;border-radius: 100%;animation: 2s linear 0s normal none rotate;-webkit-animation:2s linear 0s normal none rotate;}
.avatarBox .avatarImg .crown{
    position: absolute;
    top: -5px;
    left: 10px;
    width: 40px;
    height: 30px;
    background: url("../images/crown.png") no-repeat;
    background-size: 40px 30px;
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-35deg);
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-35deg);
    text-align: center;
}
.avatarBox .avatarImg .crown em{font-size: 1.1rem;
    color: #ff7495;
    line-height: 43px;}
.userAvatar .info{position: absolute;width: 50%;}
.userAvatar .info span{}
.userAvatar .info i{color: #fff;font-size: 1.2rem}
.userAvatar .info span em{padding: 5px;background: #fff368;border-radius: 50px;font-size: 1.2rem;color: #ff7495;display: inline-block;margin-right: 5px}
.userAvatar .left{left: 0;text-align: right}
.userAvatar .right{right: 0;text-align: left}
.userAvatar .left .addMargin{margin-right: 45px}
.userAvatar .right .addMargin{margin-left: 45px}
.nameAndSex{width: 100%;text-align: center;position: absolute;top: 58px;}
.nameAndSex .nameBar{display: inline-block;height:22px;background: url("../images/nameBg.png") no-repeat;background-size: 250px 22px;height: 22px;width: 20px}
.nameAndSex .left{background-position: 0 0}
.nameAndSex .right{background-position: -230px 0}
.nameAndSex .name{display: inline-block;height:22px;background: url("../images/nameBg.png") no-repeat;background-size: 250px 22px;height: 22px;vertical-align: top;}
.nameAndSex .name{background-position: -20px 0}
.nameAndSex .name h2{color:#ff7495;font-size:1.2rem;font-weight: normal;padding: 0 5px;line-height: 20px;}
.nameAndSex .name h2 i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;margin-left: 3px}
.nameAndSex .name h2 i.m1{background: url("../images/male.png") no-repeat;background-size: 12px 12px}
.nameAndSex .name h2 i.m0{background: url("../images/female.png") no-repeat;background-size: 9px 12px}
.tabList{margin-top: 60px;padding-bottom: 72px;}
.tabList .hd{display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6*/display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works)*/display: -ms-flexbox;/* TWEENER - IE 10*/display: -webkit-flex;/* NEW - Chrome*/display: flex;/* NEW, Spec - Opera 12.1, Firefox 20+*/}
.tabList .hd .title{-webkit-box-flex: 1;/* OLD - iOS 6-, Safari 3.1-6*/-moz-box-flex: 1;/* OLD - Firefox 19-*/width:50%;/* For old syntax, otherwise collapses.*/-webkit-flex: 1;/* Chrome*/-ms-flex: 1;/* IE 10*/flex: 1;text-align: center;background: #bfbfbf;padding: 10px 0}
.tabList .hd .title h3{font-size: 1.4rem;color: #fff;font-weight: normal;color: #fff}
.tabList .hd .on{background: #ff7495;}
.tags{text-align: center;}
.tags a{padding: 5px 10px;background: #fff;border-radius: 5px;display: inline-block;position: relative;color: #ff7495;margin: 2px 10px 15px 10px;}
.tags a:after{content: '';border-color: transparent;border-style: solid;position: absolute;border-width: 0px 0px 11px 11px;border-left-color: #fff;bottom: -9px;left: 6px;-webkit-transform: rotate(20deg);}
.yellowBtn{text-align: center;}
.yellowBtn a{display: inline-block;padding: 0 20px;;background: #fff368;font-size: 1.4rem;color: #ff7495;border-radius:50px;height: 35px;line-height: 35px;}
.tagPut{margin:40px 5% 10px 5%;background: #73d7bd;position: relative;padding-bottom: 20px;}
.titleBox{position: absolute;text-align: center;width: 100%;top: -20px;}
.titleBox .title{background: #fffbcc;margin: 0 auto;position: relative;padding: 10px;border-radius: 5px;width:90%;text-align:center;}
.titleBox .title img:nth-child(1){position: absolute;top: -16px;left: -10px;-webkit-animation: flying 2s ease 0s both infinite;-moz-animation: flying 2s ease 0s both infinite;}
.titleBox .title img:nth-child(2){}
.putBox{padding-top: 10px;text-align: center;}
.putBox .putBorder{height: 30px;display: inline-block;border-radius: 2px;}
.putBox input{height: 30px;line-height: 30px;border: 0}
.putBox input[type=text]{padding:0 5px;border-radius: 5px 0 0 5px;width: 200px;}
.putBox input[type=button]{border-radius: 0 5px 5px 0;background: #faaab5;color: #fff;font-size: 1.4rem;padding: 0 10px;cursor: pointer}
.putTags,.userPa{margin: 0 2%;text-align: center;margin-top: 10px;}
.userPa{padding-top: 40px;}
.putTags a,.userPa a{padding: 5px;white-space: nowrap;overflow: hidden;border: 1px solid #fff;color:#fff;margin: 4px 2px 0 2px;display: inline-block;border-radius: 3px;}
.userPa a{background: #fff;color: #ff7495}
.userPa a i{display: inline-block;width: 10px;height: 10px;background: url("../images/x.png") no-repeat;vertical-align: middle;margin-left: 5px}
.putTags a:hover,.putTags a.on{    color: #FFF368;
    border-color: #FFF368;
    box-shadow: 0px 0px 5px #838A06;
    text-shadow: 0px 0px 5px #000;}
footer{position: fixed;bottom: 0;width: 100%;z-index: 90;background: rgba(0,0,0,.7)}
footer .oBtn{text-align: center;width: 100%;padding: 15px 0;}
footer .oBtn a{display: inline-block;padding: 5px 10px;border-radius: 50px;font-size: 1.4rem;margin: 0 5px;color: #fff}
footer .oBtn a:nth-child(1){background:#73d7bd}
footer .oBtn a:nth-child(2){background: #faaab5}
footer .oBtn a:nth-child(3){background: #fff368;color: #ff7495;}
.canvasBox{background: rgba(0,0,0,.1);border-radius: 100%;position: relative;height: 140px;width: 140px;display: inline-block;float: right;}
.canvasBox h3{position: absolute;width: 140px;text-align: center;top: 55px;font-size: 1.2rem;font-weight: normal;color: #fff;}
.doughnut .rightPart,.doughnut .leftPart{width: 50%;margin-top: 5%}
.doughnut .gender{text-align: center;}
.doughnut .gender ul{}
.doughnut .gender ul li{display: inline-block;margin-right: 2%;font-size: 1.2rem;color: #fff;}
.doughnut .gender ul li i{display: inline-block;width: 14px;height: 30px;vertical-align: bottom;margin-right: .5rem}
.doughnut .gender ul li:nth-child(1) i{background:url("../images/m2.png") no-repeat;background-size: 14px 30px;}
.doughnut .gender ul li:nth-child(2) i{background:url("../images/m1.png") no-repeat;background-size: 14px 30px;}
.doughnut .gender ul li:nth-child(3) i{background:url("../images/m0.png") no-repeat;background-size: 14px 30px;}
.ren{position: relative;margin-top: 10%;margin-left: 5%;}
.ren .imgRen{width: 109px;height: 150px}
.ren .wen{position: absolute;left: -140px;top: 140px;}
.doughnut .yellowBtn:nth-child(2){margin: 30px 0 20px 0;}
.doughnut .yellowBtn:nth-child(3){margin: 0px 0 20px 0;}
.userLsit{}
.userLsit ul li{overflow: hidden;padding: 10px 0;border-bottom: 1px dotted #fff;position: relative}
.userLsit ul li time{  float: right;
    font-size: 1.2rem;
    color: #fff368;
    position: absolute;
    top: 25%;
    right: 0;}
.userLsit ul li .userAvatar,.userLsit ul li .userAvatar img{width: 50px;height: 50px;overflow: hidden;border-radius: 100%}
.userLsit ul li .userAvatar{margin-right: 2%;}
.userLsit ul li .info{overflow: hidden}
.userLsit ul li h3{font-size: 1.2rem;color: #fff;font-weight: normal;margin-top: 3%}
.userLsit ul li h3 i{}
.userLsit ul li h3 i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;margin-left: 3px}
.userLsit ul li h3 i.m1{background: url("../images/male.png") no-repeat;background-size: 12px 12px}
.userLsit ul li h3 i.m0{background: url("../images/female.png") no-repeat;background-size: 9px 12px}
.userLsit ul li .userTags{margin-top: 2%}
.userLsit ul li .userTags a{padding: .2rem .5rem;background: #fff;font-size: 1.2rem;float: left;margin-right: 5px;border-radius: 2px;color: #ff7495}
.userLsit ul li .userTags span{  font-size: 0.8rem;
    vertical-align: middle;
    line-height: 22px;font-weight: 700;
    color: #fff;}
.actHead{height: 195px;position: relative;}
.actHead .light{background:#ff7495 url("../images/light.png") top center no-repeat;background-size: 100% 190px;height: 190px;background-color: #ff7495}
.actHead .build{background: url("../images/build_1.png") bottom center no-repeat;background-size: 100% 119px;height: 119px;width: 100%;position: absolute;bottom: 0;left: 0}
.actHead .cloud{width: 54px;height: 24px;background: url("../images/cloud.png") no-repeat;background-size: 54px 24px;position: absolute;top: 10%;right: 5%;-webkit-animation: cloudSmall 80s ease 0s infinite;-moz-animation: cloudSmall 80s ease 0s infinite;-o-animation: cloudSmall 80s ease 0s infinite;animation: cloudSmall 80s ease 0s infinite;}
.actHead .share{position: absolute;width: 100%;text-align: center;top: 10%;left: 0}
.actHead .shareImg{background: url("../images/shareImg.png") no-repeat;background-size: 220px 103px;display: inline-block;width: 220px;height: 103px;margin: 0 auto}
.partBigBox{margin-top: 20px;}
.actTitle{width: 125px;height:29px;margin: 0 auto;padding:0 15px;position: relative;background:#ff7495 url("../images/arrow.png") no-repeat right center;background-size:7.5px 29px}
.actTitle i{width: 34px;height: 34px;background-color: #ff7495;overflow: hidden;border-radius: 100%;position: absolute;left: -18px;top: -5px;border: 2px solid #faaab5}
.actTitle h3{font-size: 1.5rem;color: #fff;text-align: center;font-weight: normal;line-height: 29px}
.actTitle01 i{background:#ff7495 url("../images/horn.png") no-repeat 8px 9px;background-size:17px 16px}
.actTitle02 i{background:#ff7495 url("../images/price.png") no-repeat 9px 9px;background-size:16px 15px}
.actTitle03 i{background:#ff7495 url("../images/actCup.png") no-repeat 9px 9px;background-size:16px 16px}
.actPart0 .desc{margin: 0 5%}
.actPart0 .desc ul li{margin: 5% 0;font-size: 1.2rem;color: #fff}
.actPart0 .desc ul li i{display: inline-block;vertical-align: baseline;width: 16px;height: 16px;border-radius: 100%;background: #fff;line-height: 16px;color: #ff7495;text-align: center;margin-right: 2%;}
.actPart1 .priceList li{margin: 5% 0;background: #fff;border-radius: 5px;height: 84px;overflow: hidden;}
.actPart1 .priceList li .priceImg,.priceList li .priceImg img{width: 97px;height:84px;border-radius: 5px 0 0 5px}
.actPart1 .priceList li .priceImg{margin-right: 3%}
.actPart1 .priceList li h3{font-size: 1.6rem;color: #ff7495;font-weight: normal;padding: 8px 0;border-bottom: 1px dashed #999}
.actPart1 .priceList li p:nth-child(2){font-size: 1.2rem;color: #232323;margin-top: 10px}
.actPart1 .priceList li p:nth-child(3){font-size:0.9rem;color: #9f9f9f;margin-top: 2px}
.actPart1 .priceList li p i{color: red;font-style: italic}
.actPart1 .priceList .detail{overflow: hidden;margin-right: 5%;}
.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 h3 i.m1{background: url("../images/male.png") no-repeat;background-size: 12px 12px}
.actPart2 .priceList li h3 i.m0{background: url("../images/female.png") no-repeat;background-size: 9px 12px}
.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{width: 11px;height: 11px;background: url("../images/cup.png") no-repeat;background-size: 11px 11px}
.actPart2 .priceList li .dataInfo span:nth-child(2) i{width: 13px;height: 10px;background: url("../images/num.png") no-repeat;background-size: 13px 10px}
.backToTop{position: fixed;display: none;bottom: 100px;right: 0;    border-radius: 100%;
    border: 2px solid #faaab5;}
.backToTop a{text-align: center;text-decoration: none;color: #D1D1D1;display: block;width: 50px;}
.backToTop a span{background: url(../images/backtop.png) no-repeat 0px 0px;display: block;height: 50px;width: 50px;background-size: 50px 50px}
.noData{text-align: center;width: 100%}
.window{width: 290px;position: absolute;z-index: 99999;display: none;}
.w0{position: fixed;top: 10px}
.w0 .windowThis .bd{background:#faaab5;border-radius: 10px;padding: 10% 0;}
.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: 5px;box-shadow: 0 0 10px #ff6d81 inset,0 0 5px #ff6d81;}
.w0 .windowThis .bd .row .putBorder i{display: inline-block;width: 16px;height: 18px;vertical-align: middle;margin: 0 5px 0 10px}
/*.w0 .windowThis .bd .row:nth-child(1) .putBorder i{height: 14px;background:url("../images/name@2x.png") no-repeat;background-size: 14px 14px}*/
.w0 .windowThis .bd .row:nth-child(1) .putBorder i{height: 17px;background:url("../images/phone@2x.png") no-repeat;background-size: 12px 17px}
.w0 .windowThis .bd .row:nth-child(2) .putBorder i{height: 15px;background:url("../images/code@2x.png") no-repeat;background-size: 15px 15px}
.w0 .windowThis .bd .row:nth-child(2) .putBorder input{width: 90px}
.w0 .windowThis .bd .row:nth-child(3) button{width: 100%;border-radius: 5px;display: inline-block;/*padding: 8px 0;*/color: #fff368;background: #73d7bd;font-size: 1.5rem;text-align: center}
.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: #ff6d81;border-radius: 5px;padding: 4px;margin: 3px;color: #fff;font-size: 1.2rem;}
.window .oClosed{position: absolute;right: -10px;top: -7px;height: 25px;background:#faaab5 url("../images/oclosed.png") no-repeat center center;background-size: 9px 9px;width: 25px;border-radius: 100%;}
.w1 .oClosed{right: 25px;top: -20px;}
.w1 .succeed{position: relative;width: 290px;height: 187px}
.w1 .succeed .greenBox{background: url("../images/greenbg.png") no-repeat top center;background-size:213px 99px;width: 213px;height: 99px;margin: 0 auto;position: absolute;top: 52px;left: 50px;text-align: center}
.w1 .succeed .greenBox div{color: #ff7495}
.w1 .succeed .greenBox div:nth-child(1){margin-top: 15px;margin-bottom: 5px;}
.w1 .succeed .greenBox .s2{  vertical-align: text-top;  margin: 2px 0 0 -4px;}
.w1 .succeed .girl{position: absolute;right: 20%;top: -24%;width: 90px;height: 108px;}
.w1 .succeed .cloud1{position: absolute;left: 28px;bottom: 12px;width: 80px;height: 41px;}
.w1 .succeed .roundLight{position: absolute;width: 100%;height: 175px;top: 0;z-index: -10;text-align: center;}
.w1 .succeed .roundLight img{width: 175px}
.shareLine{width: 98px;height: 106px;background: url("../images/line@2x.png") no-repeat;background-size: 98px 106px;position: absolute;top: -100px;right: 0;}

/*动画*/
 .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.8s both;-moz-animation: bounceInDown 1.2s ease 0.8s both;}
.animate .timeBox ul li:nth-child(3){-webkit-animation: bounceInDown 1.2s ease 1.2s both;-moz-animation: bounceInDown 1.2s ease 1.2s both;}
.animate .timeBox ul li:nth-child(4){-webkit-animation: bounceInDown 1.2s ease 1.6s both;-moz-animation: bounceInDown 1.2s ease 1.6s both;}
/* footer .oBtn a:nth-child(1){-webkit-animation: pulse 3s ease 0s both infinite;-moz-animation: pulse 3s ease 0s both infinite;} */
/* footer .oBtn a:nth-child(2){-webkit-animation: pulse 3s ease 2s both infinite;-moz-animation: pulse 3s ease 2s both infinite;} */
.animate .shareImg{-webkit-animation: bounceInDown 1.2s ease 0s both;-moz-animation: bounceInDown 1.2s ease 0s both;}
.animate .genderDown{-webkit-animation: bounceInDown 1.2s ease 0s both;-moz-animation: bounceInDown 1.2s ease 0s both;}
.animate .girl{-webkit-animation: zoomInDown 1.5s ease 0s both;-moz-animation: zoomInDown 1.5s ease 0s both;}
.animate .windowThis{-webkit-animation: bounceInDown 1.2s ease 0s both;-moz-animation: bounceInDown 1.2s ease 0s both;}
.animate .succeed .greenBox{-webkit-animation: bounceInLeft 1.2s ease 1s both;-moz-animation: bounceInLeft 1.2s ease 1s both;}
.animate .succeed .cloud1{-webkit-animation: pulse 3s ease .1s both infinite;-moz-animation: pulse 3s ease .1s both infinite;}
/***** 动画样式 *****/
/* 向上滑动*/
@-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);}}
.animate .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;}
/***** 动画样式 结束 *****/