
.flex {
    display: flex;
}

.flex-r-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-r-s-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-r-0-c {
    display: flex;
    justify-content: start;
    align-items: center;
}

.flex-r-s-0 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-c-c-c {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-c-s-c {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.flex-c-s-e {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.flex-c-s-0 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.container {
    height: 100%;
    width: 100%;
    position: relative;
}

.loadingimg {
    width: 60rpx;
    height: 60rpx;
    margin-top: 50px;
}

.algin {
    display: flex;
    justify-content: center;
    align-items: center;
}

.around {
    display: flex;
    justify-content: space-around;
}

.stretch {
    display: flex;
    align-items: stretch;
}

/* 垂直居中 */
.v-center {
    display: flex;
    align-items: center;
}

/* 水平居中 */
.hv-center {
    display: flex;
    justify-content: center;
}

.wrap {
    display: flex;
    flex-wrap: wrap;
}

.nowrap {
    display: flex;
    flex-wrap: nowrap;
}

.between {
    display: flex;
    justify-content: space-between;
}

.end {
    display: flex;
    justify-content: flex-end;
}

.noImg {
    width: 300rpx;
    height: 300rpx;
}

.no_msg {
    text-align: center;
    padding-top: 20rpx;
    color: #999;
    font-size: 29rpx;
}

.btn {
    border-radius: 30px;
    padding: 5px 10px;
    background-color: #0BB20C ;
    color: #d4f2da;
     cursor: pointer;
}

.btn:hover {
    border-radius: 30px;
    padding: 5px 10px;
    border: #0BB20C 1px solid;
    color: #0BB20C;
    background: #00000000;
}

.btn-nor {
    border-radius: 30px;
    padding: 5px 10px;
    border: #0BB20C 1px solid;
    color: #0BB20C;
    cursor: pointer;
}

.btn-nor:hover{
     border-radius: 30px;
    padding: 5px 10px;
    background-color: #0BB20C ;
    color: #d4f2da;
}