@media screen and (min-width: 960px){html{font-size:128px;}}
@media screen and (max-width: 750px){html{font-size: 100px;}}
@media screen and (max-width: 640px){html{font-size:85.33px;}}
@media screen and (max-width: 414px){html{font-size:55.2px;}}
@media screen and (max-width: 375px){html{font-size: 50px;}}
@media screen and (max-width: 360px){html{font-size:48px;}}
@media screen and (max-width: 320px){html{font-size:42.66px;}}


html,body{
  /*overflow: hidden; 
  overflow-y: auto;*/
  margin:0 auto;
  padding: 0;
  position: relative;
  height: 100%;
  }
.mywrap{
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0,0,0);
  -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
  }

a,a:hover,a:active,a:visited,a:link,a:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  outline:none;
  text-decoration: none;
}
ul{
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.dn,.hide{
  display: none !important;
}
.content,.mywrap * {
  /* overflow:hidden; */
  position: relative;
  width: 100%;
}

.mywrap .IOScon1{
  height: 16.98rem;
  background: url(//pic1.iqiyipic.com/common/20180809/yanxi-h5Background_02.jpg) no-repeat scroll center top/100% auto;
}
.mywrap .Androidcon1{
  height: 20.75rem;
  background: url(//pic0.iqiyipic.com/common/20180810/Androidyanxi-h5Background_02_02.jpg) no-repeat scroll center top/100% auto;
}
.mywrap .con2{
  height: 8.69rem;
  background: url(//pic1.iqiyipic.com/common/20180810/yanxi-h5Background_03.jpg) no-repeat scroll center top/100% auto;
}
.mywrap .con3{
  height: 20.63rem;
  background: url(//pic0.iqiyipic.com/common/20180809/yanxi-h5Background_04.jpg) no-repeat scroll center top/100% auto;
}

.btn_component {
  width: 0vw;
  height: 0vw;
  display: block;
  position: absolute;
  top: 0vw;
  left: 0vw; 
  opacity: 1;
}
a.btn_component.btn_component1{
  top: 10.1rem;
  left: 0.8rem;
  width: 2.69rem;
  height: 0.93rem;
}
a.btn_component.btn_component2{
  top: 10.1rem;
  left: 3.9rem;
  width: 2.69rem;
  height: 0.93rem;
}
a.btn_component.btn_component3{
    width: 1.54rem;
    height: 0.6rem;
    top: 0.47rem;
    left: 6rem;
    text-decoration: underline;
    color: white;
}
a.btn_component.btn_component4{
    width: 1.54rem;
    height: 0.6rem;
    top: 7.9rem;
    left: 5.5rem;
}
a.btn_component.btn_component5{
    width: 3.54rem;
    height: 1.5rem;
    top: 18.47rem;
    left: 2rem;
}
a.btn_component.btn_component6{
    width: 3.54rem;
    height: 1.5rem;
    top: 15.47rem;
    left: 3.5rem;
}
a.btn_component.btn_component7{
    width: 6.54rem;
    height: 3.5rem;
    top: 12.47rem;
    left: 0.5rem;
}
a.btn_component.btn_component8{
    width: 6.54rem;
    height: 3.5rem;
    top: 16.7rem;
    left: 0.5rem;
}
a.btn_component.btn_component9{
    width: 6.54rem;
    height: 3.5rem;
    top: 2rem;
    left: 0.5rem;
}
a.btn_component.btn_component10{
    width: 3rem;
    height: 2.3rem;
    top: 9.4rem;
    left: 0.5rem;
}
a.btn_component.btn_component11{
    width: 3rem;
    height: 2.3rem;
    top: 9.4rem;
    left: 4rem;
}
a.btn_component.btn_component12{
    width: 6.5rem;
    height: 1.3rem;
    top: 12rem;
    left: 0.5rem;
}
.isfixed{
      display: block;
      position: fixed;
      bottom: 0;
      width: 100%;
      height: 1.34rem;
      z-index: 10;
      background: url(//pic1.qiyipic.com/common/20180612/zk-firstimg1.png) no-repeat scroll center top/100% auto;
}
/*header*/
.header-wrap{
      height: 0.61rem !important;
      background: black;
}
.header-wrap .new-header{
  background: #381e0f;
}
.header-wrap .new-header h2{
  color: #b07558;
}
.header-wrap .new-header h2.name{
  color: #b07558;
}
.header-wrap .new-header .loginBtn{
  background: #6a3c21;
  color: #cfa88b;
}
.mod_hy_event_pop{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  -webkit-transform: translate(0);
  transform: translate(0);
  border: 0;
  border-radius: 0;
}
.supernatant{
    overflow: hidden;
    background: #fff;
    color: #282828;
    font-size: 14px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 9999;
    /* padding: 20px 0; */
    border-radius: 20px;
    width: 6rem;
    /* max-height: 5rem; */
    /* overflow: auto; */
    border: 2px solid #49791a;
    background: #8e3b23;
    border: 3px solid #672c19;
}
/*header end*/


/*九宫格*/
.com-3822896{
    top: 1.9rem;
    left: 0.3rem;
    height: 6.2rem;
    width: 6.9rem;
    border-radius: 0.8rem;
}
.com-3822896 .lequ_content{
  width: 100%;
  margin: 0 auto;
  height: 100%;
}

.com-3822896 .lequ_lottery{
  width: 91%;
  margin-left: 5.6%;
  font-size: 0;
  height: 89%;
}

.com-3822896 .lequ_gift_each{
  display: inline-block;
  letter-spacing: 0;
  position: relative;
  margin: 1%;
  z-index: 1;
  width: 31%;
  height: 3rem;
  height: 30%;
  background-size: 100% 100%;
}

.com-3822896 .lequ_gift_get{
    display: inline-block;
    letter-spacing: 0;
    background-size: contain;
    vertical-align: top;
    width: 33%;
    height: 32%;
    left: 0rem;
    margin: 0%;
    top: 0rem;
    overflow: visible;
    /* display: none; */
}

.com-3822896 .selected{
    border: 0.05rem solid #fc2030;
    margin-left: -0.02rem !important;
}

.com-3822896 .lequ_lottery_btn{
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 2%;
  background-image: url(//pic1.iqiyipic.com/common/20180718/lotteryClick_03.png);
  background-size: 98% 99%;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 10;
  overflow: visible;
}
/*九宫格end*/

/*分享*/
.IsShare{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
}
.IsShare img{
  
position: absolute;
  
left: 4rem;
  
top: 0.3rem;
  
width: 3.29rem;
  
height: 2.6rem;
  
z-index: 11;
}