@charset "utf-8";

.bg_F7FB {
    background-color: #F7F7FB;
}

.container {
    width: 100%;
}

.top_nav {
    position: absolute;
    width: 100%;
    height: 11.7333vw;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #323232;
    z-index: 1;
}

.top_nav_line {
    border-bottom: 1px solid #EBECEF;
}

.top_nav_a {
    display: block;
    position: absolute;
    top: 1vw;
    left: 3vw;
    z-index: 10;
    width: 6vw;
    height: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_nav_arrow {
    width: 2.1333vw;
    height: 3.7333vw;
}

.top_nav_placeholder {
    width: 100%;
    height: 11.7333vw;
}


.teacher_list {
    padding-top: 3.8667vw;
    padding-bottom: 3.8667vw;
    padding-left: 0vw;
    height: 26.45vw;
    overflow: hidden;
    background-color: #FFFFFF;
}

.teacher_list .swiper-container {
    overflow: visible;
    width: 92vw;
    height: 26.45vw;
}

.teacher_list .swiper-wrapper {
    display: flex;
    align-items: flex-end;
}

.teacher_list .swiper-slide {
    width: 37.3333vw;
    height: 21.0667vw;
    background: #BDC2CC;
    border: 1px solid #BDC2CC;
    margin-right: 3.4667vw;
    border-radius: 1.3333vw;
    background: url(../images/huiyishi/hys_bg_1.png) #F3F5F9 no-repeat;
    background-size: contain;
}

.teacher_img_div {
    width: 30.9333vw;
    height: 26vw;
    overflow: hidden;
}

.teacher_img {
    width: 30.9333vw;
    height: 26vw;
}

.teacher_name {
    font-size: 3.8667vw;
    font-weight: bold;
    color: #474D5B;
    padding: 2.5vw 0 1.5vw 3.2vw;
}

.teacher_desc {
    font-size: 2.9333vw;
    color: #778091;
    padding: 0 0 1vw 3.2vw;
}

.teacher_list .slide_active {
    background-color: #4172F3;
    color: #FFFFFF;
    border: 2px solid #4172F3;
    height: 23.4667vw;
    width: 41.4667vw;
}

.slide_active .teacher_name {
    color: #FFFFFF;
    padding: 2.2vw 0 2vw 3.2vw;
    font-size: 4.2667vw;

}

.slide_active .teacher_desc {
    color: #FFFFFF;
    padding: 0 0 2vw 3.2vw;
    font-size: 3.2vw;
}

.yy_person {
    width: 100vw;
    margin: 0 auto;
    background: #FFFFFF;
}

.top_50 {
    margin-top: 6.6667vw;
}

.top_26 {
    margin-top: 3.4667vw;
}

.main_content_li_person_title {
    font-size: 3.7333vw;
    color: #333333;
    padding-top: 4.2667vw;
    padding-bottom: 2.6667vw;
    padding-left: 4.6667vw;
}

.main_content_li_person {
    display: flex;
    padding-bottom: 3vw;
    width: 81.5vw;
    margin: 0 auto;
    border-bottom: 1px solid #E4E4E4;
}

.main_content_li_person_1 {
    width: 15.4667vw;
    height: 15.4667vw;
    border-radius: 1.3333vw;
}

.li_person_1_header {
    width: 15.4667vw;
    height: 15.4667vw;
    border-radius: 1.3333vw;
}

.main_content_li_person_2 {
    font-size: 3.2vw;
    padding-left: 3.6vw;
}

.main_content_li_person_2_1 {
    color: #333333;
    font-size: 4vw;
    font-weight: bold;
}

.main_content_li_person_2_2 {
    color: #535353;
    font-size: 3.7333vw;
    padding-top: 1.7vw;
}

.main_content_li_person_date {
    color: #AFAFAF;
    font-size: 3.7333vw;
}

.yy_btn {
    width: 83.7333vw;
    height: 12vw;
    background: linear-gradient(90deg, #2290F6 0%, #386EF1 100%);
    border-radius: 6vw;
    margin: 0 auto;
    font-size: 4.2667vw;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6.8vw;
    margin-bottom: 3vw;
}

.main_content_li_person_title_red {
    color: #FF3939;
    font-size: 3.7333vw;
}

.title_2 {
    padding-left: 6.2vw;
}

.hys_textarea {
    width: 100%;
    height: 15vw;
    color: #333333;
    border: none;
}

.hys_date {
    padding-top: 5.6vw;
    padding-bottom: 2vw;
    display: flex;
    justify-content: space-around;
    width: 94vw;
    margin: 0 auto;
    font-size: 3.4667vw;
    color: #585858;
}

.hys_date_li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hys_date_li a {
    color: #585858;
    text-decoration: none;
}

.hys_date_active,
.hys_date_active a {
    font-size: 4.2667vw;
    color: #4172F3;
    font-weight: bold;
}

.hys_date_active_dot {
    width: 1.6vw;
    height: 1.6vw;
    background: #4172F3;
    border-radius: 50%;
    margin-top: 1.3333vw;
}

.no_border {
    border: none;
}

.li_select_date,
.date_end_hour {
    height: 8vw;
    width: 30vw;
    background: none;
}

.li_select_time,
.date_end_minute {
    height: 8vw;
    width: 30vw;
    background: none;
}

.li_select_date option,
.date_end_hour option {
    background: none;
}

/* 新的小时列表 */
.new_hour_list_title {
    font-size: 3.4667vw;
    color: #426EE3;
    padding-top: 4.4vw;
    padding-left: 4.9333vw;
}

.new_hour_list_ul {
    /* width: 92.6vw; */
    /* margin: 0 auto; */
    margin-left: 3.7vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.hour_li {
    width: 21.0vw;
    height: 12vw;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.8vw;
    color: #414141;
    margin-top: 2.6667vw;
    margin-right: 1.9vw;
}

.hour_select {
    color: #2A64E9;
    background: #E9F1FF;
    border: 1px solid #2973ED;
}

.hour_no {
    color: #b1b1b1;
    background: #f7f7fb;
    border: 1px solid #f7f7fb;
}