body{
            font-size: 14px;
            }



        .img_1 {
            width: 100%;
            height: auto;
            border: unset;
            border-radius: 2px 2px 0 0;
            }


        .article{
        width: 32.84%;
        height: 230px;
        box-shadow: 0 1px 1px 0 #dfdfdf;
        position: relative;
        padding: 0 !important;
        margin-bottom: 20px !important;
        background-color: #fff;
        border-radius: 2px;
        display: inline-block;
        opacity: 1;
        z-index: 1;
        }

        .article img{
        width: 100%;
        height: 145px;
        border-radius: 4px;
        /*width: 100%;*/
            }
        .article_detial{
        padding: 10px;
            }
        .article_detial h2{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            padding: 0;
            margin: 0 auto 10px;
            font-size: 1.6rem;
            font-weight: 500;
            line-height: 20px;
            height: 40px;
            overflow: hidden;
            text-overflow: ellipsis;

            }
        .article_sku{
        float: right;
        text-shadow: 0 0 10px #C06;
        color: #c12e2a;

            }
        .article_show{
        background-color: white;
        opacity: 1;
            }
        .article_show:hover{
        opacity: 0.3;
        transition-duration: 0.2s;
            }
        .article_detial a {
         text-decoration:none;
        color: #424242;

            }
        .article span{
        font-size: 10px;
        line-height: 25px;
            }
        .article .article_size_zdzb{
        text-shadow: 0 0 10px #C06;
        color: #c12e2a;
        font-size: 1.6rem;
        }
        @media screen and (max-width:768px ){
        .article{
        width: 49.5%;
        height: 235px;
        }
        .article img{
            height: 145px;
        }}
        /*@media screen and (max-width:360px ){*/
        /*.article{*/
        /*width: 49.4%;*/
        /*height: 235px;*/
        /*}*/
        /*.article img{*/
        /*    height: 145px;*/
        /*}}*/

        @media screen and (max-width:390px ){
        .article{
        width: 49.4%;
        height: 210px;
        }
        .article img{
            height: 120px;
        }}
        @media screen and (max-width:350px ){
        .article{
        width: 49%;
        height: 210px;
        }}
        .article_active {
            display: inline-block;
            position: absolute;
            padding: 2px;
            top: 8%;
            left: 10%;
            background-color: rgba(0,0,0,0.7);
            height: 25px;
            width: auto;
            font-size: 1.7rem;
            color: white;
            text-align: center;

        }


        .update_tiem {
            position: absolute;
            right: 0px;
            top:53%;
            width:75px;
            color: white;
            background-color: rgba(0,0,0,0.6);
            text-align: center;
            border-radius:30px;

        }
        .update_tiem span{
            line-height: 13px;
        }
        @media screen  and (max-width:400px ){
        .update_tiem{
            top:45%;
            width: 70px;
        }
        }
        @media screen  and (max-width:375px ){
        .update_tiem{
            top:48%;
            width: 70px;

        }
        }