.wa-main{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;background-color: #000;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wa-inner{width: 100%;padding: 0 .3rem;}
.wa-cont{width: 100%;text-align: center;}
.wa-img{width: 100%;margin-bottom: .75rem;}
.wa-logobox{width: 100%;} 
.wa-logobox{opacity: 1;z-index: 1;display: inline-block;vertical-align: middle;position: relative;width: 4.44rem;height: 4.5rem;}
.wa-logo{position: absolute;bottom:  0;left:0;width: 0;height: 100%;overflow: hidden;transition: all ease .5s;}
.wa-logo_img{position: absolute;top: 0;left: 0;width:4.44rem;height: 4.5rem;}
.wa-logo_img img{width: 100%;height: 100%;object-fit: contain;}
 
.wa-titles{opacity: 0;transition: all ease .5s;width: 100%;color: #ffffff;line-height: 1.4;}
.wa-language{opacity: 0;transition: all ease .5s;width: 100%;font-size: 0;padding-top: .25rem;}
.wa-item{display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem 0; min-width: 1.2rem;padding: 0 .2rem; border-radius: .05rem;border: solid .02rem #ffffff;}
.wa-item span{display: inline-block;color: #ffffff;line-height: .5rem;font-weight: bold;}
.wa-item:hover{background-color: #fff;}
.wa-item:hover span{color: #fc6516;
	background-image: linear-gradient(90deg, #a0b0da 0%, #ee99b8 33%,#758bc6 66%, #65b4d6 100%);
	-webkit-background-clip:text; 
    background-clip: text;
    -webkit-text-fill-color: transparent; 
    text-fill-color: transparent;}
 

.wa-main.set_time1 .wa-logo1{width: 4.44rem;}
.wa-main.set_time3 .wa-logo2{width: 4.44rem;}

.wa-logo3{left: auto; right: 0;}
.wa-logo3 .wa-logo_img{left: auto; right: 0;}
.wa-main.set_time2 .wa-logo3{width: 4.44rem;}   
.wa-main.set_time4 .wa-titles{opacity: 1;}
.wa-main.set_time4 .wa-language{opacity: 1;}