.MainContainer{max-width:640px;margin:auto;background: #f5f5f5;}
.header_a{position:relative;/*height:360px;*/background:#FFF;margin:10px;}
.website_warp{position:absolute;top:190px;z-index:1;width:100%; background:#f30;}
.header_a .notice{position:absolute;bottom:5px;padding:0 15px;}
.header_a .notice>div:first-child{color:orange;margin-right:8px;line-height:35px;}
.header_a .notice>div{float:left;}
.flash_wrap{height:200px;position:relative;overflow:hidden;}
.swiper-container{height:100%;}
.swiper-slide img{max-width:100%;min-height: 40px; border-radius: 5px;}

.mingpian{background: #fff url(../../haibao/default/haibao_bj_1.png) center left no-repeat; background-size:100% 100%; -moz-backgroud-size:100% 100%; border-radius: 5px; margin:20px 10px; box-shadow: 1px 5px 5px #ddd; border: #eee solid 1px;}
.mingpian_head{position:relative; padding:10px 10px 20px 10px;}
.mingpian_head .job{color:#F30;font-size:16px;}
.mingpian_head .icon{position:absolute;z-index:1;right:10px; top:20px; width:100px;height:100px;border-radius: 50%; background:#ddd;}
.mingpian_head .title{padding-top:10px;height:35px;}
.mingpian_head .title span{color:#000;font-size:16pt;font-weight:bold;}
.mingpian_head .title a{color:#666; padding-left:10px; font-size:14px;}
.mingpian_about{padding:15px 10px;}
.mingpian_about .about{ font-size:14px; color:#333; line-height:24px;}
.mingpian_about .about i{ font-size:14px; padding-right:5px;}

.mingpian .price{position:absolute;width:40px;height:20px; right:5px;top:-6px;background: #f30; border-radius:0 0 5px 5px;}
.mingpian .price:before{content:'';
	display:block;
	width:0;
	height:0;
	border:4px solid transparent;
	border-top: 4px solid #d00904;
	border-bottom:0;
	position:absolute;
	left:-5px;
	top:3px;
	transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
}
.mingpian .price div{padding:5px;text-align:center;font-size:12px;line-height:12px;overflow:hidden;color:#FFF;}

.qun_main{margin:20px 10px 0;}
.qun_main .lists{border-radius:5px; background: #f30;margin-right:15px; padding:10px 20px;width: auto; color:#fff;}
.qun_main .lists ol{font-size:12px; color:#fff;}
.qun_main .lists ol i{padding-right:5px;}
.qun_main .lists ul{font-size:14px; color:#fff;}
.qun_main .lists:nth-child(3){margin-right: 0;}
.qun_main .lists:nth-child(2){background:#00ac84;}
.qun_main .lists:nth-child(3){background:orange;}
.qun_main .lists:nth-child(4){background:#EE5C5B;}

.guanzhu { margin:10px;border-radius: 5px;}
.guanzhu .cnt{color: #333;width:100%;overflow: hidden;}
.guanzhu .cnt div i{color:#d00904;}
.guanzhu .nav{color: #888;font-size:12px;}
.guanzhu .nav em{margin-left:10px;margin-right:3px;}
.guanzhu .nav em.left{margin-left:0;}
.guanzhu .nav span{margin-left:8px;}
.guanzhu .word{position:absolute;z-index:1;right:0;top:25px;}
.guanzhu .word span{display:block;float:right;padding:0px 15px;margin-right:10px;font-size:14px;border-radius: 15px;}
.guanzhu .word span.join{color:#fff;background:#f30;}
.guanzhu .word span.join a{color:#fff;}


.OpenAction{background:#fff;margin:0 10px;border-radius: 5px;}
.OpenAction ul {padding:0 8px;}
.OpenAction ul li{display: table-cell;text-align:center;vertical-align:middle;padding:8px 0 8px 0;}
.OpenAction ul li.text{text-align:left;line-height:24px;padding-left:10px;}
.OpenAction ul li.close{width:35px;font-size:35px; color:#f30; }
.OpenAction ul li.text a{color:#333;}



.SideBox{padding:10px;position: relative;}
.SideBox .head{margin: 15px 0;overflow: hidden;}
.SideBox .head .tag{font-size: 20px;}
.SideBox .head .more{float:right;color: #888;}
.info-content{background: #FFF;padding:10px;position: relative; border-radius: 5px;}
.info-content p{padding:5px 0;text-align:justify;}
.info-content img{max-width:100%;border-radius: 5px;}


.MainMenu{
	padding: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;
	
	overflow: hidden;
	margin: auto;
	text-align: center;
	position: relative;
}
.MainMenu ul li span{
	border-radius: 5px;
	background: #23C075;
	color: #FFF;
	width:50px;
}
.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:25px;
  -webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
}


.main-title{font-size: 20px;margin: 15px 10px;}

.onepic{padding: 0 10px;}
.onepic .block .img-top .icon1{font-size: 15px;}
.onepic .block .img-top .about{height: 30px;}
.onepic .block .img-top .bL{bottom: 2px;font-size: 12px;}
.onepic .block .img-top .bR{bottom: 2px;font-size: 16px;}

.twopic{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 10px;}
.twopic .block{width: 48%;display: flex;flex-direction: column;}
.twopic .block .img-top .img{height: 150px; width: 100%; }
.twopic .block .img-top .img img{width: 100%; height:auto;}

.small_one_pic{padding: 0 10px;}
.small_one_pic .block{display: flex;justify-content: flex-start;margin-bottom:15px;}
.small_one_pic .block .img-top{width: 120px;flex: none;}
.small_one_pic .block .img-top .img{height:100px;}


.block .img-top{
	position: relative;
}
.block .img-top .icon1,.block .img-top .about,.block .img-top .bL,.block .img-top .bR{
	position: absolute;
	color: #fff;		
}
.block .img-top .icon1{
	opacity:0.6;
	top:10px;
	left:10px;
	padding: 0 5px;
	border-radius: 5px;
	background: #888;
	font-size: 12px;
}

.block .img-top .about{
	opacity:0.5;
	bottom:0px;
	height: 25px;
	width: 100%;
	border-radius: 5px;
	background: #888;	
}
.block .img-top .bL{
	bottom: 0px;
	left:10px;
	font-size: 12px;
}
.block .img-top .bR{
	bottom: 0px;
	right:10px;
	font-size: 12px;
}
.block .img-top .img{
	width:100%;
	border-radius: 5px;
	overflow: hidden;
}
.block .img-top .img img{
	width:100%; height:auto;
}
.block{
	background: #fff;
	border-radius: 5px;
}
.block .word-bottom{
	padding: 0 10px 10px 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow:1;
}
.block .word-bottom .title{
	font-size: 16px;
	margin-top: 5px;
	line-height: 135%;
	
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	/*white-space:nowrap;*/
}
.block .word-bottom .about{
	color: #999;
	line-height: 150%;
	font-size: 13px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break:break-all;word-wrap:break-word;
		/*white-space:nowrap;*/
}
.block .word-bottom .price{
	text-align: right;
	color: #f30;
	flex-grow: 1;
	display:flex;
	align-items:flex-end;
	justify-content: flex-end;
}

.block .word-bottom .price-show{font-size:14px;}
.block .word-bottom .price-show i{color:#999;}
.block .word-bottom .price-show span{color:#f30;}
.block .word-bottom .price-show .ml{font-style:normal; padding-left:10px; color:#999; }
.block .word-bottom .price-show a{ float:right; color:#d00904;}


/*关于我们*/
.aboutUs{margin:15px 10px 15px;background:#FFF;border-radius: 5px;}
.aboutUs .head img{width:100%; border-radius: 5px 5px 0 0;}
.aboutUs .cont{padding:10px;color:#666;line-height:25px;}
.aboutUs .cont img{max-width:100%;}
.aboutUs .cont p{padding:5px 0;}

.footerad{font-size:12px;width:100%;text-align:center;}
.footerad a{color:#999;}

/*加微信*/
.MoreInfoBox{position: fixed;width:100%;height: 100%;z-index: 1000;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;text-align:center;font-size:14px;}
.MoreInfoBox .ShowinfoBox p{font-size:16px; padding-top:15px;}
.MoreInfoBox .ShowinfoBox img{width:200px;margin:10px;}

/**课程列表**/
.HotGroupBox{padding:0 5px;}
#ListGroup{height:210px;position:relative;}
#ListGroup ul{height:200px;position:absolute;left:0;top:0;width:100%;}
#ListGroup ul li{display:inline-block;width:29.5%;margin:0 5px;}
#ListGroup ul li dd{background:#EE5C5B;border-radius:5px;color:#fff;font-size:15px;line-height:32px;height:32px;}
#ListGroup ul li span{display: block;position: relative;border-radius: 5px;overflow: hidden;}
#ListGroup ul li span img{width: 100%;height: 100%;}
#ListGroup ul li em{display: block;height: 40px;line-height: 20px;font-size: 16px;overflow: hidden;color: #333;padding-top:10px;}
/**课程自适应屏幕宽度**/
@media (max-width: 500px) and (min-width:401px) {
	#ListGroup{height:220px;}
	#ListGroup ul{height:220px;}
	#ListGroup ul li{height:220px;}
}
@media (max-width: 400px) {
	#ListGroup{height:210px;}
	#ListGroup ul{height:210px;}
	#ListGroup ul li dd{font-size:16px;line-height:28px;height:28px;}
	#ListGroup ul li{height:210px;}
}

/*******首页帖子******/
.ModConts{margin:15px 10px; border-radius: 5px;}
.ModConts .head{ padding:15px 0; margin-bottom:25px;}
.ModConts .head .tag{float:left; font-size:18px;}
.ModConts .head .more{float:right; color:#888; font-size:12px;}
	
.mmlist_li_box {padding:10px; background:#fff; border-radius:5px;}
.mmlist_li_box .title {font-size: 16px; color:#333;
    line-height: 145%;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.mmlist_li_box .title span{background: #f30;color: #FFF;border-radius:5px; font-size:14px; padding:0 5px; margin-right:5px;}
.forumlist_li_top {height:36px;line-height:36px;padding:10px 0;}
.forumlist_li_top .wblist_tximg {float:left;width:36px;height:36px;margin-right:8px;border-radius:50%;background:#f8f8f8}
.forumlist_li_top .top_tximg {margin-right:8px;width:36px;height:36px;border-radius:50%}

.forumlist_li_top .top_title {display:block;height:20px;line-height:20px}
.forumlist_li_top .top_lev {float:left;margin-top:2px;margin-left:4px;font-size:12px;height:12px;line-height:12px;padding:1px 3px;border-radius:3px; background:#f30; color:#fff;}
.forumlist_li_top .top_user {float:left;font-size:16px}

.forumlist_li_top .forumlist_li_time {display:block;height:18px;line-height:18px}
.forumlist_li_top .forumlist_li_time span {font-size:12px; color:#999;}

.mmlist_li_box .list_body {max-height:66px;line-height:22px;font-size:14px;margin:3px 0;overflow:hidden;text-align:justify;}
.mmlist_li_box .list_body a {display:inline;color:#666;}

.comiis_pyqlist_imgs {margin:5px 0;overflow:hidden;position:relative;}
.comiis_pyqlist_imgs .img {width:100%;max-height:150px;font-size:0;border-radius:5px}
.comiis_pyqlist_imgs li {float:left;width:32.6%;padding-bottom:25%;margin-top:1.1%;margin-right:1.1%;box-sizing:border-box;position:relative;overflow:hidden;background:#f6f6f6;border-radius:5px}
.comiis_pyqlist_imgs li:nth-child(3n) {margin-right:0}
.comiis_pyqlist_imgs li img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 100%;}
.comiis_pyqlist_imgs .comiis_noloadimage {float: left; width: 49%;padding-bottom: 27%;margin-top: 1.1%;margin: 0 .5%;box-sizing: border-box;position: relative;overflow: hidden;}
.comiis_pyqlist_imgs .comiis_noloadimage img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:100%}

.comiis_znalist_bottom {height:12px;display: table;width: 100%;}
.comiis_znalist_bottom ol{ color:#999;float: left; font-size:12px;}
.comiis_znalist_bottom li{text-align: right; color: #999; font-size:12px;}
.comiis_znalist_bottom li i{margin-right: 5px;}
.comiis_znalist_bottom li i.fa-commenting-o{margin-left: 15px;}

/*学员案例*/
.ListInfos{max-width: 720px;margin:10px;}
.ListInfos .head{ padding:15px 0; margin-bottom:25px;}
.ListInfos .head .tag{float:left; font-size:18px;}
.ListInfos .head .more{float:right; color:#888; font-size:12px;}
.ListInfos .lists{border-radius:5px; background: #ddd;margin-right:15px; padding:10px 0;width:80%; min-height:240px;}
.ListInfos .lists:nth-child(10){margin-right: 0;}
.ListInfos .lists ol .price{position:absolute; float:right; right:10px; top:10px;}
.ListInfos .lists ol .price div{color:#F30; font-size:14px;}
.ListInfos .lists ol{display: table-cell;vertical-align: middle; padding:15px 10px;}
.ListInfos .lists ol img{float: left;width: 40px;height: 40px;overflow: hidden;margin-right: 10px;border-radius: 50%; background:#333;}
.ListInfos .lists ol div{float: left;}
.ListInfos .lists ol div span{display: block; overflow: hidden;height: 16px;line-height: 16px;font-size:16px;}
.ListInfos .lists ol div em{color: #999;font-size:12px;}
.ListInfos .lists ul{ background:#fff;border-radius:5px;padding:15px; box-shadow: 0 5px 5px #eee; }
.ListInfos .lists ul .title{color:#333; line-height:24px; text-align:justify; font-size:16px;word-break: break-all;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 5;  overflow: hidden; text-align:justify; padding-bottom:10px; }
.ListInfos .lists ul .time i{padding-right:5px; color:#f30;}
.ListInfos .lists ul .time{ color:#999; font-size:12px;}
.ListInfos .lists ul .sanjiao{ position:absolute;border-color: transparent transparent #fff transparent;  border-style: solid; border-width: 0px 10px 10px 10px; height: 0px; width: 0px; margin-top:-25px; margin-left:5px;}


.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;
}






.hongbaoBox{
	position: absolute;
	width:60px;
	right:5px;
	top:0;
}
.hongbaoBox img{
	width:100%;
}
.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;
}
.listPhoto{
	padding-top: 5px;
}
.listPhoto:after{
	content: '';
	display: block;
	clear: both;
}
.listPhoto li{
	width:50%;
	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: 100%;
	left: 0;
	top:0;
}
.listPhoto li em{
	height: 25px;
	line-height: 25px;
	color: #999;
}
.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;
}



.auto-roll{
	height:35px;
	overflow:hidden;
	background:#fff;
}
.auto-roll li{
	line-height:35px;
}
.auto-roll li a{
	color:orange;
}


.websitename{
	margin:auto;
	height:120px;
	background:#FFF;
	overflow:hidden;	
	width:90%;
	border-radius: 5px;
	border:1px solid #eee;
	box-shadow: 1px 1px 1px 1px #ccc;
}
.websitename>ul{
	display:table;
	width:100%;
	height:100%;
	position:relative;
}
.websitename>ul ol{
	position:absolute;
	top:10px;
	left:10px;
}
.websitename>ul .imgcode{
	position:absolute;
	top:15px;
	right:15px;
}

.websitename>ul li{
	position:absolute;
	bottom:15px;
	right:4px;
}
.websitename>ul dd{
	position:absolute;
	bottom:15px;
	left:20px;
	color:#999;
}
.websitename>ul ol{
	padding-left:15px;
}
.websitename>ul ol span{
	display:block;
	position:relative;
	height:50px;
	line-height:50px;
	font-weight:bold;
	font-size:18px;
	overflow:hidden;
}
.websitename>ul ol span img{
	width: 50px;
	height: 50px;
	line-height: 46px;
	background: #37CB83;
	color: #fff;
	font-size: 30px;
	border-radius: 50%;
	margin-right:15px;
}
.websitename>ul li{
	padding-right:15px;
	width:90px;
}
.websitename>ul li span{
	display: block;
	height: 30px;
	line-height: 30px;
	border: #37CB83 solid 2px;
	overflow: hidden;
	text-indent: 6px;
	color: #37CB83;
	border-radius: 5px;
	font-size: 20px;
}


/*发布菜单按钮*/
.post_btn_wrap{width:57px;height:57px;position:fixed;right:0;bottom:0;}
.post_btn_menu{
	width:57px;height:57px;background:orange;position:absolute;bottom:60px;right:2px;z-index:10;cursor:pointer;
	border-radius:100%;
	-moz-border-radius:100%;
	opacity:0.7;
	font-size:30px;
	color:#fff;
	text-align:center;
	line-height:57px;
}
.post_btn{
	width:52px;
	height:52px;
	background:orange;
	border-radius:100%;
	-moz-border-radius:100%;
	opacity:0.3;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:52px;
	z-index:1;position:absolute;bottom:60px;right:0;margin:0 5px 2px 0;cursor:pointer;
}
.btn1.close, .btn2.close, .btn3.close, .btn4.close{bottom:60px;right:0;}
.btn1.open{bottom:175px;right:0;opacity:0.8;}
.btn2.open{bottom:150px;right:62px;opacity:0.8;}
.btn3.open{bottom:105px;right:112px;opacity:0.8;}
.btn4.open{bottom:48px;right:135px;opacity:0.8;}
.post_btn{
	-webkit-transition:bottom .2s,right .2s;-moz-transition:bottom .2s,right .2s;-o-transition:bottom .2s,right .2s;-ms-transition:bottom .2s,right .2s;transition:bottom .2s,right .2s;
}
#qun_wapshow_education_menu1{
	left:1px;
}
#qun_wapshow_education_menu2{
	left: 23%;
	top: 57%;
}
#qun_wapshow_education_menu3{
	left:47%;
}
#qun_wapshow_education_menu4{
	right:2px;
	top: 57%;
}

.MainMenu ul:nth-child(2) li:nth-child(1) span{
	background:#f17de1;
}
.MainMenu ul:nth-child(2) li:nth-child(2) span{
	background:#53c6ff;
}
.MainMenu ul:nth-child(2) li:nth-child(3) span{
	background:#d0733a;
}
.MainMenu ul:nth-child(2) li:nth-child(4) span{
	background:#d7c013;
}