.newYear-mask{
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
}
.newYear-box{
	width: 560px;
	height: 560px;
	background: url('../images/mask/bg.png') center center no-repeat;
	position: fixed;
	top: 0;
	right:0;
	left: 0;
	bottom: 0;
	margin: auto;
}
#fireworks{
	margin-top: -180px;
	padding-top: 180px;
	/* opacity: 0.5; */
}
.mask-cancel{
	position: absolute;
	top: 35px;
	right: -8px;
	cursor: pointer;
	z-index: 2;
}
.mask-cancel:hover{
	-webkit-animation: shake 2s ease-in-out;
	o-animation: shake 2s ease-in-out;
	animation: tada 2s ease-in-out;
}
.mask-title{
	position: absolute;
	left: 5px;
	top: -90px;
	z-index: 2;
/* 	-webkit-animation: fadeInFast 0.2s ease-in-out;
	o-animation: fadeInFast 0.2s ease-in-out;
	animation: fadeInFast 0.2s ease-in-out; */
}
.newYear-box .mask-bead{
	position: absolute;
	top: -128px;
	left: -40px;
	max-width: 667px;
}
.mask-text{
	position: absolute;
	left: 195px;
	top: 223px;
	z-index: 2;
}
.text-title{
	-webkit-animation: fadeIn 1s ease-in-out;
	o-animation: fadeIn 1s ease-in-out;
	animation: fadeIn 1s ease-in-out;
}

.mask-text-detail{
	width: 268px;
	margin-top: 2px;
	-webkit-animation: fadeIn 3s ease-in-out;
	o-animation: fadeIn 3s ease-in-out;
	animation: fadeIn 3s ease-in-out;
}
.mask-text-detail p{
	font-size: 12px;
	color: rgb(141,0,0);
	line-height: 18px;
	text-indent: 24px;
}
.mask-text-detail p:first-child{
	text-indent: 0;
}
.mask-text-detail-last{
	text-align: right;
}
.aside-title{
	position: absolute;
	width: 40px;
	top: 215px;
	right: 22px;
}
.aside-title img{
	-webkit-animation: swing 1.5s  0.5s infinite;
	o-animation:swing 1.5s  0.5s infinite;
	animation: swing 1.5s  0.5s infinite;
}
.aside-title img:first-child+img{
	margin-top: 30px;
	animation-delay: 1s;
}
.aside-title img:first-child+img+img{
	margin-top: 28px;
	animation-delay: 1.5s;
}
.aside-title img:first-child+img+img+img{
	margin-top: 24px;
	animation-delay: 2s;
}
.mask-cloud-T{
	position: absolute;
	right: 12px;
	top: 123px;
	/* -webkit-animation: pulse 1.5s infinite ease-in-out;
	o-animation: pulse 1.5s infinite ease-in-out;
	animation: pulse 1.5s infinite ease-in-out; */
}
.mask-cloud-R{
	position: absolute;
	bottom: -8px;
	right: -46px;
	-webkit-animation: shakeLow 8s infinite ease-in-out;
	o-animation: shakeLow 8s infinite ease-in-out;
	animation: shakeLow 8s infinite ease-in-out;
}
.mask-cloud-L{
	position: absolute;
	left: -23px;
	bottom: 19px;
	-webkit-animation: shake 10s infinite ease-in-out;
	o-animation: shake 10s infinite ease-in-out;
	animation: shake 10s infinite ease-in-out;
} 
.mask-cartoon{
	position: absolute;
	top: 28px;
	right: 52px;
	-webkit-animation: bounceLow 2s infinite ease-in-out;
	o-animation: bounceLow 2s infinite ease-in-out;
	animation: bounceLow 2s infinite ease-in-out;
}
.mask-glim{
	position: absolute;
	right: -26px;
	top: 96px;
	-webkit-animation: bounceLow 2s infinite ease-in-out;
	o-animation: bounceLow 2s infinite ease-in-out;
	animation: bounceLow 2s infinite ease-in-out;
}
@-webkit-keyframes bounceLow {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounceLow {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounceLow {
    -webkit-animation-name: bounceLow;
    animation-name: bounceLow;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes shakeLow {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-7px, 0, 0);
        transform: translate3d(-7px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(7px, 0, 0);
        transform: translate3d(7px, 0, 0);
    }
}

@keyframes shakeLow {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-7px, 0, 0);
        transform: translate3d(-7px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(7px, 0, 0);
        transform: translate3d(7px, 0, 0);
    }
}

.shakeLow {
    -webkit-animation-name: shakeLow;
    animation-name: shakeLow;
}