*{
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    box-sizing:border-box;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    
}
/*去除手机a点击默认颜色*/
a { -webkit-touch-callout: none; text-decoration: none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
/*******导航条******/
.block-menu{
 background:#AA7A53;
 height:50px;
 overflow:hidden;
 padding-left:40px;
}
.block-menu li{
    float: left;
    margin-left: 15px;
}
.block-menu li a{
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  font-family: Arial, sans-serif;
  display:block;
  padding:15px 10px;
  text-align: center;
  position:relative;
}
.three-d:before{
  display:table;
  content:"";
  clear:both;
}
.three-d{position:relative;}
.three-d-box,.front,.back{
   width:100%;
   height:100%;
   position:absolute;
   top:0;
   left:0;
   padding:15px 0px;
   background:#AA7A53;
  box-shadow: 3px 3px 6px rgba(126,17,91,0.2);
}
.three-d{perspective:200px;}
.three-d-box{
   transform-style:preserve-3d;
   transform:translateZ(-25px);
   transition: all .3s ;
}
.front{transform:rotateX(0deg) translateZ(25px);}
.back{transform:rotateX(-90deg) translateZ(25px);}
.three-d:hover .three-d-box{
   transform: translateZ(-25px) rotateX(90deg);
}

/******/
#topics .postTitle a.postTitle2:hover{
 color:#fff;
 text-decoration:none;
}
#floor>a{
display:block;
}
#floor>a img{
width:40px;
}
#floor{
border-radius:3px;
text-algin=center;
position:fixed;
left:15px;
bottom:0;
}
#floor>a:hover{
 text-decoration:none;
 color:#AA7A53;
 }
.postTitle a{
   position:relative;
   display:inline;
   color:#F0DEBF;
   padding:3px 10px;
   left:5px;
   border-radius:3px;
   -moz-transition:all 0.4s ease-out;
   -webkit-transition:all 0.4s ease-out;
   -o-transition:all 0.4s ease-out;
   transition:all 0.4s ease-out;
}
.postTitle a:hover{
 text-decoration:none;background-color:#AA7A53;color:white;padding-right:80px;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
    color: #57B;
}
/**********************/

/**********************/
#header{
 display:none;
}
#home {
    margin: 0 auto;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}
#main {
    width: 97%;
    min-width: 0;
    text-align: left;
    margin: auto;
    overflow:hidden;
}
#mainContent{
 width:70%;
 float:left;
 margin:0;
}
#mainContent .forFlow{
 margin:0;
}
#sideBar{
  width:30%;
  float:left;
}
.day{
 padding:10px;
 border:2px solid #EEDAB7;
 border-radius:5px;
}
#profile_block{
 margin-top:0;
}
.newsItem,#calendar,.sidebar-block,.catListPostCategory,.catListPostArchive{
 margin-top:10px;
 padding:15px;
 border:2px solid #fff;
 border-radius:5px;
}
#calendar,.sidebar-block,.catListPostCategory,.catListPostArchive{
 width:100%;
}
a{
 transition:all .3s ease-out;
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .3s ease-out;
 -o-transition:all .3s ease-out;
 -ms-transition:all .3s ease-out;
 transition:all .3s ease-out;
}
.newsItem a:hover,.sidebar-block a:hover,.catListPostCategory a:hover,.catListPostArchive a:hover{
 text-decoration:none;
 color:#AA7A53;
}
.catListTitle{
 font-size:17px;
 margin-top:0;
}
/*****转动*******/
.will_rotate{
	width: 150px;
	height: 150px;
	margin: 0 auto;
	position: relative;
}
.rotate_parent, .rotate_parent li {
    position: absolute;
    display: block;
}
.rotate_parent{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    /*margin: -50px 0;*/
    -webkit-transform-origin: 50px 50px;
    transform-origin: 50px 50px;
    -webkit-transform: rotateX(-33.5deg) rotateY(45deg);
    transform: rotateX(-33.5deg) rotateY(45deg);
    -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d; 
     -webkit-animation: willRotate 3s ease-in-out infinite 2s; 
     animation: willRotate 3s ease-in-out infinite alternate; 
     /*animation: name duration timing-function delay iteration-count direction;*/
	    /*name	规定需要绑定到选择器的 keyframe 名称。。*/
	   	/*duration	规定完成动画所花费的时间，以秒或毫秒计。*/
	  	/*timing-function	规定动画的速度曲线。*/
	 	/*delay	规定在动画开始之前的延迟。*/
		/*iteration-count	规定动画应该播放的次数。*/
		/*direction	规定是否应该轮流反向播放动画。*/
    top: 20%;
    /*left: 50%;*/
}

.rotate_parent .tip_back, .rotate_parent .tip_front, .rotate_parent .tip_left, .rotate_parent .tip_right, .rotate_parent .tip_top {
    background: radial-gradient(transparent 30%,rgba(126,17,91,.2) 100%);
}
.rotate_parent li {
    width: 100px;
    height: 100px;
     transition: -webkit-transform 1s ease-in-out; 
     transition: transform 1s ease-in-out; 
}
.rotate_parent .tip_front {
    -webkit-transform: translateZ(50px);
     transform: translateZ(50px); 
}
.rotate_parent .tip_back {
    -webkit-transform:translateZ(-50px);
    transform:translateZ(-50px);
}
.rotate_parent .tip_right {
    -webkit-transform: rotateY(90deg) translateZ(50px);
    transform: rotateY(90deg) translateZ(50px);
}
.rotate_parent .tip_left {
    -webkit-transform: rotateY(90deg) translateZ(-50px);
    transform: rotateY(90deg) translateZ(-50px);
}
.rotate_parent .tip_top {
    -webkit-transform: rotateX(90deg) translateZ(50px);
    transform: rotateX(90deg) translateZ(50px);
}
.rotate_parent .tip_bottom{
    -webkit-transform: rotateX(90deg) translateZ(-50px);
    transform: rotateX(90deg) translateZ(-50px);
}
.rotate_parent .tip_floor {
    box-shadow: -300px 0 50px rgba(0,0,0,.3);
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    width: 110px;
    height: 110px;
    left: 295px;
    background-color: transparent;
    -webkit-transform: rotateX(90deg) translateZ(-60px);
    transform: rotateX(90deg) translateZ(-60px);
}
@-webkit-keyframes willRotate{
	0%{
		transform:rotateX(-33.5deg) rotateY(45deg);
	}
        50%{
		transform:rotateX(-33.5deg) rotateY(180deg);
	}
	100%{
		transform:rotateX(-33.5deg) rotateY(360deg);
	}
}
@keyframes willRotate{
	0%{
		transform:rotateX(-33.5deg) rotateY(45deg);
	}
        50%{
		transform:rotateX(-33.5deg) rotateY(180deg);
	}
	100%{
		transform:rotateX(-33.5deg) rotateY(360deg);
	}
}
/*****友情出演*******/
.frends{
  padding:10px;
}
.frends h3{
  color:#AA7A53;
}
.frends ul{
  overflow: hidden;
}
.frends ul li{
  float:left;
}
.frends ul li:not(:nth-child(1)){
  margin-left:15px;
}
.frends ul li a{
  display:block;
  padding:2px 5 px;
}
#top_nav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.top_navbtn{
    width: 100%;
    height: 55px;
    background: rgb(170,122,83);
    position: relative;
    display: none;
}
/*---*/
.footerLines{
    width: 40%;
    height: 60%;
    min-width: 34px;
    max-width: 40px;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    float: right;
    margin-right: 3%;
    top: 7px;
}
.footerLines span{
    display: block;
    width: 100%;
    height: 10%;
    margin-top: 0;
    top: 50%;
    left: 0;
    position: absolute;
    outline: none;
    background-color: rgba(255,255,255,1);
    -moz-transition: background 0.3s linear .3s;
    -webkit-transition: background 0.3s linear .3s;
    transition: background 0.3s linear .3s;
}
.footerLines span:before,.footerLines span:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,1);
    -moz-transition: top 0.3s linear .3s, transform .3s ease-in .1s;
    -webkit-transition: top 0.3s linear .3s, transform .3s ease-in .1s;
    transition: top 0.3s linear .3s, transform .3s ease-in .1s;
}
.footerLines span:before{
    top: -8px;
}
.footerLines span:after{
    top: 8px;
}
.sumShow{
    display: block;
}
.footerLines.sumShow span{
    background-color: rgba(106,115,128,0 );
}
.footerLines.sumShow span:before{
    top: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s;
    -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s;
    transition: top 0.3s linear .3s, transform .3s ease-out .5s;
}
.footerLines.sumShow span:after{
    top: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s;
    -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s;
    transition: top 0.3s linear .3s, transform .3s ease-out .5s;
}
/*--顶部导航菜单小于990--*/
.nav_menu{
    position: fixed;
    width: 100%;
    z-index: 88;
    background: rgb(170,122,83);
    top: -265px;
    overflow: hidden;
    font-size: 12px;
    font-family: Arial,'Microsoft YaHei';
    padding: 10px 0;
    display:none;
}
.menu_lists{
    width: 96%;
    margin: 0 auto;
    border-bottom: 1px solid #DE7929;
}
.menu_lists li{
    overflow: hidden;
    border-left: 1px solid #DE7929;
    border-top: 1px solid #DE7929;
}
.menu_lists li a{
    display: block;
    float: left;
    width: 50%;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-decoration: none;
    border-right: 1px solid #DE7929;
    color: #fff;
    font-size: 12px;
    text-align:center;
    padding: 15px 0;
}
/*手机端导航结束*/
/*****响应式*******/
@media screen and (max-width: 990px){
  #home{padding-top:25px;}
  #sideBar{width:100%}
  #mainContent{width:100%}
  .block-menu{display:none;}
  .top_navbtn{display: block;}
  .nav_menu{display:block;}
  #navigator{display:none}
  #mainContent .forFlow{padding-top:45px}
}
.PostListTitle{padding-left:25px;}