@charset "utf-8";

/*
* description: details CSS
* date: 2016-05-13
*/

/*
* detail
*/

/*
* interview detail
*/
.det-operation{margin-bottom:8px;}
.interviewdet-tags{padding-top:18px;color:#a2b1b8;vertical-align:middle;}

/*
* left
*/

/*
* 教程简介
*/
.tutordet-ce1{padding-bottom:20px;border-bottom:1px solid #e4e9eb;}
.tutordet-ce1 .tutordet-cover{position:relative;float:left;overflow:hidden;}
.tutordet-cover > .tutordet-cover-img{width:100%;height:100%;}
.tutordet-tags{padding-top:0;color:#a2b1b8;vertical-align:middle;}
@media (min-width:768px){
  .tutordet-ce1 .tutordet-cover{width:220px;height:165px;}
}
@media (min-width:1200px){
  .tutordet-ce1 .tutordet-cover{width:280px;height:210px;}
}

/*
* des summary
*/
.tutordet-des{position:relative;padding-right:19px;padding-left:19px;}
.tutordet-des > h1{height:24px;margin-top:10px;margin-bottom:16px;overflow:hidden;font-size:18px;font-weight:700;line-height:1.3333333;color:#0f233a;}
.tutordet-summary{padding:10px;margin-bottom:18px;background-color:#f1f5f7;color:#43535c;border-radius:20px 0 20px 0;}
.tutordet-summary p{max-height:96px;margin-bottom:0;overflow:hidden;font-size:14px;line-height:1.7142857;}
.tutordet-operation .details-operation > span,.tutordet-operation .details-time > em{font-size:14px;line-height:1;}
@media (min-width:768px){
  .tutordet-des{height:165px;}
}
@media (min-width:1200px){
  .tutordet-des{height:210px;}
}

/*
* opens detail
*/
.opensdet-details{position:relative;overflow:hidden;background-color:#fff;border:1px solid #e4e9eb;}
.opensdet-introduction{margin-bottom:24px;}
.opensdet-con{position:relative;margin-right:-20px;margin-left:-20px;}
.opensdet-left,.opensdet-right{padding-right:20px;padding-left:20px;}
.opensdet-left{float:left;}
.opensdet-right{float:right;}
@media (min-width:768px){
  .opensdet-left{width:100%;}
  .opensdet-right{display:none;}
}
@media (min-width:1200px){
  .opensdet-left{width:870px;}
  .opensdet-right{display:block;width:350px;}
}

/*
* opens details cover
*/
.opensdet-intro-cover{position:relative;float:left;display:block;overflow:hidden;}
.opensdet-intro-cover > .opensdet-intro-cover-img,.opensdet-intro-tead-cover > .portrait,.opensdet-rela-cover > .opensdet-rela-img{width:100%;height:100%;}
.opensdet-intro-des{height:270px;padding-left:20px;}
#outline{display:none;}
.opensdet-c1{position:relative;padding:19px;overflow:hidden;}
@media (min-width:768px){
  .opensdet-intro-cover{width:200px;height:150px;}
}
@media (min-width:992px){
  .opensdet-intro-cover{width:360px;height:270px;}
}
@media (min-width:1200px){
}

/*
* teacher info
*/
.opensdet-intro-tead{float:right;min-width:240px;overflow:hidden;background-color:#edf2f4;border-radius:70px 0 0 70px;-webkit-animation:slideInRight .75s ease-out;animation:slideInRight .75s ease-out;}
.opensdet-intro-tead-cover{position:relative;float:left;display:block;width:60px;height:60px;overflow:hidden;}
.opensdet-intro-tead-des{display:table-cell;padding-left:12px;}
.opensdet-intro-tead-des p{margin-top:5px;margin-bottom:0;font-size:14px;line-height:1.5;color:#70818b;}
.opensdet-intro-tead-p1 > a{padding-right:10px;font-weight:700;color:#0f233a;}
.opensdet-intro-tead-p2 > a{padding-right:5px;font-size:18px;font-weight:700;line-height:1.166667;color:#0097e6;}
.opensdet-intro-tead-p1 > a:hover{color:#0097e6;}
@media (min-width:768px){
  .opensdet-intro-tead{padding:8px 10px;margin:-19px -19px 0 10px;}
}
@media (min-width:992px){
  .opensdet-intro-tead{padding:10px;margin:0 -19px 10px 10px;}
}

/*
* introduction det
*/
.opensdet-intro-title{height:24px;margin-top:10px;margin-bottom:12px;overflow:hidden;font-size:18px;font-weight:700;line-height:1.3333333;color:#0f233a;cursor:default;}
.opensdet-intro-des > .sale-prices{padding-top:12px;padding-bottom:12px;}
.opensdet-intro-chap{margin-bottom:22px;}
.opensdet-intro-d1{position:relative;margin-top:18px;}
.opensdet-intro-chap > h5{display:inline-block;padding-right:5px;margin-top:12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;color:#0f233a;}
.opensdet-intro-chap > h5 > em,.opensdet-intro-chap > h5 > a{padding-left:4px;padding-right:8px;font-style:normal;}
.opensdet-intro-btnd .opensdet-intro-btn{float:left;font-size:14px;line-height:20px;}
.opensdet-intro-btnd .opensdet-intro-btn + .opensdet-intro-btn{margin-left:10px;}
.opensdet-intro-btnd .opensdet-intro-codea{float:left;display:inline-block;margin-top:28px;font-size:14px;line-height:1.42857143;color:#0097e6;cursor:pointer;}
.opensdet-intro-btnd .opensdet-intro-codea:hover{color:#007cdb;}
@media (min-width:768px){
  .opensdet-intro-chap > h5{min-width:40%;}
  .opensdet-intro-btnd .opensdet-intro-btn{width:100px;height:42px;padding:10px;}
}
@media (min-width:992px){
  .opensdet-intro-chap > h5{min-width:242px;}
  .opensdet-intro-chap > h5:nth-child(even){width:40%;}
}
@media (min-width:1200px){
  .opensdet-intro-chap > h5:nth-child(even){width:60%;}
  .opensdet-intro-btnd .opensdet-intro-btn{width:120px;height:48px;padding:13px;}
}

/*
* detail det
*/
.opensdet-title{position:relative;border-bottom:1px solid #e4e9eb;}
.opensdet-title > h4{float:left;display:inline-block;padding:20px 18px 18px;margin-right:12px;margin-bottom:-1px;font-size:14px;line-height:1.42857143;color:#0f233a;border-bottom:2px solid transparent;cursor:pointer;-webkit-transition:all .32s ease-out;transition:all .32s ease-out;}
.opensdet-title > h4:hover{font-weight:700;}
.opensdet-title > h4.active{font-weight:700;color:#0097e6;border-bottom-color:#0097e6;}

/*
* details
*/
.opensdet-c1 p{margin-top:8px;margin-bottom:8px;font-size:14px;line-height:2;color:#43535c;}
.opensdet-c1 img{max-width:100%;height:auto;}

/*
* outline
*/
.detail-outline-d1{padding-top:27px;padding-bottom:20px;border-bottom:1px solid #e4e9eb;}
.detail-outline-d1:first-child{padding-top:8px;}
.detail-outline-d1:last-child{padding-bottom:0;border-bottom:0;}
.detail-outline-d1 > h4{margin-bottom:16px;font-size:18px;font-weight:400;line-height:1.5;}
.detail-outline-d1 > h4 > strong{padding-right:12px;font-weight:400;}
.detail-outline-d1 > ul > li{padding:6px 10px;font-size:14px;line-height:1.42857143;color:#43535c;}
.detail-outline-d1 > ul > li > strong{padding-right:10px;font-weight:400;}

/*
* Related tutorial
*/
.opensdet-rela-title{padding-bottom:15px;border-bottom:1px solid #e4e9eb;}
.opensdet-rela-title > h4{font-size:14px;font-weight:400;line-height:1.42857143;color:#0f233a;}
.opensdet-rela-iteam{position:relative;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e4e9eb;}
.opensdet-rela-iteam .opensdet-rela-cover{position:relative;float:left;display:block;width:145px;height:109px;overflow:hidden;}
.opensdet-rela-des{float:right;width:165px;padding-left:12px;}
.opensdet-rela-des-title{height:40px;margin-bottom:16px;overflow:hidden;font-size:14px;font-weight:700;line-height:1.42857143;}
.opensdet-rela-teacher{padding-bottom:8px;}

/*
* news details
*/

/*
* title
*/
.news-details-title{padding-bottom:14px;}
.news-details-title > h2{font-size:14px;font-weight:700;line-height:1.42857143;}
@media (min-width:992px){
  .news-details-related{width:264px;}
}
@media (min-width:1200px){
  .news-details-related{width:300px;}
}

/*
* list
*/
.news-details-list li{position:relative;padding-bottom:20px;}
.news-details-cover{position:relative;z-index:1;display:block;width:100%;overflow:hidden;background-color:#fff;}
.news-details-cover .news-details-img{width:100%;height:100%;filter:alpha(opacity=100);opacity:1;-webkit-transition:opacity .42s ease-in-out;transition:opacity .42s ease-in-out;}
@media (min-width:768px){
  .news-details-list{margin-right:-5px;margin-left:-5px;}
  .news-details-list li{float:left;width:33.33333333%;padding:0 5px 20px;}
  .news-details-cover{height:137px;}
}
@media (min-width:992px){
  .news-details-list{margin:0;}
  .news-details-list li{float:none;width:100%;padding:0 0 20px;}
  .news-details-cover{height:150px;}
}
@media (min-width:1200px){
  .news-details-cover{height:170px;}
}

/*
* des
*/
.news-details-des{padding-top:12px;cursor:default;}
.news-details-des > h4{height:40px;padding-bottom:7px;overflow:hidden;font-size:14px;line-height:20px;}
.news-details-des > h5{font-size:12px;line-height:1.5;color:#70818b;cursor:default;}
.news-details-des > h5 > span{display:inline-block;padding-right:12px;}
.news-details-des > h5 > span > a{color:#70818b;}
.news-details-des > h5 > span > a:hover,.news-details-iteam:hover .news-details-des > h4 > a{color:#0097e6;}

/*
* mark
*/
.news-details-iteam .news-mark{position:absolute;top:10px;left:10px;z-index:2;}

/*
* hover
*/
.news-details-iteam:hover .news-details-img{filter:alpha(opacity=80);opacity:.8;}

/*
* 自定义
*/
.detail-con span,.opensdet-c1 span{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif!important;}