@font-face
{
	font-family: 'Montserrat';
	src: url(../font/Montserrat-Light.otf);
}
@font-face
{
	font-family: 'Montserrat';
	src: url(../font/Montserrat-Bold.ttf);
	font-weight:bold;
}
@font-face
{
	font-family: 'Montserrat';
	src: url(../font/Montserrat-Black.otf);
	font-weight:900;
}
@font-face
{
	font-family: 'Montserrat';
	src: url(../font/Montserrat-Regular.ttf);
	font-weight:400;
}
@font-face
{
	font-family: 'Montserrat';
	src: url(../font/Montserrat-Light.otf);
	font-weight:300;
}
@font-face
{
	font-family: 'Montserrat';
	src: url(../font/Montserrat-Hairline.otf);
	font-weight:100;
}


body{
    font-family: "Montserrat","NotoSansHans","SourceHanSansSC","SourceHanSansCN","Noto Sans SC","PingFang SC","微软雅黑","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Arial,Tahoma,Helvetica,\5b8b\4f53,"宋体",sans-serif;
}

p {
    margin: 0;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .3s;
}

.fade-enter,
.fade-leave-to {
    opacity: 0;
}


.down-enter-active,
.down-leave-active {
    transition: all .3s;
}

.down-enter,
.down-leave-to {
    transform: translateY(-450px);
    opacity: 0;
}



@keyframes BackUp {
    0% {
        transform: translateY(-100);
    }
    80% {
        transform: translateY(10);
    }
    100% {
      transform: translateY(0);
    }
}
.backUp-enter-active,
.backUp-leave-active {
    transition: all 0.6s ease-in-out;
}

.backUp-enter,
.backUp-leave-to {
    transform: translateY(50px);
    opacity: 0;
}

@keyframes zhuan {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.zhuan{
    animation: zhuan 1s linear;
    animation-iteration-count: infinite;
    /* Safari and Chrome */
    -webkit-animation: zhuan 1s linear;
    -webkit-animation-iteration-count: infinite;
}