@charset"utf-8";
html{-webkit-text-size-adjust:none;-webkit-user-select:none;font-family:Helvetica;width:100%;font-size:16px;/*-webkit-touch-callout:none;*/}
body{position:relative;font-size:12px;width:100%;background:#fff;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0;padding:0;font-weight:normal;text-indent:0}
a,button,input,textarea,select{background:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;-webkit-appearance:none}
em{font-style:normal}
li{list-style:none}
a{text-decoration:none}
img{border:none;vertical-align:top;}
table{border-collapse:collapse}
textarea{resize:none;overflow:auto}
section{width:100%;color:#fff;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}
*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;}
.g-main{width: 96%;margin: 0 auto;}
.m-images{padding-top: .2rem;}
.m-images ul:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.m-images li{width: 32%;float: left;box-shadow:0 1px 3px #c7c7c8; margin-right: 2%;margin-bottom: .2rem;border-radius:2px;overflow: hidden;padding-bottom: 48%;height: 0;}
.m-images li img{width:100%;}
.m-images li:nth-child(3n){margin-right: 0;}
.m-detail{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#000;vertical-align: middle;text-align: center;line-height: 100%;display: none;}
.m-detail .download{position: fixed;background: rgba(0,0,0,.8);bottom: 0;left: 0;width: 100%;color: #fff;height: 1rem;line-height: 1rem;font-size: .3rem;font-weight: bold; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#AARRGGBB,endColorStr=i#80000000)}
.f-close{position: fixed;right: .2rem;top: .2rem;font-size: 40px;color: #fff;line-height: 40px;text-shadow: 1px 0px 1px #ccc;}
#loading{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/static/loading.gif) center center no-repeat #000;}
#imgBox {position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
#imgBox img{vertical-align: middle;}
.loadmore{width:100%;height:.8rem;border-radius:3px;border:solid 1px #3399cc;background:#33aeeb;line-height:.8rem;text-align:center;margin-bottom:.6rem;margin-top:.1rem;font-size:.2rem;color: #fff;}
.loadmore a{color:#fff;display:block;}
.loadicon{width:14px;height:14px;border:1px #fff solid;border-radius:50%;display:inline-block;margin-right:5px;animation:1s linear 0s normal none infinite loadRotate;-webkit-animation:1s linear 0s normal none infinite loadRotate;border-left:#88cbed solid 1px;}

.alertCon{position:fixed relative;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.overlayer{background: rgba(0,0,0,0.6);position:fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.alertPop{width: 90%;color: #000;border-radius: 10px;display: none;width: 70%;left: 15%;top: 15%;}
.alertPop h2{font-size: .32rem;text-align:center;font-weight: bold;width: 100%;height: .9rem;line-height: .9rem;/*border-bottom: solid 1px #c60045;background: #e5004f;*/color: #e5004f;}
.close{position: absolute;right: -.16rem;top: -.2rem;width: .6rem;height: .6rem;background: #e5004f;color: #fff;text-align: center;line-height: .5rem;display: block;border-radius: 50%;font-size: .6rem}
@-webkit-keyframes loadRotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes loadRotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes loadRotate{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-o-keyframes loadRotate{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}