Merge branch 'master' of http://115.29.66.169:10080/cyz/panda_web

assets/style/header1/index.css

@@ -1,109 +1,110 @@
 .header1-page {
-    width: 100%;
-    height: 62px;
-    padding: 0 30px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: space-between;
-    position: fixed;
-    top: 0;
-    left: 0;
+  width: 100%;
+  height: 62px;
+  padding: 0 30px;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9;
 }
-.header1-page.bg{
-    background: #0000004d;
+.header1-page.bg {
+  background: #0000004d;
 }
 
 .header1-page .logo-img {
-    width: 150px;
-    height: 42px;
-    margin-top: 19px;
+  width: 150px;
+  height: 42px;
+  margin-top: 19px;
 }
 
 .header1-page .menu {
-    width: 393px;
-    display: flex;
-    justify-content: space-between;
-    font-size: 18px;
-    font-family: Gilroy, Gilroy-Bold;
-    font-weight: 700;
-    text-align: left;
-    color: #ffffff;
-    margin-top: 29px;
+  width: 393px;
+  display: flex;
+  justify-content: space-between;
+  font-size: 18px;
+  font-family: Gilroy, Gilroy-Bold;
+  font-weight: 700;
+  text-align: left;
+  color: #ffffff;
+  margin-top: 29px;
 }
 
 .header1-page .menu .item {
-    height: 18px;
-    position: relative;
-    cursor: pointer;
+  height: 18px;
+  position: relative;
+  cursor: pointer;
 }
 
 .header1-page .menu .item:hover::after {
-    width: 100%;
+  width: 100%;
 }
-.header1-page .menu .item::after{
-    transition: width 0.3s;
-    transition-delay: 0.3s;/*避免短时间内，如果重复触发会导致闪烁闪烁*/
-    content: '';
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    bottom: -17px;
-    height: 4px;
-    width: 0;
-    background: #008cff;
+.header1-page .menu .item::after {
+  transition: width 0.3s;
+  transition-delay: 0.3s; /*避免短时间内，如果重复触发会导致闪烁闪烁*/
+  content: '';
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: -17px;
+  height: 4px;
+  width: 0;
+  background: #008cff;
 }
-.header1-page .menu .item:hover .expand2{
-    width: 608px;
-    padding: 55px 60px;
+.header1-page .menu .item:hover .expand2 {
+  width: 608px;
+  padding: 55px 60px;
 }
-.header1-page .menu .item .expand2{
-    overflow: hidden;
-    transition: all 0.3s;
-    transition-delay: 0.3s;
-    width: 0;
-    height: 261px;
-    background: #ffffff;
-    border-radius: 20px;
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    top: 35px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    flex-wrap: wrap;
-    padding: 0;
+.header1-page .menu .item .expand2 {
+  overflow: hidden;
+  transition: all 0.3s;
+  transition-delay: 0.3s;
+  width: 0;
+  height: 261px;
+  background: #ffffff;
+  border-radius: 20px;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 35px;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 0;
 }
-.header1-page .menu .item .expand2-box{
-    width: 50%;
-    font-family: Gilroy, Gilroy-Medium;
-    line-height: 36px;
+.header1-page .menu .item .expand2-box {
+  width: 50%;
+  font-family: Gilroy, Gilroy-Medium;
+  line-height: 36px;
 }
-.header1-page .menu .item .expand2-box-title{
-    font-size: 18px;
-    font-weight: 700;
-    color: #333333;
+.header1-page .menu .item .expand2-box-title {
+  font-size: 18px;
+  font-weight: 700;
+  color: #333333;
 }
-.header1-page .menu .item .expand2-box-content{
-    font-size: 14px;
-    font-weight: 500;
-    color: #999999;
+.header1-page .menu .item .expand2-box-content {
+  font-size: 14px;
+  font-weight: 500;
+  color: #999999;
 }
 
 .header1-page .lang-box {
-    margin-top: 29px;
+  margin-top: 29px;
 }
 
 .header1-page .lang-box .lang1 {
-    width: 31px;
-    height: 22px;
-    margin-right: 32px;
-    vertical-align: middle;
+  width: 31px;
+  height: 22px;
+  margin-right: 32px;
+  vertical-align: middle;
 }
 
 .header1-page .lang-box .lang2 {
-    width: 18px;
-    height: 14px;
-    vertical-align: middle;
+  width: 18px;
+  height: 14px;
+  vertical-align: middle;
 }

assets/style/index.css

@@ -0,0 +1,95 @@
+.banner {
+  position: relative;
+  width: 100%;
+  height: 42.135vw;
+  background: url('../images//index/banner.png') no-repeat;
+  background-size: 100% 100%;
+  z-index: 3;
+}
+
+.getApp {
+  position: relative;
+  width: 100%;
+  height: 41.67vw;
+  margin-top: -5.73vw;
+  background: url('../images//index/getApp.png') no-repeat;
+  background-size: 100% 100%;
+}
+
+.where {
+  padding-top: 14.58vw;
+  margin-left: 12.5vw;
+  font-size: 60px;
+  color: #242a30;
+}
+
+.answer {
+  margin-top: 1.18vw;
+  margin-left: 12.5vw;
+  font-size: 24px;
+  color: #959799;
+}
+
+.qrcodebox {
+  display: flex;
+  margin-top: 4.17vw;
+  margin-left: 12.5vw;
+}
+
+.qrcode {
+  width: 9.375vw;
+  height: 9.375vw;
+  margin-right: 2.08vw;
+}
+
+.tobox {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+
+.ios {
+  width: 6.98vw;
+  height: 2.08vw;
+  cursor: pointer;
+}
+
+.take-out {
+  width: 100vw;
+  height: 46.67vw;
+  background-color: #fff;
+}
+
+.food-title {
+  text-align: center;
+  font-size: 60px;
+  color: #242a30;
+  margin-top: 10.89vw;
+}
+
+.food-answer {
+  text-align: center;
+  font-size: 24px;
+  color: #242a30;
+  margin-top: 1.18vw;
+}
+
+.take-out-body {
+  margin-top: 1.18vw;
+}
+
+.img-box {
+  position: relative;
+  margin-left: 7.1875vw;
+}
+
+.take-out-img {
+  position: absolute;
+  width: 21.46vw;
+  height: 21.46vw;
+}
+
+.take-out-people {
+  position: absolute;
+  left: 4.17vw;
+}