body {
                /* 上  右   下  左*/
                /*margin: 50px auto 0px 70px; margin:0 auto;*/
                margin:1px 1px 1px 1px;
                text-align: center; 
                width: 100%; 
                /*border:green solid 15px;*/
                /*background-color: rgb(213, 240, 245) ;*/
                border: 1px;
                border-color: aqua;
                border-radius: 50%;
                font-size: 16px;
                text-align: justify;
               
            }
            img {
                margin: 10px auto 5px auto;
                width: 160px;
                height: 160px;
                /*border-top-left-radius:0.5em;*/
                /*border-top-right-radius:0.5em;*/
                border-radius: 0.5em;
            }
            span{
                text-align: left; 
                margin:0px 5px 0px 5px;
            }
           
            .price{
                color :rgb(244, 42, 10); 
                font-size: 36px;
                font-weight: 600;
                font-family: 'Times New Roman', Times, serif;
            }

            .price_old{
                color :rgb(116, 114, 113); 
                font-size: 18px;
                font-weight: 100;
                text-decoration: line-through;
                font-family: 'Times New Roman', Times, serif;
            }
            .salecount{
                color: #a3a09f;
                font-size: 20px;
            }
            /* 创建两个相等的列 */
            .column {
                float: left;
                width: 99%;
                height:190px;
                border:rgb(106, 107, 107) solid 1px;
                box-shadow: 0.1cm
            }
        
            /* 列后清除浮动 */
            .row:after {
                content: "";
                display: table;
                clear: both;
            }
            span{
                word-break:normal; 
                width:auto; 
                display:block; 
                white-space:pre-wrap;
                word-wrap : break-word ;
                overflow: hidden ;
            }
        
            /* 响应式布局 - 小于 600 px 时改为上下布局 */
            @media screen and (max-width: 600px) {
                .column {
                    width: 100%;
                }
            }

            .salecolumn{
                float: left;
                /*width: 33.3%;*/
                /* 上  右   下  左*/
                margin: 0 auto;
            }
            .title{
                overflow: hidden; 
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                white-space:wrap;
                width:120px;
                max-height:130px; /* 设置最大高度，若为height会在显示行数后继续出现文字 */
                display: -webkit-box;
                /*max-height: 60px;*/ /*  */
                -webkit-line-clamp: 4; /* 设置显示的行数 */
                -webkit-box-orient: vertical;
            }

            @media screen and (max-width: 400px) {
                img {
                    margin: 5px auto 5px auto;
                    width: 100%;
                    object-fit: contain;
                }
                .title{
                    text-align: justify;/*两端对齐*/
                    width:120px;
                    max-height:130px; /* 设置最大高度，若为height会在显示行数后继续出现文字 */
                }
                .banner-slide{
                    height: 150px;
                    
                }
                .banner-slide .item-slide{
                    height: 150px;
                }
                .price{
                    font-size: 30px;
                }
    
                .price_old{
                    font-size: 14px;
                }

            }

            @media screen and (min-width:401px) and (max-width: 700px) {
                img {
                    margin: 5px auto 5px auto;
                    width: 100%;
                    object-fit: contain;
                } 
                .title{
                    text-align: justify;/*两端对齐*/
                    width:160px;
                    max-height:130px; /* 设置最大高度，若为height会在显示行数后继续出现文字 */
                    -webkit-line-clamp: 6; /* 设置显示的行数 */
                }
                .banner-slide{
                    height: 280px;
                    
                }
                .banner-slide .item-slide{
                    height: 280px;
                }
            }