assets/css/demo.css
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli'), url(http://fonts.gstatic.com/s/muli/v7/z6c3Zzm51I2zB_Gi7146Bg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlC2Q8seG17bfDXYR_jUsrzg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
* {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family: 微软雅黑;
}
header {
	width: 100%;
	height: auto;
}
header nav {
	width: 100%;
	height: 60px;
	background: #353636;
}
header nav div#line {
	width: 1260px;
	height: 60px;
	margin: 0 auto;
}
header nav div#line #title {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 30px;
	display: block;
	color: #FFF;
	line-height: 60px;
	float: left;
}
header nav div#line #right {

}
header nav div#line #right span {
	width: 100px;
	height: 60px;
	background: transparent;
	display: block;
	float: right;
	background: url('./img/github.png') no-repeat;
	background-size: 50%;
	cursor: pointer;
}
#blueBack {
	width: 100%;
	height: 118px;
	background-color: #13a7c7;
	background-image: url('./img/bluebg.png');
	background-position: 1px -100px;
	-webkit-animation: blueBg 40s linear infinite;
	-o-animation: blueBg 40s linear infinite;
	animation: blueBg 40s linear infinite;
}
#blueBack span {
	display: block;
	font-size: 28px;
	color: #FFF;
	width: 1260px;
	line-height: 118px;
	margin: 0 auto;
}
@keyframes blueBg {
	from {
		background-position: 0 1000px;
	}
	to {
		background-position: 0 0px;
	}
}
#details {
	width: 100%;
	height: auto;
	background-color: #fcfcfd;
	overflow: hidden;
}
#details #center {
	width: 1260px;
	margin: 0 auto;
	color: #979797;
}
#details #center #left {
	margin-top: 20px;
	width: 620px;
	height: 410px;
	background-image: url('../image/upload.png');
	float: left;
}
#details #center #right {
	margin-top: 20px;
	width: 600px;
	height: 410px;
	background-color: #FFF;
	float: right;
	border: 1px solid #E4E4E4;
}
#details #center #right #top {
	width: 100%;
	height: 240px;
	border-bottom: 1px solid #E4E4E4;
	background-color: #FBFAFA;
	padding: 20px;
	box-sizing: border-box;
}
#details #center #right #top h4 , #details #center #right #bottom h4{
	font-size: 18px;
	font-weight: 400;
}

#details #center #right #bottom {
	width: 100%;
	padding: 18px;
	box-sizing: border-box;
}
#details #center #right #top ul {
	padding: 10px;
	list-style: none;
	color: #666666;
	font-size: 14px !important;
}
#details #center #right #top ul#ul li {
	font-size: 14px;
}
#content {
	width: 1260px;
	margin: 0 auto;
}
