@charset "UTF-8";
/*css reset start*/
* { touch-action: none; }
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, div, span, iframe,h1, h2, h3, h4, h5, h6, p,a, code,del, em, img, strong,dl, dt, dd, ol, ul, li,form, label,table, caption, tbody,thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;}
ol, ul{list-style: none;}
table{border-collapse: separate; border-spacing: 0;vertical-align: middle;table-layout:fixed;}
caption, th, td{text-align: left; font-weight: normal; vertical-align: middle;}
img{border: none;max-width:100%;}
input, textarea, button{margin: 0; padding: 0; border: 0; outline: 0;background: none;}
a{text-decoration: none;font-size:14px;color:#333333;}
input[type="checkbox"], input[type="radio"]{vertical-align: -2px; margin-right: 5px;}
button, input, select, textarea{font-family: "微软雅黑"; font-size: 100%;}
.clearfix:after{content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
/*css reset end*/

body { width: 100%;overflow: hidden; font: 16px/1.5 "Microsoft YaHei";margin: 0; }    
#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.page1 { background: url(../img/bg1.jpg) center center no-repeat }
.page2 { background: #232323;}
.page3 { background: url(../img/bg2.jpg) center center no-repeat }
.page4 { background: #232323;}
#navBar .active { color: #76E225;}

.header {
  position: fixed;
  width: 100%;
  height: 90px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9;
}
.logo {
  width: 90px;
  height: 90px;
}

.subNav li {
  width: 100px;
  text-align: center;
  float: left;
  cursor: pointer;
}
.subNav li a {
  font-size: 16px;
}
 
.top2 {
  width: 1200px;
  padding-top: 195px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 10px;
}
.shopName {
  font-size: 28px;
  color: #FFFFFF;
}
.shopAdress {
  font-size: 20px;
  color: #FFFFFF;
}
.phone {
  font-size: 28px;
  color: #FFFFFF;
}
.mb30 {
  margin-bottom: 30px;
}
.mb10 {
  margin-bottom: 20px;
}
.top3 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 195px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.appDow {
  display: flex;
  justify-content: center;
  padding-bottom: 8%;
}
.top4 {
  background: #232323;
  width: 1200px;
  margin: 0 auto;
  padding-top: 195px;
  color: #FFFFFF;
  font-size: 24px;
}
.top5 {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  text-align: center;
  width: 100%;
  padding: 50px 0;
}
.erCode {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 50px;
}
.codeMain {
  display: flex;
  flex-direction: column;
  align-items: center;
}