.profile_title { width: 100%; height: 30px; margin-bottom: 20px; }

.profile_title i { background-color: #338bff !important; display: inline-block; width: 4px; height: 24px; vertical-align: top; margin-right: 8px; margin-top: 4px; }

.profile_title span { font-size: 24px; color: #333; }

.faculty_content { padding: 20px 10px 18px 20px; }

.faculty_content .gjxsrs { overflow: hidden; }

.faculty_content .gjxsrs > div { font-size: 14px; color: #666; height: 30px; margin-top: 5px; }

.faculty_content .gjxsrs > div:first-child { float: left; }

.faculty_content .gjxsrs > div:last-child { color: #338BFF !important; float: right; }

.faculty_content .progress { width: 253px; height: 11px; position: relative; margin: 10px 0 25px; background: #eee; border-radius: 20px; }

.faculty_content .progress .progress_boys { position: absolute; top: 0; left: 0; border-radius: 5px 0 0 5px; height: 11px; background-color: #5193ed; }

.faculty_content .progress .progress_girls { position: absolute; top: 0; right: 0; border-radius: 0 5px 5px 0; height: 11px; background-color: #ed519f; }

.faculty_content .jdt_sj { width: 100%; overflow: hidden; }

.faculty_content .jdt_sj > div:first-child { float: left; }

.faculty_content .jdt_sj > div:last-child { float: right; }

.faculty_content .jzxjfgbl { color: #338BFF !important; font-size: 14px; text-align: center; }

.faculty_content .jzxjfgrs { font-size: 14px; text-align: center; margin-top: 20px; color: #666; }

.more { color: #338bff !important; margin-top: 15px; cursor: pointer; width: 100%; height: 25px; line-height: 25px; text-align: right; justify-content: flex-end; align-items: center; display: none; }

.more img { width: 20px; }

.more.active { display: flex; }

.pickUp { color: #338bff !important; margin-top: 15px; cursor: pointer; width: 100%; height: 25px; line-height: 25px; text-align: right; justify-content: flex-end; align-items: center; display: none; }

.pickUp img { width: 20px; transform: rotate(180deg) !important; }

.pickUp.active { display: flex; }

.faculty_title { height: 34px; line-height: 34px; background-color: #f8f8f8; text-align: center; font-size: 14px; color: #333; }

.none-data { width: 100%; height: 50px; text-align: center; font-size: 20px; color: #888; font-style: italic; margin-top: 24px; }

.layout-main-content { width: 100%; height: auto; }

.layout-main-content .chooseVolunteer { background-color: #f9f9f9; padding-bottom: 60px; }

.layout-main-content .chooseVolunteer .volunteerBanner { width: 100%; margin-bottom: 10px; padding-top: 20px; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor { height: 175px; box-sizing: content-box; padding: 45px 40px 0; background-color: #f1f1f1; background-image: url(https://youtu-website-imgs.oss-cn-beijing.aliyuncs.com/dragonfly-ai-frontend/pub_2-1/2022-07-29~17-39-22~V3-2-0/img/bdbg.b420b5b.png); }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor { width: 100%; float: left; position: relative; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .school_logo { float: left; margin-right: 20px; z-index: 900; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .school_logo img { width: 124px; height: 124px; border-radius: 50%; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .school_text { float: left; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .school_text p { font-size: 40px; color: #fff; margin: 15px 0 20px; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .school_text .info_list span { display: inline-block; margin-right: 10px; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .school_text .official-web { margin-top: 20px; font-size: 20px; color: #1989fa !important; cursor: pointer; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation { float: right; margin-top: 23px; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation img { width: 15px; float: left; margin-left: 8px; margin-top: 8px; margin-right: 3px; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation span { float: left; color: #338bff !important; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation .collection { border: 1px solid #338bff !important; margin-bottom: 10px; width: 74px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation .collection img { margin: 0 5px 0 0 !important; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation .collection.active { background-color: #338bff !important; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation .collection.active img { display: none; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation .collection.active span { color: #fff !important; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation .compared { width: 74px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; position: relative; border: 1px solid #338bff !important; display: flex; justify-content: center; align-items: center; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation .compared img { width: 18px !important; margin: 0 5px 0 0 !important; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation .compared.active { background-color: #338bff !important; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation .compared.active img { display: none; }

.layout-main-content .chooseVolunteer .volunteerBanner .banner_infor .school_infor .collection_situation .compared.active span { color: #fff !important; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs { padding: 20px 50px 30px; background-color: #fff; border-radius: 10px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .volunteerTabs_box { overflow: hidden; margin-bottom: 30px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .volunteerTabs_box > a { width: 140px; height: 50px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .volunteerTabs_box > a .clickStyle1 { background-color: #338bff !important; color: #fff; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .volunteerTabs_box .volunteerTabs_tab1 { border-radius: 8px 0 0 0; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .volunteerTabs_box .volunteerTabs_tab2 { float: left; width: 140px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; font-weight: 700; color: #454545; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #fff; cursor: pointer; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .volunteerTabs_box .border-box { float: left; width: 100%; border-bottom: 1px solid #eee; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox { width: 100%; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overviewTable { width: 100%; margin-bottom: 25px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overviewTable .el-table::before { left: 0; bottom: 0; width: 100%; height: 1px; content: ""; position: absolute; background-color: #ebeef5; z-index: 1; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overviewTable .el-table--border { border-right: 0; border-bottom: 0; border: 1px solid #ebeef5; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overviewTable .el-table__header-wrapper { overflow: hidden; width: 100%; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overviewTable .el-table__body-wrapper { overflow: hidden; position: relative; width: 100%; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overviewTable .table__header { table-layout: fixed; border-collapse: separate; border-spacing: 0; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overviewTable thead { color: #909399; font-weight: 500; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overviewTable thead tr { background-color: #fff; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overviewTable thead tr th { border-bottom: 1px solid #ebeef5; text-align: center; border-right: 1px solid #ebeef5; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overviewTable thead tr th .cell { padding: 7px; overflow: hidden; white-space: normal; word-break: break-all; line-height: 23px; display: inline-block; position: relative; word-wrap: normal; text-overflow: ellipsis; vertical-align: middle; width: 100%; box-sizing: border-box; color: #000; font-weight: 400; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box { overflow: hidden; width: 100%; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left { float: left; width: 766px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .college_profile { width: 100%; margin-bottom: 45px; position: relative; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .college_profile .profile_photo { height: 158px; margin-bottom: 20px; overflow: hidden; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .college_profile .profile_photo img { width: 239px; height: 158px; margin-left: 20px; cursor: pointer; display: inline-block; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .college_profile .profile_photo img:first-child { margin-left: 0; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .college_profile .expand-more-container .profile_text { width: 100%; line-height: 25px; font-size: 14px; text-align: justify; text-indent: 2em; color: #666 !important; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .history_culture { width: 100%; margin-bottom: 50px; position: relative; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .history_culture .culture_infor { font-size: 14px; line-height: 25px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .advantage_specialty { width: 100%; margin-bottom: 45px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .advantage_specialty .zhuanyeTj { height: 30px; line-height: 30px; background-color: #f8f8f8; padding-left: 20px; font-size: 14px; margin-bottom: 19px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .advantage_specialty .zhuanyeTj span { color: #333; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .well-known_alumni { width: 100%; margin-bottom: 50px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .well-known_alumni .alumni_xq_box { font-size: 14px; line-height: 25px; overflow: hidden; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .list_title { width: 100%; font-size: 16px; padding-bottom: 10px; border-bottom: 2px solid #eee; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment { width: 100%; margin-bottom: 30px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list { width: 766px; position: relative; overflow: hidden; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box { margin-top: 22px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box .list_box { width: 100%; overflow: hidden; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box .list_box .rw_zp { width: 60px; height: 60px; margin: 30px 25px 0 0; float: left; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box .list_box .rw_zp img { width: 60px; height: 60px; border-radius: 50%; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box .list_box .pl_nr { width: 678px; border: 1px solid #dcdfe6; position: relative; float: left; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box .list_box .pl_nr .pl_title { height: 34px; line-height: 34px; background-color: #f8f8f8; padding-left: 15px; color: #333; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box .list_box .pl_nr .pl_title span { font-size: 12px; color: #333; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box .list_box .pl_nr .comment_content { padding: 15px 15px 20px 25px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box .list_box .pl_nr .comment_content .pl_text { margin-bottom: 8px; font-size: 14px; line-height: 20px; text-align: justify; color: #666; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box .list_box .pl_nr .comment_content .pl_tp { overflow: hidden; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box .list_box .pl_nr .bottom_bg { display: inline-block; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; position: absolute; top: 45px; border-right: 12px solid #dcdfe6; left: -13px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .comment .comment_list .all_box .list_box .pl_nr .top_sj { border-right: 12px solid #fff; left: -11px; display: inline-block; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; position: absolute; top: 45px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .open-close-arrow-container { display: inline-block; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .open-close-arrow-container img { width: 20px; display: inline-block; margin-right: -5px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_left .comments .contunie-load-textclassname { color: #338bff !important; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right { width: 300px; float: right; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .Institution_ranking { width: 100%; height: 290px; margin-bottom: 30px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .Institution_ranking .rankingBox { margin-top: 20px; border: 1px solid #dcdfe6; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .Institution_ranking .rankingBox .ranking_title { width: 100%; height: 34px; line-height: 34px; font-size: 14px; background-color: #f8f8f8; text-align: center; color: #333; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .Institution_ranking .rankingBox .ranking_content { padding-left: 14px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .Institution_ranking .rankingBox .ranking_content .ranking_hn { display: flex; margin-bottom: 20px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .Institution_ranking .rankingBox .ranking_content .ranking_hn .rank { min-width: 48px; height: 25px; line-height: 25px; background-color: #ffa200; text-align: center; font-size: 16px; color: #fff; margin: 4px 35px 0 50px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .Institution_ranking .rankingBox .ranking_content .ranking_hn .title { font-size: 16px; line-height: 34px; color: #333; float: right; margin: 0 15px 0 0; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .Institution_ranking .rankingBox .ranking_content .ranking_hn:first-child { margin-top: 22px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .faculty { margin-bottom: 30px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .faculty .facultyBox { border: 1px solid #dcdfe6; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .faculty .facultyBox .faculty_gs_title { height: 34px; line-height: 34px; font-size: 14px; text-align: center; background-color: #f8f8f8; color: #333; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .faculty .facultyBox .faculty_bx_content { padding: 15px 10px 20px; line-height: 25px; font-size: 14px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .faculty .facultyBox .faculty_bx_content .profile_title_info { padding: 15px 10px 10px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .faculty .facultyBox .faculty_bx_content .profile_title_info .expand-more-container .faculty_gs_content { text-indent: 2em; font-size: 14px; line-height: 25px; text-align: justify; color: #666; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .student_ratio { margin-bottom: 30px; color: #000; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .student_ratio .facultyBox { border: 1px solid #dcdfe6; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .research_institutions .facultyBox { border: 1px solid #dcdfe6; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .research_institutions .facultyBox .scientific { background-color: #fff; padding: 15px 10px 10px 15px; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .research_institutions .facultyBox .scientific .laboratory { overflow: hidden; width: 190px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; }

.layout-main-content .chooseVolunteer .volunteerBody .volunteerTabs .routerBox .overview_box .overview_box_right .research_institutions .facultyBox .laboratory_length { color: #338BFF !important; display: inline-block; vertical-align: middle; margin-right: 14px; }