body {
	background: #F4F4F4;
}

.title-info {
	background: #E43637;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	font-size: 18px;
	padding-left: 20px;
	font-weight: 700;
}

.icon-info {
	background: #FFFFFF;
	height: 50px;
	line-height: 50px;
	color: #555;
	font-size: 15px;
	padding-left: 20px;
	font-weight: 600;
}

.icon-info img {
	width: 20px;
	margin-right: 5px;
}

.content-info {
	width: 100%;
	padding: 10px 20px;
}

.link-info {
	text-decoration: none;
}


.dropdown-info {
	width: 75%;
	margin-left: 12.5%;
	text-align: center;
	padding: 10px;
	margin-top: -20px;
}

.img-info {
	/* max-width: 200px; */
	height: 100%;
	width: 100%;
}
.img-info- {
	/* max-width: 200px; */
	height: 100%;
	width: 89%;
}

.img-info-right {
	height: 100%;
	width: 80%;
}

.img-info-end {
	height: 100%;
	width: 50%;
}

.dropdown-title {
	color: #555;
	font-size: 15px;
}

.code-img-info {
	width: 100%;
}

.row-info {
	background: #FFFFFF;
	margin: 10px auto;
	box-shadow: 0 0 20px rgba(217, 217, 217, 204);
}

.row-info-line {
	margin: 10px 0 auto auto;
}

.col-info {
	background: #FFFFFF;
	padding: 10px;
	box-shadow: 0 0 20px rgba(217, 217, 217, 204);
}

.line-info {
	margin: 20px auto;
}

.row-title {
	line-height: 30px;
	color: #333;
	font-size: 18px;
	padding-left: 45px;
	font-weight: 700;
}

.col-title {
	line-height: 30px;
	color: #333;
	font-size: 18px;
	padding-left: 30px;
	font-weight: 700;
}

.row-pad {
	width: 100%;
	padding: 0 25px;
}

.item-info {
	width: 20%;
	padding: 20px 0;
	margin: 10px auto;
	float: left;
	text-align: center;
	margin-top: -1px;
}

.col-item-info {
	padding: 20px 0;
	text-align: center;
}

.placeholder {
	background: #F4F4F4;
}

.item-text {
	border-radius: 15px;
	width: 100%;
	/* height: 30px; */
	height: 30%;
	/* line-height: 40%; */
	color: #666;
	margin: 20% auto;
}

.item-text-1 {
	border: 0.0525rem solid #F04D4D;
}

.item-text-1:hover {
	cursor: pointer;
	background: #F04D4D;
	color: #FFFFFF;
}

.item-text-2 {
	border: 0.0525rem solid #FFC066;
}

.item-text-2:hover {
	cursor: pointer;
	background: #FFC066;
	color: #FFFFFF;
}

.item-text-3 {
	border: 0.0525rem solid #53D38C;
}

.item-text-3:hover {
	cursor: pointer;
	background: #53D38C;
	color: #FFFFFF;
}

.item-text-4 {
	border: 0.0525rem solid #30BDE8;
}

.item-text-4:hover {
	cursor: pointer;
	background: #30BDE8;
	color: #FFFFFF;
}

.item-text-5 {
	border: 0.0525rem solid #9980E8;
}

.item-text-5:hover {
	cursor: pointer;
	background: #9980E8;
	color: #FFFFFF;
}

.item-text-6 {
	border: 0.0525rem solid #88DD71;
}

.item-text-6:hover {
	cursor: pointer;
	background: #88DD71;
	color: #FFFFFF;
}

.item-text-7 {
	border: 0.0525rem solid #A19CE4;
}

.item-text-7:hover {
	cursor: pointer;
	background: #A19CE4;
	color: #FFFFFF;
}

.item-text-8 {
	border: 0.0525rem solid #65BBFF;
}

.item-text-8:hover {
	cursor: pointer;
	background: #65BBFF;
	color: #FFFFFF;
}

.item-text-9 {
	border: 0.0525rem solid #5EE1D5;
}

.item-text-9:hover {
	cursor: pointer;
	background: #5EE1D5;
	color: #FFFFFF;
}

.item-text-10 {
	border: 0.0525rem solid #A1AAE3;
}

.item-text-10:hover {
	cursor: pointer;
	background: #A1AAE3;
	color: #FFFFFF;
}

.item-text-11 {
	border: 0.0525rem solid #F97266;
}

.item-text-11:hover {
	cursor: pointer;
	background: #F97266;
	color: #FFFFFF;
}

.item-text-12 {
	border: 0.0525rem solid #5DE0D4;
}

.item-text-12:hover {
	cursor: pointer;
	background: #5DE0D4;
	color: #FFFFFF;
}

.item-text-13 {
	border: 0.0525rem solid #33C1EA;
}

.item-text-13:hover {
	cursor: pointer;
	background: #33C1EA;
	color: #FFFFFF;
}

.item-text-14 {
	border: 0.0525rem solid #F25252;
}

.item-text-14:hover {
	cursor: pointer;
	background: #F25252;
	color: #FFFFFF;
}

/* .footer { */
/* position: fixed; */
/* position: absolute; */
/* left: 0px;
	bottom: 0px;
	color: #FFFFFF;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #333333;
	width: 100%; */
/* z-index: 9999; */
/* } */

.footer {
	position: inherit;
	color: #FFFFFF;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #333333;
	width: 100%;
}