html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
  margin: 0;
  padding: 0;
}

img, fieldset {
  border: 0;
}

/* set image max width to 100% */
img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}
input, textarea, button, a,div{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
html{ -webkit-text-size-adjust:none;}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/

a {
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
a:hover {
    text-decoration: none !important;
}
a:active{
    text-decoration: none  !important;
}
a:focus{
    text-decoration: none  !important;
}
p {
  padding: 0;
}

/* list */
ul, ol {

}
li {
  margin: 0 0 .5em 0;
  padding: 0;
}

/* headings */


/* reset webkit search input styles */
input[type=search] {
  -webkit-appearance: none;
  outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

*{   
    /*-webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
    /*-webkit-user-select:none; /*webkit浏览器*/   
    /*user-select:none;  */ 
} 
#list_jl::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    background-color:#a59676;
    border-radius: 10px;
}
#list_jl::-webkit-scrollbar-thumb{
    background-color: #ccc;
    border-radius: 10px;
}
#list_jl::-webkit-scrollbar-track{
    background-color:#a59676;
    border-radius: 10px;
}
@-webkit-keyframes opener {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(20px);
    }
}
@keyframes opener {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(20px);
    }
}
@-webkit-keyframes opener1 {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(10px);
    }
}
@keyframes opener1 {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(10px);
    }
}  

@-webkit-keyframes op {
    0% {
       opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes op {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}


body,html{
    overflow: hidden !important;
    background:#000;
    width:100%;
    height:100%;
}
body{
    overflow: hidden;
    max-width: none !important;
    font-family: Microsoft JhengHei;
    font-size:1.25vw;
}
.clear:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {
  display: inline-block;
  }
#fix_line{
    width:0.05208333vw;
    height:105%;
    position: absolute;
    left:50%;
    top:50%;
    background:#e2dfbc;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
#pc_fix{
    position:fixed;
    right:3.90625vw;
    top:50%;
    z-index: 1001;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#pc_fix .nav{
    width:3.020833333vw;
    height:3.020833333vw;
    cursor: pointer;
    position: relative;
    margin-bottom:0.2083333vw;
    z-index:1;
}
#pc_fix .nav .num{
    width:100%;
    height:100%;
    transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
}
#nav_1 .hover{
    width:5.36458333vw;
    height:2.5vw;
    background:url('../img/nav-index-hover.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
    opacity:0;
    pointer-events:none;
}
#nav_1.current .present{
    width:5.36458333vw;
    height:2.5vw;
    background:url('../img/nav-index-click.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
}
#nav_1.current .num{
    display:none;
}
#nav_1:hover .num{
    opacity:0;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;

}
#nav_1:hover .hover{
    opacity: 1;
    transition:all 0.3s linear 0.1s;
    -webkit-transition:all 0.3s linear 0.1s;
    pointer-events:inherit

}
#nav_1 .num{
    background:url('../img/nav-index.png') center center no-repeat;
    background-size:100%
}


#nav_2 .num{
    background:url('../img/nav-s2.png') center center no-repeat;
    background-size:100%
}

#nav_2 .hover{
    width:12.86458333vw;
    height:2.5vw;
    background:url('../img/nav-s2-hover.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
    opacity:0;
    pointer-events:none;
}

#nav_2.current .present{
    width:12.86458333vw;
    height:2.5vw;
    background:url('../img/nav-s2-click.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
}
#nav_2.current .num{
    display:none;
}


#nav_2:hover .num{
    opacity:0;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;

}
#nav_2:hover .hover{
    opacity: 1;
    transition:all 0.3s linear 0.1s;
    -webkit-transition:all 0.3s linear 0.1s;
    pointer-events:inherit

}



#nav_3 .num{
    background:url('../img/nav-s3.png') center center no-repeat;
    background-size:100%
}

#nav_3 .hover{
    width:10.78125vw;
    height:2.5vw;
    background:url('../img/nav-s3-hover.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
    opacity:0;
    pointer-events:none;
}
#nav_3.current .present{
    width:10.78125vw;
    height:2.5vw;
    background:url('../img/nav-s3-click.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
}
#nav_3.current .num{
    display:none;
}


#nav_3:hover .num{
    opacity:0;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;

}
#nav_3:hover .hover{
    opacity: 1;
    transition:all 0.3s linear 0.1s;
    -webkit-transition:all 0.3s linear 0.1s;
    pointer-events:inherit

}



#nav_4 .num{
    background:url('../img/nav-s3.png') center center no-repeat;
    background-size:100%
}

#nav_4 .hover{
    width:12.03125vw;
    height:2.5vw;
    background:url('../img/nav-s4-hover.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
    opacity:0;
    pointer-events:none;
}
#nav_4.current .present{
    width:12.03125vw;
    height:2.5vw;
    background:url('../img/nav-s4-click.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
}
#nav_4.current .num{
    display:none;
}



#nav_4:hover .num{
    opacity:0;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;

}
#nav_4:hover .hover{
    opacity: 1;
    transition:all 0.3s linear 0.1s;
    -webkit-transition:all 0.3s linear 0.1s;
    pointer-events:inherit

}
#nav_4 .num{
    background:url('../img/nav-s4.png') center center no-repeat;
    background-size:100%
}



#nav_5 .num{
    background:url('../img/nav-s5.png') center center no-repeat;
    background-size:100%
}
#nav_5 .hover{
    width:8.6458333vw;
    height:2.5vw;
    background:url('../img/nav-s5-hover.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
    opacity:0;
    pointer-events:none;
}

#nav_5.current .present{
    width:8.6458333vw;
    height:2.5vw;
    background:url('../img/nav-s5-click.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
}
#nav_5.current .num{
    display:none;
}


#nav_5:hover .num{
    opacity:0;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;

}
#nav_5:hover .hover{
    opacity: 1;
    transition:all 0.3s linear 0.1s;
    -webkit-transition:all 0.3s linear 0.1s;
    pointer-events:inherit

}


#nav_6 .num{
    background:url('../img/nav-s6.png') center center no-repeat;
    background-size:100%
}
#nav_6 .hover{
    width:12.03125vw;
    height:2.5vw;
    background:url('../img/nav-s6-hover.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
    opacity:0;
    pointer-events:none;
}

#nav_6.current .present{
    width:12.03125vw;
    height:2.5vw;
    background:url('../img/nav-s6-click.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
}
#nav_6.current .num{
    display:none;
}


#nav_6:hover .num{
    opacity:0;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;

}
#nav_6:hover .hover{
    opacity: 1;
    transition:all 0.3s linear 0.1s;
    -webkit-transition:all 0.3s linear 0.1s;
    pointer-events:inherit

}





#nav_7 .num{
    background:url('../img/nav-s7.png') center center no-repeat;
    background-size:100%
}
#nav_7 .hover{
    width:12.03125vw;
    height:2.5vw;
    background:url('../img/nav-s7-hover.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
    opacity:0;
    pointer-events:none;
}

#nav_7.current .present{
    width:12.03125vw;
    height:2.5vw;
    background:url('../img/nav-s7-click.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
}
#nav_7.current .num{
    display:none;
}



#nav_7:hover .num{
    opacity:0;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;

}
#nav_7:hover .hover{
    opacity: 1;
    transition:all 0.3s linear 0.1s;
    -webkit-transition:all 0.3s linear 0.1s;
    pointer-events:inherit

}




#nav_8 .num{
    background:url('../img/nav-s8.png') center center no-repeat;
    background-size:100%
}
#nav_8 .hover{
    width:9.73958333vw;
    height:2.5vw;
    background:url('../img/nav-s8-hover.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
    opacity:0;
    pointer-events:none;
}

#nav_8.current .present{
    width:9.73958333vw;
    height:2.5vw;
    background:url('../img/nav-s8-click.png') center center no-repeat;
    background-size:100%;
    right: 1.1vw;
    top: 0.2vw;
    position: absolute;
}
#nav_8.current .num{
    display:none;
}

#nav_8:hover .num{
    opacity:0;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;

}
#nav_8:hover .hover{
    opacity: 1;
    transition:all 0.3s linear 0.1s;
    -webkit-transition:all 0.3s linear 0.1s;
    pointer-events:inherit

}


.app{
    overflow-x: hidden;
    width:100%;
    height:100%;
    position: relative;
    max-width:none !important;
    scrollbar-width:none;
    -ms-overflow-style:none;
    z-index:1042;

}
::-webkit-scrollbar {
    width:0;
}
#swiperPage4{
    width:100%;
    height:100%;
}
#p_0{
    height:100%;
    background:url('../img/bg_index.jpg') center center no-repeat;
    background-size:cover
}
#p_1,#p_2,#p_3,#p_4,#p_5,#p_6,#p_7{
    height:100%;
    background:url('../img/bg_main.jpg') center center no-repeat;
    background-size:cover
}

#p_0 #title-index-01{
    width:64.375vw;
    height:23.072916vw;
    background:url('../img/title-index-01.png') center center no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin: -24vw 0 0 -32.1875vw
}
#slide_footer{
    height:11.45833333vw;
    background:url('../img/pc_footer.jpg') no-repeat;
    background-size:100%;
    position: relative;
}

#preheat{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,0.8);
    z-index:100001;
    font-size:6.25vw;
    text-align: center;
}

#preheat #bottom_time{
    position: absolute;
    width:56.041666vw;
    height:5vw;
    left: 50%;
    top:50%;
    pointer-events: none;
    text-align: center;
    background:url('../img/countdown_frame.png') no-repeat;
    background-size:100%;
    margin:1vw 0 0 -28.020833vw;
}

#preheat .fontBox{
    display: inline-block;
    color:#fff;
    text-align: center;
    position: relative;
    width:7vw;
    top:-1.9vw;
    text-shadow:2px 2px 14px #ff0006;
}
#preheat .fontBox.mao{
    text-align: center;
    width:3vw;
    position: relative;
}
#preheat #btn-outlink{
    display: block;
    width:14.1666666vw;
    height:13.3333333vw;
    background:url('../img/btn-outlink.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin: 8.5vw 0 0 -7.0833333vw;
}
.bg_top{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    pointer-events: none;
    height:28.125vw;
    background:url('../img/bg_top.png') no-repeat;
    background-size:100%;

}
.bg_bottom{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    pointer-events: none;
    height:28.125vw;
    background:url('../img/bg_bottom.png') no-repeat;
    background-size:100%;
}   
.slide_logo{
    width:12.55208vw;
    height:6vw;
    position: absolute;
    background:url('../img/slide_logo.png') no-repeat;
    background-size:100%;
    top:1.40625vw;
    left:1.7708333vw;
}
#p0_title{
    width:64.375vw;
    height:23.072916vw;
    background:url('../img/title-index-01.png') center center no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin: -24vw 0 0 -32.1875vw;
}
#p0_title_1{
    width:50.5208333vw;
    height:4.47916666vw;
    background:url('../img/p0_title_1.png') center center no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin: 12.5vw 0 0 -25.26041665vw;
}
.btn-outlink{
    display: block;
    width:14.1666666vw;
    height:13.3333333vw;
    background:url('../img/btn-outlink.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:1.5625vw;
    bottom:1.5625vw;
    opacity:0.8;
    display:none;
}
.btn-outlink:hover{
    opacity:1;

}
#p1_title_1{
    width:56.770833vw;
    height:7.8125vw;
    background:url('../img/title-s2.png') no-repeat;
    background-size:100%;
    position: absolute;
    top:5.1041666vw;
    left:50%;
    margin:0 0 0 -28.3854165vw;
}
#p1_title_1 .line{
    height:1px;
    width:49.6875vw;
    background:#e8d4b1;
    position: absolute;
    left:50%;
    bottom:-0.677083vw;
    margin:0 0 0 -24.84375vw;
}
#p1_p{
    text-align: center;
    position: absolute;
    width: 100%;
    top: 14.8vw;
    left: 0;
    color: #fff;
    font-size: 1.4vw;
}
#p1_btn_box{
    position: absolute;
    left:50%;
    top: 22vw;
    width:41.5625vw;
    margin:0 0 0 -20.78125vw;
    display:flex;
    justify-content: space-between;
}
#p1_btn_box a{
    width:20.3125vw;
    height:4.0625vw;
}
#p1_btn_box a#p1_btn_left{
    background:url('../img/bfn-s2-left.png') no-repeat;
    background-size:100%;
}
#p1_btn_box a#p1_btn_left:hover,#p1_btn_box a#p1_btn_left.current{
    background:url('../img/bfn-s2-left-hover.png') no-repeat;
    background-size:100%;
}
#p1_btn_box a#p1_btn_right{
    background:url('../img/bfn-s2-right.png') no-repeat;
    background-size:100%;
}
#p1_btn_box a#p1_btn_right:hover,#p1_btn_box a#p1_btn_right.current{
    background:url('../img/bfn-s2-right-hover.png') no-repeat;
    background-size:100%;
}
#p1_article_box{
    position: absolute;
    left: 0;
    top:23vw;
    width: 100%;
}
#left_box,#right_box{
    display:flex;
    justify-content: center;
}
#icon_jia{
    width:5.15625vw;
    height:5.15625vw;
    background:url('../img/icon_+.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin:-4.578125vw 0 0 -2.578125vw;
}
#left_box > div,#right_box > div{
    width:13.2291666vw;
    color:#fff;
    margin:0 0.520833vw;
    position: relative;
}
#left_box > div:nth-child(5){
    display:none;
}
#right_box > div#pic_5{
    width:5vw;
}
#p1_article_box .pic_p{
    border-top:2px #f1db88 solid;
    border-bottom:2px #f1db88 solid;
    text-align: center;
    font-size:1.2vw;
    padding:0.3vw 0;
}
#p1_article_box .pic{
    width:13.2291666vw;
    height:13.2291666vw;
    background:url('../img/pic_bg.png') no-repeat;
    background-size:100%;
    position: relative;
    margin-bottom:0.625vw;
}
#p1_article_box .pic .kuang{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    pointer-events:none;  
    background:url('../img/pic_frame.png') no-repeat;
    background-size:100%;
}
#p1_article_box .pic img{
    width:60%;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
#p2_title_1{
    width:56.770833vw;
    height:7.8125vw;
    background:url('../img/title-s3.png') no-repeat;
    background-size:100%;
    position: absolute;
    top:5.1041666vw;
    left:50%;
    margin:0 0 0 -28.3854165vw;
}
#p2_title_1 .line{
    height:1px;
    width:49.6875vw;
    background:#e8d4b1;
    position: absolute;
    left:50%;
    bottom:-0.677083vw;
    margin:0 0 0 -24.84375vw;
}
#cvs{
    width:66.97916666vw;
    height:37.447916666vw;
    position: absolute;
    left:50%;
    top:14vw;
    margin:0 0 0 -33.48958333vw;
}
#cvs canvas{
    width:100%;
    display: block;
}
#mb_cvs{
    display:none;
}
#travel_btn{
    display: block;
    width:11.666666vw;
    height:3.48958333vw;
    background:url('../img/btn-s3-fin.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:3.48958333vw;
    bottom:3.3333333vw;
}
#p2_p{
    display:none;
}
#travel_btn:hover{
    background:url('../img/btn-s3-fin-hover.png') no-repeat;
    background-size:100%;
}

#p3_title_1{
    width:56.770833vw;
    height:7.8125vw;
    background:url('../img/title-s4.png') no-repeat;
    background-size:100%;
    position: absolute;
    top:5.1041666vw;
    left:50%;
    margin:0 0 0 -28.3854165vw;
}
#p3_title_1 .line{
    height:1px;
    width:49.6875vw;
    background:#e8d4b1;
    position: absolute;
    left:50%;
    bottom:-0.677083vw;
    margin:0 0 0 -24.84375vw;
}
#p3_mb_upcoming_list{
    display:none;
}
#p3_upcoming_list{
    width: 66.9791666vw;
    height: 30.8854166vw;
    position: absolute;
    top:17.5vw;
    left: 50%;
    margin: 0 0 0 -33.4895833vw;
}
#p3_upcoming_list .b_bg{
    width: 15.625vw;
    height:12.1875vw;
    position: absolute;
}
#p3_upcoming_list .b_bg span{
    display: block;
    text-align: center;
    color:#7c2f29;
    font-size:1.25vw;
    line-height: 4vw;
}
#p3_upcoming_list #banner_1{
    background:url('../img/banner-s4-01.png') no-repeat;
    background-size:100%;
    left:0;
    top:0;

}
#p3_upcoming_list #banner_2{
    background:url('../img/banner-s4-02.png') no-repeat;
    background-size:100%;
    bottom: 1.6vw;
    right: 41vw;
}
#p3_upcoming_list #banner_3{
    background:url('../img/banner-s4-03.png') no-repeat;
    background-size:100%;
    top: 0vw;
    right: 30.7vw;
}
#p3_upcoming_list #banner_4{
    background:url('../img/banner-s4-04.png') no-repeat;
    background-size:100%;
    bottom: 1.6vw;
    right: 20.5vw;
}
#p3_upcoming_list #banner_5{
    background:url('../img/banner-s4-05.png') no-repeat;
    background-size:100%;
    top: 0vw;
    right: 10.2vw;
}
#p3_upcoming_list #banner_6{
    background:url('../img/banner-s4-06.png') no-repeat;
    background-size:100%;
    right:0;
    bottom: 1.6vw;
}
#p3_upcoming_list #upcoming_line{
    width:56.6666666vw;
    height:4.0625vw;
    background:url('../img/upcoming_line.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin:-2.03125vw 0 0 -28.333333vw;
}
#p3_upcoming_list .view_btn{
    display: block;
    width:8.8541666vw;
    height:3.125vw;
    background:url('../img/btn-s4-check.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    bottom: -1.5vw;
    text-align: center;
    color:#f5ea91;
    margin:0 0 0 -4.4270833vw;
    font-size:1.05vw;
    line-height:3.3vw;
}
#p3_upcoming_list .view_btn:hover{
    background:url('../img/btn-s4-check-hover.png') no-repeat;
    background-size:100%;
    text-decoration:none;
}
#veo_play{
 width:4.01041666vw;
 height:4.01041666vw;
 position: absolute;
 left:50%;
 top: 5.5vw;
 margin:0 0 0 -2.00520833vw;
 cursor: pointer;
}
#zhou_veo_play{
    width:4.01041666vw;
    height:4.01041666vw;
    position: absolute;
    left:50%;
    top: 5.5vw;
    margin:0 0 0 -2.00520833vw;
    cursor: pointer;
}
#jin_veo_play{
    width:4.01041666vw;
    height:4.01041666vw;
    position: absolute;
    left:50%;
    top: 5.5vw;
    margin:0 0 0 -2.00520833vw;
    cursor: pointer;
}
#pop_vd_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_vd_box #vd_content{
    width:55.5208333vw;
    height:31.25vw;
    position: absolute;
    left:50%;
    top:50%;
    margin:-15.625vw 0 0 -27.76041665vw;
}
#pop_vd_box #vd_content video{
    display:block;
    width:100%;
}
#pop_vd_box #vd_content iframe{
    display:block;
    width:100%;
    height:100%;
}
#pop_vd_box #vd_close{
    display: block;
    width:3.59375vw;
    height:3.59375vw;
    background:url('../img/video-close.png') no-repeat;
    background-size:100%;
    position: absolute;
    right:-3.59375vw;
    top:-3.59375vw;
}


#pop_vd_one_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_vd_one_box #vd_one_content{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
}
#pop_vd_one_box #vd_one_content video{
    display:block;
    width:100%;
    height: 100%;
    object-fit: cover;
}
#pop_vd_one_box #vd_one_close{
    display: block;
    width:3.59375vw;
    height:3.59375vw;
    background:url('../img/video-close.png') no-repeat;
    background-size:100%;
    position: absolute;
    right:-3.59375vw;
    top:-3.59375vw;
}



#pop_tips_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_tips_1{
    position: absolute;
    left:50%;
    top:50%;
    background:url('../img/pop-bg-b.png') no-repeat;
    background-size:100%;
    width:57.291666vw;
    height:32.60416666vw;
    margin:-16.30208333vw 0 0 -28.64583333vw;
}
#pop_tips_1 #tips_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_tips_1  #tips_info{
    text-align: center;
    color: #FFFFFF;
    font-size:1.25vw;
    line-height: 2.5vw;
    padding: 5vw 0 0 0;
}
#pop_tips_1  #tips_info img{
    display: block;
    position: relative;
    top:-3vw;
    width:100%;
}

#pop_tips_1 #tips_btn{
    color: #F9ED99;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin:0 0 0 -5.88541665vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#pop_tips_1 #tips_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}
#pop_tips_1 #tips_btn:active{
    color: #F9ED99;
}
#pop_tips_1 #tips_btn:focus{
    color: #F9ED99;
}
#p4_p{
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 15vw;
    font-size: 1.35416666vw;
    line-height: 2.2vw;
}
#p4_title_1{
    width:56.770833vw;
    height:7.8125vw;
    background:url('../img/title-s5.png') no-repeat;
    background-size:100%;
    position: absolute;
    top:5.1041666vw;
    left:50%;
    margin:0 0 0 -28.3854165vw;
}
#p4_title_1 .line{
    height:1px;
    width:49.6875vw;
    background:#e8d4b1;
    position: absolute;
    left:50%;
    bottom:-0.677083vw;
    margin:0 0 0 -24.84375vw;
}
#p5_title_1{
    width:56.770833vw;
    height:7.8125vw;
    background:url('../img/title-s6.png') no-repeat;
    background-size:100%;
    position: absolute;
    top:5.1041666vw;
    left:50%;
    margin:0 0 0 -28.3854165vw;
}
#p5_title_1 .line{
    height:1px;
    width:49.6875vw;
    background:#e8d4b1;
    position: absolute;
    left:50%;
    bottom:-0.677083vw;
    margin:0 0 0 -24.84375vw;
}
#p5_p1{
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 15vw;
    font-size: 1.35416666vw;
    line-height: 2.2vw;
}
#p5_p2{
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 28.2vw;
    font-size: 1.35416666vw;
    line-height: 2.2vw;
}
#p5_p2 em{
    color:#F9ED99;
    font-style:normal;
}
#p5_title_2{
    width:28.6458333vw;
    height:4.89583333333vw;
    background:url('../img/title-s6-01.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top: 23vw;
    margin: 0 0 0 -14.32291665vw;
}
#p_5 #input_box{
    width:39.27083vw;
    position: absolute;
    left:50%;
    top: 36vw;
    margin:0 0 0 -19.6354166vw;
}
#p_5 #input_box .input_item{
    display: flex;
    justify-content: space-between;
    margin-bottom:1.71875vw;
}
#p_5 #input_box .input_item #invite_input{
    display: block;
    border: 1px solid #707070;
    width:26.35416666666vw;
    height:4.479166666vw;
    box-sizing: border-box;
    line-height:4.479166666vw;
    padding:0 1.1458333vw;
    overflow: hidden;
    background:#fff;
    font-size:1.4583vw;
}
#p_5 #input_box .input_item #send_out,#copy_sharing{
    width:10.9375vw;
    height:4.375vw;
    background:url('../img/btn-s5-6.png') no-repeat;
    background-size:100%;
    display: block;
    text-align: center;
    color: #F9ED99;
    line-height:4.375vw;
    font-size:1.354166vw;
}
#p_5 #input_box .input_item #send_out:hover,#copy_sharing:hover{
    background:url('../img/btn-s5-6-hover.png') no-repeat;
    background-size:100%;
    text-decoration:none;
}
#p_5 #input_box .input_item #invite_code{
    text-align:right;
    border: 1px solid rgba(0,0,0,0);
    width:26.35416666666vw;
    height:4.479166666vw;
    line-height:4.375vw;
    font-size:2.39584vw;
    color:#fff;
}
#p_5 #goto_lottery{
    display:block;
    width:26.458333vw;
    height:5.3125vw;
    margin:0 auto;
    background:url('../img/btn-s6-goto.png') no-repeat;
    background-size:100%;
}
#p_5 #goto_lottery:hover{
    background:url('../img/btn-s6-goto-hover.png') no-repeat;
    background-size:100%;
    text-decoration:none;
}

#pop_s_tips_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_s_tips_box #pop_s_tips{
    width:37.5vw;
    height:21.875vw;
    background:url('../img/pop-bg-s.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin:-10.9375vw 0 0 -18.75vw;
}
#pop_s_tips_box #pop_s_tips #tips_s_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_s_tips_box #pop_s_tips #tips_s_info{
    text-align: center;
    color: #FFFFFF;
    font-size:1.25vw;
    line-height: 2.5vw;
    position: absolute;
    left:50%;
    top:43%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width:100%;
}
#pop_s_tips_box #pop_s_tips  #tips_s_btn{
    color: #F9ED99;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin:0 0 0 -5.88541665vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#pop_s_tips_box #pop_s_tips  #tips_s_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}

#p6_title_1{
    width:56.770833vw;
    height:7.8125vw;
    background:url('../img/title-s7.png') no-repeat;
    background-size:100%;
    position: absolute;
    top:5.1041666vw;
    left:50%;
    margin:0 0 0 -28.3854165vw;
}
#p6_title_1 .line{
    height:1px;
    width:49.6875vw;
    background:#e8d4b1;
    position: absolute;
    left:50%;
    bottom:-0.677083vw;
    margin:0 0 0 -24.84375vw;
}
#p_6 #message_list_box{
    width:64.8958333vw;
    height:22.5vw;
    position: absolute;
    left:50%;
    top:14vw;
    margin:0 0 0 -32.44791666vw;
    background:url('../img/bg-s7-main-01.png') no-repeat;
    background-size:100%;
}
#sx_content{
    width: 60.1041666666vw;
    height: 18.5vw;
    position: relative;
    overflow: hidden;
    left: 2.5vw;
    top: 2.4vw;
}
#user_list li{
    list-style:none;
    height:4vw;
    border-bottom:1px #8b7850 solid;
    margin-bottom:0.677083vw;
    position: relative;
    width: 98.5%;
}
#user_list li .u_top{
    margin-bottom:0.4vw;

}
#user_list li em{
    font-style: normal;
    color:#000;
    font-size:0.729166vw;
    margin-right:0.572916vw;
}
#user_list li strong{
    color:#000;
    font-size:1.25vw;
}
#user_list li .u_bottom{
    font-size:1.145833vw;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    padding: 0 0 0 2vw;
    width: 59%;
}
#user_list li .u_more{
    display: block;
    position: absolute;
    right:0.833333vw;
    top:0;
    width:8.0208333vw;
    height:3.2291666vw;
    background:url('../img/btn-s7-more.png') no-repeat;
    background-size:100%;
    line-height:3.2291666vw;
    text-align: center;
    font-size:1.14583333vw;
    color: #F9ED99;
}
#user_list li .u_more:hover{
    background:url('../img/btn-s7-more-hover.png') no-repeat;
    background-size:100%;
    text-decoration:none;
}
.iScrollVerticalScrollbar{
    width:0.46875vw !important;
    background:#b9a688;
    border-radius: 6px !important;
}
.iScrollIndicator{
    background:#8c7951 !important;
    border:1px #8c7951 solid !important;
    border-radius: 6px !important;
}


#message_input_box{
    width:64.89583333vw;
    height:20.1041666666vw;
    background:url('../img/bg-s7-main-02.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top: 35.7vw;
    margin:0 0 0 -32.447916665vw;

}
#message_name{
    display: block;
    box-sizing: border-box;
    width:60.7291666vw;
    height:2.91666666vw;
    border:0;
    background:none;
    padding:0 1.1979166vw;
    line-height:2.91666666vw;
    font-size:1.25vw;
    position: absolute;
    left: 2vw;
    top: 1.75vw;
    color:#000;
}
#message_name::-webkit-input-placeholder{
    color:#76736a;
}
#message_name::-moz-placeholder{
    color:#76736a;
}
#message_name::-ms-input-placeholder{
    color:#76736a;
}
#textarea_box{
    display: block;
    width:60.7291666vw;
    position: absolute;
    left:2vw;
    top:5vw;
}
#textarea_box textarea{
    display: block;
    width:60.7291666vw;
    height:8.8541666666vw;
    font-size:1.25vw;
    box-sizing: border-box;
    padding:1.1979166vw;
    overflow-y:auto;
    background:none;
    outline: none;
    color:#000;
    border:0;
    resize:none;
}
#textarea_box textarea:focus{
    outline: -webkit-focus-ring-color auto 1px;
}
#textarea_box textarea::-webkit-input-placeholder{
    color:#76736a;
}
#textarea_box textarea::-moz-placeholder{
    color:#76736a;
}
#textarea_box textarea::-ms-input-placeholder{
    color:#76736a;
}
#textarea_box #chars{
    font-size: 0.8vw;
    position: absolute;
    right: 1.1979166vw;
    bottom: -1.5vw;
    color: #000;
}
#textarea_send_out{
    display: block;
    width:15.36458333vw;
    height:3.229166666vw;
    background:url('../img/btn-s7-send.png') no-repeat;
    background-size:100%;
    font-size: 1.3541666666vw;
    color:#F9ED99;
    position: absolute;
    top: 14vw;
    left:50%;
    margin:0 0 0 -7.682291665vw;
    text-align: center;
    line-height:3.229166666vw;
}
#textarea_send_out:hover{
    background:url('../img/btn-s7-send-hover.png') no-repeat;
    background-size:100%;
    text-decoration:none;
}





#pop_sjiang_tips_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_sjiang_tips_box #pop_sjiang_tips{
    width:37.5vw;
    height:21.875vw;
    background:url('../img/pop-bg-s.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin:-10.9375vw 0 0 -18.75vw;
}
#pop_sjiang_tips_box #pop_sjiang_tips #tips_sjiang_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_sjiang_tips_box #pop_sjiang_tips #tips_sjiang_info{
    text-align: center;
    color: #FFFFFF;
    font-size:1.25vw;
    line-height: 2.5vw;
    position: absolute;
    left:50%;
    top:43%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width:100%;
}
#pop_sjiang_tips_box #pop_sjiang_tips  #tips_sjiang_btn{
    color: #F9ED99;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin: 0 0 0 -12.885417vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#pop_sjiang_tips_box #pop_sjiang_tips  #tips_sjiang_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}


#pop_sjiang_tips_box #pop_sjiang_tips #tips_sjiang_reject_btn{
    color: #fff;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin: 0 0 0 1.114583vw;
    background:url('../img/btn-pop-cancel.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}

#pop_sjiang_tips_box #pop_sjiang_tips #tips_sjiang_reject_btn:hover{
    background:url('../img/btn-pop-cancel-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}











#pop_s2_tips_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_s2_tips_box #pop_s2_tips{
    width:37.5vw;
    height:21.875vw;
    background:url('../img/pop-bg-s.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin:-10.9375vw 0 0 -18.75vw;
}
#pop_s2_tips_box #pop_s2_tips #tips_s2_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_s2_tips_box #pop_s2_tips #tips_s2_info{
    text-align: center;
    color: #FFFFFF;
    font-size:1.25vw;
    line-height: 2.5vw;
    position: absolute;
    left:50%;
    top:43%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width:100%;
}
#pop_s2_tips_box #pop_s2_tips #tips_s2_btn{
    color: #F9ED99;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin: 0 0 0 -12.885417vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#pop_s2_tips_box #pop_s2_tips #tips_s2_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none !important;
}


#pop_s2_tips_box #pop_s2_tips #tips_s2_reject_btn{
    color: #fff;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin: 0 0 0 1.114583vw;
    background:url('../img/btn-pop-cancel.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}

#pop_s2_tips_box #pop_s2_tips #tips_s2_reject_btn:hover{
    background:url('../img/btn-pop-cancel-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}


#pop_roll_tips_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_roll_tips_1{
    position: absolute;
    left:50%;
    top:50%;
    background:url('../img/pop-bg-b.png') no-repeat;
    background-size:100%;
    width:57.291666vw;
    height:32.60416666vw;
    margin:-16.30208333vw 0 0 -28.64583333vw;
}
#pop_roll_tips_1 #tips_roll_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_roll_tips_1  #tips_roll_info{
    text-align: center;
    color: #FFFFFF;
    font-size:1.25vw;
    line-height: 2.5vw;
    padding:3vw 0 0 0;
}
#pop_roll_tips_1 #tips_roll_btn{
    color: #F9ED99;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin:0 0 0 -5.88541665vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#pop_roll_tips_1 #tips_roll_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}

#roll_content{
    width: 50vw;
    height:23.33333333333vw;
    overflow:hidden;
    margin:0 auto;
    color:#fff;
    text-align: left;
    position: relative;
}
#roll_content em{
    font-style: normal;
    font-size:0.729166vw;
    margin-right:0.572916vw;

}
#roll_content strong{
    font-size:1.25vw;
    font-weight:normal;
}
#roll_content #roll_p{
    font-weight:100;
    padding: 0 1.8vw 0 0;
}
#pop_island_tips_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_island_tips_box #pop_island_tips{
    position: absolute;
    left:50%;
    top:50%;
    background:url('../img/pop-bg-b.png') no-repeat;
    background-size:100%;
    width:57.291666vw;
    height:32.60416666vw;
    margin:-16.30208333vw 0 0 -28.64583333vw;
}
#pop_island_tips_box #tips_island_info{
    display:flex;
    justify-content: space-between;
}
#pop_island_tips_box #tips_island_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_island_tips_box #tips_island_info img{
    width:38%;
    position: relative;
    top:3vw;
    left:3vw;
}
#tips_island_btn{
    color: #fff;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin: 0 0 0 -5.88541665vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#tips_island_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}
#pop_island_tips_box #tips_island_info #island_info_content{
    width:50%;
    color: #FFFFFF;
    font-size:1.25vw;
    padding:7vw 4vw 0 0;
    font-weight: 100;
    line-height:2.1vw;
}
#pop_island_tips_box #tips_island_info  #island_sus{
    text-align: center;
    border-top:1px #fff solid;
    border-bottom:1px #fff solid;
    position: relative;
    top:1vw;
}
#pop_island_tips_box #tips_island_info  #island_sus em{
    font-style: normal;
    color: #EDD503;
}
#mappic_1_hover {
    width: 5.5vw;
    height: 5.5vw;
    position: absolute;
    left: 8vw;
    top: 7vw;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}
#mappic_1_hover:hover{
    background:rgba(255,255,255,0.6);
    
}
.mappic .clock_in{
    background:rgba(121,47,42,0.8);
    width:7.86458333vw;
    height:2.60416666vw;
    line-height:2.60416666vw;
    font-size:1vw;
    color:#fff;
    text-align: center;
    position: absolute;
    left:50%;
    top:0;
    margin:0 0 0 -3.932291665vw;

}



#pop_travel_tips_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_travel_tips_box #pop_travel_tips{
    width:37.5vw;
    height:21.875vw;
    background:url('../img/pop-bg-s.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin:-10.9375vw 0 0 -18.75vw;
}
#pop_travel_tips_box #pop_travel_tips #tips_travel_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_travel_tips_box #pop_travel_tips #tips_travel_info{
    text-align: center;
    color: #FFFFFF;
    font-size:1.25vw;
    line-height: 2.5vw;
    position: absolute;
    left:50%;
    top:43%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width:100%;
}
#pop_travel_tips_box #pop_travel_tips  #tips_travel_btn{
    color: #F9ED99;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin:0 0 0 -5.88541665vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#pop_travel_tips_box #pop_travel_tips  #tips_travel_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}


#pop_travel_reward_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_travel_reward_box #travel_reward_tips{
    width:37.5vw;
    height:21.875vw;
    background:url('../img/pop-bg-s.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin:-10.9375vw 0 0 -18.75vw;
}

#pop_travel_reward_box #travel_reward_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_travel_reward_box  #travel_reward_info{
    text-align: center;
    font-size:1.25vw;
    color:#fff;
    padding:2vw 0 0 0;
}
#pop_travel_reward_box  #travel_reward_info .reward_info_p{
    padding:0.8vw 0;
}
#pop_travel_reward_box  #travel_reward_info .reward_info_p em{
    font-weight:100;
    font-style:normal;
    color: #F9ED99;
}
#pop_travel_reward_box  #travel_reward_info .pic{
    width:8.333333vw;
    height:8.333333vw;
    background:url('../img/pic_bg.png') no-repeat;
    background-size:100%;
    position: relative;
    margin:0 auto;
}


#pop_travel_reward_box  #travel_reward_info .pic .kuang{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    pointer-events:none;  
    background:url('../img/pic_frame.png') no-repeat;
    background-size:100%;
}

#pop_travel_reward_box  #travel_reward_info .pic img{
    width:60%;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
#pop_travel_reward_box  #tips_travel_reward_btn{
    color: #F9ED99;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin:0 0 0 -5.88541665vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#pop_travel_reward_box  #tips_travel_reward_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}
#p7_title_1{
    width:56.770833vw;
    height:7.8125vw;
    background:url('../img/title-s8.png') no-repeat;
    background-size:100%;
    position: absolute;
    top:5.1041666vw;
    left:50%;
    margin:0 0 0 -28.3854165vw;
}
#p7_title_1 .line{
    height:1px;
    width:49.6875vw;
    background:#e8d4b1;
    position: absolute;
    left:50%;
    bottom:-0.677083vw;
    margin:0 0 0 -24.84375vw;
}
#p7_p{
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 15vw;
    font-size: 1.35416666vw;
    line-height: 2.2vw;
}
#p7_achieve_box{
    width:55.57291666vw;
    height:40.3125vw;
    position: absolute;
    left:50%;
    top: 18vw;
    background:url('../img/bg-s8-main.png') no-repeat;
    background-size:100%;
    margin: 0 0 0 -30vw;
    box-sizing: border-box;
    padding: 3.3vw 0 0 9.3vw;
}
#p7_achieve_box .achieve_item{
    width:44.27083333vw;
    height:4.73958333vw;
    background:url('../img/bg-s8-group.png') no-repeat;
    background-size:100%;
    position: relative;
    margin-bottom:0.83333333vw;
    box-sizing: border-box;

}
#p7_achieve_box .achieve_item strong{
    display: block;
    font-size: 1.25vw;
    color: #000;
    padding: 1.1vw 0 0.2vw 2vw;
}
#p7_achieve_box .achieve_item .percentage{
    width:23.75vw;
    height:0.78125vw;
    border:1px #802625 solid;
    background:#c5b6a3;
    margin-left: 2vw;
    overflow: hidden;
}
#p7_achieve_box .achieve_item .percentage > div{
    height:100%;
    background:#f68328;
}
#p7_achieve_box .achieve_item .not_achieved{
    width:4.296875vw;
    height:3.41145833333vw;
    position: absolute;
    right: 0.7vw;
    top: 0.7vw;
    background:url('../img/not-achieved.png') no-repeat;
    background-size:100%;
}
#p7_achieve_box .achieve_item .not_achieved.reach{
    background:url('../img/achieved.png') no-repeat;
    background-size:100%;
    cursor: pointer;
}
#p7_achieve_box  .prize_box{
    position: absolute;
    width:100%;
    right:5vw;
    top: 0.9vw;
    display: flex;
    justify-content: flex-end;
}
#p7_achieve_box .prize_box .prize_item{
   width:2.96875vw;
   height:2.96875vw;
   background:url('../img/pic-s8-bg.png') no-repeat;
   background-size:100%;
   margin-left:0.88541666vw;
   position: relative;
   cursor: pointer;
}
#p7_achieve_box .prize_box .prize_item img{
    width:70%;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}


#pop_prize_list_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_prize_list_box #pop_prize_list_tips{
    position: absolute;
    left:50%;
    top:50%;
    background:url('../img/pop-bg-b.png') no-repeat;
    background-size:100%;
    width:57.291666vw;
    height:32.60416666vw;
    margin:-16.30208333vw 0 0 -28.64583333vw;
}
#pop_prize_list_box #pop_prize_list_tips #prize_list_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_prize_list_box #pop_prize_list_tips #prize_list_info{
    text-align: center;
    color: #FFFFFF;
    font-size:1.25vw;
    line-height: 2.5vw;
    padding: 4vw 0 0 0;
}
#pop_prize_list_box #pop_prize_list_tips #prize_list_btn{
    color: #F9ED99;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin:0 0 0 -5.88541665vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#pop_prize_list_box #pop_prize_list_tips  #prize_list_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}

#pop_prize_list_box  #prize_content{
    width:48vw;
    height: 22.8vw;
    overflow:hidden;
    margin:0 auto;
    color:#fff;
    text-align: left;
    position: relative;
}
#pop_prize_list_box  #prize_content .prize_li_item{
    height:6.9791666vw;
    border-bottom:1px solid #792e29;
    display:flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 0.885416666vw;
    padding:0 1.1458333vw;
}

#pop_prize_list_box  #prize_content .prize_li_item .prize_each:nth-child(1){
    width:50%;
}
#pop_prize_list_box  #prize_content .prize_li_item .prize_each:nth-child(2){
    width:40%;
}
#pop_prize_list_box  #prize_content .prize_li_item .pic{
    width:6.25vw;
    height:6.25vw;
    background:url('../img/pic-s8-bg.png') no-repeat;
    background-size:100%;
    position: relative;
    margin-bottom:0.625vw;
    display:inline-block;
    vertical-align:middle;
    margin-right:1.82291vw;
}

#pop_prize_list_box  #prize_content .prize_li_item .pic img{
    width:70%;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
#luck_box{
    width:49.27083333vw;
    height:36.35416666666667vw;
    position: absolute;
    left:50%;
    top:20vw;
    margin:0 0 0 -24.635416665vw;
}
#luck_box #luck_foot_box{
    width:23.17708333vw;
    display:flex;
    justify-content: space-between;
    position: absolute;
    left:50%;
    top: 22vw;
    margin:0 0 0 -11.588541665vw;
}
#luck_box #luck_foot_box a{
    width:10.9375vw;
    height:4.375vw;
    background:url('../img/btn-s5-6.png') no-repeat;
    background-size:100%;
    display: block;
    text-align: center;
    color: #F9ED99;
    line-height:4.375vw;
    font-size:1.354166vw;

}
#luck_box #luck_foot_box a:hover{
    background:url('../img/btn-s5-6-hover.png') no-repeat;
    background-size:100%;
    text-decoration:none;
}
#luck_box #btn_luck{
    display: block;
    width:26.458333333vw;
    height:5.3125vw;
    position: absolute;
    left:50%;
    top: 15.5vw;
    margin:0 0 0 -13.2291666665vw;
    background:url('../img/btn-s5-start.png') no-repeat;
    background-size:100%;
}
#luck_box #btn_luck:hover{
    background:url('../img/btn-s5-start-hover.png') no-repeat;
    background-size:100%;
    text-decoration:none;
}
#luck_box #p_txt{
    text-align: center;
    pointer-events:none;
    font-size:1.875vw;
    color:#fff;
    position: absolute;
    width:100%;
    left:0;
    top: 10vw;
}
#luck_box #p_txt em{
    font-style:normal;
    color: #FEFE01;
}
#luck{
    width:49.27083333vw;
    height:36.35416666666667vw;
    position: absolute;
    left:0;
    top:0;
}
#luck > div .act.zhong{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: url(../img/pic_get.png) no-repeat;
    background-size: 100%;
    z-index:10;
}
#luck > div.active .act{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: url(../img/pic_move.png) no-repeat;
    background-size: 100%;
    z-index:10;
}
#luck > div{
    width:8.3333333vw;
    height:8.3333333vw;
    background: url(../img/pic_bg.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left:0;
    top:0;
}
#luck > div img{
    width:60%;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
#luck > div:nth-child(2){
    left:10.26041666vw;
    
}
#luck > div:nth-child(3){
    left:20.46875vw;
}
#luck > div:nth-child(4){
    left:30.677083vw;
}
#luck > div:nth-child(5){
    left:40.8854166vw;
}
#luck > div:nth-child(6){
    left:40.8854166vw;
    top:9.27083333vw;
}
#luck > div:nth-child(7){
    left:40.8854166vw;
    top:18.59375vw;
}
#luck > div:nth-child(8){
    left:40.8854166vw;
    top:27.86458333vw;
}
#luck > div:nth-child(9){
    left:30.677083vw;
    top:27.86458333vw;
}
#luck > div:nth-child(10){
    left:20.46875vw;
    top:27.86458333vw;
}
#luck > div:nth-child(11){
    left:10.26041666vw;
    top:27.86458333vw;
}
#luck > div:nth-child(12){
    left:0;
    top:27.86458333vw;
}
#luck > div:nth-child(13){
    left:0;
    top:18.59375vw;
}
#luck > div:nth-child(14){
    left:0;
    top:9.27083333vw;
}
#luck > div .kuang{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../img/pic_frame.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}
#luck > div .kuang:hover{
    background:none;
}
#luck > div .kuang .hover{
    display:none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../img/pic_hover.png) no-repeat;
    background-size: 100%;
    color:#fff;
    text-align: center;
}
#luck > div .kuang .hover p{
    padding:2.6vw 0 0 0;
    font-size:1.08vw;
}
#luck > div .kuang:hover .hover{
    display: block;
}






#pop_gz_tips_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_gz_tips_1{
    position: absolute;
    left:50%;
    top:50%;
    background:url('../img/pop-bg-b.png') no-repeat;
    background-size:100%;
    width:57.291666vw;
    height:32.60416666vw;
    margin:-16.30208333vw 0 0 -28.64583333vw;
}
#pop_gz_tips_1 #tips_gz_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_gz_tips_1  #tips_gz_info{
    text-align: center;
    color: #FFFFFF;
    font-size:1.25vw;
    line-height: 2.5vw;
    padding:3vw 0 0 0;
}
#pop_gz_tips_1 #tips_gz_btn{
    color: #F9ED99;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin:0 0 0 -5.88541665vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#pop_gz_tips_1 #tips_gz_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}

#gz_content{
    width: 50vw;
    height:23.33333333333vw;
    overflow:hidden;
    margin:0 auto;
    color:#fff;
    text-align: left;
    position: relative;
}
#gz_content em{
    font-style: normal;
    font-size:0.729166vw;
    margin-right:0.572916vw;

}
#gz_content strong{
    font-size:1.25vw;
    font-weight:normal;
}
#gz_content #gz_p{
    font-weight:100;
    padding: 0 1.8vw 0 0;
}



#pop_jj_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_jj_box #jj_tips{
    width:37.5vw;
    height:21.875vw;
    background:url('../img/pop-bg-s.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:50%;
    margin:-10.9375vw 0 0 -18.75vw;
}

#pop_jj_box #jj_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_jj_box  #jj_info{
    text-align: center;
    font-size:1.25vw;
    color:#fff;
    padding:2vw 0 0 0;
}
#pop_jj_box  #jj_info .jj_info_p{
    padding:0.8vw 0;
}
#pop_jj_box  #jj_info .jj_info_p em{
    font-weight:100;
    font-style:normal;
    color: #F9ED99;
}
#pop_jj_box  #jj_info .pic{
    width:8.333333vw;
    height:8.333333vw;
    background:url('../img/pic_bg.png') no-repeat;
    background-size:100%;
    position: relative;
    margin:0 auto;
}


#pop_jj_box  #jj_info .pic .kuang{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    pointer-events:none;  
    background:url('../img/pic_frame.png') no-repeat;
    background-size:100%;
}

#pop_jj_box  #jj_info .pic img{
    width:60%;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
#pop_jj_box  #tips_jj_btn{
    color: #F9ED99;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin:0 0 0 -5.88541665vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#pop_jj_box  #tips_jj_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}






#pop_jl_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1050;
}
#pop_jl_box #jl_tips{
    position: absolute;
    left:50%;
    top:50%;
    background:url('../img/pop-bg-b.png') no-repeat;
    background-size:100%;
    width:57.291666vw;
    height:32.60416666vw;
    margin:-16.30208333vw 0 0 -28.64583333vw;
}

#pop_jl_box #jl_tit{
    width:16.25vw;
    height:3.75vw;
    background:url('../img/main-title.png') no-repeat;
    background-size:100%;
    position: absolute;
    left:50%;
    top:-1.6vw;
    margin:0 0 0 -8.125vw;
    font-size:1.5625vw;
    text-align: center;
    line-height:3.75vw;
    color:#792F2A;
}
#pop_jl_box  #jl_info{
    text-align: center;
    font-size:1.25vw;
    color:#fff;
    padding:2vw 0 0 0;
}
#pop_jl_box  #jl_info .jl_info_p{
    padding:0.8vw 0;
}
#pop_jl_box  #jl_info .jl_info_p em{
    font-weight:100;
    font-style:normal;
    color: #F9ED99;
}
#pop_jl_box  #jl_info .pic{
    width:8.333333vw;
    height:8.333333vw;
    background:url('../img/pic_bg.png') no-repeat;
    background-size:100%;
    position: relative;
    margin:0 auto;
}


#pop_jl_box  #jl_info .pic .kuang{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    pointer-events:none;  
    background:url('../img/pic_frame.png') no-repeat;
    background-size:100%;
}

#pop_jl_box  #jl_info .pic img{
    width:60%;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
#pop_jl_box  #tips_jl_btn{
    color: #F9ED99;
    font-size:1.354166vw;
    width:11.7708333vw;
    height:3.38541666vw;
    position: absolute;
    left:50%;
    bottom:2vw;
    margin:0 0 0 -5.88541665vw;
    background:url('../img/btn-pop-confirm.png') no-repeat;
    background-size:100%;
    text-align: center;
    line-height:3.38541666vw;
}
#pop_jl_box  #tips_j_btn:hover{
    background:url('../img/btn-pop-confirm-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}
#jl_top{
    display:flex;
    width:48vw;
    margin:1vw auto 0;
}
#jl_top > div{
    height:2.1875vw;
    background:#79302a;
    line-height:2.1875vw;
    box-sizing: border-box;
    text-align: left;
    padding:0 0 0 2vw;
}
#jl_top > div:nth-child(1){
    width:35%;
}
#jl_top > div:nth-child(2){
    width:32%;
}
#jl_top > div:nth-child(3){
    width:38%;
}
.jl_item{
    display:flex;
    width:100%;
    border-bottom:1px #79302a solid;
}
.jl_item > div{
    height:3.645833333333333vw;
    line-height:3.645833333333333vw;
    box-sizing: border-box;
    text-align: left;
    padding:0 0 0 2vw;
    position: relative;
}
.jl_item > div a{
    display: block;
    position: absolute;
    right:0;
    top: 0.5vw;
    width: 5.6770833vw;
    height:2.44791666vw;
    line-height:2.44791666vw;
    background:url('../img/btn-pop-copy.png') no-repeat;
    background-size:100%;
    text-align: center;
    color:#fff;
    font-size:0.85vw;
    color: #F9ED99;
    
}
.jl_item > div a:hover{
    background:url('../img/btn-pop-copy-hover.png') no-repeat;
    background-size:100%;
    text-decoration: none;
}
.jl_item > div:nth-child(1){
    width:35%;
}
.jl_item > div:nth-child(2){
    width:32%;
}
.jl_item > div:nth-child(3){
    width:38%;
}
#pop_jl_box  #jl_content{
    width:48vw;
    height:20vw;
    overflow:hidden;
    margin:0 auto;
    color:#fff;
    text-align: left;
    position: relative;
}
#jl_list{
    margin-right: 1vw;
}
#mb_fix_icon{
    display:none;
}
@media (min-width: 2200px) {
    .adjust{
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        position: absolute;
        left: 0;
        top:-4vw;
        width: 100%;
        height: 100%;
    }
}
@media (max-height:1000px) and (min-width:640px) {
    .adjust{
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        position: absolute;
        left: 0;
        top:-4vw;
        width: 100%;
        height: 100%;
    }
}
@media (max-width:767px) {
    body{
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }
    .app{
       
    }
    #pop_vd_one_box #vd_one_content video{
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
        height:auto;
        position: absolute;
        left:50%;
        top:50%;
    }
    .adjust{
        top:-0.6rem;
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
        position: absolute;
        left:0;
        width: 100%;
        height: 100%;
    }
    .mb-btn{
        display:none;
    }
    #mb_fix_icon{
        display: block;
        width:1.3rem;
        height:1.3rem;
        position:fixed;
        right:0.29rem;
        top:0.29rem;
        background: url(../img/m/nav-icon.png) center center no-repeat;
        background-size:100%;
        z-index:1001;

    }
    #mb_fix_icon_close{
        display: block;
        width:0.91rem;
        height:0.91rem;
        position:absolute;
        right:0.29rem;
        top:0.29rem;
        background: url(../img/m/nav-close.png) center center no-repeat;
        background-size:100%;
        z-index:1;

    }
    #mb_fix{
        width:100%;
        height:100%;
        position: fixed;
        z-index:1002;
        background:rgba(0,0,0,0.8);
        right:0;
        top:0;
    }
    #mb_fix_con{
        width: 7.24rem;
        height:100%;
        position: absolute;
        right:0;
        top:0;
        background:#f6f5e1;
        box-shadow: -4px 0px 3px #000;
    }
    #mb_fix_hd{
        width: 102%;
        height:2.44rem;
        background: url(../img/m/bg_nav.jpg) center center no-repeat;
        background-size:100%;
    }
    #mb_nav_con {
        position: relative;
        top: -0.2rem;
    }
    #mb_nav_con a{
        display: block;
        width:100%;
        height:1.57rem;
        background: url(../img/m/nav-line-default.png) center bottom no-repeat;
        background-size:100%;
        line-height:1.5rem;
        text-align: center;
        font-size:0.5rem;
        color:#000;
    }
    #mb_nav_con a.cc{
        background: url(../img/m/nav-line-click.png) center bottom no-repeat;
        background-size:100%;
    }
    .login-box{
        position: absolute;
        right:0 !important;
        top: 15.3rem !important;
    }
    .login-box .login-btn .true .usercode{
        color:#000 !important;
        display: inline-block !important;
       
    }
    #login-wrap .login-btn .true .usercode{
        width:auto !important;
        margin-right:0.2rem !important;
    }
    #login-wrap .login-btn .true{
        width: 7.23rem !important;
        right:0 !important;
        top:0 !important;
        text-align: center;
    }
    #login-wrap .login-btn .true .login-out{
        display:inline-block !important;
        vertical-align: middle;
        position: relative;
        top: -0.36rem;
    }
    #login-wrap .login-btn .false{
        right: 50% !important;
        border: solid 1px #000 !important;
        color: #000 !important;
        top: 0 !important;
        margin: 0 105px 0 0;
    }
    #pc_fix{
        display:none;
    }
    #p_0{
        background: url(../img/m/bg_index.jpg) center center no-repeat;
        background-size: cover;
    }
    #p0_title{
        width:9.6rem;
        height:8.23rem;
        background: url(../img/m/title-index-01.png) center center no-repeat;
        background-size: 100%;
        left:0;
        top:1rem;
        margin:0;
    }
    #p0_title_1{
        width:9.6rem;
        height:1.09rem;
        background: url(../img/m/p0_title_1.png) center center no-repeat;
        background-size:100%;
        left:0;
        top:initial;
        bottom:3rem;
        margin: 0;
    }
    .bg_top{
        height:3.43rem;
        background: url(../img/m/bg_top.png) center center no-repeat;
        background-size:100%;
    }
    .bg_bottom{
        background: url(../img/m/bg_bottom.png) center center no-repeat;
        background-size:100%;
        height:9.42rem;
    }
    .btn-outlink{
        display:none;
    }
    .slide_logo{
        width:2.3rem;
        height:1.15rem;
        left:0.32rem;
        top:0.36rem;
    }
    #p1_title_1{
        width:100%;
        height:2.94rem;
        top:2.37rem;
        left:0;
        margin:0;
        background: url(../img/m/title-s2.png) center center no-repeat;
        background-size:100%;
    }
    #p1_title_1 .line{
        height:0.02rem;
        width:8.8rem;
        bottom:0;
        margin: 0 0 0 -4.4rem;
    }
    #p1_p{
        font-size: 0.36rem;
        top: 5.55rem;
        line-height: 0.54rem;
    }
    #p1_btn_box{
        width:8.82rem;
        margin: 0 0 0 -4.41rem;
        top:7.8rem;
    }
    #p1_btn_box a{
        width:4.2rem;
        height:0.9rem;
    }
    #p1_article_box{
        top: 8.9rem;
        width:8rem;
        left:50%;
        margin:0 0 0 -4rem;
    }
    #left_box > div, #right_box > div{
        width:3.35rem;
        margin:0 auto 0.45rem;
    }
    #p1_article_box .pic{
        width:3.35rem;
        height:3.35rem;
        margin-bottom:0.12rem;
    }
    #left_box, #right_box{
        flex-wrap: wrap; 
        justify-content:center;
    }
    #right_box > div:nth-child(5){
        display: block;
    }
    #p1_article_box .pic_p{
        margin: 0;
        border-top: 0;
        border-bottom: 0;
        font-size: 0.36rem;
        width: 3rem;
        height: 3rem;
        background: url(../img/m/pic_mobile_name_bg.png) center center no-repeat;
        background-size: 100%;
        position: absolute;
        left: 0.2rem;
        top: 0.2rem;
        box-sizing: border-box;
        padding: 2.05rem 0 0 0;
        
    }
    #p_1, #p_2, #p_3, #p_4, #p_5, #p_6, #p_7{
        background: url(../img/m/bg_main.jpg) center center no-repeat;
        background-size: cover;
    }
    #cvs{
        display:none;
    }
    #p2_title_1{
        background: url(../img/m/title-s3.png) center center no-repeat;
        background-size:100%;
        width:100%;
        height:1.58rem;
        top:2.37rem;
        left:0;
        margin:0
    }
    #p2_title_1 .line{
        height:0.02rem;
        width:8.8rem;
        bottom:0;
        margin: 0 0 0 -4.4rem;
    }
    #p2_p{
        display: block;
        font-size: 0.36rem;
        top: 4.2rem;
        line-height: 0.45rem;  
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        color: #fff;
        line-height: 0.54rem;
    }
    #p3_title_1{
        background: url(../img/m/title-s4.png) center center no-repeat;
        background-size:100%;
        width:100%;
        height:1.58rem;
        top:2.37rem;
        left:0;
        margin:0
    }
    #p3_title_1 .line{
        height:0.02rem;
        width:8.8rem;
        bottom:0;
        margin: 0 0 0 -4.4rem;
    }
    #p3_upcoming_list{
        display:none;
    }
    #p3_mb_upcoming_list{
        display: block;
        position: absolute;
        width: 8.15rem;
        left:50%;
        margin:0 0 0 -4.075rem;
        top: 4.8rem;
        overflow: hidden;
    }
    #p3_mb_upcoming_list #upcoming_content{
        width:8.15rem;
        height:13.81rem;
        overflow: hidden;
        position: relative;

    }
    #b_mb_bg{
        padding:0 0 0.5rem 0;
    }

    #p3_mb_upcoming_list .b_mb_bg{
        width:7.66rem;
        height:2.97rem;
        position: relative;
        margin: 0.4rem 0 1.2rem 0;
    }
    #p3_mb_upcoming_list .b_mb_bg span{
        display: block;
        position: absolute;
        top:-0.4rem;
        left:50%;
        width:5.57rem;
        height:1.03rem;
        background: url(../img/m/main-title.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -2.785rem;
        text-align: center;
        color:#7b2e2a;
        line-height:1.03rem;
        font-size: 0.42rem;
        font-weight: bold;
    }
    #banner_mb_1{
        background: url(../img/m/banner-s4-01.jpg) center center no-repeat;
        background-size:100%;
    }
    #banner_mb_2{
        background: url(../img/m/banner-s4-02.jpg) center center no-repeat;
        background-size:100%;
    }
    #banner_mb_3{
        background: url(../img/m/banner-s4-03.jpg) center center no-repeat;
        background-size:100%;
    }
    #banner_mb_4{
        background: url(../img/m/banner-s4-04.jpg) center center no-repeat;
        background-size:100%;
    }
    #banner_mb_5{
        background: url(../img/m/banner-s4-05.jpg) center center no-repeat;
        background-size:100%;
    }
    #banner_mb_6{
        background: url(../img/m/banner-s4-06.jpg) center center no-repeat;
        background-size:100%;
    }
    #p3_mb_upcoming_list .b_mb_bg .view_btn{
        display: block;
        width:3.55rem;
        height:1.03rem;
        background: url(../img/m/btn-s3-4-check.png) center center no-repeat;
        background-size:100%;
        position: absolute;
        left:50%;
        bottom:-0.515rem;
        margin:0 0 0 -1.775rem;
        text-align: center;
        color:#fced99;
        font-size: 0.42rem;
        line-height:1.03rem;
    }
    #pop_tips_1{
        width:8.78rem;
        height:13.64rem;
        margin:-6.82rem 0 0 -4.39rem;
        background: url(../img/m/pop-bg-b.png) center center no-repeat;
        background-size:100%;
    }
    #pop_tips_1 #tips_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #pop_tips_1 #tips_info{
        font-size: 0.4rem;
        padding: 1.8rem 0.7rem 0;
        line-height: 0.6rem;
    }
    #pop_tips_1 #tips_btn{
        width:3.58rem;
        height:1.04rem;
        bottom:0.52rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -1.79rem;
        line-height:1.04rem;
        font-size:0.4rem;
    }
    #zhou_veo_mb_play,#veo_mb_play,#jin_veo_mb_play{
        width:1.5rem;
        height:1.5rem;
        background: url(../img/m/video-play.png) center center no-repeat;
        background-size:100%;
        position: absolute;
        left:50%;
        top: 0.8rem;
        margin:0 0 0 -0.75rem;
        
    }
    #pop_vd_box #vd_content {
        width: 9.6rem;
        height: 5.4rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -2.5rem 0 0 -4.8rem;
    }
    #pop_vd_box #vd_close{
        width: 1rem;
        height: 1rem;
        right: 0;
        top: -1rem;
    }
    #p4_title_1{
        background: url(../img/m/title-s5.png) center center no-repeat;
        background-size:100%;
        width:100%;
        height:1.58rem;
        top:2.37rem;
        left:0;
        margin:0
    }
    #p4_title_1 .line{
        height:0.02rem;
        width:8.8rem;
        bottom:0;
        margin: 0 0 0 -4.4rem;
    }
    #p4_p{
        display: block;
        font-size: 0.36rem;
        top: 4.2rem;
        line-height: 0.45rem;  
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        color: #fff;
        line-height: 0.54rem;
    }
    #luck_box{
        width:8.8rem;
        height:11.35rem;
        left:50%;
        margin:0 0 0 -4.4rem;
        top: 6.3rem;
    }
    #luck{
        width:8.8rem;
        height:11.35rem; 
    }
    #luck > div{
        width:1.95rem;
        height:1.95rem;
    }
    #luck > div:nth-child(2){
        left:2.29rem;
    }
    #luck > div:nth-child(3){
        left:4.56rem;
    }
    #luck > div:nth-child(4){
        left:6.83rem;
    }
    #luck > div:nth-child(5){
        top:2.36rem;
        left:6.83rem;
    }
    #luck > div:nth-child(6){
        top:4.71rem;
        left:6.83rem;
    }
    #luck > div:nth-child(7){
        top:7.06rem;
        left:6.83rem;
    }
    #luck > div:nth-child(8){
        top:9.4rem;
        left:6.83rem;
    }
    #luck > div:nth-child(9){
        left: 4.56rem;
        top:9.4rem;
    }
    #luck > div:nth-child(10){
        left: 2.29rem;
        top:9.4rem;
    }
    #luck > div:nth-child(11){
        left:0;
        top:9.4rem;
    }
    #luck > div:nth-child(12){
        left:0;
        top:7.06rem;
    }
    #luck > div:nth-child(13){
        left:0;
        top:4.71rem;
    }
    #luck > div:nth-child(14){
        left:0;
        top:2.36rem;
    }
    #luck_box #luck_foot_box{
        display: block;
        width:4.22rem;
        top: 6.5rem;
        margin: 0 0 0 -2.11rem;
    }
    #luck_box #luck_foot_box a{
        width:4.22rem;
        height:0.95rem;
        line-height:0.95rem;
        font-size:0.36rem;
        background: url(../img/m/btn-s5.png) no-repeat;
        background-size: 100%;
        margin-bottom:0.23rem;

    }
    #luck_box #btn_luck{
        width:4.22rem;
        height:3.01rem;
        top: 5rem;
        background: url(../img/m/btn-s5-start.png) no-repeat;
        background-size: 100%;
        margin: 0 0 0 -2.11rem;
    }
    #luck_box #p_txt{
        font-size: 0.46rem;
        top:3rem;
        line-height: 0.6rem;
    }
    #p5_title_1{
        background: url(../img/m/title-s6.png) center center no-repeat;
        background-size:100%;
        width:100%;
        height:1.58rem;
        top:2.37rem;
        left:0;
        margin:0
    }
    #p5_title_1 .line{
        height:0.02rem;
        width:8.8rem;
        bottom:0;
        margin: 0 0 0 -4.4rem;
    }
    #p5_p1{
        display: block;
        font-size: 0.36rem;
        top: 4.2rem;
        line-height: 0.45rem;  
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        color: #fff;
        line-height: 0.54rem;
    }
    #p5_title_2{
        background: url(../img/m/title-s6-01.png) center center no-repeat;
        background-size:100%;
        width:100%;
        height:1.58rem;
        top: 6.25rem;
        left:0;
        margin:0
    }
    #p5_p2{
        display: block;
        font-size: 0.36rem;
        top: 7.7rem;
        line-height: 0.45rem;  
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        color: #fff;
        line-height: 0.54rem;
    }
    #p_5 #input_box{
        width:8.76rem;
        margin: 0 0 0 -4.38rem;
        top: 10rem;
    }
    #p_5 #input_box .input_item{
        display: block;
    }
    #p_5 #input_box .input_item #invite_input{
        width:100%;
        height:0.94rem;
        line-height:0.94rem;
        padding: 0 0.2rem;
        text-align: center;
        font-size:0.36rem;
        margin-bottom:0.27rem;
    }
    #p_5 #input_box .input_item #send_out, #copy_sharing{
        width:100%;
        line-height:0.96rem;
        font-size:0.36rem;
        height:0.96rem;
        background: url(../img/m/btn-s6.png) center center no-repeat;
        background-size:100%;
    }
    #p_5 #input_box .input_item #send_out:hover, #copy_sharing:hover{
        background: url(../img/m/btn-s6.png) center center no-repeat;
        background-size:100%;
    }
    #p_5 #input_box .input_item #invite_code{
        text-align: center;
        width:100%;
        height:1.2rem;
        font-size: 0.7rem;
        line-height:1.2rem;
    }
    #p_5 #goto_lottery{
        background: url(../img/m/btn-s6-goto.png) center center no-repeat;
        background-size:100%;
        width:100%;
        height: 1.74rem;
        margin: 0.8rem 0 0 0;
    }
    #p6_title_1{
        background: url(../img/m/title-s7.png) center center no-repeat;
        background-size:100%;
        width:100%;
        height:1.58rem;
        top:2.37rem;
        left:0;
        margin:0
    }
    #p6_title_1 .line{
        height:0.02rem;
        width:8.8rem;
        bottom:0;
        margin: 0 0 0 -4.4rem;
    }
    #p_6 #message_list_box{
        width:8.8rem;
        height:7.9rem;
        background: url(../img/m/bg-s7-main-01.png) center center no-repeat;
        background-size:100%;
        margin: 0 0 0 -4.4rem;
        top: 4.3rem;
    }
    #sx_content{
        width:7.8rem;
        height:7.14rem;
        top:0.39rem;
        left:0.59rem;
    }
    #user_list{
        margin:0;
        margin-right: 0.29rem;
    }
    #user_list li{
        height:2.64rem;
        border-bottom: 1px #130913 solid;
        width: 99%;
        margin-bottom: 0.16rem;
    }
    #user_list li .u_more{
        right:50%;
        top:1.5rem;
        width:4.22rem;
        height:0.97rem;
        line-height:0.97rem;
        font-size: 0.36rem;
        background: url(../img/m/btn-s7-more.png) center center no-repeat;
        background-size:100%;
        margin: 0 -2.11rem 0 0;
    }
    #user_list li em{
        font-size:0.3rem;
        margin-right:0.16rem;
        color:#222122;
    }
    #user_list li strong{
        font-size:0.32rem;
    }
    #user_list li .u_bottom{
        font-size:0.3rem;
        padding:0;
        width:100%;
    }
    #message_input_box{
        top: 12.5rem;
        width: 8.8rem;
        height:6.53rem;
        background: url(../img/m/bg-s7-main-02.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -4.4rem;
    }
    #textarea_send_out{
        background: url(../img/m/btn-s7-send.png) center center no-repeat;
        background-size:100%;
        width:7.3rem;
        height:0.96rem;
        line-height:0.96rem;
        font-size: 0.36rem;
        margin: 0 0 0 -3.65rem;
        top: 4.8rem;
    }
    #message_name{
        width:7.87rem;
        height:0.79rem;
        left:0.46rem;
        top:0.4rem;
        font-size:0.3rem;
        text-align: center;
        padding: 0 0.16rem;
        line-height:0.79rem;
    }
    #textarea_box{
        width:7.87rem;
        left:0.46rem;
        top: 1.2rem;
    }
    #textarea_box textarea{
        width: 100%;
        height: 3rem;
        font-size: 0.3rem;
        text-align: center;
        padding: 0.2rem;
        line-height: 0.42rem;
    }
    #textarea_box #chars{
        font-size: 0.24rem;
        right: 0.3rem;
        bottom: -0.5rem;
    }
    #pop_roll_tips_1{
        width:8.78rem;
        height:13.64rem;
        margin:-6.82rem 0 0 -4.39rem;
        background: url(../img/m/pop-bg-b.png) center center no-repeat;
        background-size:100%;
    }
    #pop_roll_tips_1 #tips_roll_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #pop_roll_tips_1 #tips_roll_info{
        font-size: 0.4rem;
        padding: 0.9rem 0.7rem 0;
        line-height: 0.6rem;
    }
    #roll_content{
        width:7.54rem;
        height:11rem;
    }
    #roll_content em{
        font-size:0.28rem;
    }
    #roll_content strong{
        font-size:0.3rem;
    }
    #roll_content #roll_p{
        font-size:0.3rem;
        padding: 0 0.38rem 0 0;
    }

    #pop_travel_reward_box #travel_reward_tips{
        width:8.76rem;
        height:8.05rem;
        background: url(../img/m/pop-bg-s.png) no-repeat;
        background-size: 100%;
        margin:-4.025rem 0 0 -4.38rem;
    }
    #pop_travel_reward_box #travel_reward_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #pop_travel_reward_box #travel_reward_info{
        font-size: 0.4rem;
        padding:1rem 0 0 0;
    }
    #pop_travel_reward_box #tips_travel_reward_btn{
        width:3.58rem;
        height:1.04rem;
        bottom:0.52rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -1.79rem;
        line-height:1.04rem;
        font-size:0.4rem;
    }
    #pop_travel_reward_box #travel_reward_info .pic{
        width:1.95rem;
        height:1.95rem;
    }
    #pop_travel_reward_box #travel_reward_info .reward_info_p{
        padding:0.34rem 0;
        width: 46%;
        text-align: center;
        margin: 0 auto;
    }
    #pop_travel_reward_box #travel_reward_info .reward_info_p:nth-child(3){
        width:100%;
    }
    #pop_roll_tips_1 #tips_roll_btn{
        width:3.58rem;
        height:1.04rem;
        bottom:0.52rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -1.79rem;
        line-height:1.04rem;
        font-size:0.4rem;
    }
    #pop_s2_tips_box #pop_s2_tips{
        width:8.76rem;
        height:8.05rem;
        background: url(../img/m/pop-bg-s.png) no-repeat;
        background-size: 100%;
        margin:-4.025rem 0 0 -4.38rem;
    }
    #pop_s2_tips_box #pop_s2_tips #tips_s2_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #pop_s2_tips_box #pop_s2_tips #tips_s2_btn{
        width:3.56rem;
        height:1.03rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        bottom:1.26rem;
        line-height:1.03rem;
        font-size:0.4rem;
        margin: 0 0 0 -3.8rem;
    }
    #pop_s2_tips_box #pop_s2_tips #tips_s2_reject_btn{
        width:3.56rem;
        height:1.03rem;
        background: url(../img/m/btn-pop-cancel.png) center center no-repeat;
        background-size:100%;
        bottom:1.26rem;
        line-height:1.03rem;
        font-size:0.4rem;
        margin: 0 0 0 0.2rem;
    }
    #pop_s2_tips_box #pop_s2_tips #tips_s2_info{
        font-size: 0.4rem;
    }
    #p7_title_1{
        background: url(../img/m/title-s8.png) center center no-repeat;
        background-size:100%;
        width:100%;
        height:1.58rem;
        top:2.37rem;
        left:0;
        margin:0
    }
    #p7_title_1 .line{
        height:0.02rem;
        width:8.8rem;
        bottom:0;
        margin: 0 0 0 -4.4rem;
    }
    #p7_p{
        display: block;
        font-size: 0.36rem;
        top: 4.2rem;
        line-height: 0.45rem;
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        color: #fff;
        line-height: 0.54rem;
    }
    #p7_achieve_box{
        width:8.78rem;
        height:13.15rem;
        background: url(../img/m/bg-s8-main.png) no-repeat;
        background-size: 100%;
        top: 5.5rem;
        margin: 0 0 0 -4.39rem;
        padding:0.52rem 0 0 0.58rem;
    }
    #p7_achieve_box .achieve_item{
        width:7.36rem;
        height:3.24rem;
        background: url(../img/m/bg-s8-group.png) no-repeat;
        background-size: 100%;
        margin-bottom:0.12rem;
        padding:0.46rem;
        position: relative;
    }
    #p7_achieve_box .achieve_item strong{
        display: block;
        text-align: center;
        font-size:0.36rem;
        padding:0 0 0.18rem 0;
    }
    #p7_achieve_box .achieve_item .percentage{
        width:100%;
        margin:0;
        height:0.35rem;
    }
    #p7_achieve_box .prize_box{
        justify-content: center;
        right: 0.8rem;
        top: 1.68rem;
    }
    #p7_achieve_box .achieve_item .not_achieved{
        width: 1.5rem;
        height: 1.2rem;
        right: 2.2rem;
        top: 1.68rem;
    }
    #p7_achieve_box .prize_box .prize_item{
        width:1.14rem;
        height:1.14rem;
    }

    #pop_s_tips_box #pop_s_tips{
        width:8.76rem;
        height:8.05rem;
        background: url(../img/m/pop-bg-s.png) no-repeat;
        background-size: 100%;
        margin:-4.025rem 0 0 -4.38rem;
    }
    #pop_s_tips_box #pop_s_tips #tips_s_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #pop_s_tips_box #pop_s_tips #tips_s_info{
        font-size: 0.4rem;
        padding: 0.4rem 0.7rem 0;
        line-height: 0.6rem;
    }
    #pop_s_tips_box #pop_s_tips #tips_s_btn{
        width:3.58rem;
        height:1.04rem;
        bottom:0.52rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -1.79rem;
        line-height:1.04rem;
        font-size:0.4rem;
    }
    #slide_footer{
        height:3.82rem;
        background: url(../img/m/mb_footer.jpg) center center no-repeat;
        background-size:100%;
    }
    #achieve_content{
        width: 7.65rem;
        height: 12.3rem;
        overflow: hidden;
        position: relative;
    }
    #pop_prize_list_box #pop_prize_list_tips{
        width:8.78rem;
        height:13.64rem;
        margin:-6.82rem 0 0 -4.39rem;
        background: url(../img/m/pop-bg-b.png) center center no-repeat;
        background-size:100%;
    }
    #pop_prize_list_box #pop_prize_list_tips #prize_list_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #pop_prize_list_box #pop_prize_list_tips #prize_list_btn{
        width:3.58rem;
        height:1.04rem;
        bottom:0.52rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -1.79rem;
        line-height:1.04rem;
        font-size:0.4rem;
    }
    #pop_prize_list_box #prize_content{
        width: 7.1rem;
        height: 10.9rem;
    }
    #pop_prize_list_box #prize_content .prize_li_item{
        height:auto;
        display: block;
        border-bottom:0 none;
        margin-bottom:0;
        padding:0;
        margin-right: 0.4rem;
    }
    #pop_prize_list_box #prize_content .prize_li_item .prize_each:nth-child(1){
        height:1.97rem;
        border-bottom: 1px solid #792e29;
        margin-bottom:0.17rem;
        width:100%;
    }
    #pop_prize_list_box #prize_content .prize_li_item .prize_each:nth-child(2){
        height:1.97rem;
        border-bottom: 1px solid #792e29;
        margin-bottom:0.17rem;
        width:100%;
    }
    #pop_prize_list_box #pop_prize_list_tips #prize_list_info{
        font-size:0.4rem;
        line-height:0.5rem;
        padding:1.17rem 0 0 0;
    }
    #pop_prize_list_box #prize_content .prize_li_item .pic{
        width:1.7rem;
        height:1.7rem;
        margin:0;
        margin-left:1rem;
        margin-right:0.37rem;
    }
    #pop_travel_tips_box #pop_travel_tips{
        width:8.76rem;
        height:8.05rem;
        background: url(../img/m/pop-bg-s.png) no-repeat;
        background-size: 100%;
        margin:-4.025rem 0 0 -4.38rem;
    }
    #pop_travel_tips_box #pop_travel_tips #tips_travel_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #pop_travel_tips_box #pop_travel_tips #tips_travel_info{
        font-size: 0.4rem;
        padding: 0.4rem 0.7rem 0;
        line-height: 0.6rem;
    }
    #pop_travel_tips_box #pop_travel_tips #tips_travel_btn{
        width:3.58rem;
        height:1.04rem;
        bottom:0.52rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -1.79rem;
        line-height:1.04rem;
        font-size:0.4rem;
    }
    #pop_gz_tips_1{
        width:8.78rem;
        height:13.64rem;
        margin:-6.82rem 0 0 -4.39rem;
        background: url(../img/m/pop-bg-b.png) center center no-repeat;
        background-size:100%;
    }
    #pop_gz_tips_1 #tips_gz_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #pop_gz_tips_1 #tips_gz_info{
        font-size: 0.3rem;
        padding: 1.3rem 0.7rem 0;
        line-height: 0.6rem;
    }
    #pop_gz_tips_1 #tips_gz_btn{
        width:3.58rem;
        height:1.04rem;
        bottom:0.52rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -1.79rem;
        line-height:1.04rem;
        font-size:0.4rem;
    }
    #pop_jl_box #jl_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #pop_jl_box #jl_tips{
        width:8.78rem;
        height:13.64rem;
        margin:-6.82rem 0 0 -4.39rem;
        background: url(../img/m/pop-bg-b.png) center center no-repeat;
        background-size:100%;
    }
    #pop_jl_box #jl_info{
        text-align: center;
        font-size:0.3rem;
        padding:1.2rem 0 0 0;
    }
    #jl_top{
        width:7.7rem;
        margin:0 auto;
    }
    .jl_item > div:nth-child(1){
        padding:0.3rem 0 0 0.16rem;
        line-height:0.4rem;
    }
    .jl_item > div:nth-child(2){
        padding:0.3rem 0 0 0.16rem;
        line-height:0.4rem;
    }
    .jl_item > div:nth-child(3){
        padding: 0.3rem 0 0 0.2rem;
    }
    .jl_item > div a{
        position: initial;
        width:1.85rem;
        height:0.55rem;
        line-height:0.55rem;
        font-size:0.24rem;
        background: url(../img/m/btn-s5.png) center center no-repeat;
        background-size:100%;
        
    }
    .jl_item > div a:hover{
        background: url(../img/m/btn-s5.png) center center no-repeat;
        background-size:100%;
    }
    #jl_top > div {
        height:0.86rem;
        line-height:0.86rem;
        text-align: left;
        padding: 0 0 0 0.16rem;
        font-size:0.36rem;
    }
    .jl_item > div {
        height:1.45rem;
       
        word-wrap: break-word;
    }
    #pop_jl_box #tips_jl_btn{
        width:3.58rem;
        height:1.04rem;
        bottom:0.52rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -1.79rem;
        line-height:1.04rem;
        font-size:0.4rem;
    }
    #pop_jl_box #jl_content {
        width:7.7rem;
        height:9.8rem;
    }
    #gz_content{
        width:7.56rem;
        height:10.6rem;
    }
    #left_box > div:nth-child(5){
        display:block;
    }
    #right_box > div#pic_5{
        display:none;
    }
    #mb_cvs{
        display:block;
        width:8.76rem;
        height:11.87rem;
        background: url(../img/m/bg-s3-main.png) center center no-repeat;
        background-size:100%;
        position: absolute;
        top:6.6rem;
        left:50%;
        margin:0 0 0 -4.38rem;
    }
    #mb_travel_btn{
        width:3.4rem;
        height:1.04rem;
        display: block;
        background: url(../img/m/btn-s3-fin.png) center center no-repeat;
        background-size:100%;
        position: absolute;
        left:50%;
        bottom: -0.9rem;
        margin:0 0 0 -1.7rem;
    }
    #dao_content{
        width: 7.96rem;
        height: 11rem;
        position: relative;
        overflow: hidden;
        left: 0.4rem;
        top: 0.4rem;
    }
    .pp_top{
        padding:0.47rem 0 0.01rem;
    }
    .dao_item{
        width:7.64rem;
        height:2.95rem;
        position: relative;
        margin-bottom:1.02rem;
    }
    .dao_item .dao_name{
        display: block;
        position: absolute;
        top:-0.4rem;
        left:50%;
        width:5.57rem;
        height:1.03rem;
        background: url(../img/m/main-title.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -2.785rem;
        text-align: center;
        color:#7b2e2a;
        line-height:1.03rem;
        font-size: 0.42rem;
        font-weight: bold;
    }
    .dao_item .look_over{
        display: block;
        position: absolute;
        bottom:-0.5rem;
        left:50%;
        height:1.04rem;
        width:3.56rem;
        margin:0 0 0 -1.78rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        line-height:1.04rem;
        font-size:0.4rem;
        text-align: center;
        color:#f5ea91;
    }
    #dao_1{
        background: url(../img/m/banner-s3-01.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_1.complete{
        background: url(../img/m/banner-s3-01-fin.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_2{
        background: url(../img/m/banner-s3-02.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_2.complete{
        background: url(../img/m/banner-s3-02-fin.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_3{
        background: url(../img/m/banner-s3-03.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_3.complete{
        background: url(../img/m/banner-s3-03-fin.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_4{
        background: url(../img/m/banner-s3-04.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_4.complete{
        background: url(../img/m/banner-s3-04-fin.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_5{
        background: url(../img/m/banner-s3-05.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_5.complete{
        background: url(../img/m/banner-s3-05-fin.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_6{
        background: url(../img/m/banner-s3-06.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_6.complete{
        background: url(../img/m/banner-s3-06-fin.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_7{
        background: url(../img/m/banner-s3-07.jpg) center center no-repeat;
        background-size:100%;
    }
    #dao_7.complete{
        background: url(../img/m/banner-s3-07-fin.jpg) center center no-repeat;
        background-size:100%;
    }
    #pop_island_tips_box #pop_island_tips{
        width:8.78rem;
        height:13.64rem;
        margin:-6.82rem 0 0 -4.39rem;
        background: url(../img/m/pop-bg-b.png) center center no-repeat;
        background-size:100%;
    }
    #pop_island_tips_box #tips_island_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #tips_island_btn{
        width:3.58rem;
        height:1.04rem;
        bottom:0.52rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -1.79rem;
        line-height:1.04rem;
        font-size:0.4rem;
    }
    #pop_island_tips_box #tips_island_info{
        display: block;
        padding:1.3rem 0 0 0;
    }
    #mappic_1_hover{
        width: 1.14rem;
        height: 1.14rem;
        left: 3.2rem;
        top: 1.4rem;
    }
    .mappic .clock_in{
        width:1.94rem;
        height:0.63rem;
        line-height:0.63rem;
        font-size:0.3rem;
        margin:0 0 0 -0.97rem
    
    }
    #pop_island_tips_box #tips_island_info #island_info_content{
        font-size: 0.4rem;
        padding: 0.4rem 0.7rem 0;
        line-height: 0.6rem;
        width: 100%;
    }
    #pop_island_tips_box #tips_island_info img{
        width:50%;
        margin:0 auto;
        display: block;
        left:0;
        top:0;
    }
    #pop_sjiang_tips_box #pop_sjiang_tips{
        width:8.76rem;
        height:8.05rem;
        background: url(../img/m/pop-bg-s.png) no-repeat;
        background-size: 100%;
        margin:-4.025rem 0 0 -4.38rem;
    }
    #pop_sjiang_tips_box #pop_sjiang_tips #tips_sjiang_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #pop_sjiang_tips_box #pop_sjiang_tips #tips_sjiang_btn{
        width: 3.56rem;
        height: 1.03rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size: 100%;
        bottom: 1.26rem;
        line-height: 1.03rem;
        font-size: 0.4rem;
        margin: 0 0 0 -3.8rem;

    }
    #pop_sjiang_tips_box #pop_sjiang_tips #tips_sjiang_reject_btn{
        width: 3.56rem;
        height: 1.03rem;
        background: url(../img/m/btn-pop-cancel.png) center center no-repeat;
        background-size: 100%;
        bottom: 1.26rem;
        line-height: 1.03rem;
        font-size: 0.4rem;
        margin: 0 0 0 0.2rem;
    }
    #pop_sjiang_tips_box #pop_sjiang_tips #tips_sjiang_info{
        font-size: 0.4rem;
    }

    #pop_jj_box #jj_tips{
        width:8.76rem;
        height:8.05rem;
        background: url(../img/m/pop-bg-s.png) no-repeat;
        background-size: 100%;
        margin:-4.025rem 0 0 -4.38rem;
    }
    #pop_jj_box #jj_tit{
        width:5.57rem;
        height:1.29rem;
        background: url(../img/m/pop-title.png) center center no-repeat;
        background-size:100%;
        top:-0.645rem;
        margin: 0 0 0 -2.785rem;
        line-height:1.29rem;
        font-size:0.5rem;
    }
    #pop_jj_box #tips_jj_btn{
        width:3.58rem;
        height:1.04rem;
        bottom:0.52rem;
        background: url(../img/m/btn-pop-confirm.png) center center no-repeat;
        background-size:100%;
        margin:0 0 0 -1.79rem;
        line-height:1.04rem;
        font-size:0.4rem;
    }
    #pop_jj_box #jj_info{
        font-size: 0.4rem;
        padding: 1.1rem 0 0 0;
    }
    #pop_jj_box #jj_info .pic{
        width:1.95rem;
        height:1.95rem;
    }
    #pop_jj_box #jj_info .jj_info_p{
        padding:0.46rem 0 ;
    }
    .iScrollVerticalScrollbar{
        width:0.12rem !important;
    }
}


@media (max-height:750px) {
    #p1_article_box{
        top:7.6rem;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        
    }
    #left_box > div, #right_box > div{
        width:3.35rem;
        margin:0 auto 0.1rem;
    }
    #p3_mb_upcoming_list #upcoming_content{
        height: 10.5rem;
    }
    #luck_box{
        top: 5.8rem;
    }
    #luck{
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }

    #p_5 #input_box{
        top: 9.5rem;
    }
    #p_5 #goto_lottery{
        margin:0;
    }
    #message_list_box,#message_input_box{
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
    }
    #p_6 #message_list_box{
        top: 3.5rem;
    }
    #message_input_box{
        top: 10.4rem;
    }
    #p7_achieve_box{
        top: 4.55rem;
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
    }
    #mb_cvs{
        top: 5.3rem;
        transform: scale(0.82);
        -webkit-transform: scale(0.82);
    }
}