/* CSS Document */

.search{width:100%;background:#ffffff;box-sizing:border-box;padding:0 0.3rem;height: auto;padding-bottom: 0.1rem;}
.search .search_inp{width:100%;background-color:#f4f4f4;height:0.6rem;border-radius:0.08rem;box-sizing:border-box;padding:0 0.2rem;background-image:url(../images/search03.png);background-size:0.32rem;background-repeat:no-repeat;padding-left:0.6rem;background-position:left 0.12rem top 0.12rem ;font-size:0.26rem;line-height:0.6rem;color:#999999 }
.search .search_inp input{width:100%;height:0.5rem; background:none; border:none}

/*banner*/
.banner{width: 100%;height: auto;margin-bottom: 0.2rem;}
.banner .swiper-container {width: 100%;height: 100%;} 
.banner .swiper-slide { text-align: center; font-size: 18px; background: #fff;   }
.banner .swiper-slide .slide_con{width: 100%;height: 100%;position: relative;font-size: 0;}
.slide_con .img{width:100%;height: 100%;}

.banner .swiper-container-horizontal > .swiper-pagination-bullets{width:auto;right: 0.45rem;bottom: 0.4rem;left: auto}
.banner .swiper-pagination-bullet{background-color: transparent;border-radius: 100%;border: 1px solid #FFFFFF;width: 0.25rem;height: 0.25rem;box-sizing: border-box;opacity: 1;margin-left: 0.2rem;}
.banner .swiper-pagination-bullet-active{background-color: #FFFFFF;}


/*cate*/
.catecol{width:100%;height: auto;}
.catecol .list{width:auto;height: auto;box-sizing: border-box;padding: 0 0.1rem;overflow-x:scroll;white-space:nowrap;font-size: 0;margin-top: 0.2rem;}
.catecol .list .cate_li{width: 3rem;height: 1.88rem;overflow: hidden;margin: 0 0.1rem;display: inline-block;border-radius: .08rem;}
.catecol .list .cate_li .img{width: 3rem;height: 1.88rem;box-sizing: border-box;}
.catecol .list .cate_li .fs1{width:100%;text-align:center;line-height:0.7rem;font-size:0.26rem;color:#333333;}


/*title*/
.title{width:100%;height: auto;box-sizing: border-box;padding: 0.3rem;}
.title .t_con{width:100%;height: auto}
.title .t_con .fs_40{font-size: 0.34rem;color: #000000;line-height: 0.6rem;font-weight: bold;display:inline-block}
.title .t_con .fs_more{font-size:0.24rem;color:#999999;float:right;line-height:0.6rem;}

/*brand*/
.brand{width:100%;height: auto;box-sizing: border-box;padding: 0 0.3rem;margin-bottom:0.2rem}
.brand .list{width:100%;height: 3.9rem;box-sizing: border-box;padding: 0.4rem 0.18rem 0 0.18rem;background: #ffffff;border-radius: .08rem;overflow: hidden;}
.brand .list .brand_li{width: 0.7rem;height: 0.7rem;box-sizing: border-box;margin-left: 0.14rem;margin-bottom: 0.4rem;display: inline-block;border-radius: 100%;overflow: hidden;margin-right: 0.17rem;}
.brand .list .brand_li .img{width:100%;height: 100%;}

.brand .btn{width:100%;text-align: center;}
.brand .btn .more{font-size: 0.3rem;color: #FFF;line-height: .5rem; width:1rem; height:0.5rem; background-color:#000; display:block; margin:0.5rem auto;}

/*视频专区*/
.col_01{width:100%;box-sizing:border-box;padding:0 0.3rem;}
.col_01 .plist1{width:100%;height:3.6rem;}
.plist1 .swiper-slide{width: 2.38rem;height:3.6rem;}
.spro{width:2.18rem;height:3.6rem;border-radius:0.08rem;background:#ffffff;display: inline-block;}
.spro .pro-img{width:2.18rem;height:2.18rem;position:relative}
.spro .pro-img .img{width:100%;height:100%;}
.spro .pro-img.video:before{content:'';width:100%;height:2.18rem;background-color:rgba(0,0,0,.6);background-image:url(/CN/m/images/play.png);background-position:center;background-repeat:no-repeat;background-size:.45rem .45rem;position:absolute;left:0;top:0;z-index:2;border-radius:.08rem;}
.spro .msg{width:100%;height:auto;box-sizing:border-box;padding-top:0.2rem;padding-left:0.1rem;padding-right:0.1rem;}
.spro .msg .spro-name{width:100%;font-size:0.24rem;line-height:0.36rem;color:#333333;font-weight:bold;margin-bottom:.02rem;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.spro .msg .spro-id{width:100%;font-size:0.2rem;line-height:0.36rem;color:#999999;}
.spro .msg .spro-price{width:100%;font-size:0.2rem;color:#e60012;line-height:0.36rem;}

/*广告ad1*/
.col_05{width:100%;box-sizing:border-box;padding:0 0.3rem;}
.img-container2{width:100%;height:auto;font-size:0;}
.img-container2 .imgli{width:100%;height:auto;border-radius:0.08rem;overflow:hidden;margin-bottom:0.2rem;display:inline-block;}
.img-container2 .imgli:last-child{margin-bottom:0;}
.img-container2 .imgli .img{width:100%;height:auto;}


/*title2*/
.title2{width:100%;height:auto;box-sizing:border-box;padding:0 0.3rem;}
.title2 .titul{width:100%;height:auto;display:flex;justify-content:center;}
.title2 .titul .titli{font-size:.34rem;color:#999999;margin:0 0.2rem;position:relative;display:inline-block;line-height:1.2rem;}
.title2 .titli.current:after{content:'';width:.4rem;height:.1rem;background:#1e50a2;border-radius:.1rem;position:absolute;bottom: 0.2rem;left:50%;display:inline-block;transform: translateX(-0.2rem);}
.title2 .titli.current{color:#000000;}



/*plist*/
.plist{width:100%;box-sizing:border-box;padding:0 0.3rem;display:flex;justify-content:space-between;flex-wrap:wrap;}
.pro{width:3.35rem;height:4.8rem;border-radius:0.08rem;background:#ffffff;display: inline-block;margin-bottom:0.2rem;}
    .pro .pro-img {
        width: 3.35rem;
        height: 3.35rem;
        position: relative;
        display: flex;
        justify-items: center;
        align-items: center;
    }
.pro .pro-img .img{width:auto;height:auto; max-width:100%;max-height:100%;}
.pro .pro-img.video:before{content:'';width:100%;height:3.35rem;background-color:rgba(0,0,0,.6);background-image:url(/CN/m/images/play.png);background-position:center;background-repeat:no-repeat;background-size:.65rem .65rem;position:absolute;left:0;top:0;z-index:2;border-radius:.08rem;}
.pro .msg{width:100%;height:auto;box-sizing:border-box;padding-top:0.2rem;padding-left:0.1rem;padding-right:0.1rem;}
.pro .msg .spro-name{width:100%;font-size:0.24rem;line-height:0.36rem;color:#333333;font-weight:bold;margin-bottom:.02rem;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.pro .msg .spro-id{width:100%;font-size:0.2rem;line-height:0.36rem;color:#999999;}
.pro .msg .spro-price{width:100%;font-size:0.2rem;color:#e60012;line-height:0.36rem;}

