#mobile-view-page{
    display: none;
}
@media screen and (max-width: 750px) {
    html {
        font-size: 13.33333333vw;
    }
    body {
        overflow-x: hidden;
    }
    #pc-view-page {
        display: none;
        overflow: hidden;
    }
    #mobile-view-page {
        display: block;
        overflow-y: auto;
        overflow-x: hidden;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
    }
    .banner_slide_m {
        position: relative;
        overflow: hidden;
        height: 5.6rem;
    }
    .banner_slide_m img {
        display: block;
        width: 100%;
        max-width: 750px;
    }
    .banner_slide_m .hd {
        position: absolute;
        right: .3rem;
        bottom: 5px;
        text-align: center;
    }
    .banner_slide_m .hd ul {
        display: inline-block;
    }
    .banner_slide_m .hd li {
        margin: 0 5px;
        overflow: hidden;
        display: inline-block;
        width: 8px;
        height: 8px;
        text-indent: -999rem;
        border: 1px solid #fff;
        border-radius: 100%;
        cursor: pointer;
    }
    .banner_slide_m .hd .on {
        background-color: #fff;
    }
    #banner_video_box_m {
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin-left: -2.4rem;
        width: 4.8rem;
        height: 2.7rem;
        background: center center no-repeat;
        background-size: cover;
    }
    .title2 {
        margin-bottom: 20px;
    }
    .tit_ext {
        margin-top: -15px;
        font-size: .28rem;
    }
    .video_box {
        display: block;
        margin: 0 20px;
    }
    .video_box .video_item {
        margin-top: 15px;
        font-size: .28rem;
    }
    .video_box .video_item>div {
        margin-bottom: 5px;
        width: auto;
        height: auto;
    }
    .video_box .video_item img {
        display: block;
        width: 100%;
        max-width: 750px;
    }
    .tab_title li{
        font-size: .32rem;
        -webkit-transform: skew(0);
        -moz-transform: skew(0);
        -o-transform: skew(0);
        -ms-transform: skew(0);
        transform: skew(0);
    }
    .tab_title li span{
        -webkit-transform: skew(0);
        -moz-transform: skew(0);
        -o-transform: skew(0);
        -ms-transform: skew(0);
        transform: skew(0);
    }
    .banner{
        background: url('../img/m_banner.png')no-repeat center;
        background-size: 100% 100%;
        display: inline-block;
        height: 23rem;
    }
    .title{
        font-size: .4rem;
        background-size: contain;
        background-position:center;
        height: .95rem;
        line-height: .95rem;
        margin-top: 20px;
    }
    .concat_box{
        padding: 20px;
        margin: 20px 20px 50px 20px !important;
        font-size: .28rem;
    }

    .concat_m{
        width: 107%;
    }
    .concat_m{
        font-size: 0.5rem;
    }
    .qrcode img {
        margin: .1rem auto .2rem;
    }
    .m_prize_bg{
        background: #f5f5f5;
        padding: 20px 20px 40px 20px;
        box-sizing: border-box;
    }

    .start_btn_box_m{
        margin: 30px 20px;
    }
    .product_lotter_box_m{
        text-align: center;
        margin-top: 30px;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .product_lotter_box_m p{
        font-size: .24rem;
        margin: 7px 0 20px 0;
    }
    .product_lotter_box_m h2{
        font-size: .34rem;
        font-weight: 400;
    }
    #lottery_area {
        background-color: transparent;
    }
    .star_btn{
        line-height: 35px;
        height: 35px;
        border-radius: 2px;
    }
    .rotate_loatter_m{
        text-align: center;
        background: #edecee;
        margin-top: 40px;
    }
    .rotate_loatter_m h2{
        padding: 30px 0 5px 0;
        font-size: .34rem;
        font-weight: 400;
    }
    .rotate_loatter_m p{
        margin-bottom: 20px;
        font-size: .24rem;
    }
    .turntable {
        margin: 0 auto;
        width: 6.72rem;
        height: 6.78rem;
    }
    .lottery_start_bg{
        margin: -1.32rem 0 0 -.86rem;
        width: 2.18rem;
        height: 2.18rem;
    }
    #lottery_start_btn{
        margin: -1.64rem 0 0 -1.05rem;
        width: 2.53rem;
        height: 2.68rem;
    }
    #lottery_area{
        height: auto;
    }
    .winner_list{
        margin: 0 auto;
        width: 75%;
    }
    .winner_box {
        margin-top: 20px;
    }
    .winner_box p{
        text-align: left;
        padding-left: 20px;
        padding-bottom: 20px;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .winner_list {
        font-size: .24rem;
    }
    .winner_list .winner_list_title {
        height: .75rem;
        font-size: .3rem;
        line-height: .75rem;
    }
    .input_box_m{
        overflow: hidden;
        box-sizing: border-box;
        height: 100%;
    }
    .input_box_m {
        background: url('../img/head2.jpg') no-repeat top center ;
        background-size: auto 3.2rem;
    }
    .input_box_m img {
        display: block;
        width: 100%;
    }
    .input_box_m>div{
        margin-top: 3.2rem;
        overflow: auto;
        height: calc(100% - 3.2rem);
        background-image: -moz-linear-gradient( #022583, #005eb3);
        background-image: -webkit-linear-gradient( #022583, #005eb3);
        background-image: -ms-linear-gradient( #022583, #005eb3);
    }
    .input_box_m>div>p{
        margin: 5px 20px;
        text-align: right;
        color: #fff;
    }
    .input_box_m>div>div {
        margin: 0 20px;
        background-color: #fff;
    }
    .question{
        height: auto;
        background: #fff;
        padding: 20px;
        box-sizing: border-box;
        color: #1e4056;
        font-size: .3rem;
    }
    .title3{
        margin-bottom: 20px
    }
    .question br,
    .question input{
        display: none;
    }
    .question label{
        padding: .2rem .6rem;
        width: 100%;
        line-height: 1.2;
        display: block;
        border: 1px solid #e4e4e4;
        box-sizing: border-box;
        border-radius: .7rem;
        margin-bottom: .15rem;
    }
    .display_none{
        display: none;
    }
    .star_product_pop{
        width: 4rem;
        height: .88rem;
        background: #009fbd;
        border-radius: 5px;
        box-shadow: 1px 1px 5px #009fbd;
        display: block;
        color: #fff;
        text-align: center;
        line-height: .88rem;
        margin: 0 auto;
        font-size: .36rem;
    }
    .mb50{
        margin-bottom: 50px;
    }
    .pop_input_m{
        height: 80% !important;
    }
    .pop_input_m .layui-layer-content{
        height: 100%;
    }
    .my_lottery_box {
        width: 1.26rem;
        height: 1.48rem;
        padding-top: .48rem;
        font-size: .22rem;
        line-height: 1.2;
    }
    .my_lottery_box .close {
        position: absolute;
        right: 0;
        top: 0;
        width: .3rem;
        height: .3rem;
    }
    .my_lottery_num {
        font-size: .3rem;
    }
}