/* /**
 * Created by  .
 *  @author 旺旺 hcc511306835   qq:1430566311 */
#app52sjlogo{position: absolute;    z-index: 198;  width: 80px;    height: 80px;    background-image: url(/assets/images/logo.png);    opacity: 0.5;    background-size: 80px 80px;}
.app52pos1 {top: 1px; left: 2px;}
.app52pos2 {top: 1px; right: 2px;}
.app52pos3 {bottom: 1px; left: 2px;}
.app52pos4 {bottom: 1px; right: 35%;} 
.app52pos5 {bottom: 1px; right: 2px;} 
.cropimage .picture-img .img-abbre {
    width: 570px;
}
.cropimage .picture-img .img-abbre li {
    float: left;
    width: 80px;
    height: 80px;
    background: #666 no-repeat center center;
    background-size: contain;
    text-align: center;
    margin-right: 10px !important;
    margin-top: 10px !important;
    position: relative;
    cursor: pointer;
}
.loading{top:0;z-index:9999;width:100%;height:100%; }
.loading .loadbox,.inputPwdDiv .loadbox{position:relative;display:block;margin:50% auto 0;width:160px;height:160px}
.loading .loadlogo,.inputPwdDiv .loadlogo{margin:11px auto;width:146px;height:146px;border-radius:50%;background-position:center center;background-size:cover;background-repeat:no-repeat}
.loadbg{position:absolute;top:-7px;z-index:1000;width:100%;height:100%;background:url(images/loading1.png) no-repeat;background-size:100%;-webkit-animation:loading 1.5s linear infinite;animation:loading 1.5s linear infinite}
.app52kiss-lip{position: absolute; left: 15px; top: 20px; width: 88.5px; height: 63px; background: url('/assets/images/app52/kiss.png') no-repeat; background-size: 88.5px 63px; border-radius: 4px; opacity: 0;}

@-webkit-keyframes loading{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes loading{0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(360deg)}
}
.brand-logo{position:absolute;bottom:5px;left:50%;margin-left: -42px;width: 82px;height: 21px;background-image:url(images/brand-logo.png);background-repeat:no-repeat}

@-webkit-keyframes app52BigToSmall{
	0%{-webkit-transform:scale(1);width:104%;height:100%;margin-top:0px;margin-left:0px;}50%{-webkit-transform:scale(4);width:104%;height:100%;margin-top:0px;margin-left:0px;}100%{-webkit-transform:scale(1);width:104%;height:100%;margin-top:0px;margin-left:0px;}
}
@-moz-keyframes app52BigToSmall{
	0%{-webkit-transform:scale(1);width:104%;height:100%;margin-top:0px;margin-left:0px;}
	50%{-webkit-transform:scale(4);width:104%;height:100%;margin-top:0px;margin-left:0px;}
	100%{-webkit-transform:scale(1);width:104%;height:100%;margin-top:0px;margin-left:0px;}
}

@-webkit-keyframes app52LeftToRight{
	0%{-webkit-transform:translateX(0px);width:236%;height:100%;margin-top:0px;margin-left:0px;}50%{-webkit-transform:translateX(-350px);width:236%;height:100%;margin-top:0px;margin-left:0px;}100%{-webkit-transform:translateX(0px);width:236%;height:100%;margin-top:0px;margin-left:0px;}
}
@-moz-keyframes app52LeftToRight{
	0%{-webkit-transform:translateX(0px);width:236%;height:100%;margin-top:0px;margin-left:0px;}50%{-webkit-transform:translateX(-350px);width:236%;height:100%;margin-top:0px;margin-left:0px;}100%{-webkit-transform:translateX(0px);width:236%;height:100%;margin-top:0px;margin-left:0px;}
}
@-webkit-keyframes app52RemoteToJinFloat{
	0%{-webkit-transform:scale(1);width:104%;height:100%;margin-top:0px;margin-left:0px;opacity:0.5;}50%{-webkit-transform:scale(1.3);width:104%;height:100%;margin-top:0px;margin-left:0px;opacity:1;}100%{-webkit-transform:scale(1);width:104%;height:100%;margin-top:0px;margin-left:0px;opacity:0.5}
}
@-moz-keyframes app52RemoteToJinFloat{
	0%{-webkit-transform:scale(1);width:104%;height:100%;margin-top:0px;margin-left:0px;opacity:0.5;}50%{-webkit-transform:scale(1.3);width:104%;height:100%;margin-top:0px;margin-left:0px;opacity:1;}100%{-webkit-transform:scale(1);width:104%;height:100%;margin-top:0px;margin-left:0px;opacity:0.5}
}
@-webkit-keyframes app52LeftToRightFloat{
	0%{-webkit-transform:translateX(0px);width:236%;height:100%;margin-top:0px;margin-left:0px;opacity:0.5;}50%{-webkit-transform:translateX(-350px);width:236%;height:100%;margin-top:0px;margin-left:0px;opacity:1;}100%{-webkit-transform:translateX(0px);width:236%;height:100%;margin-top:0px;margin-left:0px;opacity:0.5;}
}
@-moz-keyframes app52LeftToRightFloat{
0%{-webkit-transform:translateX(0px);width:236%;height:100%;margin-top:0px;margin-left:0px;opacity:0.5;}50%{-webkit-transform:translateX(-350px);width:236%;height:100%;margin-top:0px;margin-left:0px;opacity:1;}100%{-webkit-transform:translateX(0px);width:236%;height:100%;margin-top:0px;margin-left:0px;opacity:0.5;}
}
@-webkit-keyframes app52Left90{
	0%{-webkit-transform:rotate(0deg);-webkit-transform-origin:0 50%;}100%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:0 50%;}
}
@-moz-keyframes app52Left90{
0%{-webkit-transform:rotate(0deg);-webkit-transform-origin:0 50%;}100%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:0 50%;}
}
@-webkit-keyframes app52Right90{
	0%{-webkit-transform:rotate(0deg);-webkit-transform-origin:100% 50%;}100%{-webkit-transform:rotate(90deg);-webkit-transform-origin:100% 50%;}
}
@-moz-keyframes app52Right90{
	 
	0%{-webkit-transform:rotate(0deg);-webkit-transform-origin:100% 50%;}100%{-webkit-transform:rotate(90deg);-webkit-transform-origin:100% 50%;}
}
 
@keyframes app52fandapinyi{0%{transform:scale(1,1) translateX(0);opacity:1}10%{transform:scale(1.2,1.2) ranslateX(10px);opacity:1}20%{transform:scale(1.2,1.2) ranslateX(20px);opacity:.7}30%{transform:scale(1.2,1.2) ranslateX(30px);opacity:.7}40%{transform:scale(1.2,1.2) ranslateX(40px);opacity:1}50%{transform:scale(1.2,1.2) ranslateX(50px);opacity:1}60%{transform:scale(1.2,1.2) ranslateX(40px);opacity:1}70%{transform:scale(1.2,1.2) ranslateX(30px);opacity:.7}80%{transform:scale(1.2,1.2) translateX(20px);opacity:.7}100%{transform:Scale(1.2,1.2) translate(0);opacity:1}}
@-webkit-keyframes app52fandapinyi{0%{-webkit-transform:scale(1,1) translateX(0);opacity:1}10%{-webkit-transform:scale(1.2,1.2) ranslateX(10px);opacity:1}20%{-webkit-transform:scale(1.2,1.2) ranslateX(20px);opacity:.7}30%{-webkit-transform:scale(1.2,1.2) ranslateX(30px);opacity:.7}40%{-webkit-transform:scale(1.2,1.2) ranslateX(40px);opacity:1}50%{-webkit-transform:scale(1.2,1.2) ranslateX(50px);opacity:1}60%{-webkit-transform:scale(1.2,1.2) ranslateX(40px);opacity:1}70%{-webkit-transform:scale(1.2,1.2) ranslateX(30px);opacity:.7}80%{-webkit-transform:scale(1.2,1.2) translateX(20px);opacity:.7}100%{-webkit-transform:Scale(1.2,1.2) translate(0);opacity:1}}
@keyframes app52zhuoyoupinyi{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@-webkit-keyframes app52zhuoyoupinyi{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-50%)}}

@keyframes app52zhuoyoupinyiA{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@-webkit-keyframes app52zhuoyoupinyiA{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-50%)}}

/*backgroundslid2left 2016-7-20 add*/
@keyframes backgroundslid2left{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@-webkit-keyframes backgroundslid2left {from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-50%)}}
/*2016-11-10 app吾爱*/
@-webkit-keyframes app52CaiHei {0%{-webkit-filter: grayscale(0%); }50%{-webkit-filter: grayscale(100%); }100%{-webkit-filter: grayscale(0%); }}

@-webkit-keyframes app52CaiMo {0%{-webkit-filter: blur(0px);}50%{-webkit-filter: blur(10px);}100%{-webkit-filter: blur(0px);}}
 .background {   
    position: absolute;
    z-index:1;
    height: 100%;
    width:220%;
    left: 0;
    top: 0;
    background-size:100% auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    -webkit-animation: backgroundslid2left 12s linear 0s infinite alternate both;
    -webkit-animation-direction:alternate;
    -webkit-animation-fill-mode: both;
    -moz-animation: backgroundslid2left 12s linear 0s infinite alternate both  ;
    -o-animation: backgroundslid2left 12s linear 0s infinite alternate both  ;
    -ms-animation: backgroundslid2left 12s linear 0s infinite alternate both  ;
    animation: backgroundslid2left 12s linear 0s infinite alternate both     
}


@keyframes _loveStroy1{
            0%{transform:scale(1,1) translateX(0px);opacity:1;}
        10%{transform:scale(1.2,1.2) ranslateX(10px);opacity:1;}
        20%{transform:scale(1.2,1.2) ranslateX(20px);opacity:0.7;}
        30%{transform:scale(1.2,1.2) ranslateX(30px);opacity:0.7;}
        40%{transform:scale(1.2,1.2) ranslateX(40px);opacity:1;}
        50%{transform:scale(1.2,1.2) ranslateX(50px);opacity:1;}
        60%{transform:scale(1.2,1.2) ranslateX(40px);opacity:1;}
        70%{transform:scale(1.2,1.2) ranslateX(30px);opacity:0.7;}
        80%{transform:scale(1.2,1.2) translateX(20px);opacity:0.7;}
        100%{transform:Scale(1.2,1.2) translate(0px);opacity:1;}
}
@-webkit-keyframes _loveStroy1{
            0%{-webkit-transform:scale(1,1) translateX(0px);opacity:1;}
        10%{-webkit-transform:scale(1.2,1.2) ranslateX(10px);opacity:1;}
        20%{-webkit-transform:scale(1.2,1.2) ranslateX(20px);opacity:0.7;}
        30%{-webkit-transform:scale(1.2,1.2) ranslateX(30px);opacity:0.7;}
        40%{-webkit-transform:scale(1.2,1.2) ranslateX(40px);opacity:1;}
        50%{-webkit-transform:scale(1.2,1.2) ranslateX(50px);opacity:1;}
        60%{-webkit-transform:scale(1.2,1.2) ranslateX(40px);opacity:1;}
        70%{-webkit-transform:scale(1.2,1.2) ranslateX(30px);opacity:0.7;}
        80%{-webkit-transform:scale(1.2,1.2) translateX(20px);opacity:0.7;}
        100%{-webkit-transform:Scale(1.2,1.2) translate(0px);opacity:1;}
}.blessing-wrap{height:100%;  position:absolute;bottom:0;padding:.2rem 1.8rem;-webkit-transition:bottom .2s ease;transition:bottom .2s ease; color:#ff6499; }.blessing-wrap.active{bottom:4.2rem}.blesssing-text{border-radius:.2rem;height:100%}.send-bless-btn{position:absolute;top:.4rem;right:.6rem;color:inherit;border:none}.blessing-ipt,.send-bless-btn{font-family:inherit;font-size:inherit;font-weight:inherit;border:0;background:0 0;-webkit-appearance:none;outline:0}.blesssing-text input {
    height: 100%;
    width: 100%;
	font-size : 14px;
    /*padding-left: .5em;*/
} 
.blessbless{ position: absolute;
     width: 100%;
    /* bottom: 0;  height: 55%;*/
    left: 0;
    z-index: 22222;}
.bless-list li{ display: inline-block; width:100%;margin-top:10px;padding:2px ;}
.bless-avatar,.bless-avatar-icon {
	border-radius: 50%;
	width: 34px;
	height: 34px;
	float: left
}

.bless-avatar-icon {
	font-size: 1rem;
	line-height: 1rem
}[data-dpr="2"] .bless-avatar-icon {
	font-size: 1rem
}

.bless-content {
	    margin-left: .3rem;
    max-width: 79%;
    float: left;
    padding: .4rem .9rem .4rem .36rem;
    position: relative;
    border-radius: .4rem;
    margin-top: 2px;
}

.bless-content span {
	margin-right: .2rem
}
 
.m-animate img {
    vertical-align: top;
} /*.blessbless {animation:fadeInUpS 2s ease 1.4s both 1;}*/
@-webkit-keyframes fadeInUpS {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,10%,0);
		transform: translate3d(0,10%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
.twisterInUpRight{-webkit-animation-name:twisterInUpRight;animation-name:twisterInUpRight}@-webkit-keyframes twisterInUpRight{0%{opacity:0;-webkit-transform-origin:center center;-webkit-transform:scale(1) translateX(-100%) rotate(-1turn)}to{opacity:1;-webkit-transform-origin:center center;-webkit-transform:scale(1) translateX(0) rotate(0)}}@keyframes twisterInUpRight{0%{opacity:0;transform-origin:center center;transform:scale(1) translateX(-100%) rotate(-1turn)}to{opacity:1;transform-origin:center center;transform:scale(1) translateX(0) rotate(0)}}.twisterInUpLeft{-webkit-animation-name:twisterInUpLeft;animation-name:twisterInUpLeft}@-webkit-keyframes twisterInUpLeft{0%{opacity:0;-webkit-transform-origin:center center;-webkit-transform:scale(1) translateX(100%) rotate(1turn)}to{opacity:1;-webkit-transform-origin:center center;-webkit-transform:scale(1) translateX(0) rotate(0)}}@keyframes twisterInUpLeft{0%{opacity:0;transform-origin:center center;transform:scale(1) translateX(100%) rotate(1turn)}to{opacity:1;transform-origin:center center;transform:scale(1) translateX(0) rotate(0)}}.twisterInUpDown{-webkit-animation-name:twisterInUpDown;animation-name:twisterInUpDown}@-webkit-keyframes twisterInUpDown{0%{opacity:0;-webkit-transform-origin:center center;-webkit-transform:scale(1) translateY(-100%) rotate(-1turn)}to{opacity:1;-webkit-transform-origin:center center;-webkit-transform:scale(1) translateY(0) rotate(0)}}@keyframes twisterInUpDown{0%{opacity:0;transform-origin:center center;transform:scale(1) translateY(-100%) rotate(-1turn)}to{opacity:1;transform-origin:center center;transform:scale(1) translateY(0) rotate(0)}}.twisterInUpUp{-webkit-animation-name:twisterInUpUp;animation-name:twisterInUpUp}@-webkit-keyframes twisterInUpUp{0%{opacity:0;-webkit-transform-origin:center center;-webkit-transform:scale(1) translateY(100%) rotate(1turn)}to{opacity:1;-webkit-transform-origin:center center;-webkit-transform:scale(1) translateY(0) rotate(0)}}@keyframes twisterInUpUp{0%{opacity:0;transform-origin:center center;transform:scale(1) translateY(100%) rotate(1turn)}to{opacity:1;transform-origin:center center;transform:scale(1) translateY(0) rotate(0)}}

@-webkit-keyframes rollInRight{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none}}@keyframes rollInRight{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollInRight{-webkit-animation-name:rollInRight;animation-name:rollInRight}@-webkit-keyframes rollInLeft{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollInLeft{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollInLeft{-webkit-animation-name:rollInLeft;animation-name:rollInLeft}@-webkit-keyframes rollInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0) rotateX(120deg);transform:translate3d(0,-100%,0) rotateX(120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0) rotateX(120deg);transform:translate3d(0,-100%,0) rotateX(120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollInDown{-webkit-animation-name:rollInDown;animation-name:rollInDown}@-webkit-keyframes rollInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0) rotateX(-120deg);transform:translate3d(0,100%,0) rotateX(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0) rotateX(-120deg);transform:translate3d(0,100%,0) rotateX(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollInUp{-webkit-animation-name:rollInUp;animation-name:rollInUp}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes lightSpeedInDown{0%{-webkit-transform:translate3d(0,-100%,0) skewX(-30deg);transform:translate3d(0,-100%,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes lightSpeedInDown{0%{-webkit-transform:translate3d(0,-100%,0) skewX(-30deg);transform:translate3d(0,-100%,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedInDown{-webkit-animation-name:lightSpeedInDown;animation-name:lightSpeedInDown;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@keyframes lightSpeedInUp{0%{-webkit-transform:translate3d(0,100%,0) skewX(-30deg);transform:translate3d(0,100%,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes lightSpeedInUp{0%{-webkit-transform:translate3d(0,100%,0) skewX(-30deg);transform:translate3d(0,100%,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedInUp{-webkit-animation-name:lightSpeedInUp;animation-name:lightSpeedInUp;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}

@-webkit-keyframes twisterInDownRight{0%{opacity:0;-webkit-transform-origin:left top;-webkit-transform:scale(1) translateX(-100%) rotate(1turn)}30%{-webkit-transform-origin:left top;-webkit-transform:scale(0) translateX(-100%) rotate(1turn)}to{opacity:1;-webkit-transform-origin:left top;-webkit-transform:scale(1) translateX(0) rotate(0)}}@keyframes twisterInDownRight{0%{opacity:0;transform-origin:left top;transform:scale(0) translateX(-100%) rotate(1turn)}30%{transform-origin:left top;transform:scale(0) translateX(-100%) rotate(1turn)}to{opacity:1;transform-origin:left top;transform:scale(1) translateX(0) rotate(0)}}.twisterInDownRight{-webkit-animation-name:twisterInDownRight;animation-name:twisterInDownRight}@-webkit-keyframes twisterInDownLeft{0%{opacity:0;-webkit-transform-origin:right bottom;-webkit-transform:scale(0) translateX(100%) rotate(-1turn)}30%{-webkit-transform-origin:right bottom;-webkit-transform:scale(0) translateX(100%) rotate(-1turn)}to{opacity:1;-webkit-transform-origin:right bottom;-webkit-transform:scale(1) translateX(0) rotate(0)}}@keyframes twisterInDownLeft{0%{opacity:0;transform-origin:right bottom;transform:scale(0) translateX(100%) rotate(-1turn)}30%{transform-origin:right bottom;transform:scale(0) translateX(100%) rotate(-1turn)}to{opacity:1;transform-origin:right bottom;transform:scale(1) translateX(0) rotate(0)}}.twisterInDownLeft{-webkit-animation-name:twisterInDownLeft;animation-name:twisterInDownLeft}@-webkit-keyframes twisterInDownDown{0%{opacity:0;-webkit-transform-origin:right top;-webkit-transform:scale(0) translateY(-100%) rotate(1turn)}30%{-webkit-transform-origin:right top;-webkit-transform:scale(0) translateY(-100%) rotate(1turn)}to{opacity:1;-webkit-transform-origin:right top;-webkit-transform:scale(1) translateY(0) rotate(0)}}@keyframes twisterInDownDown{0%{opacity:0;transform-origin:right top;transform:scale(0) translateY(-100%) rotate(1turn)}30%{transform-origin:right top;transform:scale(0) translateY(-100%) rotate(1turn)}to{opacity:1;transform-origin:right top;transform:scale(1) translateY(0) rotate(0)}}.twisterInDownDown{-webkit-animation-name:twisterInDownDown;animation-name:twisterInDownDown}@-webkit-keyframes twisterInDownUp{0%{opacity:0;-webkit-transform-origin:left bottom;-webkit-transform:scale(0) translateY(100%) rotate(-1turn)}30%{-webkit-transform-origin:left bottom;-webkit-transform:scale(0) translateY(100%) rotate(-1turn)}to{opacity:1;-webkit-transform-origin:left bottom;-webkit-transform:scale(1) translateY(0) rotate(0)}}@keyframes twisterInDownUp{0%{opacity:0;transform-origin:left bottom;transform:scale(0) translateY(100%) rotate(-1turn)}30%{transform-origin:left bottom;transform:scale(0) translateY(100%) rotate(-1turn)}to{opacity:1;transform-origin:left bottom;transform:scale(1) translateY(0) rotate(0)}}.twisterInDownUp{-webkit-animation-name:twisterInDownUp;animation-name:twisterInDownUp}

@font-face{font-family:iconfont;src:url("//at.alicdn.com/t/font_3it5pv0c6l0afw29.eot");src:url("//at.alicdn.com/t/font_3it5pv0c6l0afw29.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_3it5pv0c6l0afw29.woff") format("woff"),url("//at.alicdn.com/t/font_3it5pv0c6l0afw29.ttf") format("truetype"),url("//at.alicdn.com/t/font_3it5pv0c6l0afw29.svg#iconfont") format("svg")}.iconfont{font-family:iconfont!important;font-size:12px;line-height:.375rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}[data-dpr="2"] .iconfont{font-size:24px}
.blessing-voice {
 color: inherit;
    position: absolute;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    left: .2rem;
    top: .7rem;
}
[data-dpr="2"] .blessing-voice i {
    font-size: 42px;
    color: red;
}
[data-dpr="2"] .iconfont {
    font-size: 24px;
}
.blessing-voice i {
    font-size: 21px;
}
.iconfont {
    font-family: iconfont!important;
    font-size: 12px;
    line-height: .375rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}.sent_namecls{    background-color: #fff;}