/*实操课程样式*/
.isnaiContent{padding:20px 0 50px 0;}
/*实操课程导航*/
.coursecate{ font-size:18px; color: #333333;height: 90px;}
.coursecate li{ float: left; color: #666666;min-width: 60px; height: 40px;}
.coursecate li a{color: #666666; text-decoration: none; display: inline-block; padding: 5px 10px;}
.course-nav-type{margin-bottom: 50px;}
.coursecate  .course-nav-type li a:hover{ color: #ffffff; background-color:#1082ff; display: inline-block;border-radius: 6px;}
.coursecate h2{float:left; font-size:18px; width:55px; line-height:40px; font-weight:400; }
/*.course-nav-type, .course-nav-industry, .course-nav-sort{ position: relative;clear: both;}*/
.course-nav-type ul, .course-nav-industry ul, .course-nav-sort ul{ float: left; width:850px;}
.coursecate .course-nav-atv{background-color:#1082ff; display:inline-block;border-radius: 6px; color:#ffffff;height:40px;text-align:center;line-height: 30px;}
.coursecate .course-nav-atv a{ color: #ffffff; padding: 5px 10px;}
.course-nav-industry{ margin:10px 0; overflow:hidden;}
.course-nav-type li,.course-nav-industry li,.course-nav-sort li{ line-height:30px; margin: 0 5px;}
.course-nav-type span{ position:absolute; top:10px; right:0;}

/*实操课程css*/
.ContentTabTit .ContentTabTitH{float: left;display: inline-block;}
.indexCourse{height:500px;margin-top:5px;}
.CourseSearch span{width: 50px; height: 38px; background-color: #0082C2; color:#ffffff; float: left; display: inline-block; font-size: 14px; color: #ffffff; text-align: center; line-height: 38px;}
.courseSelectDiv ul{margin: 0; padding: 0;}
.courseSelectDiv li{float:left; border: 1px solid #e8e8e8; padding-bottom:6px;transition: 0.5s; width:285px; overflow: hidden; margin-right:13px; margin-bottom:15px; overflow: hidden; height:235px;background-color: #ffffff;}
.courseSelectDiv img{border-bottom: 1px solid #e8e8e8;width:285px;height:auto;border-bottom: 1px solid #dddddd;overflow: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;}
.indexCourseImg{width:285px;height: 160px;overflow: hidden;text-align: center;border-bottom: 1px solid #cccccc;}
.indexCourseImg1{width:220px;height: 124px;overflow: hidden;text-align: center;border-bottom: 1px solid #cccccc;}
.courseSelectDiv li:after{clear:both;}
.courseSelectDiv li:last-child{margin-right:0;}
.courseSelectDiv li:hover{transform:translateY(-5px); box-shadow: 0 0 0.5625rem rgba(0,0,0,.2);}
.courseSelectDiv h3{ display:block; color:#333333; line-height:20px; font-size:14px; font-weight: bold; margin: 0; height:22px;padding:10px; padding-bottom: 0;overflow: hidden;display: -webkit-box;text-overflow:ellipsis; -webkit-line-clamp:1;-webkit-box-orient: vertical;}
.courseSelectDiv h3:hover{ color:#0082C2;}
.courseSelectDiv p{ display:block; line-height:22px;}
.courseSelectDiv a:hover{text-decoration: none;}
.courseSelectDiv span{ display: inline-block; float: left; margin: 0; color:#b10000;font-size:16px;}
.courseSelectDiv .buy{float: right;border: 1px solid #b10000;border-radius:20px;padding:5px; font-size:14px}
.courseSelectDiv del{ margin-left: 10px;font-size: 10px; color: #999999;}
.courseDescribe{padding: 10px;}

/* 购买页样式 */
.buy{}
.buyLeft{ width:685px; overflow:hidden;}
.buytit{ font-size: 30px; line-height: 60px;}
.conVideo{width:685px; }
.tb-detail-tit{height:30px;}
.pv-video{width:685px; }
.buyRight{background-color: #ffffff;padding: 20px;width:445px; margin-left:30px;} 
.buyDirec{ min-height: 400px;}
.buylist li{clear: both; height:45px; line-height:22px;}
.buylist img{margin-bottom: 12px;}
.buylist span{}
.buylist a{padding-left:5px; width: 500px; display: inline-block; font-weight: bold;white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis;    color: #666666;}
.buylist i{ width: 52px; height: 30px; float: right;background-color: #fdf6f6; text-align: center; line-height: 30px; color: #b10000;border-radius:20px ;}
.details{}
.tb-detail-rmb span{ font-size:24px; color: #b10000;}
.price{background: #F7F7F7; padding: 10px; border-radius: 0.5rem; margin-bottom: 15px; }
.price p{ line-height:22px;}
.teacherTit{height:45px; font-size: 16px; line-height: 45px; font-weight: bold;}
.details h2{ font-size:16px; line-height: 30px;}
.details p{ text-indent: 2em;}
.teacherDic dd{float: left; margin: 0 auto; text-align: center; margin-right: 20px;}
.teacherDic dt{ line-height:30px;}
.teacherDic img{ box-shadow: 0 2px 6px #ccc;-webkit-box-shadow: 0 2px 6px #ccc; width:100px; height:100px;border-radius: 100%;}
.teacherDic dl{overflow: hidden; margin:20px 0;}
.teacherDic p{ text-indent: 2em; line-height: 24px;}
.diePay{height: 50px;}
.am-cf{ margin: 20px 0;}
.am-cf li{float: left;}
.tb-detail-tit span{ color: #1082ff; }
.btn_buy{ background-color: #b10000; color: #ffffff; width: 120px; height: 42px; margin-right: 10px;border-radius:10px;}
.btn_addcart{color: #333333;width: 120px; height: 42px; margin-right: 10px;border-radius:10px;}		
.btn_addfav{ margin-right: 10px;border:none;border-radius:0.5rem;}

/* 课程里的进度条 */
.loader{width:200px;margin:0 auto;flex-direction:column-reverse;color:#8aaaff;font:1em sans-serif}
progress[value]{width:12.5em;height:0.25em;border:none;border-radius:0.125em;width:100%;background:#e6eeff}
progress[value]::-webkit-progress-bar{border:none;border-radius:0.125em;background:#e6eeff}
progress[value]::-webkit-progress-value{border:none;border-radius:inherit;background:linear-gradient(90deg,#8aaaff,#fa8cff)}
progress[value]::-moz-progress-bar{border:none;border-radius:inherit;background:linear-gradient(90deg,#8aaaff,#fa8cff)}
progress[value]::-ms-fill{border:none;border-radius:inherit;background:linear-gradient(90deg,#8aaaff,#fa8cff)}
output:not(:empty){padding-bottom:1em}
output:not(:empty):after{content:'%'}

/* 个人中心页面 */
.studyLeft{ margin-right:15px; width:240px;background-color: #ffffff; padding-bottom:35px;min-height:580px;}
.studyRight{ margin-right: 10px; overflow: hidden; width:935px;}
.studyPortrait{ height:170px;}
.studyCenterLeft{ padding: 20px 0;}
.studyCenterLeft li i{font-size: 24px;}
.studyCenterLeft li{line-height:50px; text-align:left; height: 50px;padding-left:40px; width:201px;}
.studyCenterLeft li:hover{background-color: #e7f2ff;color: #1082ff; display: block; cursor:pointer;border-left:4px solid #049be3;}
.studyCenterLeft li:hover i{color: #1082ff;}
.studyCenterLeftAtv{ background-color: #e7f2ff; color: #1082ff; border-left:4px solid #049be3; }
.studyCenterLeftAtv i{color: #1082ff;}
.studyCenterLeft i{padding-right: 10px;}
.studyCenterC{ margin-top: 20px;width:100%; margin: 0 auto; margin-top: 20px; color: #000000;}
.studyCenterC table tr{ height:30px; }
.studyCenterTitle i{ width:4px;background-color:#049be3; height:16px; display: inline-block; float: left; margin-right: 10px;}
.studyCenterTitle p { line-height:28px;}
.studyPortrait{padding-top:25px; margin: 0 auto; text-align: center;}
.studyPortraitImg img{ width: 88px; height: 88px;border-radius: 100%;}
.studyPortrait p{ line-height:30px; color: #666666; margin-top: 10px;}

.styduConTit{ margin: 20px 0;}
.styduConTit i{ width: 6px; height: 22px; background-color: #1082ff; display: inline-block; float:left; margin-right: 10px;}
.styduConTit h2{font-size: 22px;}
.studyCourCon{ background-color: #ffffff;}
.studyCourCon ul{margin: 0; padding: 0;}
.studyCourCon li{float:left; border: 1px solid #e8e8e8; padding-bottom:6px; padding-bottom: 15px;transition: 0.5s; width:220px; overflow: hidden; margin-right:11px; margin-bottom:15px; overflow: hidden; height:auto;background-color: #ffffff;}
.studyCourCon img{border-bottom: 1px solid #e8e8e8;width:220px;height:auto;border-bottom: 1px solid #dddddd;overflow: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;}

.studyCourCon li:after{clear:both;}
.studyCourCon li:last-child{margin-right:0;}
.studyCourCon li:hover{transform:translateY(-5px); box-shadow: 0 0 0.5625rem rgba(0,0,0,.2);}
.studyCourCon h3{ display:block; color:#333333; line-height:20px; font-size:14px; font-weight: bold; margin: 0; height:22px;padding:10px; padding-bottom: 0;overflow: hidden;display: -webkit-box;text-overflow:ellipsis; -webkit-line-clamp:1;-webkit-box-orient: vertical;}
.studyCourCon h3:hover{ color:#0082C2;}
.studyCourCon p{ display:block; line-height:22px;}
.studyCourCon a:hover{text-decoration: none;}
.studyCourCon span{ display: inline-block; float: left; margin: 0; font-size:14px;padding: 3px;}
.studyCourCon .sDate{ color: #b10000;border: 1px solid #b10000;border-radius:20px;padding:5px; font-size:12px; text-align: center; background-color: #fdf6f6; margin: 0 auto; width: 150px;}
.studyCourCon del{ margin-left: 10px;font-size: 10px; color: #999999;}
.studyCourCon h6{font-weight:normal;}
.studyCourCon h5{font-weight:normal;}
.studyCourCon h4{font-weight: normal;}

/* 个人信息 */
.studyCenterRight{min-height:580px; padding:20px;}
.studyCenterRight .electiveCon .tabs-selected .tabs-inner{ color:#ffffff;}
.studyMessage .pagination-info{ margin-top: 10px;}
.information{width:100%; margin: 0 auto; margin-top: 20px; color:#000000;}
.information input{border:1px solid #bdbdbd; padding: 5px; width:350px; height:26px; }
.information div{width:90%; line-height: 36px; margin-bottom:30px;}
.invoice_list{ margin:15px 0; height:40px;}
.invoice_list [type='radio']{ margin: 0 5px 0 5px;}


.orders{background-color: #ffffff;min-height: 560px;padding:10px;}
.orders th{background-color: #f2f2f2;}
.orders button{ margin: 0 5px;}
.orders .table-basic.table{}
.orders .table-basic.table td{ line-height: 24px;}
.orders table thead tr{background-color: #f2f2f2;}
.orders table thead th span{ margin-left: 10px;}



/* 收藏夹和购物车 */
.cart{background-color: #ffffff;min-height:560px;padding:10px; overflow: hidden;}
.cart li{ text-align:left; width:100%; float: left; margin-bottom: 20px; border-bottom:1px solid #cccccc; padding-bottom: 20px;cursor:pointer;}
.infor{ width:500px; margin-left: 10px; position: relative; min-height: 124px;}
.infor h3{ line-height:22px;}
.infor h6{display: block; line-height: 30px; color:red; font-weight: normal; font-size: 18px;}
.inforBtn{position: absolute; left: 0; bottom: 0;}
.infor button{ margin-right:10px;}

/*师资介绍*/
.TeacherConPic li {
    width: 220px;
    float: left;
    height: 175px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 20px;
    text-align: center;
}
.TeacherConPic h2{padding-top:10px;}
.teacherQuarters {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-top:20px;
}

/*师资详情*/
.teacherDetCon {
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    padding: 20px;
    margin-top: 15px;
    padding-bottom: 0;
    min-height: 300px;
    margin-bottom: 20px;
}

.teacherDetConTop {
    overflow: hidden;
    height: auto;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}
    .teacherDetConTop dt {
        width: 240px;
        background: url(../img/fg.png) right no-repeat;
        float: left;
        margin: 0 auto;
        text-align: center;
        margin-right: 20px;
    }
    .teacherDetConTop img {
        box-shadow: 0 2px 6px #ccc;
        -webkit-box-shadow: 0 2px 6px #ccc;
        width: 180px;
        height: 180px;
        border-radius: 100%;
    }
    .teacherDetConTop dd {
        line-height: 34px;
        font-size: 14px;
    }
.teacherDetConBom h2 {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    color: red;
}