@charset "UTF-8";

@-webkit-keyframes widthAni{ 0%{ width:0;}100%{ width:100%;}}
@keyframes widthAni{ 0%{ width:0;}100%{ width:100%;}}
.widthAni{ -webkit-animation-name:widthAni; animation-name:widthAni;}

@-webkit-keyframes heightAni{ 0%{ height:0;}100%{ height:100%;}}
@keyframes heightAni{ 0%{ height:0;}100%{ height:100%;}}
.heightAni{ -webkit-animation-name:heightAni; animation-name:heightAni;}

@-webkit-keyframes opacity { 0%{ opacity:0;} 100%{ opacity:1;}}
@keyframes opacity { 0%{ opacity:0;} 100%{ opacity:1;}}
.opacity{ -webkit-animation-name:opacity; animation-name:opacity;}

@-webkit-keyframes opacity2 { 0%{ opacity:0.8;} 100%{ opacity:0.75;}}
@keyframes opacity2 { 0%{ opacity:0.8;} 100%{ opacity:0.75;}}
.opacity2{ -webkit-animation-name:opacity2; animation-name:opacity2;}

@-webkit-keyframes opacity3{ 0%{ opacity:0;} 40%{ opacity:1;} 100%{ opacity:0;}}
@keyframes opacity3{ 0%{ opacity:0;} 40%{ opacity:1;} 100%{ opacity:0;}}
.opacity3{ -webkit-animation-name:opacity3; animation-name:opacity3;}

@-webkit-keyframes opacity4{ 0%{ opacity:1;} 40%{ opacity:0;} 100%{ opacity:1;}}
@keyframes opacity4{ 0%{ opacity:1;} 40%{ opacity:0;} 100%{ opacity:1;}}
.opacity4{ -webkit-animation-name:opacity4; animation-name:opacity4;}


@-webkit-keyframes banCir{ 0%{ height:0;} 70%{ height:100%; top:0;} 100%{ top:100%;}}
@keyframes banCir{ 0%{ height:0;} 70%{ height:100%; top:0;} 100%{ top:100%;}}
.banCir{ -webkit-animation-name:banCir; animation-name:banCir;}

@-webkit-keyframes mouse{ 0%{ top:0; opacity:1;} 70%{ top:0.14rem; opacity:0;} 100%{ top:0; opacity:0;}}
@keyframes banCir{ 0%{ top:0; opacity:1;} 70%{ top:0.3rem; opacity:0;} 100%{ top:0;}}
.mouse{ -webkit-animation-name:mouse; animation-name:mouse;}