@charset "utf-8";
.white-block img{
    width: auto!important;
    max-width: 100%;
}
.col-left{
    font-size: 14px;
/*     font-size: 1.4rem; */
    line-height: 26px;
    color: #535353;
}
/*myModal_video*/
#myModal_video{
    top:50%;
    margin-top:-230px;
}
#myModal_video .embed-responsive{
    height: 460px;;
}
.markdown-body{
    font-size: 14px;
/*     font-size: 1.4rem; */
    color: #535353;
}
.markdown-body ul{
	list-style-type:disc;
}
.markdown-body ol{
	list-style:decimal;
}

#myModal_video button.close{
    position: absolute;
    right: -30px;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(https://s4.51cto.com/oss/201801/19/5b86387f4af42c1fe7d61572db761549.png) no-repeat center top;
    cursor: pointer;
    opacity:1;    
}
#myModal_video .modal-header{
    padding:10px;
}

/*myModal_error*/
#myModal_error{
    font-size: 14px;
/*     font-size: 1.4rem; */
    color: #535353;
    text-align: center;
}
#myModal_error .modal-header{
    padding-top:30px;
}
#myModal_error h4{
    font-size: 16px;
/*     font-size: 1.6rem; */
    color: #2e2e2e;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
}
#myModal_error h4.flex{
    -webkit-justify-content:center;
    justify-content:center;
}
#myModal_error h4 span{
    display: inline-block;
    vertical-align: top;
}
#myModal_error button.close{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
#myModal_error .btn{
    margin:20px auto 10px;
}
.icon-sorry{
    width: 62px;
    height: 62px;
    background: url(https://s4.51cto.com/oss/201806/14/f88cb58514e42f03743136861335aa76.png) no-repeat center top;
    background-size: 100% 100%;
    margin-right:10px;
}

.classDetail-banner{
	position:relative;
    height: 400px;
    background: url(https://s2.51cto.com/oss/201806/14/cbbd2ff9e1d8e686ffca8fbc4be736dd.jpg) no-repeat center top;
    background-size: cover;
    color: #fff;
}
.classDetail-info{
	position: absolute;
	width: 100%;
	top:0;
    font-size: 18px;    
    text-align: center;
}

.classDetail-info .time{
    padding-bottom:10px;
}
.numberBox{
    display: block;
    font-size: 20px;
/*     font-size: 2rem; */
    margin-bottom:30px;
}
.number{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #007bbb;
    font-size: 24px;
/*     font-size: 2.4rem; */
    text-align: center;
    border-radius: 100%;
    font-weight: normal;
    margin:0 5px;
}
.myclass-name{
    display: block;
    font-size: 48px;
/*     font-size: 4.8rem; */
    font-weight: normal;
    line-height: 1;
    padding-bottom:30px;
}
.cd-banner-btns{
    padding-top:20px;
	text-align:center;
}
.cd-banner-btns .btn{
   display:inline-block;
    margin-right: 30px;
}   
.cd-banner-btns .btn:last-child{
    margin-right:0; 
}

.white-block{
    background: #fff;
    padding:24px 20px;
    margin-bottom:20px;
    
}
.white-right{
    margin-bottom:20px;
}
.white-block h2{
    display: block;
    font-weight: bold;
    font-size: 18px;
/*     font-size: 1.8rem; */
    color: #2e2e2e;
    line-height: 1;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 6px;
    padding-left: 10px;
    margin-bottom: 20px;    
}
.white-block h2 span{
    display: inline;
    border-left: 6px solid #535353;
    padding-left: 10px
}
.markdown-body h2 .octicon-link{
display:inline;}
.markdown-body .octicon-link:before{
content:'';}
.markdown-body .octicon{
font:normal normal 20px octicons-anchor;}
.white-right .white-h2{
    display: block;
    font-weight: bold;
    font-size: 18px;
/*     font-size: 1.8rem; */
    color: #2e2e2e;
    line-height: 1;
    padding-bottom: 23px;
}
.class-name{
    display: block;
    color: #2e2e2e;
    padding-bottom:10px;
}
.class-time{
    display: block;
    color: #333;
    font-weight: normal;
    padding-left:24px;
    background:url(https://s5.51cto.com/oss/201806/14/3ae35e1d7393b8781cb5e45598ebb534.svg) no-repeat left 1px;
	font-size:14px;
}
.class-pic{
    position: relative;
    margin-bottom:10px;
}
.class-tag{
    position: absolute;
    left:0;
    bottom:0;
    background: rgba(0,0,0,.3);
    color: #fff;
    font-size: 12px;
/*     font-size: 1.2rem; */
    padding:8px;
    font-weight: normal;
	line-height:1;
}
.wr-item{
    border:1px solid #eeeeee;
    margin-bottom:20px;
}
.wr-item:last-child{
    margin-bottom:0;
}
.wr-item dd{
    padding:10px;
}
.editormd-html-preview, .editormd-preview-container{
    padding:0 0 10px;
}
.white-pad{
    padding: 10px
}
.guest-item{
    margin-bottom:40px;
}
.guest-item:last-child{
    margin-bottom:0;
}
.guest-item img{
    margin:0 auto;
}
.slidebtn {
    color: #3c8ee0;
    cursor: pointer;
    padding-right: 15px;
    margin-left: 10px;
    background: url(https://s5.51cto.com/oss/201801/08/97d938abf3f3bc013cf6a1e8e12f7e55.png) no-repeat right center
}

.slidebtn.on {
    background-image: url(https://s1.51cto.com/oss/201801/08/b84650698617e9afd2c72afef4ece09d.png)
}

.num {
    font-size: 14px;
    color: #535353;
    font-style: normal;
}
.num-here{
    font-weight: bold;
    color: #007bbb;
    font-style: normal;
}
.info{
    font-size: 16px;
/*     font-size: 1.6rem; */
    padding-bottom: 5px
}
.info strong {
    font-weight: bold;
    margin-right: 10px
}
.intro{
    line-height: 24px;
}

#allmap {
    height: 260px;
}
.location{
    padding-bottom:15px;
}
.path{
    padding-bottom:10px;
}
.location span,.path span{
    font-size: 16px;
/*     font-size: 1.6rem; */
    color:#2e2e2e;
    font-weight: bold;
    padding-left:36px;
    padding-left:36px;
    background-repeat: no-repeat;
    background-position: left 3px;
}
.location span{
    background-image: url(https://s4.51cto.com/oss/201806/14/44304d08c0d39db85a76189ad7ff3008.svg);
}
.path span{
    background-image: url(https://s1.51cto.com/oss/201806/14/a696365be80953abbd0201af6e0088b2.svg);
}
/*swiper*/
.swiper-container {
    margin-top:10px;
    width: 100%;
    height:180px;
}
.swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.slide-page{
    width: 100%;
    cursor: pointer;
}
.ppt,.video{
    display: block;
    width: 87px;
    height: 80px;
    background: url(https://s5.51cto.com/oss/201806/14/46b636c70ccf688dd924d538caf86969.png) no-repeat 0 0;
    margin: 0 auto 20px    
}
.video{
    background: url(https://s1.51cto.com/oss/201806/14/d549db22596f38374101f64741974327.png) no-repeat 0 0;
}
.data-tit{
    font-weight: bold;
    text-align: center;
    color: #535353
}
.swiper-button-next, .swiper-button-prev{
    top:24%;
}
.swiper-button-prev{
    left: 0;
}
.swiper-button-next{
    right: 0;
}
/*限制一行*/
.class-name,.class-time{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*20180705 pop temporary del*/
.video-error-modal#myModal_error h4.flex{
	-webkit-align-items:center;	
	align-items:center;
}
.video-error-modal span.error-info{
	padding-left:10px;
}
/*Swiper原样式 */
.swiper-button-prev{background-image:url("https://s4.51cto.com/oss/201806/29/51ec69fa8a1159f1b08ee15957c6e1d7.png");left:0;}
.swiper-button-next{background-image:url("https://s2.51cto.com/oss/201806/29/26c00d116b9583b6d49ac81f74afd1b2.png");right:0;}
/*此处1180以下*/
@media screen and (max-width:1180px){
    .classDetail-info{
        padding-left:10px;
        padding-right:10px;
    }
}

@media screen and (max-width:992px){
    .classDetail-info{
        padding-top:40px;
    }
	.container-fluid{
		padding-left:0;
		padding-right:0;
	}
	.row{
		margin-left:0;
		margin-right:0;
	}
}

/*大于等于768--sm*/
@media screen and (max-width:767px){
  .classDetail-banner{
    height: 300px;
  }	
.classDetail-info{	
    font-size: 16px;    
}	
  .myclass-name{
      font-size: 24px;
  }
  .guest-item img{
      padding-bottom:20px;
  }
  .ppt,.video{
        width: 57px;
        height: 50px;
        background-size: 100% 100%;
    }
    .swiper-container {
        height:150px;
    }    
    .swiper-button-next, .swiper-button-prev{
        display: none;
    }
    #myModal_video button.close{
        top:auto;
        bottom:-30px;
        left:50%;
    }  
    .icon-sorry{
        width: 32px;
        height:32px;
    }    
	.btn-review-160{
		width:120px;
	}

	/*20180705 pop temporary del*/	
	.video-error-modal span.error-info{
		padding-left:0;
	}	
}
/*myModal default width*/
@media screen and (min-width:768px){
    #myModal_error .modal-sm{
        width:538px;
    }
    #myModal_video .modal-dialog{
        width: 649px;
        margin:0 auto;
    }   
	/*20180705 pop temporary del*/
	.video-error-modal#myModal_error .modal-sm{
		width:500px;
	}
	.video-error-modal#myModal_error .modal-header{
		padding:30px;
	}
}
/*<=375*/
@media screen and (max-width:375px){
    .classDetail-info{
        font-size: 14px;
    }    
    .ppt,.video{
        width: 37px;
        height: 30px;
        background-size: 100% 100%;
    }
    .swiper-container {
        height:120px;
    } 
}
/*<=320*/
@media screen and (max-width:320px){
    .classDetail-banner{
        height: 300px;
      }    
    .myclass-name{
        font-size: 20px;
/*         font-size: 2rem; */
        /* padding-bottom:10px; */
    }
}