@charset "UTF-8";

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

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

img {
    border: 0 none;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

textarea {
    resize: none
}

em,
i,
strong {
    font-style: normal;
    font-weight: 400
}

del {
    text-decoration: line-through
}

input::-ms-clear {
    display: none !important
}

button[disabled],
input[disabled] {
    cursor: default
}

button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select {
    font-size: 100%;
    font-weight: 400;
    font-family: inherit;
    outline: 0
}

a {
    text-decoration: none;
    color: #666
}

body {
    font: 12px/1.5 "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    color: #333;
    background: #fff
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

body {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 480px
}

.yuandian-box {
    overflow: hidden;
    margin: 0 auto;
    width: 9rem
}

.yuandian {
    padding: 10px 0;
    width: 9.5rem;
    height: .25rem
}

.yuandian.ani .option:first-child {
    -webkit-animation: yuandianFree 3.6s .3s linear both;
    animation: yuandianFree 3.6s .3s linear both
}

.yuandian.ani .option:nth-child(2) {
    -webkit-animation: yuandianFree 3.3s .6s linear both;
    animation: yuandianFree 3.3s .6s linear both
}

.yuandian.ani .option:nth-child(3) {
    -webkit-animation: yuandianFree 3s .9s linear both;
    animation: yuandianFree 3s .9s linear both
}

.yuandian.ani .option:nth-child(4) {
    -webkit-animation: yuandianFree 2.7s 1.2s linear both;
    animation: yuandianFree 2.7s 1.2s linear both
}

.yuandian.ani .option:nth-child(5) {
    -webkit-animation: yuandianFree 2.4s 1.5s linear both;
    animation: yuandianFree 2.4s 1.5s linear both
}

.yuandian.ani .option:nth-child(6) {
    -webkit-animation: yuandianFree 2.1s 1.8s linear both;
    animation: yuandianFree 2.1s 1.8s linear both
}

.yuandian.ani .option:nth-child(7) {
    -webkit-animation: yuandianFree 1.8s 2.1s linear both;
    animation: yuandianFree 1.8s 2.1s linear both
}

.yuandian.ani .option:nth-child(8) {
    -webkit-animation: yuandianFree 1.5s 2.4s linear both;
    animation: yuandianFree 1.5s 2.4s linear both
}

.yuandian.ani .option:nth-child(9) {
    -webkit-animation: yuandianFree 1.2s 2.7s linear both;
    animation: yuandianFree 1.2s 2.7s linear both
}

.yuandian.ani .option:nth-child(10) {
    -webkit-animation: yuandianFree .9s 3s linear both;
    animation: yuandianFree .9s 3s linear both
}

.yuandian.ani .option:nth-child(11) {
    -webkit-animation: yuandianFree .6s 3.3s linear both;
    animation: yuandianFree .6s 3.3s linear both
}

.yuandian.ani .option:last-child {
    -webkit-animation: yuandianFree .3s 3.6s linear both;
    animation: yuandianFree .3s 3.6s linear both
}

.yuandian .option {
    float: left;
    margin: 0 .25rem;
    border-radius: 50%;
    width: .25rem;
    height: .25rem;
    opacity: 0;
    background-color: #fffb67;
    -webkit-box-shadow: 0 0 .25rem .05rem #fffb67;
    box-shadow: 0 0 .25rem .05rem #fffb67;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

@-webkit-keyframes yuandianFree {
    from {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes yuandianFree {
    from {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.common-title {
    font-size: .7rem;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    color: #efd8ae;
    text-shadow: .05rem .05rem .05rem #2f428e
}

.benefit-title {
    height: 1.15rem;
    font-size: .5rem;
    line-height: 1.15rem;
    text-align: center;
    color: #fff
}

.banner {
    width: 100%;
    height: 12.95rem;
    background: url(../images/banner.jpg) center no-repeat;
    background-size: 100% 100%
}

.video {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.825rem 0 0;
    width: 100%;
    height: 17.575rem;
    background: url(../images/01.jpg) center no-repeat;
    background-size: 100% 100%
}

.video .video-play {
    display: block;
    margin: 0 auto;
    width: 16rem;
    height: 9rem
}

.video .video-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.15rem;
    margin-top: .4rem;
    height: 4.5rem;
    font-size: .5rem;
    font-weight: 700;
    text-align: justify;
    color: #fff
}

.product {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1.5rem;
    width: 100%;
    height: 15.95rem;
    background: url(../images/11.jpg) center no-repeat;
    background-size: 100% 100%
}

.product .common-title {
    margin: .25rem 0 0;
    padding-left: 1rem
}

.product .big-word {
    font-size: 1.05rem
}

.product .product-title {
    font-size: .5rem;
    text-align: center;
    color: #fff
}

.benefit-first {
    margin-top: -.05rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1.5rem;
    width: 100%;
    height: 29.775rem;
    background: url(../images/02.jpg) center no-repeat;
    background-size: 100% 100%
}

.benefit-first .common-title {
    margin: .7rem 0 .6rem;
    height: 1rem;
    line-height: 1rem
}

.benefit-first .small-word {
    font-size: .5rem;
    color: #fff
}

.benefit-first .benefit-f-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 6.45rem
}

.benefit-first .description-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.9rem;
    font-size: .5rem;
    color: #404040;
    opacity: .86
}

.benefit-first .description-list:first-child {
    padding-left: 8.575rem
}

.benefit-first .description-list:nth-child(2) {
    padding-left: 9.85rem
}

.benefit-first .description-list:last-child {
    padding-left: 11.175rem
}

.benefit-first .benefit-title {
    margin-bottom: .45rem
}

.benefit-first .benefit-f-time {
    font-size: .5rem;
    color: #fff
}

.benefit-first .video-play {
    display: block;
    margin: 0 auto;
    width: 16rem;
    height: 9rem
}

.benefit-first .video-list {
    display: none
}

.benefit-first .video-list:first-child {
    display: block
}

.benefit-first .benefit-f-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    width: 16rem
}

.benefit-first .check-list {
    margin-top: .25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .4rem 0 0 .45rem;
    width: 49%;
    height: 2.925rem;
    font-size: .5rem;
    color: #fff;
    background-image: linear-gradient(102deg, #292855 0, #383f82 0, #4655ae 0, #9b4886 100%), linear-gradient(#292855, #292855)
}

.benefit-first .active {
    margin-top: 0;
    padding-top: .6rem;
    height: 3.175rem;
    background-image: linear-gradient(102deg, #292855 0, #2b1787 0, #2d06b8 0, #a42f87 100%), linear-gradient(#292855, #292855)
}

.benefit-first .check-l-time {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .1rem;
    width: 2.575rem;
    height: .925rem;
    font-weight: 700;
    text-align: center;
    background: url(../images/02-06.png) center no-repeat;
    background-size: 100%
}

.benefit-first .check-l-icon {
    margin: .1rem 0 0 .4rem;
    width: .525rem;
    height: .525rem
}

.benefit-second {
    padding-top: 1.625rem;
    width: 100%;
    height: 37rem;
    background: url(../images/03.jpg) center no-repeat;
    background-size: 100% 100%
}

.benefit-second .common-title {
    margin: .375rem 0 .2rem
}

.benefit-second .benefit-s-title {
    padding: 0 1rem;
    font-size: .5rem;
    text-align: justify;
    color: #fff
}

.benefit-second .benefit-s-round {
    position: relative;
    margin: -.65rem auto 0;
    width: 16.5rem;
    height: 13.5rem
}

.benefit-second .round-list {
    position: absolute;
    border-radius: 50%;
    width: 2.2rem;
    height: 2.2rem;
    background-color: #ff1356;
    -webkit-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    opacity: .5;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.benefit-second .sy-round-list {
    top: 3.05rem;
    right: 2rem
}

.benefit-second .xa-round-list {
    top: 6.3rem;
    right: 5.9rem
}

.benefit-second .cd-round-list {
    top: 7.75rem;
    right: 7.35rem
}

.benefit-second .wh-round-list {
    top: 7.6rem;
    right: 4.1rem
}

.benefit-second .hf-round-list {
    top: 6.9rem;
    right: 3.45rem
}

.benefit-second .nj-round-list {
    top: 6.65rem;
    right: 2.75rem
}

.benefit-second .cz-round-list {
    top: 6.65rem;
    right: 2.5rem
}

.benefit-second .sh-round-list {
    top: 7rem;
    right: 2rem
}

.benefit-second .nb-round-list {
    top: 7.5rem;
    right: 2.1rem
}

.benefit-second .fz-round-list {
    top: 9rem;
    right: 2.45rem
}

.benefit-second .qz-round-list {
    top: 9.35rem;
    right: 2.5rem
}

.benefit-second .benefit-s-swiper {
    margin: .85rem auto .6rem;
    width: 17rem;
    height: 9.75rem
}

.benefit-second .swiper-s-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .5rem;
    width: 100%;
    height: 2.1rem;
    font-size: .5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #000;
    background-color: #e6d295
}

.benefit-second .swiper-s-list:nth-child(odd) {
    background-color: #fff
}

.benefit-second .list-name {
    width: 10%
}

.benefit-second .list-time {
    width: 50%;
    text-align: center
}

.benefit-second .list-btn {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .3rem;
    padding-left: .5rem;
    width: 3.8rem;
    height: 1.2rem;
    font-weight: 700;
    line-height: 1.2rem;
    color: #fff;
    background-image: linear-gradient(91deg, rgba(244, 9, 197, .71) 0, rgba(0, 36, 255, .71) 100%), linear-gradient(#ff1356, #ff1356)
}

.benefit-second .list-btn::after {
    content: "";
    position: absolute;
    top: .35rem;
    left: 2.8rem;
    width: .45rem;
    height: .5rem;
    background: url(../images/03-02.png) center no-repeat;
    background-size: 100%
}

.benefit-second .benefit-s-pagination {
    bottom: 0
}

.benefit-second .swiper-pagination-bullet {
    background: #948485
}

.benefit-second .swiper-pagination-bullet-active {
    background: #da3c3b
}

.benefit-second .benefit-s-banner {
    position: relative;
    margin: 0 auto;
    width: 17.75rem;
    height: 4.05rem;
    background: url(../images/03-03.png) center no-repeat;
    background-size: 100%
}

.benefit-second .benefit-btn {
    position: absolute;
    top: 2.45rem;
    left: 10.05rem;
    width: 3.05rem;
    height: .9rem
}

@-webkit-keyframes warn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .1
    }

    60% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes warn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .1
    }

    60% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.youhui {
    margin-top: -.05rem;
    width: 100%;
    height: 24.75rem;
    background: url(../images/03-01.jpg) center no-repeat;
    background-size: 100%
}

.youhui .common-title {
    margin-bottom: .25rem
}

.youhui .youhui-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.35rem 0 3.35rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 17.05rem;
    height: 1.75rem;
    font-size: .6rem;
    font-weight: 700;
    color: #fff;
    background-image: linear-gradient(-10deg, #d93485 0, #3103d4 100%), linear-gradient(#5577ce, #5577ce)
}

.youhui .youhui-swiper {
    width: 17.05rem;
    height: 19.75rem;
    background-color: #fff
}

.youhui .swiper-s-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .55rem;
    font-size: .5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px dashed #aaa;
    height: 3.05rem
}

.youhui .list-txt {
    color: #333
}

.youhui .red-word {
    color: #df3c26
}

.youhui .list-btn {
    width: 3.8rem;
    height: 1.2rem;
    font-weight: 700;
    line-height: 1.2rem;
    text-align: center;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#db3c3c), to(#db3c3c)), -webkit-gradient(linear, left top, left bottom, from(#fb9f0d), to(#fb9f0d));
    background-image: linear-gradient(#db3c3c, #db3c3c), linear-gradient(#fb9f0d, #fb9f0d);
    border-radius: .25rem;
    border: solid 1px rgba(255, 255, 255, .35)
}

.youhui .youhui-pagination {
    bottom: .1rem
}

.youhui .swiper-pagination-bullet {
    background-color: #6a6a6a
}

.youhui .swiper-pagination-bullet-active {
    background: #db3c3c
}

.benefit-third {
    padding-top: 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 34.05rem;
    background: url(../images/04.jpg) center no-repeat;
    background-size: 100%
}

.benefit-third .common-title {
    margin: .4rem 0 .5rem
}

.benefit-third .benefit-t-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2.15rem;
    width: 17.25rem;
    height: 1.125rem;
    font-size: .5rem;
    font-weight: 700;
    color: #fff
}

.benefit-third .big-word {
    margin-right: 3rem;
    font-size: .8rem
}

.benefit-third .through-word {
    text-decoration: line-through
}

.benefit-third .benefit-t-gift {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2.55rem auto 2.65rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .55rem 0 .55rem 1.2rem;
    width: 17.05rem;
    height: 7.25rem
}

.benefit-third .gift-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .5rem;
    color: #1d1d1d
}

.benefit-third .gift-l-icon {
    margin-right: .45rem;
    border-radius: .2rem .2rem .2rem 0;
    width: 3.5rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(98deg, #3103d4 0, #d93485 100%), linear-gradient(#1d1d1d, #1d1d1d)
}

.benefit-third .benefit-t-course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .6rem 0 .55rem 1.1rem;
    width: 17rem;
    height: 9.6rem
}

.benefit-third .course-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .5rem
}

.benefit-third .course-l-iocn {
    margin-right: .85rem;
    border-radius: 50%;
    width: .65rem;
    height: .65rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfae68), to(#dfae68)), -webkit-gradient(linear, left top, left bottom, from(#ff9600), to(#ff9600));
    background-image: linear-gradient(#dfae68, #dfae68), linear-gradient(#ff9600, #ff9600)
}

.benefit-third .course-l-txt {
    position: relative;
    border: solid 1px #d0d0d0;
    padding: 0 .3rem;
    height: .7rem;
    line-height: .7rem
}

.benefit-third .course-l-txt:after {
    position: absolute;
    top: .2rem;
    left: -.2rem;
    content: "";
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    width: .25rem;
    height: .25rem;
    background-color: #fff;
    -webkit-transform: rotate(-29deg) skew(24deg);
    -ms-transform: rotate(-29deg) skew(24deg);
    transform: rotate(-29deg) skew(24deg)
}

.benefit-third .benefit-t-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: .5rem auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .25rem .3rem 0 4.55rem;
    width: 17.05rem;
    height: 3.5rem;
    font-size: .5rem;
    color: #fff
}

.benefit-third .time-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -.25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .75rem 0 .85rem;
    height: 3.5rem
}

.benefit-third .time-txt {
    font-weight: 700
}

.benefit-third .ewm-box {
    text-align: center
}

.benefit-third .ewm-pic {
    width: 2.4rem;
    height: 2.4rem
}

.benefit-four {
    padding-top: 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 29.9rem;
    background: url(../images/05.jpg) center no-repeat;
    background-size: 100%
}

.benefit-four .common-title {
    margin: .5rem 0 .4rem
}

.benefit-four .benefit-f-description {
    margin: .35rem 0 -.05rem;
    height: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: -1px
}

.benefit-four .benefit-f-tip {
    padding-left: 6.25rem;
    font-size: .5rem;
    font-weight: 700;
    color: #fff
}

.benefit-four .bold-word {
    font-size: .7rem;
    color: #ff9500
}

.benefit-four .benefit-f-ewm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 11.3rem auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.3rem;
    width: 16.8rem;
    height: 3.45rem;
    font-size: .5rem;
    color: #fff
}

.benefit-four .ewm-l {
    margin-right: .25rem;
    width: 2.75rem;
    height: 2.75rem
}

.benefit-four .ewm-r {
    margin: 0 .25rem 0 1.35rem;
    width: 2.6rem
}

.benefit-four .benefit-f-banner {
    position: relative;
    margin: 1.6rem auto 0;
    width: 17.75rem;
    height: 3.55rem;
    background: url(../images/33.png) center no-repeat;
    background-size: 100%
}

.benefit-four .banner-btn {
    position: absolute;
    border-radius: .3rem;
    width: 4rem;
    height: 1.25rem;
    right: 5.25rem;
    bottom: .25rem
}

.benefit-five {
    padding-top: 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 25.4rem;
    background: url(../images/06.jpg) center no-repeat;
    background-size: 100%
}

.benefit-five .common-title {
    margin: .55rem 0 .35rem
}

.benefit-five .benefit-f-description {
    margin: 5.8rem 0 6.75rem;
    height: 1.5rem;
    line-height: 1.6rem
}

.benefit-five .benefit-f-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 2.8rem 0 2.35rem
}

.benefit-five .common-btn {
    width: 4.75rem;
    height: 1.35rem;
    border-radius: .3rem
}

.benefit-five .benefit-f-enter {
    display: block;
    margin: .65rem auto 0;
    width: 15.95rem;
    height: 1.45rem
}

.benefit-six {
    padding-top: 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 24.2rem;
    background: url(../images/07.jpg) center no-repeat;
    background-size: 100%
}

.benefit-six .common-title {
    margin: .25rem 0 .05rem;
    font-style: normal
}

.benefit-six .benefit-s-form {
    margin: 5.55rem auto 0;
    width: 17.05rem;
    height: 11.35rem;
    font-size: .5rem;
    background-color: #fff
}

.benefit-six .form-title {
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-align: center;
    color: #000
}

.benefit-six .form-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto .45rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #eee;
    padding-left: .4rem;
    width: 13.85rem;
    height: 1.9rem;
    line-height: 1.9rem
}

.benefit-six .form-list .txt {
    margin-left: .3rem;
    width: 14%
}

.benefit-six .form-l-input {
    border: none;
    outline: 0;
    height: 100%;
    width: 74%
}

.benefit-six .user {
    width: .7rem;
    height: .7rem
}

.benefit-six .call {
    width: .7rem;
    height: .8rem
}

.benefit-six .home {
    width: .7rem;
    height: .7rem
}

.benefit-six .form-l-city {
    position: relative;
    padding-left: 1.3rem
}

.benefit-six .form-l-city:after {
    content: "";
    position: absolute;
    width: .35rem;
    height: .35rem;
    border: .1rem solid #eee;
    border-left: none;
    border-bottom: none;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: .75rem;
    top: .65rem
}

.benefit-six .form-l-city::before {
    content: "";
    position: absolute;
    width: .8rem;
    height: .8rem;
    background: url(../images/home.png) center no-repeat;
    background-size: 100%;
    left: .4rem;
    top: .5rem
}

.benefit-six .receive-btn {
    display: block;
    margin: 0 auto;
    width: 13.85rem;
    height: 2.2rem;
    font-size: .7rem;
    font-weight: 700;
    line-height: 2.2rem;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(91deg, rgba(244, 9, 197, .71) 0, rgba(0, 36, 255, .71) 100%), linear-gradient(#ea9111, #ea9111)
}

.footer {
    padding-top: 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 11.9rem;
    background: url(../images/08.jpg) center no-repeat;
    background-size: 100%
}

.footer .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 5rem 0 .7rem;
    padding: 0 .75rem
}

.footer .btn {
    width: 45%;
    height: 1.35rem;
    background-image: linear-gradient(102deg, #b78d4b 0, #dfae69 100%, #846b5f 100%, #292855 100%), linear-gradient(#983182, #983182);
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: .55rem;
    line-height: 1.35rem
}

.footer .bottom-txt {
    text-align: center;
    color: #fff;
    font-size: .4rem
}

.yuyue {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    display: none
}

.yuyue .yuyue-form {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 2.9rem;
    width: 17.55rem;
    height: 17.05rem;
    background: url(../images/toast.jpg) center no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.yuyue .yuyue-guanbi {
    position: absolute;
    top: .35rem;
    right: .35rem;
    width: .95rem;
    height: 1rem;
    background: url(../images/toast_guanbi.png) center no-repeat;
    background-size: 100% 100%
}

.yuyue .yuyue-f-content {
    margin: 0 auto;
    border-radius: .5rem;
    width: 15.45rem;
    height: 12.9rem;
    background-color: #fff
}

.yuyue .content-title {
    font-size: .6rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: center;
    color: #333
}

.yuyue .conten-list {
    position: relative;
    line-height: 1.95rem
}

.yuyue .list-input {
    display: block;
    margin: 0 auto .8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: .05rem solid #c8c8c8;
    border-radius: .5rem;
    padding-left: .75rem;
    width: 13rem;
    height: 1.95rem
}

.yuyue .down {
    position: absolute;
    top: .75rem;
    right: .6rem;
    width: .5rem;
    height: .4rem;
    background: url(../images/toast_icon.png) center no-repeat;
    background-size: 100% 100%
}

.yuyue .submit {
    display: block;
    margin: 0 auto;
    border: 0;
    width: 13.8rem;
    height: 2.15rem;
    background: url(../images/toast_btn.png) center no-repeat;
    background-size: 100% 100%;
    outline: 0
}

.alert-bg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 9999
}

.alert-bg .alert-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: .625rem 0;
    width: 86%;
    text-align: center;
    background-color: #fff;
    border-radius: .2rem
}

.alert-bg .alert-box:before {
    position: absolute;
    top: -2rem;
    right: .425rem;
    content: "";
    width: 0;
    height: 2rem;
    border-left: .1rem solid #ffaf15
}

.alert-bg .alert-icon {
    position: absolute;
    top: -2.625rem;
    right: 0;
    width: 1rem;
    height: 1rem;
    background: url(../images/icon_close_1.png) center no-repeat;
    background-size: 100% 100%
}

/*# sourceMappingURL=map/index.css.map */