sdfdiu

nanstyle.css

@@ -481,37 +481,9 @@ body {
      position: relative;
      background-image: url('./nanimages/rangle.png');
      background-size: cover;
-    /*margin: 0px 16px;
-    cursor: pointer;
-    height: 184px;
-    background-color: #ff00f2; */
 }
 
 #listContent .pano .title,#listContent .panoSelect .title{
-    /* position: absolute;
-    top:50%;
-    left:50%;
-    transform:translate(-50%,-50%);
-    font-size: 18px;
-    width: 120px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap; */
-
-    /* position: absolute;
-    top: 156px;
-    font-size: 16px;
-    width: 273px;
-    color: #ffffff;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: flex;
-    justify-content: center; */
-
     position: absolute;
     top: 176px;
     left: 50%;
@@ -524,27 +496,12 @@ body {
     text-overflow: ellipsis;
     white-space: nowrap;
     text-align: center;
-
-
 }
 
-#listContent .pano .thumb,#listContent .panoSelect .thumb{
-    
-    /* height:100%;
-    width:100%;
-    min-width:150px;
-    max-width:200px;
-    min-height:120px;
-    max-height:150px; */
-    /* width:277px;
-    height: 184px;
-    display: flex;
-    align-items: center;
-    justify-content: center; */
 
-    width:327px;
-    height:233px;
-    
+#listContent .pano .thumb,#listContent .panoSelect .thumb{
+    width:322px;
+    height:230px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -552,10 +509,6 @@ body {
 }
 
 #listContent .pano .thumb img,#listContent .panoSelect .thumb img{
-    /* height:97%;
-    width:100%;
-    min-height:120px;
-    max-height:200px; */
     width:273px;
     height: 180px;
     margin-top: 8px;
@@ -570,7 +523,7 @@ body {
     display: flex;
     bottom: 0px;
     width: 100vw;
-    margin-left: 42px;
+    margin-left: 48px;
     /* margin-right: 30px; */
     /* height: 184px; */
     overflow: auto;
@@ -598,7 +551,12 @@ body {
      background-image: url('./nanimages/rangle.png');
      background-size: cover;
      background-position: center;
+}
 
+#listContent_ybf .kankanSelect{
+    position: relative;
+    background-size: cover;
+    background-position: center;
 }
 
 #listContent_ybf .pano .title,#listContent_ybf .panoSelect .title{
@@ -607,14 +565,14 @@ body {
     left: 50%;
     transform: translate(-50%,0%);
     font-size: 16px;
-    width: 255px;
+    width: 254px;
     color: #ffffff;
     overflow: hidden;
     /* max-width: 270px; */
     text-overflow: ellipsis;
     white-space: nowrap;
     text-align: center;
-    margin-left: 2px;
+    margin-left: 3px;
     background-image: url('./nanimages/text_bg.png');
      background-size: cover;
      background-position: center;
@@ -624,9 +582,8 @@ body {
 
 #listContent_ybf .pano .thumb,#listContent_ybf .panoSelect .thumb{
     
-    width: 298px;
+    width: 267px;
     height: 217px;
-    
     display: flex;
     align-items: center;
     justify-content: center;
@@ -634,20 +591,58 @@ body {
 }
 
 #listContent_ybf .pano .thumb img,#listContent_ybf .panoSelect .thumb img{
-    /* height:97%;
-    width:100%;
-    min-height:120px;
-    max-height:200px; */
-    /* width:250px;
-    height: 170px; */
-    width: 255px;
+    width: 254px;
     height: 168px;
     margin-top: 8px;
     margin-left: 5px;
     
 }
 
+#listContent_ybf .pano .kanfang,#listContent_ybf .panoSelect .kanfang{
+    
+    /* width: 298px; */
+    height: 217px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+   
+}
 
+#listContent_ybf .pano .kanfang img,#listContent_ybf .panoSelect .kanfang img{
+    /* width: 255px; */
+    /* height: 168px; */
+    height: 196px;
+    margin-top: 8px;
+    margin-left: 5px;
+    
+}
+
+#kanfang_yuding{
+    background-image: url('./nanimages/tc_yuyue.png'); 
+    width: 1280px;
+    height: 720px;
+    position: absolute;
+    z-index: 10;
+    display: none;
+}
+
+#kanfang_yuding #yd_phone{
+    position: absolute;
+    top: 48.8%;
+    left: 51.7%;
+    height: 25px;
+    border: none;
+    outline: none;
+}
+
+#kanfang_yuding #yuyue_ok{
+    position: absolute;
+    top: 70%;
+    left: 45%;
+    width: 127px;
+    height: 49px;
+    background-image: url('./nanimages/qd_non.png');
+}
 
 *::-webkit-scrollbar {
     /*滚动条整体样式*/

pano3.html

@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="nanstyle.css">
 
 
+
     <style>
 
         body {
@@ -100,13 +101,26 @@
 
     </div> -->
 
+    <div id='kanfang_yuding'>
+        <!-- <div class="pano">
+            <div class="title"></div>
+            <div class="thumb"><img  src='panos/01frontGate4k_b.jpg' /></div>
+        </div>
+            - -->
+            <input id='yd_phone' />
+
+            <img id='yuyue_ok' src="./nanimages/qd_non.png" />
+            <!-- <div id='yuyue_ok'></div> -->
+    </div>
+
+
+
     <div id='listContent_ybf'>
         <div class="pano">
             <div class="title"></div>
-            <div class="thumb"><img  src='' /></div>
+            <div class="thumb"><img  src='panos/01frontGate4k_b.jpg' /></div>
         </div>
             -
-
     </div>