body{
	color: #484848;
}
.head {
    background: url(../images/diary/pic01.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.info h2{
	padding-bottom: 50px;
}
.info p{
	font-size: 14px;
	height: 25px;
}
.title{
	font-size: 50px;
	color: #56a5f1;
	padding-top: 105px;
	padding-bottom: 50px;
	text-align: center;
}
.require_detail{
	width: 1100px;
	margin: 0 auto;
}
.require_detail div{
	display: inline-block;
	width: 255px;
	height: 335px;
	border-radius: 10px;
	box-shadow: 1px 1px 60px #d6e8f9;
}
.require_detail i{
	display: inline-block;
	width: 50px;
	height: 70px;
	margin-left: 40%;
	margin-top: 15%;
}
.reuq01{
	margin-left: 12%;
}
.reuq02{
	margin-left: 2.5%;
	position: relative;
	top: -85px;
}
.reuq03{
	float: right;
	margin-right: 13%;
}
.icon01{
	background: url(../images/diary/pic02.png) 5px 0 no-repeat;
}
.icon02{
	background: url(../images/diary/pic02.png) -92px -5px no-repeat;
}
.icon03{
	background: url(../images/diary/pic02.png) -197px 0 no-repeat;
}
.requ_title{
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
}
.requ_show{
	text-align: center;
	line-height: 1.8;
}
.p30{
	padding-top: 30px;
	text-align: center;
	font-size: 30px;
}
.diff{
	width: 100%;
	background-color: #f9fafb;
}
.diff_detail{
	width: 1100px;
	height: 380px;
	margin: 50px auto 0 auto;
	font-size: 18px;
	text-align: center;
}
.diff01{
	display: inline-block;
	width: 349px;
    height: 250px; 
	border-radius: 10px;
    box-shadow: 1px 1px 60px #d6e8f9;
    background: url(../images/diary/pic03.jpg) 0 0 no-repeat;        
}
.diff02{
	display: inline-block;
	width: 349px;
    height: 250px; 
	border-radius: 10px;
    box-shadow: 1px 1px 60px #d6e8f9;
    background: url(../images/diary/pic04.jpg) 0 0 no-repeat; 
    margin-left: 1%;       
}
.diff03{
	display: inline-block;
	width: 349px;
    height: 250px; 
	border-radius: 10px;
    box-shadow: 1px 1px 60px #d6e8f9;
    background: url(../images/diary/pic05.jpg) 0 0 no-repeat;  
    float: right;      
}
.diff_detail p{
	padding-top: 202px;
	line-height: 1.4;
}
.long{
	padding-top: 190px!important;
}
.recommend_detail{
	width: 1100px;
	height: 400px;
	margin: 0 auto;
}
.recommend_detail div{
	display: inline-block;
	width: 255px;
	height: 335px;
	border-radius: 10px;
    box-shadow: 1px 1px 60px #d6e8f9;
}
.re01{
	position:relative; 
	top: -28px;
}
.re02,
.re03{
	margin-left: 2%;
}
.re04{
	float: right;
}
.recommend_detail i{
	display: inline-block;
	width: 90px;
	height: 120px;
	margin-left: 39%;
	margin-top: 24%;
}
.reIcon01{
	background: url(../images/diary/pic06.png) 0 0 no-repeat;
}
.reIcon02{
	background: url(../images/diary/pic06.png) -125px 0 no-repeat;
}
.reIcon03{
	background: url(../images/diary/pic06.png) -390px 0 no-repeat;
}
.reIcon04{
	background: url(../images/diary/pic06.png) -267px 0 no-repeat;
}
.recommend_detail p{
	font-size: 18px;
	text-align: center;
	margin-top: 12%;
	line-height: 1.6;
}
.recommend_detail02{
	width: 1100px;
	margin: 0 auto;
}
.round01{
	width: 285px;
	height: 285px;
	margin: 20px auto 0;
	border: 1px solid #dedede;
	border-radius: 50%;
	text-align: center;
	box-shadow: 10px 8px 30px #d6e8f9;
}
.blues{
	font-size: 18px;
	color: #56a5f1;
	margin-top: 24.5%;
	padding-bottom: 20px;
}
.song{
	font-size: 14px;
	color: #313131;
	line-height: 1.8;
}
.Img01{
	display: inline-block;
	width: 188px;
	height: 180px;
	margin-left: 27%;
	position: relative;
	top:-55px;
	text-align: center;
	background: url(../images/diary/pic07.png) -67px 0 no-repeat;
}
.Img02{
	display: inline-block;
	width: 188px;
	height: 180px;
	margin-left: 12.5%;
	position: relative;
	top:-55px;
	text-align: center;
	background: url(../images/diary/pic07.png) -434px 0 no-repeat;
}
.imgP01{
	margin-top: 28%;
}
.imgP02{
	margin-top: 28%;
}
.round02{
	display: inline-block;
	width: 194px;
	height: 194px;border: 1px solid #dedede;
	border-radius: 50%;
	text-align: center;
	box-shadow: 10px 8px 30px #d6e8f9;
	margin-left: 16%;
	position: relative;
	top:-91px;
	background: url(../images/diary/pic07.png) 72px -149px no-repeat;
}
.round03{
	display: inline-block;
	width: 194px;
	height: 194px;border: 1px solid #dedede;
	border-radius: 50%;
	text-align: center;
	box-shadow: 10px 8px 30px #d6e8f9;
	margin-left: 33%;
	position: relative;
	top:-91px;
	background: url(../images/diary/pic07.png) -561px -149px no-repeat;
}
.round02 p,
.round03 p{
	line-height: 13.3;
	font-size: 18px;
}
.UIshow{
	width: 100%;
	background-color: #f9fafb;
}
.UIshow_detail{
	width: 1100px;
	height: 550px;
	margin: 0 auto;
}
.UI01{
	display: inline-block;
	width: 787px;
	height: 483px;
	background: url(../images/diary/pic08.png) 30px 0 no-repeat;
}
.tit{
	font-size: 14px;
	margin-top: 90px;
	margin-left: 12%;
	line-height: 1.7;
}
.cont{
	font-size: 12px;
	margin-top: 36px;
	margin-left: 12%;
	line-height: 2;
}
button{
	width: 75px;
	height: 35px;
	background-color: #56a5f1;
	color: #fff;
	border: 1px solid #56a5f1;
	border-radius: 4px;
	text-align: center;
	line-height: 35px;
	margin-left: 12%;
	margin-top: 30px;
}
.tips{
	color: #ff8533;
	font-size: 12px;
	font-style: normal;
	margin-left: 2%;
}
.blueArrow{
	position: relative;
	top:-215px;
	left:-5px;
}
.condition{
	float: right;
	width: 411px;
	height: 320px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 60px #d6e8f9;
	margin-top: -310px;
	margin-right: 3.3%;
	position: relative;
	z-index: 2;
}
.cond_line01{
	font-size: 18px;
	color: #56a5f1;
	text-align: center;
	margin-top: 30px;
}
.cond{
	width: 338px;
	height: 221px;
	margin: 23px auto 0;
	border:1px solid #dcdcdc;
	border-radius: 5px;
}
.cond p{
	display: inline-block;
	height: 31.4px;
	line-height: 31.4px;
}
.row01,
.row02,
.row03,
.row04,
.row05,
.row06{
	border-bottom:1px solid #dcdcdc;
}
.left{
	width: 45%;
	text-align: left;
	margin-left: 10%;
}
.right{
	width: 20%;
	text-align: center;
	margin-left: 15%;
}
.begin{
	color: #56a5f1;
}