.bg-primary-1111 {
    background-color: #ffd1d1ad !important
}

.bg-primary-11111 {
    background-color: #ffcbe4a1 !important
}

.bg-primary-2222 {
    background-color: #fbcce9 !important
}

.bg-primary-22222 {
    background-color: #ffc9f596 !important
}

.bg-primary-3333 {
    background-color: #e0d0fb !important
}

.bg-primary-33333 {
    background-color: #d3d5ffb3 !important
}

.bg-primary-4444 {
    background-color: #cbfffc !important
}

.bg-primary-44444 {
    background-color: #d3fffb96 !important
}

.text-1 {
    color: #ff7272ba !important
}

.text-2 {
    color: #ff7897bf !important
}

.text-3 {
    color: #ff71a1 !important
}

.text-4 {
    color: #f66 !important
}

.text-5 {
    color: #a979fbd9 !important
}

.text-6 {
    color: #c87effb3 !important
}

.text-7 {
    color: #20d5a3 !important
}

.text-8 {
    color: #00b1a094 !important
}

.bg-gd-11 {
    background: #ff2d2d8c linear-gradient(135deg, #ff7272 0, #fac8c2 100%) !important
}

.bg-gd-22 {
    background: #f96a9b99 linear-gradient(135deg, #f96a9b45 0, #a8a6f069 100%) !important
}

.bg-gd-33 {
    background: #8f55f24d linear-gradient(135deg, #985bff8c 0, #67efbddb 100%) !important
}

.bg-gd-44 {
    background: #55f2b187 linear-gradient(135deg, #1dffa191 0, #3aadff7a 100%) !important
}

.bg-gd-jiage {
    background: #ffffff00 linear-gradient(135deg, #ff6d6d66 0, #4f6dff94 100%) !important
}

.text-sheji {
    color: tomato !important
}

.text-jiage {
    color: #fff !important
}

.text-zhzt {
    color: #1fe64a !important
}

.avatar {
    display: inline-block !important;
    width: 64px;
    height: 64px;
    border-radius: 35%; 
    animation: light 4s ease-in-out infinite;
    /*transition: .5s*/ 
}

.avatar:hover {
    /*transform: scale(1.15) rotate(720deg)*/
}

.cente {
    border-radius: 25px;
}