* {
    margin: 0;
    padding: 0;
}

a {
    all: unset;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

html,
body {
    background: #2b2b2b;
    color: #FFF;
    font-size: 0.28rem;
    width: 100%;
    height: 100%;
}

.page_content {
    height: 100%;
    max-width: 450px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.45rem;
}

.link_list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.link_item {
    width: 100%;
    height: 1rem;
    border: solid 2px #39b7b7;
    background: #222222;
    border-radius: 0.16rem;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.28rem;
}
.link_item:last-child{
    margin: 0;
}

.link_item .link_name {
}

.link_item .link_href {
    font-size: 0.24rem;
    color: #39b7b7;
}

.cl_logo {
    width: 4.5rem;
    height: 2.3rem;
    margin-top: 0.77rem;
    margin-bottom: 0.48rem;
}
.new_address{
    background: url(./images/email_bg.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.24rem;
    margin-top: 0.44rem;
}
.new_address span{
    color: #39b7b7;
}
.connect_list{
    margin-top:0.48rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: center;
}
.connect_list>a{
    margin: 0 0.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.connect_list>a>img{
    width: 0.64rem;
    height: 0.64rem;

}
.connect_list>a>p{
    margin-top:0.12rem;
    font-size: 0.2rem;
}
.footer{
    font-size: 0.18rem;
    text-align: center;
    padding: 0.42rem 0;
}
.splar{
    flex: 1;
}