.main-content{
    min-height:60vh;
    padding-bottom:0.24rem;
}
.product-box{
    position:relative;
}
.product-desc-box{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
       -moz-box-orient:vertical;
       -moz-box-direction:normal;
            flex-direction:column;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
       -moz-box-pack:justify;
            justify-content:space-between;
    height:100%;
    padding:0 0 0 0.55rem;
    position:absolute;
    width:100%;
    left:0;
    top:0;
}
.product-box .title-desc-link{
    padding:1.12rem 0 0;
}
.product-box .title-desc-link .title{
    height:0.64rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
       -moz-box-align:center;
            align-items:center;
    color:#010201; 
    font-size:0.24rem;
    font-weight:600;
}
.product-box+.product-box,.top-banner-product+.product-list .product-box:first-child{
    margin-top:0.24rem;
}
.product-box .item{
    height:0.3rem;
    color:#414242;
    font-size:0.18rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
       -moz-box-align:center;
            align-items:center;
}
.product-box .item:before{
    content:"";
    display:block;
    width:0.07rem;
    height:0.07rem;
    background:url(../images/item-dot.png) no-repeat;
    background-size:100% 100%;
    margin-right:0.1rem;
}
.product-box .link{
    margin-top:0.16rem;
    background:url(../images/btn-more-mobile.png) no-repeat;
    background-size:100% 100%;
    width:1.81rem;
    height:0.52rem;
}
:root{
    --clientWidth:0;
}
.product-box .notice{
    line-height:1.6;
    font-size:10Px;
    color:#474848;
    white-space:pre-wrap; 
    word-wrap:break-word;
    word-break:break-all;
    -webkit-transform:scale(-webkit-calc(var(--clientWidth)/750));
            transform:scale(calc(var(--clientWidth)/750));
    -webkit-transform-origin:0 100%;
            transform-origin:0 100%; 
    padding:0 0 0.3rem; 
}
.video-box{
    position:relative;
    max-width:16.34rem;
    margin:0.24rem auto 0;
    width:100%;
}
.video-box .video{
    width:100%;
    height:100%; 
    left:0;
    top:0;
    position:absolute;
    -o-object-fit:cover;
       object-fit:cover;
}
.video-box .video-mask{
    width:100%;
    position:relative;
    z-index:2;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
       -moz-box-align:center;
            align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
       -moz-box-pack:center;
            justify-content:center;
    padding-top:56.25%;
    overflow:hidden;
}
.video-box .video-mask:before{
    content:"";
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:rgba(21, 23, 21, .24); 
    z-index:1;
}
.video-box .video+.video-mask:before{
    display:block;
}
.video-box .video-mask img{
    width:100%;
    display:block;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
}
.video-box .video-mask .video-play{
    color:#fff;
    font-size:0.12rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
       -moz-box-align:center;
            align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
       -moz-box-pack:center;
            justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
       -moz-box-orient:vertical;
       -moz-box-direction:normal;
            flex-direction:column;
    cursor:pointer; 
    position:absolute;
    z-index:2;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
}
.video-box .video-mask .video-play:before{
    content:"";
    display:block;
    background:url(../images/btn-play.png) no-repeat;
    background-size:100% 100%;
    width:0.3rem;
    height:0.3rem;
    margin-bottom:0.09rem;
}
.product-list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
       -moz-box-orient:vertical;
       -moz-box-direction:normal;
            flex-direction:column;
}
.product-list .product-box:first-of-type{
    -webkit-box-ordinal-group:2;
    -webkit-order:1;
       -moz-box-ordinal-group:2;
            order:1;
}
.product-list .product-box:nth-of-type(2){
    -webkit-box-ordinal-group:4;
    -webkit-order:3;
       -moz-box-ordinal-group:4;
            order:3;
}
.product-list .product-box:nth-of-type(3){
    -webkit-box-ordinal-group:5;
    -webkit-order:4;
       -moz-box-ordinal-group:5;
            order:4;
}
.product-list .product-box:nth-of-type(4){
    -webkit-box-ordinal-group:6;
    -webkit-order:5;
       -moz-box-ordinal-group:6;
            order:5;
}
.product-list .product-box:nth-of-type(5){
    -webkit-box-ordinal-group:7;
    -webkit-order:6;
       -moz-box-ordinal-group:7;
            order:6;
}
.product-list .product-box:nth-of-type(6){
    -webkit-box-ordinal-group:8;
    -webkit-order:7;
       -moz-box-ordinal-group:8;
            order:7;
}
.product-list .product-box:nth-of-type(7){
    -webkit-box-ordinal-group:9;
    -webkit-order:8;
       -moz-box-ordinal-group:9;
            order:8;
}
.product-list .video-box{
    -webkit-box-ordinal-group:3;
    -webkit-order:2;
       -moz-box-ordinal-group:3;
            order:2;
}