.DetailsActivities {
	width: 100%;
	height: 100%;
	background: #00529c;
	padding-top: 20px;
}

.Details-subject {
	width: 1200px;
	height: auto;
	margin: 0px auto 20px auto;
}

.Participants {
	width: 148px;
	padding-bottom: 10px;
	background: rgba(0, 0, 0, .6);
	color: #FFFFFF;
	margin-right: 15px;
}

.Participants-title {
	width: 100px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin: 20px auto 0px auto;
}

.Participants-neize {
	width: 100px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin: 0px auto 15px auto;
}

.Participants-list {
	width: 135px;
	height: 75px;
	position: relative;
	margin: 10px auto 0px auto;
}

.Participants-list-img {
	width: 100%;
	height: 100%;
}

.Participants-list-title {
	width: 120px;
	height: 20px;
	padding: 0px 5px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -60px;
}


/*閹恒劏宕橀崚妤勩��*/

.recommendation {
	width: 160px;
	height: auto;
	background: rgba(0, 0, 0, .6);
	padding-bottom: 10px;
	margin-left: 15px;
}

.recommendation-title {
	width: 135px;
	height: 20px;
	margin: 10px auto;
	font-size: 14px;
	color: #FFFFFF;
}

.recommendation-title-span {
	padding: 2px 5px;
	background: rgba(0, 0, 0, .6);
	font-size: 12px;
}


/*鐠囧墽鈻奸崘鍛啇 */

.activityContent {
	width: 858px;
	min-height: 1200px;
	padding: 30px 20px;
	background: #FFFFFF;
}

.activityContent-title {
	width: 100%;
	height: auto;
	/*border: 1px solid red;*/
	position: relative;
	margin-bottom: 80px;
}

.activityContent-title-img {
	width: 475px;
	height: 260px;
}

.activityContent-title-introduce {
	width: 310px;
	height: auto;
	margin-left: 20px;
}

.introduce-title {
	width: 310px;
	height: 30px;
	line-height: 20px;
	font-size: 16px;
	
}

.introduce-follow {
	display: inline-block;
	width: auto;
	height: 20px;
	line-height: 20px;
	background: url(../../img/index/class-icon01.png) no-repeat -5px -392px;
	color: #a5a5a5;
	margin-right: 10px;
	font-size: 14px;
	padding-left: 20px;
}

.introduce-ping {
	display: inline-block;
	width: auto;
	height: 20px;
	line-height: 20px;
	color: #a5a5a5;
	font-size: 14px;
}

.introduce-public {
	border-left: 3px solid #3dd2d8;
	background: #efefef;
	padding: 5px 0px 5px 6px;/*090617sun*/
	margin-bottom: 8px;
	font-size: 14px;
	color: #a5a5a5;
	min-height: 60px;
	line-height:18px;
}
.introduce-public:hover{
	-moz-box-shadow:0px 0px 5px #ABABAB;
	 -webkit-box-shadow:0px 0px 5px #ABABAB; 
	box-shadow:0px 0px 5px #ABABAB;
	border-radius: 3px;
}
.introduce-public-span {
	/*width: 49%;*//*090617*/
	display: inline-block;
}

.introduce-public-span01 {
	display: inline-block;
	color: #00be82;
}

.introduce-public-span02 {
	display: inline-block;
}

.public-span01 {
	color: #ff0000;
}

.public-span02 {
	color: #a5a5a5;
	font-size: 13px;
}

.imgTypeList-Content {
	/*width: 320px;*//*090617sun*/
	max-width: 442px;
	height: auto;
	margin-top: 15px;
	position: absolute;
	left: 30px;
}

.imgTypeList {
	border-left: 3px solid #3dd2d8;
	margin-bottom: 5px;
	font-size: 14px;
	background: -webkit-gradient(linear,0% 100%, 100% 0%, from(#e6e6e6), to(#FAFAFA), color-stop(1.0,#FFFFFF));
	height: 25px;
	line-height: 25px;
	padding-left: 35px;
}

.imgTypeList-span {
	color: #ff9844;
}

.imgTypeList-img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #F1F1F1;
	position: absolute;
	top: 270px;
	left: 0px;
	-moz-box-shadow:2px 2px 7px #ADADAD;
	 -webkit-box-shadow:2px 2px 7px #ADADAD;
	  box-shadow:2px 2px 7px #ADADAD;
}

.layui-btn-luse {
	background-color: #5fb878 !important;
}

.layui-tab-title li {
	/*width: 100px;*//*090617sun,delete*/
	min-width:100px;
}

.set-layui-tab-content {
	border: 1px solid #e6e6e6;
	border-top:none;
	min-height:380px;
	line-height:1.5;/*090617sun,add*/
}

.set-icon {
	font-size: 16px;
	color: #3dd2d8;
	border: 2px solid #3dd2d8;
	border-radius: 50%;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 28px;
}

.set-span {
	width: 750px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #CCCCCC;
	display: inline-block;
	padding-left: 5px;
	font-size: 16px;
	font-weight: 500;
	color: #373737;
}
.set-span01 {
	width: 760px;
	height:auto;
	line-height: 30px;
	border-bottom: 1px solid #CCCCCC;
	display: inline-block;
	padding-left: 5px;
}
.markingTitle-list:nth-last-child(1) .set-span01{border:none;}

.Coursemarking{
	position:absolute;
	background:#FFFFFF;
	border: 2px solid #3dd2d8;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	color: #3dd2d8;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	top: 15px;
	/*left: 2px;*/
}
.markingTitle-subject{
	color:#6d6c6c;
	margin-top: 10px;
}
.markingTitle{
	border-left: 1px solid #3dd2d8; 
	width: 770px;
	
}
.markingTitle-title{
	width:470px ;
	/*font-size: 16px;*//*20190617sun*/
}
.markingTitle-time{
	width: 165px;
	text-align: center;
	font-size: 12px;
	}
.markingTitle-clic{
	width: 100px;
	text-align: center;
	color: #a5a5a5;
	position: absolute;
	top: 10px;
	right: 0px;
}
.markingTitle-introduce{
	width: 630px;
	height: auto;
	max-height:100px;
	font-size: 12px;
	color: #9fa0a0;
	line-height: 20px;
}
.markingTitle-list{
	position: relative;
}
.markingTitle-list:hover{
	position: relative;
	background: #eaf9f3;
}
 .markingTitle-list:hover .markingPlay{
	 display: block;
}
.markingTitle-list:hover .Auditions{
	 display: block;
}
.markingTitle-list:hover .markingTitle-clic{
	 color: #3dd2d8;
}
.history-list{
	width: auto;
	height: 35px;
	line-height: 35px;
	border-left: 3px solid #3dd2d8;
	border-bottom:1px solid #cef1f3;
	margin: 5px 0px;
	background:#f2feff ;
	/*background:-webkit-gradient(linear,0% 100%, 100% 0%, from(#e6e6e6), to(#FAFAFA), color-stop(1.0,#FFFFFF));*/
}
.history-list:hover{
	/*background: -webkit-gradient(linear,0% 0%, 100% 100%, from(#267DD4), to(#FFFFFF), color-stop(1.0,#FFFFFF));
	color: #FFFFFF;*/
	-moz-box-shadow:0px 0px 5px #00968875;
	 -webkit-box-shadow:0px 0px 5px #00968875; 
	box-shadow:0px 0px 5px #00968875;
}
.history-list:hover .history-list-span{	
	/*color: #FFFFFF;*/
}
.history-list-shu{
	min-width: 25px;
	padding:0 10px;
	display: inline-block;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
}
.history-list-span{
	width:720px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	font-size: 14px;
	color: #6d6c6c;
}
.courseShare{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 300px;
	height: 40px;
	line-height: 40px;
}
.share-con{
	margin-left:10px;
}


#freeCharge ,#fromRetreat,#oneONone,#auditionsSupport,#couponTis,#deliveryDeposit{
	width:48px;
	height: 50px;
	display: none;
	top: 210px;
}
#freeCharge{
	background: url(../../img/tag/quanchengmianfei.png) no-repeat 0px 0px;
	position: absolute;
	
	left: 200px;
}


#fromRetreat{	
	position: absolute;
	/* top: 220px; */
	left: 245px;
}
.fromRetreat01{
	background: url(../../img/tag/buketuike.png) no-repeat 0px 0px;
}
.fromRetreat02{
	background: url(../../img/tag/jieshoutuike.png) no-repeat 0px 0px;
}
#oneONone{
	background: url(../../img/tag/yiduiyi.png) no-repeat 0px 0px;
	position: absolute;
	/* top: 220px; */
	left: 290px;
}
#auditionsSupport{
	background: url(../../img/tag/zhichishiting.png) no-repeat 0px 0px;
	position: absolute;
	/* top: 220px; */
	left: 335px;
}
#couponTis{
	background: url(../../img/tag/huiquan.png) no-repeat 0px 0px;
	position: absolute;
	/* top: 220px; */
	left: 380px;
}
#deliveryDeposit{
	background: url(../../img/tag/kejiaodingjin.png) no-repeat 0px 0px;
	position: absolute;
	/* top: 220px; */
	left: 425px;
}
#judgmentType{
	width: 80px;
	height: 80px;
	position: absolute;
	top: -5px;
	left: -5px;
	color: #FFFFFF;
}
.Type-Type01{
	background: url(../../img/type/TYPE01.png) no-repeat 0px 0px;
}
.Type-Type02{
	background: url(../../img/type/TYPE02.png) no-repeat 0px 0px;
}
.Type-Type03{
	background: url(../../img/type/TYPE03.png) no-repeat 0px 0px;
}
.Type-Type04{
	background: url(../../img/type/TYPE04.png) no-repeat 0px 0px;
}
.Type-Type05{
	background: url(../../img/type/TYPE05.png) no-repeat 0px 0px;
}
.Type-Type06{
	background: url(../../img/type/TYPE06.png) no-repeat 0px 0px;
}
.Type-Type07{
	background: url(../../img/type/TYPE07.png) no-repeat 0px 0px;
}
.Type-Type08{
	background: url(../../img/type/TYPE08.png) no-repeat 0px 0px;
}
.botton-div{
	position: absolute;
	top: 280px;
	left: 495px;
	width:320px;
	
}
/*090617sun*/
#appointmentState{ padding: 0 8px;margin-right: 15px;}
#collectionJoin{padding:0 8px;}
.Auditions{
	width: 100px;
    height: 20px;
    text-align: center;
    color: #33c288;
    margin-bottom:5px;
    font-size:14px;

}
/* .Auditionslistt{
	width: 100px;
    height: 20px;
    text-align: center;
   	color: #33c288;
    margin-bottom:5px;
    
} */
.markingPlay{
	width: 100px;
    height: 30px;
    text-align: center;
    background: #3dd2d8;
    color: #fff;
    margin-bottom:5px;	
    display: none;
}
.markingPlaytileList{
	width: 100px;
    height: 20px;
    text-align: center;
    color: #3dd2d8;
   
    margin-bottom:5px;	
    
}
.botton-div-list{
	margin-top:-30px;
}
#detailsAboutPlay{
	width: 60px;
    height: 80px;
	background:url(../../img/detailsAbout.png) no-repeat 0px 0px;
	position: absolute;
  	top: 90px;
    left: 210px;
    display: none; 
}
	
	
/* .DivideClass{
	width: 220px;
    height: 300px;
    position: absolute;
    top: 40px;
    left: 12px;
    display: none;
    z-index: 9999;
    background: #fff;
    border-radius: 5px;
    overflow-x: hidden;
	}
.DivideClassList{
	width: 200px;
	height: 75px;
	border: 1px solid #00F7DE;
	margin-top:10px;
	font-size:14px;
	padding-left:5px;
	
	}
.DivideClassList-name{
	width: 100%;
	height: 25px;
	line-height:25px;			
	}
.DivideClassList-item{
	width: 100%;
	height: 20px;
	line-height:20px;	
	font-size:12px;		
	} */

/*娴兼ɑ鍎崚锟�*/
.interestClick{
	width: 300px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}
.interestCoupon{
	width:300px;
	position: absolute;
    background: #fff;
    margin-top: 2px;
	display: none;
	
}
.interestCouponList{
	width:300px;
	height:290px;
	border:1px solid #ccc;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
	overflow-x: hidden;
}
.couponList{
	width: 290px;
    height: 70px;
    line-height: 30px;
    border: 1px solid #eee;
    padding-left: 10px;
    font-size: 12px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.couponName{
	height: 25px;
    line-height: 25px;
    font-size:14px;   
}
.couponSpan{
	height: 20px;
    line-height: 20px; 
  	color:#666;
}
.couponWorth{
	margin:0 5px;
	color:red;
}
.couponList:hover{
	border:1px solid #07c4cb70;
}
.couponListHover{
	border:1px solid #07c4cb;
}
.limitNumber{
	width: 80px;
    display: inline-block;
    height: 17px;
}
.appointmentNumber{
	min-width:30px;
	max-width: 120px;
    display: inline-block;
    height: 17px;
}
#description img{
	max-width:790px;
	height:auto;
}


.beOverdue{
	width: 100px;
	text-align: center;
	color: #a5a5a5;
	position: absolute;
	top: 10px;
	right: 0px;
	font-size: 14px;
}


.DivideClass{
	width: 220px;
   	height:auto;
    position: absolute;
    top: 40px;
    left: 12px;
    display: none;
    z-index: 9999;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
	}
.DivideClassList{
	width: 200px;
	height: 75px;
	border: 1px solid #00F7DE;
	margin-top:10px;
	font-size:14px;
	padding-left:5px;
	
	}
.DivideClassList-name{
	width: 100%;
	height: 25px;
	line-height:25px;			
	}
.DivideClassList-item{
	width: 100%;
	height: 20px;
	line-height:20px;	
	font-size:12px;		
	}


.interestClick-no{
	width:100%;
	text-align: center;
}

.DivideClassConent-no{
	width:100%;
	text-align: center;
}

.DivideClassConent{
	width: 220px;
	max-height: 300px;
	overflow-x: hidden;
}
/* .layui-tab-title li{
	width: 160px;
}
 */