* {
    margin:0;
    padding:0
}
*, :after, :before {
    box-sizing:border-box
}


a {
    text-decoration:none;
    color:#282828;
    outline:none
}
a:hover {
    text-decoration:none;
    color:#e90d0d
}

.content {
    width:100%;
    max-width:1000px;
    margin:0 auto
}
.page-title {
    font-size:38px;
    font-weight:700;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}


.popup-domain {
    margin:35px 0 25px;
    background:#f3f5f7;
    text-align:center;
    position:relative;
    border-radius:10px;
    max-width: 888px;
    padding:1px 0
}

.popup-domain span {
    position: absolute;
    left: 0;
    top: -25px;
    font-size: 13px;
    background: #e90d0d;
    border-radius: 6px 6px 0 0;
    padding: 0 8px;
    height: 40px;
    line-height: 25px;
    color: #282828;
    z-index: -1;
}
.popup-domain strong {
    font-size:18px
}
.scroll-domain-prompt {
    margin: 30px 0 -30px 0;
    font-size:0
}
.module-domain-prompt {
    border:1px solid #677b7aa8;
    padding:6px 10px;
    border-radius:8px;
    position:relative;
    display:inline-block;
    margin:5px 5px 1px;
    width:calc(50% - 10px)
}
.module-domain-title {
    position:absolute;
    left:5px;
    top:-12px;
    font-size:14px;
    padding:0 10px;
    background:#fff;
    color:#757575
}
.module-domain-main {
    font-size:15px;
    font-weight:700;
    text-align:center
}

.box, .box::after, .box::before {
    box-shadow:0 7px 21px rgba(149, 157, 165, .22)
}

.box {
    padding:65px;
    border-radius:18px;
    margin:5px -25px 50px;
    
}