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: #027B7E;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
}

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;
}
body,html{
    width:100%;
    height:100%;
}
/*{   
    -webkit-touch-callout:none;   
    -webkit-user-select:none;  
    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);
    }
}  
body,html{
    overflow-x: hidden;
    background:#000;
    padding-right:0 !important;
}
body{
    overflow: hidden !important;
    color: #fff;
}
.clear:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {
  display: inline-block;
  }
.app{
    overflow: hidden;
    width:100%
}

@keyframes rotate-music {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


@-webkit-keyframes rotate-music {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.paused{
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
#vd_pop_box_con{
    position: absolute;
    width: 29.843vw;
    height: 16.927vw;
    left: 6.35vw;
    top: 5.3vw;
  }
  #vd_pop_box_con iframe{
    width:100%;
    height:100%;
  }
  #vd_btn{
    cursor: pointer;
    width:16.77vw;
    height:35.364vw;
    position: absolute;
    left:8.281vw;
    top:5.312vw;
  }
  #lqGubi{
    position: absolute;
    color:#fae3a9;
    font-size: 1.2vw;
    left:16.56vw;
    top: 7.2vw;
    width:2.187vw;
    text-align: center;
  }

  .pop6 .pop{
    top: 47%;
    left: 52%;
  }

  .pop4 .pop{
    top: 47%;
    left: 52%;
  }
  .pop7 .pop .left{
    top: initial;
    background:none;
  }
  .pointerEvents{
    pointer-events: none;
  }

  .pop5 .pop{
    top: 47%;
    left: 52%;
  }

  #record_btn{
    display: block;
    width:10.416vw;
    height:3.802vw;
    background: url("../image/record_btn.png") center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 1.2vw;
    top: -4vw
  }
  #record_pop{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 21;
  }
  #record_pop_close{
    display: block;
    width:5.833vw;
    height:2.031vw;
    position: absolute;
    left: 10.8vw;
    bottom: 2.1vw;
  }
  #record_pop_box{
    width: 27.6042vw;
    height: 17.7604vw;
    background: url("../image/record_pop.png") center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 52%;
    top: 47%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  #record_pop_box_list{
    height: 10vw;
    width: 17.687vw;
    overflow-y: auto;
    position: relative;
    left: 5.5vw;
    top: 3.65vw;
    color: #ffd495;
    font-size: 0.8vw;
    scrollbar-width: thin;
    -ms-overflow-style: none;
    padding: 0 1vw 0 0;
  }
  #record_pop_box_list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color:none;
    border-radius:20px;
}

#record_pop_box_list::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color:none;
    border-radius:20px;
}

#record_pop_box_list::-webkit-scrollbar-thumb {
    background-color: #ffd495;
    border-radius:20px;
}
  #record_pop_box_list li span{
    color:#fd7c7c;
  }
  #shiji_pop{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
  }
  #lunEnd_pop{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
  }
  #lunEnd{
    width: 27.6042vw;
    height: 17.7604vw;
    background: url("../image/lunEnd.png") center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 52%;
    top: 47%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  #lunEnd_close{
    display: block;
    width:5.833vw;
    height:2.031vw;
    position: absolute;
    left: 10.8vw;
    bottom: 4.2vw;
  }
  #ckEnd_pop{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
  }
  #ckEnd{
    width: 27.6042vw;
    height: 17.7604vw;
    background: url("../image/ckEnd.png") center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 52%;
    top: 47%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  #ckEnd_close{
    display: block;
    width:5.833vw;
    height:2.031vw;
    position: absolute;
    left: 10.8vw;
    bottom: 4.2vw;
  }
 #jieshu_pop{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
  }
  #jieshu_pop_close{
    display: block;
    width:5.833vw;
    height:2.031vw;
    position: absolute;
    left: 10.8vw;
    bottom: 4.2vw;
  }
  #jieshu_pop_box{
    width: 27.6042vw;
    height: 17.7604vw;
    background: url("../image/jieshu_pop.png") center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 52%;
    top: 47%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  #shiji_pop_box1{
    width: 27.6042vw;
    height: 17.7604vw;
    background: url("../image/shiji_pop_box1.png") center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 52%;
    top: 47%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  #shiji_pop_box2{
    width: 27.6042vw;
    height: 17.7604vw;
    background: url("../image/shiji_pop_box2.png") center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 52%;
    top: 47%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  #shiji_pop_chenggong{
    display: block;
    width:5.833vw;
    height:2.031vw;
    position: absolute;
    left: 10.8vw;
    bottom: 4.2vw;
  }
  #shiji_pop_close{
      display: block;
      width:5.833vw;
      height:2.031vw;
      position: absolute;
      left: 6.8vw;
      bottom: 4.2vw;
  }
  #shiji_pop_quren{
    display: block;
    width:5.833vw;
    height:2.031vw;
    position: absolute;
    left: 14.9vw;
    bottom: 4.1vw;
  }


  #weikai_pop {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    left: 0;
    top: 0;

  }
  
  #weikai_pop #weikai_pop_close {
    display: block;
    width: 6.0938vw;
    height: 1.9271vw;
    position: absolute;
    left: 10.7292vw;
    bottom: 4.3229vw;
  }
  #weikai_pop #weikai_pop_box {
    width: 27.6042vw;
    height: 17.7604vw;
    background: url("../img/weikai_pop.png") center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }



#zpleave{
    position: absolute;
    color: #ffd497;
    left: 0;
    top: 6vw;
    text-align: center;
    font-size: 1.4vw;
    white-space: nowrap;
}
#zpleave span{
    color: #fd7c7c;
}

#ckleave{
    position: absolute;
    color: #ffd497;
    left: 0;
    top: 6vw;
    text-align: center;
    font-size: 1.4vw;
    white-space: nowrap;
    
}


#ckleave span{
    color: #fd7c7c;
}
.login-box{
    right: -68px !important;
}
.login-box .login-btn .false{
    right: 152px !important;

}


.rules-wrap {
    display: none;
    width: 44.8958vw;
    height: 39.0625vw;
    margin-left: 12.1979vw;
    margin-top: 9.2708vw;
    position: absolute;
    left: 0;
    bottom: 8vw;
  }


  #hd_gz_1{
      width:100%;
      height:100%;
      background: url("../image/gz_1.png") center top no-repeat;
      background-size: 100%;
  }
  #hd_gz_1.yes{
    background: url("../image/gz_2.png") center top no-repeat;
    background-size: 100%;
  }

  .market-single{
      position: relative;
  }
  .bao_btn{
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 6vw;
    display: table;
  }
  .bao_btn span {
    opacity: 0;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.bao_btn.yes span{
    background: rgba(55,113,156,0.8);
    opacity: 1;
    font-size: 0.8vw;
    text-align: center;
    color: #ffd497;
}

.szBtn{
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
    display: table;
}

.szBtn span {
    opacity: 0;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.szBtn.yes span{
    background: rgba(55,113,156,0.8);
    opacity: 1;
    font-size: 0.8vw;
    text-align: center;
    color: #ffd497;
}


#card-red{
  color: #fd7c7c;
  top: 7vw;
  left: 6.0104vw;
  width: 12.0833vw;
  position: absolute;
  font-size: 0.9vw;
}

#card-shu p{
  line-height: 1.5vw;
}
.fashion-btn{
  position: relative;
  top: -0.4vw;
}