body{
    position: relative;
}
.pull-down::after{
    content: ' ';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    display: block;
    width: 100%;
    height: 1px;
    transform: translate(-50%);
}
.pull-down:hover::after{
    height: 2px;
    animation: ad_width .5s linear forwards;
    background: #FFF;
}
@keyframes ad_width {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}
.pull-down:hover .nav-more{
    /* opacity: 1; */
    display: block;
}
.nav-more{
    display: none;
}
.nav-more:hover,.black-btn:hover{
   box-shadow: 0px 0px 9px 0px #fff;
}
.nav-more li{
    color: #bbb;
    font-weight: 400;
}
.nav-more li:hover{
    color: #FFF;
}
.swiper-pagination-bullet{
    background: #FFF;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: rgb(2, 132, 253);
}
.my-sco{
    overflow-x: auto;
}
.my-sco::-webkit-scrollbar{
    display: none;
}
.product-li::after{
    content: ' ';
    position: absolute;
    z-index: 2;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    left: 0;
}
.product-li:hover::after, .product-li-active::after{
    height: 2px;
    animation: ad_width .5s linear forwards;
    background: #FFF;
}
.product-li-active{
    color: #FFF;
}
.one-application{
    border-bottom: 1px solid rgb(199, 199, 199);
}
.one-application:nth-child(3){
    border: none;
}
.new-desc,.app-detail{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.one-pro{
    display: none;
}
.one-pro-active{
    display: block;
}
.white-btn:hover{
    box-shadow: 0px 0px 9px 0px rgb(66, 66, 66);
}
.footer{
    border-top: 1px solid #bbb;
}

.one-cate{
    transition: all .5s;
    border-radius: 25px;
}
.one-cate:hover{
    box-shadow: 6px 6px 10px #d5d5d5;
}
/* .one-cate img{
    
    transition: all .5s;
}
.one-cate:hover img{
    transform: scale(1.15);
    
} */
.content img{
    display: unset!important;
}
.one-cover .cover-title,.one-cover .covers{
    transition: all .5s;
}

.one-cover:hover .cover-title{
    opacity: 0;
}

.covers{
    max-height: 0;
}

.one-cover:hover .covers{
    max-height: 300px;
}

.my-content:first-child::before{
    content: "";
    height: 1px;
    position: absolute;
    left: 50%;
    top: 7px;
    width: 50%;
    background: #666;
}
.my-content::before{
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    background: #666;
}
.my-content:last-child::before{
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    top: 7px;
    width: 50%;
    background: #666;
}
.my-content::after{
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: rgb(11, 123, 228);
    left: 50%;
    top:0;
    transform: translate(-50%,0);
}

.m-put:focus .m-put-p{
    border: 1px #666 solid !important;
}

#show-msg{
    display: none;
}

.menu-pull{
    left: 100%;
    transition: all .5s;
}

.menu-pull-active{
    left: 0;
}

.pagination,.page{
    display:flex;
    justify-content: center;
    margin: 15px 0;
}

.pagination .disabled{
    background: rgb(199, 199, 199)!important;
    cursor: no-drop;
}
.pagination .active{
    background: rgb(2, 132, 253)!important;
    color: #FFF;
    cursor: no-drop;
}
.pagination li{
    margin: 0 5px;
    width: 35px;
    background: #FFF;
    cursor: pointer;
    text-align: center;
    padding: 2px 0;
}
@media screen and (max-width: 770px){
    .my-uls li{
        font-size: 14px;
    }
    .my-uls li a{
        padding: 0 8px;
    }
    .ne-next{
        text-align: left!important;
    }
}
    
@media screen and (max-width: 770px){
    .my-uls li{
        font-size: 14px;
    }
    .my-uls li a{
        padding: 0 8px;
    }
    .ne-next{
        text-align: left!important;
    }
}