/* CSS Document */
@charset "utf-8";
*:focus{outline:none;}
html,body{ width:100%; height:100%; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fiedldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;-webkit-text-size-adjust:100%;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
html{ font-size:62.5%;}
body{font-family:"Microsoft YaHei";color:#595959; font-size:0.22rem; background:#280418; -webkit-overflow-scrolling:touch;}
input,select,textarea,button{ vertical-align:middle;font-family:"Microsoft YaHei"; font-size:0.22rem; -webkit-appearance: none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a,a:link{ text-decoration:none;outline:none;}
.overf{ overflow:hidden;}
.hide{ display:none;}
.wrap{ max-width:750px; margin:0 auto; padding:0 0 .45rem;}
.header{ height:1.22rem; color:#fff; overflow:hidden; position:fixed; top:0; left:0; right:0; z-index:99;}
.head-all{ max-width:7rem; margin:0 auto; background:url(../images/top.png) no-repeat; background-size:7.5rem 1.22rem; overflow:hidden; padding:.05rem .25rem 0 .25rem; height:1.22rem;}
.header-left{ width:72%; float:left;}
.header-right{ width:28%; float:left; padding-top:.25rem;}
.header-left em.logo{ width:.95rem; height:.95rem; background:url(../images/logo.png) no-repeat; background-size:100% auto; display:block; float:left; margin-top:.05rem;}
.header-left .header-info{ width:3.7rem; float:left; padding:0 0 0 .14rem; font-size:.24rem;}
.header-left p{ font-size:.32rem; font-weight:bold;}
.header-left p span{ font-size:.22rem; margin-left:.12rem; display:inline-block; vertical-align:middle; margin-top:-.05rem; font-weight:normal; color:#e6e287;}
.header-right a.download{ display:block; width:2.05rem; height:.66rem; background:url(../images/down.png) no-repeat; background-size:100% auto;}
.header-num em{ display:inline-block; vertical-align:middle; width:.18rem; height:.18rem; background:url(../images/star.png) no-repeat; background-size:100% auto; margin-right:.06rem;}
.header-num{ font-size:.22rem; color:#e6e287; margin-top:-.03rem;}
.head-intro{ margin-top:-.05rem;}
.head-intro em{ display:inline-block; width:.12rem; height:.14rem; background:url(../images/icon.png) no-repeat; background-size:.12rem .14rem; vertical-align:middle; margin-right:.06rem; font-size:.2rem;}
.ml18{ margin-left:.18rem;}
.link a{ display:block;}
.link a img{ display:block; width:100%;}
.footer{ text-align:center; color:#fff; padding-top:.5rem;}
.photo-info{ background:url(../images/img2.jpg) no-repeat; background-size:100% auto; padding-top:1.44rem;}
.swiper-container{ width: 97%; margin:0 auto; overflow:hidden; position: relative;}
.swiper-wrapper{ width:100%;}
.swiper-slide img{ width: 100%; display: block; }
a.photo-btn{ width:100%; height:1.48rem; display: block;}