/* body,html{background: #f5f5f5;} */
.body_container{background: #f5f5f5; padding-bottom: 20px;}
.body_container .bread a,.body_container .bread {font-size: 12px; color: #808080; line-height: 50px;}

.infoDetail{background: #fff; position: relative; box-shadow: 0px 5px 10px 0px rgba(77, 77, 77, 0.04); margin-bottom: 20px;}
.infoDetail  .info_detail>h2{font-size: 24px; color: #333; font-weight: bold;}
.infoDetail .opbtns{position: absolute; right: 20px;  top: 28px;}
.shareBox{display: inline-block; position: relative;}
.infoDetail .opbtns a{font-size: 14px; color: #5E5E5E; margin-left: 30px;}
.infoDetail .opbtns a.store-btn{display: inline-block; min-width: 80px; }
.infoDetail .opbtns a>s,.infoDetail .opbtns a>s{display: inline-block; width: 22px; height: 22px; background: url(../images/shou.png) no-repeat center/cover; vertical-align: middle; margin-right: 5px; transform-origin: center}
.infoDetail .opbtns .shou.curr s{background-image: url(../images/like2.png); background-size: 21px auto;}
.infoDetail .opbtns a.share>s{ background-image: url(../images/share.png);}
.infoDetail .opbtns a.share_gift>s{ background-image: url(../images/share_2.png); background-size: 20px;}
.infoDetail .opbtns a.share_gift>span{ background: linear-gradient(90deg, #FF4300 0%, #FF8400 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; font-style: italic; font-size: 15px; display: inline-block; vertical-align: middle;}
.infoDetail .info_detail{padding:16px 20px 10px 30px; }
.infoDetail .info_tip{height: 40px; line-height: 40px; padding-left: 26px; color: #D3A06A; clear: both;
background: linear-gradient(90deg, #FFFAF0 0%, #FFFFFF 84%, #FFFFFF 100%);}
.infoDetail .info_tip a{color: #D3A06A; text-decoration: underline;}
.infoDetail .info_fb {float: left; min-height: 150px;}
.infoDetail .info_fb p{color: #808080; font-size: 14px; margin-top: 10px;}
.infoDetail .info_fb p span{margin-right: 34px;}
.infoDetail .info_fb p span .delayTime{color:#FF653B; margin-left:10px; cursor: pointer;}
.infoDetail .info_fb p.phone_tip span{vertical-align: middle;}
.infoDetail .info_fb p.phone_tip span.info_deadline{margin-right: 17px;}
.infoDetail .info_fb p.phone_tip .line{color: #E6E6E6; margin-right: 17px; display: inline-block; width: 1px; height: 14px; background-color: #E6E6E6; vertical-align: middle;}
.infoDetail .info_fb p.phone_tip .shortname{color: #FF653B;}
.infoDetail .info_fb p span.info_deadline em{color: #4D4D4D;}
.btnGroup{margin-top: 36px;}
.btnGroup a{display: inline-block; height: 64px; border-radius: 6px; color: #fff; vertical-align: middle;}
.btnGroup a s{float: left; width: 70px; height: 100%; border-radius: 6px 0 0 6px; background: #FF9C1C url(../images/phone_icon1.png) no-repeat center/40px;}
.btnGroup a.chat_btn{width: 250px; background: linear-gradient(90deg, #FF653B 0%, #FB5845 100%); font-size: 22px; text-align: center; line-height: 66px; margin-right: 8px;}
.btnGroup a.phone_btn{width: 260px; background: #FFB556;}
.btnGroup a.phone_btn .txt{padding-left: 70px; text-align: center}
.btnGroup a.phone_btn h4{font-size: 22px; margin-top: 8px; margin-bottom: -12px;}
.btnGroup a.phone_btn p{color: #fff;}


/* 发布者信息 */
.fb_user{width: 420px; height: 140px; border: solid 1px #F2F2F2; float: right; margin-top: 20px;}
.fb_user .fbuser_info{padding: 20px 20px 10px;}
.fb_user .fb_logo{width: 60px; height: 60px; border-radius: 50%; float: left;}
.fb_user .fb_logo img{width: 60px; height: 60px; border-radius: 50%;}
.fb_user .fb_detail{margin-left: 76px;}
.fb_user .fb_detail h2{color: #202021; font-size: 16px;white-space: nowrap;}
.fb_user .fb_detail h2 span.nickname{max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle;}
.fb_user .fb_detail h2 span.renzhen{background: linear-gradient(90deg, #D4AC7F 0%, #B58249 100%); color: #fff; font-size: 12px; line-height: 18px; border-radius: 2px; padding: 0 4px; margin-left: 6px; vertical-align: middle;}
.fb_user .fb_detail p{color: #9C9DA1; font-size: 14px;}
.fb_user .fb_detail p span{margin-right: 11px;}
.fb_user .fb_detail p span em{color: #5B71AB; margin: 0 2px;}
.fb_user .fb_posi{line-height: 50px; color: #333;font-size: 14px; background: #F7F7F7; position: relative;}
.fb_user .fb_posi p{position: relative;  z-index: 1; padding-left: 18px;}
.fb_user .fb_posi p s{display: inline-block; width: 24px; height: 24px; background: url(../images/posi.png) no-repeat center/cover; margin-right: 4px; vertical-align: middle;}
.fb_user .fb_posi em.bg{display: block; position: absolute; left: 104px; right: 0; top: 0; bottom: 0; background: url(../images/bg_white.png) no-repeat center/cover; pointer-events: none;}
/* 个人用户 */
.fb_personal{width: 330px; height: 102px; border: solid 1px #f2f2f2; float: right; margin-top: 20px; box-sizing: border-box; padding: 20px;}
.fb_personal .phead{width: 60px; height: 60px; float: left;}
.fb_personal .phead img{width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 50%; }
.fb_personal .pinfo{margin-left: 78px;}
.fb_personal .pinfo h3{font-size: 16px; color: #202021;}
.fb_personal .pinfo h3 span.grsm{display: inline-block; color: #5E97FF;background: #DEE8FA; line-height: 18px; border-radius: 2px; font-size: 12px; padding: 0 4px;}
.fb_personal .pinfo p{color: #9C9DA1; font-size: 13px; margin-top: 6px;}
.fb_personal .pinfo p span{margin-right: 11px;}
.fb_personal .pinfo p span em{color: #5B71AB; margin: 0 2px;}

/* 内容 */
.infoContainer{min-height: 100px}
.infoContainer .leftCon{width: 890px; min-height: 100px; float: left; background: #fff; }
.infoContainer .rightCon{width: 300px; background: #fff; min-height: 100px; float: right;}
.list-mid {width:890;padding-bottom: 34px;float: left;}
.list-lead {height:58px;border-bottom:1px solid #eee;float:left;background-color:#fff;padding-left: 48px;width: 100%; box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;}
.list-lead ul li {height:54px;line-height:54px;float:left;text-align:center;padding: 0 8px;margin-right: 50px;}
.list-lead ul li a {display:block;height:58px;line-height:58px;text-align:center;font-size:18px;}
.list-lead ul li.current {border-bottom:4px solid #FC521B;font-weight: bold;}
.list-lead ul li.line{display: block; width: 1px ;height: 18px; background: #eee; pointer-events: none; padding: 0; margin-top: 20px;}

/*詳情*/
.lm-txt {font-weight:normal;float:left;padding:40px 30px 27px;background: #fff;width: 100%; box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;}
.lm-txt .lm_con .blue{color: #5B71AB}
.lm-txt .lm_con{font-size: 15px;color: #39393B;padding-bottom: 20px; line-height: 34px}
.lm-txt img{width: 100%;height: auto;margin-top: 20px;}

.labs_detail{margin: 0 0 10px 0;}
.labs_detail span{display: inline-block; height: 32px; border-radius: 16px; background: #F0F4FA; color: #3D7A99; font-size: 13px; padding: 0 14px; line-height: 32px; margin-right: 8px; font-weight: bold; margin-bottom: 8px;}

/*評論*/
.act-tao {width:100%;float:left;overflow:hidden;position:relative;box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;padding: 30px 42px 30px 47px;background: #fff;margin-top: 11px; border-top: solid 10px #f5f5f5;}
.writ-l{}
.writ-l p {width: 50px;height:50px;border-radius:50%;overflow:hidden;float: left;margin-left: 4px}
.writ-l p a {display:block;width:50px;height:50px;background:url(../images/face_default.png) no-repeat;background-size:50px 50px;}
.writ-l p a img {width:50px;height:50px;}
.writ-l h3 {background:#fff;display: inline-block;margin-left: 10px;padding-top: 8px}
.writ-l h3 a {font-size:14px;color:#000;}
.writ {margin-top:-7px;border-radius:5px;border:1px solid #ddd;}
.writ p {padding:16px 18px;}
.writ p textarea {width:100%;border:none;outside:none;background:none;height:40px;color:#999;font-size:14px;resize:none; outline: none;}
.writ-b {float:right;margin-top:10px;}
.writ-b a {display:block;width:110px;height:38px;line-height:38px;text-align:center;font-size:14px;color:#fff;background-color:#FF653B;position: relative; border-radius: 4px;}
.writ-b a:hover:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0,.1);filter: Alpha(opacity=10); -moz-opacity:0.1;-khtml-opacity: 0.1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
.act-tao ul li {overflow:hidden;padding:14px 0; /*display:inline-block;width:870px;*/position:relative;}
.act-tao ul li p {overflow:hidden;width:32px;height:32px;border:2px solid #eee;border-radius:50%;position:absolute;left:8px;top:3px;}
.act-tao ul li p img {width:32px;height:32px;}
.act-tao .wr-name {overflow:hidden;background:#f8f8f8;margin-left:40px;padding-left:20px;}
.act-tao .wr-name span {color:#aaa;text-align:left;font-size:12px;float:left;}
.act-tao .wr-name span a {line-height:20px;color:#666;}
.act-tao .wr-name span a:hover {color:#0099e9;}
.wr-da {text-align:left;float:right;}
.act-tao .wr-name .wr-da em {font-size:12px;color:#aaa;margin-right:10px;}
.act-tao .wr-name .wr-da b {color:#666;font-size:12px;cursor:pointer;padding:0 35px 0 10px;border-left:1px solid #ddd;font-weight:normal;}
.wr-txt {font-size:12px;color:#aaa;line-height:20px;text-align:left;padding:3px 0 0px 60px;}
.wr-txt img {width:30px;height:30px;display:inline-block;vertical-align:middle;}
.writ-repeat {width:790px!important;float:right;}
.writ-repeat .wr-name span i {color:#0099e9;font-style:normal;}
.writ-repeat .wr-name span a:hover {color:#0099e9;}
/* 回复评论 */.writ-reply {padding-right:130px;margin-left:60px;position:relative;margin-top:8px;}
.writ-reply textarea {width:100%;padding:5px;height:58px;border:1px solid #ddd;resize:vertical;}
.writ-reply button {position:absolute;right:0;top:15px;width:100px;height:30px;line-height:30px;background-color:#0099e9;border:0;color:#fff;cursor:pointer;}
.writ-reply button:hover {background-color:#80ccf4;}

.fixedpane.fixed{border-bottom: 1px solid #eee}
.rightCon.fixed{position: sticky; left: calc(892px + (100vw - 1200px) / 2); top: 0;}
.list-tab {position:relative;height: 58px;background: #fff}
.list-lead.fixed {position:fixed;left:auto;right:auto;width:890px;top: 0;z-index: 2;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.04);}

#replyList .loading {padding:50px 0;text-align:center;}
#replyList .loading img {display:block;margin:0 auto;}


.rightCon>h3{height: 60px; font-size: 18px; color: #333; font-weight: bold; padding-left: 16px; border-bottom: solid 1px #F2F2F2; line-height: 60px;}
.rightCon  a.rec{display: block; margin: 0 20px; padding: 20px 0; border-bottom: solid 1px #F2F2F2;}
.rightCon  a.rec:hover h4{color:#FF653B }
.rightCon .rec .iImg{width: 68px; height: 68px; float: left; margin-right: 10px;}
.rightCon .rec .iImg img{width: 68px; height: 68px; object-fit: cover;}
/* .rightCon .rec .iDetail{margin-left: 78px} */
.rightCon .rec h4{font-size: 12px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 20px;}
.rightCon .rec h4 .typename{color: #FF653B}
.rightCon .rec p{color: #999; font-size: 12px; margin-top: 6px;}

.btn_hb{display: block; width: 90px; height: 90px; background: url(../images/hb_icon.png) no-repeat center/cover; position: fixed; bottom: 200px;}

.hbMask,.shareMask{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.4); z-index: 1002; display: none;}
.hbPop{width: 370px; height: 460px; background: url(../images/hb_bg1.png) no-repeat center/cover; position: fixed; left: 0;right: 0; top: 0; bottom: 0; margin: auto; z-index: 1002; display: none;  animation: popup .3s}
.hbPop .close_hbpop{display: block; width: 38px; height: 38px; background: url(../images/close_hb.png) no-repeat center/cover; position: absolute; right: -60px; top: -14px;}
.hbPop .hbbg_tit{text-align: center; font-size: 18px; color: #F24C37; font-weight: bold; line-height: 2;}
.hbPop .hb_message{font-size: 26px; font-family: Source Han Sans CN; font-weight: 800; color: #FEFEFE;  background: linear-gradient(180deg, #FFFCF7 0%, #FAE5A5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; margin-top: 20px;}
.hbPop .hb_detail{text-align: center; margin-top: 10px;}
.hbPop .hb_detail p{text-align: center; color: #FEFBD4; font-size: 16px;}
.hbPop .hb_detail h1{text-align: center; color: #FEFBD4; font-size: 34px; font-weight: bold; margin-top: -16px; margin-left: -30px;}
.hbPop .hb_detail h1 b{font-size: 72px;}
.hbPop .hbQrBox{width: 180px; height: 180px; background: #D53520; border-radius: 12px; margin: auto; padding: 10px; box-sizing: border-box;}
.hbPop .Qr{width: 100%; height: 100%; background: #fff; box-sizing: border-box; padding-top: 10px}
.hbPop h5{font-size: 18px; color: #FEFBD4; font-weight: bold; margin-top: 10px;}
.hbPop .hb_decor{display: block; width: 278px; height: 132px; background: url(../images/hb_decor.png) no-repeat center/cover; position: absolute; bottom: -10px; right: -33px;}
.hbPop .hb_info {text-align: center; position: absolute; left: -100%; top: 54px;}
.hbPop .hb_info h3{font-size: 26px; font-family: Source Han Sans CN; font-weight: 800; color: #FEFEFE; background: linear-gradient(180deg, #FFFCF7 0%, #FAE5A5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.hbPop .hb_info p{ color: #FEFBD4; font-size: 16px; margin-top: 8px;}



.sharePop{width: 340px; height: 334px; background: #fff; position: fixed; left: 0;right: 0; bottom: 0; top: 0; border-radius: 20px; z-index: 1002; margin: auto; text-align: center; display: none;  animation: popup .3s}
.sharePop .share_icon{width: 156px; height: 156px; background: url(../images/share_gift.png) no-repeat center/cover; margin: auto ; margin-top: -64px;}
.sharePop>h5{font-size: 20px; color: #393A40; font-weight: bold; text-align: center; margin-top:6px; }
.sharePop .shareGet{font-size: 30px; color: #393A40; text-align: center; font-weight: 900; margin-top: -20px; display: inline-block; position: relative;}
.sharePop .shareGet b{font-size: 68px; font-weight: 900; font-family: Akrobat; vertical-align: sub;}
.sharePop .shareGet b span{font-size: 64px; font-weight: bold;}
.sharePop .shareGet .tip em{ font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; font-style: italic; color: #131626; line-height: 26px; background: linear-gradient(118deg, #FFF8EF 0%, #FFE7CD 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; margin-left: -6px;}
.sharePop .shareGet .tip{display: block; width: 62px; height: 34px; background: url(../images/tip_bg.png) no-repeat center/cover; position:absolute; text-decoration: none; right: -50px; top: -10px;}
.sharePop p{color: #8A8C99; font-size: 14px; text-align: center; margin-top: -10px;}
.sharePop .btn_know{display: block; width: 218px; height: 58px; background: url(../images/btn_bg.png) no-repeat center/cover; font-size: 20px; color: #E8452E; font-weight: bold; border-radius: 29px; text-align: center; line-height: 58px; margin: auto;  margin-top: 16px;}
@font-face {
  	font-family: "Akrobat";
  	src: url("/static/fonts/Akrobat-Black.woff2"),
       url("/static/fonts/Akrobat-Black.woff"),
       url("/static/fonts/Akrobat-Black.ttf"),
       url("/static/fonts/Akrobat-Black.eot"),
       url("/static/fonts/Akrobat-Black.otf");
}

/* 分享 */
.shareListPop{width: 330px; height: 200px; background: #fff; box-shadow: 0px 7px 20px 0px rgba(0, 6, 18, 0.1); border-radius: 8px; position: absolute; right: -10px; top: 34px; box-sizing: border-box; padding-top: 18px; z-index: 9; display:none; animation: topFadeIn .3s;}
.shareBox:hover .shareListPop{display: block;}
.shareListPop::before{content: ''; display: block; height: 10px; position: absolute; left: 0; right: 0; top: -10px;}
.shareListPop h5{font-size: 14px; color: #4D4D4D; padding-left: 26px;}
.shareListPop .shareWayBox{overflow: hidden;}
.shareListPop .shareWayBox>div{width: 50%; float: left; box-sizing: border-box;  margin-top: 20px;}
.shareListPop .shareWayBox .wxQrShare{box-sizing: border-box; border-right: solid 1px #f2f2f2; padding: 3px 0;}
.shareListPop .shareWayBox .wxQr{width: 106px; height: 106px; background: #f5f5f5; margin: auto; background: #f4f4f4;}
.shareListPop .shareWayBox .wxQr img{display: block; width: 100%; height: 100%; object-fit: cover;}
.otherShare{padding-top: 4px;}
.otherShare  li{margin-bottom: 14px;}
.otherShare a {padding-left: 36px; display: block; background: url('/static/images/share_icon.png') no-repeat; font-size: 14px; color: #4D4D4D;}
.otherShare a:hover{color: #212121}
.otherShare .qzone a {background-position: 13px -33px;}
.otherShare .qq a {background-position: 13px -59px;}
.otherShare .sina a {background-position: 13px -85px;}
.hb_txt{display: block; width: 64px; line-height: 26px; font-size: 14px ;color: #F21818; font-weight: 800; text-align: center; border-radius: 15px; position: absolute; left: 0; right: 0;bottom: 12px; border: 2px solid #FFFFFF; background: linear-gradient(90deg, #FFCD19 0%, #FFDB7F 100%); box-shadow: 0 2px 5px 0 rgba(179, 0, 0, 0.15); margin: auto;}

.hb_txt {
	-webkit-animation: pulsate-fwd 1s ease-in-out infinite both;
	        animation: pulsate-fwd 1s ease-in-out infinite both;
}

.infoContainer video{max-height: 500px !important; }
.plyr:-webkit-full-screen video {max-height: 100%!important;}
.customBox {margin-bottom: 20pxrem;}
.customBox li{display: flex; align-items: flex-start; }
.customBox li label{width: 70px; color: #525566; font-size: 14px; font-weight: bold; text-align-last:justify; text-align:justify; text-justify:distribute-all-lines; white-space: nowrap; flex-shrink: 0;}
.customBox li span{font-size: 14px; color: #131626; font-weight: bold; margin-left: 10px}


.changeValidMask{position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,.4); z-index: 1000; display: none;}
.changeValidPop{position: fixed; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 658px; height: 380px; border-radius: 10px;  border: 1px solid #E0E0E0;  z-index:1000; background:#fff url(/templates/member/images/info/bg_valid.png) no-repeat top center/100% auto; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); animation: popup .3s; display: none;}
.changeValidPop .headTit{font-size: 16px; color: #303133; font-weight: bold; line-height: 60px; padding: 0 26px; position: relative;}
.changeValidPop .headTit em{font-size: 12px; color: #919399;}
.changeValidPop .close_validPop{position: absolute; right: 16px; top: 16px; width: 20px; height: 20px;background: url(/templates/member/images/info/close_pop.png) no-repeat center/cover; }
.validCon{margin: 0 20px 10px; height: 200px; background: #fff; border: solid 1px #E0E0E0; border-radius: 6px; padding: 10px 10px 10px 16px; box-sizing: border-box;}
.validCon .valid_tit{font-size: 14px; color: #303133; line-height: 42px; height: 42px;}
.validCon .valid_tit span{float: left;}
.validCon .valid_tit em{float: right; font-size: 12px; color: #AAABB3;}
.validCon .validBox{max-height: 140px; overflow: auto;}
.validCon .validBox li{width: 140px; height: 74px; border-radius: 10px; box-shadow: 0px 0px 30px 0px rgba(255, 0, 0, 0.04) inset; float: left; text-align: center; background: #FFFAFA; margin-right: 10px; cursor: pointer; box-sizing: border-box; margin-bottom: 10px; padding-top: 10px; position:relative; }
.validCon .validBox li:nth-child(4n){margin-right: 0}
.validCon .validBox li p{color: #AB8E89; font-size: 14px;}
.validCon .validBox li h3{color: #303133; font-size: 16px; line-height: 26px;}
.validCon .validBox li h3 b{font-size:24px; line-height: 26px; }
.validCon .validBox li.forever h3{font-weight: bold; }
.validCon .validBox li.on_chose::after{content: ''; display: block; width: 100%; height: 100%; border: 2px solid #FC4F17; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; box-sizing: border-box; border-radius: 10px;}
.validCon .validBox li.on_chose{box-shadow: 0px -8px 8px 0px rgba(214, 0, 0, 0.2) inset;}

.validbtnBox .btn_valid{display: block; width: 200px; height: 48px; border-radius: 6px; color: #fff; background: #FF6600; font-size: 16px; line-height: 48px; margin: auto; text-align: center;}
.validbtnBox p{font-size: 12px; color: #AAABB3; text-align: center; margin-bottom: 6px;}
 .validBox::-webkit-scrollbar{display: none;}
.delayshowBtn{cursor: pointer;}


/* 已失效 */
.rec_ul .noData{text-align: center; font-size: 14px;color: #999; line-height: 4.5em}
.validInfo #comment{display: none;}
.validInfo .btnGroup{pointer-events: none}
.validInfo .btnGroup a{background: #ccc}
.validInfo .btnGroup a s{background-color: #BFBFBF;}
.validInfo .opbtns{pointer-events: none; visibility: hidden;}
.validInfo .infoDetail{position: relative;}
.validInfo .infoDetail .validImg{width: 116px; height: 116px; background: url(../images/valid_no.png) no-repeat center/cover; position: absolute; top: 12px; right: 12px; color:#8C8C8C; font-size: 16px; font-weight: bold; text-align: center; line-height: 116px;}
.validInfo .infoDetail .validImg span{transform: rotate(-32deg); display: block;}



/* ----------------------------------------------
 * Generated by Animista on 2021-8-11 10:6:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(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;
}