body{
	padding: 0;
	margin: 0;
	font-size: 1rem;
	font-family: "微软雅黑";
	background: #67ac52 url(../images/bg.png) no-repeat center bottom;
	background-size: 100% auto;
	font-size: 14px;
}
body.body-fixed-bottom {
    background-color: #67ac52; 
}

.home-btn{background: #F4AB38}
.home-btn .iconfontzz{font-size: 18px;margin-right: 5px}

.go-back{
	width: 12.4vw;
	position: fixed;
	top: 37.6vw;
	right: 0px;
	z-index: 10
}
.go-back img{
	width: 100%;
}
.header{
	width: 99.7333%;
	height: 55.7333vw;
	margin: 5.86667vw auto 0;
	background: transparent url(../images/header.bg.png) no-repeat center bottom;
	background-size: 100% 100%;
	text-align: center;
}
.header .title{
	padding: 9.34vw 0 5.0667vw 0;
	line-height: 25px;
	font-size: 1.5rem;
	font-weight:bolder;
	color: #0b4d52;
}
.statistics{
	display: flex;
	flex-flow: row;
}
.col-4{
	width: 33%;
}
.fx{
	width: 80%;
	background-image: linear-gradient(to right,#94c876,#64a13b);
	border: 1px solid #4a8423;
	border-radius: 20px;
	overflow: hidden;
	padding: 2px;
	color: #fff;
}
.fx.float-left{
	float: left;
}
.fx.float-right{
	float: right;
}
.fx.float-center{
	margin: auto;
}

.fx .fx-col{
	border-radius: 20px;
	
}
.fx .fx-col .col-title{
	font-size: 1rem;
    line-height: 2rem;
    padding-top: 0.3rem;
}
.fx .fx-col .col-content{
    font-size: 1.5rem;
    line-height: 2rem;
    padding-bottom: 0.4rem;
}
.header .message{
	width: 50%;
	margin: .6rem auto 0 auto;
	font-size: 1rem;
	padding: .3rem 0;
	color: #fff;
	background-image: linear-gradient(to right,rgba(241,143,55,0),rgba(241,143,55,1),rgba(241,143,55,0));
}
.header2{
	width: 100%;
	height: 31.2vw;
	margin-top: 2vw;
	padding-top: 4.8vw;
	box-sizing:border-box;
	background:transparent url(../images/header2.bg.png) no-repeat left top;
	background-size:100% auto ;
}
.header2 .title{
	width: 70%;
	margin: auto;
	font-size: 1.4rem;
	color: #fff;
	display: flex;
	flex-flow: row;
	line-height: 2rem;
}
.header2 .title .left{
	width: 40%;
	height: 2rem;
	margin: auto;
	background: transparent url(../images/x.left.png) no-repeat right center;
}
.header2 .title .right{
	width: 40%;
	height: 2rem;
	margin: auto;
	background: transparent url(../images/x.right.png) no-repeat left center;
}
.header2 .title .center{
	width: 100%;
	height: 2rem;
	text-align: center;
	color: #0b4d52;
}
.header3{
	width: 100%;
	height: 22.8vw;
	margin-top: 2vw;
	padding-top: 8vw;
	box-sizing:border-box;
	background:transparent url(../images/dk.01.png) no-repeat left top;
	background-size:100% auto ;
	text-align: center;
}
.header3 .content{
	width: 73%;
	margin: auto;
	display: flex;
	flex-flow: row;
}
.header3 .left-ico{
	background: #f18f37;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	text-align: center;
	line-height: 28px;
	color: #fff;
	float: left;
	font-size: 16px;
}
.header3 .title{
	line-height: 28px;
	float: left;
	padding-left: 10px;
}
.header3 .title a{
	color: #0b4d52;
	font-size: 1.05rem;
}
.header3 .right{
	height: 40px;
}
.header3 .right img{
	height: 100%;
}
.start-time{
	width: 65%;
	margin: auto;
	padding-top: 20px;
}
.start-time .clock{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #f18f37;
	float: left;
}
.start-time .clock .zfx{
	width: 35%;
	margin: 10% 15% 0 0;
	float: right;
	height: 40%;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.start-time .right{
	float: left;
	line-height: 25px;
	color: #0b4d52;
	padding-left: 5px;
	font-size: 1.1rem;
}
.bar-list{
	width: 98%;
	margin: auto 1%;
	padding-top: 5vw;
}
.bar-list .col{
	width: 45%;
	float: left;
	margin: 2.13vw 2.5%;
	text-align: center;
	line-height: 46px;
	height: 46px;
	overflow: hidden;
	background-image: linear-gradient(#fed28d,#fed28d,#fec47f,#feb771,#feb771,#fe9b54);
	border-radius: 10px;
	
}
.bar-list .col .left{
	font-size: 1rem;
	color: #6b2800;
	font-weight:bolder;
	padding-left: 10px;
	float: left;
}
.bar-list .col .right{
	width: 5vw;
	height: 5vw;
	border: 2px solid #6b2800;
	border-radius: 50%;
	margin: 12px 10px 0 3px;
	float: right;
}
.bar-list .col .right .j{
	width: 45%;
	height: 45%;
	margin: 12% 0 0 22.5%;
	border-left:2px solid #6b2800;
	border-bottom:2px solid #6b2800;
	float: left;
	transform:rotate(-45deg);
}
.bar-list .col.h{
	background-image: linear-gradient(#fc867d,#c9353a);
}
.bar-list .col.h .left{
	color: #fff;
}
.bar-list .col.h .right{
	border: 2px solid #fff;
}
.bar-list .col.h .right .j{
	margin: 35% 0 0 25%;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	float: left;
	transform:rotate(135deg);
}

.view_img{margin-bottom: 10px;padding-top: 10px;}
.view_img img{width: 100%;padding: 0;}

.vote_content img{width: 100%;border: 0;margin-top: 10px;}

/*侧边栏报名按钮*/
@-webkit-keyframes swing{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}100%{transform:rotate(0)}}
.side-signup{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:10;position:fixed;bottom:86px;right:20px;border-radius:50%;color:#fff;width:56px;height:56px;text-align:center;opacity:.8;font-size:14px;line-height:18px;animation:swing 1.3s ease-out infinite;padding-top:10px}

/*瀑布流列表*/
.masonry-wrap{background:transparent}
.masonry-box{}
.masonry-box .masonry-box__item{color:#000;background:#ffc17d;width:calc(50% - 5px);float:left;-webkit-box-sizing:border-box;margin-bottom:10px;
	border: 5px solid #539923;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding: 15px;
	box-sizing: border-box;
	box-shadow: 3px 3px 3px 3px #00366C33;}
.masonry-box .masonry-box__item:nth-child(2n+1){margin-right:5px}
.masonry-box .masonry-box__item:nth-child(2n){margin-left:5px}
.masonry-box .masonry-box__item .weui-media-box{padding: 0}
.masonry-box .masonry-poster{
	width: 100%;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
.masonry-box .masonry-poster img{
	max-width: 100%;
	margin: auto;
}
.masonry-box .masonry-descrip{
	text-align: center;
	font-size: 1.3rem;
	color: #0b4d52;
	margin-top: .5rem;
}
.masonry-box .masonry-meeting{
	text-align: center;
	font-size: 1rem;
	color: #0b4d52;
	margin-top: .5rem;
}
.masonry-box .masonry-btn{
	text-align: center;
	margin-top: 1.6rem;
}
.masonry-box .masonry-btn a{
	width: 100%;
	box-sizing: border-box;
	background: #f18f37;
	padding: .45rem 1.2rem;
	color: #fff;
	text-decoration: none;
	font-size: 1.1rem;
	border-radius: 8px;
}

.masonry-box .masonry-poster{width:100%;z-index: 10}
.masonry-box .masonry-poster a{display: inline-block}
.masonry-box .masonry-poster img{width:100%}
.masonry-box .masonry-number{width:auto;height:35px;line-height:35px;position:absolute;top:0;left:0;padding:0 30px;border-bottom-right-radius:25px;background:#ffc17d;font-size:1rem}
.masonry-box .masonry-number a{color: #000}
.masonry-box .masonry-content{width:100%;text-align:center;position:absolute;top:30%;left:0;z-index: 0}
.masonry-box .masonry-content .masonry-title{font-size:1.2rem;color:#fff}
.masonry-box .masonry-content .masonry-descrip{font-size:1rem;color:#ffe079}
.masonry-box .masonry-bottom{width:100%;text-align:center;padding-top:10px}
.masonry-box .masonry-bottom .masonry-descrip{font-size:1rem;color:#56381a;line-height:30px}
.masonry-box .masonry-bottom .masonry-btn{line-height:2.2;border-radius:5px;color:#fff;background-image:linear-gradient(to right,#9c1013,#dd1e25)}