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

/*@font-face {
font-family: BodoniXT;
src: url(‘img/BodoniXT.ttf’);
}*/
.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%;}
.wp img{display: block}
.pnr{position: relative}
.pna{position: absolute;width: 100%}
.bg1{background: #712dff;overflow: hidden}
.bg2{background: #9868ff;overflow: hidden;padding-top: .3rem}
.bg3{background: #543c84;overflow: hidden;padding-top: .3rem}
.bg4{background: #6732d6;overflow: hidden;padding-top: .3rem}
.con{width: 6rem;margin: 0 auto;color:#fff}
.bk1{padding:.08rem .08rem .2rem}
.bk2{padding:.08rem .2rem .2rem}
.bk3{position: relative;padding-left: .3rem}
.bk3 img{position: absolute;width: .2rem;top:.08rem;left:.03rem}
/*
.bk3 i:before { content: ''; position: absolute; top:0; left:0; width: 0; height: 0; border-bottom:.2rem solid #fff; border-left:.1rem solid transparent; border-right:.1rem solid transparent;z-index: 0 }
.bk3 i:after { content: ''; position: absolute; top:.01rem; left:.01rem; width: 0; height: 0; border-bottom:.18rem solid #543c84; border-left:.09rem solid transparent; border-right: .09rem solid transparent;z-index: 1}
*/

.zsdb{background: url(images/dbbg.png) no-repeat center bottom;background-size: 100%;padding:.4rem 0 .25rem }
.zsdb li{float: left;width: 2.45rem;height: 2.8rem;background: #fff;text-align: center;color: #170047;margin-left: .36667rem;line-height: 1.8}
.zsdb li img{display: inline-block;border: .01rem solid #170047;width: 1.08rem}
.zsdb li .t{margin-top: -.41rem;margin-bottom: .2rem;border-radius: 50%;width: 1.54rem}
.drhl{width: 3.2rem;top: 1.46rem;right: .4rem;color: #fff;font-size: .22rem;line-height: 1.75}
.xj li{width: 1.9rem;float: left;margin-left: .86667rem;text-align: center;margin-top: .25rem}
.xj li p{position: relative;background: #b3b3b3;border-radius: .1rem;line-height: .42rem;margin-top: .15rem}
.xj li p i{position: absolute;top: -.68rem;left: .03rem;width: .52rem;line-height: .52rem;text-align:center;background: #fff;color: #ec2947;font-size: .36rem;font-weight: bold;border-radius: 50%}
.xj li img{border: .01rem solid #fff;border-radius: 50%;padding: .05rem;}
.sq li{float: left;width: 2.48rem;margin-left: .46667rem;position: relative}
.sq li:after,.jg li:after{position: absolute;top: 0;left: 0;width: 99%;height: 99%;border: .01rem dashed #fff;content: ".";}
.sq li:after{transform: rotate(-3deg)}
.jg li{float: left;width: 2.58rem;margin:.3rem 0 .3rem .41333rem;position: relative}
.jg li:after{border-radius: 50%;border: .015rem dashed #fff;transform: translate(-.05rem,-.04rem)}
.jg li:last-of-type:after{transform: translate(.03rem,-.03rem)}
.jg li img{position: relative;z-index: 2}
.bg .list{}
.mt3{margin-top: .3rem}
.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: .01rem solid #fff;width:5.54rem;margin: 0 auto;border-radius: .03rem}
.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{background: #012563;}
.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}

.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: .25rem auto .1rem}
.zhong.pna{left: 0;bottom:0;}
.zhong a{font-size:.3rem;color: #000;display: inline-block;/*border: .02rem solid #000;border-radius: .2rem;padding: 0 .4rem 0 .2rem;position: relative*/}
.zhong.doc{bottom: .4rem}
.zhong.doc a{font-size: .26rem;line-height: .48rem;margin-left: 2.55rem}

.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}
p.yy { padding:1em; color:#fff; font-family:Microsoft YaHei; background-color:#6ba3e6;}
.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.dd{background: #c57318;color: #fff;-moz-box-shadow:0 .02rem 0 #232323; -webkit-box-shadow:0 .02rem 0 #232323; box-shadow:0 .02rem 0 #232323;}
.buy.pna{bottom: .25rem;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}
.gx,.lc{top: 0;left: 0}
.gx ul,.lc ul{width: 94%;margin: 0 auto;overflow: hidden}
.gx ul li{float: left;margin-right: .12rem;background: #fff;border-radius: .2rem;padding: 0 .1rem;width: 1.92rem;height: 3.23rem}
.gx li b{display: block;text-align: center;color: #078284;font-size: .28rem;margin: .15rem auto .05rem}
.gx li p{font-size: .2rem;line-height:1.4;padding-top: .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{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}
.swiper1 {margin-top: .25rem;padding-bottom:8%}
.swiper1 img{padding: .04rem .07rem;border: .01rem solid #fff;border-radius: .03rem;width: 5.36rem;margin: .08rem .07rem}
.swiper2{margin-top: .25rem;padding-bottom:6%;margin-bottom: .2rem}
.swiper2 img{width:6rem;margin: 0 auto}

.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,.sfl a{color: #fff}
.sfl dl{width: 94%;margin:.35rem auto .2rem;}
.sfl dt{text-align: center;font-size: .24rem;line-height:2}
.sfl dt img{width: .98rem;border: .01rem solid #fff;border-radius: 50%}
.sfl dd{width: 4.65rem;font-size: .2rem;line-height: .3rem}
.sfl dd b{font-weight: normal;position: relative}
.sfl dd b img{width: 1.14rem;position: absolute;top:-.03rem;left: -.05rem}
.sfl dd b span{position: relative;z-index: 2;margin-right: .2rem}
.sfl dd li{float: left;width: 1.4rem;margin-right: .18rem;margin-top: .15rem;text-align: center}
.sfl dd p{margin-top: .1rem}
.ys{width: 1.95rem;right:.95rem;top:1.18rem}
.ys li{margin-bottom: .5rem;font-size: .2rem}
.list li a,.list li b,.list li i{position:absolute; left:0; text-align:center; width:100%}
.list li b{color:#750b8b; font-size:.26rem;  bottom:.9rem;}
.list li i{color:#ff006c; font-size:.14rem;  bottom:.7rem;font-style: italic}
.list li a{bottom:.2rem; left: auto;right: .2rem;color: #fff; font-size: .26rem; background: #ff006c;border-radius: .1rem;width: 1.42rem;line-height: .4rem;}
.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{padding-bottom: .3rem}
.end li{float: left;width: 2.52rem;background: #fff;border-radius: .1rem;padding: .16rem 0;margin: .3rem 0 0 .45333rem;height: 3.6rem}
.end li img{width: 2.24rem;margin: 0 auto;border: .01rem solid #e2e2e2}
.end li b{display: block;text-align: center;color: #59007e;font-size: .22rem;line-height: 2}
.end li p{padding: 0 .1rem;line-height: 1.35}
.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}

.wzsm{font-size: .22rem;line-height:.32rem;width:5.72rem;color: #fff;top:3.05rem;left: 50%;margin-left: -2.86rem }
.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"; }
.zx{color: #000;margin-right: .2rem;font-size: .18rem}
.zx img{display: inline-block;width: .22rem;vertical-align: middle;}


.gz{padding-left: 1%;overflow: hidden;margin-top: 5%}
.gz li{float: left;width: 50%}

.zl{font-size:22px;color: #eddfb9;line-height: 1.65;top: 0;left: 0;padding: 0 4%;letter-spacing: 2px}
.swiper_container{width: 100%;text-align: center;}
.swiper-pagination-bullet{background: #fff;}
.swiper-pagination-bullet-active{/*background: #626262;*/}
.swiper_container-horizontal>.swiper-pagination1{bottom: -3%}
.swiper1>.swiper-pagination-bullets{bottom: -1%}
.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: 0}
.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;
}