/* 加码好礼 */
.reach-reward {
    background: url("../image/section2/bg.png") no-repeat center top;
    background-size: 100%;
    width: 100%;
    position: relative;
}

.reach-title {
    width: 5.54rem;
    height: 1.34rem;
    margin: 0 auto;
    background: url("../image/section2/title.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 1.32rem;
    right: 4.6rem;
}

.reach-reward .order-count {
    height: 0.83rem;
    position: absolute;
    top: 1.1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}

.count {
    display: flex;
    align-items: center;
}

.count-text {
    width: 2.4rem;
    height: 0.25rem;
    background: url(../image/section6/cont-text.png) no-repeat;
    background-size: 100%;
    margin-right: 0.1rem;
}

.reach-reward .count span {
    font-size: 0.28rem;
    color: #f16d15;
    font-weight: 700;
}

.reach-reward .reach-clock {
    position: absolute;
    width: 6.66rem;
    height: 6.69rem;
    background-image: url(../image/section2/reach-clock-0.png);
    background-repeat: no-repeat;
    background-size: 100%;
    top: 1.5rem;
    left: 6.16rem;
}

.reach-reward .reach-clock.task_1 {
    background-image: url(../image/section2/reach-clock-3.png);
}

.reach-reward .reach-clock.task_2 {
    background-image: url(../image/section2/reach-clock-6.png);
}

.reach-reward .reach-clock.task_3 {
    background-image: url(../image/section2/reach-clock-9.png);
}

.reach-reward .reach-clock.task_4 {
    background-image: url(../image/section2/reach-clock-12.png);
}

.reach-list {
    width: 100%;
    position: absolute;
    height: 2.86rem;
    top: 4.7rem;
}

.reach-list li {
    position: absolute;
    width: 1.53rem;
    height: 2.86rem;
    background-size: 100%;
    background-repeat: no-repeat;
    /* filter: grayscale(100%); */
}

.reach-list li.active {
    filter: grayscale(0);
}


.reach-list li img {
    width: 1.01rem;
    height: 0.77rem;
    display: none;
    position: absolute;
    right: -0.12rem;
    top: 0.75rem;
}

.reach-list li.active img {
    display: block;
}

.reach-list li:nth-child(1) {
    background-image: url(../image/section2/reach-no-1-not.png);
    /* left: 11.5rem; */
    left: 8.55rem;
    top: -1.4rem;
}

/* .reach-list li.active:nth-child(1) {
    background-image: url(../image/section2/reach-no-1.png);
} */

.reach-list li:nth-child(2) {
    background-image: url(../image/section2/reach-no-2-not.png);
    left: 10.27rem;
    top: -1.4rem;
}

/* .reach-list li.active:nth-child(2) {
    background-image: url(../image/section2/reach-no-2.png);
} */

.reach-list li:nth-child(3) {
    background-image: url(../image/section2/reach-no-3-not.png);
    top: -1.4rem;
    left: 11.96rem;
}

/* .reach-list li.active:nth-child(3) {
    background-image: url(../image/section2/reach-no-3.png);
} */

.reach-list li:nth-child(4) {
    background-image: url(../image/section2/reach-no-4-not.png);
    left: 13.66rem;
    top: -1.4rem;
}

/* .reach-list li.active:nth-child(4) {
    background-image: url(../image/section2/reach-no-4.png);
} */

.numList-bg {
    display: flex;
    /* justify-content: space-around; */
    position: relative;
    top: -0.33rem;
}

.numList-bg li:nth-child(1) {
    width: 0.74rem;
    height: 0.74rem;
    background: url(../image/section6/reach.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.5rem;
}

.numList-bg li:nth-child(2) {
    width: 0.74rem;
    height: 0.74rem;
    background: url(../image/section6/reach.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 2.75rem;
}

.numList-bg li:nth-child(3) {
    width: 0.74rem;
    height: 0.74rem;
    background: url(../image/section6/reach.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    margin-left: -0.37rem;
}

.numList-bg li:nth-child(4) {
    width: 0.74rem;
    height: 0.74rem;
    background: url(../image/section6/reach.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 7.3rem;
}

.numList-bg li:nth-child(5) {
    width: 0.74rem;
    height: 0.74rem;
    background: url(../image/section6/reach.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0.5rem;
}

.numList-bg li.numContent-active {
    width: 0.76rem;
    height: 0.73rem;
    background: url(../image/section6/reach-active.png) no-repeat;
    background-size: 100%;
}

.Community {
    width: 3.09rem;
    height: 1.55rem;
    position: absolute;
    top: 5.8rem;
    left: 7.6rem;
    cursor: pointer;
}

.reach-text {
    width: 6.3rem;
    height: 0.65rem;
    position: absolute;
    top: 8.2rem;
    left: 50%;
    margin-left: -3.15rem;
}

.reach-reward .btn-xia {
    bottom: -0.5rem;
}

/* 底部盒子 */
.section2_box {
    width: 4.75rem;
    height: 2.15rem;
    position: absolute;
    top: 6.75rem;
    right: 4.95rem;
    /* background-color: #f16d15; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/* 小標題 */
.section2_ftl {
    width: 2.50rem;
    height: .34rem;
    background: url(../image/section2/title2.png) no-repeat;
    background-size: 100%;
    margin: 0 auto;
}

.set_fbox {
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
}

.set_btns {
    width: 1.92rem;
    display: flex;
    flex-direction: column;
    position: relative;
    top: -.25rem;
}

.set_btns .order-store-ios {
    display: inline-block;
    width: 1.92rem;
    height: .56rem;
    background: url(../image/section2/section_ios.png) no-repeat;
    background-size: 100%;
    margin-bottom: .15rem;
    margin-left: .15rem;
}


.set_btns .order-store-gp {
    display: inline-block;
    width: 1.92rem;
    height: .56rem;
    background: url(../image/section2/section_gp.png) no-repeat;
    background-size: 100%;
    margin-left: .15rem;
}


/* 视频背景 */
.set-video {
    width: 2.26rem;
    height: 1.28rem;
    background: url(../image/section2/video-bg.png) no-repeat;
    background-size: 100%;
    position: relative;
    top: -0.28rem;
    right: -0.49rem;
}

.set-video .btn-play {
    display: inline-block;
    width: .48rem;
    height: .48rem;
    background: url(../image/section2/btn-play.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}