.shade2 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 11;
}

.orientation {
    display: none;
}

iframe {
    width: 100%;
    border: 0;
}

.ovh{
    height: 100%!important;
    max-height: 100%!important;
    overflow: hidden!important;
}

body {
    background-color: #1b0d0c;
}

.pop {
    display: none;
}

.main {
    position: relative;
}

.cont {
    position: relative;

}

.cont img,
.pop img {
    display: block;
    width: 100%;
}

.txt span {
    color: #f43f24;
}

.cont2-btn {
    position: absolute;
    bottom: .48rem;
    left: 50%;
    width: 4.31rem;
    height: .94rem;
    margin-left: -2.155rem;
    background: url("../img/btn02.png") no-repeat;
    background-size: 100% 100%;
}

.cont2-btn.active {
    background: url("../img/btn01.png") no-repeat;
    background-size: 100% 100%;
}

.cont2-txt {
    position: absolute;
    bottom: 1.72rem;
    width: 100%;
    padding: 0 .48rem 0 .6rem;
    color: #b94607;
    font-size: .24rem;
    line-height: .36rem;
}

.cont2-txt i {
    position: absolute;
    top: 0;
    left: .4rem;
}

.cont2-txt span {
    color: #f3916e;
}

.cont3-txt {
    position: absolute;
    bottom: 4.32rem;
    width: 100%;
    padding: 0 0 0 2.9rem;
    color: #d5933f;
    font-size: .20rem;
    line-height: .28rem;
}

.cont4-txt {
    position: absolute;
    top: .92rem;
    width: 100%;
    padding: 0 .36rem;
    color: #e8b274;
    font-size: .24rem;
    line-height: .36rem;
}

.cont4-txt2 {
    top: 6.96rem;
}

.cont4-txt2 span {
    color: #ff2927;
}

.cont9-txt {
    width: 100%;
    padding: .6rem .2rem .6rem .4rem;
    color: #e7b570;
    font-size: .24rem;
    line-height: .4rem;
}

.cont6-btn {
    position: absolute;
    bottom: .32rem;
    left: 50%;
    width: 4.31rem;
    margin-left: -2.155rem;
}

.video {
    position: absolute;
    bottom: .68rem;
    width: 100%;
    padding-left: .1rem;
}

.player {
    position: relative;
    margin: 0 auto;
    width: 5.4rem;
    height: 3rem;
}

#player1 {
    background: url("../img/video01.jpg") no-repeat;
    background-size: 100% 100%;
}

#player2 {
    background: url("../img/video02.jpg") no-repeat;
    background-size: 100% 100%;
}

.player.bgnone {
    background: transparent !important;
}

.player-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.32rem;
    height: 1.33rem;
    margin: -.66rem 0 0 -.66rem;
    background: url("../img/btn_play.png") no-repeat;
    background-size: 100% 100%;
}

.cont8 .video {
    bottom: .44rem;
}

.player video {
    display: none;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.swiper-box {
    position: absolute;
    top: 1.29rem;
    width: 100%;
}

.swiper-container {
    width: 5.4rem;
    height: 3rem;
}

.swiper-button-prev {
    width: .29rem;
    height: .42rem;
    margin-top: -.21rem;
    left: .36rem;
    background: url("../img/btn_left.png") no-repeat;
    background-size: 100% 100%;
}

.swiper-button-next {
    width: .29rem;
    height: .42rem;
    margin-top: -.21rem;
    right: .36rem;
    background: url("../img/btn_right.png") no-repeat;
    background-size: 100% 100%;
}

.pop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
}

.shade {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
}

.pop-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7rem;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
}

.pop_login .pop-box {
    height: 5.24rem;
    padding-top: 1.32rem;
    background: url("../img/pop_bg05.png") no-repeat;
    background-size: 100% 100%;
}

.pop_record .pop-box {
    height: 6.64rem;
    padding-top: 1.2rem;
    background: url("../img/pop_bg01.png") no-repeat;
    background-size: 100% 100%;
}

.pop_result .pop-box {
    height: 5.24rem;
    padding-top: 1rem;
    background: url("../img/pop_bg04.png") no-repeat;
    background-size: 100% 100%;
}

.pop_orders .pop-box {
    height: 6.64rem;
    padding-top: 1.15rem;
    background: url("../img/pop_bg02.png") no-repeat;
    background-size: 100% 100%;
}

.pop_info .pop-box {
    height: 7.73rem;
    padding-top: 1.15rem;
    background: url("../img/pop_bg03.png") no-repeat;
    background-size: 100% 100%;
}

.pop_prize .pop-box {
    height: 10.44rem;
    padding-top: .88rem;
    background: url("../img/pop_bg06.png") no-repeat;
    background-size: 100% 100%;
}

.ialert-close,
.pop-close {
    position: absolute;
    top: .3rem;
    right: .4rem;
    width: .28rem;
    height: .28rem;
    background: url("../img/pop_close.png") no-repeat;
    background-size: 100% 100%;
}

.cjwt-close {
    position: absolute;
    top: .1rem;
    right: .3rem;
    width: .28rem;
    height: .28rem;
    background: url("../img/pop_close.png") no-repeat;
    background-size: 100% 100%;
}

.pop-line {
    position: relative;
    height: .64rem;
    padding-left: 1.7rem;
    margin-top: .2rem;
}

.pop_record .pop-line {
    margin-top: .3rem;
}

.pop-hd {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    color: #fff;
    font-size: .24em;
    line-height: .64rem;
    text-align: right;
}

.pop-bd {
    position: relative;
    width: 4.62rem;
    height: .64em;
    background: url("../img/pop_box01.png") no-repeat;
    background-size: 100% 100%;
}

.pop-bd input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 .15rem;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: .24rem;
    line-height: .64rem;
}

.pop-bd .yzm {
    width: 2.4rem;
}

.yzm-btn {
    position: absolute;
    top: .055rem;
    right: .05rem;
    width: 1.9rem;
    height: .57rem;
    color: #fff;
    font-size: .24em;
    line-height: .56rem;
    text-align: center;
    background: url("../img/pop_btn02.png") no-repeat;
    background-size: 100% 100%;
}

.yzm-btn.active {
    background: url("../img/pop_btn03.png") no-repeat;
    background-size: 100% 100%;
}

.btn {
    display: block;
    width: 2.93rem;
    height: .76rem;
    margin: .48rem auto 0;
    background: url("../img/pop_btn01.png") no-repeat;
    background-size: 100% 100%;
}

.login-btn {
    margin-top: .64rem;
}

.pop-bd.select {
    background: url(../img/pop_box02.png) no-repeat;
    background-size: 100% 100%;
}

select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .64rem;
    padding: 0 .8rem 0 .15rem;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: .24em;
    line-height: .64rem;
    appearance: none;
    -webkit-appearance: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.result-txt {
    margin-top: .9rem;
    padding-left: 2.3rem;
    color: #f68f64;
    font-size: .24rem;
    line-height: .8rem;
}

.result-succeed,
.result-error {
    float: left;
    width: 2.93rem;
    height: .76rem;
    margin-top: 1.28rem;
}

.result-succeed {
    margin-left: .46rem;
    background: url("../img/pop_btn07.png") no-repeat;
    background-size: 100% 100%;
}

.result-error {
    margin-left: .38rem;
    background: url("../img/pop_btn06.png") no-repeat;
    background-size: 100% 100%;
}

.orders-txt {
    padding-left: .84rem;
    padding-right: .5rem;
    color: #ffffff;
    font-size: .24rem;
    line-height: .48rem;
}

.orders-txt p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.orders-money {
    position: absolute;
    left: .66rem;
    bottom: .45rem;
    color: #ffffff;
    font-size: .24rem;
    line-height: .6rem;
}

.orders-money span {
    color: #f68f64;
}

.orders-money span i {
    font-style: normal;
    font-size: .34rem;
    font-weight: 500;
}

.orders-btn {
    position: absolute;
    right: .45rem;
    bottom: .4rem;
    width: 2.93rem;
    height: .76rem;
    background: url("../img/pop_btn05.png") no-repeat;
    background-size: 100% 100%;
}

.info-txt {
    padding-left: .84rem;
    color: #95d9ff;
    font-size: .24rem;
    line-height: .75rem;
}

.info-btn {
    margin-top: .3rem;
}

.info-money {

}

.info-money {
    color: #ce8611;
}

.info-money i {
    font-style: normal;
    font-size: .36rem;
    font-weight: 500;
}

.cdkey {
    margin-top: .24rem;
    color: #f68f64;
    font-size: .18rem;
    text-align: left;
}

.cdkey-box {
    position: relative;
    width: 5.5rem;
    height: .44rem;
    margin: .05rem auto 0;
}

.cdkey-box input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    color: #ff222c;
    font-size: .3rem;
    line-height: .56rem;
    text-align: center;
}

.pop_prize3 .cdkey-box input {
    text-align: center;
}

.copy {
    display: block;
    width: 2.69rem;
    height: .71rem;
    border: 0;
    padding: 0;
    margin: 6.68rem auto 0;
    outline: none;
    background: url("../img/pop_btn10.png") no-repeat;
    background-size: 100% 100%;
}

.copy.android {
    width: 3.94rem;
    background: url("../img/pop_btn11.png") no-repeat;
    background-size: 100% 100%;
}

.cdkey-go {
    display: none;
    position: absolute;
    bottom: .06rem;
    right: .18rem;
    width: 1.64rem;
    height: .4rem;
    margin: .32rem 0 0 0;
    border: 0;
}

.prize-txt {
    display: none;
    padding-left: .84rem;
    color: #ffffff;
    font-size: .2rem;
    line-height: .37rem;
}

.prize-txt p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.prize-txt p span,
.orders-txt p span {
    color: #f68f64;
}

.prize-txt .prize-p,
.prize-txt .prize-money{
    color: #ff222c !important;
}

.prize-money {
    color: #ce8611 !important;
}

.prize-cdkey {
    position: relative;
    width: 5.5rem;
    height: 1rem;
    margin: .04rem auto 0;
    padding-top: .01rem;
}

.prize-text {
    display: none;
    width: 5.3rem;
    height: 1.28rem;
    margin: .96rem auto 0;
    color: #f68f64;
    font-size: .2rem;
    line-height: .38rem;
    text-align: center;
}

.prize-text span {
    color: #ff222c;
}

.prize-btn {
    width: 2.4rem;
    height: .62rem;
    margin-top: .34rem;
}

.prize-p {
    color: #ff222c;
}

.prize-nav {
    width: 5.34rem;
    height: .5rem;
    margin: 0 auto;
    background: url(../img/pop_nav01.png) no-repeat;
    background-size: 100% 100%;
}

.prize-nav.active {
    background: url(../img/pop_nav02.png) no-repeat;
    background-size: 100% 100%;
}

.yl.pop_prize .prize-text {
    text-align: left;
}

.yl.pop_prize .prize-p {
    font-size: .28rem;
    margin-top: .05rem;
    margin-bottom: .06rem;
}

.yl.pop_prize .prize-text1 {
    padding-top: .01rem;
    margin-top: 0.89rem;
    font-size: .26rem;
    line-height: .48rem;
}

.yl.pop_prize .prize-text2 {
    display: none;
}

.active.pop_prize .pop-box {
    background: url(../img/pop_bg06_0.png) no-repeat;
    background-size: 100% 100%;
}

.active.pop_prize .prize-nav {
    background: url(../img/pop_nav02.png) no-repeat;
    background-size: 100% 100%;
}

.active.pop_prize .prize-cdkey {
    display: none;
}

.active.pop_prize .prize-text,
.active.pop_prize .prize-txt {
    display: block;
}

.prize-txt3 {
    margin-top: 1.2rem;
    padding-top: 0rem;
    font-size: .26rem;
    line-height: .56rem;
    padding-right: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.prize-hint {
    margin-top: .15rem;
    font-size: .18rem;
    color: #a14e11;
    text-align: center;
}

.shade3 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 11;
}

.shade3:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
}

.shade3 .shade-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 6.7rem;
    height: 7.86rem;
    background: url("../img/shade3.png") no-repeat;
    background-size: 100% 100%;
}

.shade-close {
    display: block;
    width: 2.9rem;
    height: .8rem;
    position: absolute;
    bottom: 0;
    left: 1.6rem;
}

.ialert {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 11;
}

.ialert:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
}

.ialert-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.5rem;
    height: 10.83rem;
    background: url("../img/pop_bg08.png") no-repeat;
    background-size: 100% 100%;
    color: #f68f64;
    text-align: center;
}

.ialert-tit {
    position: absolute;
    top: .96rem;
    width: 100%;
    font-size: .28rem;
}

.ialert-tit span {
    display: block;
}

.ialert-txt {
    position: absolute;
    top: .9rem;
    width: 100%;
    padding: 0 .5rem;
    font-size: .24rem;
}

.ialert-txt1 {
    top: 3.72rem;
}

.ialert-txt2 {
    top: 6.22rem;
}

.ialert-txt3 {
    top: 9.02rem;
}

.ialert-btn {
    display: block;
    position: absolute;
    left: 50%;
    bottom: .36rem;
    width: 3.05rem;
    height: .79rem;
    margin-left: -1.525rem;
}

.ialert-btn img {
    display: block;
    width: 100%;
}

.cjwt {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.cjwt-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7rem;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    height: 10.44rem;
    padding-top: .88rem;
}

.cjwt-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .56rem;
    background: url(../img/cjwt_top.png) no-repeat;
    background-size: 100% 100%;
}

.cjwt-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .87rem;
    background: url(../img/cjwt_bottom.png) no-repeat;
    background-size: 100% 100%;
}

.cjwt-main {
    position: absolute;
    top: .51rem;
    left: 0;
    width: 100%;
    height: 9.11rem;
    padding: .1rem .3rem .1rem .6rem;
    background: url(../img/cjwt_bg.png) repeat-y;
    background-size: 100% auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.cjwt-txt {
    font-size: .24rem;
    line-height: .34rem;
    color: #fb9064;
    margin-bottom: .3rem;
}

.cjwt-txt:last-of-type {
    margin-bottom: 0;
}

.cjwt-q {
    color: #ff222c;
}

.cjwt-txt a {
    color: #fff;
}

.cjwt-txt img {
    display: block;
    width: 100%;
    margin: .2rem 0;
}

.cjwt-q,
.cjwt-a{
    position: relative;
}

.cjwt-q:before{
    position: absolute;
    top: 0;
    left: -.3rem;
    content: 'Q:';
}

.cjwt-a:before{
    position: absolute;
    top: 0;
    left: -.3rem;
    content: 'A:';
}

.cjwt-btn{
    position: absolute;
    top: .2rem;
    right: 0;
    z-index:1;
    width: 1.2rem;
}

.cjwt-btn img{
    display: block;
    width: 100%;
}

.portrait {
    display: block;
}

.landscape {
    display: none;
}

@media screen and (min-width: 420px) and (orientation: landscape) {
    .portrait {
        display: none;
    }

    .landscape {
        display: block;
    }

    .shade2 {
        display: none;
    }

    .shade3 {
        display: none;
    }

    .shade3 .shade-img {
        position: absolute;
        right: auto;
        left: 50%;
        top: 50%;
        width: 9.56rem;
        height: 5.25rem;
        transform: translate(-50%, -50%);
        background: url("../img/shade4.png") no-repeat;
        background-size: 100% 100%;
    }

    .shade-close {
        display: none;
    }

    .orientation {
        color: #fff;
        display: block;
        font-size: 14px;
        line-height: 18px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%;
    }

    .cont2-txt {
        bottom: 1.92rem;
        padding: 0 .54rem 0 7.0rem;
        font-size: .18rem;
        line-height: .28rem;
    }

    .cont2-btn {
        bottom: .72rem;
        margin-left: 1rem;
    }

    .cont3-txt {
        bottom: 7.72rem;
        padding: 0 0 0 5.4rem;
        font-size: .28rem;
        line-height: .42rem;
    }

    .cont4-txt {
        top: 1.62rem;
        padding: 0 .96rem;
        font-size: .28rem;
        line-height: .54rem;
    }

    .cont4-txt2 {
        top: 8.24rem;
        text-align: center;
    }

    .cont6-btn {
        width: 4.04rem;
        bottom: 1.4rem;
        margin-left: -2.02rem;
    }

    .video {
        bottom: 1.12rem;
        padding-left: .2rem;
    }

    .cont8 .video {
        bottom: .8rem;
    }

    .player {
        width: 9.54rem;
        height: 5.36rem;
    }

    .player-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.34rem;
        height: 2.34rem;
        margin: -1.17rem 0 0 -1.17rem;
        background: url("../img/landscape/btn_play.png") no-repeat;
        background-size: 100% 100%;
    }

    .swiper-box {
        top: 2.28rem;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: .52rem;
        height: .75rem;
    }

    .swiper-button-prev {
        left: .72rem;
    }

    .swiper-button-next {
        right: .72rem;
    }

    .swiper-container {
        width: 9.54rem;
        height: 5.36rem;
    }

    .pop_record .pop-box {
        width: 11.5rem;
        height: 6.53rem;
        background: url("../img/landscape/pop_bg01.png") no-repeat;
        background-size: 100% 100%;
    }

    .pop_record .pop-bd {
        width: 7.82rem;
        background: url("../img/landscape/pop_box01.png") no-repeat;
        background-size: 100% 100%;
    }

    .pop_record .pop-bd input,
    .pop_record .pop-bd select {
        padding: 0 1rem 0 .3rem;
    }

    .pop_record .pop-bd.select {
        background: url("../img/landscape/pop_box02.png") no-repeat;
        background-size: 100% 100%;
    }

    .pop_record .pop-line {
        padding-left: 2.45rem;
    }

    .pop_record .pop-hd {
        width: 2.25rem;
    }

    .pop_orders .pop-box {
        width: 11.5rem;
        height: 6.53rem;
        padding-top: 1rem;
        background: url("../img/landscape/pop_bg02.png") no-repeat;
        background-size: 100% 100%;
    }

    .orders-txt {
        padding-left: 1.3rem;
        padding-right: 1rem;
        line-height: .52rem;
    }

    .orders-money {
        left: 1.48rem;
        bottom: .4rem;
    }

    .orders-btn {
        position: absolute;
        right: 1.28rem;
        bottom: .3rem;
    }

    .pop_prize .pop-box {
        width: 11.5rem;
        height: 6.53rem;
        padding-top: .58rem;
    }

    .yl.pop_prize .pop-box {
        background: url("../img/landscape/pop_bg06.png") no-repeat;
        background-size: 100% 100%;
    }

    .prize-cdkey {
        width: 4.34rem;
        margin-top: .09rem;
        margin-left: .8rem;
    }

    .cdkey-box {
        width: 4.34rem;
        margin-top: .02rem;
    }

    .cdkey {
        margin-top: .12rem;
    }

    .prize-text {
        position: absolute;
        top: 1.34rem;
        left: .8rem;
        width: 10.72rem;
    }

    .yl.pop_prize .prize-p {
        margin: 0;
        font-size: .22rem;
    }

    .yl.pop_prize .prize-text1 {
        font-size: .22rem;
    }

    .prize-text p {
        float: left;
    }

    .yl.pop_prize .prize-text1 {
        margin-top: .1rem;
    }

    .jw.pop_prize .prize-text2 {
        margin-top: 0;
        line-height: .30rem;
    }

    .jw.pop_prize .prize-p {
        line-height: .36rem;
        margin-bottom: .04rem;
    }

    .prize-txt3 {
        margin-top: 1.06rem;
        padding-top: .15rem;
        padding-left: .8rem;
        line-height: .42rem
    }

    .yl.pop_prize .prize-txt3 .prize-p {
        font-size: .26rem;
    }

    .copy {
        margin-top: 3.36rem;
    }

    .yl.active.pop_prize .pop-box {
        background: url("../img/landscape/pop_bg06_0.png") no-repeat;
        background-size: 100% 100%;
    }

    .prize-hint {
        margin-top: .3rem;
    }

    .ialert-box {
        width: 11.5rem;
        height: 6.53rem;
        background: url("../img/pop_bg09.png") no-repeat;
        background-size: 100% 100%;
    }

    .ialert-tit {
        top: 1.0rem;
    }

    .ialert-tit span {
        display: inline-block;
    }

    .ialert-txt {
        top: 4.3rem;
        width: 30%;
        padding: 0;
        font-size: .20rem;
    }

    .ialert-txt1 {
        left: .66rem;
    }

    .ialert-txt2 {
        left: 4rem;
    }

    .ialert-txt3 {
        left: 7.46rem;
    }

    .cjwt-close{
        top: .2rem;
        right: .4rem;
    }

    .cjwt-box {
        width: 11rem;
        height: 6.24rem;
        padding-top: .88rem;
    }

    .cjwt-top {
        height: .88rem;
    }

    .cjwt-bottom {
        height: 1.36rem;
    }

    .cjwt-main {
        top: .83rem;
        height: 4.1rem;
        padding: .1rem .4rem .1rem .8rem;
        background: url(../img/cjwt_bg.png) repeat-y;
        background-size: 100% auto;
        overflow-y: auto;
    }

}