@charset "utf-8";
.page1{
    padding-bottom: 1rem;
}
#toper{
    width: 100%;
    height: .88rem;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    padding: 0 .4rem 0 .2rem;
    transition: all .3s;
}
#toper .search{
    height: .68rem;
    background: rgba(255,255,255,.7);
    border-radius: .34rem;
    transition: all .3s;
}
.toper_on{
    background: #fff;
    box-shadow: 0 0 .06rem rgba(0,0,0,.04);
}
.toper_on .search{
    background: #F7F8FA !important;
}
.banner{
    width: 100%;
    height: 4.5rem;
    position: relative;
    background: url(../images/index_ban_bj.png) no-repeat center center;
    background-size: cover;
    padding-top: 1.1rem;
}
.banner_con{
    width: 6.86rem;
    height: 3.2rem;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.banner_con .swiper-slide{
    width: 6.86rem;
    height: 3.2rem;
    position: relative;
    overflow: hidden;
}
.banner_con .swiper-slide img{
    width: 6.86rem;
    height: 3.2rem;
    display: block;
    object-fit: cover;
    border-radius: .16rem;
}
.banner_con .swiper-pagination .swiper-pagination-bullet{
    background: #EBEDF0;
}
.banner_con .swiper-pagination .swiper-pagination-bullet{
    background: #EBEDF0;
}
.banner_con .swiper-pagination .swiper-pagination-bullet-active{
    background: #29D350;
}
.cate{
    margin: 0 .32rem;
}
.cate a{
    width: .88rem;
}
.cate img{
    width: .72rem;
    height: .72rem;
    margin: 0 auto .12rem auto;
    object-fit: cover;
}
.cate .swiper-pagination{
    width: auto;
    bottom:0;
    left: 50%;
    transform: translate(-50%,0);
    height: 8px;
    background: #EBEDF0;
    border-radius: 4px;
    overflow: hidden;
}
.cate .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background: #EBEDF0;
    border-radius: 4px;
    transition: all .3s;
    margin: 0;
}
.cate .swiper-pagination .swiper-pagination-bullet-active{
    width: .36rem;
    background: #29D350;
}
.server img{
    object-fit: cover;
}
.adver{
    margin: 0 .32rem .32rem .32rem;
}
.adver .aiask{
    width: 3.35rem;
    height: 4rem;
    position: relative;
    background: url(../images/adver_bj1.png) no-repeat center center;
    background-size: cover;
    padding: .24rem;
}
.adver .hwgg{
    width: 3.35rem;
    height: 1.92rem;
    position: relative;
    background: url(../images/adver_bj2.png) no-repeat center center;
    background-size: cover;
    margin-bottom: .16rem;
    padding: .24rem;
}
.adver .sngg{
    width: 3.35rem;
    height: 1.92rem;
    position: relative;
    background: url(../images/adver_bj3.png) no-repeat center center;
    background-size: cover;
    padding: .24rem;
}
.prod{
    margin: 0 .32rem 0 .32rem;
}
.prod_title{
    width: 100%;
    position: relative;
    z-index: 80;
    left: 0;
    padding: .1rem .32rem .3rem .32rem;
    transition: all .3s;
}
.prod_title_on{
    background: #fff;
    position: fixed;
    top: .88rem;
    box-shadow: 0 0 .06rem rgba(0,0,0,.04);
}
.prod_title li{
    font-size: .28rem;
    color: #4E5969;
    margin-right: .52rem;
    min-height: .4rem;
    position: relative;
}
.prod_title li.on{
    color: #1D2129;
    font-size: .36rem;
    font-weight: bold;
    margin-right: .32rem;
}
.prod_title li.on:after{
    content: "";
    display: block;
    width: .34rem;
    height: .08rem;
    background: #29D350;
    position: absolute;
    z-index: 20;
    left: 50%;
    transform: translate(-50%,0);
    bottom: -.15rem;
}
.prod_title li:nth-last-child(1){
    margin-right: 0;
}
.prod_list{
    padding-top: .2rem;
    font-size: .28rem;
}
.prod_list li{
    width: 3.35rem;
    height: 4.75rem;
    background: #FFFFFF;
    border-radius: .08rem;
    position: relative;
    overflow: hidden;
    margin-bottom: .16rem;
}
.prod_list li img{
    width: 3.35rem;
    height: 3.35rem;
    border-radius: .08rem;
    object-fit: cover;
    margin: 0 auto .16rem auto;
}
.prod_list li .font-size-28{
    margin: 0 .16rem .08rem .16rem;
}
.prod_list li .font-size-22{
    margin: 0 .16rem 0 .16rem;
    height: .6rem;
    line-height: .3rem;
    position: relative;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.layui-flow-more{
    width: 100%;
}
.layui-flow-more a cite{
    background: none;
}
.toper{
    width: 100%;
    height: .88rem;
    background: #fff;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    box-shadow: 0 0 .06rem rgba(0,0,0,.04);
}
.page5{
    padding: .88rem 0 1rem 0;
}
.page5 .footer{
    width: 100%;
    height: 1rem;
    background: #fff;
    box-shadow: 0 0 .06rem rgba(0,0,0,.04);
    position: fixed;
    z-index: 100;
    left: 0;
    bottom: 0;
}
.page5 .footer .btn{
    width: 6.86rem;
    height: .88rem;
    background: #29D350;
    border-radius: .16rem;
    border: none;
    outline: none;
}
.page5 .con{
    padding: .32rem;
    background: #fff;
}
.page5 .con input{
    height: .98rem;
    background: #F7F8FA;
    border-radius: .16rem;
    border: none;
    margin: 0;
    padding: 0 .48rem;
    outline: none;
    width: 100%;
}
.page5 .con textarea{
    padding: .29rem .48rem;
    width: 100%;
    height: 2.4rem;
    background: #F7F8FA;
    border-radius: .16rem;
    border: none;
    outline: none;
    margin: 0;
    resize:none;
}
.page5 .addPic{
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .06rem;
    border: 1px dashed #4E5969;
    margin: 0 0 .28rem 0;
}
.page5 .picItem{
    margin: 0 .28rem .28rem 0;
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
}
.page5 .picItem .pic{
    width: 1.6rem;
    height: 1.6rem;
    object-fit: cover;
    position: relative;
    z-index: 10;
}
.page5 .picItem .del{
    width: .48rem;
    height: .48rem;
    right: -.24rem;
    top: -.24rem;
    position: absolute;
    z-index: 20;
}
.page5 .picItem .filesLoading{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 50;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
}
.page5 .picItem .filesLoading_con{
    width: 80%;
    height: 6px;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    z-index: 20;
    left: 10%;
    top: 50%;
    margin-top: -6px;
}
.page5 .picItem .filesLoading_state{
    height: 6px;
    border-radius: 3px;
    background: #29D350;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 0;
}
.page5 .picItem .filesLoading_text{
    width: 100%;
    font-size: .28rem;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 50%;
    margin-top: 8px;
}
.page5 .videoItem{
    background: #DCDEE0;
}
#ckplayer_vide_lay img{
    display: none !important;
}
.page5 .dxx li{
    height: .6rem;
    padding: 0 .3rem;
    border-radius: .16rem;
    border: 1px solid #DCDEE0;
    color: #272E3B;
    margin-right: .32rem;
}
.page5 .dxx li.on{
    border-color: #FF7732;
    color: #FF7732;
}