

.qili-universal {padding:50px 0;background-color:#fff;}
.qili-universal .universalmsg {overflow:hidden;height:80px;padding:0 50px;border-radius:50px;box-shadow:2px 2px 32px 0 rgba(48,71,89,0.29);background:rgb(50,50,52);}
.qili-universal .universalmsg {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.qili-universal .universalmsg .txt {overflow:hidden;color:#fff;}
.qili-universal .universalmsg .txt i {font-size:24px;}
.qili-universal .universalmsg .txt p {font-size:26px;font-weight:700;letter-spacing:0.5px;line-height:1;}
.qili-universal .universalmsg .txt p span {font-size:16px;color:#55bec4;display:block;}

.qili-universal .universalmsg .sub{display:inline-flex;align-items:center;text-align:center;font-size:18px;font-weight:700;color:#fff;border-radius:35px;transition:0.5s cubic-bezier(0.19,1,0.22,1);letter-spacing:1.1px;background:#323234}
.qili-universal .universalmsg .sub .ico {margin-left:20px;position:relative;min-width:50px;width:50px;height:50px;border:2px solid #fff;border-radius:50%;background:#fff;overflow:hidden;transition: transform 0.22s ease-out,border 0.22s ease-out;}
.qili-universal .universalmsg .sub .ico::before {display:block;content:'';width:100%;height:100%;background:#323234;border-radius:50%;opacity:0;transition:opacity 0.11s ease-out,transform 0.11s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform:translate(-50%,-50%) scale(0);}
.qili-universal .universalmsg .sub .ico em {display:block;width:100%;height:100%;transition:transform 0.22s 0.1s ease-out;}
.qili-universal .universalmsg .sub .ico em i {color:#323234;z-index:1;font-size:18px;transition:color 0.22s 0.1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}


.qili-universal .universalmsg .sub:hover .ico {transform:scale(1.15);border:2px solid #fff;}
.qili-universal .universalmsg .sub:hover .ico::before {opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity 0.22s ease-out,transform 0.22s ease-out}
.qili-universal .universalmsg .sub:hover .ico em {animation:moveRightInitial 0.22s 0.15s forwards,moveRightEnd 0.3s 0.2s forwards;transform:translateX(20px)}
.qili-universal .universalmsg .sub:hover .ico em i {color:#fff}


.qili-barrier {overflow:hidden;background:var(--btn-bg);}
.qili-barrier .txt {padding:15px 0;}
.qili-barrier .txt p {font-size:16px;color:#fff;}
.qili-barrier .txt a {display:flex;align-items:center;justify-content:center;border-radius:50px;background:#fff;width:180px;color:var(--btn-bg);transition:all 0.3s linear;font-size:16px;height:50px;border:1px solid #fff;     margin: 30px 0 0 0;}
.qili-barrier .txt a:hover {background:var(--btn-bg-hover);color:#fff;}

@media(min-width:1080px) {
//.qili-universal .universalmsg {display:flex;justify-content:space-between;align-items:center;}
.qili-barrier {display:none;}
.qili-barrier .txt {display:flex;justify-content:space-between;align-items:center;}
.qili-barrier .txt p {margin:0;}
}

@media(max-width:1600px) {
.qili-universal .universalmsg .txt p {font-size:25px;}
}

@media(max-width:1440px) {
.qili-universal {padding:45px 0;}
.qili-universal .universalmsg .txt p {font-size:24px;}
}

@media(max-width:1367px) {
.qili-universal {padding:40px 0;}
.qili-universal .universalmsg .txt p {font-size:23px;}
}                            
                            
@media(max-width:1280px) {
.qili-universal {padding:35px 0;}
.qili-universal .universalmsg .txt p {font-size:22px;}

}

@media(max-width:1079px) {

}
@media screen and (max-width: 992px){
.qili-universal .universalmsg .sub .ico {;
    min-width: 30px;
    width: 30px;
    height: 30px;
}
  
  //.qili-universal .universalmsg .txt {
   // margin-top: 10px;
//}
  
  .qili-universal .universalmsg .txt p {
    font-size: 19px;
}
}
@media screen and (max-width: 767px){
  .qili-universal .universalmsg{padding:0 30px;}
}
@media screen and (max-width: 567px){
  .qili-universal .universalmsg{
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    height: 85px;
  }
  .qili-universal .universalmsg .txt p,
  .qili-universal .universalmsg .sub{
   font-size: 17px;
  }
}