.select-mod {
    position: relative;
}
.select-mod .select-bar {
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}
.select-mod .select-native {
    display: none;
}
.select-mod .select-trigger {
    cursor: pointer;
}
.select-mod .select-btn {
    float: right;
    height: 100%;
    width: 30px;
    background: url(../images/jjl/arr1.png) no-repeat center;
}
.select-mod .select-txt {
    position: relative;
    padding: 0 1em;
    height: 100%;
    overflow: hidden;
}
.select-mod .select-val {
    position: relative;
    top: 50%;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transform: translateY(-50%);
}
.select-mod .select-cont,
.select-mod .select-query {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 1em 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.select-mod .select-cont::before,
.select-mod .select-query::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.select-mod .select-opts {
    position: relative;
    max-height: 16em;
    overflow: hidden;
}
.select-mod .select-opts.scroll-axis-y {
    padding-right: 30px;
}
.select-mod .select-opts .scroll-track-y {
    right: 12px;
}
.select-mod .select-item {
    padding: 0.4em 1em;
    line-height: 1.2;
    cursor: pointer;
}
.select-mod .select-item.cur {
    color: #578ab5;
}
.select-mod.at-t .select-cont {
    top: auto;
    bottom: 100%;
}
.select-mod.at-t .select-cont::before {
    top: 0;
    bottom: 1px;
}
.select-mod.sc-show {
    z-index: 1;
}
.select-mod.sc-show .select-cont {
    opacity: 1;
    visibility: visible;
}
.select-mod.sc-show .select-trigger .select-btn,
.select-mod.sc-show .select-trigger.select-btn {
    transform: rotate(180deg);
}
.select-mod.sq-show .select-query {
    opacity: 1;
    visibility: visible;
}
.select-mod .mCSB_scrollTools {
    right: 12px;
}

.mentor-list1 {padding: 80px 0 0;background-color: #fff;}
.mentor-list1 .mentor-list1-title {text-align: center;font-size: 30px;margin-bottom: 80px;}
.mentor-list1 .sear-box {display: flex; justify-content: space-between; align-items: center;font-size: 12px;}
.mentor-list1 .sear-box.sear1 {justify-content: center; margin-bottom: 55px;}
.mentor-list1 .sear-box.sear1 .middle {flex: 0;}
.mentor-list1 .sear-box .middle {flex: 1;font-size: inherit;letter-spacing: inherit;}
.mentor-list1 .sear-box .middle+ .middle {margin-left: 30px;}
.mentor-list1 .sear-box .ipt {border: 1px solid #cfcdcd;height: 49px; display: flex; align-items: center; padding: 0 1em;width: 360px;}
.mentor-list1 .sear-box .ipt input {width: 100%;display: block;}
.mentor-list1 .sear-box .button1 {display: flex; align-items: center; font-size: 12px; color: #ffffff; background-color: #578ab5; width: 96px;height: 46px; justify-content: center;margin-left: 30px;}
.mentor-list1 .sear-box .button1 .ico {width: 15px;height: 16px; background: url(../images/jjl/sear1.png) no-repeat center; background-size: contain;margin-right: 10px;}
.mentor-list1 .select-mod .select-bar {height: 49px;border-radius: 0;}
.mentor-list1 .tables {margin-top: 30px;}
.mentor-list1 .tables table {margin-bottom: 40px;width: 100%;}
.mentor-list1 .tables table tr {background-color: #fcfcfc; transition: all 0.3s ease-in-out;}
.mentor-list1 .tables table tr:nth-child(odd) {background-color: #f4f4f4;}
.mentor-list1 .tables table tr.bgl {background-color: #578ab5;}
.mentor-list1 .tables table th {font-size: 16px;height: 50px;font-weight: inherit;color: #ffffff;text-align: left !important;padding: 5px;}
.mentor-list1 .tables table th:first-child {padding-left: 30px;}
.mentor-list1 .tables table td {font-size: 14px;height: 50px;}
.mentor-list1 .tables table td a {display: block;padding: 5px;}
.mentor-list1 .tables table td:first-child {padding-left: 30px;}
.mentor-list1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #578ab5;}


.mentor-xx1 {background: #f7f7f7 url(../images/jjl/mentor-xx1.jpg)no-repeat bottom center; background-size: 100% auto;padding: 80px 0 0;}
.mentor-xx1 .wal {}
.mentor-xx1 .mar {padding: 0 60px 60px;position: relative;background-color: #ffffff;box-shadow: 0px 5px 16px 0px rgba(167, 167, 167, 0.15);}
.mentor-xx1 .top-con {display: flex;position: relative;padding: 0 0 0 60px;overflow: hidden; align-items: flex-end;z-index: 1;}
.mentor-xx1 .top-con .img {width: 285px;position: relative;z-index: 1;}
.mentor-xx1 .top-con .img::before {content: "";display: block;padding-top: 132.5%;}
.mentor-xx1 .top-con .img img {position: absolute;top: 0;left: 0;width: 100%;}
.mentor-xx1 .top-con .txt { flex: 1; width: 0;padding: 55px 60px;position: relative;}
.mentor-xx1 .top-con .txt .z-index {z-index: 1;position: relative;}
.mentor-xx1 .top-con .txt::before {content: "";position: absolute;top: 0;left: -9999px;bottom: 0;right: 0;background-color: #ffffff;box-shadow: 0px 5px 16px 0px rgba(167, 167, 167, 0.15);}
.mentor-xx1 .top-con .txt .t1 {font-size: 28px;margin-bottom: 50px;line-height: 1.4;}
.mentor-xx1 .top-con .txt .p-wp {display: flex; flex-wrap: wrap;padding-right: 150px;}
.mentor-xx1 .top-con .txt .p {width: 50%; display: flex; font-size: 16px;margin-bottom: 20px;padding-right: 20px;box-sizing: border-box !important;}
.mentor-xx1 .top-con .txt .p .s1 {font-weight: bold;}
.mentor-xx1 .top-con .txt .p .s2 {flex: 1;width: 0;}
.mentor-xx1 .top-con .txt .fh-ev {position: absolute;right: 60px;top: 60px;font-size: 16px;color: #578ab5;padding-left: 35px; background: url(../images/jjl/fh1.png) no-repeat left center;line-height: 1.6;z-index: 2;}
.mentor-xx1 .list {overflow: hidden; }
.mentor-xx1 .list .line {margin-top: 60px;}
.mentor-xx1 .list .line+.line {display: none;}
.mentor-xx1.show .list .line {display: block !important;}
.mentor-xx1 .list .line .top-bar {border-bottom: 2px solid #578ab5;}
.mentor-xx1 .list .line .top-bar .s1 {display: inline-block;background-color: #578ab5;color: #ffffff;line-height: 41px;padding: 0 15px;min-width: 120px;text-align: center;font-size: 18px;}
.mentor-xx1 .list .line .text {font-size: 16px;padding-right: 100px;}
.mentor-xx1 .list .line .text .p {margin-top: 25px;line-height: 1.6}
.mentor-xx1 .tar {text-align: right;}
.mentor-xx1 .tar .fun-btn {font-size: 16px; color: #5088b7;margin-top: 30px;cursor: pointer;display: inline-block;}

.mentor-list1 .label1{font-size: 16px; margin: 8px;} 


/* PC端 */
@media (min-width: 768px) {
    .select-mod .select-trigger:hover .select-btn,
    .select-mod .select-trigger.select-btn:hover,
    .select-mod .select-item:hover {
        color: #578ab5;
    }

    .mentor-list1 .tables table tr:hover {background-color: #578ab5;color: #ffffff;}
    .mentor-list1 .tables table tr:hover a {color: #ffffff;}
}

/* 移动端 */
@media (max-width: 768px) {
    .select-mod .select-native {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    .select-mod .select-opts {
        position: relative;
        height: 100%;
        overflow: auto;
    }


    .mentor-list1 {padding: 40px 0 0;}
    .mentor-list1 .mentor-list1-title {font-size: 20px;margin-bottom: 20px;}
    .mentor-list1 .sear-box.sear1 {margin-bottom: 5px;}
    .mentor-list1 .sear-box.sear1 .middle {flex: 1;}
    .mentor-list1 .sear-box.sear1 .middle .ipt {width: auto;height: 46px;}
    .mentor-list1 .sear-box .button1 {margin-left: 5px;}
    .mentor-list1 .sear-box.sear2 {display: block;}
    .mentor-list1 .sear-box .middle+ .middle {margin: 5px 0 0;}
    .mentor-list1 .select-mod .select-bar {height: 42px;}
    .mentor-list1 .tables {margin-top: 20px;}
    .mentor-list1 .tables table {display: block;margin-bottom: 0;}
    .mentor-list1 .tables table * {display: block;}
    .mentor-list1 .tables table tr {display: block;width: 100%;padding: 5px 0;height: auto !important;}
    .mentor-list1 .tables table thead tr:first-child {display: none;}
    .mentor-list1 .tables table td {width: 100%; height: auto !important;padding: 5px 15px !important;border: 0 !important;}
    .mentor-list1 .tables table td a {padding: 0;display: flex;flex: 1;}
    .mentor-list1 .tables table td a::before {content: attr(data-tit)':'; min-width: 65px; display: inline-block;}
    .mentor-list1 .page-mod {padding-bottom: 0;}
    .mentor-xx1 .top-con .txt .p {padding-right: 0;}
    .mentor-xx1 .top-con .txt .p-wp {padding-right: 0;}

    .mentor-xx1 {padding: 40px 0 0;}
    .mentor-xx1 .top-con {padding: 60px 0 0; display: block;}
    .mentor-xx1 .top-con .img {width: 56vw;margin: auto;}
    .mentor-xx1 .top-con .txt {width: auto;padding: 20px 15px; position: static;}
    .mentor-xx1 .top-con .txt .fh-ev {top: 15px;right: 15px;}
    .mentor-xx1 .top-con .txt .t1 {font-size: 22px;margin-bottom: 10px;}
    .mentor-xx1 .top-con .txt .p-wp {display: block;}
    .mentor-xx1 .top-con .txt .p-wp .p {width: auto;margin-bottom: 5px;}
    .mentor-xx1 .mar {padding: 0 15px 20px;}
    .mentor-xx1 .list .line {margin-top: 20px;}
    .mentor-xx1 .list .line .text {padding: 0;}
    .mentor-xx1 .list .line .text .p {margin-top: 5px;}
    .mentor-xx1 .tar .fun-btn {margin-top: 20px;}
    .mentor-list1 .label1{font-size: 14px; margin: 5px;}
}