body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, div,
dl, dt, dd, ul, ol, li, pre,
form, fieldset, legend, button, input, textarea,
th, td {
    margin: 0;
    padding: 0;
}

@media only screen and (max-width:350px) {
    html {
        font-size: 13px;
    }
}
@media only screen and (min-width:350px) and (max-width:375px) {
    html {
        font-size: 14px;
    }
}
@media only screen and (min-width:375px) and (max-width:400px) {
    html {
        font-size: 15px;
    }
}

ul,li{
    list-style: none;
}
a{
    text-decoration: none;
    color: white;
}
.display_inline{
    display: inline-block;
    vertical-align: middle;
}

/*header*/
.header{
    overflow: hidden;
}
.header .header_inline:first-child{
    margin: 2vh 0;
    vertical-align: middle;
    display: inline-block;
    width: 70vw;
}
.header .header_inline:last-child{
    margin: 2vh 0;
    vertical-align: middle;
    display: inline-block;
    width: 28vw;
}
.header img.cont_img{
    display: block;
    border-radius: 2vh;
    height: 8vh;
    margin: 0 2vh;
}

.header img.logo{
    height: 4vh;
    display: block;
}
.header .describe{
    font-size: 0.7rem;
    height: 4vh;
    line-height: 4vh;
    display: block;
}
.header .open{
    padding: 0 4vh;
    display: block;
    height: 5.5vh;
    line-height: 5.5vh;
    border-radius: 5.5vh;
    background: -webkit-linear-gradient(#ffe733, #ffcf40);
    background: -o-linear-gradient(#ffe733, #ffcf40);
    background: -moz-linear-gradient(#ffe733, #ffcf40);
    background: linear-gradient(#ffe733, #ffcf40);
}

/*content*/
.content{
    background: url(../img/bg.jpg)no-repeat center center;
    background-size: 100% 100%;
    height: 88vh;
    text-align: center;
    min-height: 125vw;
}
.content img:first-child{
    height: 4vh;
    margin-top: 4vh;
}
.content p {
    margin-top: 1.5vh;
}
.content .invitation_img{
    background: url(../img/box.png)no-repeat center top;
    background-size: 100%;
    height: 57vh;
    width: 75vw;
    margin: 0 auto;
    margin-top: 2.5vh;
    position: relative;
    min-height: 90vw;
}
.content .invitation_img p:first-child{
    position: absolute;
    top: 17vw;
    left: 50%;
    width: 65vw;
    text-align: center;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.content .invitation_img .font_word{
    position: absolute;
    top: 27vw;
    left: 50%;
    width: 60vw;
    text-align: center;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    color: #aaaaaa;

}
.content .invitation_img .invite_code{
    position: absolute;
    top: 36vw;
    left: 50%;
    width: 60vw;
    text-align: center;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    height: 15vw;
    line-height: 15vw;
    font-size: 1.5rem;
    border: none;
    background: #f5f5f5;
    border-radius: 2vw;
    font-family: SimHei;
    font-weight: 600;
    color: #323232;
}
.content .invitation_img p:last-child.btn_copy{
    position: absolute;
    top: 63vw;
    left: 50%;
    width: 60vw;
    text-align: center;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    height: 12vw;
    line-height: 12vw;
    border-radius: 2vw;
    background: -webkit-linear-gradient(#ffe733, #ffcf40);
    background: -o-linear-gradient(#ffe733, #ffcf40);
    background: -moz-linear-gradient(#ffe733, #ffcf40);
    background: linear-gradient(#ffe733, #ffcf40);
}
img.bottom_logo{
    display: block;
    height: 4vh;
    margin: 0 3vh;
    margin-top: -7vh;
}


.alert_word{
    display: none;
}