#main {
    padding-top: 0 !important
}

.moco-modal-info {
    font-size: 16px !important;
    color: #1c1f21 !important;
    line-height: 24px !important;
    font-weight: 700 !important
}

.main .top {
    width: 100%;
    height: 264px;
    background: url(/images/join/bg1.jpg) no-repeat;
    background-size: cover;
    background-position: top center
}

.main .wrap {
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(28,31,33,.1);
    border-radius: 12px;
    width: 1152px;
    margin: 0 auto;
    position: relative;
    top: -64px;
    overflow: hidden
}

    .main .wrap .section1 {
        width: 100%;
        height: 336px;
        background: url(/images/join/bg2.jpg) no-repeat;
        background-size: cover;
        background-position: top center;
        padding-left: 120px;
        box-sizing: border-box;
        border-bottom: none
    }

        .main .wrap .section1 h2 {
            font-size: 40px;
            color: #f20d0d;
            line-height: 60px;
            font-weight: 700
        }

        .main .wrap .section1 p {
            margin-top: 12px;
            font-size: 16px;
            color: #1c1f21;
            line-height: 24px;
            width: 427px
        }

        .main .wrap .section1 .getServerBtn {
            margin-top: 24px;
            background: #f20d0d;
            border-radius: 24px;
            padding: 0 24px;
            font-size: 16px;
            color: #fff;
            text-align: center;
            line-height: 48px;
            display: inline-block
        }

    .main .wrap .section2 h3 {
        font-size: 24px;
        color: #1c1f21;
        text-align: center;
        line-height: 36px;
        font-weight: 700
    }

    .main .wrap .section2 .mList {
        text-align: center;
        margin-top: 24px
    }

        .main .wrap .section2 .mList li {
            width: 180px;
            display: inline-block;
            border-right: 1px solid rgba(28,31,33,.1)
        }

            .main .wrap .section2 .mList li:last-child {
                border-right: none
            }

            .main .wrap .section2 .mList li h5 {
                font-size: 20px;
                color: #f20d0d;
                line-height: 20px;
                text-align: center;
                font-weight: 700
            }

            .main .wrap .section2 .mList li h6 {
                font-size: 14px;
                color: #1c1f21;
                line-height: 22px;
                text-align: center;
                margin-top: 4px
            }

    .main .wrap .section2 .bList {
        margin-top: 32px;
        text-align: center
    }

        .main .wrap .section2 .bList li {
            width: 216px;
            margin-right: 24px;
            display: inline-block;
            vertical-align: top
        }

            .main .wrap .section2 .bList li:last-child {
                margin-right: 0
            }

            .main .wrap .section2 .bList li a {
                display: inline-block;
                width: 100%;
                height: 100%
            }

            .main .wrap .section2 .bList li .img {
                background-image: url(/images/join/bg2.jpg);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                background-position: top center;
                border-radius: 12px;
                width: 216px;
                height: 118px
            }

            .main .wrap .section2 .bList li p {
                font-size: 16px;
                color: #2b333b;
                line-height: 22px;
                margin-top: 12px;
                margin-bottom: 8px;
                width: 200px;
                text-align: left;
                font-weight: 700
            }

            .main .wrap .section2 .bList li .label {
                text-align: left
            }

                .main .wrap .section2 .bList li .label span {
                    font-size: 12px;
                    color: #9199a1;
                    line-height: 18px
                }

                    .main .wrap .section2 .bList li .label span:last-child {
                        margin-right: 0
                    }

                .main .wrap .section2 .bList li .label .imv2-dot_samll {
                    font-size: 16px;
                    color: #9199a1;
                    line-height: 18px;
                    vertical-align: middle
                }

                .main .wrap .section2 .bList li .label .imv2-set-sns {
                    font-size: 12px;
                    color: #9199a1;
                    line-height: 18px
                }

    .main .wrap .section3 {
        text-align: center
    }

        .main .wrap .section3 h3 {
            font-size: 24px;
            color: #1c1f21;
            line-height: 36px;
            text-align: center;
            font-weight: 700;
            margin-bottom: 24px
        }

        .main .wrap .section3 .item-box {
            width: 168px;
            margin: 24px 68px;
            display: inline-block
        }

            .main .wrap .section3 .item-box .img {
                width: 64px;
                height: 64px;
                margin: 0 auto;
                background-image: url(/images/join/s1.png);
                barkground-repeat: no-repeat;
                background-size: 100%;
                background-position: top center
            }

            .main .wrap .section3 .item-box .img2 {
                background-image: url(/images/join/s2.png)
            }

            .main .wrap .section3 .item-box .img3 {
                background-image: url(/images/join/s3.png)
            }

            .main .wrap .section3 .item-box .img4 {
                background-image: url(/images/join/s4.png)
            }

            .main .wrap .section3 .item-box .img5 {
                background-image: url(/images/join/s5.png)
            }

            .main .wrap .section3 .item-box .img6 {
                background-image: url(/images/join/s6.png)
            }

            .main .wrap .section3 .item-box p {
                font-size: 16px;
                color: #1c1f21;
                text-align: center;
                line-height: 24px;
                margin-top: 12px;
                font-weight: 700
            }

            .main .wrap .section3 .item-box span {
                font-size: 12px;
                color: #545c63;
                text-align: center;
                line-height: 18px;
                margin-top: 7px
            }

    .main .wrap .section4 {
        text-align: center
    }

        .main .wrap .section4 h3 {
            font-size: 24px;
            color: #1c1f21;
            line-height: 36px;
            margin-bottom: 12px;
            font-weight: 700
        }

        .main .wrap .section4 .img {
            display: inline-block;
            width: 160px;
            height: 100px;
            background-image: url(/images/join/c1.jpg);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-position: top center;
            margin: 24px 12px;
            border-radius: 12px;
            border: 1px solid #ddd
        }

        .main .wrap .section4 .img2 {
            background-image: url(/images/join/c2.jpg)
        }

        .main .wrap .section4 .img3 {
            background-image: url(/images/join/c3.jpg)
        }

        .main .wrap .section4 .img4 {
            background-image: url(/images/join/c4.jpg)
        }

        .main .wrap .section4 .img5 {
            background-image: url(/images/join/c5.jpg)
        }

        .main .wrap .section4 .getServerBtn {
            margin: 48px auto 0;
            background: #f20d0d;
            border-radius: 24px;
            padding: 0 24px;
            font-size: 16px;
            color: #fff;
            text-align: center;
            line-height: 48px;
            display: inline-block
        }

.main .bottom {
    width: 1152px;
    height: 336px;
    background: url(/images/join/bg3.jpg) no-repeat;
    background-size: cover;
    backgorund-position: top center;
    padding: 64px 120px;
    box-sizing: border-box;
    box-shadow: 0 4px 8px 0 rgba(28,31,33,.1);
    border-radius: 12px;
    margin: 0 auto;
    position: relative;
    top: -32px
}

    .main .bottom h2 {
        font-size: 40px;
        color: #f20d0d;
        line-height: 60px;
        font-weight: 700
    } 

    .main .bottom p {
        font-size: 16px;
        color: #1c1f21;
        line-height: 24px;
        margin-top: 12px;
        width: 427px
    }