.banner {
  padding: 80px 0;
  position: relative;
  text-align: center;
  background: linear-gradient(150deg, #304FFE 15%, #00B0FF 70%, #64B5F6 94%);
  color: #fff;
}
.banner .title {
	font-size: 22px;
	letter-spacing: 3px;
}
.banner .description {
	margin-top: 10px;
}
.banner ul.actions {
	margin-top: 1rem;
}
.banner ul.actions li {
  display: inline-block;
  padding: 0 1em 0 0;
  vertical-align: middle;
}
.banner ul.actions li a {
  border: 1px solid #f5f5f5;
  font-size: .875rem;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 10px 16px;
  font-weight: 700;
  border-radius: 3px;
  color: #fff;
}

.prolist {
	margin-top: 1.25rem;
}
.prolist .item {
	margin-bottom: 1.25rem;
}
.prolist .item_box {
	background-color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	overflow: hidden;
	transition: all .3s;
}
.prolist .item_box:hover {
	box-shadow: 0 4px 8px rgba(3, 27, 78, .12);
}
.prolist .item .cover img {
	width: 100%;
}
.prolist .info_box {
	padding: 10px 10px 14px 10px;
}
.prolist .item .title {
	letter-spacing: 1px;
	font-weight: 600;
}
.prolist .item .description {
	margin-top: 6px;
	font-size: 12px;
	color: #666;
}
.prolist .item .price {
	margin-top: 6px;
	color: #ff8000;
}
.prolist .item .price em {
	font-style: normal;
	font-size: 14px;
	margin-right: 3px;
}

.proshow .main {
	max-width: 780px;
	margin: 0 auto;
	margin-top: 1.25rem;
	background-color: #fff;
	padding: 30px;
	line-height: 1.8;
	color: #000;
	border-radius: 3px;
}
.proshow .main h3 {
	font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  position: relative;
  line-height: 2;
  letter-spacing: 2px;
}
.proshow .main h4 {
	font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1rem;
  line-height: 2;
}
.proshow .main .alert {
	font-size: 12px;
	padding: 10px;
	border-radius: 0;
}
.proshow .main img {
	width: 100%;
	margin: 0 auto;
  padding: 3px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}
.proshow .main hr {
	margin: 1.125rem 0;
	background-color: #bbb;
}