/*-------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:#fff;  }

#wrap { max-width:640px; margin:auto; padding:0 0 3rem; position:relative; overflow:hidden; background:#014598; }

/*头部*/
#page nav { display:none; }
header { background:#014598; 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:2.9rem; height:2.8rem; background:url(../images/icon_01.png) 0px 2px no-repeat; background-size:45px 170.5px; top:1.5rem; }
header a.back { width:2.9rem; height:2.8rem; background:url(../images/icon_01.png) 0px -94px no-repeat; background-size:45px 170.5px; top:1.5rem; } 
header a.right { left: auto; right:3%; }

#content{ min-height:5.5rem; 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:#fff; font-size:1.3rem; background:#014598; border-top:3px solid #cfa14b }


/*返回顶部*/
#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:7rem; height:7rem; position:fixed; display:block; right:0.2rem; bottom:1.2rem; z-index:1000; }
.btnfb { width:7rem; height:7rem; display:block; }
.icon_fb{ width:60px;height:57px; position:absolute;bottom:0; right:0; z-index:10;cursor:pointer;}
.icon_fb span{ diplay:none;}
.btn { width:58px;height:54px;background:url(../images/micon.png) no-repeat; background-size:60px 224px; z-index:1;position:absolute;bottom:2px;right:2px; cursor:pointer;}
.btn span{display:block;width:22px;height:24px;font-size:0;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-11px;overflow:hidden;   background-size:51px 138px;}
.btn1 {background-position:-0px -0px;}
.btn2 {background-position:-0px -78px;}
.btn3 {background-position:-0px -160px;}
.btn{-webkit-transition:bottom .2s,right .2s;-moz-transition:bottom .2s,right .2s;-o-transition:bottom .2s,right .2s;-ms-transition:bottom .2s,right .2s;transition:bottom .2s,right .2s;}
.btn a { display:block; width:100%; height:100%;}
.btn1.close, .btn2.close, .btn3.close{bottom:4px;right:0;}
.btn1.open{bottom:100px;right:0;}
.btn2.open{bottom:60px;right:60px;}
.btn3.open{bottom:0px;right:100px;}




.lazy { display: none;}