body{ background: #F4F4F4 }
.fr{ float: right; }
.fl{float: left;}
.tr{ text-align: right; }
nav{ text-align: center; /*background: #fff; padding-bottom: 25px;*/}

nav .search{ margin:auto 2%; }
nav dd{ text-align: left; }
.layui-container{ background: #fff;    padding: 5% 2%; }
a.type{
	border: 1px solid #5FB878;
    background: none;
    color: #5FB878;
    padding: 5px;
}
.box{
	margin: 20px 45px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.18);
    position: relative;
    transition: all 1s ease 0s;
    overflow: hidden;

}
.box .title{
	padding: 5%;
}
.cont{

padding: 1% 5%;
  }
 .info{
 	background: #f6f6f6;
 	border-top: 1px solid #e7e7e7;
 	padding: 5%;
 }
 .info i{
 	float: right;
 	font-size: 24px;


 }
 .info:hover i{
 	color: #FF5722;
 }
 #page{ text-align: center; }
 footer{
    text-align: center;
    padding: 5%;
 }
 .content .cont img{ max-width: 100%; }