/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-11-28, 15:25:10
    Author     : Administrator
*/
.box_detail{
    width:100%;margin:0 auto;min-width:1200px;border-top:2px solid #eeeeee;padding-top:20px;
}
.box_detail .box_course{width:1100px;margin:0 auto;}
.box_detail .box_course dl{width:100%;display:flex;display:-webkit-flex;display: -moz-flex;}
.box_detail .box_course dl dt{width:522px;max-height:364px;float:left;overflow:hidden;}
.box_detail .box_course dl dt img{width:100%;}
.box_detail .box_course dl dd{float:left;margin-left:36px;width:400px;position:relative;padding-bottom:60px;}
.box_detail .box_course dl dd .course_tit{font-size:20px;color:#2c2b34;font-weight:bold;line-height:50px;}
.box_detail .box_course dl dd .course_con{color:#959494;}
.box_detail .box_course dl dd .course_tea{
   display:inline-block; vertical-align:middle;
}
.box_detail .box_course dl dd .course_tea img{
    width:40px;height:40px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;
}
.box_detail .box_course dl dd .course_con_mg16{margin-top:16px;}
.box_detail .box_course dl dd .course_btn{position:absolute;bottom:2px;width:100%;}
.box_detail .box_course dl dd .course_btn .span_btn{
    display:inline-block;width:158px;height:45px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
    background:#fc7736;color:white;line-height:45px;text-align:center;margin-left:10px;cursor:pointer;
}
.box_detail .box_course dl dd .course_btn .course_con_study{
    margin-left:40px;background:#fca77e;
}
.box_detail .box_course dl dd .course_btn .span_qrcode_box{position:absolute;text-align:center;display:none;bottom:45px;left:26px;}
.box_detail .box_deta_nav{width:100%;height:60px;background:#eeeeee;margin-top:40px;}
.box_detail .box_deta_nav ul{width:1100px;height:100%;margin:0 auto;}
.box_detail .box_deta_nav ul li{float:left;width:166px;height:100%;line-height:60px;text-align:center;cursor:pointer;}
.box_detail .box_deta_nav ul li.active{background:#76bb0e;color:white;}
.box_detail .box_deta_msg{width:1050px;margin:0 auto;padding-bottom:20px;min-height:160px;}
.box_detail .box_deta_msg .box_deta_con img{width:100%;}
.box_detail .box_deta_msg .box_deta_item{margin-top:20px;}
.box_detail .box_deta_msg .box_deta_course{height:150px;}
.box_detail .box_deta_msg .box_deta_course dt{float:left;height:144px;overflow:hidden;width:274px;}
.box_detail .box_deta_msg .box_deta_course dt img{
    width:274px;height:144px;border-top-left-radius:10px;
    border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;;
}
.box_detail .box_deta_msg .box_deta_course dd{float:left;margin-left:20px;position:relative;width:700px;color:black;height:100%;}
.box_detail .box_deta_msg .box_deta_course dd .box_deta_ctype{
    position:absolute;right:10px;top:20px;padding:10px 20px;border:1px solid #fd905a;
    border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;color:#fd905a;top:60px;
}
.box_detail .box_deta_msg .box_deta_ctit{font-size:16px;padding-top:10px;}
.box_detail .box_deta_msg .box_deta_des{color:#959494;margin-top:10px;width:560px;}
.box_detail .box_deta_tea{position:absolute;width:100%;bottom:0;}
.box_detail .box_deta_t_img{vertical-align:middle;display:inline-block;}
.box_detail .box_deta_t_img img{
    width:46px;height:46px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;
}