@charset "utf-8";
/* CSS Document */
body{font-family:Microsoft YaHei;color: #000;}

/*@font-face {
font-family: BodoniXT;
src: url(‘img/BodoniXT.ttf’);
}*/

.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
.wapBg01 { background-color:#f2f1f1;}
.contBox01 { background:#c8e1ff url(img/contBox-bg01.png) top center no-repeat; background-size:100%;}
.contBox02 { background:#c8e1ff url(img/contBox-bg02.png) top center no-repeat; background-size:100%;}
.contBox03 { background:#c8e1ff url(img/contBox-bg03.png) top center no-repeat; background-size:100%;}

.sectionJuly { background:#6ba3e6 url(img/sectionBg01.png) top center no-repeat; background-size:100%;}
.section01 { background-color:#fff;}
.l{float: left}
.r{float: right}
h2 { text-align:center; padding:.5em 0 1em;}
h2.tit01 { padding-left:5em;}
h2 img { width:42%;}
.wap_main{font-size: .2rem}
/*.wp img{display: block}*/
.pnr{position: relative}
.pna{position: absolute;width: 100%}
.bg{background: #ececec;overflow: hidden}
.bg .list{}
.mt5{margin-top: .5rem !important;}
.cs{bottom: 30%;left: 8%;width: 68%}
.hs{bottom: 17%;left: 8%;width: 68%}
.sbs{bottom: 4.5%;left: 11%;width: 83.5%}
.jg img{border-radius: 50%}
.djhf{bottom:0;left: 50%;z-index: 2;width: 37%;margin-left: -18.5%;cursor: pointer}
.zxgb{bottom:0;left: 50%;z-index: 2;width: 39%;margin-left: -19.5%;cursor: pointer}
.box{border: .05rem solid #012563;width: 6rem;margin: 0 auto}
.zrm{background: url(images/zrm.png) repeat-y;background-size: 100%;padding: .16rem 0 .36rem}
.zrm ul{overflow: hidden}
.zrm li{float: left;text-align: center;width:1.89rem;margin:0 0 .25rem .175rem;color: #2a2a2a;font-size: .2rem;font-weight: 600;line-height: 2 }
.zrm img{display: inline-block;width: 1.86rem }
.b1{background:url(images/b1.jpg);background-size: 100%;overflow: hidden }
.b2{background:url(images/b2.jpg) no-repeat center bottom ;background-size: 100%;overflow: hidden }
.b4{background:url(images/b4.jpg) no-repeat center bottom ;background-size: 100%;overflow: hidden }
.wh li{float: left;width: 1.56rem;text-align: center; margin: .22rem 0 .22rem .43rem;}
.wh li img{border-radius: 50%}
.line{border-bottom: .01rem dashed #012563;box-sizing: inherit;margin-bottom: .16rem}
.xjt{width: .29rem;vertical-align: middle}
.xjt ul{margin-left: .2rem;padding-top: .25rem}
.xjt li{width: 1.43rem;color: #fff;text-align: center;font-size: .24rem;float: left;margin-right: .09rem;line-height: 2;margin-bottom: .1rem}
.xjt p{font-size: .2rem;text-align: center;color: #fff;margin-bottom: .3rem}
.xjt span{font-size: .3rem}

.list{top: 0;left: 0}
.list li{display: inline-block;width:2rem;text-align: center;margin:.3rem .4rem 0 .65rem;color: #fff}
.list li b{font-size: .24rem;font-weight: normal}
.list li a{font-size: .28rem;color: #fff;background: #ff0066;line-height: .5rem;padding: 0 .22rem;display: inline-block;margin-top: .08rem}
.list li u{font-size: .24rem;text-decoration: none}
.list li span{font-size: .3rem;color: #fff000}
.list li i{color: #ff0066;font-style: normal;font-weight: bold}
.list img{display: inline-block;width: 1.86rem;vertical-align: middle}
.list .gw{width:.28rem}
.list .sj{width:.2rem}

.sblx{width: 2.8rem;right: .45rem;top: .75rem;font-size: .2rem;line-height: 1.4;color: #000}
.sblx span{display: inline-block;line-height: .36rem;padding: 0 .2rem; margin: .15rem 0 .15rem .08rem;background: #f7e4c4;border-radius: .05rem }
.zlgc{left: 0;top: 0}
.zlgc ul{width: 94%;margin: 0 auto}
.zlgc li{float: left;width: 1.7rem;margin-left: .23rem;border: 1px solid #a8a8a8}
.why{width: 92%;left: 4%;top:4%;}
.ysfx{width: 2.45rem;right: .56rem;top: 1.45rem}
.cctp{width: 2.22rem;top: .22rem;left: 2.22rem}
.cctp li{margin-bottom: .32rem}
.zhong{width: 100%;text-align: center;z-index: 22;margin: .15rem auto}
.zhong.pna{left: 0;bottom: -.3rem;margin: 0 auto;z-index: 22}
.zhong a{font-size:.28rem;color: #0d2f60;background: #fff;line-height:.58rem;display: inline-block;border-radius: .25rem 0 .25rem 0;padding: 0 .2rem;}
.zhong.dd a{color: #fff;background: #0d2f60;}
/*边框动画*/
/*.he{  width: 100%; height:100%; border: 10px solid black; border-left-color: #fff; border-radius: 70px;position: absolute;left: 0;top: 0;
    animation: namemf 1s linear infinite; -webkit-animation:namemf 1s linear infinite; -ms-animation: namemf 1s linear infinite;}
@keyframes namemf{
    from{ transform:rotate(0deg) ; }
    to{ transform: rotate(360deg); }
}
@-webkit-keyframes namemf{
    from{ transform:rotate(0deg) ; }
    to{ transform: rotate(360deg); }
}
@-ms-keyframes namemf{
    from{ transform:rotate(0deg) ; }
    to{ transform: rotate(360deg); }
}*/
/*.zhong a span:before,.zhong a span:after{ border-radius: .2rem;content: " "; display: block; position: absolute; width:104%; height:104%; top: -2%; left: -2%; border:2px solid #00FF00; z-index:10; box-sizing: border-box; -webkit-animation: clipAni 4s infinite linear;animation: clipAni 4s infinite linear; }
.zhong a span:before{ -webkit-animation-delay: -2s;animation-delay: -2s; }*/
@keyframes  clipAni{
    0%,100%{ clip: rect(0px,104%,104%,102%); }
    25%{ clip: rect(0px,104%,1%,0px); }
    50%{ clip: rect(0px,2%,104%,0px); }
    75%{ clip: rect(102%,104%,104%,0px); }
}

.mr3{margin: .3rem auto}
.al{width: 96%;margin: 0 auto;border-bottom:.01rem solid #ccc;padding:.12rem 0 .25rem}
.al:last-of-type{border: none}
.al dt{overflow: hidden;font-size: .28rem}
.al dt img{display: inline-block;vertical-align: middle;margin-right: .1rem}
.al dt span{font-size: .16rem;margin-right: .25rem}
.al dt .l{width:.92rem }
.al dt .see{width: .25rem}
.al dt .zan{width: .18rem}
.al ul{overflow:hidden}
.al li{float: left;width: 1.94rem;margin-right: .16rem}
.al li:last-of-type{margin-right: 0}
.al dd{margin: .2rem auto}
.al dd p{font-size: .17rem;color: #03183a;margin-top: .2rem}
.ts{top: 0;left:0;padding:.48rem 0 0  2.6rem;}
.ts li{width: 2.68rem;color: #0f0c45;font-size: .24rem;line-height: .3rem;margin-bottom: .35rem}
.ts li b{font-size: .26rem;display: block;text-align: center}

.ts li b{font-size: .22rem;display: block;text-align: center}
.ts li img{width: 2.44rem;display: inline-block}
.buy{text-align: center;}
/*.buy a{display: inline-block;line-height: .55rem;color: #fff;font-size: .28rem;border-radius: .25rem;background: #6b3900;padding: 0 .12rem;margin: 0 .15rem;
    *//* background: -webkit-linear-gradient(#d99a2b, #f2b852); Safari 5.1 - 6.0
    background: -o-linear-gradient(#d99a2b, #f2b852); *//* Opera 11.1 - 12.0
    background: -moz-linear-gradient(#d99a2b, #f2b852); *//* Firefox 3.6 - 15
    background: linear-gradient(#d99a2b, #f2b852); *//* 标准的语法 *//*
    -moz-box-shadow:0 .02rem 0 #FFF; -webkit-box-shadow:0 .02rem 0 #FFF; box-shadow:0 .02rem 0 #FFF;}*/
.buy a{background: #fcaa3f;color: #000;border-radius: .1rem;width: 2.6rem;line-height: .5rem;display: inline-block;font-size: .26rem}
.buy.pna{bottom:0;left: 0}


.mb12{margin-bottom: .12rem}
.sb{background: #03837f}
.xg{text-align: center;top: 0;left: 0;width: 100%}
.xg li{display: inline-block;width: 2.85rem;height: 5.43rem;background: #fff;border-radius: .2rem;vertical-align: top;font-size: .2rem;text-align: left;margin: 0 .1rem}
.xg p{padding: .1rem;line-height: 1.75}
.xg li img{display: block;margin: .1rem auto;width: 1.83rem;border-radius: 50%;border: .06rem solid #8dd1d0}
.xg li b{display: block;text-align:center;font-size: .24rem}
.lc{top: 0;left: 0}
.gx,.lc ul{width: 94%;margin: 0 auto;overflow: hidden}
.gx li{float: left;margin-right: .2rem;background: #fff;border-radius:1rem;width: 1.85rem;height:4rem;border: .01rem solid #1c8ec9;text-align: center}
.gx li img{border-radius: 50%;width: 1.65rem;margin-top: .1rem;display: inline-block}
.gx li b{display: block;text-align: center;color: #1b7caf;font-size: .22rem;margin: .12rem auto 0}
.gx li p{font-size: .2rem;line-height:1.4;padding: 0 .1rem}
.lc li{float: left;width: 1.7rem;color: #fff;font-size:.2rem;line-height: 1.8;margin-right: .4rem;text-align: center;margin-top: .3rem}
.lc img{border-radius: 50%}
.jgys{width: 5.2rem;margin: 0 auto}
.jgys li{margin-bottom: .12rem;font-size: .2rem;clear: both;overflow: hidden}
.jgys b{display: block;font-size: .24rem;color: #0b6969;text-align: center;margin: .15rem auto .05rem}
.jgys b span{display: inline-block;width: .25rem;line-height: .25rem;color: #fff;background:#0f8685;text-align: center;font-size: .18rem;border-radius: 50%;margin-right: .08rem }
.jgys .l{margin-right: .25rem}
.jgys .r{margin-left: .25rem}
#pho{bottom: .45rem;left: 0;text-align: center;font-size: .22rem}
#pho *{display: inline-block;vertical-align: top}
#pho input{font-size: .2rem;padding-left: .03rem}
#pho input::-webkit-input-placeholder {    color: #a9a9a9;}
#pho input:-moz-placeholder {/* Firefox 18- */    color: #a9a9a9;}
#pho input::-moz-placeholder{/* Firefox 19+ */    color: #a9a9a9;}
#pho input:-ms-input-placeholder {    color: red;}
.submitBox{background: #6f3d05;padding:0 .1rem;border-radius: .05rem;margin: 0 .1rem}
.submitBox a{color: #fff;line-height: .48rem;}
.typeInfo input{width: 2.18rem;line-height: .46rem;background: none;border:.01rem solid #afafaf;}
.qd{width: 94%;left: 3%;top: 2.65rem}
.qd li{width: 1.65rem;float: left;margin: 0 .25rem 0 .15rem;font-size: .2rem}
.qd li:last-of-type,.sfl dd li:last-of-type,.gx li:last-of-type{margin-right: 0}
.zxjg{color: #fff;line-height: .48rem;background: #c57318;padding:0 .15rem;border-radius: .05rem}
.hand{width: .23rem;position: absolute;bottom: -.15rem;right: .1rem}
.doc .hand{right: .3rem}
.bounce { animation: bounce 2s infinite linear; -webkit-animation: bounce 2s infinite linear;}
@-webkit-keyframes bounce {
    0%, 100%, 20%, 53%, 80% {-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-timing-function:cubic-bezier(0.215, .61, .355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
    40%, 43% {-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}
    70% {-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-webkit-transform:translate3d(0, -8px, 0);transform:translate3d(0, -8px, 0)}
    90% {-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}}
@keyframes bounce {
    0%, 100%, 20%, 53%, 80% {-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1); transition-timing-function:cubic-bezier(0.215, .61, .355, 1);-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
    40%, 43% {-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-webkit-transform:translate3d(0, -15px, 0);-ms-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}
    70% {-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-webkit-transform:translate3d(0, -8px, 0);-ms-transform:translate3d(0, -8px, 0);transform:translate3d(0, -8px, 0)}
    90% {-webkit-transform:translate3d(0, -2px, 0);-ms-transform:translate3d(0, -4px, 0);transform:translate3d(0, -2px, 0)}}
.lx{background: url(images/lx.png) repeat-y;background-size: 100%}
.lx ul{padding:.12rem 0 0 1.08rem}
.lx li{width: 2.02rem;text-align: center;float: left;margin:0 .22rem .36rem 0}
.lx img{display: inline-block;border-radius: 50%}
.ovh{overflow: hidden}
.zy li{color: #fff;font-size: .2rem;width: 3.8rem;margin-top: .2rem;margin-bottom: .32rem}
.zy li b{color: #2a2a2a;font-size: .24rem;display: block;text-indent: .24rem;margin-bottom: .08rem}
.zy1{margin-left:1.86rem}
.zy2{margin-left: .38rem}
.zy li.zy2 b{text-indent: .12rem}

.td{top: 0;left: 0}
.td li{width: 4rem;margin-top: .6rem; margin-bottom: 0.95rem;letter-spacing: -.01rem}
.td1{margin-left: 1.86rem}
.td2{margin-left: 2.28rem}
.li1{top: 0;left: 0;}
.li1 ul,.lct ul{width: 94%;overflow:hidden;margin: 0 auto}
.li1 li{float: left;width:3rem;text-align: center;margin:-.01rem 0 0 -.01rem;padding:.2rem 0;border: .01rem solid #000;border-right:none;border-bottom: none;font-size: .22rem;line-height: .3rem }
.li1 li.tt{padding-top: 0}
.li1 p{padding-top: .1rem}
.li1 li img{width:2.34rem;display: inline-block}
.fx li{border: none;font-size: .2rem;padding: 0;margin-top: .25rem;line-height: .28rem}
.fx li b{color: #996e10;font-size: .22rem}
.fx li img{width:2.02rem}
.lct li{float: left;width: 1.88rem;margin-right: .18rem;text-align: center}
.lct li:last-child{margin-right: 0}
.sfl{left: 0;top: 0;}
.sfl dl{width: 94%;margin: 0 auto;}
.sfl dt{text-align: center;font-size: .24rem;line-height:2}
.sfl dt{width: 1rem}
.sfl dd{width: 4.65rem;font-size: .2rem;line-height: .3rem}
.sfl dd b{color: #996e10;font-size: .22rem}
.sfl dd li{float: left;width: 1.4rem;margin-right: .18rem;margin-top: .15rem;text-align: center}
.sfl dd li:last-of-type{padding-top: .25rem}
.sfl dd p{margin-top: .1rem}
.ys{width: 1.95rem;right:.95rem;top:1.18rem}
.ys li{margin-bottom: .5rem;font-size: .2rem}

.big li{float: right;margin-right: .2rem !important;;width: 3.08rem}
.big li b{bottom: 1.11rem}
.big li i{bottom: .9rem}
.big li a{bottom: .35rem;}
.dsz{background: url(images/dsz.jpg) no-repeat center bottom; background-size: 100% 15%;}
.othzt a{width: 50%;display: block;height: 100%;top: 0;z-index: 22;text-indent: -999px}
.xm{width:100%; left:.78rem; bottom:30px;color: #fff;font-size: .24rem}
.yb{left: 3.33rem}
.xm a{ display: inline-block; font-size: .36rem; background: #ff006c; border-radius:.12rem; color: #fff; width: 2.16rem; line-height:.6rem; margin-bottom: .12rem;text-align: center }
.end{background: url(images/qqb_75.jpg) repeat-y center top;background-size: 100%  }
.end li{color: #6b3900;font-size: .25rem;position: absolute}
.e1{left: .43rem;top: .3rem}
.e2{right: .68rem;top: .3rem}
.e3{left: 1.58rem;top: 1.25rem}
.db{margin: .45rem auto .3rem}
.db li{width: 1.8rem;border-radius:.05rem;float: left;text-align: center;overflow: hidden;margin-left: .125rem;color:#01296e;font-size: .24rem;line-height: 2}
.zhong .wx{width: .4rem;display: inline-block;vertical-align: middle;margin-right: .08rem}
.wzsm{font-size: .2rem;line-height:1.8;color: #fff;width: 92%;margin:.15rem auto 0}
.aq{overflow: hidden;width: 100%;bottom: 1.4rem;left: 0}
.aq li{float: left;border: .02rem solid #fff;border-radius: 50%;margin-left: .28rem;margin-right: .4rem}
.aq span{color: #fff;font-size: .24rem;width: .93rem;height: .93rem;text-align: center;line-height: 1.5;display: table-cell;vertical-align: middle}
.aq li:last-of-type{margin-right: 0}
img.jjwt{display: inline-block;width:3.86rem }
.bz{top: 0;left: 0}
.bz li{width: 33.333%;float: left;text-align: center;color: #fff;font-size: .22rem;margin: .26rem 0 .1rem}
.bz li img{display: inline-block;width: 1.69rem}
.jzs li{float: left;width: 2.61rem;border-radius: 50%;overflow: hidden;margin-left: .4rem}
.b25{bottom: 25%}
.b10{bottom: 10%}
.tit{text-align: center;margin: 5% auto}

.lx a{font-size: 28px;color: #141414;background: #ebc86d;border-radius: 30px;padding:1% 5%;display: block;bottom: 9%;right: 10%;z-index: 22}

.btn {font-size:.18rem;  cursor: pointer; display:block; text-align:center; }
.btn i{ display:inline-block; *display:inline; *zoom:1; }

.iconfont { font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.iconfont img{width:.19rem;display: inline-block;vertical-align: middle;}
.icon-tubiao:before { content: "\e602"; }
.gz{padding-left: 1%;overflow: hidden;margin-top: 5%}
.gz li{float: left;width: 50%}



.mtb3{margin: .3rem auto}
.mtb15{margin: .15rem auto}
.ptb3{padding: .3rem 0}
.pt3{padding-top: .3rem}
.pt5{padding-top: .5rem}
.mt3{margin-top: .3rem}
.tac{text-align: center}
.yy img{border-radius: 50%;width: 2.64rem;padding: .1rem;border: .02rem dashed #fff}
.zx img{border-radius: 50%;width: 2.79rem;margin: .75rem auto .3rem}
.qbzx li{position: absolute;width: 1.6rem;color: #fff;font-size: .2rem;text-align: center}
.qbzx li span{color: #ffea00;font-size: .22rem;display: block}
.qbzx li p{text-align: left;padding-right: .25rem; padding-left:3%}
.qbzx li i{width: .38rem;line-height: .38rem;border-radius: 50%;background: #022a61;color: #fff;display: inline-block;font-style: italic}
.zx1{top:.4rem;left:.25rem }
.zx2{top:2.28rem;left:.25rem }
.zx3{top:.4rem;right:.25rem }
.zx4{top:2.28rem;right:.25rem }
.lan{background: url(images/qqb_04.jpg) repeat-y center top;background-size: 100%;padding: 1px 0}
.land{background: url(images/qqb_06.jpg) no-repeat center bottom;background-size: 100%;padding-bottom: .3rem}
.bai{background: url(images/qqb_08.jpg) repeat-y center top;background-size: 100%;overflow: hidden}
.bfff{background: #fff;width: 94%;margin: 0 auto .2rem;text-align: center;padding: .15rem 0}
.bfff dt{width: 1rem;font-size: .24rem}
.bfff dd{width: 4.66rem;float: right;text-align: left;margin-right: .2rem}
.bfff li{float: left;width: 1.42rem;margin: .3rem .09rem .15rem .01rem}
.bfff li:last-of-type{margin-right: .01rem}
.bfff a{display: block;color: #d90000;text-decoration: underline}
.bfff p{text-align: right;font-size: .18rem;color: #6f6f6f}
.bfff p img{float: left;width: 1.32rem}
.bfff span{display: inline-block;padding: 0 .38rem;font-size: .18rem;color: #676767}
.bfff span img{vertical-align: middle;width: .25rem}
.bfff ul span{position: absolute;color: #f2e00a;top: -.3rem;right: 1.85rem;background: #2859a0;line-height: .34rem;padding: 0 .15rem;border-radius: .08rem}
.nj{position: absolute;right: 1.96rem;top: .04rem;width: .2rem}
.fn{width: 94%;margin: 0 auto;padding: .22rem 0 .65rem}
.fn img{width: 2.26rem}
.fn .l{margin: 0 .20rem 0 .12rem}
.fn p{color: #fff;font-size: .22rem;line-height: .36rem;padding-top: .08rem; text-shadow:rgba(0,0,0,.69) 0 1px 0;}
.js{width:3.65rem;top: .78rem}
.j1{left: .25rem}
.j2{right: .2rem}
.js p{width: 3.55rem}
.js dt{float: left;color: #fff;text-align: center;margin-right: .16rem;margin-top: .1rem}
.js dd{color: #b11c2a;font-weight: bold;clear: both;padding-top: .18rem}
.js dt:last-of-type{margin-right: 0}
.js dt span{width: 1.03rem;height: 1.03rem;background: #297fc8;border-radius: .2rem;display: table-cell;vertical-align: middle}
.js dt i{font-size: .16rem;}
.zl{font-size:22px;color: #eddfb9;line-height: 1.65;top: 0;left: 0;padding: 0 4%;letter-spacing: 2px}
.wxts{width: 5.9rem;margin:.3rem auto;color: #fff}
.swiper_container{width: 100%;text-align: center;}
.swiper-pagination-bullet{background: #022a61;}
.swiper-pagination-bullet-active{/*background: #626262;*/}
.swiper1{padding-bottom: 8%;margin-top: .2rem}
.swiper1 img{width: 6rem}
.swiper-pagination-bullet{width: .2rem;height:.2rem}
/*.swiper3 .swiper-pagination-bullet,.swiper2 .swiper-pagination-bullet{background: #2a2a2a;}*/
.swiper_container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:1%}
.swiper_container-horizontal>.swiper-pagination1{bottom:0.5%}
.swiper2 {}
.swiper3{padding-bottom: 5%}
.swiper3 img{width: 5.7rem;}
.hn{ margin: 0 auto 3%; width: 96%;overflow: hidden}
.hn img{margin: 0 1%;width: 48%;padding:1%;border: 1px solid #a7967c;box-sizing: border-box;float: left}
.p1_pic1{bottom:16%;left: 0%;z-index: 22;width: 14.5%}
.p1_pic2{bottom:8%;left: 13.5%;z-index: 22;width: 14.5%}
.p1_pic3{bottom:8%;left: 40.5%;z-index: 22;width: 14.5%}
.p1_pic4{bottom:16%;left: 27%;z-index: 22;width: 14.5%}
.banner_pic img.on{animation:ruBand 1.5s .2s ease both infinite;-webkit-animation:ruBand 1.5s .2s ease both infinite;-moz-animation:ruBand 1.5s .2s ease both infinite;-moz-animation:ruBand 1.5s .2s ease both infinite;-ms-animation:ruBand 1.5s .2s ease both infinite;-o-animation:ruBand 1.5s .2s ease both infinite;}
@-o-keyframes ruBand {
    0% {
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -o-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -o-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -o-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -o-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -o-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-ms-keyframes ruBand {
    0% {
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-moz-keyframes ruBand {
    0% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -moz-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -moz-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -moz-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -moz-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -moz-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes ruBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes ruBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/*点赞*/
@-webkit-keyframes niceIn {
    0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
    50% { opacity: 1; -webkit-transform: scale(1.5); transform: scale(1.5) }
    70% { -webkit-transform: scale(.8); transform: scale(.8) }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes niceIn {
    0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
    50% { opacity: 1; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5) }
    70% { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8) }
    100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}

@-o-keyframes niceIn{
    0% { opacity: 1; -o-transform: scale(1); transform: scale(1) }
    50% { opacity: 1; -o-transform: scale(1.5); transform: scale(1.5) }
    70% { -o-transform: scale(.8); transform: scale(.8) }
    100% { opacity: 1; -o-transform: scale(1); transform: scale(1) }
}

@-moz-keyframes niceIn{
    0% { opacity: 1; -moz-transform: scale(1); transform: scale(1) }
    50% { opacity: 1; -moz-transform: scale(1.5); transform:scale(1.5) }
    70% { -o-transform: scale(.8); transform: scale(.8) }
    100% { opacity: 1; -moz-transform: scale(1); transform: scale(1) }
}
.niceIn {
    -webkit-animation:niceIn 0.8s .2s ease;
    -moz-animation:niceIn 0.8s .2s ease;
    -o-animation:niceIn 0.8s .2s ease;
    animation:niceIn 0.8s .2s ease;
}