/*
 * @description: 0-0-0会员服务-未登录
 * @filename: index.css
 * @author: longhaiyan
 * @date: 2020-06-16 11:39:26
 * @lasteditors: please set lasteditors
 * @lastedittime: 2022-02-18 09:55:11
 */
body {
    background: #f6f7f9;
}

.cstd_contarner {
    margin-top: 60px;
}

.index_right {
    width: 100%;
    float: right;
}

.item_title {
    margin-bottom: 40px;
}

.free_services {
    overflow: hidden;
}

.free_services .service_item:nth-child(4n) {
    margin-right: 0px;
}

.service_item {
    width: 182px;
    float: left;
    margin-right: 30px;
    display: block;
    overflow: hidden;
}

.service_item_img {
    width: 182px;
    height: 136px;
    background-color: #b4b4b4;
    border-radius: 6px;
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.service_item_img img {
    max-width: 100%;
    max-height: 100%;
}

.service_item_txt {
    width: 100%;
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.service_item:hover .service_item_txt {
    color: #1076d5;
}

.course_item {
    overflow: hidden;
    padding: 30px;
    /* border-bottom: 1px solid #e5e5e5; */
    margin-bottom: 30px;
    display: block;
    background-color: #ffffff;
}

.course_item:hover {
    box-shadow: 0px 14px 13px 0px rgba(84, 84, 84, 0.1);
}

.course_item:hover .course_title {
    color: #1076d5;
}

.course_box .course_item:last-child {
    margin-bottom: 0px;
}

.course_image {
    width: 320px;
    height: 240px;
    border-radius: 8px;
    float: left;
    margin-right: 30px;
}

.course_discripe {
    width: 790px;
    float: left;
}

.course_operation {
    width: 220px;
    float: right;
}

.course_title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.course_time {
    font-family: microsoftyahei;
    font-size: 16px;
    height: 120px;
    /*overflow: hidden;
    display: -webkit-box;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 30px;
    color: #666666;
    margin-bottom: 30px;
}

.course_price {
    overflow: hidden;
    margin-bottom: 30px;
}

.course_old_price {
    font-size: 16px;
    color: #fe4c4b;
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}

.font_big {
    font-size: 20px;
}

.font_little {
    font-size: 16px;
}

.course_vip_price {
    width: 128px;
    height: 40px;
    border-radius: 4px;
    background:  no-repeat;
    background-size: 100% 100%;
    float: left;
    overflow: hidden;
}

.course_vip_price_left {
    width: 50%;
    text-align: center;
    float: left;
    line-height: 40px;
    color: #fff;
}

.course_vip_price_right {
    width: 50%;
    text-align: center;
    float: left;
    line-height: 40px;
    color: #ff943d;
}

.check_detail {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #1076d5;
    border-radius: 4px;
    border: 1px solid #1076d5;
    font-size: 16px;
    color: #fff;
}
.uncheck_detail {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: lightgrey;
    border-radius: 4px;
    border: 1px solid lightgrey;
    font-size: 16px;
    color: #fff;
    cursor: no-drop;
}

.check_detail:hover {
    color: #1076d5;
    background: transparent;
}


.advertising{
    width: 100%;
    background: #ffffff;
    height: 200px;
    padding: 30px 0px;
    box-sizing: border-box;
}
.advertising a{
    display: block;
    width: 1200px;
    margin: 0px auto;
}