/*多分组样式*/
.group-select-box{
    margin: .24rem .24rem 0;
    display: flex;
    background: #FFFFFF;
    box-shadow: 0rem 0.04rem 0rem 0rem rgba(0, 0, 0, 0.1);
    border-radius: 0.08rem;
}
.group-select-box>p{
    width: 33.33%;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    font-size: .28rem;
    color: rgba(0, 0, 0, 0.4);
}
.group-select-box>p.active{
    color: rgba(0, 0, 0, 0.8);
}

.group-select-wrap *{
    box-sizing: border-box;
}
/*多分组选择样式*/
.group-select-wrap{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}
.group-select-wrap .group-select-window{
    position: absolute;
    height: 8.4rem;
    background-color: #fff;
    width: 100%;
    bottom: 0;
    left: 0;
}
.group-select-window .iconguanbi{
    position: absolute;
    font-size: .35rem;
    left: .32rem;
    top: .32rem;
    color: #333;
}
.group-select-window .group-title-box{
    background: #F9FAFB;
    height: 1.8rem;
    padding: .42rem 0 .52rem;
}
.group-title-box .title{
    font-size: 0.4rem;
    font-weight: 400;
    color: #111A34;
    line-height: 0.4rem;
    text-align: center;
}
.group-title-box .sub-title{
    font-size: 0.28rem;
    font-weight: 400;
    color: #858B9C;
    line-height: 0.28rem;
    text-align: center;
    margin-top: .18rem;
}
.group-select-window .select-box{
    padding: 0 .4rem;
}
.group-select-window .group-cate-tab{
    height: 1.1rem;
    display: flex;
    justify-content: space-between;
    border-bottom: .01rem solid #E2E4EA;
}
.group-select-window .group-cate-tab>p{
    /*width: 33.33%;*/
    position: relative;
    text-align: center;
    font-size: 0.32rem;
    color: #666F83;
    line-height: 1.1rem;
}

.group-select-window .group-cate-tab>p.active{
    color: #2F86F6;
}
.group-select-window .group-cate-tab>p.active:after {
    display: block;
    content:'';
    position: absolute;
    width: 0.96rem;
    height: 0.04rem;
    background: #2F86F6;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.group-select-window .select-item-box{
    overflow-y: scroll;
    height: 5.5rem;
}
.group-select-window .select-item-box>p{
    font-size: 0.32rem;
    color: #41485D;
    height: 1.08rem;
    line-height: 1.08rem;
    border-bottom: .01rem solid #E2E4EA;
}
.group-select-window .select-item-box>p.active{
    color: #2F86F6;
}


/*报名页上传音频样式*/
.list_item .player-audio-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.audio-handle-btn{
    font-size: .24rem !important;
    background: #eee;
    width: 1.5rem !important;
    min-width: 1.5rem !important;
    height: .5rem !important;
    text-align: center;
    display: block;
    line-height: .5rem !important;
    border-radius: .1rem;
    color: #666;
}
.audio-link{
    font-size: .24rem;
    width: 100%;
    padding: .2rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
body,
div,
ul,
li {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: black;
}
body {
  min-width: 6.4rem;
  background: #F8F8F8;
  font-size: 0.28rem;
}
[v-cloak] {
  display: none !important;
}
body {
padding-bottom: constant(safe-area-inset-bottom);
}
img{
    display: block;
}
input{
　  outline: none;
    -webkit-appearance: none; /*去除系统默认的样式*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}
.layui-form-select dl dd.layui-this{
    background-color:#fff;
    color:#333;
}
/* .active_close {
	.grouping lidisplay:none;
}
*/
    .rand_exit {
        position: absolute;
        top: 5px;
        right: 5px;
    }
    
    .rand_exit .Ticonfont {
        font-size: 20px;
        color: #666;
    }
.iconfont{
    font-size: 0.28rem;
}
.fenxiang {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  /*justify-items: center;*/
  justify-content: center;
}
.haibox{
    position: relative;
    width:6.9rem;
    height: 10rem;
    margin-top: 1.27rem;
    position: relative;
    z-index: 999;
    transform: scale(1);
    animation: mytpcg 0.3s;
}

.fenxiang  img {
  width: 100%;
  height: 100%;
  
      
}

.fenxiang_bg {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
  background-color: rgba(0, 0, 0, 0.61);
}
.fx_tit,
.fx_fm_img,
.fx_code,
.shibie,
.fx_act {
  position: absolute;
}
.fenxiang .fenxiang_bg .fx_tit {
  top: 13%;
  left: 50%;
  transform: translateX(-50%);
}
.fenxiang .fenxiang_bg .fx_fm_img {
  top: 22%;
  left: 12%;
  width: 74%;
  height: 26%;
}
.fenxiang .fenxiang_bg .fx_code {
  top: 52%;
  left: 50%;
  width: 45%;
  height: 20%;
  transform: translateX(-50%);
}
.fenxiang .fenxiang_bg .fx_act {
  width: 80%;
  top: 82%;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /*超出部分显示省略号*/
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
}
.close_fx {
  /*display: inline-block;*/
  /*width: 0.48rem;*/
  /*height: 0.48rem;*/
  /*margin: 0.2rem 0;*/
  /*position: relative;*/
  /*top: 0.5rem;*/
  /*left: 77%;*/
  /*transform: translateY(100%);*/
  /*z-index: 3;*/
      /* display: inline-block; */
    /* width: 0.48rem; */
    /* height: 0.48rem; */
    /* margin: 0.2rem 0; */
    /* position: relative; */
    /* top: 0.5rem; */
    /* left: 77%; */
    /* transform: translateY(100%); */
    /* z-index: 3; */
    position: absolute;
    position: absolute;
    bottom: -1.5rem;
    z-index: -1;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0.6rem;
}
.close_fx img {
  width: 100%;
  height: 100%;
}
.saveImg {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1rem;
  background-color: #FFFFFF;
  text-align: center;
  line-height: 1rem;
  font-size: 0.44rem;
  font-weight: 500;
  color: #000000;
}
.active_close{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    
}
.active_close_con {
  text-align: center;
  margin: 2rem auto;
  
}
.active_close_con  img{
    width: 5.6rem;
    display: block;
}

.active_close_con p {
  font-size: 0.36rem;
  margin-top: 0.16rem;
  
color: rgba(0, 0, 0, 0.4);
}
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.eot');
  src: url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.woff2') format('woff2'), url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.woff') format('woff'), url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.ttf') format('truetype'), url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.svg#iconfont') format('svg');
  
  /* project id 1514159 */
}
.top_icon {
  width: 0.64rem;
  height: 0.64rem;
  position: fixed;
  top: 0.48rem;
  z-index: 2;
}
.music_icon {
  left: 0.4rem;
}
.play_music {
  animation: rotate 2s linear infinite;
}
.complaint {
  right: 0.4rem;
}
.tabbar {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 0.78rem;
  border-top: solid 0.02rem #f5f5f5;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  padding-top: 0.24rem;
  font-size: 0.26rem;
}
.tabbar .Ticonfont {
  font-size: 0.46rem;
}
.tabbar img {
  width: 0.44rem;
  height: 0.44rem;
}
.tabbar div,
.tabbar_pifu div {
  /*width: 80*2/100rem;*/
  text-align: center;
  margin-bottom: 0.1rem;
}
.tabbar div,
.tabbar_pifu img {
  vertical-align: top;
}
.tab_icon {
  width: 0.4rem;
  height: 0.4rem;
}
.tabCon {
  padding-bottom: 1rem;
}
.swiper-container {
  width: 100%;
 /*max-height: 9.8rem;*/
}
.swiper-slide img {
  display: inline;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.topheader {
  box-shadow: 0rem 0.04rem 0.1rem rgba(0, 0, 0, 0.08);
  /*overflow: hidden;*/
    margin-top: 0.2rem;
  color: #FFFFFF;
  position: relative;
  box-sizing:border-box;
  border-radius: 0.08rem;
  background-size: 100% 100% !important ;
}
.vote_info {
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.2rem;
  border-radius: 0.08rem;
  font-size: 0.24rem;
  /*margin-top: 0.3rem;*/
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

.ranking .vote_info{
    border-radius: 0px;
}
.vote_info span {
  font-size: 0.32rem;
}
.vote_info > div {
  text-align: center;
  width: 33%;
}
.titme_box {
  height: 0.6rem;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 0.08rem;
  margin-top: -0.1rem;
  line-height: 0.6rem;
  font-size: 0.24rem;
  /*color: #343434;*/
display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  position: relative;
  
}
.titme_box .Ticonfont{
    margin-right: 0.05rem;
    font-size: 0.24rem;
    line-height: 0.24rem;
    margin-top: 0.01rem;
}
.titme_box  span{
    margin-left: 0.16rem;
    margin-right: 2px;
}
.introducebox {
  background-color: #ffffff;
  width: 100%;
  padding: 0.24rem;
  box-sizing: border-box;
  margin: 0rem auto;
  display: block;
  margin-top: 0.2rem;
  box-shadow: 0rem 0.04rem 0.1rem rgba(0, 0, 0, 0.08);
  border-radius: 0.08rem;
  position: relative;
}
.introducebox  .Ticonfont{
       font-size: 0.24rem;
    line-height: 0.28rem;
}
.icon_rb{
    position: absolute;
    right: -0rem;
    bottom: -0.12rem;
    width: 0.77rem;
    height: 0.44rem;
    background-size: 100% 100% !important;
}
.icon_rb img{
width: 100%;
height: 100%;
}
.introducebox .time:nth-child(1){
margin-top: 0px;
padding-top: 0;
}

.time {
  text-align: center;

  line-height: 0.3rem;
  padding:0.08rem 0px;
  /*color: #343434;*/
}
.flex_y_center{
    margin-bottom:  0px;
    padding-bottom: 0px;
}
.whi .time {
  color: #fff !important;
}
.time > img {
  width: 0.2rem;
  height: 0.2rem;
  vertical-align: center;
}
.time > span {
  margin: 0 0.1rem;
}
.time > p {
  line-height: 0.8rem;
  font-size: 0.4rem;
}
.search {
  display: flex;
  position: relative;
  margin-top: 0.2rem;
  height: 0.8rem;
  background: #EBEBEB;
  opacity: 1;
  border-radius: 0.08rem;
  overflow: hidden;
  box-shadow: 0rem 0.04rem 0rem 0rem rgba(0, 0, 0, 0.1);
}
.search .search_icon {
  /*position:absolute;
	*/
  width: 0.36rem;
  height: 0.36rem;
  top: 0.22rem;
  left: 0.22rem;
}
.search input {
  padding-left: 0.2rem;
  font-size: 0.24rem;
  outline: none;
  border: 0;
  height: 100%;
  background: none;
}
.search_btn {
  width: 18vw;
  color: #fff;
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  font-size: 0.24rem;
  border-radius: 0 0.04rem 0.04rem 0;
  display: flex;
  align-items: center;
  justify-items: center;
}
.search_btn .Ticonfont{
    font-size: 24rpx;
    margin-right:0.08rem;
}
/* 活动介绍及倒计时 */
.active_countdown {
  display: flex;
  width: 100%;
  height: 1.32rem;
  margin: 0 auto 0.2rem;
  background: #e0e0e0;
  border-radius: 0.04rem;
  text-align: center;
}
.active_js {
  display: flex;
  flex-wrap: wrap;
  width: 25%;
  height: 1.32rem;
  font-size: 0.24rem;
  font-weight: bold;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: #f0f0f0;
  border-radius: 0.04rem 0rem 0rem 0rem;
}
.active_js .icon {
  width: 0.4rem;
  height: 0.42rem;
  margin-top: 0.24rem;
}
.active_js div {
  width: 100%;
  margin-bottom: 0.2rem;
}
.end_active {
  width: 75%;
  text-align: center;
}
.end_txt {
  display: inline-block;
  margin: 0.22rem auto 0.12rem;
  font-size: 0.32rem;
}
.end_txt > img {
  width: 0.34rem;
  vertical-align: middle;
  margin-top: -0.06rem;
}
.mescroll-downwarp .downwarp-tip, .mescroll-upwarp .upwarp-tip, .mescroll-upwarp .upwarp-nodata{
    font-size: 0.24rem !important;
}

/*我要报名*/
 .grouping {
            margin-top: 0.2rem;
	          padding: 0rem 0.24rem;
              box-sizing: border-box;
	    }
	    .grouping li {
              width: 31.2%;
    font-size: 0.24rem;
    color: #ffffff;
    /* padding: 0rem 0.10rem; */
    box-sizing: border-box;
    margin: 0.05rem 0px;
    margin-right: 0.2rem;
    padding: 0px;
    text-align: center;
        }
        .grouping li:nth-child(3n){
            margin-right: 0px;
        }
        .grouping li div {
        width: 100%;
        height: 0.6rem;
        opacity: 1;
        border-radius: 0.08rem;
        line-height: 0.55rem;
        text-align: center;
        border-width: 0.02rem;
        border-style: solid;
        box-sizing: border-box;
        border-color: rgba(0,0,0,0,1); 
    }
    
    
/*分组*/
/*.grouping {*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*  width: 100%;*/
/*  margin: 0.15rem auto;*/
/*}*/


/*.grouping li {*/
/*  width: 33.33%;*/
/*  font-size: 0.24rem;*/
/*  color: #ffffff;*/
/*  padding: 0rem 0.10rem;*/
/*  box-sizing: border-box;*/
/*  margin: 0.1rem 0px;*/
/*}*/
/*.grouping li div {*/
/*  width: 100%;*/
/*  height: 0.6rem;*/
/*  opacity: 1;*/
/*  border-radius: 0.08rem;*/
/*  line-height: 0.6rem;*/
/*  text-align: center;*/
/*  border-width: 0.02rem;*/
/*  border-style: solid;*/
/*  box-sizing: border-box;*/
  /*border-color: red;*/
/*}*/
.grouping li:last-child {
  margin-right: 0;
}
.player_box {
  width: 100%;
  margin: 0 auto;
  margin-top: 0.24rem;
}
.player_box:after {
  display: block;
  content: '';
  clear: both;
}
.con_box {
  float: left;
  width: 48%;
  /*width: 3.3rem;*/
}
/*查看更多*/
.see_more {
  width: 6.48rem;
  height: 0.94rem;
  /*background:rgba(84,178,214,1);
	*/
  margin: 0.2rem auto 0.4rem;
  border-radius: 0.04rem;
  text-align: center;
  line-height: 0.94rem;
  color: #FFFFFF;
}
.con_box:nth-child(2n) {
     margin-left: 4%;
}
.player_box .player_list {
  
  position: relative;
  margin-bottom: 0.24rem;
  padding-bottom: 0.24rem;
  background-color: #FFFFFF;
  text-align: center;
  transform: scale(1);
/*  animation: myfirst 0.5s;*/
  box-shadow: 0rem 0.04rem 0.1rem rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}
/*.player_box .player_list:nth-child(1),*/
/*.player_box .player_list:nth-child(2),*/
/*.player_box .player_list:nth-child(3) {*/
/*    animation: no;*/
/*}*/
@keyframes myfirst {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.player_box .player_list img {
  width: 100%;
}
.player_box .player_list .xuanshou_vote span {
  font-size: 0.32rem;
  margin-right: 0.12rem;
}
.player_box .player_list .xuanshou_vote {
  font-size: 0.24rem;
  color: #989898;
}
.player_box .player_list .toupiao_btn {
  width: 90%;
  margin: 0.2rem auto 0;
  text-align: center;
  line-height: 0.6rem;
  color: #FFFFFF;
  box-sizing: border-box;
  border: 0.02rem solid;
  border-radius: 0.08rem;
  /*height: 0.6rem;*/
  background-size: 100% 100% !important;
  font-size: 0.24rem;
}
.player_box .player_list .xuanshou_num {
  position: absolute;
  z-index:98;
  top: 1px;
  left: 0;
  color: #fff;
  font-size: 0.18rem;
  line-height: 0.3rem;
  width: 0.88rem;
  text-align: center;
}
.player_box .player_list .xuanshou_num .iconH5_shouye_xuanshou_tupian_jiaobiao {
  position: absolute;
  top: 0rem;
  left: -0.1rem;
  font-size: 1.18rem;
  line-height: 1.18rem;
  z-index: -1;
}
.no_more {
  width: 100%;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
}
.more-a {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
/* 排行榜样式 */
.end {
  text-align: center;
  color: #758697;
  font-size: 0.28rem;
}
.shengyuTime {
  text-align: center;
  /* margin-top:1%;
	*/
  /*color:#353333;
	*/
  font-size: 0.28rem;
  line-height: 0.2rem;
  margin-bottom: 0.24rem;
}
.shengyuTime span {
  display: inline-block;
  width: 0.52rem;
  height: 0.32rem;
  background: #ffffff;
  box-shadow: 0rem 0rem 0.02rem 0rem rgba(67, 63, 62, 0.83), 0rem 0rem 0.06rem 0.02rem rgba(66, 64, 65, 0.41);
  border-radius: 0.08rem;
  line-height: 0.32rem;
  margin-left: 0.12rem;
  margin-right: 0.08rem;
  font-weight: bold;
  text-align: center;
  color: #353333;
}
.paihangtime {
  text-align: center;
  padding-top: 0.2rem;
}
.paihangtime p {
  line-height: 0.8rem;
}
.tit {
  width: 100%;
  height: 0.8rem;
  opacity: 1;
  border-radius: 0.06rem 0.06rem 0rem 0rem;
  text-align: center;
  line-height: 0.8rem;
  color: #fff;
  font-size: 0.32rem;
  /*font-weight: bold;*/
  margin-top: 0.2rem;
}
.tit ul {
  padding: 0rem 0.4rem;
  box-sizing: border-box;
}
.biaoti_ranking {
  height: 0.7rem;
  /*line-height: 0.7rem;*/
  /*min-height: 0.7rem;*/
  padding:0px 0.3rem;
  font-size: 0.32rem;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  padding-top: 0.3rem;
  /*box-sizing: border-box;*/
}
.rank_box {
  width: 100%;
  margin: 0 auto;
  border-radius: 0.06rem 0.06rem 0 0;
  border-bottom: none;
  /*min-height: 6rem;*/
  position: relative;
}
.rank_123 {
  display: flex;
  padding-top: 0.76rem;
  padding-bottom: 0.34rem;
  background-color: #fff;
}
.rank_123 .rank_2 {
  width: 30%;
  margin-top: 0.28rem;
  position: relative;
}
.rank_123 .rank_2 .king2_img {
  width: 100%;
  position: absolute;
  top: -0.2rem;
  left: 1%;
  display: block;
}
.rank_123 .rank_2 .rank_tit {
  font-size: 0.28rem;
  font-weight: bold;
  color: #ffc533;
  text-align: center;
  margin-top: 0.12rem;
  float: left;
  width: 100%;
  margin-bottom: 0.12rem;
}
.rank_2 .rank_img {
  width: 18.5vw;
  height: 18.5vw;
  margin: 0rem auto;
  border-radius: 50%;
  margin-top: 4vw;
  /* margin-left:10*2/100rem;
	*/
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-left:10*2/100rem;
	*/
}
.rank_2 .rank_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.rank_player_name {
  text-align: center;
  margin-top: 0.36rem;
  color: #758697;
  font-size: 0.28rem;
}
.rank_vote {
  font-size: 0.28rem;
  text-align: center;
  margin-top: 0.1rem;
}
.rank_1 {
  width: 40%;
  position: relative;
}
.king {
  /* width:86%;
	position:absolute;
	top:-17*2/100rem;
	left:9%;
	display:block;
	*/
  width: 100%;
  position: absolute;
  top: -0.34rem;
  left: 1%;
  display: block;
}
.king_img {
  width: 25.25vw;
  height: 25.25vw;
  background: #ffdf85;
  margin: 0.28rem auto 0.32rem;
  border-radius: 50%;
}
.king2,
.king3 {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin: 0.04rem;
}
.king2 {
  background-color: #c0c0c0;
}
.king3 {
  background-color: #c69145;
}
.rank_1 .king_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.king_player_name {
  margin-top: 0.18rem;
  font-size: 0.32rem;
  font-weight: bold;
}
.king_vote {
  font-size: 0.28rem;
  text-align: center;
  margin-top: 0.1rem;
}
.rank_xia {
  width: 100%;
  margin-bottom: 0.4rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.16);
  opacity: 1;
  /*border-radius: 0.08rem;*/
}
.rank_xia img{
    width: 0.65rem;
    height: 0.81rem;
}
.rank_xia li {
  width: 100%;
  /*background: #fff;*/
  display: flex;
  overflow-y: hidden;
  align-items: center;
  text-align: center;
  height: 1.2rem;
  border-bottom: 0.02rem solid #d8d8d8;
}
.rank_xia_con {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0rem auto;
  padding:0px 0.4rem;
  box-sizing: border-box;
}

.rank_xia li:last-child {
  margin-bottom: 0.4rem;
  border-bottom:0px !important;
}
.rank_xia_con:after {
  content: '';
  display: block;
  clear: both;
}
.rank_xia_img {
  float: left;
}
.rank_xia_con .rank_xia_img img {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  vertical-align: middle;
}
.xia_player_name {
  text-align: left;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /*超出部分显示省略号*/
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
  flex-grow: 1;
  margin-left: 0.2rem;
  
/*color: #343434;*/
}
.xia_player_name  p{
    
color: #999999;
}
.xia_vote {
  float: right;
  color: #000000;
  font-size: 0.3rem;
  width: 1.2rem;
  text-align: right;
  padding-right: 0.1rem;
}
.rank_num {
  /*width: 23.9%;*/
  width: 10%;
  margin-right: 13.9%;
  text-align: center;
}
.shuoming_con {
  width: 100%;
  margin: 0rem auto;
  /*background:#fff;*/
  /*background-color: white;*/
  padding: 0.2rem;
  box-sizing: border-box;
  font-size: 0.24rem;
  margin-bottom: 0.4rem;
  position: relative;
  overflow-x: hidden;
}
.shuoming_con img {
  width: 100%;
  height: auto;
}
/*活动结束弹窗*/
.end_shade {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.end_con {
  width: 6rem;
  height: 4.2rem;
  background: #ffffff;
  border-radius: 0.1rem;
  text-align: center;
}
.end_con img {
  width: 1.66rem;
  height: 1.66rem;
  margin: 0.4rem auto;
}
#zhidao {
  width: 4.2rem;
  height: 0.8rem;
  background: #54b2d6;
  border-radius: 0.1rem;
  font-size: 0.34rem;
  color: white;
  line-height: 0.8rem;
  margin: 0.1rem auto;
}
@keyframes rotate {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
}
.T_bj{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
#phone {
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  /*height: 100%;*/
  overflow-y: scroll;
}
/* c3实现公告滚动样式*/
.notice_box {
  position: fixed;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 0.48rem;
  z-index: 100;
  overflow: hidden;
  /*background-color: rgba(223, 113, 111, 0.65);*/
}
.notice_bg {
  width: 100%;
  height: 0.48rem;
  z-index: 2;
  overflow-x: hidden;
  position: relative;
}
.bg_notice{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.notice_con {
  position: absolute;
  top: 0rem;
  left: 0.4rem;
  line-height: 0.48rem;
  white-space: nowrap;
  /*color: white;*/
  transition: all 25s;
  z-index: 2;
}
.notice_box .Ticonfont {
    opacity: 1;
    height: 100%;
    padding: 0px 0.2rem;
    line-height: 0.48rem;
    opacity: 1;
    height: 100%;
    padding: 0px 0.2rem;
    line-height: 0.48rem;
    position: relative;
    z-index: 999;
    color:#fff;
    font-size: 0.33rem;
}
/* 漂浮物样式*/
#introduction {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.tabbar_bg {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 1.74rem;
  color: white;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.baoming_box {
  margin-top: 0.14rem;
  height: 0.64rem;
  box-shadow: 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 0.08rem;
  width: 100%;
  text-align: center;
  line-height: 0.64rem;
  color: #fff;
  font-size: 0.24rem;
  background-size: 100% 100% !important;
}
/* c3公告滚动动画 */
@keyframes movenotice {
  from {
    transform: translateX(8rem);
    /* left:110%;
	*/
  }
  to {
    /* left:-110%;
	*/
    transform: translateX(-110%);
  }
}
.swiper-container {
  width: 100%;
  height: auto;
}
.swiper-slide {
  height: auto;
}
.top_icon {
  line-height: 0.64rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-size: 0.24rem;
  text-align: center;
}
.tabbar a {
  text-align: center;
  color: #666;
  text-decoration: none !important;
}
/* .mescroll {
	height:500*2/100rem;
	overflow:auto;
}
*/
/* .player_box {
	height:100%;
}
*/
.hb {
  height: 1rem;
  background: #007aff;
  width: 1rem;
  color: #fff;
  position: fixed;
  bottom: 3rem;
  right: 0rem;
  border-radius: 0.5rem 0rem 0rem 0.5rem;
  z-index: 99;
  text-align: center;
  line-height: 1rem;
  padding-left: 0.16rem;
  box-sizing: border-box;
  box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.3);
}
.clear {
  clear: both;
}
.break1 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 1;
  /** 显示的行数 **/
  overflow: hidden;
  white-space: normal;
  /** 隐藏超出的内容 **/
}
.rank_player_name2 {
  margin-top: 6vw !important;
}
.mescroll-upwarp {
  width: 100%;
  margin: 0rem;
  padding: 0rem !important;
  /*margin-bottom:0.32rem ;*/
  text-align: center;
  line-height: 0.24rem;
 /* height: 0.24rem;
   min-height: 0.24rem !important;
   margin-bottom: 0.32rem;*/
  /*color: #666;*/
}
/* #phone {
	position:fixed;
	top:0*2/100rem;
	left:0*2/100rem;
	width:100%;
	height:100%;
	overflow-y:scroll;
}
*/
#tabNum0 {
  position: fixed;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  /*padding:0*2/100rem 0.3rem;*/
  /*box-sizing: border-box;*/
}
.container {
  /*padding: 0*2/100rem 4%;*/
  padding: 0rem 0.24rem;
  box-sizing: border-box;
  position: relative;
}
.music_icon {
  left: 0.4rem;
  border: none !important;
}
.complaint {
  right: 0.4rem;
}
.laba {
  color: #fff;
  padding: 0rem 0.2rem;
  position: relative;
  z-index: 999;
  /*background-color:rgba(223,113,111,0.3);
	*/
  display: inline-block;
}
.time {
  text-align: left;
}
.shuoming div {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 1;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/
  font-size: 0.24rem;
}
.ts_fontsize {
  font-size: 0.24rem;
}
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
  /*background: none !important;*/
  text-decoration: none !important;
}
.empty-tip {
  text-align: center;
}
.yxz_bottom {
  position: fixed;
  bottom: 1.04rem;
  padding: 0rem 0.2rem;
  box-sizing: border-box;
  width: 100%;
  height: 0.9rem;
  z-index: 999;
  background: #EBEBEB;
  /*box-shadow: 0*2/100rem 2*2/100rem 5*2/100rem rgba(0, 0, 0, 0.2);*/
}
.yxz_bottom .yxz_number {
  color: #999999;
  font-size: 0.3rem;
  margin-right: 0.4rem;
}
.tp {
  width: 2.12rem;
  height: 0.62rem;
  opacity: 1;
  border-radius: 0.08rem;
  color: #000;
  line-height: 0.62rem;
  text-align: center;
  background-size:100% 100% !important;
}
.xuanshou_name {
  text-align: center;
  /*color: #343434;*/
  font-size: 0.28rem;
  /*line-height: 25*2/100rem;*/
  margin-top: 0.2rem;
}
.tpcg {
  position: fixed;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  /*justify-items: center;*/
  justify-content: center;
  
}
.tpcg .masking {
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.tpcg .tpcg_box {
  width: 89%;
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*transform: translate(-50%, -50%);*/
  transform: scale(1);
  background: #fff;
  border-radius: 0.2rem;
  text-align: center;
  padding-bottom: 0.2rem;
  overflow: hidden;
  z-index: 1000;
  animation: mytpcg 0.3s;
  /*scale(1)*/
}


@keyframes mytpcg {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
   opacity: 1;
    transform: scale(1);
  }
}


.tpcg .tpcg_box .Ticonfont {
  color: #03bd03;
  font-size: 1.8rem;
  margin: 0.2rem auto;
  display: block;
}
.tpcg_box_title {
  font-size: 0.34rem;
  margin: 0.3rem 0rem;
}
.haode {
  width: 90%;
  height: 0.8rem;
  text-align: center;
  margin: 0rem auto;
  color: #fff;
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  /*justify-items: center;*/
  justify-content: center;
  background-size: 100% 100% !important;
}
.ggtp {
  width: 100%;
max-height: 6rem;
  margin: 0rem auto;
  overflow: hidden;
  position: relative;
  display: block;
}
.ggtp span {
  position: absolute;
  top: 0rem;
  left: 0rem;
  display: block;
  width: 1rem;
  height: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  line-height: 0.5rem;
  text-align: center;
}
.ggtp img {
  width: 100%;
  height: 100%;
  display: block;
}
@keyframes mysnow {
  0% {
    bottom: 100%;
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-30deg);
    bottom: -10%;
  }
}
@-webkit-keyframes mysnow {
  0% {
    bottom: 100%;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-30deg);
    bottom: -10%;
  }
}
@-moz-keyframes mysnow {
  0% {
    bottom: 100%;
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-30deg);
    bottom: -10%;
  }
}
@-ms-keyframes mysnow {
  0% {
    bottom: 100%;
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(-30deg);
    bottom: -10%;
  }
}
@-o-keyframes mysnow {
  0% {
    bottom: 100%;
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(-30deg);
    bottom: -10%;
  }
}
.roll5 {
  position: absolute;
  animation: mysnow 20s linear;
  -webkit-animation: mysnow 20s linear;
  -moz-animation: mysnow 20s linear;
  -ms-animation: mysnow 20s linear;
  -o-animation: mysnow 20s linear;
}
.roll4 {
  position: absolute;
  animation: mysnow 12s linear;
  -webkit-animation: mysnow 12s linear;
  -moz-animation: mysnow 12s linear;
  -ms-animation: mysnow 12s linear;
  -o-animation: mysnow 12s linear;
}
.roll3 {
  position: absolute;
  animation: mysnow 8s ease-out;
  -webkit-animation: mysnow 8s ease-out;
  -moz-animation: mysnow 8s ease-out;
  -ms-animation: mysnow 8s ease-out;
  -o-animation: mysnow 8s ease-out;
}
.roll {
  position: fixed;
  z-index: 9999999;
  -webkit-user-select: none;
    user-select: none;
  -webkit-pointer-events: none;
  pointer-events: none;
   -webkit-touch-callout: none;
   touch-callout: none;
}
.ymxs_type2 .player_list:nth-child(2n) {
  margin-left: 4%;
}
.ymxs_type2 .ymxs2_imgbox{
    height: 3.3rem;
   overflow:hidden;width: 100%;
}
/* 滑块验证样式 */
#yanzhengshade {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.drag {
  position: relative;
  background-color: #e8e8e8;
  width: 100%;
  height: 0.68rem;
  line-height: 0.68rem;
  text-align: center;
}
.handler {
  width: 0.8rem;
  height: 0.64rem;
  border: 0.02rem solid #cccccc;
  cursor: move;
}
.handler_bg {
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIO*2/100remwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;
}
.handler_ok_bg {
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
}
.drag_bg {
  background-color: #7ac23c;
  height: 0.68rem;
  width: 0rem;
}
.drag_text {
  position: absolute;
  top: 0rem;
  width: 100%;
  text-align: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}
.top_icon {
  width: 0.96rem;
  height: 0.96rem;
  position: fixed;
  top: 0.45rem;
  z-index: 9;
}
.music_icon {
  left: 0.4rem;
  width: 0.9rem;
  height: 0.9rem;
}
.play_music {
  animation: rotate 2s linear infinite;
}
.complaint {
  right: 0.4rem;
}
.random_page {

  position: fixed;

  top: 50%;

  left: 50%;

  width: 90%;

  background: #fff;

  border-radius: 0.2rem;

  padding: 0.4rem 0rem;

  transform: translate(-50%, -50%);

  z-index: 99999;

  box-sizing: border-box;

}
.masking {
  position: fixed;
  bottom: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.codelist {
  width: 4.92rem;
  margin: 0rem auto;
}
.codelist li {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
  float: left;
  margin: 0.2rem;
  border: 0.02rem solid #f1f1f1;
}
.codelist li img {
  height: 100%;
}
.codelist li:nth-child(2) img {
  position: absolute;
  top: 0rem;
  left: -1.2rem;
  height: 100%;
}
.codelist li:nth-child(3) img {
  position: absolute;
  top: 0rem;
  left: -2.4rem;
  height: 100%;
}
.codelist li:nth-child(4) img {
  position: absolute;
  top: 0rem;
  left: -3.6rem;
  height: 100%;
}
.codelist li:nth-child(5) img {
  position: absolute;
  top: 0rem;
  left: -4.8rem;
  height: 100%;
}
.codelist li:nth-child(6) img {
  position: absolute;
  top: 0rem;
  left: -6rem;
  height: 100%;
}
.codelist li:nth-child(7) img {
  position: absolute;
  top: 0rem;
  left: -7.2rem;
  height: 100%;
}
.codelist li:nth-child(8) img {
  position: absolute;
  top: 0rem;
  left: -8.4rem;
  height: 100%;
}
.codelist li:nth-child(9) img {
  position: absolute;
  top: 0rem;
  left: -9.6rem;
  height: 100%;
}
.result_list span {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  text-align: center;
  float: left;
  line-height: 0.8rem;
  background: #fff;
  border: 0.02rem solid #f1f1f1;
}
.result_list span .Ticonfont {
  font-size: 0.28rem;
}
.result_list {
  width: 4.44rem;
  margin: 0rem auto;
}
.tstitle {
  text-align: left;
  font-weight: bold;
  font-size: 0.36rem;
  width: 4.44rem;
  margin: 0rem auto;
  margin-top: 0.2rem;
}
.maskingtitle {
  width: 4.44rem;
  margin: 0rem auto;
  line-height: 0.6rem;
}
.tjclick {
  width: 4.44rem;
  height: 0.72rem;
  margin: 0rem auto;
  border-radius: 0.1rem;
  text-align: center;
  line-height: 0.72rem;
  color: #FFF;
  display: block;
}
.no_info {
  width: 74%;
  margin: 0.4rem auto;
  display: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  position: relative;
}
.no_info img {
  /*width: 100%;*/
  width: 5.6rem;
}
.mescroll-empty .empty-tip{
    font-size: 0.24rem;
    /*padding:0.4rem 0px;*/
    margin:0px auto;
         padding-top: 0px; 
         height: 0.24rem;
         line-height: 0.24rem;
         margin-bottom: 0.32rem;
         margin-top:0px !important;
}
.technical {
  /*margin-top: 20*2/100rem;*/
  border-top: 0.02rem dashed #989898;
  line-height:0.94rem;
  text-align: center;
  color: #808080;
  display: block;
  font-size: 0.24rem;
}
.resultitem {
  width:4.34rem ;
  display: block;
  height: 0.6rem;
  background: #EFEFEF;
  opacity: 1;
  border-radius: 0.08rem;
  line-height: 0.6rem;
  text-align: center;
  margin: 0.2rem auto;
}
.resultitem span {
  color: #999999;
  font-size: 0.28rem;
}

.soushuobox {
  width: 89%;
  position: fixed;
  top: 50%;
  left: 50%;
  transition: transform();
  transform: translate(-50%, -50%);
  z-index: 9;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 0.08rem;
  padding: 0.4rem 0.3rem;
  box-sizing: border-box;
  z-index: 10000;
}
.soushouchimg {
width:3.95rem;
  margin: 0.2rem auto;
  display: block;
}
.soushuobox input {
  width: 100%;
  margin: 0.4rem 0rem;
  height: 0.8rem;
  background: #EBEBEB;
  opacity: 1;
  border-radius: 0.12rem;
  text-align: center;
  line-height: 0.8rem;
  border: none;
}
.soushuobox .soushuo {
  width: 100%;
}
.soushuobox .soushuo .soushuo_btn {
  width: 47%;
  /* display: -webkit-box;*/
  /*display: -webkit-flex;*/
  /*display: flex;*/
  /*-webkit-box-pack: center;*/
  /*-webkit-justify-content: center;*/
  /*-ms-flex-pack: center;*/
  /*justify-content: center;*/
  /*-webkit-box-align: center;*/
  /*-webkit-align-items: center;*/
  /*-ms-flex-align: center;*/
  /*-ms-grid-row-align: center;*/
  /*align-items: center;*/
}
.soushuobox .soushuo .soushuo_btn  .Ticonfont{
    margin-right: 0.08rem;
    font-size: 0.24rem;
}
.soushuobox .soushuo .soushuo_btn:nth-child(1) {
  height: 0.62rem;
  background: #FFFFFF;
  border: 0.02rem solid #cdcdcd;
  opacity: 1;
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.62rem;
  font-size: 0.28rem;
  color:#999;
  
}
.soushuobox .soushuo .soushuo_btn:nth-child(2) {
  border: 0.02rem solid;
  height: 0.62rem;
  /*background: #5282F0;*/
  /*border: 1*2/100rem solid #5282F0;*/
  opacity: 1;
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.62rem;
  color: #fff;
}
.soushuobox .soushuo .soushuo_btn:nth-child(2) .Ticonfont{
    font-size: 0.24rem;
    margin-right: 0.08rem;
}
.count_downimg1{
    position: absolute;
    top:-10%;
    left:-0.15rem;
    width:7.2rem;
    height: 120%;
    z-index: -1;
}
/*详情样式*/
#details {
  padding-top: 0rem;
}
#details .toupiaocheer {
  width: 100%;
  border-radius: 0.08rem;
  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #FFF;
  margin: 0.24rem auto;
  display: block;
  box-sizing: border-box;
}
#details .topheader {
  position: relative;
  border-radius: 0.08rem;
  background-size: 100% 100% !important;
}

#details .topheader .player_name {
  font-size: 0.28rem;
  /*color: #FFFFFF;*/
  text-align: center;
  padding-top: 0.3rem;
  font-weight: bold;
}

 .jianjienr {
  font-size: 14px;
  /*color: #FFFFFF;*/
  text-align: center;
  padding: 12px;
  
}
#details .topheader .vote_info {
  margin-top: 0rem;
  position: relative;
  z-index: 2;
  padding-bottom: 0px;
}
#details .count_downimg1{
    z-index: 1;
}
#details .titme_box{
      z-index: 2;
      position: relative;
}
/*#details .tabbar .vote {*/
/*  position: relative;*/
/*}*/
/*#details .tabbar_pifu .vote_box {*/
/*  position: relative;*/
/*  width: 1.4rem;*/
/*}*/
/*#details .tabbar_pifu .vote_box .vote_bg {*/
/*  width: 1.4rem;*/
/*  height: 1.4rem;*/
/*  position: absolute;*/
/*  z-index: 2;*/
/*  top: -1rem;*/
/*  left: 0rem;*/
/*}*/
/*#details .tabbar_pifu .vote_box div {*/
/*  width: 1.12rem;*/
/*  position: absolute;*/
/*  z-index: 3;*/
/*  top: -0.56rem;*/
/*  left: 0.12rem;*/
/*  color: white;*/
/*}*/
/*#details .tabbar .gift img {*/
/*  width: 0.5rem;*/
/*  height: 0.5rem;*/
/*  vertical-align: middle;*/
/*}*/
/* 选手信息 */
#details .player_info {
  display: flex;
  width: 96%;
  margin: 0rem auto;
  /*padding-left: 38*2/100rem;*/
}
#details .player_avatar {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
}
#details .info_box {
  width: 100%;
}
#details .bianhao {
  display: inline-block;
  min-width: 0.44rem;
  height: 0.44rem;
  text-align: center;
  line-height: 0.44rem;
  /*background:rgba(247,87,87,1);*/
  border-radius: 50%;
  font-size: 0.28rem;
  color: #FFFFFF;
}
#details .introduction {
  width: 96%;
  /*background: #fff;*/
  /*padding: 0*2/100rem 55*2/100rem;*/
  font-size: 0.24rem;
  font-weight: 500;
  /*color: #000000;*/
  box-sizing: border-box;
  margin: 0rem auto;
  text-align: left;
  /*
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
*/
}
#details .view_more {
  width: 0.72rem;
  margin-right: 0.1rem;
  margin-top: 0.4rem;
  color: red;
}
#details .vote_info > div {
  text-align: center;
  width: 33%;
}
#details .vote_info > div:nth-child(3) {
  border: none;
}
#details .player_images {
  text-align: center;
  width: 100%;
  margin: 0rem auto;
  background-color: #ffffff;
  padding: 0.24rem;
  box-sizing: border-box;
  margin-top: 0.24rem;
  box-shadow: 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 0.08rem;
}
#details .player_images img {
    margin: 0.1rem 0;
  width: 100%;
  margin-bottom: 0.2rem;
  border-radius: 0.1rem;
  vertical-align: top;
}
#details .player_images .xsyptitle {
  color: #343434;
  font-size: 0.3rem;
  text-align: center;
  line-height: 0.8rem;
}
#details .gongxian {
  width: 96%;
  margin: 0 auto;
  padding-bottom: 0.4rem;
  background-color: #F5F5F5;
}
#details .gongxian .tit {
  text-align: center;
  font-size: 0.32rem;
  font-weight: bold;
  color: #788595;
  line-height: 1rem;
  border-bottom: 0.02rem solid #e5e5e5;
}
#details .gongxian ul {
  display: flex;
  padding-top: 1rem;
  overflow-x: auto;
}
.gongxian ul li {
  width: 1rem;
  margin-left: 0.8rem;
  position: relative;
}
#details .gongxian ul li img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
#details .gongxian ul li .rank_img {
  width: 1rem;
  height: 0.6rem;
  position: absolute;
  top: -0.48rem;
}
#details .help_btn {
  width: 4.24rem;
  height: 0.8rem;
  /*	background:rgba(84,178,214,1);*/
  margin: 0.4rem auto 0.4rem;
  border-radius: 0.2rem;
  text-align: center;
  line-height: 0.8rem;
  color: #FFFFFF;
}
/* 投票记录 */
#details .toupiaojilu {
  width: 96%;
  margin: 0 auto;
  padding-bottom: 0.4rem;
  background-color: #F5F5F5;
}
#details .toupiaojilu .tit {
  text-align: center;
  font-size: 0.32rem;
  font-weight: bold;
  color: #788595;
  line-height: 1rem;
  border-top: 0.02rem solid #e5e5e5;
  border-bottom: 0.02rem solid #e5e5e5;
}
#details .rank_xia li {
  padding: 4% 0.2rem;
  width: 94%;
  margin: 0 auto;
  /* background-color: #fff; */
  border-bottom: solid 0.02rem #e5e5e5;
}
#details .rank_xia_con {
  width: 90%;
  margin: 0 auto;
}
#details .rank_xia_con:after {
  content: '';
  display: block;
  clear: both;
}
#details .rank_xia_img {
  float: left;
  margin-top: 0.04rem;
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 50%;
}
#details .xia_player_name {
  float: left;
  width: 60%;
  margin-top: 1%;
  margin-left: 2%;
  color: #758697;
  font-size: 0.28rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#details .rank_num {
  width: 0.4rem;
  float: right;
  font-size: 0.28rem;
  color: #758697;
}
#details .see_more {
  width: 6.48rem;
  height: 0.94rem;
  /*	background:rgba(84,178,214,1);*/
  margin: 0.4rem auto 0rem;
  border-radius: 0.04rem;
  text-align: center;
  line-height: 0.94rem;
  color: #FFFFFF;
}
/* 投票点赞按钮样式 */
#details .dianzan_btn {
  width: 1.1rem;
  color: #FFFFFF;
  line-height: 1rem;
  text-align: center;
  font-size: 0.3rem;
  height: 1.1rem;
  /*	background: rgba(84,178,214,1);*/
  box-shadow: 0rem 0.06rem 0.06rem 0rem #424041;
  border-radius: 50%;
  position: relative;
  top: -0.16rem;
  left: 0rem;
  /*	transform: translateX(20%);*/
  /*	margin-left: 80*2/100rem;*/
}
#details .xin {
  display: block;
  width: 0.36rem;
  height: 0.28rem;
  position: absolute;
  top: 0.72rem;
  left: 0.4rem;
}
#details .codeShade {
  z-index: 9999999;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
#details .codeShade div {
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 0.44rem;
  line-height: 0.8rem;
}
/* 封装好的c3动画 */
@keyframes rotate {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
#details .tabbar .shuoming {
  text-align: center;
}
#details .play_box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 auto;
  border-radius: 50%;
  margin-left: 0.3rem;
}
#details .music_box {
  width: 100%;
  height: 1rem;
  background: #EBEBEB;
  box-shadow: 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 0.08rem;
  margin-bottom: 0.3rem;
}
#details .music_box .Ticonfont {
  color: #fff;
}
#details .el-slider__button {
  border: 0rem;
  width: 0.44rem;
  height: 0.44rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.02rem 0.04rem rgba(3, 8, 26, 0.3);
  border-radius: 50%;
}
#details .el-slider__runway {
  background: rgba(82, 130, 240, 0.2);
}
#details .zong_time,
#details .play_time {
  color: #999999;
  font-size: 0.24rem;
}
#details .jindu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
#details .block {
  width: 80%;
}
#details .gongxian ul {
  white-space: nowrap;
  width: 100%;
  overflow-x: scroll;
  display: block;
}
#details .gongxian ul li {
  display: inline-block;
  width: 20%;
  margin-left: 0rem;
  text-align: center;
}
#details .hb {
  height: 1rem;
  background: #007aff;
  width: 1rem;
  color: #fff;
  position: fixed;
  bottom: 3rem;
  right: 0rem;
  border-radius: 0.5rem 0rem 0rem 0.5rem;
  z-index: 99;
  text-align: center;
  line-height: 1rem;
  padding-left: 0.16rem;
  box-sizing: border-box;
  box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.3);
}
#details .music_icon {
  left: 0.4rem;
  border: none !important;
}
#details .complaint {
  right: 0.4rem;
  width: 0.58rem;
  height: 0.58rem;
  line-height: 0.58rem !important;
  border: 0.02rem solid #ffffff;
  background: rgba(0, 0, 0, 0.7) !important;
}
#details .codeShade {
  z-index: 1000;
}
#details .details_bottom {
  width: 100%;
  margin: 0rem auto;
  margin-bottom: 0.4rem;
}
#details .details_bottom .a {
  display: block;
  width:3.3rem;
  height: 0.8rem;
  text-align: center;
  background: #ffffff;
  /*border: 0.02rem solid #31cab1;*/
  border-radius: 0.08rem;
  line-height: 0.8rem;
  color: #fff;
  box-sizing: border-box;
}

#details .details_bottom .a  .Ticonfont{
    margin-right: 0.08rem;
}





input::-webkit-input-placeholder {
	color: #A9A9A9;
}

input:-moz-placeholder { 
	color: #A9A9A9;
}

input::-moz-placeholder { 
	color: #A9A9A9;
}

input:-ms-input-placeholder { 
	color: #A9A9A9;
}
.signup_con{
	/*padding:0px 0.3rem;*/
	width: 6.9rem;
	margin:0px auto;
	box-sizing: box-sizing;
	border-radius: 0.08rem;
    background-color: #fff;
    box-shadow: 0px 0.03rem 0.1rem rgba(0, 0, 0, 0.08);
}
.list_item{

/*padding:0.2rem 0px;*/
padding-top: 0.16rem;
}
.borderno{
	border: none;
}
.list_item span{display: block;
/*color: #343434;*/
margin-bottom: 0.16rem;
font-size: 0.24rem;
}
.list_item input,.list_item .input{
border: none;
height: 0.64rem;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.14901960784313725);
opacity: 1;
border-radius: 0.04rem;
padding:0px 0.24rem;
width: 100%;
box-sizing: border-box;
}
.tishi{
	width: 100%;
	font-size: 0.29rem;
    color: #CDCDCD;
    margin-left: 0.19rem;
}
.tishier{
    margin-bottom: 0.2rem;
    text-align: center;
    font-size: 0.29rem;
    color: #CDCDCD;
    margin-top: .2rem;
}
.list_item .img_box{
	display: flex;
	flex-wrap: wrap;
}
.list_item .xuanshou{
	width: 1.8rem;
	height:1.8rem;
	margin-right: 0.3rem;
	position: relative;
	margin-bottom: 0.3rem;
}
.list_item .xuanshou .del{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0.5rem;
	height: 0.5rem;
}
/*.layui-form-select .layui-input {*/
/*    padding-right: 30px;*/
/*    cursor: pointer;*/
/*    background: none;*/
/*}*/
.list_item .xuanshou img{
	width: 100%;
	height: 100%;
}
.list_item .xuanshou .img_boxhb{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0.5rem;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
    border-radius:0.04rem;
    
color: #FFFFFF;
font-size: 0.29rem;
text-align: center;
line-height: 0.5rem;
}
.submit{
	text-align: center;
}
.select_group{
	display: block;
	width: 30%;
	background-color: white;
	border:1px solid  rgba(191,191,191,1);
}
.layui-unselect{
		/*border:1px solid  rgba(191,191,191,1);*/
		width: 100%;
}
.layui-btn{
	margin-top: 20px;
	width:96%;
	height:46px;
	background:rgba(84,178,214,1);
	border-radius:5px;
}
.zxbm1{
    /*background: #fff;*/
    padding:0px 0.3rem;
    box-sizing: border-box;
    height: 0.8rem;
    border-bottom: 1px solid  #CDCDCD;;
}
.zxbm{
width: 100%;
		border:none;
	height: 0.8rem;
box-shadow: 0px  0.03rem 0.06rem rgba(0, 0, 0, 0.16);
opacity: 1;
border-radius: 0.08rem;

color: #FFFFFF;
	
}
.zxbm .Ticonfont{
    margin-right: 0.18rem;
}

.zxbm1 .line{
   width: 0.04rem;
    height: 0.28rem;
    margin-right: 0.08rem;
}

.layui-form {
	/*background: #fff;*/
	padding:0px 0.3rem;
	box-sizing: box-sizing;
}
.layui-form-select dl {
    color: #666;
}

    .is_establishbox{
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        height: 0.75rem;
        background:#FFF5E2;
       color#387CFF;
       z-index: 999999;
       text-align: center;
        
    }
    .is_establishbox a{
          color:#387CFF;
    }
    .fanhui{
        width: 1.8rem;
        background:#f2f3f7 ;
        color:#3c79f3;
        height: 100%;
    }
    .establishbox_solt {
        width: 100%;
        height: 0.75rem;
    }
    #establishbox_btn {
        padding: 0.06rem 0.12rem;
        color: #fff!important;
        background: #387CFF!important;
        border-radius: 0.08rem;
        margin-right: 0.5rem;
        font-size: 0.26rem;
    }

.iconH5_shouye_huodongxinxi_shouqi{
    opacity: 0.6;
}



/*模板20 政企*/

.tabbar20{
     background-color: #e93137;
    height: 1rem;
    padding-top: 0rem;
}
.tabbar20 a{
     min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  height: 100%;
  padding-top: 0.1rem;
  box-sizing: border-box;
}
.tabbar20 div, .tabbar_pifu img{
 margin-bottom: 0rem; 
}

.topheader20{
    height: 3.4rem;
    margin-top: 0.32rem;
    padding: 0px 0.76rem;
    box-sizing: border-box;
}
.topheader20 .vote_info{
         padding-bottom: 0rem; 
         box-sizing: box-sizing;
}
.topheader20 span{
    font-size: 0.32rem;
    color:#fff;
}

.topheader20 .time{
    margin-top: 0.55rem;
    color: #fff;
    font-size: 0.24rem;
}

.topheader20 .time .Ticonfont{
    font-size: 0.24rem;
    margin-right: 0.08rem;
}
.topheader20 .time span{
      color: #fff;
    font-size: 0.24rem;
}
.topheader20 .vote_labe{
    width: 1.54rem;
    height: 0.48rem;
    background: #FFD88D;
    opacity: 1;
    border-radius: 0.24rem;
    text-align: center;
    line-height: 0.48rem;
    color:#B4101B;
    margin:0px auto;
}
.topheader20 .line{
    width:0.80rem;
    height: 1px;
    background: #FFD88D;
    opacity: 1;
    border-radius:0.24rem;
    margin:0.16rem auto;
}
.activity20{
    position: relative;
       padding-top: 0.1px;
       margin-top: 0.32rem;
}
.activity20 .activity_topimg{
    background: url('/static/index/pifu_img/pifu_20/activity.png') no-repeat;
    background-size: cover;
    width: 100%;
    height: 2.5rem;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
 
}
.activity20 .activtiy_title{
    height: 0.5rem;
    margin: 0.24rem 0px;
     background: url('/static/index/pifu_img/pifu_20/xy.png') no-repeat;
    background-size: 100% 100%;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.36rem;
    color: #FFD88D;
    position: relative;
    z-index: 1;
}

.search20{
    
height: 1.2rem;
background: #EE2F35;
}
.search20 .search{
    margin-top: 0px;
    width: 100%;
    height:0.8rem;
    border-radius: 0.8rem;
    background:#fff;
    border:1px solid rgba(218, 184, 136, 1);
}
.search20  .search_btn {
    width: 1.6rem;
    border-radius:0.8rem;
    background:rgba(238, 47, 53, 1);
}
.ymxs_type20  .player_list {
    background:none ;
    box-shadow:none;
    position: relative;
}
.ymxs_type20  .player_list::after{
    position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 4.2rem;
    background: #EE2F35;
    opacity: 1;
    border-radius: 0.08rem;
    z-index: -1;
  }
.ymxs_type20 .ymxs2_imgbox{
    width:100%;
    height: 4.4rem;
    background: #E5E5E5;
    border: 1px solid #DAB888;
    opacity: 1;
    margin:0px auto;
    margin-top: 0.24rem;
}
.ymxs_type20 .player_list{
    height: 8rem;
    box-sizing: border-box;
}
.ymxs_type20 .player_list .xuanshou_vote{
     color:#fff!important;
}
.ymxs_type20 .player_list .xuanshou_vote span{
    color:#fff!important;
}
.soushuobox .soushuo .soushuo_btn20{
    background:#ee2f35 ;
  border: 0.02rem solid #ee2f35 !important;
    border-radius: 0.08rem;
}
.no_info20{
    width:7rem;height: 3rem;background: #FFFFFF;border: 2px solid #DAB888;opacity: 1;border-radius: 0.08rem;
    margin:0px auto;
    position: relative;
    z-index: 1;
}
.no_info20 img{
    display: block;
    width: 100%;
    height: auto;
    margin:0px auto;
}
#details .no_info20 img{
    display: block;
    margin:0px auto;
    width: 100%;
    height: auto;
}

/*单行模板*/
.Asingtopheader{
    background: #fff;
    color: #000000;
}

.Asingtopheader .vote_info{
color: #000000;
}


.Asingletemplate_list{
    background: #fff;
    border-radius: 0.08rem;
    margin-top: 0.2rem;
}
.Asingletemplate_list .item{
    padding:0.24rem;
    box-sizing:border-box;
    border-bottom: 1px solid #f1f1f1;
}
.Asingletemplate_list .item .item_img{
    height: 1.44rem;
    width: 1.44rem;
    margin-right: 0.16rem;
    border-radius: 0.08rem;
    overflow: hidden;
    
}
.Asingletemplate_list .item .item_img img{
    width: 100%;
    height: 100%;
}

.Asingletemplate_list .item .item_cont .name{
    width: 3.5rem;
    font-size: 0.34rem;
    color: #333333;
    margin-bottom: 0.16rem;
}
.Asingletemplate_list .item .item_cont .piao_number{
    
color: #999999;
}
.Asingletemplate_list .toupiao_btn {
    width: 1.52rem;
    height: 0.56rem;
    text-align: center;
    line-height: 0.56rem;
    border-radius: 0.08rem;
    border:1px solid ;
}
/*分组*/
.Asingletemplate_list .Agrouping{
     white-space: nowrap; 
     overflow-x: scroll;
     line-height: 0.84rem;
     box-sizing: border-box;
    border-bottom:1px solid #f1f1f1;
    position: relative;
    z-index: 10;
}
.Asingletemplate_list .Agrouping li{
      display: inline-block;
      width: 33.33%;
      text-align: center;
      color:#333333;
      border-bottom:2px solid #fff;
      text-align: center;
}
.Asingletemplate_list .Agrouping li div{
    border-bottom:2px solid #fff;
    min-width:1.12rem;
    display: inline-block;
    
}
.Arankpage{
       margin-top: 0.2rem;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.12);
border-radius: 0.08rem;
}
.Arankpage .tit{
    margin-top: 0px;
    
color: rgba(0, 0, 0, 0.84);
}
.Arankpage .rank_xia{
    box-shadow: none;
}
.Arankpage  .rank_xia li{
 border-bottom: 0.02rem dashed #d8d8d8;
}
.Arankpage  .rank_xia li:last-child{
    border-bottom:0px;
}
.Arankpage  .Asingletemplate_list{
    margin-top: 0px;
}

#details .details_bottom .a {
    border:1px solid ;
}

.outline_box{
    position: relative;
    word-break: break-all;
word-wrap: break-word;
}
.top_right{
    position:absolute;
    top: -0.24rem;
    right: -0.24rem;
    background-size:100% 100%;
}
.bottom_left{
     position:absolute;
    left: -0.24rem;
    bottom: -0.24rem;
    background-size:100% 100%;
}

.introducebox_pifu{
      position: relative;
}


/*皮肤23*/
.topheader23{
 height: 2.8rem;   
 padding-top: 0.38rem;
 box-sizing: border-box;
}
.topheader23 .vote_info{
    /*padding-top:0.38rem;*/
}
.topheader23  .titme_box{
    margin-top: -0.08rem;
}
.activity23{
    height: 0.66rem;
    width: 100%;
    line-height: 0.66rem;
}
.active_name23{
    overflow: hidden;
color: #8E611C;
font-size: 0.32rem;
font-weight: none;
}


.tabbar24{
     padding:0.04rem 0px;
}
/*皮肤24*/
.tabbar24 .tabbar24_item{
     min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  height: 100%;
padding:0px  0.04rem;
  box-sizing: box-sizing;
  
 
}
.tabbar24 .tabbar24_item a{
    display: block;
    width: 100%;
    height: 0.88rem;
    color:#FF8C49;
}
.tabbar24 div{
    margin-bottom: 0px;
}

.topheader24{    
    background: rgba(255,255,255,1);
      border-radius: 0.16rem;
    overflow: hidden;
}
.topheader24 .btn{
width: 1.28rem;
height: 0.48rem;
background: #669EFF;
line-height: 0.48rem;

border-radius: 0.08rem;
}
.topheader24 .vote_info{
    height: 1.52rem;
    padding:0px;
  
}

.topheader24  .vote_infotitle{
  font-size: 0.32rem; 
    color: #000000;
}
.topheader24  .titme_box {
background:#669EFF;
color:#fff;
margin-top:0px;
border-radius: 0px;
}
.topheader24  .titme_box span{
    color: #FFE048;
}
.baoming24{
    background-size: 100% 100%;
    height: 1.42rem;
    padding-top: 0.24rem;
    box-sizing: border-box;
    margin-bottom: 0.24rem;
}
.baoming_box24{
width:2.4rem;
height:0.64rem;
border-radius: 0.08rem;
overflow: hidden;
background-size: 100% 100% !important;
line-height: 0.64rem;
color:#fff;
text-align: center;
margin:0px auto;
}

.activity24{
    position: relative;
    
box-shadow: 0px 0.08rem 0px 0px rgba(0,0,0,0.1);
border-radius: 0.16rem;
overflow: hidden;
}

.activity_topimg24{
  position: absolute;
  top: -0.6rem;
  left:50%;
transform:translate(-50%,0);
/*width: 1.6rem;*/
height:0.62rem;
  
}
.activity24  .activtiy_title{
    height:0.64rem;
    background: #FF8C49;
    line-height: 0.64rem;
    text-align: center;
    color:#fff;
    font-weight: bold;
}
.activity24  .introducebox{
    margin-top: 0px;
    border-radius: 0px;
}
.search24{
height: 0.8rem;
background: #FFFFFF;
border-radius: 0.16rem;
}
.player_box24  .player_list .xuanshou_num{
    position: relative;
    width: 100%;
    height:0.63rem;
    line-height: 0.63rem;
    background: #669EFF;
    top: 0px;
    border-radius: 0.16rem  0.16rem  0rem 0px;
    font-size: 0.34rem;
}
.player_box24  .player_list:nth-child(2n) .xuanshou_num{
     background: #FF8C49;
       font-size: 0.34rem;
}
.player_box24  .player_list{
    padding-bottom: 0rem;
    overflow: hidden;
    background:none;

}
.player_box24  .player_list .toupiao_btn{
    background: #669EFF;
    width:100%;
    height: 0.63rem;
     line-height: 0.63rem; 
     margin:0px;
     border-radius: 0px 0rem 0.16rem 0.16rem;
     border:0px;
     box-shadow: 0px 0.08rem 0px 0px rgba(0,0,0,0.1);
     overflow: hidden;
}
/*.player_box24  .player_list:nth-child(2n) .toupiao_btn{*/
/*     background: #FF8C49;*/
/*}*/
.toupiao_btn1,.toupiao_btn2 {
    width: 50%;
    text-align: center;
    height: 100%;
}
.toupiao_btn2 {
    background: #FF8C49;
}
.player_box24 .player_list .topimg{
height: 0.6rem; 
width: 1.6rem;
margin:0px auto;
}

.therder24{
height: 0.64rem;
background: #FF8C49;
 border-radius: 0.16rem  0.16rem  0rem 0px;
 text-align: center;
 line-height: 0.64rem;
 color:#fff;
}

.rank_box24{
background:#fff;
box-shadow: 0px 0.08rem 0px 0px rgba(0,0,0,0.1);
   border-radius: 0px 0rem 0.16rem 0.16rem;
   overflow: hidden;
}


.top {
    top: 0.75rem!important;
}
.top1 {
    top: 1.3rem!important;
}
.no_infobox {
    background: #fff;
    margin-top: 0;
}
.no_infobox .no_info {
    margin-top: 0;
}
.cover-box{
    position: relative;
}

.comment-item {
    margin-bottom: 10px;
}
.wypl{
  width: 100%;
 
    text-align: center;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #FFF;
    margin: 0.24rem auto;
    display: block;
 }
 .comment-item-head-box {
    line-height: 40px;
}
 .comment-item-head {
    float: left;
    width: 40px;
    height: 40px;
}
 .comment-item-head-box img {
    margin-right: 5px;
    width: 40px;
    border-radius: 50%!important;
}
.comment-item-time {
    float: right;
    margin-bottom: 0;
    color: #ccc;
}
.comment-item-nickname {
    margin-bottom: 0;
    color: #ccc;
}
.comment-item-content {
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
    text-indent: 2em;
}
 .choujiang{
     margin-top: 10px;
 }

.barrage{z-index:99999;display:block;overflow:hidden;min-width:100px;white-space:nowrap;margin:10px 0}
.barrage_box{display:inline-flex;padding-right:8px;height:40px;border-radius:25px!important;background-color:rgba(0,0,0,.5);transition:all .3s;justify-content:space-around;align-items:center}
.barrage_box .portrait{display:inline-block;overflow:hidden;margin-top:4px;margin-left:4px;width:32px;height:32px;border-radius:50%!important}
.barrage_box .portrait img{width:100%;height:100%}
.barrage_box div.p a{margin-right:2px;margin-left:5px;color:#fff;font-size:14px;line-height:40px}
.barrage_box .close{visibility:hidden;margin-top:8px;margin-left:20px;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.1);text-align:center;opacity:0}
.barrage_box:hover .close{visibility:visible;opacity:1}
.barrage_box .close a{display:block}
.barrage_box .close .icon-close{display:inline-block;margin-top:5px;color:rgba(255,255,255,.5);font-size:14px}
.barrage .z{float:left!important}
.barrage a{text-decoration:none}
.comment-item-head{float:left;width:40px;height:40px}
.comment-item-nickname{margin-bottom:0;color:#ccc}
.comment-item-time{float:right;margin-bottom:0;color:#ccc}
.comment-item{margin-bottom:10px}
.comment-item-content{margin:10px 0;padding-bottom:10px;border-bottom:1px solid #f2f2f2;text-indent:2em}
.comment-item-head-box{line-height:40px}
.comment-item-head-box img{margin-right:5px;width:40px;border-radius:50%!important}

.dibuggt img{ width:100%;height:auto}


.maskingtitle {

  width: 4.44rem;

  margin: 0rem 0.2rem;

  line-height: 0.6rem;
	font-size: 0.4rem;

}

.tjclick {

      width: 1.84rem;
    height: 0.72rem;
    float: right;
    margin-right: 0.1rem;
   
    text-align: center;
    line-height: 0.72rem;
    color: #FFF;
    display: block;

}
.codeinput{
width: 3rem;
    border: none;
    border-bottom: 0.01rem #999 solid;
    height: 0.6rem;
    padding: 0.01rem;
  
    font-size: 0.3rem;
    margin: 0.3rem 0 0.6rem 0;
}
.captchac{ width:2.7rem; float: left; height: 1rem;	margin: 0.8rem 0 1rem 0; margin-left: 0.2rem}
.btnsty{
	display: inline-block;
    width: 100%;
    
   
}

 .yinyongship iframe{
           width: 100%;
           height: 175px;
       }
       
       
        .yinyongships iframe{
           width: 100%;
        
       }