.MainContainer{max-width:720px;margin:auto;background: #002c4f;}
/**关注**/
.guanzhu {position:fixed;width:100%;max-width:720px;margin:auto;background:rgba(0,0,0,.5);z-index:999;}
.guanzhu .list{float:left; padding-left:15px;line-height: 50px; color: #f9f9f9;}
.guanzhu .gz {float: right; margin-right:15px;background: #f30; border-radius: 15px;font-size: 14px; color: #fff; margin-top:15px; line-height:22px; padding:0 12px;}
/**幻灯片/banner**/
.qun-head{background:#fff;position:relative;}
.qun-head .banner{background-position:center center;}
.qun-head .banner img{width:100%;}
#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ display: block;}
#owl-demo img { display: block; width: 100%;}
.owl-theme .owl-controls{margin-top:0;}
/**返回**/
.qb_header{position: absolute; color:#FFF;height:26px; width:100%; text-shadow: 1px 2px 2px #000;} 
.qb_header div{padding:15px;} 
.qb_header .C{float:left;} 
.qb_header .L{float:left;} 
.qb_header .R{float:right;} 
.web_menu_btn{margin-left:12px;font-weight:bold;}
/**banner**/
.qun-head .banner{background-position:center center;}
.qun-head .banner img{width:100%;}

/**视频播放器**/
.video{ margin:0 auto 10px;}
/**标题**/
.title_1 {padding:20px 0; text-align: center;}
.title_1 span{display: block; font-size: 22px; line-height:30px;font-weight: bold;color: #f60;}
.title_1 span em{color: #f90;}
.title_1 p{font-size: 14px;color:#999;}
/**讲师列表**/
.qun_jiangshi{margin:15px 15px 15px 10px;}
.qun_jiangshi li{background:#eee; margin:0 5px;border-radius:5px;position:relative;display:table;width:80%;}
.qun_jiangshi li dt,.qun_jiangshi li dd{display:table-cell;vertical-align:middle;}
.qun_jiangshi li dt{background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
    background-blend-mode: multiply,multiply;width:40%; border-radius:5px 0 0 5px;}
.qun_jiangshi li dt img{ width:100%;border-radius:5px 0 0 5px;}
.qun_jiangshi li dd{line-height:20px; padding:10px; text-align:justify; font-size:14px;}
.qun_jiangshi li dd span{font-size:18px;color:#333;}
.qun_jiangshi li dd p{padding:10px 0;color:#666;}
.qun_jiangshi li dd em{background:#f30; padding:2px 10px; font-size:12px; color:#fff; border-radius: 10px 0;}
.qun_jiangshi li dd .time{color:#999;}
/**学员案例**/
.qun_anli{margin:15px 15px 15px 10px;}
.qun_anli .lists{background:#333; margin:0 5px;border-radius:5px; width:80%;}
.qun_anli .lists ol{display: table-cell;vertical-align: middle; padding:20px 15px;}
.qun_anli .lists ol img{float: left;width: 40px;height: 40px;overflow: hidden;margin-right: 10px;border-radius: 50%; background:#333;}
.qun_anli .lists ol div{float: left; margin-top:8px;}
.qun_anli .lists ol div span{display: block; overflow: hidden;font-size:18px; color:#999;}
.qun_anli .lists ol div em{color: #999;font-size:12px;}
.qun_anli .lists ul{ border-radius:5px; padding:15px; background:#eee;}
.qun_anli .lists ul .sanjiao{ position:absolute;border-color: transparent transparent #eee transparent; border-style: solid; border-width: 0px 10px 10px 10px; height: 0px; width: 0px; margin-top:-25px; margin-left:5px;}
.qun_anli .lists ul .title{color:#666; line-height:22px; font-size:14px; text-align:justify;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6; /* 这里是超出几行省略 */
    overflow: hidden;
}
.qun_anli .lists ul .time{ color:#999; font-size:12px; padding-top:10px;}
.qun_anli .lists ul .time i{padding-right:5px; color:#f60;}
/**往期课程**/
.listPhoto{padding-top: 5px;}
.listPhoto:after{content: '';display: block;clear: both;}
.listPhoto li{width:80%;padding-top: 10px;float: left;overflow: hidden;}
.listPhoto li span,.listPhoto li em{display: block;margin: 0 5px;position: relative;overflow: hidden;}
.listPhoto li span:before{content: '';display: block;padding-top: 75%;}
.listPhoto li span img{position: absolute;width:100%; height:auto; min-height:90px;left: 0;top:0;}
.listPhoto li em{height: 25px;line-height: 25px;color: #999;}

/**学员案例**/
.qun_kecheng{margin:15px 15px 15px 10px;}
.qun_kecheng .kecheng{background:#eee; margin:0 5px;border-radius:5px; width:80%;}
.qun_kecheng .kecheng img{width: 100%; height: auto; max-height: 200px; border-radius:5px 5px 0 0;}

.qun_kecheng .kecheng ul{ border-radius:5px; padding:15px;}
.qun_kecheng .kecheng ul .sanjiao{ position:absolute;border-color: transparent transparent #eee transparent; border-style: solid; border-width: 0px 10px 10px 10px; height: 0px; width: 0px; margin-top:-25px; margin-left:5px;}
.qun_kecheng .kecheng ul .title{color:#666; line-height:22px; height:40px;text-align:justify;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;}
.qun_kecheng .kecheng ul .time{ color:#999; font-size:12px; padding-top:10px;}
.qun_kecheng .kecheng ul .time i{padding-right:5px; color:#f60;}





/**底部**/
body{padding-bottom:80px; /*避免菜单档住最底部的内容*/}
.footer{ width:100%;max-width:720px;margin:auto;position:fixed; bottom: 0; z-index: 10;} 
.foot_min{background: rgba(0,0,0,0.6); overflow: hidden;}
.foot_min span{font-size: 12px; color: #fff; padding-left:4%;}
.foot{background: #FEF7EA; overflow: hidden; }
.foot_l{ float: left; width: calc(92% - 120px); padding-left:4%;}
.foot_l .cnt_booking{line-height: 18px; overflow: hidden; font-size: 14px; padding-top:15px; color:#000;}
.foot_l .cnt_booking p{font-size: 12px; color:#999; padding-top:5px;}
.foot_r{ float: right; margin: 6% 4% 0 0; background:#052049; border-radius:20px; padding:5px 20px;}
.foot_r a{ display: block; color:#fff; text-align:center;}
/**底部弹窗**/
.tcmall-mask{ display:none; z-index:100; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; right:0; bottom:0;-webkit-animation:fadeIn 0.5s 0s ease both; -moz-animation:fadeIn 0.5s 0s ease both;}
.cart{ display:none; position:fixed; background:#fff; border-radius:10px 10px 0 0; bottom:0; z-index:999;width:100%;max-width:720px;margin:auto;}
.cart .cart_header{ position:fixed;float:right; right:15px;}
.cart .cart_header .close{font-size:24px; padding-top:10px;}
/**表单**/
.biaodan{height:auto;}
.biaodan .biaodan_header{ padding:20px 20px 0;}
.biaodan .biaodan_header .title{ line-height:40px; font-size:20px; color:#000;}
.biaodan .biaodan_header .Info{color: #666;font-size:14px;}
.biaodan .biaodan_header .Info i{ color:#f30;font-size:16px;padding-right:3px;}
.biaodan .aboutcnt{padding:20px;}
.biaodan .aboutcnt dl{padding-bottom:20px; width:90%;}
.biaodan .aboutcnt dd .layui-input{ border-radius:15px; border:1px solid #eee; padding:5px 15px; font-size:14px; }
.aboutcnt .butter button{display: block;border:0px;width:50%;line-height:40px;background:#f30;color: #FFF;border-radius: 25px;margin: 15px auto;}









.TopCntBox{display: table;width: 100%;background: #44C185;color: #FFF;height: 50px;}
.TopCntBox a{color: #FFF;}
.TopCntBox li{display: table-cell;text-align: center;vertical-align: middle;}
.TopCntBox li.home{width:60px;}
.TopCntBox li.member{width:40px;}




.ListBox{background: #FFF;padding: 15px 10px;border-bottom: #EEE solid 1px;position: relative;z-index: 2;}
.ListBox .list ul{display: table;width:100%;}
.ListBox .list ul li{display: table-cell;vertical-align: middle;}
.ListBox .list ul li.img{width:120px;}
.ListBox .list ul li.img a{display: block;width:120px;overflow: hidden;position: relative;border-radius: 5px;}
.ListBox .list ul li.img a:before{content: '';display: block;padding-top: 100%;}
.ListBox .list ul li.img a img{position: absolute;width:100%;height: 100%;left: 0;top:0;}
.ListBox .list ul li.join{width:60px;}
.ListBox .list ul li.join dl{position: relative;}
.ListBox .list ul li.join dl dd{position: absolute;width: 100%;	left: 0;top:40px;display: none;	}
.ListBox .list ul li.join dl dd em{display: block;text-align: center;height: 11px;line-height: 11px;color: #999;}
.ListBox .list ul li.join dl dd div{width:100%;border: #DDD solid 1px;border-radius: 10px;overflow: hidden;background: rgba(255,255,255,0.6);}
.ListBox .list ul li.join dl dd a{display: block;line-height: 35px;text-align: center;border-bottom: #DDD solid 1px;}
.ListBox .list ul li.join span{display: block;background: #44C185;color: #FFF;line-height: 35px;text-align: center;border-radius: 18px;}
.ListBox .list ul li.info{padding: 0px 10px;}
.ListBox .list ul li.info div{height:40px;line-height: 40px;overflow: hidden;color: #888;}
.ListBox .list ul li.info div.title{font-size: 20px;font-weight: bold;}
.ListBox .list ul li.info div.cnt span{color: #F90;}
.ListBox .list ul li.info div.other i:before{margin-right: 3px;}
.ListBox .list ul li.info div.other em{display: inline-block;margin-left: 10px;}

.MainMenu{
	background: #FFF;
	padding: 15px 10px;
}
.MainMenu ul:after{
	content: '';
	display:block;
	clear: both;
}
.MainMenu ul li{
	width:25%;
	float: left;
	overflow: hidden;
	position: relative;
}

.MainMenu ul li span,.MainMenu ul li em{
	display: block;
	width:60px;
	overflow: hidden;
	margin: auto;
	text-align: center;
	position: relative;
}
.MainMenu ul li span{
	border-radius: 50%;
	background: #23C075;
	color: #FFF;
}
.MainMenu ul li em{
	height: 20px;
	overflow: hidden;
	font-size:14px;
}
.MainMenu ul li:nth-child(2) span{
	background: #F90;
}
.MainMenu ul li:nth-child(3) span{
	background: #B01FE0;
}
.MainMenu ul li:nth-child(4) span{
	background: #133CD7;
}
.MainMenu ul li span:before{
	content: '';
	display: block;
	padding-top: 100%;
}
.MainMenu ul li span i{
	position: absolute;
	left:50%;
	top: 50%;
	font-size:30px;
  -webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
}


.SideBox{
	background: #FFF;
	padding: 10px 15px;
	position: relative;
}
.hongbaoBox{
	position: absolute;
	width:60px;
	right:5px;
	top:0;
}
.hongbaoBox img{
	width:100%;
}
.SideBox .head{
	line-height: 30px;
	height: 30px;
	border-bottom: #EEE solid 1px;
	overflow: hidden;
}
.SideBox .head .tag{
	float: left;
	font-size:16px;
}
.SideBox .head .more{
	float:right;
	color: #888;
}
.aboutcnt .nav{
	height:40px;
	line-height: 40px;
	color: #888;
}
.aboutcnt .cnt{
	color: #666;
	width:100%;
	overflow: hidden;
}
.listMember{
	padding-top: 15px;
}
.listMember:after{
	content: '';
	display: block;
	clear: both;
	height: 10px;
}
.listMember li{
	width:20%;
	overflow: hidden;
	float: left;
}
.listMember li span,.listMember li em{
	display: block;
	width:50px;
	overflow: hidden;
	margin: auto;
	position: relative;
	text-align: center;
}
.listMember li span{
	border-radius: 50%;
}
.listMember li span:before{
	content: '';
	display: block;
	padding-top: 100%;
}
.listMember li span img{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top:0;
}
.listMember li em{
	height: 20px;
	line-height: 20px;
	font-size:14px;
}
.JoinBut a{
	display: block;
	background: #44C185;
	color: #FFF;
	text-align: center;
	line-height: 45px;
	font-size:20px;
	border-radius: 5px;
}

















.listBbs .lists ul{
	display: table;
	width:100%;
	margin: 15px 0px 10px 0px;
}
.listBbs .lists ul li{
	display: table-cell;
	vertical-align: middle;
}
.listBbs .lists ul li.img{
	width: 50px;
	padding-right: 10px;
}
.listBbs .lists ul li.img a{
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
}
.listBbs .lists ul li.img img{
	width: 50px;
	height: 50px;
}
.listBbs .lists ul li.more{
	text-align: right;
}
.listBbs .lists ul li.more span{
	display: inline-block;
	line-height: 30px;
	padding: 0 5px;
	background: #F90;
	color: #FFF;
	border-radius: 5px;
}
.listBbs .lists ul li.info span,.listBbs .lists ul li.info em{
	display: block;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}
.listBbs .lists ul li.info em{
	color: #888;
	font-size:14px;
}
.listBbs .lists dl dt{
	padding-left: 5px;
}
.listBbs .lists dl dd:after{
	content: '';
	display: block;
	clear: both;
}
.listBbs .lists dl dd div{
	width:33.33%;
	overflow: hidden;
	float: left;
}
.listBbs .lists dl dd div span{
	display: block;
	margin:5px;
	position: relative;
}
.listBbs .lists dl dd div span:before{
	content: '';
	display: block;
	padding-top: 75%;
}
.listBbs .lists dl dd div span img{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0px;
	top:0px;
}
.listBbs .lists .others{
	line-height: 30px;
	color: #AAA;
	padding-left: 5px;
}
.listBbs .lists .others i:before{
	margin-right: 3px;
}
.listBbs .lists .others em{
	display: inline-block;
	margin-left: 10px;
}
@media (max-width: 500px) and (min-width:401px) {
	.ListBox .list ul li.img{
		width:100px;
	}
	.ListBox .list ul li.img a{
		width:100px;
	}
	.ListBox .list ul li.join{
		width:50px;
	}
	.ListBox .list ul li.join sapn{
		line-height: 30px;
		font-size:14px;
		border-radius: 15px;
	}
	.ListBox .list ul li.info div{
		height:33px;
		line-height: 33px;
		font-size:16px;
	}
	.ListBox .list ul li.info div.title{
		font-size: 18px;
	}
	.listBbs .lists dl dd div span{
		margin:3px;
	}
}
@media (max-width: 400px) {
	.ListBox .list ul li.img{
		width:90px;
	}
	.ListBox .list ul li.img a{
		width:90px;
	}
	.ListBox .list ul li.join{
		width:40px;
	}
	.ListBox .list ul li.join span{
		line-height: 26px;
		font-size:14px;
		border-radius: 13px;
	}
	.ListBox .list ul li.info div{
		height:30px;
		line-height: 30px;
		font-size:14px;
	}
	.ListBox .list ul li.info div.title{
		font-size: 16px;
	}
	.listBbs .lists dl dd div span{
		margin:2px;
	}
}
/*****/
.ShowMore1{
	text-align: center;
}
.ShowMore1 span{
	display:inline-block;
	width:30px;
	height: 25px;
	background: url(more.png) no-repeat;
	margin-top: 10px;
}
.ShowMore2{
	clear: both;
	width: 100%;
	padding-top: 10px;
}
.ShowMore2 span{
	display: block;
	text-align: center;
	margin: 0px 20px;
	line-height: 45px;
	background: #DDD;
	color: #AAA;
	border-radius: 5px;
}
/********/
.MoreInfoBox{
	position: fixed;
	width:100%;
	height: 100%;
	z-index: 10000000;
	left: 0px;
	top:0px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.MoreInfoBox .BackBox{
	position: absolute;
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	left:0;
	top:0;
}
.MoreInfoBox .ShowinfoBox{
	background: #FFF;
	position: relative;
	border-radius: 5px;
}
.MoreInfoBox .ShowinfoBox img{
	width:200px;
	margin: 10px;
}













/*评价列表*/
.cnt_ping .lists{padding: 10px 0;}
.cnt_ping .lists ul{display: table;width: 100%;}
.cnt_ping .lists ul ol img{position:absolute;display: block;float: left;width: 40px;height: 40px;overflow: hidden;margin-right:10px;position: relative;border-radius: 50%;}
.cnt_ping .lists ul ol div{float: left;}
.cnt_ping .lists ul ol div span{display: block;height: 20px;line-height: 20px;font-size:16px;overflow: hidden;color: #666;}
.cnt_ping .lists ul ol div em{display: block;height: 20px;line-height: 20px;font-size:12px;overflow: hidden;color: #999;}
.cnt_ping .lists .title{font-size: 16px;padding: 8px 0;text-align: justify;color: #333;}
.cnt_ping .lists .title p{ padding:3px 0;}
/**课表列表**/
.cnt_booking .shops{padding-bottom: 10px; position:relative; }
.cnt_booking .shops ol{width:100%;overflow:hidden;max-height:600px;}
.cnt_booking .shops ol img{width:100%; border-radius:5px 5px 0 0;}
.cnt_booking .shops li{display: block;background: #f9f9f9; padding: 0 10px;overflow: hidden;font-size:14px; border-radius:5px;}
.cnt_booking .shops li .title{font-size: 20px;padding: 8px 0;text-align: justify;color: #000;}
.cnt_booking .shops .fname{height:30px;position:absolute;top:10px;}
.cnt_booking .shops .fname a{display:block;float:right;line-height:25px;background:rgba(0,0,0,0.5);color:#FFF;padding:0 10px; border-radius:5px 25px 5px 5px; font-size:12px;}
.cnt_booking .shops li .price{position:absolute;height:90px;right:10px;top:10px;/*background:url(bgicon.png) no-repeat;*/background-size:100% 100%;}
.cnt_booking .shops li .price div{text-align:center;line-height:18px;height:60px;overflow:hidden;color:#FFF;}
.cnt_booking .shops li .price div span{display:block;}
.cnt_booking .shops li .time{padding:10px 0;line-height:25px;font-size:14px;color:#999;}
.cnt_booking .shops li .time em{display:none;}
.cnt_booking .shops li .time span{color:#FFA800;display:inline-block;padding-left:8px;}
.cnt_booking .shops li .time span p{color:#F00;}
.cnt_booking .shops li .time span i{display:inline-block;background:#FFA800;font-style:normal;padding:0 5px;color:#FFF;border-radius:3px;}
.cnt_booking .shops li .time a{ float:right; color:#f30;}


/**图片列表**/
.cnt_photo{ margin:10px -5px;}
.Contents .imgs{width:50%;padding-bottom: 10px;float: left;overflow: hidden;}
.Contents .imgs span,.Contents .imgs em{display: block;margin: 0 5px;position: relative;overflow: hidden; border-radius: 5px;}
.Contents .imgs span:before{content: '';display: block;padding-top: 75%;}
.Contents .imgs span img{position: absolute;width:100%;height: 100%;left: 0;top:0;}
.Contents .imgs em{height: 30px;line-height: 30px;color: #999;font-size:14px;}




/**课堂掠影**/
.about_7{overflow:hidden; margin:15px 0;}
.common-bgmargin{overflow: hidden;position: relative;}
.index-hyshop{width:100%;display: inline;white-space: nowrap;overflow-x:scroll;float:left;overflow-y:hidden;}
.index-hyshop li{display:inline-block;margin-right:5px; border-radius:10px; width:70%;}
.index-hyshop li:nth-child(22){margin-right: 0;}
.index-hyshop li .img {position: relative; width:100%; }
.index-hyshop li .img img {width:100%; border-radius:10px;}
.index-hyshop li .img .info {position: absolute; bottom: 0; left:0; right:0;padding: 3px 5px; background: rgba(0, 0, 0, .5);font-size: 12px; color: #fff; border-radius:5px;}