/*@import url(animation.css);
@import url(animate.css);*/
body,
div,
p,
ul,
li,
ol,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
span,
i,
input,
img,
a,
button,
select,
table,
tr,
th,
td,
label,
textarea {
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
li {
  list-style: none;
}
i {
  font-style: normal;
}
a {
  text-decoration: none;
}
img {
  border: 0 none;
  vertical-align: top;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
body,
button {
  font-size: 14px;
  font-family: "microsoft yahei";
}
body {
  position: relative;
  overflow: hidden;
}
.body {
  position: relative;
  background-size: 100% 100%;
  overflow: hidden;
    /*background: url('../images/bg.jpg') center no-repeat;*/
}
body {
    -webkit-text-size-adjust: 100% !important;
}
body {
  background:#f0fdff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 100px;
  color: #000;
  margin: 0;
  padding: 0;

}
.conts{
    position: relative;
    width: 100%;
    height: 16.24rem;
    top:50%;
    left:0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    overflow: hidden;
    display: none;
    z-index: 999;
    /* background: url('../images/bg.jpg?1644') center no-repeat;
    background-size: 100%; */
}
.pbg{
    width: 100%;
    float: left;
}
.logo{
    background:url("../images/logo.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.96rem;
	top:13.18rem;
	width:5.8rem;
	height:1rem;
	z-index:31;
}
.logo2{
    background:url("../images/logo2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:3.63rem;
	top:13.7rem;
	width:1.83rem;
	height:0.51rem;
	z-index:35;
}
.title{
    background:url("../images/title.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:1.27rem;
	top:2.16rem;
	width:5.04rem;
	height:1.26rem;
	z-index:41;
}
.jxwbtn{
    background: url("../images/jxwbtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.98rem;
    height: 0.74rem;
    left: 5.4rem;
    top: 3.6rem;
}
.lybtn{
    background: url("../images/lybtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:0rem;
	top:3.63rem;
	width:2.02rem;
	height:1.39rem;
	z-index:2;
}
.jxw{
    background: url("../images/jxw.gif?0825") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 5.47rem;
    top: 4.23rem;
    width: 1.7rem;
    height: 0.88rem;
    z-index: 42;
}
.top3{
    background:url("../images/listbg.png?0727") no-repeat;
    background-size: 100%;
	opacity:0.8;
	position:absolute;
	left:0;
	top:5.02rem;
	width:7.5rem;
	height:0.76rem;
	z-index:191;
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.76rem;
}
#today_focus_roll_a2 {
    width: 7.5rem;
    float: left;
    overflow: hidden;
    display: inline;
    /* margin-right: 0.2rem; */
}
#today_focus_roll_b2 {
    float: left;
    width: 8000%;
}
#today_focus_roll_c2 {
    float: left;
    height: 0.76rem;
    overflow: hidden;
}
#today_focus_roll_d2 {
    float: left;
    /* margin-left: 0.1rem; */
}
#today_focus_roll_c2 div{
    float: left;
    /* margin: 0 0.05rem; */
}
#today_focus_roll_d2 div{
    float: left;
    /* margin: 0 0.05rem; */
}
.gonggao{
    position: relative;
    margin-left: 0.2rem;
    display: none;
}
.ctitle{
    position: relative;
    margin-left: 0.2rem;
    display: none;
}
.lastday{
    margin-left: 0.25rem;
}
.toplist{
    display: none;
}
.gjlp{
    position: relative;
    width: 1.77rem;
    height: 0.64rem;
    top: 0.06rem;
    margin: 0 0.1rem;
}
.tzbtn{
    /* background: url("../images/tzbtn.png") no-repeat;
    background-size: 100%; */
    position: relative;

    margin: 0 0.1rem;
    display: none;
}
.tzbtn p{
    position: relative;
    float: left;
}
.tzbtn img{
    position: relative;
    width: 1.77rem;
    height: 0.49rem;
    top: 0.14rem;
    margin-left: 0.15rem;
}
.tzbtn4{
    /* background: url("../images/tzbtn.png") no-repeat;
    background-size: 100%; */
    position: relative;

    margin: 0 0.1rem;
    display: none;
}
.tzbtn4 p{
    position: relative;
    float: left;
}
.tzbtn4 img{
    position: relative;
    width: 1.77rem;
    height: 0.49rem;
    top: 0.14rem;
    margin-left: 0.15rem;
}
.fenge2{
    background: url("../images/fenge.png") no-repeat;
    background-size: 100%;
    position: relative;
    width: 0.08rem;
    height: 0.76rem;
    margin: 0 0.05rem 0 0.1rem;
    display: none;
}
.gonggao .fenge2{
    display: block;
}
.fenge3{
    background: url("../images/fenge.png") no-repeat;
    background-size: 100%;
    position: relative;
    width: 0.08rem;
    height: 0.76rem;
    margin: 0 0.15rem 0 0.35rem
}
.tzbtn4 .fenge3{
    margin-left: 0.15rem;
}
.nums{
    width: 0.38rem;
    height: 0.5rem;
    position: relative;
    float: left;
    top: 0.28rem;
    margin-left: 0.05rem;
}
.topavatars{
    position: relative;
    width: 1rem;
    height: 100%;
    margin-left: 0.1rem;
}
.newavatar2{
    width: 1rem;
    position: absolute;
    left: 0;
    top: 0.02rem;
    z-index: 8888;
    border-radius: 50%;
    display: none;
}
.avatars{
    width: 0.64rem;
    position: absolute;
    float: left;
    top: 0.21rem;
    left: 0.18rem;
    /* display: block; */
    /* margin-left: 0.1rem; */
    border-radius: 50%;
    /* border: 0.02rem solid #fff; */
}
.titles{
    position: relative;
    /* margin-left: 0.1rem; */
}
.fenge{
    position: relative;
    margin-right: 0.1rem;
    margin-left: 0.1rem;
}
.city2{
    position: relative;
    margin-right: 0.1rem;
    /* margin-left: 0.1rem; */
}
.usertime{
    position: relative;
    /* margin-right: 0.2rem; */
    /* margin-left: 0.1rem; */
}
.utime{
    position: relative;
    margin-right: 0.2rem;
    /* margin-left: 0.1rem; */
}
.lastname{
    position: relative;
}
.bg1{
    position:absolute;
	left:0.52rem;
	top:6.15rem;
	width:6.38rem;
	height:4.04rem;
	z-index:8;
}
.totalScores{
    position: absolute;
    font-size: 0.26rem;
    color: #fff;
    left: 1.2rem;
    top: 4.33rem;
    width: 1.3rem;
    height: 0.51rem;
    line-height: 0.51rem;
    overflow: hidden;
    padding-top: 0.03rem;
}
.winCounts{
    position: absolute;
    font-size: 0.26rem;
    color: #fff;
    left: 3.85rem;
    top: 4.33rem;
    width: 1rem;
    height: 0.51rem;
    line-height: 0.51rem;
    overflow: hidden;
    padding-top: 0.03rem;
}
.area{
    position: absolute;
    left: 0.6rem;
    top: 6.18rem;
    width: 2.66rem;
    height: 0.72rem;
    line-height: 0.72rem;
    z-index: 54;
    display: none;
}
.areabtn{
    position: absolute;
    font-size: 0.24rem;
    color: #fff;
    height: 0.72rem;
    line-height: 0.72rem;
    width: 100%;
    text-indent: 0.1rem;
    /* padding-top: 0.05rem; */
}
.areacont{
    position: absolute;
    font-size: 0.24rem;
    color: #fff;
    height: 0.72rem;
    line-height: 0.72rem;
    width: 100%;
    display: none;
    text-indent: 0.1rem;
    /* padding-top: 0.05rem; */
}
.denglu{
    background:url("../images/zcbtn.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.98rem;
	top:7.09rem;
	width:1.53rem;
	height:0.49rem;
	z-index:51;
    display: none;
}
.info{
    display: none;
}
.avatar{
	position:absolute;
    left: 0.77rem;
    top: 6.99rem;
    width: 0.7rem;
	z-index:102;
    /* border: 0.03rem solid #fff; */
    border-radius: 50%;
    z-index: 1000;
}
.newavatar{
    width: 1.1rem;
    position: absolute;
    left: 0.6rem;
    top: 6.79rem;
    z-index: 8888;
    border-radius: 50%;
    display: none;
}
.jifen{
    background: url("../images/jifen.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:2.17rem;
	top:6.9rem;
	width:0.73rem;
	height:0.18rem;
	z-index:98;
}
.jfconts{
    position: absolute;
    left: 4.1rem;
    top: 6.18rem;
    width: 3rem;
    height: 0.72rem;
    font-size: 0.2rem;
    color: #ffd265;
    z-index: 999;
}
.zzjf{
    position: absolute;
    width: 100%;
    height: 0.3rem;
    line-height: 0.3rem;
    left: 0;
    top: 0.05rem;
}
.zzpm{
    position: absolute;
    width: 100%;
    height: 0.3rem;
    left: 0;
    top: 0.35rem;
    line-height: 0.3rem;
}
.jifen3,.ranks{
    position: relative;
}
.ranks{
    position: relative;
    /* margin-left: 0.2rem; */
}
.jfnums,.rank{
    position: relative;
    font-size: 0.24rem;
    margin-left: 0.05rem;
    /* top: 0.02rem; */
    color: #fff;
}
.jftips2{
    background: url("../images/tips.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:1.03rem;
	top:7.09rem;
	width:1.54rem;
	height:0.49rem;
/*     transform: scale(1.05);
    -webkit-transform: scale(1.05);
    animation:show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite; */
    z-index: 999;
}
.zbbtn{
    background: url("../images/zbbtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:3.08rem;
	top:7.09rem;
	width:1.53rem;
	height:0.49rem;
    z-index: 99;
}
.hzbtn{
    background: url("../images/hzbtn.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:5.06rem;
	top:7.09rem;
	width:1.53rem;
	height:0.49rem;
	z-index:344;
}
.dkbtn{
    background:url("../images/dkbtn.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:1.05rem;
	top:9.06rem;
	width:0.98rem;
	height:0.86rem;
	z-index:41; 
}
.dkbtn2{
    background:url("../images/dkbtn2.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:1.05rem;
	top:9.06rem;
	width:0.98rem;
	height:0.86rem;
	z-index:196;
    display: none;
}
.dkjcs{
	position:absolute;
	left:1.05rem;
	top:7.74rem;
	width:5.5rem;
	height:1.11rem;
	z-index:44;
}
.jctips{
    background: url("../images/jctips.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.82rem;
    height: 0.19rem;
    top: 0;
    left: 0.2rem;
}
.ydkDays{
    background: url("../images/ydkDay.png?0720") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.33rem;
    height: 0.2rem;
    top: 0;
    left: 4.1rem;
}
.ydkdays span{
    font-size: 0.22rem;
    color: #8835b1;
    height: 0.2rem;
    line-height: 0.2rem;
    left: 0.85rem;
    width: 0.3rem;
    text-align: center;
    font-weight: 700;
}
.dkjc{
    background: url("../images/dkjc.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:0;
	top:0.25rem;
	width:5.5rem;
	height:0.86rem;
	z-index:45;
}
.jflq1{
    background: url("../images/jflq1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.98rem;
    height: 0.86rem;
    left: 0;
    top: 0;
    z-index: 2;
    display: none;
}
.jflq2{
    background: url("../images/jflq2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.08rem;
    height: 0.86rem;
    left: 0.83rem;
    top: 0;
    z-index: 3;
    display: none;
}
.jflq3{
    background: url("../images/jflq3.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.07rem;
    height: 0.86rem;
    left: 1.76rem;
    top: 0;
    z-index: 4;
    display: none;
}
.jflq4{
    background: url("../images/jflq4.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.08rem;
    height: 0.86rem;
    left:2.68rem;
    top: 0;
    z-index: 5;
    display: none;
}
.jflq5{
    background: url("../images/jflq5.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.07rem;
    height: 0.86rem;
    left:3.61rem;
    top: 0;
    z-index: 6;
    display: none;
}
.jflq6{
    background: url("../images/jflq6.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.97rem;
    height: 0.86rem;
    left:4.53rem;
    top: 0;
    display: none;
    z-index: 7;
}
.jflq1.actived{
    background: url("../images/jfylq1.png") no-repeat;
    background-size: 100%;
}
.jflq2.actived{
    background: url("../images/jfylq2.png") no-repeat;
    background-size: 100%;
}
.jflq3.actived{
    background: url("../images/jfylq3.png") no-repeat;
    background-size: 100%;
}
.jflq4.actived{
    background: url("../images/jfylq4.png") no-repeat;
    background-size: 100%;
}
.jflq5.actived{
    background: url("../images/jfylq5.png") no-repeat;
    background-size: 100%;
}
.jflq6.actived{
    background: url("../images/jfylq6.png") no-repeat;
    background-size: 100%;
}
.dtbtn{
    background:url("../images/dtbtn.png?0918") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:1.1rem;
	top:7.71rem;
	width:5.5rem;
	height:0.89rem;
	z-index:74;
/*     transform: scale(0.95);
    -webkit-transform: scale(0.95);
    animation:show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite; */
}
.dtbtn.double{
    background:url("../images/dtbtn2.png") no-repeat;
	background-size:100% 100%;
}
.yybtn{
    background: url("../images/yybtn.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:1.06rem;
	top:8.32rem;
	width:5.5rem;
	height:0.86rem;
	z-index:65;
}
.dtzq{
    /* background: url("../images/timebg.png") no-repeat;
    background-size: 100%; */
    position: absolute;
    font-size: 0.24rem;
    color: #8835b1;
    top: 8.7rem;
    left: 0;
    width: 100%;
    height: 0.22rem;
    z-index: 999;
    text-align: center;    
    font-weight: 700;
}
.dtzq span{
    position: relative;
    /* left: 0.97rem; */
    margin: 0 0.05rem;
    height: 0.22rem;
    line-height: 0.22rem;
    padding-top: 0.01rem;
}
.tips915{
    background: url("../images/tips915.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:1.21rem;
	top:9.08rem;
	width:5.08rem;
	height:0.22rem;
	z-index:97;
}
.dtbtn2{
    background:url("../images/dtbtn.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.55rem;
	top:8.86rem;
	width:6.39rem;
	height:0.9rem;
	z-index:149;
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    animation:show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.dtbtn3{
    background:url("../images/dtbtn.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.55rem;
	top:10.86rem;
	width:6.39rem;
	height:0.9rem;
	z-index:149;
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    animation:show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.dtbtn4{
    background:url("../images/dtbtn.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.55rem;
	top:12.86rem;
	width:6.39rem;
	height:0.9rem;
	z-index:149;
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    animation:show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate infinite;
}
.introbtn{
    background: url("../images/introbtn.png?0804") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.88rem;
    top: 9.7rem;
    width: 1.36rem;
    height: 0.32rem;
	z-index:36;
}
.rulebtn{
    background: url("../images/rulebtn.png?0915") no-repeat;
    background-size: 100%;
    position: absolute;
	left:2.8rem;
	top:9.7rem;
	width:2rem;
	height:0.25rem;
	z-index:37;
}
.bdbtn{
    background: url("../images/bdbtn.png?0804") no-repeat;
    background-size: 100%;
    position: absolute;
	left:5.68rem;
	top:9.7rem;
	width:0.8rem;
	height:0.27rem;
	z-index:999;
}
.pkbtn{
    background: url("../images/pkbtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 7.03rem;
    top: 6.2rem;
    width: 0.47rem;
    height: 0.99rem;
    z-index:328;
}
.xxbtn{
    background: url("../images/xxbtn.png?0915") no-repeat;
    background-size: 100%;
    position: absolute;
	left:7rem;
	top:6.2rem;
	width:0.5rem;
	height:1.03rem;
    z-index:328;
}
.cjbtn{
     background: url("../images/cjbtn.png") no-repeat;
     background-size: 100%;
     position: absolute;
     left:5.65rem;
     top:9.06rem;
     width:0.98rem;
     height:0.86rem;
     z-index:328;
 }
.lxbtn{
    background: url("../images/lxbtn.png?0915") no-repeat;
    background-size: 100%;
    position: absolute;
	left:7rem;
	top:7.4rem;
	width:0.5rem;
	height:1.03rem;
	z-index:999;
}
.jfscbtn{
    background:url("../images/jfscbtn.png") no-repeat;
    background-size: 100%;
	position:absolute;
	left:7rem;
	top:8.6rem;
	width: 0.5rem;
	height:1.03rem;
	z-index:999;
}
.hlbtn{
    background:url("../images/hlbtn.png") no-repeat;
    background-size: 100%;
	position:absolute;
	left:7.03rem;
	top:9.8rem;
	width:0.47rem;
	height:1.17rem;
	z-index:999;
}
.ggbtn{
    background: url("../images/ggbtn.png?1010") no-repeat;
    background-size: 100%;
    position:absolute;
    left: 1.53rem;
    top: 10.6rem;
    width: 4.43rem;
	height:0.54rem;
	z-index:83;
}
.upload{
    background: url("../images/upload.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:1.9rem;
	top:12.8rem;
	width:3.63rem;
	height:0.81rem;
	z-index:13;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-animation: show 1s 0.5s ease-in-out alternate infinite;
    animation: show 1s 0.5s ease-in-out alternate infinite;
}
.danwei{
    background:url("../images/danwei.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:1.88rem;
	top:14.12rem;
	width:3.56rem; 
	height:1.19rem;
	z-index:23;
}
/*战报选择*/
.zbwrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.zbconts{
    background: url("../images/zbbg.png?0915") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.83rem;
    height: 10.42rem;
    left: 0.84rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.zbbtn1{
    position: absolute;
    width: 2.55rem;
    height: 0.8rem;
    left: 1.6rem;
    top: 3.25rem;
}
.zbbtn2{
    position: absolute;
    width: 2.55rem;
    height: 0.8rem;
    left: 1.6rem;
    top: 4.4rem;
}
.zbbtn3{
    position: absolute;
    width: 2.55rem;
    height: 0.8rem;
    left: 1.6rem;
    top: 5.6rem;
}
.zbbtn4{
    position: absolute;
    width: 2.55rem;
    height: 0.8rem;
    left: 1.6rem;
    top: 6.75rem;
}
.closezb{
    position: absolute;
    width: 0.85rem;
    height: 0.85rem;
    bottom: 0;
    left: 2.45rem;
}
/*战报选择*/
.jqqdwrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.jqqdconts{
    background: url("../images/jqqd2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width:6.36rem;
    height: 4.93rem;
    left: 0.57rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.closejqqd{
    position: absolute;
    width: 0.7rem;
    height: 0.7rem;
    left: 2.88rem;
    bottom: 0;
}
.gfjfwrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.gfjfconts{
    background: url("../images/lqbg.png?0920") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.5rem;
    height: 5.22rem;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.gftitle{
    position: absolute;
    font-size: 0.23rem;
    color: #282728;
    width: 2.5rem;
    left: 1.3rem;
    top: 0.22rem;
}
.gfhour{
    background: url("../images/gfk.png") no-repeat;
    background-size: 100%;
    position: absolute;
    font-size: 0.23rem;
    color: #282728;  
    top: 0.18rem;
    left: 3.8rem;
    width: 0.4rem;
    height: 0.39rem;
    line-height: 0.39rem;
    text-align: center;
}
.gfminute{
    background: url("../images/gfk.png") no-repeat;
    background-size: 100%;
    position: absolute;
    font-size: 0.23rem;
    color: #282728;
    top: 0.18rem;
    left: 4.35rem;  
    width: 0.4rem;
    height: 0.39rem;
    line-height: 0.39rem;
    text-align: center;
}
.gfseconds{
    background: url("../images/gfk.png") no-repeat;
    background-size: 100%;
    position: absolute;
    font-size: 0.23rem;
    color: #282728;
    top: 0.18rem;
    left: 4.9rem;  
    width: 0.4rem;
    height: 0.39rem;
    line-height: 0.39rem;
    text-align: center;
}
.maohao{
    position: absolute;
    font-size: 0.23rem;
    color: #000;
    left: 4.24rem;
    top: 0.23rem;
    font-weight: 700;
}
.maohao2{
    position: absolute;
    font-size: 0.23rem;
    color: #000;
    left: 4.79rem;
    top: 0.23rem;
    font-weight: 700;
}
.djs{
    display: none;
}
.gfscores{
    position: absolute;
    font-size: 0.54rem;
    color: #282728;
    width: 1.93rem;
    height: 0.94rem;
    line-height: 0.94rem;
    top: 1.39rem;
    left: 2.4rem;
    letter-spacing: 0.1rem;
    text-align: center;
}
.gflqbtn{
    background: url("../images/surebtn.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:1.95rem;
	top:2.47rem;
	width:2.68rem;
	height:0.54rem;
	z-index:21;
}
.gflqbtn2{
    background: url("../images/surebtn2.png") no-repeat;
    background-size: 100%;
}
.closegf{
    position: absolute;
    width: 0.7rem;
    height: 0.7rem;
    left: 2.92rem;
    bottom: 0;
}
.jifenwrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.jifenmx{
    background: url("../images/jfxq.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.51rem;
    height: 11.62rem;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.jfxqtop{
    background: url("../images/jfxqtop.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.19rem;
    height: 0.6rem;
    left: 0.16rem;
    top: 1.3rem;
}
.bljf{
    position: absolute;
    font-size: 0.3rem;
    color: #fff;
    width: 1.3rem;
    height: 0.55rem;
    line-height: 0.55rem;
    left: 1.65rem;
    text-align: center;
}
.totaljf{
    position: absolute;
    font-size: 0.3rem;
    color: #fff;
    width: 1.3rem;
    height: 0.55rem;
    line-height: 0.55rem;
    left: 4.75rem;
    text-align: center;
}
.jful{
    position: absolute;
    left: 0.4rem;
    top: 2.2rem;
    width: 5.71rem;
    height: 8.45rem;
    font-size: 0.3rem;
    color: #5409b5;
    overflow-y: scroll;
    overflow-x: hidden;
}
.jful::-webkit-scrollbar{
    display: none;
}
.jful li{
    position: relative;
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
}
.jful .zwsj{
    top: 3.1rem;
    left: 1.3rem;
}
.jftime{
    left: 0;
}
.jftitle{
    left: 3.35rem;
}
.jfsums{
    left: 5.1rem;
}
.closejf{
    position: absolute;
    width: 0.68rem;
    height: 0.68rem;
    bottom: 0;
    left: 2.8rem;
}
.updatewrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.updateconts{
    background: url("../images/updatetips.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.5rem;
    height: 11.54rem;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.closeupdate{
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    left: 3rem;
    bottom: 0;
}
.uploadwrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.uploadbg{
    background: url("../images/uploadbg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.51rem;
    height: 5.26rem;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#name{
    position: absolute;
    width: 3.58rem;
    height: 0.41rem;
    top: 1.65rem;
    left: 2.05rem;
    border: none;
    background: none;
    line-height: 0.41rem;
    color: #8d8d8d;
    padding-top: 0.02rem;
    padding-left: 0.1rem;
    font-size: 0.26rem;
}
#city {
    position: absolute;
    width: 3.58rem;
    height: 0.41rem;
    top: 2.42rem;
    left: 2.05rem;
    border: none;
    background: none;
    line-height: 0.41rem;
    color: #8d8d8d;
    padding-top: 0.02rem;
    padding-left: 0.1rem;
    font-size: 0.26rem;
}
#county {
    position: absolute;
    width: 3.58rem;
    height: 0.41rem;
    top: 3.21rem;
    left: 2.05rem;
    border: none;
    background: none;
    line-height: 0.41rem;
    color: #8d8d8d;
    padding-top: 0.02rem;
    padding-left: 0.1rem;
    font-size: 0.26rem;
}
.submit{
    position:absolute;
    left: 2.29rem;
    top: 4.12rem;
	width:1.96rem;
	height:0.62rem;
	z-index:14;
}
.closeupload{
    position:absolute;
	left:2.25rem;
	top:7.09rem;
	width:0.49rem;
	height:0.49rem;
	z-index:13;
}
.uploadwrap2{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.uploadbg2{
    background: url("../images/uploadbg2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.51rem;
    height: 4.01rem;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#county2 {
    position: absolute;
    width: 3.58rem;
    height: 0.41rem;
    top: 1.86rem;
    left: 2.05rem;
    border: none;
    background: none;
    line-height: 0.41rem;
    color: #8d8d8d;
    padding-top: 0.02rem;
    padding-left: 0.1rem;
    font-size: 0.26rem;
}
.submit2{
    position:absolute;
    left: 1.19rem;
    top: 2.98rem;
    width: 1.9rem;
    height: 0.62rem;
    z-index: 14;
}
.quxiao{
    position: absolute;
    left: 3.49rem;
    top: 2.98rem;
    width: 1.9rem;
    height: 0.62rem;
    z-index: 14;
}
.dakawrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.dakabg{
    background: url("../images/dakabg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.48rem;
    height: 8.77rem;
    left: 0.51rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.jftips{
    background: url("../images/jftips.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.5rem;
    height: 0.33rem;
    top: 0.31rem;
    left: 1.49rem;
}
.jfdate{
    position: absolute;
    font-size: 0.28rem;
    color: #a16f60;
    top: 1.23rem;
    left: 0.41rem;
    font-weight: 700;
    letter-spacing: 0.01rem;
}
.riqitable{
    position:absolute;
    left: 0.44rem;
    top: 1.73rem;
    width: 5.65rem;
    height: 3.8rem;
	z-index:261;
    font-size: 0.3rem;
    color: #a16f60;
}
.riqitable td,.riqitable th{
    width: 0.76rem;
    height: 0.76rem;
    text-align: center;
    position: relative;
}
.riqitable td.active{
    background: url("../images/active.png") no-repeat;
    background-size: 100%;
    width: 0.76rem;
    height: 0.76rem;
    color: #fff;
}
.ydk{
    background: url("../images/ydk.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.49rem;
    height: 0.32rem;
    left: 0.15rem;
    bottom: 0;
    display: none;
}
.closedk{
    position: absolute;
    width: 0.68rem;
    height: 0.68rem;
    bottom: 0;
    left: 2.9rem;
}
.tipsbtn{
    background: url("../images/tipsbtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.64rem;
    height: 0.64rem;
    right: 0;
    top: 10.7rem;
}
.tishiwrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.tishiconts{
    background: url("../images/tipscont.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.45rem;
    height: 5.27rem;
    left: 1.02rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.closetishi{
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    left: 2.35rem;
    bottom: 0;
}
.introwrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.introwrap2{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:999999;
    display:none;
}
.intros{
    background: url("../images/introbg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.51rem;
    height: 11.62rem;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.introconts{    
    position: absolute;
    width: 5.75rem;
    height: 8.56rem;
    left: 0.35rem;
    top: 1.4rem;
    overflow: scroll;
    text-align: justify;
    font-weight: 550;
}
.introwrap2 .introconts{
    width: 5.32rem;
    height: 9.25rem;
    left: 0.6rem;
}
.introconts::-webkit-scrollbar{
    display: none;
}
.introconts img{    
    width: 100%;
}
.introconts p{
    font-size: 0.3rem;
    color: #5409b5;
    line-height: 0.45rem;
}
.closeintro{
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    bottom: 0;
    left: 2.8rem;
}
.closeintro2{
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    bottom: 0;
    left: 2.8rem;
}
.rulewrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.rules{
    background: url("../images/rulebg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.51rem;
    height: 11.62rem;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.ruleconts{    
    position: absolute;
    width: 5.63rem;
    height: 9.29rem;
    left: 0.4rem;
    top: 1.4rem;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: justify;
    font-weight: 550;
}
.ruleconts::-webkit-scrollbar{
    display: none;
}
.ruleconts img{
    width: 100%;
}
.ruleconts p{
    font-size: 0.3rem;
    color: #5409b5;
    line-height: 0.45rem;
}
.closerule{
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    bottom: 0;
    left: 2.8rem;
}
.gundong{
    background: url("../images/listbg3.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 7.5rem;
    height: 0.82rem;
    left: 0;
    top: 11.84rem;
}
.mySwiper{
    position: absolute;
    width: 7.3rem;
    height: 100%;
    left: 0.2rem;
}
.swiper-wrapper{
    transition-timing-function: linear !important;
}
.swiper-slide{
    width: 2.86rem;
    height: 0.6rem;
    top: 0.11rem;
    margin-right: 0.12rem;
}
#today_focus_roll_a {
    width: 7.3rem;
    float: right;
    overflow: hidden;
    display: inline;
    /* margin-right: 0.2rem; */
}
#today_focus_roll_b {
    float: left;
    width: 8000%;
}
#today_focus_roll_c {
    float: left;
    height: 2rem;
    overflow: hidden;
}
#today_focus_roll_d {
    float: left;
    /* margin-left: 0.05rem; */
}
#today_focus_roll_c div{
    width: 2.11rem;
    height: 100%;
    float: left;
    margin-right: 0.2rem;
    position: relative;
}
#today_focus_roll_d div{
    width: 2.11rem;
    height: 100%;
    float: left;
    margin-right: 0.2rem;
    position: relative;
}
.img{
    width: 1.02rem;
    height: 0.57rem;
}
.stitle{
    font-size: 0.2rem;
    color: #fff;
    width: 1.8rem;
    height: 0.6rem;
    line-height: 0.3rem;
    overflow: hidden;
    top: 0;
    left: 1.06rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/*领取徽章*/
.hzwrap{
    background: rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.hzconts{
    background: url("../images/hzbg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.38rem;
    height: 7.75rem;
    left: 0.56rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.nbhz{
    position: absolute;
    left: 0.57rem;
    top: 4.17rem;
    width: 1.02rem;
    height: 1.02rem;
	z-index:344;
}
.nbhz1{
    background: url("../images/nbhz1.png") no-repeat;
    background-size: 100%;
}
.nbhz2{
    background: url("../images/nbhz2.png") no-repeat;
    background-size: 100%;
}
.nblq{
    position:absolute;
	left:0.64rem;
	top:5.77rem;
	width:0.8rem;
	height:0.25rem;
	z-index:300;
}
.nblq1{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
}
.nblq2{
    background: url("../images/lqbtn2.png") no-repeat;
    background-size: 100%;
}
.nbcont{    
    position: absolute;
    left: 0.45rem;
    top: 5.24rem;
    width: 1.24rem;
    height: 0.41rem;
	z-index:14;
}
.nbcont1{
    background: url("../images/nbcont1.png") no-repeat;
    background-size: 100%;
}
.nbcont2{
    background: url("../images/nbcont2.png") no-repeat;
    background-size: 100%;
}
.gjhz{
    position: absolute;
    left: 2.02rem;
    top: 4.14rem;
    width: 1.01rem;
    height: 1.01rem;
	z-index:344;
}
.gjhz1{
    background: url("../images/gjhz1.png") no-repeat;
    background-size: 100%;
}
.gjhz2{
    background: url("../images/gjhz2.png") no-repeat;
    background-size: 100%;
}
.gjlq{
    position:absolute;
	left:2.12rem;
	top:5.77rem;
	width:0.8rem;
	height:0.25rem;
	z-index:300;
}
.gjlq1{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
}
.gjlq2{
    background: url("../images/lqbtn2.png") no-repeat;
    background-size: 100%;
}
.gjcont{
    
    position: absolute;
    left: 1.9rem;
    top: 5.24rem;
    width: 1.3rem;
    height: 0.41rem;
	z-index:14;
}
.gjcont1{
    background: url("../images/gjcont1.png") no-repeat;
    background-size: 100%;
}
.gjcont2{
    background: url("../images/gjcont2.png") no-repeat;
    background-size: 100%;
}
.jqqd1{
    background: url("../images/jqqd.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.05rem;
    height: 1.05rem;
    top: 1.35rem;
    left: 3.42rem;
}
.jqqdlq1{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 3.55rem;
    top: 2.69rem;
    width: 0.8rem;
    height: 0.25rem;
    z-index: 348;
}
.jqqd2{
    background: url("../images/jqqd.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.05rem;
    height: 1.05rem;
    top: 1.35rem;
    left: 4.82rem;
}
.jqqdlq2{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 4.93rem;
    top: 2.69rem;
    width: 0.8rem;
    height: 0.25rem;
    z-index: 348;
}
.jqqd3{
    background: url("../images/jqqd.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.05rem;
    height: 1.05rem;
    top: 4.1rem;
    left: 3.42rem;
}
.jqqdlq3{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 3.52rem;
    top: 5.77rem;
    width: 0.8rem;
    height: 0.25rem;
    z-index: 348;
}
.jieduan3{
    background: url("../images/jieduan3.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.3rem;
    height: 0.41rem;
    top: 5.24rem;
    left: 3.32rem;
    z-index: 20;
}
.jqqd4{
    background: url("../images/jqqd.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.05rem;
    height: 1.05rem;
    top: 4.1rem;
    left: 4.82rem;
}
.jqqdlq4{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 4.95rem;
    top: 5.77rem;
    width: 0.8rem;
    height: 0.25rem;
    z-index: 348;
}
.jieduan4{
    background: url("../images/jieduan4.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.3rem;
    height: 0.41rem;
    top: 5.24rem;
    left: 4.75rem;
    z-index: 20;
}
.yshz{
    position: absolute;
    left: 0.59rem;
    top: 1.39rem;
    width: 0.98rem;
    height: 0.98rem;
	z-index:344;
}
.yshz1{
    background: url("../images/yshz1.png") no-repeat;
    background-size: 100%;
}
.yshz2{
    background: url("../images/yshz2.png") no-repeat;
    background-size: 100%;
}
.yslq{
    position:absolute;
    left:0.67rem;
	top:2.69rem;
	width:0.8rem;
	height:0.25rem;
	z-index:348;
}
.yslq1{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
}
.yslq2{
    background: url("../images/lqbtn2.png") no-repeat;
    background-size: 100%;
}
.yscont{
    /* background: url("../images/yscont.png") no-repeat;
    background-size: 100%; */
    position: absolute;
    left:0.55rem;
	top:2.44rem;
	width:1.03rem;
	height:0.2rem;
	z-index:14;
}
.yscont1{
    background: url("../images/yscont1.png") no-repeat;
    background-size: 100%;
}
.yscont2{
    background: url("../images/yscont2.png") no-repeat;
    background-size: 100%;
}
.jyhz{
    position: absolute;
    left: 1.98rem;
    top: 1.37rem;
    width: 1.01rem;
    height: 1.02rem;
	z-index:344;
}
.jyhz1{
    background: url("../images/jyhz1.png") no-repeat;
    background-size: 100%;
}
.jyhz2{
    background: url("../images/jyhz2.png") no-repeat;
    background-size: 100%;
}
.jylq{
    position:absolute;
	left:2.09rem;
	top:2.69rem;
	width:0.8rem;
	height:0.25rem;
	z-index:348;
}
.jylq1{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
}
.jylq2{
    background: url("../images/lqbtn2.png") no-repeat;
    background-size: 100%;
}
.jycont{
    
    position: absolute;
    left:1.98rem;
	top:2.43rem;
	width:0.99rem;
	height:0.19rem;
	z-index:14;
}
.jycont1{
    background: url("../images/jycont1.png") no-repeat;
    background-size: 100%;
}
.jycont2{
    background: url("../images/jycont2.png") no-repeat;
    background-size: 100%;
}
.pbhz{
    position: absolute;
    left: 3.42rem;
    top: 1.37rem;
    width: 1.04rem;
    height: 1.02rem;
	z-index:344;
}
.pbhz1{
    background: url("../images/pbhz1.png") no-repeat;
    background-size: 100%;
}
.pbhz2{
    background: url("../images/pbhz2.png") no-repeat;
    background-size: 100%;
}
.pblq{
    position:absolute;
	left:3.55rem;
	top:2.69rem;
	width:0.8rem;
	height:0.25rem;
	z-index:348;
}
.pblq1{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
}
.pblq2{
    background: url("../images/lqbtn2.png") no-repeat;
    background-size: 100%;
}
.pbcont{    
    position: absolute;
    left:3.42rem;
	top:2.43rem;
	width:0.99rem;
	height:0.19rem;
	z-index:14;
}
.pbcont1{
    background: url("../images/pbcont1.png") no-repeat;
    background-size: 100%;
}
.pbcont2{
    background: url("../images/pbcont2.png") no-repeat;
    background-size: 100%;
}
.wzhz{
    position: absolute;
    left: 4.8rem;
    top: 1.33rem;
    width: 1.1rem;
    height: 1.1rem;
	z-index:344;
}
.wzhz1{
    background: url("../images/wzhz1.png") no-repeat;
    background-size: 100%;
}
.wzhz2{
    background: url("../images/wzhz2.png") no-repeat;
    background-size: 100%;
}
.wzlq{
    position:absolute;
    left: 4.93rem;
    top: 2.69rem;
	width:0.8rem;
	height:0.25rem;
	z-index:348;
}
.wzlq1{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
}
.wzlq2{
    background: url("../images/lqbtn2.png") no-repeat;
    background-size: 100%;
}
.wzcont{    
    position: absolute;
    left: 4.85rem;
    top: 2.44rem;
	width:0.99rem;
	height:0.19rem;
	z-index:14;
}
.wzcont1{
    background: url("../images/wzcont1.png") no-repeat;
    background-size: 100%;
}
.wzcont2{
    background: url("../images/wzcont2.png") no-repeat;
    background-size: 100%;
}
.closehz{
    position: absolute;
    width: 0.68rem;
    height: 0.67rem;
    bottom: 0;
    left: 2.85rem;
}
.gjthz{
    position: absolute;
    left: 3.42rem;
    top: 4.14rem;
    width: 1.04rem;
    height: 1.05rem;
	z-index:344;
}
.gjthz1{
    background: url("../images/gjthz1.png") no-repeat;
    background-size: 100%;
}
.gjthz2{
    background: url("../images/gjthz2.png") no-repeat;
    background-size: 100%;
}
.gjtlq{
    position:absolute;
	left:3.52rem;
	top:5.77rem;
	width:0.8rem;
	height:0.25rem;
	z-index:300;
}
.gjtlq1{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
}
.gjtlq2{
    background: url("../images/lqbtn2.png") no-repeat;
    background-size: 100%;
}
.gjtcont{    
    position: absolute;
    width: 1.3rem;
    height: 0.41rem;
    top: 5.24rem;
    left: 3.32rem;
	z-index:14;
}
.gjtcont1{
    background: url("../images/gjtcont1.png") no-repeat;
    background-size: 100%;
}
.gjtcont2{
    background: url("../images/gjtcont2.png") no-repeat;
    background-size: 100%;
}
.gjfhz{
    position: absolute;
    left: 4.84rem;
    top: 4.09rem;
    width: 1.04rem;
    height: 1.05rem;
	z-index:344;
}
.gjfhz1{
    background: url("../images/gjfhz1.png") no-repeat;
    background-size: 100%;
}
.gjfhz2{
    background: url("../images/gjfhz2.png") no-repeat;
    background-size: 100%;
}
.gjflq{
    position:absolute;
	left:4.95rem;
	top:5.76rem;
	width:0.8rem;
	height:0.25rem;
	z-index:300;
}
.gjflq1{
    background: url("../images/lqbtn1.png") no-repeat;
    background-size: 100%;
}
.gjflq2{
    background: url("../images/lqbtn2.png") no-repeat;
    background-size: 100%;
}
.gjfcont{    
    position: absolute;
    width: 1.3rem;
    height: 0.41rem;
    top: 5.24rem;
    left: 4.7rem;
	z-index:14;
}
.gjfcont1{
    background: url("../images/gjfcont1.png") no-repeat;
    background-size: 100%;
}
.gjfcont2{
    background: url("../images/gjfcont2.png") no-repeat;
    background-size: 100%;
}
/*领取徽章*/
.yywrap{
    background: url("../images/bg2.jpg") no-repeat;
    background-size: 100%;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.yynavs{
    background: url("../images/yynav1.png") no-repeat;
    background-size: 100%;
	position:absolute;
	left:0.63rem;
	top:0;
	width:6.32rem;
	height:1.62rem;
	z-index:262;
	z-index:99;
}
.yynavs2{
    background: url("../images/yynav2.png") no-repeat;
    background-size: 100%;
}
.yynav1{
    position: absolute;
    width: 3.15rem;
    height: 0.51rem;
    top: 0.95rem;
    left: 0;
}
.yynav2{
    position: absolute;
    width: 3.15rem;
    height: 0.51rem;
    top: 0.95rem;
    left: 3.2rem;
}
.yyconts{
    position: absolute;
    width: 7.5rem;
    height: 12.06rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.csgjb{
    background:url("../images/yybg.png") no-repeat;
    background-size: 100%;
	position:absolute;
	left:0.57rem;
	top:1.74rem;
	width:6.4rem;
	height:6.45rem;
	z-index:5;
}
.cslist{
    position: absolute;
    left: 0.58rem;
    top: 0.22rem;
    width: 5.24rem;
    height: 5.3rem;
    z-index: 98;
    font-size: 0.28rem;
    color: #56107b;
    overflow-y: scroll;
    overflow-x: hidden;
}
.cslist ul{
    width: 100%;
    height: 100%;
}
.cslist li{
    position: relative;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-bottom: 0.1rem;
}
.csnums{
    width: 0.49rem;
    height: 0.5rem;
    line-height: 0.5rem;
    left: 0;
    text-align: center;
}
.csnums1{
    background: url("../images/no1.png") no-repeat;
    background-size: 100%;
    width: 0.49rem;
    height: 0.41rem;
}
.csnums2{
    background: url("../images/no2.png") no-repeat;
    background-size: 100%;
    width: 0.49rem;
    height: 0.41rem;
}
.csnums3{
    background: url("../images/no3.png") no-repeat;
    background-size: 100%;
    width: 0.49rem;
    height: 0.41rem;
}
.csavatar{
    position: absolute;
    left: 1.6rem;
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 50%;
    border: 0.02rem solid #fff;
}
.csname{
    position: absolute;
    left: 2.1rem;
    width: 1.9rem;
    text-align: center;
    overflow: hidden;
}
.cstime{
    position: absolute;
    left: 4.1rem;
}
.cscity{
    left: 0.7rem;
}
.cszwsj{
    left: 2.6rem;
}
.zwsj2{
    background: url("../images/zwsj2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 2.81rem;
    height: 0.29rem;
    top: 2.5rem;
    left: 1.2rem;
}
.sslist .zwsj2{
    left: 1.78rem;
    top: 2rem;
}
.ssphb{
    background:url("../images/yybg.png") no-repeat;
    background-size: 100%;
	position:absolute;
	left:0.57rem;
	top:1.74rem;
	width:6.4rem;
	height:6.45rem;
	z-index:5;
    display: none;
}
.ssphbtips{
    /* background: url("../images/ssphbtips.png") no-repeat;
    background-size: 100%; */
    font-size: 0.28rem;
    color: #56107b;
    font-weight: 700;
    position: absolute;
    /* width: 3.53rem; */
    height: 0.3rem;
    line-height: 0.3rem;
    /* left: 1.54rem; */
    top: 0.3rem;
}
.nicheng{
    width: 1rem;
    left: 1.7rem;
}
.diqu{
    width: 1rem;
    left: 3.5rem;
}
.yongshi{
    width: 1rem;
    left: 5rem;
}
.sslist{
    position: absolute;
    left: 0;
    top: 0.72rem;
    width: 100%;
    height: 4.9rem;
    z-index: 98;
    font-size: 0.28rem;
    color: #56107b;
    overflow-y: scroll;
    overflow-x: hidden;
}
.sslist::-webkit-scrollbar{
    display: none;
}
.sslist ul{
    width: 100%;
    height: 100%;
}
.sslist li{
    position: relative;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-bottom: 0.05rem;
}
.bdwrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.ssnums{
    width: 0.49rem;
    height: 0.5rem;
    line-height: 0.5rem;
    left: 0.2rem;
    text-align: center;
}
.ssnums1{
    background: url("../images/no1.png") no-repeat;
    background-size: 100%;
    width: 0.49rem;
    height: 0.41rem;
}
.ssnums2{
    background: url("../images/no2.png") no-repeat;
    background-size: 100%;
    width: 0.49rem;
    height: 0.41rem;
}
.ssnums3{
    background: url("../images/no3.png") no-repeat;
    background-size: 100%;
    width: 0.49rem;
    height: 0.41rem;
}
.ssname{
    position: absolute;
    left: 0.8rem;
    width: 2.4rem;
    height: 0.5rem;
    text-align: center;
    overflow: hidden;
}
.sscity{
    position: absolute;
    left: 3.5rem;
}
.sstime{
    position: absolute;
    left: 4.7rem;
    width: 1.2rem;
    text-align: center;
}
.yyinfo{
    width: 100%;
    height: 0.74rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99999;
}
.gotopic{
    background: url("../images/topicbtn.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:0.54rem;
	top:8.32rem;
	width:6.45rem;
	height:2.28rem;
	z-index:104;
}
.back{
    background: url("../images/back.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:3.05rem;
	top:11.35rem;
	width:1.45rem;
	height:0.53rem;
	z-index:46;
}
.bdbg{
    background: url("../images/bdbg.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.51rem;
    height: 11.76rem;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.bdbg.actived{
    background: url("../images/bdbg2.png") no-repeat;
    background-size: 100%;
}
.bangdan2{
    display: none;
}
.areas{
    width: 100%;
    height: 0.96rem;
    line-height: 0.96rem;
    position: absolute;
    left: 0;
    top: 2.03rem;
    overflow-y: hidden;
    overflow-x: scroll;
}
.areas::-webkit-scrollbar{
    display: none;
}
.areas ul{
    position: absolute;
    left: 0;
    top: 0;
    width: 6.5rem;
    height: 100%;
    overflow: hidden;
}
.areas li{
    font-size: 0.32rem;
    color: #6f1e9e;
    position: relative;
    float: left;
    margin-left: 0.1rem;
    width: 3.1rem;
}
.areas li.actived{
    color: #dc5641;
}
.nav{
    font-size: 0.3rem;
    color: #6f1e9e;
    position: absolute;
    top: 2.3rem;
    font-weight: 600;
}
.nav1{
    left: 0.6rem;
    letter-spacing: 0.05rem;
}
.nav2{
    left: 2.3rem;
    letter-spacing: 0.05rem;
}
.nav3{
    left: 4rem;
}
.nav.actived{
    font-size: 0.3rem;
    color: #ea5029;
}
.nav.actived .navactive{
    display: block;
}
.hangzhou{
    background: url("../images/hangzhou.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:2.16rem;
	top:5.39rem;
	width:0.74rem;
	height:0.59rem;
	z-index:153;
}
.ningbo{
    background: url("../images/ningbo.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:4.9rem;
	top:5.61rem;
	width:0.74rem;
	height:0.59rem;
	z-index:162;
}
.wenzhou{
    background: url("../images/wenzhou.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:3rem;
	top:8.04rem;
	width:0.74rem;
	height:0.59rem;
	z-index:158;
}
.shaoxing{
    background: url("../images/shaoxing.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:3.57rem;
	top:5.57rem;
	width:0.74rem;
	height:0.59rem;
	z-index:156;
}
.huzhou{
    background: url("../images/huzhou.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:2.88rem;
	top:4.57rem;
	width:0.74rem;
	height:0.59rem;
	z-index:154;
}
.jiaxing{
    background: url("../images/jiaxing.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:4.27rem;
	top:4.7rem;
	width:0.74rem;
	height:0.59rem;
	z-index:155;
}
.jinhua{
    background: url("../images/jinhua.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:2.86rem;
	top:6.64rem;
	width:0.74rem;
	height:0.59rem;
	z-index:151;
}
.taizhou{
    background: url("../images/taizhou.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:4.47rem;
	top:6.73rem;
	width:0.74rem;
	height:0.59rem;
	z-index:157;
}
.quzhou{
    background: url("../images/quzhou.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:0.85rem;
	top:6.47rem;
	width:0.74rem;
	height:0.59rem;
	z-index:152;
}
.zhoushan{
    background: url("../images/zhoushan.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:5.78rem;
	top:4.87rem;
	width:0.74rem;
	height:0.59rem;
	z-index:163;
}
.lishui{
    background: url("../images/lishui.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:1.44rem;
	top:8.29rem;
	width:0.74rem;
	height:0.59rem;
	z-index:159;
}
.rlt1{
    position:absolute;
	left:2.46rem;
	top:4.54rem;
	width:0.26rem;
	height:1.07rem;
	z-index:141;
}
.rlt2{
    position:absolute;
	left:5.32rem;
	top:4.7rem;
	width:0.26rem;
	height:1.07rem;
	z-index:141;
}
.rlt3{
    position:absolute;
	left:3.15rem;
	top:7.1rem;
	width:0.26rem;
	height:1.07rem;
	z-index:141;
}
.rlt4{
    position:absolute;
	left:3.67rem;
	top:4.6rem;
	width:0.26rem;
	height:1.07rem;
	z-index:141;
}
.rlt5{
    position:absolute;
	left:3.04rem;
	top:3.65rem;
	width:0.26rem;
	height:1.07rem;
	z-index:141;
}
.rlt6{
    position:absolute;
	left:4.34rem;
	top:3.76rem;
	width:0.26rem;
	height:1.07rem;
	z-index:141;
}
.rlt7{
    position:absolute;
	left:3.01rem;
	top:5.65rem;
	width:0.26rem;
	height:1.07rem;
	z-index:141;
}
.rlt8{
    position:absolute;
	left:4.63rem;
	top:5.79rem;
	width:0.26rem;
	height:1.07rem;
	z-index:141;
}
.rlt9{
    position:absolute;
	left:1.23rem;
	top:5.5rem;
	width:0.26rem;
	height:1.07rem;
	z-index:141;
}
.rlt10{
    position:absolute;
	left:5.96rem;
	top:3.86rem;
	width:0.26rem;
	height:1.07rem;
	z-index:141;
}
.rlt11{
    position:absolute;
	left:1.8rem;
	top:7.29rem;
	width:0.26rem;
	height:1.07rem;
	z-index:141;
}
.rlt span{
    background: url("../images/1.gif?0523") no-repeat;
    background-size: 100%;
    position: absolute;
    width:0.26rem;
	height:0;
    bottom: 0;
}
.rlt .gif1{
    background: url("../images/1.gif?0523") no-repeat;
    background-size: 100%;
}
.rlt .gif2{
    background: url("../images/2.gif?0523") no-repeat;
    background-size: 100%;
}
.rlt .gif3{
    background: url("../images/3.gif?0523") no-repeat;
    background-size: 100%;
}
.rlt .gif4{
    background: url("../images/4.gif?0523") no-repeat;
    background-size: 100%;
}
.rlt .gif5{
    background: url("../images/5.gif?0523") no-repeat;
    background-size: 100%;
}
.rlt .gif6{
    background: url("../images/6.gif?0523") no-repeat;
    background-size: 100%;
}
.zwsj{
    background: url("../images/zwsj.png") no-repeat;
    background-size: 100%;
    width: 3.15rem;
    height: 1.38rem;
    font-size: 0.5rem;
    color: #a16f60;
    left: 0.405rem;
    top: 1.4rem;
    position: absolute;
}
.grbul .zwsj{
    top: 1.9rem;
    left: 0.9rem;
}
.gjblist .zwsj{
    left: 1.4rem;
    top: 2.1rem;
}
.zwsj span{
    font-size: 0.28rem;
    color: #B9B9C3;
    top: 1.4rem;
    left: 1rem;
}
.zdblist {
    position: absolute;
    left: 1rem;
    top: 4.04rem;
    width: 4.9rem;
    height: 6.75rem;
    font-size: 0.3rem;
    color: #5409b5;
    overflow-y: scroll;
    overflow-x: hidden;
}
.zdbul{
    width: 100%;
    height: 100%;
}
.zdbul li{
    width: 100%;
    position: relative;
    margin-bottom: 0.25rem;    
    height: 0.41rem;
    line-height: 0.41rem;
}
.num{
    width: 0.49rem;
    height: 0.41rem;
    position: absolute;
    left: 0.2rem;
    top: 0;
    text-align: center;
    height: 0.41rem;
    line-height: 0.41rem;
}
.zdblist .num{
    left: 0;
}
.num1{
    background: url("../images/no1.png") no-repeat;
    background-size: 100%;
}
.num2{
    background: url("../images/no2.png") no-repeat;
    background-size: 100%;
}
.num3{
    background: url("../images/no3.png") no-repeat;
    background-size: 100%;
}
.nickname{
    position: absolute;
    left: 1.5rem;
}
.zdblist .nickname{
    left: 1rem;
}
.jifen2{
    position: absolute;
    left: 3.1rem;
}
.rdbnavs{
    position: absolute;
    top: 3rem;
}
.rdbnav{
    background: url("../images/ybbg.png") no-repeat;
    background-size: 100%;
    width: 0.5rem;
    height: 1.12rem;
    left: 0;
    margin-top: 0.2rem;
}
.rdbnav span {
    font-size: 0.23rem;
    color: #fba87f;
    width: 0.3rem;
    line-height: 0.3rem;
    left: 0.09rem;
    text-align: center;
    margin-top: 0.13rem;
    font-weight: 600;
}
.rdbnav6 span:first-child{
    margin-top: 0.2rem;
}
.rdbnav6 span:last-child{
    margin-top: 0.6rem;
}
.rdbnav.actived{
    background: url("../images/ybbg2.png") no-repeat;
    background-size: 100%;
}
.rdbnav.wkq{
    background: url("../images/ybbg3.png") no-repeat;
    background-size: 100%;
}
.rdbnav.actived span{
    color:#fff;
}
.rdbnav.wkq span{
    color:#bdbdbd;
}
/* .rdblist{
    position: absolute;
    left: 1.36rem;
    top: 3.34rem;
    width: 4.2rem;
    height: 6.45rem;
    font-size: 0.3rem;
    color: #6f1e9e;
    font-weight: 700;
} */
.rdblist2,.rdblist3,.rdblist4,.rdblist5,.rdblist6{
    display: none;
}
.rdbul{
    width: 100%;
    height: 100%;
}
.rdbul li{
    width: 100%;
    height: 0.41rem;
    position: relative;
    margin-bottom: 0.18rem;
}
.city{
    position: absolute;
    left: 1.8rem;
    height: 0.41rem;
    line-height: 0.41rem;
}
.rdbscore{
    position: absolute;
    left: 2.9rem;
    height: 0.41rem;
    line-height: 0.41rem;
}
.mci{
    position: absolute;
    left: 1.2rem;
    height: 0.41rem;
    line-height: 0.41rem; 
}
.mciup img,.mcidown img{
    width: 0.15rem;
    height: 0.27rem;
    top: 0.07rem;
    position: relative;
    margin-right: 0.1rem;
}
.mciping img{
    width: 0.22rem;
    height: 0.05rem;
    position: relative;
    top: 0.18rem;
    left: -0.05rem;
}
.grbang,.gjbang{
    display: none;
}
.grbnavs{
    position: absolute;
    top: 3rem;
}
.grbnav{
    background: url("../images/ybbg.png") no-repeat;
    background-size: 100%;
    width: 0.5rem;
    height: 1.12rem;
    left: 0;
    margin-top: 0.2rem;
}
.grbnav span {
    font-size: 0.23rem;
    color: #fba87f;
    width: 0.3rem;
    line-height: 0.3rem;
    left: 0.09rem;
    text-align: center;
    margin-top: 0.13rem;
    font-weight: 600;
}
.grbnav6 span:first-child{
    margin-top: 0.2rem;
}
.grbnav6 span:last-child{
    margin-top: 0.6rem;
}
.grbnav.actived{
    background: url("../images/ybbg2.png") no-repeat;
    background-size: 100%;
}
.grbnav.wkq{
    background: url("../images/ybbg3.png") no-repeat;
    background-size: 100%;
}
.grbnav.actived span{
    color:#fff;
}
.grbnav.wkq span{
    color:#bdbdbd;
}
.grblist{
    position: absolute;
    left: 0.96rem;
    top: 3.34rem;
    width: 5.4rem;
    height: 7.45rem;
    font-size: 0.3rem;
    color: #6f1e9e;
    font-weight: 700;
    overflow-x: hidden;
    overflow-y: scroll;
}
.prevDay{
    background: url("../images/prevDay.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.21rem;
    height: 0.4rem;
    left: 1.1rem;
    top: 3.25rem;
}
.prevDay.nogo{
    background: url("../images/prevDay2.png") no-repeat;
    background-size: 100%;
}
.nextDay{
    background: url("../images/nextDay.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.21rem;
    height: 0.4rem;
    left: 4.18rem;
    top: 3.25rem;
}
.nextDay.nogo{
    background: url("../images/nextDay2.png") no-repeat;
    background-size: 100%;
}
.curday{
    position: absolute;
    font-size: 0.3rem;
    color: #951ab2;
    top: 3.25rem;
    left: 2.6rem;
    width: 1.3rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
}
.gjblist{
    position: absolute;
    left: 0.26rem;
    top: 3.94rem;
    width: 6rem;
    height: 7.05rem;
    font-size: 0.3rem;
    color: #6f1e9e;
    font-weight: 700;
    overflow-x: hidden;
    overflow-y: scroll;

}
.grblist2,.grblist3,.grblist4,.grblist5,.grblist6{
    display: none;
}
.grbul,.gjbul{
    width: 100%;
    height: 100%;
}
.grbul li,.gjbul li{
    width: 100%;
    height: 0.41rem;
    position: relative;
    margin-bottom: 0.18rem;
}
.grbconts{
    position: absolute;
    left: 1.2rem;
    height: 0.41rem;
    line-height: 0.41rem;
}
.gjbconts{
    position: absolute;
    left: 1.4rem;
    height: 0.41rem;
    line-height: 0.41rem;
}
.grbname,.gjbname{
    position: relative;
    /* left: 1.2rem; */
    /* height: 0.41rem;
    line-height: 0.41rem;
    width: 2.8rem; */
}
.grbcity,.gjbcity{
    position: relative;    
}
.grbscore{
    position: absolute;
    left: 4.1rem;
    height: 0.41rem;
    line-height: 0.41rem;
}
.gjbscore{
    position: absolute;
    left: 4.6rem;
    height: 0.41rem;
    line-height: 0.41rem;
}
.closebd{
    width: 0.8rem;
    height: 0.7rem;
    position: absolute;
    bottom: 0;
    left: 2.8rem;
}
.selfInfo{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display: none;
}
.infoself{
    background: url("../images/ranking.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.45rem;
    height: 4.98rem;
    left: 1.02rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.iavatar{
    width: 0.86rem;
    height: 0.86rem;
    position: absolute;
    left:2.3rem;
	top:1.11rem;
    border-radius: 50%;
}
.ijifen{
    position: absolute;
    font-size: 0.44rem;
    color: #a16f60;
    height: 0.44rem;
    line-height: 0.44rem;
    width: 100%;
    text-align: center;
    top: 2.15rem;
}
.ranking{
    position: absolute;
    font-size: 0.36rem;
    color: #a16f60;
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    top: 2.8rem;
}
.ranking span{
    position: relative;
}
.ranking2{
    position: absolute;
    font-size: 0.36rem;
    color: #a16f60;
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    top: 3.3rem;
}
.ranking2 span{
    position: relative;
}
.closeinfo{
    width: 0.8rem;
    height: 0.7rem;
    position: absolute;
    bottom: 0;
    left: 2.35rem;
}
.notetxt2{
    border-radius: 0.07rem;
    background-color: rgb(0,0,0);
    opacity: 0.8;
    position: absolute;
    left: 1.39rem;
    top: 8.41rem;
    width: 4.36rem;
    /* height: 0.66rem; */
    z-index: 99999999;
    font-size: 0.25rem;
    color: #fff;
    text-align: center;
    padding: 0.2rem;
    line-height: 0.5rem;
}
input::-webkit-input-placeholder { 
    /* WebKit browsers */ 
    color: #8d8d8d; 
    } 
    input:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ 
    color: #8d8d8d; 
    } 
    input::-moz-placeholder { 
    /* Mozilla Firefox 19+ */ 
    color: #8d8d8d; 
    } 
    input:-ms-input-placeholder { 
    /* Internet Explorer 10+ */ 
    color: #8d8d8d; 
    }
.tips_wrap{
    background:rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999999;
    display:none;
}
.tips{
    width: 5.64rem;
    height: 2.6rem;
    position: absolute;
    top: 5.5rem;
    left: 0.95rem;
    background: #fff;
    border-radius: 0.1rem;
    opacity: 0;
    -webkit-transform: translate(0,-15px);
    transform: translate(0,-15px);
    -webkit-animation: show 0.3s linear forwards;
    animation: show 0.3s linear forwards;
}
.tips .newnote {
    font-family: PingFangSC-Semibold;
    font-size: 0.32rem;
    color: #010101;
    width: 100%;
    height: 1.48rem;
    line-height: 1.48rem;
    text-align: center;
    display: block;
}
.tips .newsdiv {
    width: 100%;
    height: 1.08rem;
    line-height: 1.08rem;
    border-top: 1px solid #F6F6F6;
    position:absolute;
    bottom: 0;
}
.tips .btncancle {
    font-family: PingFangSC-Regular;
    font-size: 0.32rem;
    color: #013365;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
}
.tips .btngo {
    font-family: PingFangSC-Regular;
    font-size: 0.32rem;
    color: #E9B20A;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    right: 0;
}




.swiper-pagination-bullet {
    background: #fff;
  }

.re{position: relative;}
.ra{position: absolute;}
.rf{position: fixed;}
.sec {
  overflow: hidden;
  /*-webkit-transition: all 1s;*/
  /*transition: all 1s;*/
}

/*.loading{width:100%;height:100%;position: absolute;z-index: 999;    background: #f0fdff;}
.loading img{     width: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }*/

.loadgif{
  position: absolute;
    width: 3.19rem;
    height: 1.29rem;
    top: 5.5rem;
    left: 2.1rem;
}
.audwrap{
    background: url('../images/music.png') center no-repeat;background-size: 100%; position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    right: 0.3rem;
    top: 0.6rem;
    z-index: 9999;
}
.audwrap img{width: 100%;-webkit-animation: show 0.8s linear infinite;animation: show 0.8s linear infinite;opacity: 0;}
.audwrap.off img{display: none;}
.audwrap.on{
  -webkit-animation: rotateani 2s linear forwards infinite;animation: rotateani 2s linear forwards infinite;
}

.conwrap,
.conwrap2{
    background: url('../images/bg.jpg') center no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 16.24rem;
    top:50%;
    left:0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    overflow: hidden;
}
.conwrap2{
    display: none;
}
.conwrap3{
    height: 100%;
    top: 0;
     -webkit-transform: translate(0,0);
     transform: translate(0,0);
    overflow-y: auto;
}

.page{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    overflow: hidden;
}
.page1{
    /*z-index: 999;*/
    background: url('../images/bg.jpg') center no-repeat;
    background-size: cover;
}
.page2{
    background: url('../images/bg2.jpg') center no-repeat;
    background-size: cover;
    /*background: rgba(0,0,0,0.5);*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 99;
}

.page2.actived{
    display: block;
}

.p2img{
    width:7.09rem;
    margin: 1rem 0 0 0.2rem;
}
.oprabtns{
    background: url('../images/p2_1.png') center no-repeat;
    background-size: contain;
    position: relative;
    width: 2.64rem;
    height: 0.73rem;
    margin: 0.5rem auto;
}

.h2{
    background: url('../images/p2_2.png') center no-repeat;
    background-size: 100%;
    width: 6.71rem;
    height: 1.4rem;
    position: absolute;
    top: 0.8rem;
    left: 0.35rem;
}
.navscroll{
    position: absolute;
    width: 7.5rem;
    height: 6rem;
    top: 2.6rem;
    left: 0;
}
.navscroll span{
    width: 2.6rem;
    height: 4.66rem;
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari 和 Chrome */
    -o-transition: all 1s; /* Opera */
}
.maskhot{
    width: 2.6rem;
    height: 4.66rem;
    top: 4rem;
    left: 2.5rem;
    z-index: 11;
}
.navscroll span:nth-child(1){
    background: url('../images/p_1.png') center no-repeat;
    background-size: 100%;

}
.navscroll span:nth-child(2){
    background: url('../images/p_2.png') center no-repeat;
    background-size: 100%;

}
.navscroll span:nth-child(3){
    background: url('../images/p_3.png') center no-repeat;
    background-size: 100%;

}
.navscroll span:nth-child(4){
    background: url('../images/p_4.png') center no-repeat;
    background-size: 100%;

}
.navscroll span:nth-child(5){
    background: url('../images/p_5.png') center no-repeat;
    background-size: 100%;

}
.navscroll span:nth-child(6){
    background: url('../images/p_6.png') center no-repeat;
    background-size: 100%;

}

.navscroll span.scrl1{
    width: 2.6rem;
    height: 4.66rem;
    top: 1.5rem;
    left: 2.5rem;
    z-index: 10;
    opacity: 1;
}
.navscroll span.scrl2{
    top: 1.7rem;
    left: 0.3rem;
    z-index: 10;
    opacity: 1;
    width: 2.3rem;
    height: 4.46rem;
}
.navscroll span.scrl3{
    top: 0.3rem;
    left: 0.4rem;
    z-index: 5;
    opacity: 0.7;
    width: 2.3rem;
    height: 4.66rem;
}
.navscroll span.scrl4{
    top: 0;
    left: 2.75rem;
    z-index: 5;
    opacity: 0.7;
    height: 3.9rem;
    width: 2.3rem;
}
.navscroll span.scrl5{
    top: 0;
    left: 5rem;
    z-index: 5;
    opacity: 0.7;
    width: 2.3rem;
    height: 4.66rem;
}
.navscroll span.scrl6{
    top: 1.5rem;
    left: 4.9rem;
    z-index: 10;
    opacity: 1;
    width: 2.3rem;
}

.btnnote{
        background: url('../images/p2_1.png') center no-repeat;
    background-size: 100%;
    width: 1.9rem;
    height:0.74rem;
    position: absolute;
    top: 8rem;
    left: 4.35rem;
    display: block;
    z-index: 999;
    opacity: 0;
    -webkit-animation: show 2s linear alternate infinite;animation: show 2s linear alternate infinite;
}

.gifani{
    background: url('../images/g1_1.gif') center no-repeat;
    background-size: contain;
    width: 3rem;
    height:3rem;
    position: absolute;
    top:8.9rem;
    left: 7rem;
    -webkit-transform: translate(-7rem,0);
    transform: translate(-7rem,0);
}
.gifani2{
    background: url('../images/g2_1.gif') center no-repeat;
    background-size: contain;
}
.gifani.goani{
    background: url('../images/g1_2.gif') center no-repeat;
    background-size: contain;
    -webkit-animation: show 2s linear alternate forwards;animation: show 2s linear alternate forwards;
}
.gifani2.goani{
    background: url('../images/g2_2.gif') center no-repeat;
    background-size: contain;
}

.notewrap{
    background: url('../images/maskbg.png') center no-repeat;
    background-size: 100%;
    width: 7.32rem;
    height: 3.76rem;
    position: absolute;
    top: 8.8rem;
    left: 0.15rem;
    display: block;
    opacity: 0;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
}
.notewrap span{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.notewrap.actived{
    -webkit-animation: show 0.5s 1s linear alternate forwards;animation: show 0.5s 1s linear alternate forwards;
}
.notewrap span.t1{
    background: url('../images/p2_3_1.png') center no-repeat;
    background-size: 100%;
}
.notewrap span.t2{
    background: url('../images/p2_3_2.png') center no-repeat;
    background-size: 100%;
}
.notewrap span.t3{
    background: url('../images/p2_3_3.png') center no-repeat;
    background-size: 100%;
}
.notewrap span.t4{
    background: url('../images/p2_3_4.png') center no-repeat;
    background-size: 100%;
}
.notewrap span.t5{
    background: url('../images/p2_3_5.png') center no-repeat;
    background-size: 100%;
}
.notewrap span.t6{
    background: url('../images/p2_3_6.png') center no-repeat;
    background-size: 100%;
}

.btnsopra{
    background: url('../images/p2btns.png') center no-repeat;
    background-size: 100%;
    width: 5.59rem;
    height: 0.89rem;
    position: absolute;
    top: 12.6rem;
    left: 1.05rem;
    display: none;
}


.sharebtn{
    background: url("../images/share.png") no-repeat;
    background-size: 100%;
    position: fixed;
    right: 0;
    width: 1.26rem;
    height: 1.41rem;
    top: 6rem;
    z-index: 999;
}

.latestbtn{
    top: 4.5rem;
    left: 4.4rem;
    width: 1.9rem;
    height: 0.6rem;
    display: block;
    position: absolute;
}


.sp{
    display: none;
}
.p1div1 span:nth-child(1){
    background: url('../images/p1_1_1.png') center no-repeat;
    background-size: 100%;
    width: 5.25rem;
    height: 4.25rem;
    position: absolute;
    top: 8rem;
    left: 2rem;
    display: block;
}
.p1div1 span:nth-child(2){
    background: url('../images/p1_1_2.png') center no-repeat;
    background-size: 100%;
    width: 5.25rem;
    height: 4.25rem;
    position: absolute;
    top: 8rem;
    left: 2rem;
}
.p1div1 span:nth-child(3){
    background: url('../images/p1_2.png') center no-repeat;
    background-size: 100%;
    width: 5.63rem;
    height: 5rem;
    position: absolute;
    top: 3.7rem;
    left: 1.5rem;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.p1div1.actived span:nth-child(3),
.p1div2.actived span:nth-child(3),
.p1div3.actived span:nth-child(3){
    -webkit-animation: show 0.5s linear alternate forwards;animation: show 0.5s linear alternate forwards;
}

.p1div2 span:nth-child(1){
    background: url('../images/p1_3_1.png') center no-repeat;
    background-size: contain;
    width: 4.7rem;
    height: 4.78rem;
    position: absolute;
    top: 7.6rem;
    left: 0.5rem;
    display: block;
}
.p1div2 span:nth-child(2){
    background: url('../images/p1_3_2.png') center no-repeat;
    background-size: contain;
    width: 4.7rem;
    height: 4.78rem;
    position: absolute;
    top: 7.449rem;
    left: 0.35rem;
}
.p1div2 span:nth-child(3){
    background: url('../images/p1_4.png') center no-repeat;
    background-size: 100%;
    width: 5.12rem;
    height: 5.5rem;
    position: absolute;
    top: 4.5rem;
    left: 1.9rem;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.p1div3 span:nth-child(1){
    background: url('../images/p1_5_1.png') center no-repeat;
    background-size: contain;
    width: 4.7rem;
    height: 4.23rem;
    position: absolute;
    top: 7.96rem;
    left: 2.53rem;
    display: block;
}
.p1div3 span:nth-child(2){
    background: url('../images/p1_5_2.png') center no-repeat;
    background-size: contain;
    width: 4.64rem;
    height: 4.19rem;
    position: absolute;
    top: 8rem;
    left: 2.6rem;
}
.p1div3 span:nth-child(3){
    background: url('../images/p1_6.png') center no-repeat;
    background-size: contain;
    width: 5.12rem;
    height: 5.51rem;
    position: absolute;
    top: 3.7rem;
    left: 1.5rem;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.p1div4 span:nth-child(1){
    background: url('../images/p1_7_1.png') center no-repeat;
    background-size: contain;
    width: 4.07rem;
    height: 4.21rem;
    position: absolute;
    top: 7.96rem;
    left: 1.5rem;
    display: block;
}
.p1div4 span:nth-child(2){
    background: url('../images/p1_7_2.png') center no-repeat;
    background-size: contain;
    width: 4.29rem;
    height: 4.19rem;
    position: absolute;
    top: 7.97rem;
    left: 1.29rem;
}
.p1div4 span:nth-child(3){
    background: url('../images/p1_8.png') center no-repeat;
    background-size: contain;
    width:4.15rem;
    height: 1.4rem;
    position: absolute;
    top: 5.7rem;
    left: 1.7rem;
    -webkit-transform: translate(0,-0.3rem);
    transform: translate(0,-0.3rem);
    -webkit-animation: show 1s linear alternate infinite;animation: show 1s linear alternate infinite;
}

.page3{
    background: rgba(0,0,0,0.9);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display:none;
}
.page3.actived{
    display:block;
}
.p3con{
    position: absolute;
    width:7.33rem;
    height:11.34rem;
    top: 1.2rem;
    left: 0.185rem;
    opacity: 0;
    -webkit-transform: translate(0,1rem);
    transform: translate(0,1rem);
}
.actived .p3con{
    -webkit-animation: show 0.5s linear alternate forwards;animation: show 0.5s linear alternate forwards;
}

.p3con1{
    background: url('../images/p3_1_1.png') center no-repeat;
    background-size: 100%;
}
.p3con2{
    background: url('../images/p3_1_2.png') center no-repeat;
    background-size: 100%;
}

.p3con3{
    background: url('../images/p3_1_3.png') center no-repeat;
    background-size: 100%;
}

.p3con4{
    background: url('../images/p3_1_4.png') center no-repeat;
    background-size: 100%;
}

.p3con5{
    background: url('../images/p3_1_5.png') center no-repeat;
    background-size: 100%;
}

.p3con6{
    background: url('../images/p3_1_6.png') center no-repeat;
    background-size: 100%;
}


.sharediv{
    background: url('../images/p3btns.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.43rem;
    height: 0.89rem;
top: 12.6rem;
    left: 1.1rem;
}

.p3bg{
    width: 100%;
}
.maskbg{
    background: url('../images/bg2.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
.maskbg2{
    background: url('../images/p2_9.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    opacity: 0;
    -webkit-animation: show 0.3s linear alternate infinite;animation: show 0.3s linear alternate infinite;
}
.databg{
    background: url('../images/databg.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 4.1rem;
    height:1.58rem;
    top: 3.4rem;
    left: 1.65rem;
}
.databg2{
    background: url('../images/databg2.png') center no-repeat;
    background-size: 100%;
}
.itdata{
    position: absolute;
    width: 3.2rem;
    height: 0.5rem;
    top: 0.08rem;
    left: 1.1rem;
    overflow: hidden;
}
.itdata2{
    position: absolute;
    width: 3.2rem;
    height: 0.5rem;
    top: 0.65rem;
    left: 1.1rem;
    overflow: hidden;
}
.itdata3{
    position: absolute;
    width: 3.2rem;
    height: 0.5rem;
    top: 1.24rem;
    left: 1.1rem;
    overflow: hidden;
}
.sped{
    background: url('../images/p2_4_1.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 2.75rem;
    height:0.29rem;
    left:0;
    transition: left 1s;
    -moz-transition: left 1s; /* Firefox 4 */
    -webkit-transition: left 1s; /* Safari 和 Chrome */
    -o-transition: left 1s; /* Opera */
}
.itdata2 .sped{
    background: url('../images/p2_4_2.png') center no-repeat;
    background-size: 100%;
}
.itdata3 .sped{
    background: url('../images/p2_4_3.png') center no-repeat;
    background-size: 100%;
}
.type1 .sped{left: -60%;}
.type1 .itdata2 .sped{left: -50%;}
.type1 .itdata3 .sped{left: -50%;}
.type2 .sped{left: -70%;}
.type2 .itdata2 .sped{left: -40%;}
.type2 .itdata3 .sped{left: -70%;}
.type3 .sped{left: -65%;}
.type3 .itdata2 .sped{left: -50%;}
.type3 .itdata3 .sped{left: -30%;}
.type4 .sped{left: -75%;}
.type4 .itdata2 .sped{left: -30%;}
.type4 .itdata3 .sped{left: -20%;}

.type11 .sped{left: -10%;}
.type11 .itdata2 .sped{left: -70%;}
.type11 .itdata3 .sped{left: -50%;}
.type22 .sped{left: -70%;}
.type22 .itdata2 .sped{left: -50%;}
.type22 .itdata3 .sped{left: -20%;}
.type33 .sped{left: -80%;}
.type33 .itdata2 .sped{left: -30%;}
.type33 .itdata3 .sped{left: -30%;}
.type44 .sped{left:-100%;}
.type44 .itdata2 .sped{left: 0;}
.type44 .itdata3 .sped{left: 0;}

.slidenote{
    background: url('../images/p2_1.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 2.89rem;
    height:0.64rem;
    top: 1.4rem;
    left: 2.3rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    animation : show 2s ease-in-out alternate infinite;
    -webkit-animation : show 2s ease-in-out alternate infinite;
}
.slt1{
    background: url('../images/p2_2.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.24rem;
    height:1.21rem;
    top: 6.2rem;
    left: 0.2rem;
    z-index: 999999;
}

.slt2{
    background: url('../images/p2_3.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.24rem;
    height:1.21rem;
    top: 7.6rem;
    left: 0.2rem;
    z-index: 999999;
}
.slt1.clicked{
    background: url('../images/p2_2_2.png') center no-repeat;
    background-size: 100%;
}
.slt2.clicked{
    background: url('../images/p2_3_2.png') center no-repeat;
    background-size: 100%;
}


  @-webkit-keyframes rotateani {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotateani {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

.progress {
    width: 3.6rem;
    height: 0.3rem;
    /*border: 3px solid #f2a523;*/
    position: absolute;
    left: 1.9rem;
    top: 5.5rem;
    right: auto;
    /* bottom: 0; */
    margin: auto;
    border-radius: 0.2rem;
}
.progressbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #66a482;
    transition: width ease-in 200ms;
    -webkit-transition: width ease-in 200ms;
    border-radius: 0.2rem;
}
.percent {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 30px;
    font-size: 0.3rem;
    color: #4b64a4;
    position: absolute;
    text-align: center;
    top: 0.5rem;
    font-weight: bold;
    left:1.9rem;
}

span{
  position: absolute;
}


.secbg2,.secbg22{
    position: absolute;width: 100%;top: 0;left: 0;
}
.loadww{
    position: absolute;
    height: 100%;
    width: 16.24rem;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #f0fdff;
}
.playbtn{
    background: url('../images/playbtn.png') center no-repeat;background-size: contain;
    width: 2.15rem;
    height: 0.97rem;
    position: absolute;
    top: 10rem;
    left: 2.8rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    animation : show 1s 1s ease-in-out alternate infinite;
    -webkit-animation : show 1s 1s ease-in-out alternate infinite;
}

.vdbox2,.picscroll,
.videobox{
    position: absolute;
    width: 6.4rem;
    height: 3.63rem;
    background: #000;
    top: 0;
    left: 0;
    z-index: 99999;
}

.secbg22{opacity: 0;}
.section1.actived .secbg22{animation : show3 3s ease-in-out forwards;-webkit-animation : show3 3s ease-in-out forwards;}

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




.section1.actived .stitle span:nth-child(1){animation : show 0.8s linear forwards;-webkit-animation : show 0.8s linear forwards;}
.section1.actived .stitle span:nth-child(2){animation : show 0.8s 0.6s linear forwards;-webkit-animation : show 0.8s 0.6s linear forwards;}
.section1.actived .stitle span:nth-child(3){animation : show 0.8s 1.2s linear forwards;-webkit-animation : show 0.8s 1.2s linear forwards;}
.section1.actived .stitle span:nth-child(4){animation : show 0.8s 1.8s linear forwards;-webkit-animation : show 0.8s 1.8s linear forwards;}
.section1.actived .stitle span:nth-child(5){animation : show 0.8s 2.4s linear forwards;-webkit-animation : show 0.8s 2.4s linear forwards;}
.section1.actived .stitle span:nth-child(6){animation : show 0.8s 3s linear forwards;-webkit-animation : show 0.8s 3s linear forwards;}
.section1.actived .stitle span:nth-child(7){animation : show 0.8s 3.6s linear forwards;-webkit-animation : show 0.8s 3.6s linear forwards;}

.opera{position: absolute;width:5.46rem;height: 1.27rem;top:9rem;left:1rem;background: url('../images/1p2.png') center no-repeat;background-size: contain;/*-webkit-transform: translate(0,1rem);transform: translate(0,1rem);*/opacity: 0;}
.gobtn{
    background: url('../images/gobtn.png') center no-repeat;background-size: contain;
    top: 10.5rem;
    left: 2.8rem;
    width:1.91rem;
    height: 1.94rem;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    animation: show 0.5s ease-in-out alternate infinite;
    -webkit-animation: show 0.5s ease-in-out alternate  infinite;
}
.section1.actived .opera{animation : show 0.5s 5s linear forwards;-webkit-animation : show 0.5s 5s linear forwards;}

.sltdesc{
    position: absolute;
    width:2.96rem;
    height: 0.49rem;
    top: 10.25rem;
    left: 2.2rem;
}
.td1{
    background: url(../images/p2_6_1.png) center no-repeat;
    background-size: contain;
}
.td2{
    background: url(../images/p2_6_2.png) center no-repeat;
    background-size: contain;
}
.td3{
    background: url(../images/p2_6_3.png) center no-repeat;
    background-size: contain;
}
.td4{
    background: url(../images/p2_6_4.png) center no-repeat;
    background-size: contain;
}
.td11{
    background: url(../images/p2_8_1.png) center no-repeat;
    background-size: contain;
}
.td22{
    background: url(../images/p2_8_2.png) center no-repeat;
    background-size: contain;
}
.td33{
    background: url(../images/p2_8_3.png) center no-repeat;
    background-size: contain;
}
.td44{
    background: url(../images/p2_8_4.png) center no-repeat;
    background-size: contain;
}

.section2{position: absolute;width: 100%; height: 100%;left: 0;top: 0;overflow-y: auto;display: none;-webkit-overflow-scrolling: touch;}
.secbg3{width: 100%;}

.piclsbtn{width: 0.62rem;
    height: 0.62rem;
top: 0.2rem;
    right: 0.2rem;
    background: url(../images/closebtn.png) center no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 999;
    border-radius: 50%;}

.joinchat{position: absolute;width:1.94rem;height: 0.46rem;top: 15.76rem;left: 2.7rem;background: url('../images/2p1.png') center no-repeat;background-size: contain;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
      animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate  infinite;
  }
.cmtwrap{position: absolute;width: 6.03rem;height: 3.13rem;top: 39.6rem;left: 1.3rem;}
.cmtwrap2{position: absolute;width: 6.08rem;height: 3.65rem;top: 31.85rem;left: 1.3rem;}
.cmtbtn{
  position: absolute;width:0.62rem;height: 0.38rem;top: 0;right: 0;background: url('../images/2p2-1.png') center no-repeat;background-size: contain;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
      animation: show 0.6s ease-in-out alternate infinite;
    -webkit-animation: show 0.6s ease-in-out alternate  infinite;
}
.cmtbg{
  position: absolute;width:3.24rem;height: 0.68rem;top: 0;right: 0.85rem;background: url('../images/2p2-2.png') center no-repeat;background-size: contain;display: none;
}
.cmtopera{
  position: absolute;width:1.6rem;height: 0.68rem;top: 0;right: 0.85rem; display: none;
}
.cmtrlt{
  position: absolute;width:6.08rem;height: 0.53rem;bottom: 0.1rem;left: -0.08rem;background: url('../images/2p3.png') center no-repeat;background-size: contain; display: none;
}
.cmtwrap2 .cmtrlt{width:6.08rem;height: 0.61rem;background: url('../images/2p3-2.png') center no-repeat;background-size: contain;}
.zanwrap{
  position: absolute;width: 6.03rem;height: 1.1rem;top: 54.8rem;left: 1.3rem;

}
.zanwrap .cmtbg{background: url('../images/2p2-3.png') center no-repeat;background-size: contain;display: none;top: -0.15rem;}
.zanwrap .cmtopera{width:1.6rem;height: 0.68rem;top: 0;right: 2.5rem; display: none;}
.zanwrap .cmtrlt{
  position: absolute;width:4.55rem;height: 0.64rem;bottom: 0.1rem;left: -0.08rem;background: url('../images/2p4-1.png') left center no-repeat;background-size: 4.08rem 0.64rem; display: block;
}
.zanwrap .cmtrlt.clicked{background: url('../images/2p4-2.png') left center no-repeat;background-size: 4.55rem 0.64rem;}

.p11{position: absolute;width: 100%;height: 100%;background: #000;top: 0;left: 0;display: none;}
.p11 img{
  width: 100%;position: absolute;top: 50%;
    -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
}
.ygcf{
  width: 2.77rem;height: 4.5rem;top:27.3rem;left: 1.3rem;
}



.qmbtn{
  width: 2.85rem;height: 4rem;background: url('../images/1p3.png') right bottom no-repeat;background-size:0.53rem 0.71rem; top:86.9rem;left: 1.3rem;opacity: 0;
        animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate  infinite;
}

/*群聊*/
.pyq{
  position: absolute;width: 100%;height: 100%;overflow: hidden;background: #ededed;display: none;
}
.qlcon{
  width: 100%;
    height: 80%;
    overflow: hidden;
}
.hotname{width:100%;height: 1.08rem;background: url('../images/btm_up.jpg') center no-repeat;background-size:contain; top: 0;left: 0;    position: initial;display: block;z-index: 999;}
.bannar{position: absolute; width:100%;height: 1.15rem;background: url('../images/btm.jpg') center no-repeat;background-size:contain; bottom: 0;left: 0;}
.qlcon img{margin: 0.45rem 0 0 0.25rem; display: block;width:5.98rem;}
.zanani{
  /*background: url('../images/gif2.gif') center no-repeat;background-size:contain;    */
  top: 0.24rem;
    left: 0.9rem;
    width: 2.32rem;
    height: 0.69rem;
    position: absolute;
}

.qlcon img:nth-child(1){width:3.62rem;}
.qlcon img:nth-child(3){width:5.78rem;}
.qlcon img:nth-child(5){width:4.42rem;}
.qlcon img:nth-child(10){width:3.92rem;}
.qlcon img:nth-child(11){width:2.62rem;}
.qlcon img:nth-child(12){width:2.66rem;margin: 0.45rem 0 0 4.6rem;}

.vd1,.vd1wrap{position: absolute;width: 5.96rem;height: 3.33rem;top: 20.8rem;left: 1.22rem;}
.vd2,.vd2wrap{position: absolute; width: 5.96rem; height: 3.33rem;top: 67.9rem; left: 1.22rem;}
.vd1,.vd2{display: none;}
.vd1wrap{background: url('../images/poster2.jpg') center no-repeat;background-size:contain; }
.vd2wrap{background: url('../images/poster1.jpg') center no-repeat;background-size:contain; }


.sendbtn{position: absolute;width:1.36rem;height: 0.75rem;bottom: 0.2rem;right: 0.2rem;background: url('../images/btm2.png') left center no-repeat;background-size:contain;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
      animation: show 0.6s ease-in-out alternate infinite;
    -webkit-animation: show 0.6s ease-in-out alternate  infinite;
    display: none;
}

.qmwrap{
  position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
}

.sigwrap{
    width: 100%;
    height: 6rem;
    top: 6rem;
    left: 0;
    position: absolute;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.txtnote{
  width:3.22rem;height: 0.35rem;background: url('../images/4p4.png') center no-repeat;background-size:contain; top: 0.2rem;left: 2.2rem;  
}
.js-signature {
    width: 7rem;
    height: 3.4rem;
    position: absolute;
    top: 1rem;
    left: 0.24rem;
    background: #f7f5f5;
}
.js-signature canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.btn_clear {
    position: absolute;
    width: 2.5rem;
    height: 100%;
    top: 0;
    left: 0;
    background: none;
    border: none;
}
.btn_submit {
    position: absolute;
    width: 2.5rem;
    height: 100%;
    top: 0;
    left: 3.1rem;
    background: none;
    border: none;
}
.sigbg{
  position: absolute;width: 5.6rem;height: 0.62rem;background: url('../images/4p3.png') center no-repeat;background-size: 100%;bottom: 0;left:1rem;
}

.canvas_copy {
    width: 7.5rem;
    height: 10.75rem;
    position: absolute;
    /*z-index: 9999;*/
    top: 6.7rem;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    display: none;
}
.hcbg,.hcbg2 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#signature {
    position: absolute;
    width: 2.1rem;
    height: 1rem;
    top: 3rem;
    left: 0.9rem;
    font-size: 0.3rem;
    line-height: 1.6rem;
    color: #fff;
}
#signature img {
    height: 100%;
}
.morebtn{
  position: absolute;width: 2.45rem;height:1.07rem;background: url('../images/4p3-3.png') center no-repeat;background-size: 100%;    top: 9.2rem;left: 2.5rem;
  opacity: 0;   
   -webkit-transform: translate(0,1rem);
    transform: translate(0,1rem);
}
.sharewrap{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 9999999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
    background: rgba(0,0,0,0.5);
    /*background: url('../images/ad.jpg') center no-repeat;background-size: 100% 100%;*/
}
.sharewrap span{
    background: url('../images/sharebg.png') center no-repeat;background-size: 100%;
    position: absolute;
    width: 3.15rem;
    height: 1.49rem;
    right: 0.4rem;
    top: 0.5rem;
    /*width:100%;*/
    /*height: 1rem;*/
    /*font-size: 0.3rem;*/
    /*color: #fff;*/
    /*top: 14.2rem;*/
    /*text-align: center;*/
    opacity: 0;
    -webkit-animation: show 0.8s ease-in-out infinite;
    animation: show 0.8s ease-in-out infinite;
}
.sharewrap span.againbtn{
    left: 3.7rem;
}
.sharenote{
    background: rgba(0,0,0,0.5);
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;    display: none;
    z-index: 9999999;
}
.share{
    position: absolute;width: 5.51rem;height: 2.64rem;background: url('../images/share.png') center no-repeat;background-size: 100%;
    top: 0.2rem;right:0.3rem;
    opacity:0;
    -webkit-animation: show 2s ease-in-out infinite;animation: show 2s ease-in-out infinite;
}

.sharewrap img{
    width:100%;}

.morebtn.shown,.sharewrap.shown{ 
  -webkit-animation: show 0.5s ease-in-out forwards;animation: show 0.5s ease-in-out forwards;
}






/* .swiper-slide{opacity: 0;} */
.bg{width: 100%;position: absolute;top: 0;left: 0;}




.secwrap{width: 100%;height: 100%;}

.sec2bg{
  background: url('../images/bg2-2.png') center no-repeat;background-size: 100%;position: absolute;width: 100%;height: 14.48rem;top: 50%;margin-top:-7.24rem;opacity: 0;-webkit-transform: scale(1.2);transform: scale(1.2);
}

.jt2{
  position: absolute;width: 2.58rem;height: 2.66rem;top: 1.3rem;left: 2.1rem;background: url('../images/jt2.gif') center no-repeat;background-size: 100%;z-index: 10;
}

.vdcon{
  position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;opacity: 0; -webkit-transform: translate(0,-100%);transform: translate(0,-100%);
}
.vdcon.actived{
  -webkit-animation: show 0.8s ease-in-out alternate forwards;animation: show 0.8s ease-in-out alternate forwards;
}



 .vdwrap{position: absolute;width: 100%;height: 4.27rem;left: 0;top: 3.8rem;background: #000 url('../images/2p4.png') top center no-repeat;background-size: 100%;    z-index: 99;display: none;}
.vdwrap.sp{width: 4.6rem;
    height: 8rem;
    left: 1.3rem;
    top: 2rem;
    background: #000 url(../images/2p4.png) top center no-repeat;
    background-size: 100% 100%;}
.vdwrap.sp .s2vd{
    width: 4.4rem;
    height: 7.7rem;
    top: 0.18rem;
    left: 0.12rem;
}


.pullinbtn{
      background: url(../images/2p8.png) top center no-repeat;
    background-size: 100%;
    width: 3.88rem;
    height: 0.99rem;
    top: 10.5rem;
    left: 1.8rem;
    z-index: 99;
    display: none;
}
.pullinbtn.actived{
      -webkit-animation: bounceIn 2s 0.8s ease-in-out forwards;
    animation: bounceIn 2s 0.8s ease-in-out forwards;
    display: block;
}

img[src=""],img:not([src]){opacity:0;}

.vdnote{
  position: absolute;left: 0.5rem;top: 1.7rem;width: 6.29rem;height: 8.11rem;
}
.s2vd,.s2pic{
width: 7.2rem;
    height: 4rem;
    /*background: #000;*/
    position: absolute;
    left: 0.15rem;
    top: 0.15rem;
}
.vvdd{
  object-fit: fill;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 999999;
    display: none;
}
#video{
    display: block;
}

.vdbox,.vdbox2,.vdbox3,.picscroll{
    display: none;
    top: 2.95rem;
    left: 0.54rem;
}
.p3img{
    width: 100%;
}
.btnswrap{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    display: none;
    z-index: 9999999;
}
.vdbtns{
    background: url('../images/p2_11.png') top center no-repeat;background-size: 100%;
    position: absolute;
    width:7.25rem;
    height: 7.08rem;
    top: 4rem;
    left: 0.125rem;
    z-index: 999999;
}



.imggif{
    display: none;
    position: absolute;
    width: 100%;
    top:0;
}


.weibo{
    background: url('../images/wbbtn.png') center no-repeat;
    background-size: 100%;
    width:4.93rem;height: 0.87rem;
    position: absolute;
    top: 12.2rem;
    left: 1.45rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    animation: show 1s 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s 1s ease-in-out alternate infinite;
}

.andriodvd{
  background: url('../images/bg222.jpg') center no-repeat;
    background-size: 100%;
    width:100%;height: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index:9999999;
    display: none;
}

.gif {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
}
.gif img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.gif span{
    position: absolute;
    width: 2.94rem;
    height: 0.97rem;
    position: absolute;
    left:2.4rem;
}

.skipbtn{
/*    background: url('../images/skip.png') center no-repeat;
    background-size: contain;*/
    position: absolute;
    width: 1.13rem;
    height: 0.53rem;
    top: 1.5rem;
    right: 0.5rem;
    font-size: 0.3rem;
    text-align: center;
    text-decoration: underline;
    z-index:999999;
    color: rgba(218, 218, 218, 0.85);
    /*display: none;*/
}
.logobg{
    background: url('../images/logo.png') center no-repeat;
    background-size: contain;
    position: absolute;
    width: 5.08rem;
    height: 0.93rem;
    bottom: 0.3rem;
    left: 1.25rem;
}

.jumpbtn{
    background: url('../images/b0.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 2.15rem;
    height: 0.97rem;
    top: 9rem;
    left: 2.6rem;
    font-size: 0.3rem;
    text-align: center;
    text-decoration: underline;
    z-index:999999;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    animation: show 1s 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s 1s ease-in-out alternate infinite;
    display: none;
}
.vdbox3{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 99999999;
}

.sltwrap{
    background: url('../images/3-1.png') center no-repeat;background-size: 100%;width: 5.68rem;
    height: 2.47rem;
    top: 5rem;
    left: 0.9rem;
    position: absolute;
    z-index: 99999999;
    opacity: 0;
    transform: translate(0,-1.5rem);
    -webkit-transform: translate(0,-1.5rem);
}

.sltwrap.actived{
    -webkit-animation: show 1s ease-in-out forwards;animation: show 1s ease-in-out forwards;

}
.sltwrap span{
    width:100%;height: 1.1rem;
    margin-bottom:0.2rem;
    position: initial;
    display: block;
}


/* ---------------------- page1 ------------------ */
/* .logo{
    background: url('../images/logo.png') center no-repeat;background-size: 100%;
    width: 6.5rem;
    height: 0.41rem;
    top: 13.1rem;
    left: 0.5rem;
    position: absolute;} */



.page.actived .title1{
    animation: show 0.3s ease-in-out alternate forwards;
    -webkit-animation: show 0.3s ease-in-out alternate forwards;
}
.page.actived .title1 span{
    animation: show 0.3s 0.5s ease-in-out alternate forwards;
    -webkit-animation: show 0.3s 0.5s ease-in-out alternate forwards;
}

.yunwrap{
    z-index: 999;
}
.yunwrap span:nth-child(1){
     background: url('../images/cld2.png') center no-repeat;background-size: 100%;
     width:6.9rem;
     height:6.64rem;
     top: 0;
     left: -7rem;
 }
.yunwrap span:nth-child(2){
    background: url('../images/cld1.png') center no-repeat;background-size: 100%;
    width:15.82rem;
    height:10.47rem;
    bottom: 0;
    left: 7.5rem;
}

.yunwrap.actived span:nth-child(1){
    animation: moveani2 4s 1s ease-in-out alternate forwards;
    -webkit-animation: moveani2 4s 1s ease-in-out alternate forwards;
}
.yunwrap.actived span:nth-child(2){
    animation: moveani 4s 1s ease-in-out alternate forwards;
    -webkit-animation: moveani 4s 1s ease-in-out alternate forwards;
}

@-webkit-keyframes moveani {
    0%{
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    30%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    70%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}
@keyframes moveani {
    0%{
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    30%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    70%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

@-webkit-keyframes moveani2 {
    30%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    70%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes moveani2 {
    30%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    70%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}










.startbtn{background: url('../images/3.png') center no-repeat;background-size: 100%;width:2.46rem;height: 1.11rem;top:0rem;left: 0rem;    position: absolute;
    display: block;}
    .startbtn2{background: url('../images/33.png') center no-repeat;background-size: 100%;width:2.46rem;height: 1.11rem;top:0rem;left: 0rem;    position: absolute;
    display: block;}

.blasket{background: url('../images/11.png') center no-repeat;background-size: 100%;width:2.01rem;height:1.95rem;top:9.49rem;left: 2.74rem;position: absolute;}

.divwrap{width: 100%;height: 100%;background:rgba(0,0,0,0.66);display: none;
z-index: 9999;
    top: 0;
    left: 0;
    }
.rtext{background: url('../images/4.png') center no-repeat;background-size: 100%;position: absolute;width:5.29rem;height:7.45rem;top:2.18rem;left: 1.33rem;}
.slcbtn,.ynclsbtn{position: absolute;width:1rem;height:1rem;top: 2.4rem;left: 5.7rem;}

.rbg{position: absolute;    width: 5.54rem;
    height: 7.21rem;
    top: 2.48rem;
    /* width:5.72rem;height:8.15rem;top:1.48rem; */left: 0.98rem;}
.rbg img{width: 100%;display: none;}
.downbtn{    position: absolute;
    width: 4rem;
    height: 0.8rem;
    top: 6.8rem;
    left: 1.8rem;}
  .no .downbtn{    width: 3.5rem;
    height: 0.6rem;
    top: 6rem;
    left: 2rem;}
  .no .ynclsbtn{    top: 1.4rem;}

.rltxt img{    position: absolute;
    width: 1.14rem;
    height: 0.62rem;
    top: 4.88rem;
    left: 2.12rem;
    display: none;
}




.secbg{
position: absolute;
    width: 100%;
    left: 0;
    top: 50%;    
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.gcbpwrap{
  width: 6.14rem;height: 9.81rem;position: absolute;top: 0.2rem;left: 0.7rem;/*background: url('../images/bg6.jpg') center no-repeat;background-size: 100%;*/
}
.gcbpwrap img{width: 100%;position: absolute;top: 0;left: 0;}
.savenote{
  width: 2.54rem;height: 0.45rem;position: absolute;    top: 8.6rem;
    left: 1.8rem;background: url('../images/5p2.png') center no-repeat;background-size: 100%;
}

.shbg{
background: url(../images/share.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.4rem;
    height: 3.08rem;
    top: 0;
    right: 0.65rem;
}


.sec{
    width: 100%;
    height: 14.48rem;
    top:50%;
    left: 0;
    position: absolute;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.ending{
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    position: absolute;
    display: none;
    z-index: 999999;
}
.ending.actived{
    display: block;
}

.endcon{
    position: absolute;
    top: 1rem;
    width: 100%;
}
.endcon p{
    margin: 0 0 0.1rem 0.5rem;
    font-size: 0.36rem;
    color: #a2cffe;
}

  @-webkit-keyframes show {
    100% {
      -webkit-transform: translate(0, 0) scale(1) rotate(0) skew(0);
      transform: translate(0, 0) scale(1) rotate(0) skew(0);
      opacity: 1;
    }
  }
  @keyframes show {
    100% {
      -webkit-transform: translate(0, 0) scale(1) rotate(0) skew(0);
      transform: translate(0, 0) scale(1) rotate(0) skew(0);
      opacity: 1;
    }
  }

  /*iPhoneX的适配*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    
}

  /*iPhoneXS XR的适配*/
/*body.xx .handwrap{top: 10rem;}*/



@media screen and (min-device-height:720px) and (min-device-width: 444px) {
    

}

.clist{
    width: 7rem;
    margin: 0.2rem auto;
    font-size: 0.32rem;
    color: #fff;
    border-left: 1px solid #fff;
    position: relative;
}
.clist:nth-child(1){
    margin-top: 1rem;
}
.clist h2{
    font-weight: bold;
    position: absolute;
    text-indent: 0.3rem;
    margin-top: -0.3rem;
}
.clist h2 i{
    width: 0.2rem;
    height: 0.2rem;
    background: none;
    border: 0.03rem solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: -0.12rem;
    top: 0.15rem;
}
.clist p{
    padding: 0.2rem 0 0.1rem 0.2rem;
}
.clist p img{
    width: 100%;
    margin: 0.1rem 0;
}


.p1_1_png{
    background-image:url("../images/p1_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.51rem;
    top:0.88rem;
    width:6.36rem;
    height:2.41rem;
    z-index:68;
    opacity: 0;
    -webkit-transform: translate(0,-0.5rem);
    transform: translate(0,-0.5rem);
}
/* .logo{
    background-image:url("../images/logo.png");
    background-size:100% 100%;
    position:absolute;
    left:0.91rem;
    top:13.32rem;
    width:5.82rem;
    height:0.53rem;
    z-index:67;
} */
.p1_7_png{
    background-image:url("../images/p1_7.png");
    background-size:100% 100%;
    position:absolute;
    left:4.19rem;
    top:7.1rem;
    width:2.41rem;
    height:2.09rem;
    z-index:66;
}
.p1_6_png{
    background-image:url("../images/p1_6.png");
    background-size:100% 100%;
    position:absolute;
    left:3.68rem;
    top:4.59rem;
    width:2.41rem;
    height:2.09rem;
    z-index:65;
}
.p1_5_png{
    background-image:url("../images/p1_5.png");
    background-size:100% 100%;
    position:absolute;
    left: 0.5rem;
    top: 10.06rem;
    width:2.39rem;
    height:1.93rem;
    z-index:64;
}
.p1_4_png{
    background-image:url("../images/p1_4.png");
    background-size:100% 100%;
    position:absolute;
    left:2.46rem;
    top:7.55rem;
    width:1.97rem;
    height:2.58rem;
    z-index:63;
}
.p1_3_png{
    background-image:url("../images/p1_3.png");
    background-size:100% 100%;
    position:absolute;
    left:1.61rem;
    top:5.41rem;
    width:2.35rem;
    height:1.92rem;
    z-index:62;
}
.p1_2_png{
    background-image:url("../images/p1_2.png");
    background-size:100% 100%;
    position:absolute;
    left:0.98rem;
    top:3.48rem;
    width:2.17rem;
    height:1.93rem;
    z-index:61;
}
.hotwrap div{
    opacity: 0;
}
.actived .hotwrap div:nth-child(1){
    -webkit-animation: bounceIn 2s ease-in-out alternate forwards;
    animation: bounceIn 2s ease-in-out alternate forwards;
}
.actived .hotwrap div:nth-child(2){
    -webkit-animation: bounceIn 2s 0.2s ease-in-out alternate forwards;
    animation: bounceIn 2s 0.2s ease-in-out alternate forwards;
}
.actived .hotwrap div:nth-child(3){
    -webkit-animation: bounceIn 2s 0.4s ease-in-out alternate forwards;
    animation: bounceIn 2s 0.4s ease-in-out alternate forwards;
}
.actived .hotwrap div:nth-child(4){
    -webkit-animation: bounceIn 2s 1s ease-in-out alternate forwards;
    animation: bounceIn 2s 1s ease-in-out alternate forwards;
}
.actived .hotwrap div:nth-child(5){
    -webkit-animation: bounceIn 2s 0.6s ease-in-out alternate forwards;
    animation: bounceIn 2s 0.6s ease-in-out alternate forwards;
}
.actived .hotwrap div:nth-child(6){
    -webkit-animation: bounceIn 2s 0.8s ease-in-out alternate forwards;
    animation: bounceIn 2s 0.8s ease-in-out alternate forwards;
}
.actived .p1_1_png{
    -webkit-animation: show 0.3s ease-in-out alternate forwards;
    animation: show 0.3s ease-in-out alternate forwards;
}

@-webkit-keyframes bounceIn{
    0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
    0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}






.bg2{
    width: 100%;
}



.notetxt{
    border-radius: 0.07rem;
    background-color: rgb(181, 137, 76);
    opacity: 0.8;
    position: absolute;
    left: 2.57rem;
    top: 7.79rem;
    width: 2.22rem;
    height: 0.66rem;
    z-index: 160;
    font-size: 0.23rem;
    color: #ffcc78;
    text-align: center;
    line-height: 0.66rem;
}
.msgnote{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.msgnote11 {
    background:url("../images/msg.png") no-repeat;
    background-size: 100%;
    width: 4.55rem;
    height: 2.34rem;
    position: absolute;
    top: 50%;
    left: 1.475rem;
    z-index: 9999;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.msgnote11 p {
    font-size: 0.32rem;
    color: #067cd0;
    position: absolute;
    width: 100%;
    top: 0.75rem;
    text-align: center;
}
.closemsg{
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    right: 0;
    top: 0;
}
/* .notetxt2{
    border-radius: 0.07rem;
    background-color: rgb(0,0,0);
    opacity: 0.8;
    position: absolute;
    left: 2.25rem;
    top: 8.41rem;
    width: 3rem;
    height: 0.66rem;
    z-index: 116;
    font-size: 0.23rem;
    color: #fff;
    line-height: 0.66rem;
    text-align: center;
} */
.notetxt3{
    border-radius: 0.07rem;
    background-color: rgb(0,0,0);
    opacity: 0.8;
    position: absolute;
    left: 2.39rem;
    top: 7.61rem;
    width: 2.66rem;
    height: 0.66rem;
    z-index: 116;
    font-size: 0.23rem;
    color: #fff;
    line-height: 0.66rem;
    text-align: center;
}





.rltno3 .sharebtn{
    width: 4.41rem;
    height: 0.91rem;
    top: 5.95rem;
    left: 0.7rem;
}

.rltno1 .newsbtn,
.rltno2 .newsbtn,
.rltno1 .sharebtn,
.rltno2 .sharebtn,
.rltno3 .againbtn{
    display: none;
}
.downwrap{
    background: url(../images/poster.jpg) center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 9999;
    display: none;
}
.innote{
    background: url(../images/innote.png) center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 9999;
    display: none;
}
.downbtn{
    width: 3rem;
    height: 3rem;
    top: 12.1rem;
    left: 2.3rem;

}




.note_png{
    background-image:url("../images/note.png");
    background-size:100% 100%;
    position:absolute;
    left:0.45rem;
    top:9.59rem;
    width:6.6rem;
    height:3.44rem;
    z-index:56;
}
.slt2_png{
    background-image:url("../images/slt2.png");
    background-size:100% 100%;
    position:absolute;
    z-index:55;
}
.slt3_png{
    background-image:url("../images/slt3.png");
    background-size:100% 100%;
    position:absolute;
    z-index:54;
}
.slt6_png{
    background-image:url("../images/slt6.png");
    background-size:100% 100%;
    position:absolute;
    z-index:53;
}
.slt8_png{
    background-image:url("../images/slt8.png");
    background-size:100% 100%;
    position:absolute;
    z-index:52;
}
.slt7_png{
    background-image:url("../images/slt7.png");
    background-size:100% 100%;
    position:absolute;
    z-index:51;
}
.slt4_png{
    background-image:url("../images/slt4.png");
    background-size:100% 100%;
    position:absolute;
    z-index:50;
}
.slt5_png{
    background-image:url("../images/slt5.png");
    background-size:100% 100%;
    position:absolute;
    z-index:49;
}
.slt9_png{
    background-image:url("../images/slt9.png");
    background-size:100% 100%;
    position:absolute;

    z-index:48;
}
.slt1_png{
    background-image:url("../images/slt1.png");
    background-size:100% 100%;
    position:absolute;

    z-index:47;
}

/* .zzwrap div:nth-child(1){
    left:0.7rem;
    top:2.91rem;
    width:1.93rem;
    height:1.93rem;
}
.zzwrap div:nth-child(9){
    left:4.88rem;
    top:7.16rem;
    width:1.93rem;
    height:1.93rem;
}
.zzwrap div:nth-child(5){
    left:2.78rem;
    top:5.02rem;
    width:1.93rem;
    height:1.93rem;
 }
.zzwrap div:nth-child(4){
    left:0.7rem;
    top:5.02rem;
    width:1.93rem;
    height:1.93rem;
}
.zzwrap div:nth-child(7){
    left:0.7rem;
    top:7.15rem;
    width:1.93rem;
    height:1.93rem;
}
.zzwrap div:nth-child(8){
    left:2.78rem;
    top:7.15rem;
    width:1.93rem;
    height:1.93rem;
}
.zzwrap div:nth-child(6){
    left:4.88rem;
    top:5.03rem;
    width:1.93rem;
    height:1.93rem;
 }
.zzwrap div:nth-child(3){
    left:4.88rem;
    top:2.92rem;
    width:1.93rem;
    height:1.93rem;
  }
.zzwrap div:nth-child(2){
    left:2.78rem;
    top:2.91rem;
    width:1.93rem;
    height:1.93rem;
   }

.zzwrap.back div:nth-child(1){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(2){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(3){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(4){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(5){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(6){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(7){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(8){background-image:url("../images/slt10.png"); background-size:100% 100%;}
.zzwrap.back div:nth-child(9){background-image:url("../images/slt10.png"); background-size:100% 100%;} */


/* html{
    font-family:PingFang-SC-Light,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;
    text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    margin:0;
    padding:0
}body{
    color:#434343;
    background-color:white;
    height:100%;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
} */
ul,ol{
    list-style:none outside none;
}
#lottery{
    width: 4.85rem;
    height: 4.8rem;
    top: 6.25rem;
    left: 1.3rem;
}
#lottery ul{
    font-size:0;
}
#lottery ul li{
    width: 1.45rem;
    height: 1.37rem;
    /* background:#f9d933; */
    border-radius:0.1rem;
    position: absolute;
    /* margin-right:0.17rem;
    margin-bottom:0.17rem;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    color:#1b1b1b; */
}
.lottery-unit-0{
    top: 0;
    left: 0.05rem;
}
.lottery-unit-1{
    top: 0;
    left: 1.7rem;
}
.lottery-unit-2{
    top: 0;
    left: 3.35rem;
}
.lottery-unit-3{
    top: 1.67rem;
    left: 3.35rem;
}
.lottery-unit-4{
    top: 3.3rem;
    left: 3.35rem;
}
.lottery-unit-5{
    top: 3.3rem;
    left: 1.67rem;
}
.lottery-unit-6{
    top: 3.3rem;
    left: 0.05rem;
}
.lottery-unit-7{
    top: 1.67rem;
    left: 0.05rem;
}
/* .lottery-go{
    width: 1.5rem;
    height: 1.5rem;
    top: 1.5rem;
    left: 1.5rem;
} */
#lottery ul li.alone p{
    line-height:1.37rem
}
#lottery ul li p{
    height:1.37rem;
    line-height:0.64rem;
    font-size:0.6rem;
    margin:0.92rem auto;
}
#lottery ul li.lottery-go{
    width: 1.53rem;
    height: 1.5rem;
    top: 1.67rem;
    left: 1.67rem;
}
#lottery ul li.lottery-go p{
    font-size:1.6rem;
}
#lottery ul li.active.lottery-unit{
    background: rgba(63,78,109,0.5);
    /* color:#fff; */
}
#lottery ul li:last-of-type{
    margin-right:0;
}
#lottery ul:last-of-type li{
    margin-bottom:0;
}

.p3_1_8_png{
    background-image:url("../images/p3_1_8.png");
    background-size:100% 100%;
    position:absolute;
    left:2.47rem;
    top:6.25rem;
    width:2.56rem;
    height:2.26rem;
    z-index:100;
}
.p2_1_png{
    background-image:url("../images/p2_1.png");
    background-size:100% 100%;
    position:absolute;
    left: 1.1rem;
    top: 0.91rem;
    width: 5.49rem;
    height: 1.93rem;
    z-index:99;
}
.p3_1_4_png{
    background-image:url("../images/p3_1_4.png");
    background-size:100% 100%;
    position:absolute;
    left:0.11rem;
    top:4.19rem;
    width:2.57rem;
    height:2.26rem;
    z-index:98;
}
.p3_1_1_png{
    background-image:url("../images/p3_1_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.11rem;
    top:2.13rem;
    width:2.57rem;
    height:2.26rem;
    z-index:97;
}
.p3_1_2_png{
    background-image:url("../images/p3_1_1.png");
    background-size:100% 100%;
    position:absolute;
    left:2.47rem;
    top:2.13rem;
    width:2.57rem;
    height:2.26rem;
    z-index:96;
}
.p3_1_5_png{
    background-image:url("../images/p3_1_5.png");
    background-size:100% 100%;
    position:absolute;
    left:2.47rem;
    top:4.19rem;
    width:2.56rem;
    height:2.26rem;
    z-index:95;
}
.p3_1_9_png{
    background-image:url("../images/p3_1_9.png");
    background-size:100% 100%;
    position:absolute;
    left:4.79rem;
    top:6.25rem;
    width:2.57rem;
    height:2.26rem;
    z-index:94;
}
.p3_1_7_png{
    background-image:url("../images/p3_1_4.png");
    background-size:100% 100%;
    position:absolute;
    left:0.11rem;
    top:6.25rem;
    width:2.57rem;
    height:2.26rem;
    z-index:93;
}
.p3_1_6_png{
    background-image:url("../images/p3_1_4.png");
    background-size:100% 100%;
    position:absolute;
    left:4.79rem;
    top:4.19rem;
    width:2.57rem;
    height:2.26rem;
    z-index:92;
}
.p3_1_3_png{
    background-image:url("../images/p3_1_3.png");
    background-size:100% 100%;
    position:absolute;
    left:4.79rem;
    top:2.13rem;
    width:2.57rem;
    height:2.26rem;
    z-index:91;
}

.zzwrap div {
    opacity: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}
.actived .zzwrap div:nth-child(1){  -webkit-animation: show 0.5s linear forwards;animation: show 0.5s linear forwards;}
.actived .zzwrap div:nth-child(2){  -webkit-animation: show 0.5s 0.2s linear forwards;animation: show 0.5s 0.2s linear forwards;}
.actived .zzwrap div:nth-child(6){  -webkit-animation: show 0.5s 0.4s linear forwards;animation: show 0.5s 0.4s linear forwards;}
.actived .zzwrap div:nth-child(8){  -webkit-animation: show 0.5s 0.6s linear forwards;animation: show 0.5s 0.6s linear forwards;}
.actived .zzwrap div:nth-child(9){  -webkit-animation: show 0.5s 0.8s linear forwards;animation: show 0.5s 0.8s linear forwards;}
.actived .zzwrap div:nth-child(3){  -webkit-animation: show 0.5s 1s linear forwards;animation: show 0.5s 1s linear forwards;}
.actived .zzwrap div:nth-child(7){  -webkit-animation: show 0.5s 1.2s linear forwards;animation: show 0.5s 1.2s linear forwards;}
.actived .zzwrap div:nth-child(4){  -webkit-animation: show 0.5s 1.4s linear forwards;animation: show 0.5s 1.4s linear forwards;}
.actived .zzwrap div:nth-child(5){  -webkit-animation: show 0.5s 1.6s linear forwards;animation: show 0.5s 1.6s linear forwards;}


/*海报*/
.hcwrap33{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 999999999;
    display: none;
}
.hcwrap33{
    background: rgba(0,0,0,0.5);
}
.hcwrap33{
    opacity: 0;
}
.hcimg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}
.hbconts{
    width: 7.5rem;
    height: 16.24rem;
    position: absolute;
    top: 0;
    left: 0;
}
#topcon {
    width: 7.5rem;
    height: 16.24rem;
    position: absolute;
    top: 0;
    left: 0;
}
.hctop {
    width: 100%;
}
.hbavatar{
    position:absolute;
	left:0.2rem;
	top:3.47rem;
	width:0.64rem;
	height:0.64rem;
	z-index:13;
    border-radius: 50%;
}
.hbname{
    position:absolute;
    left: 0.89rem;
    top: 3.64rem;
    color: #772fc5;
    font-size: 0.3rem;
    font-weight: 700;
}
.hbjf{
    position: absolute;
    left: 2.8rem;
    top: 3.6rem;
    color: #772fc5;
    font-size: 0.3rem;
    font-weight: 700;
}
.hbcity{
    position: absolute;
    left: 4.4rem;
    top: 3.6rem;
    color: #772fc5;
    font-size: 0.3rem;
    font-weight: 700;
}
.rankAct{
    position: absolute;
    width: 1.7rem;
    left: 1.05rem;
    top: 5.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #772fc5;
    font-size: 0.35rem;
    font-weight: 700;
    text-align: center;
}
.rankGov{
    position: absolute;
    width: 1.65rem;
    left: 4.2rem;
    top: 5.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #772fc5;
    font-size: 0.35rem;
    font-weight: 700;
    text-align: center;
}
.totalQaCount{
    position: absolute;
    width: 1.7rem;
    height: 0.4rem;
    line-height: 0.4rem;
    left: 1.05rem;
    top: 6.62rem;
    color: #772fc5;
    font-size: 0.35rem;
    font-weight: 700;
    text-align: center;
}
.costTime{
    position: absolute;
    width: 1.7rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    left: 4.12rem;
    top: 6.62rem;
    color: #772fc5;
    font-size: 0.35rem;
    font-weight: 700;
}
.totalQaWin{
    position: absolute;
    width: 1.7rem;
    height: 0.4rem;
    line-height: 0.4rem;
    left: 1.05rem;
    top: 8rem;
    color: #772fc5;
    font-size: 0.35rem;
    font-weight: 700;
    text-align: center;
}
.iswin{
    position: absolute;
    width: 1.7rem;
    height: 0.4rem;
    line-height: 0.4rem;
    left: 4.1rem;
    top: 8rem;
    color: #772fc5;
    font-size: 0.35rem;
    font-weight: 700;
    text-align: center;
}
.maxtime{
    position: absolute;
    width: 6.5rem;
    left: 0.4rem;
    top: 9.45rem;
    color: #772fc5;
    font-size: 0.25rem;
    height: 1.22rem;
    line-height: 0.32rem;
    overflow: hidden;
    font-weight: 700;
}
.mixtime{
    position: absolute;
    width: 6.5rem;
    left: 0.4rem;
    top: 11.35rem;
    color: #772fc5;
    font-size: 0.25rem;
    height: 1.22rem;
    line-height: 0.32rem;
    overflow: hidden;
    font-weight: 700;
}
.maxid{
    position: absolute;
    width: 6.5rem;
    left: 0.4rem;
    top: 13.35rem;
    color: #772fc5;
    font-size: 0.25rem;
    height: 1.22rem;
    line-height: 0.32rem;
    overflow: hidden;
    font-weight: 700;
}
/* .maxtime p,.mixtime p,.maxid p{
    position: absolute;
    max-height: 0.78rem;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
} */
.hbtips{
    background: url("../images/hbtips.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.48rem;
    height: 0.22rem;
    left: 2rem;
    top: 12rem;
    opacity: 0;
    animation: show 0.7s ease-in-out infinite alternate;
    -webkit-animation: show 0.7s ease-in-out infinite alternate;
} 
.hbback{
    background: url("../images/back2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.41rem;
    height: 0.42rem;
    left: 2rem;
    top: 12.4rem;
}
.jhwrap{
    background: rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index:9999;
    display:none;
}
.jhcont{
    background: url("../images/jhlink.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.14rem;
    height: 5.34rem;
    left: 0.68rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.gojinhua{
    position: absolute;
    width: 2.55rem;
    height: 0.72rem;
    left: 1.8rem;
    top: 2.46rem;
}
.closejh{
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    left: 2.62rem;
    bottom: 0;
}

/*冠军挑战赛*/
.gjtzswrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.gjtzsconts{
    background: url("../images/gjtzs.png?0816") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 7.5rem;
    height: 10.04rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.jujue{
    background: url("../images/jujue.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:1.18rem;
	top:5.15rem;
	width:2.23rem;
	height:0.78rem;
	z-index:15;
}
.jujue3{
    background: url("../images/jujue3.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:1.18rem;
	top:5.15rem;
	width:2.23rem;
	height:0.78rem;
	z-index:16;
    display: none;
}
.gjtzs{
    background: url("../images/tiaozhan.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:4.02rem;
	top:5.03rem;
	width:2.34rem;
	height:0.92rem;
	z-index:6;
}
.gjtzs2{
    background: url("../images/tiaozhan2.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:4.02rem;
	top:5.03rem;
	width:2.34rem;
	height:0.92rem;
	z-index:7;
    display: none;
}
/*冠军挑战赛*/
/*王者挑战赛*/
.wztzswrap{
    background:rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999;
    display:none;
}
.wztzsconts{
    background: url("../images/wztzs.png?0804") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 7.5rem;
    height: 9.47rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.wztitle{
    background: url("../images/wztitle.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 6.73rem;
    height: 0.44rem;
    top: 0.15rem;
    left: 0.39rem;
    display: none;
}
.wztitle3{
    background: url("../images/wztitle3.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.88rem;
    height: 0.44rem;
    top: 0.15rem;
    left: 2.81rem;
    display: none;
}
.jujue2{
    background: url("../images/jujue2.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:2.64rem;
	top:8.02rem;
	width:2.23rem;
	height:0.78rem;
	z-index:13;
}
.ckbd{
    background: url("../images/ckbd.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:1.19rem;
	top:6.85rem;
	width:2.28rem;
	height:0.84rem;
	z-index:34;
}
.cjbtn2{
    background: url("../images/cjbtn2.png") no-repeat;
    background-size: 100%;
    position:absolute;
	left:4.06rem;
	top:6.85rem;
	width:2.26rem;
	height:0.84rem;
	z-index:123;
    display: none;
}
.tzbtn2{
    background: url("../images/tzbtn2.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:4.02rem;
	top:6.76rem;
	width:2.34rem;
	height:0.92rem;
	z-index:4;
    display: none;
}
.tzbtn3{
    background: url("../images/tzbtn3.png") no-repeat;
    background-size: 100%;
    position: absolute;
	left:4.02rem;
	top:6.76rem;
	width:2.34rem;
	height:0.92rem;
	z-index:4;
    display: none;
}
.out{
    background: url("../images/out.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 2.64rem;
    top: 7.96rem;
    width: 2.28rem;
    height: 0.84rem;
    z-index: 13;
    display: none;
}
.winTimes{
    width: 7.5rem;
    font-size:0.34rem;
	color:rgb(255,255,255);
    text-transform: uppercase;
    text-shadow: 0 4px 5.64px #9608a5;
	text-align:center;
	position:absolute;
	left:0;
	top:6.15rem;
	z-index:4;
    display: none;
}
.winTimes span{
    position: relative;
    margin: 0 0.05rem 0 0;
}
.wztzsphb{
    position: fixed;
    width: 7.5rem;
    height: 16.24rem;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index:9999;
    display:none;
}
.backwz{
    background: url("../images/backwz.png?0804") no-repeat;
    background-size: 100%;
    position: absolute;
	left:2.99rem;
	top:13.42rem;
	width:1.52rem;
	height:0.57rem;
	z-index:129;
}
.wztitle2{
    background: url("../images/wztitle2.png?0805") no-repeat;
    background-size: 100%;
    position: absolute;
	left:1.36rem;
	top:2.37rem;
	width:4.79rem;
	height:1.4rem;
	z-index:169;
}
.phblist{
    background: url("../images/phbbg.png") no-repeat;
    background-size: 100%;
	position:absolute;
	left:0.21rem;
	top:3.74rem;
	width:7.06rem;
	height:9.51rem;
	z-index:126;
}
.wznavs{
    position: absolute;
    font-size: 0.36rem;
    color: #a012c3;
    font-weight: 700;
}
.wznav1{
    left: 0.59rem;
    top: 0.45rem;
    width: 1rem;
}
.wznav2{
    left: 2.37rem;
    top: 0.45rem;
    width: 2rem;
}
.wznav3{
    left: 5.11rem;
    top: 0.45rem;
    width: 1.5rem;
}
.wzlist{
    position: absolute;
    width: 6.2rem;
    height: 8.1rem;
    left: 0.45rem;
    top: 1.15rem;
}
.wzul{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
.wzlist .zwsj{
    left: 1.8rem;
    top: 2.8rem;
}
.wzul li{
    width: 100%;
    height: 0.41rem;
    position: relative;
    margin-bottom: 0.18rem;
    line-height: 0.41rem;
}
.wzul li:last-child{
    margin-bottom: 0;
}
.wzul .num{
    font-size: 0.3rem;
    color: #a012c3;
}
.wzconts{
    position: absolute;
    left: 1.5rem;
    height: 0.41rem;
    line-height: 0.41rem;
    font-size: 0.3rem;
    color: #a012c3;
}
.wzname{
    position: relative;
}
.wzcity{
    position: relative;
}
.wzwins{
    font-size: 0.3rem;
    color: #a012c3;
    left: 5rem;
    width: 0.8rem;
    text-align: center;
}
.pipeiwrap{
    position: fixed;
    width: 7.5rem;
    height: 16.24rem;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index:9999;
    display:none;
}
/*王者挑战赛*/