* {
    padding: 0;
    margin: 0
}

body {
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif
}

#main {
    margin: 10px auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.field {
    width: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #6c757d;
    font-size: 16px;
    padding: 15px;
    margin: 5px auto;
    border-radius: 6px
}

.field.desc ul>li {
    text-align: left;
    font-size: 14px
}

@media (max-width:500px) {
    #main {
        padding: 0 5px
    }

    .field {
        width: 100%;
        padding: 15px 0
    }

    .field.desc ul {
        margin: 0 15px
    }

    .field.desc ul>li {
        text-align: left
    }
}

ul>li {
    margin-bottom: 10px;
    list-style-type: none;
    text-align: center
}

ul>li.text {
    font-size: 12px;
    clear: both;
    width: 100%
}

.field .title {
    margin-bottom: 15px;
    font-weight: 700;
    color: #343a40
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    color: inherit;
    text-decoration: none
}

.brand {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    color: #000;
    font-size: 30px;
    font-weight: 200;
    padding: 20px;
    cursor: pointer
}

.brand span {
    color: #fff;
    font-weight: 600
}

.brand span.flag {
    background: #fff;
    border-radius: 6px;
    font-weight: 700;
    display: inline-block;
    padding: 0 5px;
    margin-left: 5px
}

.enter-website {
    width: 75%;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 10px
}

.enter-icon {
    width: 32px;
    height: 41px;
    float: left;
    margin-right: 5px;
}

.enter-link a {
    display: block;
    font-weight: bold;
    font-size: 1.3rem;
}

.icon img {
    width: 20px;
    height: 20px;
}

.c_black {
    color: #333;
    line-height: 30px;
    font-size: 12px;
}

.c_link {
    font-size: 14px;
    line-height: 30px
}

.fri_link {
    overflow: hidden;
    width: 80%
}

.fri_link li {
    float: left;
    display: block;
    font-size: .875rem;
    width: 33.33333333%
}

.icon_hand {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 10px;
}