.choose{
        width: 400px;
        height: 600px;
        float: left;
        margin:50px 0 0 50px;
      }

     @media (max-width: 768px) {
        /* 容器样式调整 */
        .choose {
            width: 100%; /* 使用百分比宽度以适应不同屏幕大小 */
            max-width: 400px; /* 仍然可以设置一个最大宽度 */
            height: auto; /* 让高度由内容决定 */
            margin: 50px auto; /* 使用margin auto来水平居中 */
            float: none; /* 移除float属性，因为我们已经使用了margin auto来居中 */
        }
    }
    
      .content{
        width: 400px;
        height: 400px;
        border: 1px solid gray;
        position: relative;
      }
  
      .content img {
        width: 400px;
        height: 400px;
      }
      #listshow{
        width: 400px;
        height: 100px;
        margin-top: 20px;
      }
      #listshow li{
        width: 100px;
        height: 100px;
        float: left;
        border:1px solid #666;
      }
      #listshow li img{
        width: 100px;
        height: 100px;
      }
      #listshow .selected{
        border: 2px solid blue;
      }
      .larger{
        width: 400px;
        height: 400px;
        position: absolute;
        border:1px solid #666;

        top: 50px;
        left: 500px;
        float: left;
        overflow: hidden;
        display: none;
      }
      .big{
        width: 800px;
        height: 800px;
        position: absolute;
        left: 0;
        top: 0;
      }
      .shadow{
        width: 150px;
        height: 150px;
        background-color: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        display: none;
      }
*# sourceMappingURL=style.css.map */

 
 
 .footer-choose {  
            margin: 20px auto;  
            max-width: 600px;  
            padding: 20px;  
            background-color: #f9f9f9;  
            border-radius: 8px;  
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  
        }  
  
        .footer-choose h3 {  
            margin-bottom: 20px;  
            color: #333;  
            font-size: 24px;  
            text-align: center;  
        }  
  
        .twr_form_box {  
            margin-bottom: 15px;  
        }  
        .twr_form_box input::placeholder {  
            color: #6d668f; /* 你可以将此颜色替换为你想要的任何颜色 */  
            opacity: 1; /* 确保不透明度为1，以显示颜色 */  
        }  
        .twr_form_box input,  
        .twr_form_box textarea {  
            width: 100%;  
            padding: 10px;  
            border: 1px solid #ccc;  
            border-radius: 4px;  
            box-sizing: border-box;  
            font-size: 16px;  
        }  
  
        .twr_form_box textarea {  
            resize: vertical;  
            min-height: 100px;  
        }  
  
        .contact_page_button {  
            text-align: center;  
        }  
  
        .contact_page_button button {  
            padding: 10px 20px;  
            background-color: #4CAF50;  
            color: white;  
            border: none;  
            border-radius: 4px;  
            cursor: pointer;  
            font-size: 16px;  
        }  
  
        .contact_page_button button:hover {  
            background-color: #45a049;  
        }  
  
        @media (max-width: 768px) {  
            .col-lg-6, .col-md-6, .col-lg-12, .col-md-12 {  
                width: 100%;  
                padding: 0 15px;  
                box-sizing: border-box;  
            }  
        }