@charset "UTF-8";
/*body {
    min-width: 1150px\0;
    min-width: 320px\9\0;
}*/

body {
    -webkit-text-size-adjust: 100%;
}
.right_box {
    position: relative;
    height: 100%;
}
.main_con {
    margin-left: 25%;
    padding-left: 25px;
    height: 100%;
}
.main_box {
    padding: 40px;
}
.right_main_box {
    max-width: 880px;
}
/* job_pic */

.job_pic {
    background: url(/dev/product/www_v3/imgs/job_state/left.jpg) no-repeat center;
    background-size: cover;
    height: 100%;
    width: 25%;
    position: fixed;
    left: 100px;
    top: 0;
    z-index: 90;
}
.job_place_title {
    font-size: 32px;
    color: #fff;
    padding: 10px 40px 0;
}
.job_crumbs {
    margin-top: 30px;
    margin-left: 40px;
    display: block;
    width: 22px;
    height: 16px;
    background: url(/dev/product/www_v3/imgs/job_state/job_crumbs_bg.png) 0 0 no-repeat;
}
.job_share {
    margin: 24px 0 10px;
    padding: 0 40px;
}
.job_share>p {
    font-size: 12px;
    color: #fff;
    float: left;
}
.job_share_icon {
    float: left;
}
.job_share_icon li {
    float: left;
    margin-left: 20px;
}
.job_share_icon a {
    display: block;
    width: 18px;
    background: url(/dev/product/www_v3/imgs/job_state/job_share.png) no-repeat;
    margin-top: 2px;
}
.job_share .job_share_wx {
    height: 14px;
    background-position: 0 0;
}
.job_share .job_share_wb {
    height: 14px;
    background-position: 0 -28px;
}
.job_share .job_share_qq {
    height: 17px;
    background-position: 0 -56px;
}
.job_share_wx:hover {
    background-position: 0 -14px;
}
.job_share_wb:hover {
    background-position: 0 -42px;
}
.job_share_qq:hover {
    background-position: 0 -73px;
}
.job_place_video li {
    padding: 0 40px;
    margin-top: 28px;
}
.job_place_video li a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
}
.job_place_video li a:hover {
    color: #f51e55;
}
.job_place_video li a i {
    font-size: 0;
    height: 1px;
    line-height: 1px;
    width: 20px;
    background: #f51e55;
    display: block;
    margin-top: 10px;
}
.job_place_video li a:hover i {
    width: 40px;
}
.job_video_ico {
    width: 14px;
    height: 14px;
    background: url(/dev/product/www_v3/imgs/job_state/video_ico.png) 0 0 no-repeat;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: -5px;
}
.job_place_video li a:hover .job_video_ico {
    background-position: 0 -14px;
}
.job_mark {
    height: 100%;
    width: 100%;
    background: rgba(141, 145, 153, 0.4);
    background: -webkit-linear-gradient(top, rgba(141, 145, 153, 0.6) 0%, rgba(141, 145, 153, 0) 70%);
    background: -moz-linear-gradient(top, rgba(141, 145, 153, 0.6) 0%, rgba(141, 145, 153, 0) 70%);
    background: -ms-linear-gradient(top, rgba(141, 145, 153, 0.6) 0%, rgba(141, 145, 153, 0) 70%);
}
/*  class */

.class_place_title {
    font-size: 24px;
}
.class_peo, .class_teacher {
    font-size: 12px;
    padding-bottom: 20px;
    line-height: 16px;
    color: #fff;
}
.job_share2 {
    margin: 20px 0 16px 0;
    height: 28px;
}
.class_peo_box, .class_time_bar_box {
    padding: 0 40px;
}
.class_share_line {
    font-size: 0;
    height: 2px;
    line-height: 2px;
    width: 40px;
    background: #c2c5c7;
    display: block;
    margin-bottom: 44px;
}
.class_money_box, .class_sign_con {
    padding: 0 40px;
}
.class_money_box {
    margin-bottom: 20px;
}
.class_money {
    font-size: 24px;
    color: #fff;
    display: inline-block;
}
.class_del {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
}
.class_sign {
    padding: 20px 30px;
    /*background: #f51e55;*/
    
    border-radius: 2px;
    text-align: center;
    font-size: 16px;
    color: #fff !important;
    display: inline-block;
}
@media screen and (max-width: 985px) and (min-width: 768px) {
    .job_place_title, .job_share, .job_place_video li, .class_peo_box, .class_money_box, .class_sign_con, .class_time_bar_box {
        padding-left: 30px;
        padding-right: 30px;
    }
    .job_share_icon li {
        margin-left: 8px;
    }
    .job_crumbs {
        margin-left: 30px;
    }
}
@media screen and (max-width: 767px) {
    .job_pic {
        width: 100%;
        height: 500px;
        position: static;
    }
    .job_place_title, .job_share, .job_place_video li, .class_peo_box, .class_money_box, .class_sign_con, .class_time_bar_box {
        padding-left: 30px;
        padding-right: 30px;
    }
    .main_con {
        margin-left: 0;
        padding-left: 0;
    }
    .main_box {
        padding: 0;
    }
    .job_crumbs {
        margin-left: 30px;
    }
}
/* mokao */

.moko_course_box {
    max-width: 880px;
    min-height: 415px;
    box-shadow: 0px 4px 20px #ddd;
    background: #fff;
    box-sizing: border-box;
    padding: 24px 40px;
}
.moko_course_box h3 {
    font-size: 18px;
    color: #303030;
    line-height: 32px;
    margin-bottom: 10px;
}
.moko_course_box p {
    font-size: 14px;
    color: #707070;
    line-height: 26px;
}
@media screen and (max-width: 767px) {
    .moko_course_box {
        padding: 15px 20px;
            min-height: 200px;
    }
}

.fenqi {
    padding: 0 40px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
}
.fenqi_label {
    color: #f51e55;
    border: 1px solid;
    padding: 0 3px;
    border-radius: 2px;
    margin-right: 5px;
}

@media screen and (max-width: 767px) {
    .fenqi {
        padding: 0 30px;
    }
}