#friend{
    width: 100%;
    height: 700px;
    border-color: black;
    border-style: solid;
    border-width: 0px;
}

#friend p{
    width: 10%;
    height: 50px;
    border-color: #b14046;
    border-style: solid;
    border-width: 2px;
    border-top: none;
    border-right: none;
    border-left: none;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 28px;
    color: #222222;
    text-align: center;
}

#list{
    /* height: 700px; */
    width: 80%;
    border-color: black;
    border-width: 0px;
    border-style: solid;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 1500px;
}

#list div{
    float: left;
    height: 100px;
    width: 24.5%;
    border-color: blue;
    border-width: 0px;
    border-style: solid;
    max-width: 400px;
    margin-top: 50px;
}

#ym{
    width: 100%;
    /* height: 100%; */
    position: relative;
    top: 25%;
}

#yd{
    width: 100%;
    /* height: 100%; */
    position: relative;
    top: 10%;
}

#kc{
    /* width: 100%; */
    height: 60%;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 20%;
}

#sl{
    /* width: 100%; */
    height: 80%;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 10%;
}

#ly{
    width: 100%;
    /* height: 100%; */
    position: relative;
    top: 10%;
}

#jk{
    /* width: 80%; */
    height: 70%;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 15%;
}

#cz{
    width: 100%;
    /* height: 100%; */
    position: relative;
    top: 25%;
}

#sy{
    width: 80%;
    /* height: 100%; */
    position: relative;
    top: 20%;
    display: block;
    margin: 0 auto;
}

#st{
    /* width: 80%; */
    height: 80%;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 10%;
}

#hl{
    width: 80%;
    /* height: 100%; */
    position: relative;
    top: 20%;
    display: block;
    margin: 0 auto;
}

#ad{
    width: 100%;
    /* height: 100%; */
    position: relative;
    top: 20%;
    display: block;
    margin: 0 auto;
}

#hlsh{
    /* width: 100%; */
    height: 70%;
    position: relative;
    top: 20%;
    display: block;
    margin: 0 auto;
}