.box {
    width: 100vw;
}
.center {
    width: 75%;
    margin: 0 auto;
}
.xui-flex {
    display: flex;
}
.xui-f-j-a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.xui-jc-ac {
    display: flex;
    justify-content: center;
    align-items: center;
}
.xui-f-a {
    display: flex;
    align-items: center;
}
.xui-f-dc-a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.xui-f-dc-js {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.xui-f-dc-jsa {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.xui-f-dc-jc {
    display: flex;
    flex-direction: column;
    justify-content: space-around
}
.xui-font-s {
    font-size: 24px;
}
/*鼠标变手*/
.cursor{
    cursor:pointer;
}
/*文字换行*/
.word-break{
    white-space:normal;word-break:break-all;word-wrap:break-word;
}
.xui-width-max {
    width: 100%;
}
.xui-font-c-grey {
    color: #878787;
}
.xui-bg-w {
    background: white;
}
.xui-text-w {
    color: white;
}
.xui-radius {
    border-radius: 15px;
}
.xui-font-c {
    text-align: center;
}








/*边距*/
.xui-pdi-l-5 {
    padding-left: 5px;
}
.xui-pdi-l-r-10 {
    padding: 0 10px;
}
.xui-pdi-l-r-20 {
    padding: 0 20px;
}
.xui-pdi-l-10 {
    padding-left: 10px;
}
.xui-pdi-l-15 {
    padding-left: 15px;
}
.xui-pdi-l-20 {
    padding-left: 20px;
}
.xui-pdi-r-5 {
    padding-right: 5px;
}
.xui-pdi-r-10 {
    padding-right: 10px;
}
.xui-pdi-r-15 {
    padding-right: 15px;
}
.xui-pdi-r-20 {
    padding-right: 20px;
}
.xui-pdi-5 {
    padding: 5px;
}
.xui-pdi-10 {
    padding: 10px;
}
.xui-pdi-15 {
    padding: 15px;
}
.xui-pdi-t-5 {
    padding-top: 5px;
}
.xui-pdi-t-10 {
    padding-top: 10px;
}
.xui-pdi-t-15 {
    padding-top: 15px;
}
.xui-pdi-t-20 {
    padding-top: 20px;
}
.xui-mag-t-5 {
    margin-top: 5px;
}
.xui-mag-t-10 {
    margin-top: 10px;
}
.xui-mag-t-15 {
    margin-top: 15px;
}
.xui-mag-l-5 {
    margin-left: 5px;
}
.xui-mag-l-10 {
    margin-left: 10px;
}
.xui-mag-l-15 {
    margin-left: 15px;
}
.xui-pdi-30-0 {
    padding: 30px 0;
}