/* ------------------------------------------
 * IT书包
 * 网址：www.itshubao.com
 * 整理：yinq<3331653644@qq.com> 
 -------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
h1, h1+p {
	font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-align: center;
}
h1 {
	padding-top: 60px;
	font-size: 40px;
	line-height: 1.2;
}
h1+p {
	padding: 30px 0 60px;
}
h1+p a {
	color: #333;
}
h1+p a:hover {
	text-decoration: none;
}
.wrapper {
	display: flex;
}
.white, .black {
	flex: 1;
	padding: 100px 0;
}
.white {
	background-color: #fff;
}
.black {
	background-color: #222;
}
ul {
	list-style: none;
	text-align: center;
}
ul li:not(:first-child) {
	margin-top: 80px;
}



.button {
	display: inline-block;
	padding: 1em 3.2em;
	border-radius: 1.6em;
	color: #fff;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}
.button01 {
	background-color: rgba(252, 28, 143, 1);
	box-shadow: 0 5px 20px rgba(252, 28, 143, .5);
}
.button02 {
	background-color: rgba(251, 152, 11, 1);
	box-shadow: 0 5px 20px rgba(251, 152, 11, .5);
}
.button03 {
	background-color: rgba(241, 196, 15, 1);
	box-shadow: 0 5px 20px rgba(241, 196, 15, .5);
}
.button04 {
	background-color: rgba(0, 63, 255, 1);
	box-shadow: 0 5px 20px rgba(0, 63, 255, .5);
}
.button05 {
	background-color: rgba(0, 205, 237, 1);
	box-shadow: 0 5px 20px rgba(0, 205, 237, .5);
}
.button06 {
	background-color: rgba(17, 233, 91, 1);
	box-shadow: 0 5px 20px rgba(17, 233, 91, .5);
}
.button07 {
	background-color: rgba(87, 225, 181, 1);
	box-shadow: 0 5px 20px rgba(87, 225, 181, .5);
}
.button08 {
	background-color: rgba(155, 89, 182, 1);
	box-shadow: 0 5px 20px rgba(155, 89, 182, .5);
}
.button09 {
	background-color: rgba(0, 63, 255, 1);
	box-shadow: 0 0 40px rgba(0, 63, 255, .7);
}
.button10 {
	background-color: rgba(0, 63, 255, 1);
	box-shadow: 0 5px 20px rgba(0, 63, 255, .5), 0 0 40px rgba(255, 255, 255, .5) inset;
}
.button11 {
	background-color: rgba(0, 63, 255, 1);
	box-shadow: 0 5px 20px rgba(0, 63, 255, .5), 0 -10px 20px rgba(255, 255, 255, .2) inset;
}
.button12 {
	background: linear-gradient(rgba(65, 113, 255, 1) 0%, rgba(0, 63, 255, 1) 100%);
	box-shadow: 0 5px 20px rgba(0, 63, 255, .5);
}
.button13 {
	background: linear-gradient(-60deg, rgba(65, 113, 255, 1) 0%, rgba(0, 63, 255, 1) 100%);
	box-shadow: 0 5px 20px rgba(0, 63, 255, .5);
}
.button14 {
	background: linear-gradient(-45deg, rgba(87, 225, 181, 1) 0%, rgba(0, 63, 255, 1) 100%);
	box-shadow: 0 5px 20px rgba(0, 63, 255, .5);
}