/** common */
/*main_box*/
.main_box{
	max-width: 640px;
	margin: 0 auto;
	position: relative;
    z-index: 4;
    width: 100%;
}
.main_content{
	width: 100%;
	position: relative;
	background: #f1f1f1;
}
.main_content.no_menu_cover{
	padding-top: 70px;
}
.main_box_bg{
	display: block;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #f9f9f9;
	z-index: -1;
}
/*640*/
@media (min-width: 640px) {
	.main_box{
		position: absolute;
		right: 50%;
		top: 0px;
		margin-right: -320px;
	}
}

/*right_nav*/
.right_nav{
	display: none;
	background: #fff;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 1;
	color: #B3B3B3;
	width: 230px;
	font-size: 1.1em;
	padding: 10px 15px;
	height: 100%;
}
.right_nav .right_nav_title{
	font-size: 1.2em;
	border-bottom: 1px solid #B3B3B3;
	text-align: center;
	line-height: 3em;
}
.right_nav ul li{
	line-height: 40px;
	height: 47px;
	border-bottom: 1px solid #b3b3b3;
	color: #909090;
	font-size: 0.9em;
	padding: 3px 0;
}
.right_nav ul li .cate_icon{
	display: block;
	width: 40px;
	height: 40px;
	float: left;
	padding: 8px;
}
.right_nav ul li .cate_title{
	display: block;
	float: left;
	width: 135px;
	height: 40px;
}
.right_nav ul li .cate_link{
	display: block;
	width: 25px;
	height: 40px;
	float: left;
	padding: 12px 5px 12px 11px;
}
/*640*/
@media (min-width: 640px) {
	.right_nav{
		right: 50%;
		top: 0px;
		padding: 10px 15px;
		margin-right: -320px;
	}
}

/*public success*/
.weui-icon_msg {
	font-size: 135px;
}
.weui-msg__icon-area {
	margin-bottom: 45px;
}

/*footer*/
.footer{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #888;
	padding: 15px 0 12px;
}
.footer.downpage{
	position: absolute;
	bottom: 0px;
}

/** menu */
.menu{
	display: block;
	width: 100%;
	height: 70px;
	background: #3477ea;
	padding: 0 2.5%;
	position: fixed;
	z-index: 3;
	max-width: 640px;
	top: 0px;
}
.menu>div{
	display: block;
	float: left;
}
.menu .menu_back{
	height: 100%;
	width: 20%;
}
.menu .menu_back img{
	height: 100%;
	padding: 15% 22%;
}
.menu .menu_title{
	height: 100%;
	width: 60%;
	line-height: 70px;
	text-align: center;
	color: #fff;
	font-size: 1.7em;
}
.menu .menu_show{
	height: 100%;
	width: 20%;
	text-align: right;
}
.menu .menu_show img{
	height: 100%;
	padding: 8%;
}
/*351-400*/
@media (min-width: 351px) and (max-width: 480px) {
	.menu{
		height: 60px;
	}
	.menu .menu_title {
		line-height: 60px;
		font-size: 1.2em;
	}
	.menu .menu_back img{
		padding: 22% 30%;
	}
	.menu .menu_show img{
		padding: 14%;
	}

	/*避免遮盖*/
	.main_content.no_menu_cover{
		padding-top: 60px;
	}
}
/*350*/
@media (max-width: 350px) {
	.menu{
		height: 46px;
	}
	.menu .menu_title {
		line-height: 46px;
		font-size: 1.1em;
	}
	.menu .menu_back img{
		padding: 17% 25%;
	}
	.menu .menu_show img{
		padding: 13%;
	}

	/*避免遮盖*/
	.main_content.no_menu_cover{
		padding-top: 46px;
	}
}

/** fl_button */
.fl_button{
	display: block;
	width: 100%;
	bottom: 35px;
	position: fixed;
	max-width: 640px;
	z-index: 1;
}
.fl_button .fl_button_box{
	background-image: url('../images/fl_buttonbg.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 240px;
	height: 55px;
	padding: 0 16px;
}
.fl_button .fl_button_box>div,.fl_button .fl_button_box>a{
	display: block;
	float: left;
	color: #fff;
	font-size: 1.3em;
    line-height: 55px;
    text-align: center;
}
.fl_button .fl_button_box .fl_button_home{
	width: 70px;
	height: 55px;
}
.fl_button .fl_button_box .fl_button_menu{
	width: 68px;
	height: 68px;
	background-image: url('../images/fl_buttonm.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top: -7px;
}
.fl_button .fl_button_box .fl_button_enroll{
	width: 70px;
	height: 55px;
}

/** index **/
.event_box_bg{
	background-size: auto 100%;
	background-position: center;
	height: 100%;
	width: 100%;
	box-sizing: unset;
}
.event_button{
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0px;
}
.event_button>ul{
	display: block;
	width: 100%;
	max-width: 530px;
	margin: 0 auto;
	padding: 20px 0;
}
.event_button>ul li{
	float: left;
	display: block;
	width: 25%;
	padding-bottom: 20px;
}
.event_button>ul li .event_button_icon{
	width: 104px;
	padding-bottom: 104px;
	position: relative;
	margin: 0 auto;
}
.event_button>ul li .event_button_icon img{
	position: absolute;
	width: 72px;
	height: 72px;
	left: 17px;
	top: 15px;
}
.event_button>ul li .event_button_title{
	display: block;
	line-height: 2.3em;
	width: 104px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
/*400*/
@media (min-width: 351px) and (max-width: 480px) {
	.event_button>ul {
		width: 87%;
	}
	.event_button > ul li {
		padding-bottom: 10px;
	}
	.event_button>ul li .event_button_icon {
		width: 70px;
		padding-bottom: 70px;
	}
	.event_button>ul li .event_button_icon img {
		width: 48px;
		height: 48px;
		left: 11px;
		top: 11px;
	}
	.event_button>ul li .event_button_title{
		width: 70px;
		font-size: 14px;
	}
}
@media (max-width: 350px) {
	.event_button>ul {
		width: 92%;
	}
	.event_button > ul li {
		padding-bottom: 8px;
	}
	.event_button>ul li .event_button_icon {
		width: 62px;
		padding-bottom: 62px;
	}
	.event_button>ul li .event_button_icon img {
		width: 44px;
		height: 44px;
		left: 9px;
		top: 9px;
	}
	.event_button>ul li .event_button_title{
		width: 62px;
		font-size: 12px;
	}
}


/** catelist **/
.catelist_button{
	display: block;
	width: 100%;
}
.catelist_button>ul{
	display: block;
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
	padding: 66px 0;
}
.catelist_button>ul li{
	float: left;
	display: block;
	width: 33.33%;
	padding-bottom: 20px;
}
.catelist_button>ul li .catelist_button_icon{
	background-image: url('../images/buttonbg.png');
	background-size: 100%;
	background-position: center;
	width: 118px;
	padding-bottom: 118px;
	position: relative;
	margin: 0 auto;
}
.catelist_button>ul li .catelist_button_icon img{
	position: absolute;
	width: 82px;
	height: 82px;
	left: 19px;
	top: 19px;
}
.catelist_button>ul li .catelist_button_title{
	display: block;
	line-height: 2.3em;
	width: 104px;
	margin: 0 auto;
	text-align: center;
	color: #555;
}
/*351-400*/
@media (min-width: 351px) and (max-width: 480px) {
	.catelist_button>ul {
		width: 87%;
	}
	.catelist_button > ul li {
		padding-bottom: 10px;
	}
	.catelist_button>ul li .catelist_button_icon {
		width: 76px;
		padding-bottom: 76px;
	}
	.catelist_button>ul li .catelist_button_icon img {
		width: 52px;
		height: 52px;
		left: 13px;
		top: 13px;
	}
	.catelist_button>ul li .catelist_button_title{
		width: 76px;
		font-size: 14px;
	}
}
/*350*/
@media (max-width: 350px) {
	.catelist_button>ul {
		width: 92%;
	}
	.catelist_button > ul li {
		padding-bottom: 8px;
	}
	.catelist_button>ul li .catelist_button_icon {
		width: 62px;
		padding-bottom: 62px;
	}
	.catelist_button>ul li .catelist_button_icon img {
		width: 44px;
		height: 44px;
		left: 9px;
		top: 9px;
	}
	.catelist_button>ul li .catelist_button_title{
		width: 62px;
		font-size: 12px;
	}
}

/*pagelist*/
.pagelist_con{
	display: block;
	width: 100%;
	padding-bottom: 40px;
}
.pagelist_con ul{
	display: block;
	width: 100%;
}
.pagelist_con ul li{
	display: block;
	width: 100%;
	border-bottom: 1px solid #c7c7c7;
	padding: 12px 10%;
	position: relative;
	height: 117px;
}
.pagelist_con ul li .pagelist_con_icon{
	display: block;
	line-height: 0px;
	border: 1px solid #3477ea;
	border-radius: 100%;
	height: 66px;
	width: 66px;
	position: absolute;
	left: 10%;
	top: 15px;
}
.pagelist_con ul li .pagelist_con_icon img{
	width: 100%;
	height: 100%;
	padding: 16%;
}
.pagelist_con_r{
	display: block;
	padding-left: 100px;
	width: 100%;
}
.pagelist_con_title{
	font-size: 1.1em;
	color: #666;
	line-height: 1.4em;
	max-height: 2.8em;
	overflow: hidden;
}
.pagelist_con_time{
	font-size: 15px;
	color: #c1c1c1;
	line-height: 34px;
	display: block;
	width: 100%;
}
.pagelist_con_time img{
	display: inline-block;
	width: 33px;
	height: 33px;
	padding: 5px;
	vertical-align: middle;
	margin-top: -3px;
}
/*400*/
@media (max-width: 400px) {
	.pagelist_con ul li{
		padding: 9px 10%;
		height: 102px;
	}
	.pagelist_con ul li .pagelist_con_icon{
		height: 58px;
		width: 58px;
		top: 10px;
	}
	.pagelist_con_r{
		padding-left: 80px;
	}
	.pagelist_con_title{
		font-size: 1em;
		line-height: 1.4em;
		max-height: 2.8em;
	}
	.pagelist_con_time{
		font-size: 12px;
	}
	.pagelist_con_time img{
		width: 30px;
		height: 30px;
	}
}
/*400*/
@media (max-width: 350px) {
	.pagelist_con_title{
		font-size: 0.9em;
	}
}

/*detail*/
.detail_con{
	display: block;
	width: 100%;
	padding: 10px 3.5% 40px;
}

/*theme*/
.theme_cont{
	display: block;
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.theme_cont_button{
	display: block;
	position: absolute;
	color: #bfbfbf;
	text-align: center;
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #8a8a8a;
	bottom: 60px;
	left: 50%;
	width: 120px;
	margin-left: -55px;
	padding-left: 10px;
}