#app{
    background-color: #fff;
}
/* 海报 */
.first-page{
    width: 100%;
    min-height: 48.958vw;
    background: url('https://files.myuwell.com/uwell/event/caliburn-g3-pro/banner.png') center no-repeat;
    background-size: cover;
    position: relative;
}
.first-page .content{
    position: absolute;
    left: 8.75vw;
    top: 9.6875vw;
    font-family: 'Montserrat Regular';
}
.first-page .content .title {
    width: 43.23vw;
}
.first-page .content .mo {
    display: none;
}
.first-page .content .text{
    font-size: 3.02vw;
    margin: 1.45vw 0 0.65vw 0;
}
.first-page .content .time{
    font-size: 1.56vw;
    margin-bottom: 2.375vw;
}
.first-page .content .tip {
    color: #ff0101;
    max-width: 31.15vw;
    min-height: 1.66vw;
    border: 1px solid #ff0101;
    border-radius: 0.83vw;
    font-size: 1.05vw;
    display: flex;
    align-items: center;
    padding: 0 0.625vw;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
}

@font-face {
    font-family: "Montserrat BoldItalic";
    font-display: swap;
    src: url("https://files.myuwell.com/uwell/u4/fonts/Montserrat-BoldItalic.otf");
}
@font-face {
    font-family: "Montserrat MediumItalic";
    font-display: swap;
    src: url("https://files.myuwell.com/uwell/u4/fonts/Montserrat-MediumItalic.otf");
}
.second-page {
    width: 100%;
    padding-top: 2.08vw;
}
.second-page .title {
    width: 100%;
    font-family: "Montserrat BoldItalic";
    color: #006bb0;
    font-size: 3.4375vw;
    text-align: center;
}
.second-page .swiper-box {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 6.04vw;
}
.second-page .swiper-box .swiper {
    width: 90vw;
    height: 100%;
    overflow-x: hidden;
    padding-bottom: 4vw;
    position: relative;
} 
.second-page .swiper-box .swiper .left-box {
    height: 100%;
    width: 8.3vw;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.second-page .swiper-box .swiper .right-box {
    height: 100%;
    width: 8.3vw;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.second-page .swiper-box .swiper .swiper-wrapper {
    display: flex;
    align-items: flex-end;
}
.second-page .swiper-box .swiper .swiper-slide {
    height: 100%;
    position: relative;
}
.second-page .swiper-box .swiper .swiper-slide img {
    width: 100%;
}
.second-page .swiper-box .swiper .swiper-slide .name {
    width: 100%;
    height: 2vw;
    position: absolute;
    font-size: 0.9375vw;
    font-family: 'Montserrat Medium';
    text-align: center;
    /* margin-top: 1.375vw; */
    bottom: -3.375vw;
    left: 0;
}



.three-page {
    width: 100%;
    min-height: 219.68vw;
    background: url('https://files.myuwell.com/uwell/event/caliburn-g3-pro/bg-wen.png') center no-repeat;
    background-size: cover;
    padding-bottom: 10vw;
    box-sizing: border-box;
}
.three-page .timer {
    font-family: "Montserrat BoldItalic";
    color: #006bb0;
    font-size: 2.08vw;
    text-align: center;
    margin-top: 2vw;
}
.three-page .count-down {
    color: #dc2f1f;
    font-size: 1.66vw;
    font-family: 'Montserrat Bold';
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5vw;
}
.three-page .count-down .end {
    color: #999999;
}
.three-page .count-down div {
    width: 2.08vw;
    text-align: center;
}
.three-page .count-down span {
    font-family: 'Montserrat Medium';
    margin: 0 10px;
}
.three-page .end-tip {
    width: 100%;
    color: #dc2f1f;
    font-size: 1.145vw;
    font-family: 'Montserrat Bold';
    text-align: center;
    margin-top: 0.5vw;
}
.three-page .lists {
    font-size: 1.66vw;
    font-family: 'Montserrat Medium';
    display: flex;
    justify-content: center;
    margin-top: 5.72vw;
}
.three-page .lists .content {
    max-width: 62.5vw;
}
.three-page .lists .item {
    margin-bottom: 1.875vw;
}
.three-page .lists .level span {
    font-size: 2.6vw;
    font-family: "Montserrat BoldItalic";
    color: #dc2f1f;
    margin-right: 10px;
}
.three-page .check {
    width: 100%;
    display: flex;
    justify-content: center;
}
.three-page .check div {
    min-width: 20.1vw;
    padding: 0 1.56vw;
    box-sizing: border-box;
    height: 4.68vw;
    border-radius: 2.34vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #999999;
    color: #fff;
    font-family: 'Montserrat Bold';
    font-size: 1.66vw;
    cursor: pointer;
    user-select: none;
    margin-top: 3vw;
}
.three-page .check .actives {
    background: #dc2f1f;
}
.three-page .share-title {
    width: 100%;
    text-align: center;
    font-family: "Montserrat BoldItalic";
    color: #006bb0;
    font-size: 3.437vw;
    margin-top: 7.7vw;
    margin-bottom: 1.6vw;
}
.three-page .share-text {
    width: 100%;
    text-align: center;
    font-family: 'Montserrat Medium';
    font-size: 1.66vw;
    margin-bottom: 5.8vw;
}
.three-page .step-box {
    font-family: "Montserrat MediumItalic";
    font-size: 1.66vw;
    width: 100%;
    padding-left: 13.2vw;
    box-sizing: border-box;
}
.three-page .step-box span {
    color: #dc2f1f;
    font-size: 2.6vw;
    font-family: "Montserrat BoldItalic";
    margin-right: 0.83vw;
}
.three-page .share-img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 4vw 0;
}
.three-page .share-img .imgs {
    width: 29.16vw;
    border: 0.26vw solid #dc2f1f;
    margin-right: 1.56vw;
}
.three-page .share-img .down {
    cursor: pointer;
    width: 2.08vw;
    height: 2.29vw;
    background: url('https://files.myuwell.com/uwell/event/caliburn-g3-pro/download.png') center no-repeat;
    background-size: 100% 100%;
}
.three-page .copy-box {
    width: 74.43vw;
    min-height: 18.85vw;
    background: #e5f0f7;
    border-radius: 2vw;
    border: 0.26vw solid #006bb0;
    margin: 4vw auto;
    padding: 2.187vw;
    box-sizing: border-box;
    text-align: center;
}
.three-page .copy-box .text {
    font-size: 1.66vw;
    font-family: 'Montserrat Regular';
    text-align: center;
}
.three-page .copy-box .tag {
    font-size: 1.66vw;
    font-family: 'Montserrat Regular';
    text-align: center;
    color: #dc2f1f;
    margin: 2.5vw 0;
}
.three-page .copy-box .copy {
    font-family: 'Montserrat Bold';
    border-radius: 1.4vw;
    background: #dc2f1f;
    color: #fff;
    font-size: 1.66vw;
    cursor: pointer;
    padding: 0.5vw 2vw;
    user-select: none;
}
.three-page .media-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4vw 0;
}
.three-page .media-list img {
    width: 4.06vw;
    margin: 0 4.5vw;
    cursor: pointer;
    transition: all 0.25s linear;
}
.three-page .media-list img {
    &:hover {
        transform: scale(1.1);
    }
}
.three-page .mess-title {
    width: 100%;
    color: #006bb0;
    font-size: 1.66vw;
    font-family: "Montserrat BoldItalic";
    text-align: center;
    margin-bottom: 3vw;
}
.form-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.form-box .form-wrapper {
    width: 38.125vw;
}
.form-wrapper .form-items {
    width: 100%;
    display: flex;
    align-items: center;
}
.form-wrapper .error {
    color: #dc2f1f;
    font-size: 12px;
    font-family: 'Montserrat Medium';
    margin: 0.3vw 0 1.6vw 0;
    padding-left: 4px;
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.25s linear;
}
.form-wrapper .showerr {
    opacity: 1;
}
.form-wrapper .form-items .lebel {
    font-size: 1.66vw;
    font-family: 'Montserrat Medium';
}
.form-wrapper .form-items .content {
    margin-left: 1.04vw;
    flex: 1;
}
.form-wrapper .form-items .lebel span {
    color: #dc2f1f;
}
.form-wrapper .form-items .medias {
    display: flex;
    align-items: center;
}
.form-wrapper .form-items .medias .item {
    display: flex;
    align-items: center;
    align-items: flex-end; 
    margin-right: 2.3vw;
    cursor: pointer;
}
.form-wrapper .form-items .medias .item div {
    width: 1.66vw;
}
.form-wrapper .form-items .medias div .icon {
    width: 1.927vw;
    margin-left: 0.4vw;
}
.form-wrapper .form-items .medias div .check {
    width: 1.35vw;
}
.form-wrapper .form-items .medias div .checked {
    height: 1.8vw;
}
.el-input__inner {
    height: 2.08vw !important;
    border-radius: 1.04vw !important;
    border-color: #404040 !important;
    font-family: 'Montserrat Medium';
    color: #000 !important;
}
.submit-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
}
.submit-box {
    font-family: 'Montserrat Bold';
    height: 2.8vw;
    border-radius: 1.4vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #dc2f1f;
    color: #fff;
    font-size: 1.66vw;
    cursor: pointer;
    padding: 0 2vw;
    user-select: none;
    margin-top: 2vw;
}
.submit-wrap .disabled {
    background: #999;
}
.rules {
    width: 100%;
    color: #006bb0;
    font-size: 3.4375vw;
    font-family: "Montserrat BoldItalic";
    text-align: center;
    margin: 7.4vw 0 3vw 0;
}
.rule-content {
    width: 76.43vw;
    margin: 0 auto;
    font-size: 1.66vw;
    font-family: 'Montserrat Medium';
}
.rule-content div {
    margin-bottom: 0.4vw;
}
.rule-content span {
    font-family: "Montserrat BoldItalic";
    color: #dc2f1f;
}
.rule-content .last {
    font-family: 'Montserrat Bold';
    color: #dc2f1f;
    margin-top: 2vw;
}
.el-dialog {
    width: 57.29vw !important;
    height: 24.58vw !important;
    background: url('https://files.myuwell.com/uwell/event/caliburn-g3-pro/tan.png') center no-repeat !important;
    background-size: cover !important;
    border-radius: 2.7vw !important;
}
.el-dialog__header {
    display: none;
}
.el-dialog__body {
    font-family: "Montserrat BoldItalic";
    font-size: 2.5vw !important;
    color: #006bb0 !important;
    padding: 0 10vw !important;
    height: 24.58vw !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}
.el-dialog__body .close {
    width: 2.81vw;
    position: absolute;
    top: 1vw;
    right: 2vw;
    z-index: 2;
    cursor: pointer;
}


@media(max-width:1000px) {
    .first-page {
        height: 6.68rem;
        background: url('https://files.myuwell.com/uwell/event/caliburn-g3-pro/mo/banner.png') center no-repeat;
        background-size: cover;
    }
    .first-page .content {
        width: 100%;
        top: 6.68rem;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .first-page .content .mo {
        display: block;
        margin-top: 0.52rem;
    }
    .first-page .content .pc {
        display: none;
    }
    .first-page .content .title {
        width: 6.66rem;
    }
    .first-page .content .text {
        font-size: 0.6rem;
        margin: 0.54rem 0 0.34rem 0;
        text-align: center;
    }
    .first-page .content .time {
        font-size: 0.32rem;
        margin-bottom: 0.6rem;
    }
    .first-page .content .tip {
        font-size: 0.22rem;
        min-height: 0.4rem;
        max-width: 6.6rem;
        border-radius: 0.2rem;
        padding: 0 0.12rem;
    }
    .second-page {
        padding-top: 0;
        margin-top: 5.24rem;
        width: 100%;
        min-height: 50.25rem;
        background: url('https://files.myuwell.com/uwell/event/caliburn-g3-pro/mo/bg.png') center no-repeat;
        background-size: cover;
        padding-top: 2.46rem;
        box-sizing: border-box;
    }
    .second-page .title {
        font-size: 0.6rem;
    }
    .second-page .swiper-box {
        margin-top: 1rem;
    }
    .second-page .swiper-box .swiper {
        width: 100%;
        padding-bottom: 1rem;
    }
    .second-page .swiper-box .swiper .left-box {
        display: none;
    }
    .second-page .swiper-box .swiper .right-box {
        display: none;
    }
    .second-page .swiper-box .swiper .swiper-slide {
        width: 3.2rem !important;
    }
    .second-page .swiper-box .swiper .swiper-slide .name {
        font-size: 0.18rem;
        height: 0.5rem;
        bottom: -0.85rem;
    }
    .three-page {
        background: none;
        height: auto;
        padding-bottom: 1.2rem;
    }
    .three-page .timer {
        font-size: 0.35rem;
        margin-top: 0.4rem;
    }
    .three-page .count-down {
        font-size: 0.32rem;
        margin-top: 0.12rem;
    }
    .three-page .count-down div {
        width: 0.42rem;
    }
    .three-page .count-down span {
        margin: 0 0.1rem;
    }
    .three-page .end-tip {
        font-size: 0.22rem;
        margin-top: 0.12rem;
    }
    .three-page .lists {
        font-size: 0.22rem;
        margin-top: 0.92rem;
    }
    .three-page .lists .content {
        max-width: 5.42rem;
    }
    .three-page .lists .item {
        margin-bottom: 0.32rem;
    }
    .three-page .lists .level span {
        font-size: 0.32rem;
        margin-right: 0.08rem;
    }
    .three-page .check div {
        min-width: 2.7rem;
        padding: 0 0.16rem;
        height: 0.62rem;
        border-radius: 0.31rem;
        font-size: 0.22rem;
        margin-top: 0.5rem;
    }
    .three-page .share-title {
        font-size: 0.6rem;
        margin-top: 1.45rem;
        margin-bottom: 0.2rem;
    }
    .three-page .share-text {
        font-size: 0.22rem;
        margin-bottom: 0.78rem;
    }
    .three-page .step-box {
        font-size: 0.22rem;
        padding-left: 0.87rem;
    }
    .three-page .step-box span {
        font-size: 0.32rem;
        margin-right: 0.1rem;
    }
    .three-page .share-img {
        margin: 0.5rem 0;
        flex-direction: column;
        align-items: center;
    }
    .three-page .share-img .imgs {
        width: 5.72rem;
        border: 0.05rem solid #dc2f1f;
        margin-right: 0;
    }
    .three-page .share-img .down {
        margin-top: 0.3rem;
        width: 0.48rem;
        height: 0.5rem;
        background: url('https://files.myuwell.com/uwell/event/caliburn-g3-pro/download.png') center no-repeat;
        background-size: 100% 100%;
    }
    .three-page .copy-box {
        width: 5.72rem;
        min-height: 3rem;
        border-radius: 0.4rem;
        border: 0.05rem solid #006bb0;
        margin: 0.5rem auto;
        padding: 0.3rem;
    }
    .three-page .copy-box .text {
        font-size: 0.22rem;
    }
    .three-page .copy-box .tag {
        font-size: 0.22rem;
        margin: 0.36rem 0;
    }
    .three-page .copy-box .copymo {
        max-width: 1.2rem;
        border-radius: 0.25rem;
        font-size: 0.22rem;
        padding: 0.1rem 0.36rem;
        background: #dc2f1f;
        color: #fff;
        font-family: 'Montserrat Bold';
        cursor: pointer;
        user-select: none;
        margin: 0 auto;
    }
    .three-page .media-list {
        margin: 0.5rem auto;
    }
    .three-page .media-list img  {
        width: 0.58rem;
        margin: 0 0.28rem;
    }
    .three-page .mess-title {
        font-size: 0.22rem;
        margin-bottom: 0.4rem;
        padding: 0 0.86rem;
        box-sizing: border-box;
    }
    /* ------------------------------------------------------ */
    .form-box .form-wrapper {
        width: 5.84rem;
    }
    .form-wrapper .form-items {
        height: 0.6rem;
    }
    .form-wrapper .error {
        height: 0.24rem;
        margin: 0.1rem 0 0.2rem 0;
        font-size: 0.18rem;
    }
    .form-wrapper .form-items .lebel {
        font-size: 0.22rem;
        height: 0.6rem;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }
    .form-wrapper .form-items .content {
        margin-left: 0.12rem;
        height: 0.6rem;
        display: flex;
        align-items: center;
    }
    .form-wrapper .form-items .medias .item {
        margin-right: 0.3rem;
    }
    .form-wrapper .form-items .medias .item div {
        width: 0.3rem;
        height: 0.3rem;
        display: flex;
        align-items: center;
    }
    .form-wrapper .form-items .medias div .icon {
        width: 0.32rem;
        margin-left: 0.05rem;
    }
    .form-wrapper .form-items .medias div .check {
        width: 0.22rem;
    }
    .form-wrapper .form-items .medias div .checked {
        height: 0.3rem;
    }
    .el-input__inner {
        height: 0.6rem !important;
        border-radius: 0.3rem !important;
    }
    /* ------------------------------------------------------ */
    .submit-box {
        height: 0.62rem;
        border-radius: 0.31rem;
        font-size: 0.22rem;
        padding: 0 0.5rem;
        margin-top: 0.82rem;
    }
    .rules {
        font-size: 0.6rem;
        margin: 1.06rem 0 0.56rem 0;
    }
    .rule-content {
        width: 6.48rem;
        font-size: 0.22rem;
    }
    .rule-content div {
        margin-bottom: 0.1rem;
    }
    .rule-content .last {
        margin-top: 0.32rem;
    }
    .el-dialog {
        width: 5.76rem !important;
        height: 2.5rem !important;
        border-radius: 0.32rem !important;
        background: url('https://files.myuwell.com/uwell/event/caliburn-g3-pro/mo/tan.png') center no-repeat !important;
    background-size: cover !important;
    }
    .el-dialog__body {
        font-size: 0.25rem !important;
        padding: 0 0.82rem !important;
        height: 2.5rem !important;
    }
    .el-dialog__body .close  {
        width: 0.3rem;
        top: 0.1rem;
        right: 0.2rem;
    }
    .el-message {
        width: 90% !important;
        min-width: auto !important;
        padding: 0.15rem !important;
    }
    .el-message__content {
        font-size: 0.28rem !important;
    }
    .el-message__icon {
        font-size: 0.28rem !important;
    }
}