:root {
  --xxl-color-red: rgb(230, 50, 50);
  --xxl-color-green: rgb(25, 185, 0);
  --xxl-color-blue: rgb(20, 100, 230);
  --xxl-color-grey: rgb(165, 165, 165);
  --xxl-color-black: black;
  --xxl-color-white: white;
  --xxl-color-orange: orange;
  --xxl-color-orangered: orangered;
  --xxl-color-primary: var(--xxl-color-blue);
  --xxl-color-warning: var(--xxl-color-orange);
  --xxl-color-hint: var(--xxl-color-grey);
  --xxl-color-success: var(--xxl-color-green);
  --xxl-color-danger: var(--xxl-color-red);
  --xxl-back-color: rgb(235, 235, 235);
  --xxl-text-color: rgb(0, 0, 0);
  --xxl-border-color: rgb(170, 170, 170);
  --xxl-scroll-bar-color:var(--xxl-border-color);
}
.xxl-center-flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.xxl-clear-def{
    outline: none;
    border: none;
    padding: 0px;
    margin: 0px;
}
.xxl-block{
    width: 100%;
}
@font-face {
    font-family: "xxl-iconfont"; /* Project id 4236702 */
    src: url('../fonticon/iconfont.woff2?t=1693817325524') format('woff2'),
         url('../fonticon/iconfont.woff?t=1693817325524') format('woff'),
         url('../fonticon/iconfont.ttf?t=1693817325524') format('truetype');
  }
  
  .xxl-iconfont {
    font-family: "xxl-iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .xxl-iconmagnify:before {
    content: "\e6bd";
  }
  
  .xxl-iconarea-graph:before {
    content: "\e6be";
  }
  
  .xxl-iconbingtu:before {
    content: "\e6bf";
  }
  
  .xxl-iconshangchuan:before {
    content: "\e6c0";
  }
  
  .xxl-iconceliang:before {
    content: "\e6c1";
  }
  
  .xxl-iconhuamiansuoxiao:before {
    content: "\e6c2";
  }
  
  .xxl-iconshanchu:before {
    content: "\e6c3";
  }
  
  .xxl-iconsousuo:before {
    content: "\e6c4";
  }
  
  .xxl-iconguanbi1:before {
    content: "\e6c5";
  }
  
  .xxl-iconanquan:before {
    content: "\e6c6";
  }
  
  .xxl-iconshibai:before {
    content: "\e6c7";
  }
  
  .xxl-iconquanping:before {
    content: "\e6c8";
  }
  
  .xxl-iconchenggong:before {
    content: "\e6c9";
  }
  
  .xxl-icontuichu:before {
    content: "\e6ca";
  }
  
  .xxl-iconsuoxiao:before {
    content: "\e6cb";
  }
  
  .xxl-icontuceng:before {
    content: "\e6cc";
  }
  
  .xxl-iconqingchu:before {
    content: "\e6cd";
  }
  
  .xxl-icontongzhi2:before {
    content: "\e6ce";
  }
  
  .xxl-iconzhinan:before {
    content: "\e6cf";
  }
  
  .xxl-iconyonghu:before {
    content: "\e6d0";
  }
  
  .xxl-iconshezhi2:before {
    content: "\e6d1";
  }
  
  .xxl-iconhuizhi:before {
    content: "\e6d2";
  }
  
  .xxl-iconxiangqing:before {
    content: "\e6d3";
  }
  
  .xxl-icondingwei:before {
    content: "\e6d4";
  }
  
  .xxl-iconquanping2:before {
    content: "\e6d5";
  }
  
  .xxl-iconmima:before {
    content: "\e6d6";
  }
  
  .xxl-iconxinjian:before {
    content: "\e6d7";
  }
  
  .xxl-icontongzhi:before {
    content: "\e6d8";
  }
  
  .xxl-iconfanhui:before {
    content: "\e6d9";
  }
  
  .xxl-iconhuamiansuoxiao2:before {
    content: "\e6da";
  }
  
  .xxl-iconshezhi:before {
    content: "\e6db";
  }
  
  .xxl-icontishi2:before {
    content: "\e6dc";
  }
  
  .xxl-iconxinzeng:before {
    content: "\e6dd";
  }
  
  .xxl-iconzhuzhuangtu:before {
    content: "\e6de";
  }
  
  .xxl-iconzhexiantu:before {
    content: "\e6df";
  }
  
  .xxl-iconyanzhengma:before {
    content: "\e6e0";
  }
  
  .xxl-iconxiangyou:before {
    content: "\e6e1";
  }
  
  .xxl-iconxiazai:before {
    content: "\e6e2";
  }
  
  .xxl-iconxiangzuo:before {
    content: "\e6e3";
  }
  
  .xxl-icontishi:before {
    content: "\e6e4";
  }
  
  .xxl-iconweizhi:before {
    content: "\e6e5";
  }
  
  .xxl-iconzhankai:before {
    content: "\e6e6";
  }
  
  .xxl-iconshouqi:before {
    content: "\e6e7";
  }
  
  .xxl-icontishi3:before {
    content: "\e6e8";
  }
  
  .xxl-icondaochu:before {
    content: "\e6e9";
  }
  
  .xxl-iconxiangyou1:before {
    content: "\e775";
  }
  
  .xxl-iconxiangzuo1:before {
    content: "\e779";
  }
  
  .xxl-iconround-loading:before {
    content: "\eb74";
  }
  
  .xxl-iconguanbi:before {
    content: "\e61e";
  }
  
  