*{margin:0;padding:0;list-style-type:none;}
        html { font-size:62.5%;        }
        body { text-align:left;color:#444;font-size:14px; font-size:1.4rem;font-family:"microsoft yahei"; background-color:#F2F2F2;   display:block;  -webkit-text-size-adjust:none   }
        .pro {width:100%;        }

       /*广告*/
.indexad1 {
    width: 100%;
    margin-top: 0px;
    background: #ffffff;
    overflow: hidden;
}

    .indexad1 ul {
        margin: 0;
        padding: 0;
        width: 100%;
        list-style: none;
        display: flex; /* 使用flexbox布局 */
        justify-content: space-between; /* 平均分布 */
    }

        .indexad1 ul li {
            width: 32%; /* 每张图的宽度，留出间距 */
            margin-top: 3px;
            box-sizing: border-box;
        }

        /* 中间图设置左右间距，首尾图取消外侧边距 */
        .indexad1 ul li:nth-child(2) {
            margin-left: 1%;
            margin-right: 1%;
        }

        .indexad1 ul li:first-child {
            margin-left: 0;
        }

        .indexad1 ul li:last-child {
            margin-right: 0;
        }

        .indexad1 ul li img {
            width: 100%;
            display: block;
        }

       .indexad2{ width:100%;margin-top:2px; background:#ffffff;}
       .indexad2 ul {margin: 0px;padding: 0px; width:98%; margin:auto;}
       .indexad2 ul li{float:left; width:49%; padding-bottom:5px; margin-left:2px;}
       .indexad2 ul li img{width:98%; margin:auto;}
    
      /*精彩推荐*/
      .r_all { width:100%;margin-top:5px;   background-color:#fff;  height:230px;   }
      .r_all .r_head {  width:100%;   height:54px;  }
      .r_all .r_head .lb1 {width:25%;height:54px; padding-left:5%; float:left;  font-size:13px;  font-size:1.3rem; color:red; display:inline-block;}
      .r_all .r_head .lb2 {width:40%;height:38px;  float:left; text-align:center; height:auto; line-height:13px; padding-top:16px; margin-top:5px;}
      .r_all .r_head .lb3 {width:25%;height:54px;  float:left; text-align:right; color:#ccc; padding-right:5%; line-height:54px; }
      .r_all .r_head .lb3 a{ text-decoration: none;color: #ccc;           }
      .r_all .r_product {    margin-left:5%;  width:90%; height:160px;border:2px solid #aee3d3; }
      .r_all .r_product .r_img{ width:43%;margin:0 3%;float:left; height:140px; margin-top:10px;  }/*border-bottom:1px solid #63c0a3;border-top:1px solid #63c0a3;*/
      .r_all .r_product .r_info{  width:45%;height:142px;  float:left;margin:0 3%; margin-top:10px; }
      .r_all .r_product .r_info .r_name{ width:100%; height:38px;line-height:19px; font-size:16px; font-size:1.6rem;  color:black; padding-top:5px;}
      .r_all .r_product .r_info .r_brief{ width:100%; height:18px;line-height:18px; font-size:10px; font-size:1rem; color:#888; }
      .r_all .r_product .r_info .r_price{ width:100%; height:60px; }
      .r_all .r_product .r_info .r_price .r_p_price{ width:100%; height:36px; line-height:36px;font-size:18px; font-size:1.8rem; }
      .r_all .r_product .r_info .r_price .r_p_currency{position:relative; width:100%; height:24px; line-height:34px; text-align:right; color:#fab615;font-size:12px; font-size:1.2rem;}
      .r_all .r_product .r_info .r_price .r_p_currency::after{    content: ""; position: absolute;    width: 100px; height: 1px; /* background-color: #fab615; */    border-bottom: 2px dashed #fab615;
    transform: rotate(-30deg);    right: 0px;    top: 0px;      }

      /*新品上市*/
      .na_all { width:100%; background-color:#fff; display:block; margin-top:0px;}
        .na_all .na_head {
            width: 100%;
            height: 50px;
            background: #D1EFDB;
        }
      .na_all .na_head .lb1 {width:25%;height:54px; padding-left:5%; float:left;  font-size:13px;  font-size:1.3rem; color:red; display:inline-block;}
            .na_all .na_head .lb2 {
                width: 40%;
                height: 38px;
                float: left;
                text-align: center;
                height: auto;
                line-height: 13px;
                padding-top: 16px;
                color: #0D8A7F;
                font-weight:bold;
            }
      .na_all .na_head .lb3 {width:25%;height:54px;  float:left; text-align:right; color:#ccc; padding-right:5%;line-height:54px; }
        .na_all .na_head .lb3 a {
            text-decoration: none;
            color: #0D8A7F;
        }
      .na_all .na_list {  width:100%; margin-top:5px; }
      .na_all .na_list .na_product{height:270px; margin-left:1%; padding:2px; width:47%; float:left; margin-bottom:10px; border:1px solid #f6f6f6; background:#f6f6f6;
                                    border-radius: 2px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
                                    -moz-border-radius: 2px; /* Mozilla浏览器的私有属性 */
                                    -webkit-border-radius: 2px; /* Webkit浏览器的私有属性 */
                                   }
      .na_all .na_list .na_product .na_product_img {   width:100%;height:182px; text-align:center;}
      .na_all .na_list .na_product p {margin-top:5px; padding-left:1%;padding-right:5%; height:16px; line-height:16px;}
      .na_all .na_list .na_product .mdel{color:#808080;padding-left:10px;} 
      .na_all .na_list .na_product .MspanPrice{padding-left:0px;font-size:15px;font-weight:bold;}  
       
       /*热门特惠*/
       .na_all .hots_list{width:100%; margin:auto; background:#ffffff;}
       .na_all .hots_list p{ padding-bottom:3px; background:#F2F2F2;}
       .na_all .hots_list p img{width:100%;}

       .rm_ioc{width:98%; margin:auto; margin-top:5px; padding:1%; background:#ffffff;}
       .rm_ioc ul{list-style:none;padding:0px;margin:0px;}
       .rm_ioc ul li{float:left;width:20%; margin-top:12px;}
       .rm_ioc ul li p{text-align:center;}
       .rm_ioc ul li p img{width:60%;}
       .rm_ioc ul li a{text-decoration:none; color:#888;}

          /*----------------------------------------*/
        .classify {
            /*position: relative;*/
            /*width: 100%;*/
            z-index:800;
            background:#f7f7f7;
            margin-top:5px;
            height: 4.2rem;
            overflow: hidden;
            width:100%;
        }

            .classify .scrollbar {
                /*width: 100%;*/
                height: calc(100% + 18px);
                /*overflow-y: hidden;*/
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }

                .classify .scrollbar ul {
                    white-space: nowrap;
                    /*font-size: 0;*/
                    /*height: 4.2rem;*/
                    padding: 0 5px;
                }

                    .classify .scrollbar ul li {
                        display: inline-block;
                        height: 2.8rem;
                        line-height: 2.8rem;
                        border-radius: 2px;
                        background: #f5f5f5;
                        font-size: 1.5rem;
                        margin: 0.6rem 5px 0;
                        padding: 0px 8px;
                        color: #0D8A7F;
                    }


        /*----------------------------------------*/
        .video_list {
            margin-top: 8px;
            border: 1px solid #EDEDED;
            height: auto;
            padding-bottom:5px;
            width:47%;
            margin-left:2%;
            float:left;
            border-radius:2px;
        }

            .video_list li {
                width: 100%;
                float: left;
                height: auto;
                text-align: left;
                font-size: 35px;
                padding-bottom:5px;
            }

            .video_list div {
                width: 100%;
                height:auto;
            }