.ExAnimation .animation-fade-top {
	opacity: 0;
	transform: translateY(150px);
}
.ExAnimation .animation-fade-down {
	opacity: 0;
	transform: translateY(-150px);
}
.ExAnimation .animation-fade-right {
	opacity: 0;
	transform: translateX(-150px);
}
.ExAnimation .animation-fade-left {
	opacity: 0;
	transform: translateX(150px);
}
.ExAnimation .animation-clip-left {
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
:root{
    --zz-color: 0, 133, 255;/*主色*/
    --ss-color: 0, 91, 211;/*深色*/
    --z100-color: rgba(var(--zz-color) ,var(--opacity100));/*主色*/
    --f80-color: rgba(var(--zz-color) ,var(--opacity80));/*辅色*/
    --d50-color: rgba(var(--zz-color) ,var(--opacity50));/*点缀*/
    --s100-color: rgba(var(--ss-color) ,var(--opacity100));/*深色*/
    --s80-color: rgba(var(--ss-color) ,var(--opacity80));/*深色*/
    --x-linearbg:linear-gradient(var(--x),var(--s80-color) 0%,var(--s100-color) 100%);/*树型渐变*/
    --y-linearbg:linear-gradient(var(--y), var(--s80-color) 0%, var(--s100-color) 100%);/*横向渐变*/
    --x:90deg;
    --y:180deg;
    --opacity50:0.5;
    --opacity80:0.8;
    --opacity100:1;
}