.prodcut-nav .text .left{ width: 46%; float: left; margin: 40px 0;     box-sizing: border-box;
    padding: 30px 0 0 50px;
}
.prodcut-nav .text .left p{ width: 100%; float: left;}
.prodcut-nav .text .right{ width: 50%; float: left;}
.prodcut-nav .text .right img{ width: 100%; float: left;}
.prodcut-nav .list{ margin: 30px 0; float: left;}
.prodcut-nav .list h2{ font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif; color: #003366; font-size: 30px; text-transform: uppercase; width: 100%; float: left; text-align: center;}
.prodcut-nav .list li{ width: 8.5%; margin: 20px 2%; float: left; box-sizing: border-box;}
.prodcut-nav .list li img{ width: 100%; margin-top: 50%; transform: translateY(-50%); float: left;}

/* 售后详情 - 搜索  */
.form-afterView{ width: 100%; float: left; margin: 50px 0; font-size: 0;}
.form-afterView h2{ width: 100%; float: left; text-align: center; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif; color: #fff; font-size: 30px; text-transform: uppercase; margin-bottom: .2rem;}
.form-afterView input{ display: inline-block; box-sizing: border-box; min-width: 3rem; padding: 0 20px; height: 40px; border: none; border-top-left-radius: 25px; border-bottom-left-radius: 25px; vertical-align: top;}
.form-afterView input.none{ display: none;}
.form-afterView button{ background: #ccc; display: inline-block; box-sizing: border-box; padding: 0 20px; height: 40px; border: none; font-size: 12px; color: #000; vertical-align: top; position: relative; border-top-right-radius: 25px; border-bottom-right-radius: 25px; transition: all 0.3 ease-in-out;}
.form-afterView button i{ font-family: "iconfont1"; margin-right: 10px;}
/* .form-afterView button::before{ content: ""; width: 1px; height: 20px; background: #ccc; top: 10px; float: left; position: absolute; left: 0;} */
.form-afterView button:hover{ opacity: .7;}


/* 售后详情 - 热门 */
.picScroll-left-hot{ position: relative; max-width: 1280px; margin: 0 auto;}
.picScroll-left-hot .bd{ width: 100%; float: left; margin: 0 0 50px 0; box-sizing: border-box; padding: 0 .4rem; position: relative;}
.picScroll-left-hot ul{ width: 100%; float: left; margin: 50px 0; position: relative;}
.picScroll-left-hot ul li{ width: 280px; margin: 0 10px; float: left; transition: all 1s ease-in-out;}
.picScroll-left-hot ul li:hover{ opacity: 0.7;}
.picScroll-left-hot ul li img{ width: 100%; float: left; border: 1px solid #ccc; box-sizing: border-box;}
.picScroll-left-hot .prev,.picScroll-left-hot .next{ font-family: '宋体',"puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif; position: absolute; top: 50%; transform: translateY(-50%); font-size: 36px; color: #000;}
.picScroll-left-hot .prev{ left: 0;}
.picScroll-left-hot .next{ right: 0;}
.picScroll-left-hot h2{ width: 100%; float: left; text-align: center; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif; color: #000; font-size: 30px; text-transform: uppercase; margin: .5rem 0 .3rem;}

@media screen and (max-width: 734px){ 
    .prodcut-nav .text .left,
    .prodcut-nav .text .right{ width: 100%; margin: 0;}
    .prodcut-nav .text .left p{ font-size: .16rem;}
    .prodcut-nav .text .left{ padding: 0;}
    .prodcut-nav .list{ margin: .3rem 0 0; float: left;}
    .prodcut-nav .list h2{ font-size: .36rem; margin-bottom: .2rem;}
    .prodcut-nav .list li{ width: 21vw; box-sizing: border-box; border: 1px solid #ccc; padding: .1rem; height: 21vw; margin: .1rem 2vw;}
    .prodcut-nav .list li img{ width: 100%; margin-top: 50%; transform: translateY(-50%); float: left;}


    .picScroll-left-hot .bd{ width: 100%; float: left; margin: 0 0 .2rem 0; box-sizing: border-box; padding: 0 .4rem; position: relative;}
    .picScroll-left-hot ul{ width: 100%; float: left; margin: 0 0; position: relative;}
    .picScroll-left-hot h2{ font-size: .36rem; text-transform: uppercase; margin: .5rem 0 .3rem;}

    .picScroll-left-hot{ width: 100%; max-width: 100%; overflow: hidden;}
    .picScroll-left-hot ul li{ width: 100%; margin: 0 0; float: left; transition: all 1s ease-in-out;}
    .picScroll-left-hot .prev,.picScroll-left-hot .next{ font-family: '宋体',"puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif; position: absolute; top: 50%; transform: translateY(-50%); font-size: .24rem; width: .3rem; text-align: center; line-height: .5rem; height: .5rem; color: #000; z-index: 2; background: #ccc;}

}