.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-f-je {
    display: flex;
    justify-content: flex-end;
}

.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: center;
}

.xui-f-dc-ac {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.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-cursor {
    cursor: pointer;
}


/*边距*/
.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-20 {
    padding: 20px;
}

.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-pdi-20-0 {
    padding: 20px 0 20px 0;
}
.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-mag-b-5 {
    margin-bottom: 5px;
}

.xui-mag-b-10 {
    margin-bottom: 10px;
}

.xui-mag-b-15 {
    margin-bottom: 15px;
}

.xui-mag-b-20 {
    margin-bottom: 20px;
}

.xui-mag-b-30 {
    margin-bottom: 30px;
}

.xui-pdi-30-0 {
    padding: 30px 0;
}


.xui-border-left {
    border-left: 1px solid white;
}