body{ width:100%; height:100%; overflow:hidden; margin:0;padding:0;font-family:/*"PingFang SC",*/"Microsoft Yahei"; color:#444; background:#fdccca; m-webkit-tap-highlight-color:transparent; -webkit-text-size-adjust:none;}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#fff}
a:active,a:focus,a:hover{outline:none; color:#fff}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}


.boxTop{width:100%;background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; height:45px;line-height:45px; font-size:16px; font-weight:bold; color:#fff; text-align:center;z-index:1000}

.boxFoot{width:100%;/*background:rgba(0,0,0,0.9);*/ background:linear-gradient(to bottom,rgba(0,0,0,0.01),rgba(0,0,0,0.25),rgba(0,0,0,0.6)); position:fixed; bottom:0; left:0; height:45px; font-weight:bold; color:#fff; text-align:center; font-size:0; z-index:1000}
.boxFoot a{display:inline-block; width:35px; height:35px;vertical-align:middle; margin:5px 0;}
.boxFoot a:hover{ background-color:#555;border-radius:5px}
.boxFoot .pageNum{ background:#fff; line-height:35px;color:#444; font-size:14px; margin:5px; padding:0 10px; min-width:60px; display:inline-block; vertical-align:middle; border-radius:5px}

.firstPage{ background:url(../pics/pageFirst.png) no-repeat center/cover}
.prePage{ background:url(../pics/pagePre.png) no-repeat center/cover}
.nextPage{ background:url(../pics/pageNext.png) no-repeat center/cover}
.lastPage{ background:url(../pics/pageLast.png) no-repeat center/cover}

@media(max-width:1280px){
.boxTop{ display:none}	
}