:root{
  --purple:#4b3ee0;
   --purple-bg:#473fa3;
  --purple-dark:#1e186b;
  --purple-soft:rgba(75, 80, 186, 0.1);
  --bg:#f8f8f8;
  --card-border:#e6e7eb;
  --text:#1c1d21;
  --text-sub:#888;
  --text-de:#444;
  --text-li:#666;
  --red:rgba(218, 22, 40, 1);
  --green:rgba(50, 185, 44, 1);
  --bdcolor:#eaeaea;


--radi1:5px;
--radi2:10px;
--radi3:15px;

/*font*/
--fs1:18px;
--fs2:16px;
--fs3:19px;
--fs4:14px;
--fs5:20px;
--fs6:26px;
--fs7:13px;
--fs8:30px;
--fs_tit:42px;





}

@media (max-width:1024px){
:root{
--fs1:16px;
--fs2:14px;
--fs3:17px;
--fs4:12px;
--fs5:18px;
--fs6:22px;
--fs7:12px;
--fs8:26px;
--fs_tit:36px;

}


}

@media (max-width:768px){
:root{
--fs1:15px;
--fs2:13px;
--fs3:16px;
--fs4:12px;
--fs5:18px;
--fs6:20px;
--fs7:12px;
--fs8:24px;
--fs_tit:28px;
}
}