1

CZKJ.GBRS2.WebMVC/wwwroot/assets/css/newsIndex.css

@@ -142,187 +142,6 @@ textarea::-webkit-input-placeholder {
 
 
 
-
-
-
-
-
-
-
-
-/* 导航之前 */
-.navBefore {
-  width: 100%;
-  height: 28px;
-  line-height: 28px;
-  background: #272727;
-}
-
-.navBefore span {
-  font-size: 13px;
-  color: #999;
-}
-
-.navBefore span i {
-  color: white;
-  margin-right: 40px;
-}
-
-.navBefore .login {
-  display: inline-block;
-}
-
-
-.topNav {
-  height: 77px;
-  font-size: 0;
-}
-
-.topNav h1 {
-  margin-top: 17px;
-}
-
-.topNav .navList {
-  font-size: 0;
-  margin-left: 57px;
-  height: 100%;
-}
-
-.topNav .navList .navItem {
-  display: inline-block;
-  font-size: 14px;
-  line-height: 76px;
-  color: #333;
-  margin-right: 36px;
-  position: relative;
-}
-
-.topNav .navList .navItem a {
-  display: inline-block;
-  width: 100%;
-  height: 100%;
-}
-
-.topNav .childNav {
-  display: none;
-  background: white;
-  position: absolute;
-  top: 76px;
-  left: -25%;
-  width: 150%;
-  z-index: 9;
-  text-align: center;
-  line-height: 30px;
-}
-
-.topNav .childNav a {
-  width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  padding: 0px 1%;
-  box-sizing: border-box;
-}
-
-
-.topNav .search {
-  width: 230px;
-  height: 30px;
-  box-sizing: border-box;
-  position: relative;
-  margin-top: 22px;
-}
-
-.topNav .search input {
-  width: 100%;
-  height: 100%;
-  border: 1px solid #e0e0e0;
-  border-radius: 2px;
-  font-size: 14px;
-  box-sizing: border-box;
-  padding: 0 68px 0 25px;
-}
-
-.topNav .search img {
-  width: 14px;
-  height: 14px;
-  position: absolute;
-  top: 50%;
-  margin-top: -7px;
-  left: 5px;
-}
-
-.topNav .search button {
-  position: absolute;
-  top: 0;
-  right: 0;
-  height: 100%;
-  color: white;
-  font-size: 14px;
-  border: none;
-  width: 68px;
-}
-
-@media(max-width:1200px) {
-  .topNav h1 {
-    margin-top: 2.5%;
-    width: 20%;
-  }
-
-  .topNav .navList {
-    margin-left: 3%;
-  }
-
-  .topNav .navList .navItem {
-    margin-right: 25px;
-  }
-
-  .topNav .search {
-    width: 156px;
-  }
-
-  .topNav .search button {
-    width: 45px;
-    font-size: 13px;
-  }
-
-  .topNav .search input {
-    padding: 0 45px 0 25px;
-    font-size: 13px;
-  }
-}
-
-@media(max-width:996px) {
-  .topNav .navList {
-    margin-right: 1%;
-  }
-
-  .topNav .navList li {
-    margin-right: 8px !important;
-  }
-
-  .topNav .search {
-    width: 100px;
-  }
-
-  .topNav .search input {
-    padding: 0 48px 0 25px;
-    font-size: 12px;
-  }
-}
-
-@media(max-width:768px) {
-
-  .navBefore,
-  .topNav {
-    display: none;
-  }
-}
-
-
-
-
-
 .banner .swiper-wrapper {
   /* height: calc(100vw * (280 / 375)) !important; */
   overflow: hidden;
@@ -1401,14 +1220,15 @@ textarea::-webkit-input-placeholder {
   margin: 12% auto 0;
   display: block;
   cursor: pointer;
+  position:relative;
 }
 
 .loveCon .left .hand {
   width: 43px;
   height: 29px;
   position: absolute;
-  bottom: 8%;
-  left: 15%;
+  bottom: 0;
+  left: -50%;
   animation: hand 1s linear infinite;
   -webkit-animation: hand 1s linear infinite;
 }
@@ -1626,12 +1446,12 @@ textarea::-webkit-input-placeholder {
     height: 460px;
   }
 
-  .loveCon .left .hand {
-    width: 38px;
-    height: 25px;
-    bottom: 11%;
-    left: 7%;
-  }
+    .loveCon .left .hand {
+        width: 38px;
+        height: 25px;
+        left: -41%;
+        bottom: 12%;
+    }
 
   .loveCon #videoTxtBanner h4 {
     font-size: 17px;
@@ -1668,53 +1488,88 @@ textarea::-webkit-input-placeholder {
     width: 38px;
     height: 25px;
     bottom: 9%;
-    left: 2%;
+    left: -40%;
   }
 }
-
+@media(max-width:908px) {
+    .loveCon {
+        height: 415px;
+    }
+}
+@media(max-width:880px) {
+    .loveCon {
+        height: 401px;
+    }
+}
+@media(max-width:830px) {
+    .loveCon {
+        height: 388px;
+    }
+}
+@media(max-width:800px) {
+    .loveCon {
+        height: 375px;
+    }
+}
 @media(max-width:768px) {
-  .love {
-    padding: 0 0 85%;
-  }
-
-  .loveCon {
-    position: relative;
-    height: auto;
-  }
-
-  .loveCon .left {
-    width: 48%;
-    height: 440px;
-  }
-
-  .loveCon .right {
-    width: 48%;
-    height: 440px;
-  }
-
-  .loveCon .con {
-    padding: 0;
-    width: 100%;
-    position: absolute;
-    bottom: -75%;
-    left: 0;
-    /* display: none; */
-  }
-
-  .loveCon .left .hand {
-    bottom: 11%;
-    left: 10%;
-  }
-
-  .loveCon .left p {
-    margin-top: 105%;
-  }
-
-  .loveCon .left button {
-    margin: 4% auto 0;
-  }
+    .love {
+        padding: 0 0 85%;
+    }
+    .loveCon .left .img{
+        height:68%;
+    }
+
+
+    .loveCon {
+        position: relative;
+        height: 460px;
+    }
+
+        .loveCon .left {
+            width: 48%;
+            height: 100%;
+        }
+
+        .loveCon .right {
+            width: 48%;
+            height: 100%;
+        }
+
+        .loveCon .con {
+            padding: 0;
+            width: 100%;
+            position: absolute;
+            bottom: -83%;
+            left: 0;
+            /* display: none; */
+        }
+
+        .loveCon .left .hand {
+            bottom: 13%;
+            left: -50%;
+        }
+
+        .loveCon .left p {
+            margin-top: 105%;
+        }
+
+        .loveCon .left button {
+            margin: 4% auto 0;
+        }
+}
+@media(max-width:620px){
+    .loveCon {
+        position: relative;
+        height: 415px;
+        margin:0;
+        padding:0;
+    }
+}
+@media(max-width:550px){
+    .loveCon{
+        height:346px;
+    }
 }
-
 @media(max-width:480px) {
   .loveCon .left {
     width: 70%;
@@ -1732,14 +1587,14 @@ textarea::-webkit-input-placeholder {
   }
 
   .loveCon .con {
-    bottom: -39%;
+    bottom: -205%;
     height: 300px !important;
     height: auto;
     /* position: unset; */
   }
 
   .love {
-    padding: 0 0 90%;
+    padding: 0 0 188%;
   }
 
   .loveCon .con #videoBanner {
@@ -1747,7 +1602,7 @@ textarea::-webkit-input-placeholder {
   }
 }
 
-@media(max-width:392px) {
+/*@media(max-width:392px) {
   .loveCon .con {
     bottom: -41%;
   }
@@ -1765,7 +1620,7 @@ textarea::-webkit-input-placeholder {
   .love {
     padding: 0 0 100%;
   }
-}
+}*/