.clearfix{
	clear: both;
	zoom: 1;
}
body {
	max-width: 768px;
	margin: 0 auto;
}
.img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.header{
	width: 100%;
	height: 6rem;
}
.content{
 background: #bec4c8;
 padding: 0.3rem;
}

.main-body{
	margin: 0 auto;
	position: relative;
}
.menu-list{
	position: relative;
	background-image: url('../img/activeShow_v.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 1.2rem;
}

.menu-item a{
  display: block;
  text-align: center;
	height: 1.16rem;
	line-height: 1.16rem;
	font-size: 0.48rem;
	color: #555;
	text-decoration: none;
}

.img-icon{
	display: inline-block;
	width: 0.373333rem;
	height: 0.48rem;
	vertical-align: middle;
	margin-left: 0.213333rem;
	background-image: url('../img/present.png');
	background-repeat: no-repeat;
	background-size: 0.373333rem 0.48rem;
	margin-top: -0.16rem;
}

.companies .img-icon{
	width: 0.44rem;
	height: 0.48rem;
	background-image: url('../img/company.png');
	background-size: 0.44rem 0.48rem;
}

.menu-item.presents {
	width: 50%;
	float: left;

}
.menu-item.companies{
	width: 50%;
	float: left;

}
.main-content{
	background-color: #fff;
	padding: 0.133333rem 0 0.533333rem;
	border-bottom-left-radius: 0.106667rem;
	border-bottom-right-radius: 0.106667rem;
}

.line-height{
	margin: 0.533333rem 0 0 0.133333rem;
	text-align: center;
}

.line-height span{
	display: inline-block;
	width: 0.72rem;
	height: 0.106667rem;
	background-color: #dcdcdc;
}

.intro{
	padding: 0 0.4rem;
	font-size: 0.373333rem;
	line-height: 1.25;
	margin: 0 0 0.266667rem 0;
}

.presents-box{
	background-color: #f5f5f5;
}

.menu-label{
	background-color: #fff;
	background-image: url('../img/present_line.png');
	text-align: center;
	line-height: 0.8rem;
	font-size: 0.373333rem;
	color: #fff;
	background-size: 100% 100%;
}

.presents-lists{
	padding: 0.266667rem 0;
	margin: 0 0 0.266667rem 0;
}

.presents-item{
	background-color: #fff;
	margin: 0.2rem 0.266667rem;
	border-radius: 0.16rem;
}

.presents-item a{
	display: block;
	padding: 0.266667rem 0;
	background-color: #fff;
	border-radius: 0.16rem;
}

.item-title{
	display: inline-block;
	padding-left: 0.133333rem;
	font-size: 0.373333rem;
	color: #555;
}

.item-arrow{
	display: inline-block;
	float: right;
	margin-right: 0.533333rem;
	width: 0.24rem;
	height: 0.24rem;
	background-image: url('../img/right_arrow.png');
	background-repeat: no-repeat;
	background-size: 0.173333rem 0.24rem;
	background-position: center;
}

.detail-tilte{
	margin: 1.066667rem 0 0 0;
	font-size: 0.48rem;
	text-align: center;
	color: #555;
}

.votes-item{
	padding: 0.133333rem 0.533333rem;
	line-height: 0.56rem;
}

.votes-item .item-text{
	float: left;
	width: 66%;
}

.votes-item .item-btn{
	float: left;
	width: 33%;
}

.vote-btn{
	width: 1.306667rem;
	height: 0.56rem;
	line-height: 0.56rem;
	background-color: #db650f;
	color: #fff;
	text-align: center;
	border-radius: 0.16rem;
	float: right;
}

.arrow-up{
	width: 0;
	height: 0;
  border-left: 0.173333rem solid transparent;
  border-right: 0.173333rem solid transparent;
  border-bottom: 0.173333rem solid #f5f5f5;
  position: absolute;
  left: 50%;
  top: -0.08rem;
}

.presents-box.details.vote-count > .arrow-up{border-bottom: 0.173333rem solid #d8dcde;}

.votes-item.voted .vote-btn{
	background-color: #f5f5f5;
	color: #999;
}

.presents-box.details{
	position: relative;
	padding: 0.266667rem 0;
	margin: 0.533333rem 0;
	position: relative;
}

.presents-box.details.vote-count{background-color: #d8dcde;}

.share-box{
	margin: 1.066667rem auto 0;
	width: 7.733333rem;
  border-bottom: 0.013333rem solid #ddd;
  padding-bottom: 1.066667rem;
}

.share-btn{
	float: left;
	width: 3.146667rem;
	height: 1.04rem;
	line-height: 1.04rem;
	text-align: center;
	background-color: #db650f;
	color: #fff;
	font-size: 0.426667rem;
	border-radius: 0.106667rem;
}

.back-btn{
	float: left;
	width: 3.146667rem;
	height: 1.04rem;
	line-height: 1.04rem;
	text-align: center;
	background-color: #bfbfbf;
	color: #fff;
	font-size: 0.426667rem;
	border-radius: 0.106667rem;
	margin-left: 1.333333rem;
}

.share-icon{
	display: inline-block;
	width: 0.453333rem;
	height: 0.453333rem;
	background-image: url('../img/share_icon.png');
	background-size: 0.453333rem;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: -0.133333rem 0 0 0.133333rem;
}

.share-read{
	padding: 0.266667rem 0.933333rem;
	color: #999;
	line-height: 1.5;
}

.mock{
	display: none;
	width: 100%;
	height: 17.786667rem;
	background-image: url('../img/mock_bg.png');
	opacity: 0.7;
	position: absolute;
	top: 0;
	z-index: 10;
	max-width: 768px;
}

.mock > img{
	width: 10.0rem;
	height: 12.506667rem;
}

.menu-item.companies.company{
	z-index: 2;
	background-image: url('../img/white_active.png');
}

.menu-item.presents.company .img-icon{
	background-image: url('../img/present_active.png');
}

.menu-item.companies.company .img-icon{
	background-image: url('../img/company_active.png');
}

.detail-line{
	height: 1.066667rem;
	font-size: 0.426667rem;
	line-height: 1.066667rem;
	text-align: center;
	background-image: url('../img/compay_line.png');
	background-size: 7.946667rem 0.026667rem;
	background-repeat: no-repeat;
	background-position: center;
}

canvas {
	display: block;
	margin: 6rem auto 0;
}
.shareText {
	font-size: 0.45rem;
	color: white;
	text-align: center;
	margin-top: 0.3rem;
}

.active a{color: #db650f;}

.loading {
	position: fixed;
  z-index: 3;
  width: 7.6em;
  height: 7.6em;
  top: 6.8rem;
  left: 50%;
  margin-left: -3.8em;
  background: rgba(40, 40, 40, 0.75);
  text-align: center;
  border-radius: 5px;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

.loading > img{
  margin-top: 0.586667rem;
  width: 3.6em;
  height: 3.6em;
}

.item-text-count{
	background-color: #e3965d;
	color: #fff;
	padding-left: 0.133333rem;
	height: 0.453333rem;
}

.vote-count .votes-item{
	position: relative;
	height: 0.453333rem;
}

.votes-item .vote-text{
	position: absolute;
	left: 0.733333rem;
	top: 0.08rem;
	color: #222;
}

.vote-btn.js-vote{display: none!important;}