* {
    box-sizing: border-box;
}

.wide {
    overflow: hidden;
    background: url(../../images/customer_service/customer_service_background.png) 0 0 no-repeat;
    background-size: cover;
}


.top_bar {
    position: relative;
    width: 100%;
    z-index: 100;
}

.indexLogo img {
    position: absolute;
    top: 20px;
    width: 240px;
    z-index: 999;
    left: 20px;
}

.back_login_div {
    position: absolute;
    background-color: #366797;
    color: #fff;
    right: 42px;
    top: 26px;
    border-radius: 4px;
    cursor: pointer;
    width: 90px;
    text-align: center;
    height: 30px;
    font: 17px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;
    line-height: 28px;
}

.back_login_div:hover {
    color: rgb(211 210 210);
}


.main_bar {
    margin: 0 auto;
    width: 1200px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.bar {
    position: relative;
    width: 340px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    border-radius: 20px;
    margin-left: 80px;
    cursor: pointer;
    color: #a0a0a0;
}


.bar:hover {
    color: #fff;
}

.bar:before {
    content: '';
    position: absolute;
    width: 72px;
    height: 200%;
    background: linear-gradient(0deg, #f49bc1, #65b3ff);
    animation: animate 12s linear infinite;
}

@keyframes animate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.bar:after {
    content: '';
    position: absolute;
    inset: 6px;
    background: #0e1538;
    border-radius: 15px;
    z-index: 2;
}

.bar::after:hover {
    background:#5c5f70
}

.bar .text {
  position: relative;
  font-size: 50px; /* “补习”的字体大小 */
  line-height: 50px;
  z-index: 4;
  text-align: center;
  white-space: normal;
  padding: 10px
}

.bar .text .small-text {
  font-size: 24px; /* 括号内文字的大小，比“补习”小 */
  /* 可选：调整行高/对齐，让排版更协调 */
  line-height: 40px;
  vertical-align: middle;
}