/* W.css */

.boxul .product {
    height: 50vh;
    width: 98%;
}

.boxul .product li {
    height: 33.33%;
    padding: 3.313vh 2.813vh 4.563vh 3.05vh;
    line-height: 33.33%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.boxul .product li:nth-child(n) {
    background-color: transparent;
}

.boxul .product li:nth-child(2n) {
    background-color: rgba(255,255,255,0.3);
}

.boxul .product li p {
    width: 22%;
    font-family: SourceHanSansCN-Bold;
    font-size: 1.3vh;
    font-weight: bold;
    line-height: 2.65vh;
    letter-spacing: -0.012vh;
    color: #333333;
    float: left;
    margin-top: 2.5vh;
}

.boxul .product li p span {
    display: block;
    font-size: 1.85vh;
}

.boxul .product li .company_item {
    display: inline-block;
    width: 76%;
}

.fixok_1 {
    position: absolute;
    width: 5.463vh;
    top: 14.35vh;
    left: 13vh;
}

.fixhat_1 {
    position: absolute;
    width: 7.963vh;
    right: 4.611vh;
    bottom: 7.315vh;
}

.fixstar_1 {
    position: absolute;
    width: 2.963vh;
    right: 17.87vh;
    bottom: 4.87vh;
}

.chart {
    position: absolute;
    top: 1.5vh;
    left: 3vh;
    width: 105.426vh;
}

.boxul hr {
    width: 116.556vh;
    margin-top: 2.778vh;
}

.dev_wrap {
    margin-top: 32.778vh;
    margin-left: -0.34vh;
    overflow: hidden;
}

.dev_wrap_l {
    float: left;
    width: 65.462vh;
    margin-left: 3vh;
    /* height: 11.313vh; */
    /* margin: 2.778vh 5.37vh 0vh 5.833vh; */
}

.dev_wrap_r {
    float: left;
    display: inline-block;
    width: 60.6vh;
    /* height: 11.313vh; */
    /* margin: 2.778vh 5.37vh 0vh 5.833vh; */
}

.dev_wrap li {
    display: inline-block;
    /* width: 55.41vh; */
    margin-bottom: 0.875vh;
    font-size: 2vh;
    line-height: 3vh;
}

.dev_wrap img {
    width: 2.49vh;
    vertical-align: -0.38vh;
    margin-right: 0.5vh;
}

.fixok_2 {
    position: absolute;
    width: 5.463vh;
    top: 3.926vh;
    left: 3.611vh;
}

.fixhat_2 {
    position: absolute;
    width: 7.963vh;
    bottom: 36.593vh;
    left: 118.944vh;
}

.titul_2 {
    overflow: hidden;
    width: 76.11111111111111vh;
    height: 5.925925925925926vh;
    margin: 2.962962962962963vh auto 0;
}

.titul_2 li {
    width: 20.74074074074074vh;
    height: 5.925925925925926vh;
    margin: 0vh 2.3148148148148148vh 2.962962962962963vh;
    background: url("../images/li.png") no-repeat;
    float: left;
    font-size: 2.3vh;
    line-height: 5.925925925925926vh;
    /* font-weight: bold; */
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-family: Heiti SC;
    background-size: cover;
}

.titul_2 .liact {
    background: url("../images/li2.png") no-repeat;
    background-size: cover;
}

.boxul_2 {
    background-image: url(../images/boxbg_welfare.png);
}

.boxul_2>div {
    height: 50vh;
    /* 	background:rgba(255,255,255,0.8); */
    display: none;
    margin: 2.7vh 0 0 5.7vh;
    overflow: hidden;
    position: relative;
}

.fixok_3 {
    position: absolute;
    width: 5.463vh;
    top: 7.407vh;
    right: 33.889vh;
}

.fixhat_3 {
    position: absolute;
    width: 7.963vh;
    top: 3.796vh;
    right: 6.556vh;
}

.fixstar_3 {
    position: absolute;
    width: 2.963vh;
    top: 12.5vh;
    right: 19.815vh;
}

/* 入职保障修改 */
.youshi {
    position: absolute;
    width: 30.39vh;
    top: 6.11vh;
    left: 3.24vh;
}

.youshi .ys_ms {
    margin: 3.15vh 3.61vh 0 7.87vh;
    width: 18.91vh;
    text-align: center;
    font-size: 2vh;
    line-height: 3.7vh;
}

.gongzi {
    position: absolute;
    width: 30.39vh;
    top: 6.11vh;
    left: 50.22vh;
}

.gongzi .gz_ms {
    width: 15.5vh;
    margin: 2.5vh 6.76vh 0 7.13vh;
    text-align: center;
    font-size: 2vh;
    line-height: 3.7vh;
}

.jiangjin {
    position: absolute;
    width: 30.39vh;
    top: 24.63vh;
    left: 50.22vh;
}

.jiangjin .jj_ms {
    text-align: center;
    width: 14.5vh;
    font-size: 2vh;
    line-height: 3.7vh;
    margin: 2.96vh 8.15vh 0 8.33vh;
}

.fuli {
    position: absolute;
    width: 30.39vh;
    top: 6.11vh;
    right: 4.91vh;
}

.fuli .fl_ms {
    text-align: center;
    width: 26vh;
    font-size: 2vh;
    line-height: 3.7vh;
    margin: 6.85vh 3.33vh 0 2.5vh;
}

.bz_bg {
    position: absolute;
    width: 55vh;
    left: 38vh;
    top: 8vh;
    opacity: 0.2;
}

/* 图片轮播2 */
.welfare1 {
    /* position: relative; */
    width: 103.704vh;
    /* height: 26.296vh; */
    margin: 7.315vh auto 2.438vh;
}

.welfare1 .swiper-slide {
    width: 45.185vh;
    /* height: 30.37vh; */

}

.welfare1 .swiper-slide img {
    display: block;
    width: 100%;
    opacity: 0.5;
}

.swiper-slide .swiper-slide-active img {
    opacity: 1;
}

.welfare1 .swiper-button-prev {
    left: 14vh;
    width: 4.1666vh;
    height: 4.1666vh;
    color: #fff;
    /* background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%; */
}

.welfare1 .swiper-button-next {
    right: 14vh;
    width: 4.1666vh;
    height: 4.1666vh;
    color: #fff;
    /* background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -8.6111vh;
	background-size: 100%; */
}

/* 图片轮播3 */
.welfare2 {
    /* position: relative; */
    width: 103.704vh;
    /* height: 26.296vh; */
    margin: 7.315vh auto 2.438vh;
}

.welfare2 .swiper-slide {
    width: 45.185vh;
    /* height: 30.37vh; */

}

.welfare2 .swiper-slide img {
    display: block;
    width: 100%;
    opacity: 0.5;
}

.swiper-slide .swiper-slide-active img {
    opacity: 1;
}

.welfare2 .swiper-button-prev {
    left: 14vh;
    width: 4.1666vh;
    height: 4.1666vh;
    color: #fff;
    /* background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%; */
}

.welfare2 .swiper-button-next {
    right: 14vh;
    width: 4.1666vh;
    height: 4.1666vh;
    color: #fff;
    /* background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -8.6111vh;
	background-size: 100%; */
}

/* 文字轮播 */
.wz_welfare1 {
    width: 30vh;
    margin: 0 auto;
}

.wz_welfare1 .swiper-slide {
    text-align: center;
}

.wz_welfare1 .swiper-slide p {
    font-size: 2vh;
    line-height: 2vh;
    margin: 0 auto;
}

.wz_welfare2 {
    width: 30vh;
    margin: 0 auto;
}

.wz_welfare2 .swiper-slide {
    text-align: center;
}

.wz_welfare2 .swiper-slide p {
    font-size: 2vh;
    line-height: 2vh;
    margin: 0 auto;
}

/* H.css */
.gap {
    position: absolute;
    width: 0.62vh;
    height: 50.000vh;
    background: #324D6A;
    right: 0;
    top: 0;
}

.yellow {
    position: absolute;
    top: 11.667vh;
    width: 0.62vh;
    height: 5.833vh;
    background: #FFE100;
}

/*加入51星球*/
.boxul_4 {
    background-image: url(../images/boxbg.png);
}

.boxul_4>div {
    height: 50vh;
    /* 	background:rgba(255,255,255,0.8); */
    display: none;
    margin: 2.7vh 0 0 5.7vh;
    overflow: hidden;
    position: relative;
}

.h-j {
    position: relative;
}

.h-j .wrap {
    width: 63.888vh;
    height: 42.592vh;
    position: absolute;
    left: 6.666vh;
    top: 3.148vh;
    display: flex;
}

.h-j .wrap .lists {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

.h-j .wrap .lists .list {
    width: 100%;
    height: 6.481vh;
    position: relative;
}

.h-j .wrap .lists .list .icon {
    width: 5.926vh;
    height: 5.741vh;
}

.h-j .wrap .lists .list .text {
    position: absolute;
    left: 7.407vh;
    top: 2.314vh;
    font-size: 0;
}

.h-j .wrap .lists .list .text span {
    width: 31.389vh;
    height: 1.852vh;
    font-family: NotoSansCJKsc-Regular;
    font-size: 2vh;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #264e69;
}

.h-j .wrap .lists .list .text span.address {
    font-family: NotoSansCJKsc-Bold;
    font-size: 2vh;
    font-weight: bold;
    letter-spacing: 0vh;
    color: #333333;
    text-align: start;
}

.h-j .wrap .p1 {
    position: absolute;
    width: 14.166vh;
    height: 39.166vh;
    left: 3.889vh;
    top: 1.481vh;
}

.h-j .wrap .p2 {
    position: absolute;
    width: 22.778vh;
    height: 42.130vh;
    right: 0;
}

.h-j .code {
    position: absolute;
    width: 30.24vh;
    /* height: 30.65vh; */
    right: 7.704vh;
    top: 10.556vh;
}

/*Q&A*/
.h-q {
    position: relative;
}

.h-q .lists {
    /* display: flex; */
    overflow-y: auto;
    /* margin: 0 1.852vh; */
    width: 128.9vh;
    height: 50vh;
    position: absolute;
    left: 1.296vh;
    top: 0vh;
    /* flex-direction: column;
    justify-content: space-around; */
}

.lists::-webkit-scrollbar {
    width: 0.556vh;
    -webkit-overflow-scrolling: touch;
}

.lists::-webkit-scrollbar-thumb {
    background: #ffe100;
    border-radius: 4px;
}

.lists::-webkit-scrollbar-track {
    background: #324d6a;
}

.h-q .lists .list img {
    width: 3.426vh;
    height: 3.333vh;
    vertical-align: -2vh;
}

.h-q .lists .list span {
    font-size: 1.667vh;
    font-family: Noto Sans CJK SC;
    font-weight: 400;
    color: #FFFFFF;
}

.h-q .lists .list .line {
    width: 127.556vh;
    height: 0.093vh;
    background: #696B6E;
    opacity: 0.1;
    margin-top: 1.667vh;
}

.h-q .lists .list .row {
    flex-direction: row;
    display: flex;
    align-items: center;
    margin: 0.6vh 0 0 0;
}

.h-q .lists .list .row.a {
    position: relative;
    height: 3.241vh;
}

.h-q .lists .list .row.a .at,
.h-q .lists .list .row.b .at {
    position: absolute;
    left: 2.963vh;
    top: 0.556vh;
    line-height: 3vh;
}

.h-q .lists .list .row.b {
    position: relative;
    height: 3.241vh;
}

.h-q .lists .line.a {
    /* margin-top: 5.556vh; */
}

.h-q .lists .list .row .q,
.h-q .lists .list .row .a {
    position: relative;
}

.h-q .lists .list .row .q span {
    position: absolute;
    left: 0.648vh;
    top: 0.833vh;
}

.h-q .lists .list .row .a span {
    position: absolute;
    left: 0.926vh;
    top: 0.833vh;
}

.h-q .lists .list .row .qt,
.h-q .lists .list .row .at {
    margin-left: 0.926vh;
    font-weight: 400;
}

.h-q .lists .list .row .qt {
    font-size: 2vh;
    color: #264E69;
    line-height: 5.667vh;
}

.h-q .lists .list .row .at {
    font-size: 1.9vh;
    color: #333333;
    line-height: 2.4vh;
}

.h-q .bg {
    position: absolute;
    width: 22.222vh;
    height: 41.481vh;
    bottom: 3.852vh;
    right: 8.704vh;
    z-index: -1;
}

/*个人发展*/
.h-d {
    position: relative;
}

.h-d .p1 {
    position: absolute;
    width: 55.000vh;
    height: 61.481vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.h-d .p2 {
    position: absolute;
    width: 96.759vh;
    height: 33.611vh;
    left: 8.056vh;
    bottom: 3.241vh;
}

.h-d .swiper-container-d {
    /* width: 98.148vh; */
    height: 50vh;
}


/* .h-d .swiper-container-d .controller img {
    width: 3.704vh;
    height: 3.704vh;
    transform: rotate(90deg);
    margin: 3.333vh 0;
} */

.h-d .swiper-container-d .swiper-button-prev {
    position: absolute;
    top: 20.526vh;
    left: 6.852vh;
    width: 3.704vh;
    height: 3.704vh;
    background-image: url(../images/develop/up.png);
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}

.h-d .swiper-container-d .swiper-button-next {
    position: absolute;
    top: 31.796vh;
    left: 6.852vh;
    width: 3.704vh;
    height: 3.704vh;
    background-image: url(../images/develop/down.png);
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(90deg);
}


.h-d .swiper-container-d .ok {
    position: absolute;
    width: 6.852vh;
    height: 7.130vh;
    top: 37.500vh;
    left: 4.722vh;
}

.h-d .swiper-container-d .swiper-wrapper {
    position: absolute;
    left: 12.963vh;
    top: 0;
    width: 98.148vh;
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide {
    height: 50.000vh;
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide .people {
    width: 23.333vh;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide .people img {
    border-radius: 50%;
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide .people .pre,
.h-d .swiper-container-d .swiper-wrapper .swiper-slide .people .nt {
    background: #000000;
    opacity: 0.3;
    width: 10.000vh;
    height: 10.000vh;
    border-radius: 50%;
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide .people .cur {
    width: 23.333vh;
    height: 23.333vh;
    position: relative;
    box-sizing: border-box;
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide .people .cur .round {
    position: absolute;
    width: 100%;
    height: 100%;
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide .people .cur .round img {
    position: absolute;
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide .people .cur .round img.avatar {
    transform: scale(90%);
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide .text-content {
    position: absolute;
    left: 28.703vh;
    top: 0;
    height: 100%;
    width: 69.444vh;
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide .text-content .name {
    font-size: 2.778vh;
    font-weight: bold;
    color: #333333;
    line-height: 1.481vh;
    position: absolute;
    top: 9.259vh;
    left: 0;
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide .text-content .department {
    font-size: 1.481vh;
    font-weight: 400;
    color: #333333;
    line-height: 2.778vh;
    position: absolute;
    top: 13.889vh;
}

.h-d .swiper-container-d .swiper-wrapper .swiper-slide .text-content .text {
    width: 57.778vh;
    height: 21.481vh;
    font-size: 1.481vh;
    font-weight: 400;
    color: #333333;
    line-height: 3.333vh;
    position: absolute;
    top: 18.241vh;
}

.h-d .swiper-container-d .p3 {
    position: absolute;
    width: 11.019vh;
    height: 7.963vh;
    right: 5.741vh;
    top: 10.926vh;
}

.h-d .swiper-container-d .p4 {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 21.204vh;
    width: 33.796vh;
}

.header .menu .menu_li {
    position: relative
}

.header .menu .dropdown {
    display: none;
    position: absolute;
    height: 5.556vh;
    width: 100%;
    overflow: initial;
    left: 0;
    top: 4.167vh;
}

.header .menu .dropdown .wrap {
    display: flex;
    flex-direction: column;
}

.header .menu .dropdown .ti {
    font-size: 1.66vh;
    font-weight: 500;
    line-height: 1.66vh;
    color: #FFFFFF;
    line-height: 4.81vh;
}

.header .menu .dropdown .ti.act {
    background: none;
    color: #72362E;
}

/* 新增吾耀管培生 */
.titul_3 {
    overflow: hidden;
    width: 102.111111vh;
    height: 5.925925925925926vh;
    margin: 2.962962962962963vh auto 0;
}

.titul_3 li {
    width: 20.74074074074074vh;
    height: 5.925925925925926vh;
    margin: 0vh 2.3148148148148148vh 2.962962962962963vh;
    background: url("../images/li.png") no-repeat;
    float: left;
    font-size: 2.3vh;
    line-height: 5.925925925925926vh;
    /* font-weight: bold; */
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-family: Heiti SC;
    background-size: cover;
}

.titul_3 .liact {
    background: url("../images/li2.png") no-repeat;
    background-size: cover;
}

.boxul_3 {
    background-image: url(../images/boxbg.png);
}

.boxul_3>div {
    height: 50vh;
    /* background:#fff; */
    display: none;
    margin: 2.7vh 0 0 5.7vh;
    overflow: hidden;
    position: relative;
}

.request_wrap {
    width: 100%;
    height: 60%;
    background-color: #D2D7E1;
}

.request_wrap p {
    font-size: 2.8vh;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #254D69;
}

.request_wrap_left {
    float: left;
    width: 32.6vh;
    margin-top: 3.7vh;
    margin-left: 14.44vh;
}

.request_list {
    width: 100%;
    padding-top: 3.06vh;
}

.request_list li {
    width: 100%;
    height: 4.81vh;
    font-size: 2vh;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
    line-height: 3.33vh;
}

.request_list li::before {
    content: "●";
    color: #2A5777;
}

.request_wrap_right {
    float: left;
    width: 31.53vh;
    margin-top: 3.7vh;
    margin-left: 26.39vh;
}

.link_wrap {
    width: 100%;
    margin-top: 2.31vh;
}

.link_wrap li {
    float: left;
    width: 14.81vh;
    height: 3.7vh;
    margin-right: 1.85vh;
    background: #E38F3D;
    border-radius: 0vh;
    font-size: 2vh;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 3.33vh;
    text-align: center;
}

.ddl {
    width: 100%;
    margin-top: 8.35vh;
}

.ddl span {
    display: block;
    margin-top: 2vh;
    font-size: 2vh;
}

.interview {
    width: 100%;
    margin: 2.61vh auto 0;
    text-align: center;
}

.interview p {
    font-size: 2.8vh;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #254D69;
}

.interview_list {
    margin: 1.31vh auto 0;
    width: 84vh;
}

.wy_plan {
    float: left;
    width: 51.39vh;
    margin-top: 7.97vh;
    margin-left: 6.8vh;
}

.wy_plan p {
    font-size: 2.55555vh;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #0057A6;
}

.plan_ms {
    width: 59.39vh;
    margin-top: 4.54vh;
    font-size: 2.25vh;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #000000;
    line-height: 3.33vh;
}

.plan_vcr {
    float: right;
    width: 49.037vh;
    margin-top: 7.97vh;
    margin-right: 3.89vh;
}

.wy_lists {
    overflow-y: auto;
    width: 130.08vh;
    padding-left: 3.7vh;
    padding-right: 3vh;
    height: 50vh;
    position: absolute;
    top: 0vh;
}

.wy_list {
    width: 100%;
    height: 69vh;
    margin-top: 4.14vh;
    border-bottom: 1px dashed #333333;
}

.wy_list:last-child {
    border-bottom: 0px;
}

.wy_list_mt {
    font-size: 2.5555vh;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #254D69;
    line-height: 3.33vh;
}

.wy_list_ms {
    margin-top: 3vh;
    font-size: 2vh;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
    line-height: 3.33vh;
}

.wy_list_bt {
    width: 100%;
    margin-top: 3vh;
    height: 20vh;
}

.avatar {
    width: 20.85vh;
    height: 20.85vh;
    border: 1px dashed #4a607e;
    padding: 1vh;
    border-radius: 50%;
    float: left;
}

.avatar img {
    border-radius: 50%;
}

.guide {
    width: 94.13vh;
    margin-top: 2.5vh;
    float: right;
}

.guider {
    font-size: 2.78vh;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #333333;
    line-height: 1.48vh;
}

.ms_guide {
    width: 100%;
    margin-top: 2.8vh;
    font-size: 2vh;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
    line-height: 3.33rem;
}

.wy_lists::-webkit-scrollbar {
    width: 0.6vh;
    -webkit-overflow-scrolling: touch;
}

.wy_lists::-webkit-scrollbar-thumb {
    background: #ffe100;
    border-radius: 4px;
}

.wy_lists::-webkit-scrollbar-track {
    background: #324d6a;
}

.wy_grow {
    width: 74.07vh;
    margin: 4.26vh auto;
}

.fix_ok4 {
    position: absolute;
    width: 5.46vh;
    top: 26.67vh;
    left: 2.41vh;
}

.fix_hat4 {
    position: absolute;
    width: 7.96vh;
    top: 14.72vh;
    right: 1.39vh;
}

.fiximg2 {
    position: absolute;
    width: 55.46vh;
    left: 6.39vh;
    top: 0;
}

.fixok_5 {
    position: absolute;
    width: 5.46vh;
    top: 43.04vh;
    left: 3.52vh;
}

.fixhat_5 {
    position: absolute;
    width: 7.96vh;
    top: 20.83vh;
    right: 3.8vh;
}

.fixok_6 {
    position: absolute;
    width: 5.46vh;
    top: 34.54vh;
    left: 3.52vh;
}

.fixhat_6 {
    position: absolute;
    width: 7.96vh;
    top: 11.2vh;
    right: 6.48vh;
}

/* 新增open day */
.plan_lists {
    overflow-y: auto;
    width: 130.1vh;
    height: 50vh;
    position: absolute;
    top: 0vh;
}

.plan_lists::-webkit-scrollbar {
    width: 0.6vh;
    -webkit-overflow-scrolling: touch;
}

.plan_lists::-webkit-scrollbar-thumb {
    background: #ffe100;
    border-radius: 4px;
}

.plan_lists::-webkit-scrollbar-track {
    background: #324d6a;
}

.plan_list {
    width: 100%;
    height: 46vh;
}

.open_img {
    float: left;
    width: 49.037vh;
    margin-top: 7.97vh;
    margin-left: 3.89vh;
}

.plan_lists hr {
    width: 123vh;
    border: 1px dashed #333333
}

.openday {
    float: right;
    width: 59.39vh;
    margin-top: 7.97vh;
    margin-right: 6.8vh;
}

.openday p {
    font-size: 2.55555vh;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #0057A6;
}

.open_ms {
    width: 59.39vh;
    margin-top: 4.54vh;
    font-size: 2.25vh;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #000000;
    line-height: 3.33vh;
}

.wy_code {
    width: 59.39vh;
    overflow: hidden;
    float: right;
    margin-right: 6.8vh;
}

.wy_code p {
    float: left;
    margin-top: 0;
    width: 29vh;
    margin-bottom: 10vh;
}

.wy_code img {
    float: right;
    width: 14vh;
    margin-left: 1vh;
}

/* 前辈寄语修改 */
.qb_lists {
    overflow-y: auto;
    width: 136.9vh;
    padding-left: 9.7vh;
    padding-right: 3vh;
    height: 50.5vh;
    position: absolute;
    top: 2.7vh;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.qb_list {
    width: 100%;
    padding-top: 4vh;
    padding-bottom: 3vh;
    border-bottom: 1px dashed #333333;
}

.qb_list:nth-child(even) .avatar {
    float: right;
}

.qb_list:nth-child(even) .name {
    text-align: right;
}

.qb_list:nth-child(even) .department {
    text-align: right;
}

.qb_list:nth-child(even) .guide {
    float: left;
}

.qb_lists::-webkit-scrollbar {
    width: 0.6vh;
    -webkit-overflow-scrolling: touch;
}

.qb_lists::-webkit-scrollbar-thumb {
    background: #ffe100;
    border-radius: 4px;
}

.qb_lists::-webkit-scrollbar-track {
    background: #324d6a;
}