/* 背景 */
.container {
    width: 100vw;
    min-height: 100vh;
    background: url(../img/beijing2.png), linear-gradient(to right, #2f0475, #43009a, #2f0475);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

/* LOGO */
.header {
    width: 36vw;
    height: 6.93vw;
    margin: auto;
    padding-top: 4.93vw;
    display: flex;
    justify-content: space-between;
}

.img_1 {
    width: 9.6vw;
    height: 6.93vw;
}

.img_2 {
    width: 20.4vw;
    height: 6.13vw;
    margin-top: 0.8vw;
}

.box_1 {
    width: 82.933vw;
    height: 57.6vw;
    margin: auto;
    text-align: center;
    position: relative;
}

.img_3 {
    width: 39.867vw;
    height: 39.867vw;
    margin-top: 10.733vw;
}

.drawers_1 {
    width: 46.667vw;
    height: 12.333vw;
    background-image: url(../img/19.png);
    background-size: cover;
    left: 50%;
    margin-left: -23vw;
    margin-top: -10.5vw;
    position: absolute;
}

.drawers_1 p {
    margin-top: 6.5vw;
    font-size: 5vw;
    font-weight: bolder;
    line-height: 2vw;
    color: #a15e47;
}

/* 权益展示 */
.box_2 {
    width: 87.2vw;
    height: auto;
    margin: auto;
    margin-top: 26vw;
    border-radius: 4vw;
    border: solid 0.8vw #c519e5;
}

.maip-1{
    width: 63.6vw;
	height: 11vw;
    margin: auto;
    margin-top: -5.5vw;
    background-image: url(../img/27.png);
    background-size: 100% 100%;
    text-align: center;
}

.maip-1>p{
    font-size: 5.6vw;
    font-weight: bold;
    line-height: 11vw;
    letter-spacing: 0.3vw;
    color: #c519e5;
}

.group {
    width: 82.5vw;
    height: 88vw;
    margin: auto;
    padding-top: 5.6vw;
    overflow: hidden;
}

.dot {
    width: 25.87vw;
    height: 26.4vw;
    margin: 0.8vw;
    margin-bottom: 2vw;
    background-image: url(../img/28.png);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dot>img {
    width: 14.8vw;
    height: 14.8vw;
    margin-top: 3.07vw;
    margin-bottom: 2.13vw;
}

.dot>p {
    font-weight: bold;
    font-size: 3.4vw;
    line-height: 3.4vw;
    letter-spacing: 0.307vw;
    color: #694a3e;
}

.slict{
    left: 50%;
    margin-left: -12.935vw;
    margin-bottom: 5vw;
}

/* 折叠 */
.maip-2 {
    width: 87.2vw;
    height: 5vw;
    margin-top: 1vw;
    margin-bottom: 4.8vw;
    display: flex;
    justify-content: center;
}

.maip-2>p {
    height: 5vw;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 3.8vw;
    line-height: 5vw;
    letter-spacing: 0.307vw;
    color: #fcc0a7;
}
.maip-2>img{
    width: 5vw;
    height: 5vw;
}

.btn_1 {
    width: 86vw;
    height: 8.67vw;
    margin-top: 3.73vw;
    margin-left: 7vw;
    background-color: #c519e5;
    border-radius: 4.33vw;
    border: 0;
    font-weight: 550;
    font-size: 4.8vw;
    line-height: 8.67vw;
    letter-spacing: 1vw;
    color: #ffffff;
}

/* 免费权益 */
.box_5{
    width: 87.2vw;
    height: 98.7vw;
    margin: auto;
    margin-top: 9.2vw;
    text-align: center;
}
.box_5>img{
    width: 66.7vw;
    height: 5.6vw;
    margin-bottom: 5.2vw;
}
.maip_3{
    width: 90.3vw;
    height: 24.9vw;
    margin-bottom: 4.4vw;
    display: flex;
    justify-content: space-between;
}
.maip_3>img{
    width: 42.7vw;
    height: 24.9vw;
}

/* 活动说明 */
.box_3 {
    width: 38.399vw;
    height: 5.333vw;
    margin: auto;
    margin-top: 6.4vw;
    display: flex;
    justify-content: space-between;
}

.box_3>img {
    width: 8.667vw;
    height: 1.6vw;
    margin-top: 1.766vw;
}

.box_3>p {
    font-size: 4vw;
    line-height: 5.333vw;
    letter-spacing: 0.307vw;
    color: #fcc0a7;
}

.box_4 {
    width: 85.867vw;
    margin: auto;
    margin-top: 5.333vw;
}

.box_4>p {
    font-size: 2.933vw;
    line-height: 5.333vw;
    letter-spacing: -0.027vw;
    color: #fcc0a7;
}

/* 二维码 */
.box_6{
    width: 76.3vw;
    height: 23vw;
    margin: auto;
    margin-top: 6vw;
    padding-bottom: 14vw;
}
.box_6>img{
    width: 76.3vw;
    height: 23vw;
}

/* 右侧悬浮按钮 */
.rightBtn {
    position: fixed;
    width: 15vw;
    height: 15vw;
    z-index: 999;
    top:50%;
    right: 0;
}
.rightBtn>img{
    width: 15vw;
    height: 15vw;
}

/* 登录弹窗 */
body .layer-login {
    border-radius: 4vw;
}

.login {
    width: 90vw;
    height: 75vw;
}

.dotted {
    width: 80vw;
    height: 65vw;
    margin-left: 5vw;
    margin-top: 10vw;
}

.content {
    width: 80vw;
    height: 15vw;
    border-bottom: solid 1px #e5e5e5;
    display: flex;
    align-items: center;
}

.content>p {
    width: 25vw;
    height: 10vw;
    font-size: 3.5vw;
    font-weight: 600;
    line-height: 10vw;
    letter-spacing: 0.2vw;
}

.content>input {
    width: 35vw;
    height: 10vw;
    border: 0;
    font-size: 3.5vw;
    line-height: 10vw;
    letter-spacing: 0.2vw;
}

.content>img {
    width: 20vw;
    height: 8vw;
}

.content>button {
    width: 20vw;
    height: 8vw;
    background-color: white;
    border: 0;
    color: dodgerblue;
    font-size: 3.5vw;
    line-height: 10vw;
}

.btn_2 {
    width: 80vw;
    height: 10vw;
    margin-top: 10vw;
    border: 0;
    border-radius: 5vw;
    background: linear-gradient(to right, rgb(61, 137, 190), rgb(61, 51, 190));
    /* background-color: #c519e5; */
    color: #fff;
    font-size: 4vw;
    line-height: 10vw;
    letter-spacing: 1vw;
}