.page-top-down {
    position: relative;
    background-color: #409EFF;
}
.tit{
    margin: 60px 0;
    font-size: 50px;
    text-align: center;
}
.content{
    width: 75%;
    margin: 0 auto;
    margin-bottom: 40px;
}
.content-each{
    display: inline-block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-right: 1%;
    overflow: hidden;
    position: relative;
    padding: 60px 15px 25px;
    transition: all 0.2s;
}
.content-each:hover {
    border-color: #409EFF;
    background-color: #EFF7FF;
    transform: translate(1px, -1px);
}
.each-flag{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 130px;
    text-align: center;
    color: #fff;
    line-height: 2;
}
.taob{
    background: url("../images/tb-top.png") no-repeat center;
    background-size: contain;
}
.dy{
    background: url("../images/dy-top.png") no-repeat center;
    background-size: contain;
}
.pdd{
    background: url("../images/pdd-top.png") no-repeat center;
    background-size: contain;
}
.xt{
    background: url("../images/tb-top.png") no-repeat center;
    background-size: contain;
}
.ks{
    background: url("../images/ks-top.png") no-repeat center;
    background-size: contain;
}
.xhs{
    background: url("../images/xhs-top.png") no-repeat center;
    background-size: contain;
}
.wx{
    background: url("../images/wx-top.png") no-repeat center;
    background-size: contain;
}
.wx-col{
    color: #009865;
}
.sp{
    background: url("../images/sph-top.png") no-repeat center;
    background-size: contain;
}
.sp-col{
    color:#F86951;
}
.each-con{
    text-align: center;
}
.each-con div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.each-con img{
    width: 101px;
    /* height: 126px; */
    margin: 20px;
}
.con-tit{
    margin: 10px 0;
    font-size: 18px;
    font-weight: bold;
}
.support-platform {
    font-weight: bold;
}
.yzg-col{
    color: #2c87f1;
}
.dy-col{
    color: #000;
}
.pdd-col{
    color: rgb(225,45,35);
}
.xt-col{
    color: rgb(254,152,0);
}
.ks-col{
    color: rgb(255,100,1);
}
.xhs-col{
    color: #f1726a;
}
.each-btn{
    text-align: center;
    flex: 1;
    color: #409EFF;
    line-height: 35px;
    margin: 0 15px;
    border: 1px solid #409EFF;
    border-radius: 4px;
    cursor: pointer;
}
.each-btn:hover {
    color: #fff;
    background-color: #409EFF;
}
.col-md-4{
    padding: 10px !important;
}
.end-txt{
    line-height: 30px;
    color: #409EFF;
    font-size: 18px;
    text-align: center;
}
@media screen and (max-width: 1600px) {
    .col-md-4 {
        padding: 5px !important;
    }
    .each-btn{
       font-size: 12px;
        margin: 0 8px;
        line-height: 30px;
    }
    .each-con > img{
        margin: 0;
    }
    .con-tit{
        font-size: 18px;
    }
    .content-each{
        height: 320px !important;
    }
}