* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

#footer {
    width: 100%;
    height: 205px;
    background: url(https://www.hljstm.org.cn/assets/footer_bg_2.ca033ef8.png);
    padding-top: 1rem;
}


.copyright{
            width: 100%;
            margin: auto;
            color: #fff;
            text-align: center;
            line-height: 50px;
        }
 
     @media screen and (min-width: 600px) {
         .footer-content {
    width: 1200px;
    margin: auto;
    color: #fff;
}
        .footer-content-main{
            display: flex;
            justify-content:space-between;
            width: 600px;
            margin: auto;align-items: center;
        } 
     }
.footer-content-in-cont{
    text-align: center;
}
.footer-content-in-cont img {
    width: 50px;
    height: 50px;
}

.global-footer-tab {
    display: flex;
    line-height: 70px;
    margin: auto;
    justify-content: center;
}

.global-footer-tab div {
    padding-right: 12px;
}

.global-footer-tab div a {
    color: #fff;
}

.global-footer-tab div a:hover {
    color: #4468e6;
}

.line {
    height: .10417vw;
    background: rgba(255, 255, 255, .24);
}
.text{
    font-size: 20px;
    margin: 10px 0;
}
#friend{
   width: 200px;
   height: 30px;
   background-color: #fff;
   border-radius: 8px;
   padding-left: 10px; 
}
 @media screen and (max-width: 600px) {
        .footer-content {
            width: 100%;
            margin: auto;
            color: #fff;
        }
        .copyright{
            width: 100%;
            margin: auto;
            color: #fff;
            font-size: 28px;
            text-align: center;
            line-height: 50px;
        }
        #footer {
            width: 100%;
            height: 405px;
            background: url(https://www.hljstm.org.cn/assets/footer_bg_2.ca033ef8.png);
            padding-top: 1rem;
        }
        .footer-content-main{
            width: 70%;
            margin: auto;
            display: flex;
            justify-content:space-between;
            align-items: center;
        }
        .footer-content-in-cont div{
            font-size: 28px;
        }
        .footer-content-friend{
            width:60%;
            text-align: right;
        }
        .friend-text{
            width: 100%;
            text-align: left;
            font-size: 28px;
        }
        .friend-text span{
            margin-left: 20%;
        }
        .footer-content-in-cont img {
            width: 200px;
            height: 200px;
        }
        #friend{
           width: 80%;
           margin: auto;
           height: 80px;
           background-color: #fff;
           border-radius: 8px;
            font-size: 28px;
           padding-left: 10px; 
        }
    }