body {
	background-image:url("https://images.cnblogs.com/cnblogs_com/yczddgj/1201480/o_ycbgbig.jpg");
    	background-repeat: repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
#home{
border-radius: 50px;
	background: transparent;
	background-color:rgba(255,255,255,0.75);
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
    color: #cb3b0b;
}
.postTitle a:hover {
    color: #5c0000;
}
.flex-containeryc {
	transition: left 0.5s;
	position: fixed;
	left: -510px;
	border-radius: 50px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 550px;
    height: 660px;
    background-color: rgba(255,255,255,0.5);
	top: 50%;
	margin-top: -330px;
padding: 5px;
}
.flex-containeryc:hover {
	left: -390px;
}
.flex-containericon {
direction: rtl;
	transition: right 0.5s;
	position: fixed;
	right: -510px;
	border-radius: 50px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 550px;
    height: 330px;
    background-color: rgba(255,255,255,0.5);
	top: 50%;
	margin-top: -165px;
	padding: 5px;
}
.flex-containericon:hover {
	right: -390px;
}
.flex-itemyc {
	display: flex;
	border-radius: 10px;
    background-color: cornflowerblue;
    width: 100px;
    height: 100px;
	margin: 5px 10px 5px 400px;
}
.flex-itemicon {
	display: flex;
	border-radius: 10px;
    background-color: cornflowerblue;
    width: 100px;
    height: 100px;
	margin: 5px 400px 5px 10px;
}
.imgyc{
	border-radius: 10px;
width: 100px;
    height: 100px;
}