body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
.demos-title {
  text-align: center;
  font-size: 34px;
  color: #793cf9;
}

.demos-sub-title {
  text-align: center;
  color: #888;
  font-size: 14px;
}

.demos-header {
  padding: 	35px 0 15px 0;
}

.demos-content-padded {
  padding: 15px;
}

.demos-second-title {
  text-align: center;
  font-size: 24px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

footer {
  text-align: center;
  font-size: 14px;
  padding: 20px;
}

footer a {
  color: #999;
  text-decoration: none;
}

.weui-bar__item--on {
	color:black;
}


.jjtitle {
	height:38px;
	font-weight:bold;
	line-height: 1.47058824;
	font-size: 22px;
	overflow: hidden;
	padding-top:10px;
	position: relative;
	background-color:#f8f8f8;
	text-align:left;
}

.jjfeatures {
	display: flex;
    flex-direction: row;
    padding: 15px;
}

.jjfeatures .content {
	text-align: center;
	padding: 15px;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.11);
	width:50%;
	margin:0 10px;
}

.jjfeatures .content i {
	margin-bottom: 13px;
	font-size: 20px;
	color: #fff;
	width: 55px;
	height: 55px;
	line-height: 55px;
	border-radius: 50%;
	text-align: center;
}

.jjbgred {
	background: red;
}

.jjbgblue {
	background: blue;
}

.jjfooterholder {
	height: 58px;
}