.main-content{
    padding-bottom:1.08rem;
    min-height:72vh;
}

.bg-bottom{
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
       -moz-box-align:end;
            align-items:flex-end;
}

.bg-bottom,.bg-bottom:after{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
}

.bg-bottom:after{
    content:"";
    display:block;
    right:0;
    background-color:rgba(42, 80, 52, .08);
}

.contact-types{
    margin:0.24rem auto 0;
    background-color:hsla(0, 0%, 100%, .67);
    -moz-box-sizing:border-box;
         box-sizing:border-box;
    width:6.38rem;
}

.contact-types:after{
    border:1px solid #bfbfbf;
}

.contact-types .line{
    width:5.05rem;
    height:1px;
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
            transform:translateX(-50%);
}

.contact-types .line:after{
    border:none;
    border-bottom:1px solid #b5b5b5;
}

.contact-types .cooperation,.contact-types .joinus{
    padding-top:0.37rem;
    position:relative;
    padding-bottom:0.28rem;
}

.contact-types .cooperation .icon,.contact-types .joinus .icon{
    background-repeat:no-repeat;
    background-size:100% 100%;
    width:2.3rem;
    height:0.53rem;
    margin:0 auto 0.08rem;
}

.contact-types .cooperation .icon{
    background-image:url(../images/icon-cooperation-mobile.png);
}

.contact-types .joinus .icon{
    background-image:url(../images/icon-join-mobile.png);
}

.contact-types .cooperation .item,.contact-types .joinus .item{
    color:#0b140e;
    font-size:0.24rem;
    line-height:0.44rem;
    text-align:center;
    font-weight:500;
}

.contact-types .cooperation .item a,.contact-types .joinus .item a{
    color:#0b140e;
}

.contact-types .joinus .pointer{
    margin:0 auto;
    width:0.49rem;
    height:0.58rem;
    background:url(../images/pointer-guide.png) no-repeat;
    background-size:100% 100%;
}

.logos-list{
    margin:0.45rem auto 0;
    background-color:hsla(0, 0%, 100%, .67);
    -moz-box-sizing:border-box;
         box-sizing:border-box;
    width:6.38rem;
    padding-bottom:0.43rem;
}

.logos-list:after{
    border:1px solid #bfbfbf;
}

.logos-list dd{
    padding:0.4rem 0;
    position:relative;
}

.logos-list dd:first-child .line{
    display:none;
}

.logos-list .line{
    width:5.05rem;
    height:1px;
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
            transform:translateX(-50%);
}

.logos-list .line:after{
    border:none;
    border-bottom:1px solid #b5b5b5;
}

.logos-list .img-box{
    height:1.04rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
       -moz-box-align:center;
            align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
       -moz-box-pack:center;
            justify-content:center;
}

.logos-list .img-box img{
    max-height:80%;
}

.logos-list .name-link{
    margin:0 auto;
    background:url(../images/click-view-mobile.png) no-repeat;
    background-size:100% 100%;
    width:2.65rem;
    height:0.55rem;
    padding-right:1.41rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
       -moz-box-align:center;
            align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
       -moz-box-pack:center;
            justify-content:center;
    text-align:center;
    line-height:1.2;
}

.logos-list .name{
    color:#f9fafa;
    font-size:0.24rem;
    font-weight:500;
}