/*-------CSS3特效集合--------*/
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100%{box-shadow:0 0 5px #808080;}}
@keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100% {box-shadow:0 0 5px #808080;}}



/*Global*/

body { position:relative;  background:url(../images/bg.jpg) repeat #ebe7e4;  }

#wrap { max-width:640px; margin:auto; padding:0 0 3rem; position:relative; overflow:hidden;  background:url(../images/bg.jpg) repeat #ebe7e4;  }

/*头部*/
#page nav { display:none; }
header { background:#cfb070; font-size:2.2rem; color:#fff; text-align:center; line-height:4.3rem; height:4.5rem; padding:0.5rem 0; }
header a { display: block; position: absolute; left:3%; }
header a.navlist { width:3rem; height:2.8rem; background:url(../images/icon_01.png) 0px 1px no-repeat; background-size:34px; top:1.5rem; }
header a.back { width:3rem; height:2.8rem; background:url(../images/icon_01.png) 0px -96px no-repeat; background-size:34px; top:1.5rem; } 
header a.right { left: auto; right:3%; }


#content{ min-height:36rem; padding:1rem 1rem 2rem; margin-bottom:5rem; }

@media  screen and  (min-width: 500px) {
.menu-right .w-search {width: 500px;}
}



/*脚部*/
footer { width:100%; padding:1rem 0; text-align:center; color:#a4a4a4; font-size:1.3rem; background:#302f2f; clear:both; margin-bottom:4.5rem; }


/*返回顶部*/
#back-to-top{ position:fixed; bottom:8rem; right:0.7rem; display: block; z-index:999; }
#back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:50px; /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
 -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s; }
#back-to-top a:hover{ color:#979797; }
#back-to-top a span{ display:block; height:50px; width:50px; background:url(../images/top.png) no-repeat center center; margin-bottom:5px; -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s; }
#back-to-top a:hover span{ background:url(../images/top.png) no-repeat center center; }


/*浮动按钮*/

.floatblock { width:100%; height:4.8rem; position:fixed; display:block; left:0rem; bottom:0rem; z-index:1000; background:#cfb070; }
.floatblock span { width:25%; height:4.8rem; display:block; float:left;}
.floatblock a { width:100%; height:4.8rem; display:block; border-right:1px solid #ede1ca; background:url(../images/icon_02.png) no-repeat; background-size:35px; }
.floatblock .fnicon1 {  background-position:48% 10px;}
.floatblock .fnicon2 {  background-position:48% -53px;}
.floatblock .fnicon3 {  background-position:48% -115px;}
.floatblock .fnicon4 {  background-position:48% -178px;}




.lazy { display: none;}