.details_top {
    width: 100%;
    height: 400px;
    background: #FFFFFF;
    box-shadow: inset 0px 1px 0px 0px rgba(187, 187, 187, 0.15);
}

body {
    background: #EBECF0;
}

/*详情顶部*/
.details_warp {
    height: 400px;
}

.details_box {
    padding: 50px 0px 50px 10px;;
    height: 300px;
}

.details_img {
    width: 411px;
    height: 238px;
}

.details_fr {
    padding-left: 50px;
    width: 430px;
}

.details_titlecot {
    color: #333333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.details_xq {
    width: 392px;
    height: 66px;
    /*background-color: #f0f0f4;*/
    margin: 15px 0px 5px 5px;
}

.details_xq p {
    padding-left: 9px;
    font-size: 12px;
    line-height: 23px;
}

.price_F {
    color: #ff0000;
}

.price_num {
    color: #ff0000;
    padding-left: 20px;
}

.kuaidi {
    color: #666666;
    font-size: 12px;
    margin-top: 5px;
    color: #666666;
    padding: 10px 0;
}

.goods_num {
    width: 34px;
    height: 16px;
    text-align: center;
    outline: none;
    border: 0;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

.goods_add {
    width: 16px;
    text-align: center;
    line-height: 14px;
    height: 18px;
    border: solid 1px #e3e3e3;
    outline: none;
    background: #FFFFFF;
}

.goods_min {
    width: 16px;
    text-align: center;
    line-height: 14px;
    height: 18px;
    border: solid 1px #e3e3e3;
    outline: none;
    background: #FFFFFF;
    margin-left: 20px;
}

.goods_numbox {
    width: 16px;
    cursor: default;
}

.cart_box {
    width: 117px;
    height: 32px;
    background: #ff0000;
    margin-left: 80px;
    text-align: center;
    color: #FFFFFF;
    cursor: default;
}

.cart_p {
    padding-top: 5px;
}

.cart_p:before {
    content: url(../images/cart_02.png);
}

.people_num {
    color: #999999;
    font-size: 12px;
    padding-top: 30px;
}

.fenxiang_p {
    color: #666666;
    font-size: 18px;
    margin-top: 10px;
}

.fenxiang_p:before {
    content: url(../images/fengxiang.png);
}

.join_cart {

    border: 1px solid #0055DA;
    width: 150px;
    height: 40px;
    margin-left: 20px;
    color: #FFFFFF;
    line-height: 40px;
    margin-top: 20px;
}

.join_cart p {
    color: #0055DA;
    text-align: center;
    line-height: 36px;
}

.join_cart p:before {
    content: url(../images/buy_cart.png);
    padding: 5px;
}

.buy_cart {
    text-align: center;
    width: 150px;
    height: 40px;
    margin-left: 20px;
    background: #0055DA;
    color: #FFFFFF;
    line-height: 40px;
    margin-top: 20px;
}

/*内容*/

.details_title {
    height: 42px;
    /*background-color: #fafafa;*/
}

.details_titlebox {
    width: 120px;
    height: 42px;
    border-top: 2px solid #0055DA;
    background-color: #0055DA;
    text-align: center;
    line-height: 42px;
    color: #ffffff;
}

.details_imgbox {
    padding: 30px 21px 81px 29px;
    background: #FFFFFF;
    border:1px solid rgba(244,244,244,1);
}

.details_tuijian {
    height: 198px;
    background: #FFFFFF;
}

.details_ul li {
    width: 159px;
    height: 159px;
    float: left;
}

.details_cot .details_imgbox p img {
    display: inline-block !important;
}

.details_xinxi {
    width: 349px;
    height: 216px;
    box-shadow: inset 0px 2px 0px 0px #0055DA;
    background: #FFFFFF;
    margin-bottom: 20px;
}

.details_xinxi > p {
    font-size: 16px;
    padding: 16px 0px 0px 12px;
}

.details_zixinul {
    padding-left: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-right: 20px;

}

.details_zixinul li {
    margin-top: 14px;
    font-size: 14px;
}

.details_addimg {
    width: 349px;
    height: 199px;
}

.details_zixinul li:hover a {
    color: #0055DA;
}

/*课程目录*/
.course_titlebox {
    padding: 30px 0;
    clear: both;
}

.course_title {
    height: 22px;
    line-height: 22px;
    /*    border-left: 4px solid #0091f4;*/
    padding-left: 10px;
    font-size: 18px;
}

.kcml_tit {
    padding: 30px 0px;
}

.inactive {
    width: 100%;
    height: 40px;
    background: #EBECF0;
    line-height: 40px;
}

.inactive h5 {
    margin-left: 20px;
}

.mulu_list > li > ul > li {
    width: 660px;
    border-bottom: 1px solid #EAEAEA;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
}

.audition {
    padding-right: 20px;
    color: #009cf5;
}

.audition:before {
    content: url(../images/bofang.png);
    padding-right: 10px;
}

.c999 {
    color: #999999;
}

/*.mulu_list>li>.inactive{background: url("../images/detail/zhankai.png") no-repeat 700px center;}
.mulu_list>li>.inactives{background: url("../images/detail/shouqi.png") no-repeat 700px center;}*/
/*.mulu_list>li>.inactive.inactives:before, .mulu_list>li>.inactive:before{display:inline-block;margin-right: 40px;}*/
.mulu_list > li > .inactive.inactives:before {
    content: "收起";
}

.mulu_list > li > .inactive.inactives:after {
    content: url(../images/shouqi.png);
    float: right;
    display: inline-block;
    margin-right: -50px;
}

.mulu_list > li > .inactive:before {
    content: "展开";
}

.mulu_list > li > .inactive:after {
    content: url(../images/zhankai.png);
    float: right;
    display: inline-block;
    margin-right: -50px;
}

.mulu_list > li > .inactive.inactives:before, .mulu_list > li > .inactive:before {
    display: inline-block;
    float: right;
    margin-right: 40px;
}

.top_hidebox {
    background: #FFFFFF;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    z-index: 800;
    display: none;
}

.top_cot {
    width: 1200px;
    margin: 0 auto;
    height: 40px;
}

.font14 {
    width: 100%;
    height: 40px;
    background: #EBECF0;
    line-height: 40px
}

/*右侧资讯*/

.ab_addimg {
    width: 288px;
    height: 192px;
}

