#container-wrap {
  padding: 0.24rem 0.24rem 0;
}
#container-wrap .head-statistics {
  border-radius: 0.08rem;
  overflow: hidden;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 0.24rem;
}
#container-wrap .head-statistics .head-top {
  background-color: #5182F0;
  display: flex;
}
#container-wrap .head-statistics .head-top .block {
  flex: 1;
  position: relative;
  text-align: center;
  color: #fff;
  padding: 0.18rem;
}
#container-wrap .head-statistics .head-top .block .line {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.4rem;
  width: 0.02rem;
  height: 0.8rem;
  background-color: #fff;
}
#container-wrap .head-statistics .head-date {
  font-size: 0.24rem;
  color: #5282F0;
  text-align: center;
  line-height: 0.56rem;
}
#container-wrap .head-statistics .head-date .Ticonfont {
  font-size: 0.24rem;
  color: #5282F0;
}
#container-wrap .show_detail {
  background-color: #F5F5F5;
  padding: 0.22rem;
  border-radius: 0.08rem;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
}
#container-wrap .show_detail .detail-head {
  display: flex;
  justify-content: space-between;
}
#container-wrap .show_detail .detail-head .show-btn {
  min-width: 2rem;
  width: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 0.02rem solid #E4E4E4;
}
#container-wrap .show_detail .detail-head .show-btn .show-icon {
  width: 0.4rem;
  height: 0.4rem;
  display: block;
}
#container-wrap .show_detail .detail-head .show-btn p {
  font-size: 0.28rem;
  color: #5182F0;
}
#container-wrap .show_detail .detail-head .show-btn .Ticonfont {
  font-size: 0.28rem;
  color: #5182F0;
}
#container-wrap .show_detail .guizesm .gz-title {
  line-height: 0.7rem;
  color: #767676;
}
#container-wrap .show_detail .guizesm .info {
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #767676;
}
#container-wrap .baoming-btn {
  width: 3.2rem;
  height: 0.64rem;
  line-height: 0.64rem;
  background-color: #5282F0;
  text-align: center;
  font-size: 0.28rem;
  color: #fff;
  margin: 0.24rem auto;
  border-radius: 0.08rem;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
}
#container-wrap .search-box {
  height: 0.8rem;
  background: #F5F5F5;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.08rem;
  margin: 0.24rem 0;
  overflow: hidden;
  display: flex;
}
#container-wrap .search-box .text {
  border: none;
  outline: none;
  background: none;
  font-size: 0.24rem;
  flex: 1;
  padding: 0 0.16rem;
}
#container-wrap .search-box .text::-webkit-input-placeholder {
  color: #999;
  font-size: 0.24rem;
}
#container-wrap .search-box .search-btn {
  display: flex;
  align-items: center;
  line-height: 1;
  width: 1.12rem;
  background: #5B84E9;
  justify-content: center;
  font-size: 0.24rem;
  color: #fff;
}
#container-wrap .search-box .search-btn i {
  margin-top: 0.04rem;
  margin-right: 0.04rem;
  color: #fff;
}
#container-wrap .cate-box {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
#container-wrap .cate-box .cate-item {
  padding: 0.15rem 0.33rem;
  background-color: #F5F5F5;
  color: #5182F0;
  font-size: 0.28rem;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 
  margin-bottom: .16rem;
  margin-right: .16rem;
  border-radius: 0.08rem;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
}
#container-wrap .search-result {
  margin: 0.24rem auto;
}
#container-wrap .search-result .result-text {
  background-color: #EAEAEA;
  color: #9A9B9B;
  font-size: 0.28rem;
  display: flex;
  align-items: center;
  height: 0.64rem;
  line-height: 0.64rem;
  justify-content: center;
  width: max-content;
  margin: 0 auto;
  padding: 0 0.24rem;
  border-radius: 0.08rem;
}
#container-wrap .search-result .result-text .search-keyword {
  max-width: 1.5rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#container-wrap .search-result .cancel-search {
  margin-left: 0.2rem;
  color: #5182F0;
}
#container-wrap .player-list {
  padding-top: 0.24rem;
}
#container-wrap .player-list .player-item {
  position: relative;
  margin-bottom: 0.24rem;
  padding: 0.24rem;
  background-color: #F7F7F7;
  border-radius: 0.08rem;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
}
#container-wrap .player-list .player-item .main-img-link {
  display: block;
}
#container-wrap .player-list .player-item .main-img-link img {
  width: 100%;
}
#container-wrap .player-list .player-item .player-info-box {
  display: flex;
  justify-content: space-between;
  padding-top: 0.34rem;
}
#container-wrap .player-list .player-item .player-info-box .name {
  color: #343434;
  font-size: 0.28rem;
}
#container-wrap .player-list .player-item .player-info-box .num {
  color: #A7A7A7;
  font-size: 0.28rem;
}
#container-wrap .player-list .player-item .player-info-box .btn-box {
  display: flex;
  align-items: center;
}
#container-wrap .player-list .player-item .player-info-box .btn-box .tpbtn {
  margin-left: 0.16rem;
  background-color: #fff;
  color: #5182F0;
  border: 0.02rem solid #5182F0;
  border-radius: 0.08rem;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
  display: block;
  padding: 0rem 0.33rem;
  line-height: 0.6rem;
}
#container-wrap .player-list .player-item .player-info-box .btn-box .tpbtn2 {
  background-color: #5182F0;
  color: #fff;
}
#container-wrap .player-list .player-item .rank-num{
    position: absolute;
    top: .12rem;
    left: 0;
    background-color: #343434;
    color: #fff;
    padding: 0 .36rem;
    line-height: .4rem;
    border-radius: 0 .08rem .08rem 0;
}
#container-wrap .end-time {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
}
#container-wrap .end-time .end-title {
  color: #626262;
}
#container-wrap .end-time .role25_date {
  color: #626262;
}
#container-wrap .end-time .role25_date .role_time {
  color: #5182F0;
}
#details .toupiaocheer {
  margin: 0;
  background-color: #5182F0;
}
.details_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.details_bottom .toupiaocheer {
  width: 48% !important;
  margin-top: 0.14rem !important;
  background-color: #FFF ;
  border-radius: 0.08rem;
  border: 0.02rem solid #5182F0;
  /*color: #5182F0 !important;*/
}
.container {
  margin-bottom: 0.2rem;
}
body {
  background-color: #FFF;
}
.tabbar {
  padding: 0;
  height: 1rem;
  background: #F3F3F3;
  background-size: 100% 100%;
  border-top: 0.02rem solid #BABABA;
}
.tabbar img {
  display: inline-block;
}
.tabbar a {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 100%;
  flex: 1;
  border-radius: 0.08rem 0.08rem 0 0;
  color: #8D8D8D;
}
/*新增样式*/
.player_images {
  margin-top: 0 !important;
}
.sm-box {
  display: flex;
  flex-direction: column;
  margin-top: 0.3rem;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 0.3rem;
  border-radius: 0.08rem;
}
.sm-box .sm-title {
  background-color: #F9C363;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #000;
  text-align: center;
}
.sm-box .sm-info-box {
  background-color: #fff;
  padding: 0.24rem;
  box-sizing: border-box;
}
.role-title {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 0.3rem;
}
.role-title .hd-title {
  background-color: #F9C363;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #000;
  text-align: center;
  width: 100%;
}
.role-title .info {
  text-align: center;
  line-height: 0.72rem;
  background-color: #fff;
  color: #333;
  width: 100%;
  padding: 0.24rem;
  box-sizing: border-box;
  font-size: 0.24rem;
}
.notice_box {
  height: 0.56rem;
  background: rgba(0, 0, 0, 0.6);
}
.notice_box .Ticonfont {
  line-height: 0.56rem;
}
.notice_con {
  left: 0;
}
.top_icon {
  top: 0.76rem;
}
.vote_info_group {
  height: 1.28rem;
  display: flex;
  text-align: center;
  background: url('/static/index/pifu_img/pifu_30/fire.png') repeat left center;
  background-size: 33.33% 100%;
  border-radius: 0.08rem;
  align-items: center;
  margin: 0.24rem 0;
}
.vote_info_group .block {
  text-indent: 0.2rem;
  flex: 1;
}
.vote_info_group .block .val {
  font-size: 0.32rem;
  color: #000;
  padding-top: 0.1rem;
}
.vote_info_group .block .key {
  font-size: 0.28rem;
  color: #343434;
}
.vote_info_group .fence img {
  height: 0.94rem;
}
.vote_info_group .block .key {
  padding-top: 0.04rem;
}
.show_details {
  margin: 0.24rem 0;
  padding: 0.24rem 0.3rem;
  color: #000;
  font-size: 0.24rem;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 0.04rem solid #fff;
  background: #FFC565;
  background-size: 0.64rem 0.44rem;
  background-position: right 0.24rem top 0.24rem;
}
/*我要报名*/
.grouping {
  margin-top: 0.2rem;
  padding: 0rem 0.24rem;
  box-sizing: border-box;
}
.grouping li {
  font-size: 0.24rem;
  color: #ffffff;
  box-sizing: border-box;
  margin: 0.05rem 0px;
  margin-right: 0.2rem;
  text-align: center;
  width: auto;
}
.grouping li div {
  padding: 0.15rem 0.33rem;
  background-color: #F5F5F5;
  color: #5182F0;
  font-size: 0.28rem;
  margin-right: 0.16rem;
  border-radius: 0.08rem;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
}
.grouping li div.active {
  width: 1.6rem;
  height: 0.6rem;
  background: #f9c363;
  color: #604F2D;
  border: 0.04rem solid #ffffff;
  line-height: 0.52rem;
}
.player_box {
  overflow: hidden;
}
.player_box .player_list {
  /*background: url(/static/index/pifu_img/pifu_29/player_bg.png) no-repeat;*/
  /*background-size: 100% 100%;*/
  /*width: calc(50% - .12rem);*/
  /*height: 7rem;*/
  box-sizing: border-box;
  /*padding-top: 0.5rem;*/
  float: left;
  margin-bottom: 0.3rem;
}
.player_box .player_list .xuanshou_num {
  position: absolute;
  z-index: 98;
  top: 0.04rem;
  left: 0.04rem;
  color: #fff;
  font-size: 0.18rem;
  line-height: 0.3rem;
  width: 0.88rem;
  text-align: center;
  border-radius: 2rem;
}
.player_box .player_list .xuanshou_name {
  font-size: 0.28rem;
  line-height: 1;
  margin-top: 0 !important;
}
.player_box .player_list .xuanshou_vote {
  line-height: 1;
  margin-top: 0.08rem;
  /*padding-bottom: .24rem;*/
}
.player_box .player_list .toupiao_btn {
  margin: 0.2rem 0.24rem 0;
  height: 0.64rem;
  background: #00C478;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.08rem;
  border: 0.04rem solid #00C478;
  position: relative;
  width: auto;
  color: #FFf;
}
.player_box .player_list .toupiao_btn:after {
  position: absolute;
  content: "";
  top: 0.04rem;
  bottom: 0.04rem;
  left: 0.04rem;
  right: 0.04rem;
  border: 0.03rem solid #fff;
  border-radius: 0.04rem;
}
.player_box .player_list .toupiao_btn.toupiao_btn2 {
  background: #fff;
  border-color: #00C478;
  color: #00C478;
  margin-top: 0.16rem;
}
.player_box .player_list .toupiao_btn.toupiao_btn2:after {
  position: absolute;
  content: "";
  top: 0.04rem;
  bottom: 0.04rem;
  left: 0.04rem;
  right: 0.04rem;
  border: 0.03rem solid #58C07F !important;
  border-radius: 0.04rem;
}
.ymxs_type2 .player_list:nth-child(2n) {
  margin-left: 0.24rem;
}
.mescroll-downwarp .downwarp-tip,
.mescroll-upwarp .upwarp-tip,
.mescroll-upwarp .upwarp-nodata {
  opacity: 0.6;
  color: #999;
}
.technical {
  opacity: 0.6;
  font-size: 0.2rem;
}
.technical span {
  font-size: 0.24rem;
  margin-right: 0.16rem;
}
.yxz_bottom {
  background: rgba(0, 0, 0, 0.2);
}
.yxz_bottom .exit {
  color: #F9C363;
}
.yxz_bottom .yxz_number {
  color: #A5A5A5;
  opacity: 0.8;
}
.yxz_bottom .tp {
  width: 1.6rem;
  height: 0.64rem;
  background: #00C478;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.08rem;
  position: relative;
}
.ranking_list {
  height: 0.96rem;
  background: #FFFCED;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.08rem;
  border: 0.04rem solid #fff;
  margin: 0.24rem;
  color: #000;
  background: #FFC565;
  background-size: 0.64rem 0.44rem;
  background-position: right 0.24rem top 0.24rem;
}
.ranking_list .time > span {
  width: 0.56rem;
  height: 0.4rem;
  box-shadow: 0px 1px 0.06rem 0px rgba(0, 0, 0, 0.5);
  border-radius: 0.06rem;
  display: inline-block;
  color: #222;
  line-height: 0.4rem;
  text-align: center;
}
.soushuobox {
  padding: 0.4rem 0.3rem 0.24rem;
}
.soushuobox .soushuo .soushuo_btn:nth-child(1) {
  height: 0.64rem;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.08rem;
  line-height: 0.64rem;
}
.soushuobox .soushuo .soushuo_btn:nth-child(2) {
  height: 0.64rem;
  background: #00C478;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  line-height: 0.64rem;
  position: relative;
}
.zxbm1 {
  background: none;
  line-height: 0.8rem;
  text-align: center;
  font-size: 0.28rem;
}
.list_item span {
  color: #222;
  font-size: 0.28rem;
}
.list_item input::-webkit-input-placeholder,
.list_item .input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
  font-size: 0.28rem;
}
.list_item input::-moz-placeholder,
.list_item .input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 0.28rem;
}
.list_item input:-ms-input-placeholder,
.list_item .input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
  font-size: 0.28rem;
}
.list_item input,
.list_item .input {
  font-size: 0.28rem;
  height: 0.68rem;
  border-radius: 0.08rem;
  border: 1px solid #D9D9D9;
}
.zxbm {
  height: 0.8rem;
  background: #FF8500;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.08rem;
  position: relative;
}
.signup_con {
  background: none;
}
.layui-form {
  background: #FFFFFF;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.08rem;
}
/* xxxxxxxxxxxxxxxxx */
.activity20 .activtiy_title {
  background: #5182F0;
  color: #fff;
  line-height: 0.8rem;
  height: 0.8rem;
  margin-top: 0;
  font-size: 0.28rem;
  margin-bottom: 0;
}
.activity20 {
  margin: 0.24rem;
  border-radius: 0.08rem;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.activity20 .tit {
  margin: 0;
  height: 0.8rem;
  background: #F5F5F5;
  color: #626262;
  font-size: 0.28rem;
}
.activity20 .xia_vote {
  color: #6FCB95;
  font-size: 0.24rem;
}
.activity20 .rank_xia_con {
  color: #74726E;
}
.activity20 .rank_xia_con .rank_xia_img img {
  width: 0.72rem;
  height: 0.72rem;
}
.activity20 .xia_player_name {
  font-size: 0.28rem;
  color: #222;
}
.tabbar_icon {
  margin: 0 auto;
  padding: 3px 0;
}
.role25 {
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}
.role25_text {
  font-size: 0.24rem;
  color: #ffcf97;
}
.role_time {
  width: 28px;
  color: #5182F0;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  border-radius: 3px;
  margin: 0 5px;
  box-shadow: 0px 1px 0.06rem 0px rgba(0, 0, 0, 0.4);
}
.role25_date {
  padding-top: 12px;
}
.role25_center {
  text-align: center;
}
.role25_end_time img,
.role25_end_time span {
  display: inline-block;
  vertical-align: top;
}
.shuoming_con25 strong span {
  font-size: 14px;
}
.shuoming_con25 {
  color: rgba(52, 52, 52, 0.8);
  line-height: 18px;
}
.baoming_btn25 {
  height: 0.64rem;
  text-align: center;
}
.baoming_btn25 .box {
  background: #F9C363;
  border: 0.04rem solid #fff;
  border-radius: 0.64rem;
  width: 3.2rem;
  height: 0.64rem;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.null_img {
  width: 100%;
  margin: 0 auto;
  box-shadow: 0px 0.04rem 0px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.08rem;
}
.search25 {
  background: none;
}
.technical25 {
  border-top: 0;
  text-align: center;
  color: #fff;
  display: block;
  font-size: 0.24rem;
}
.resultitem25 {
  background: #fff;
}
.technical {
  border-color: #fff;
}
.role26 {
  padding: 0 0.24rem 0.24rem;
}
.huodong_date {
  font-size: 0.24rem;
  color: #fff;
  background-size: 100% 100%;
  margin: 0 0.3rem;
  text-align: center;
}
.yellow {
  color: #FF8500;
}
.red {
  color: #bf3742;
}
.search_btn,
.searchsize {
  color: #000000;
}
.exitss {
  color: #3080e8;
}
.detailsicon {
  color: rgba(52, 52, 52, 0.8);
  font-size: 14px;
}
.role25_end_time {
  line-height: 1;
}
.guize {
  text-align: center;
  color: #ffcf97;
  font-size: 0.32rem;
  background: #bf3742;
  padding: 13px 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top: 14px;
}
.shuoming_con {
  background: #bf3742;
  color: rgba(255, 255, 255, 0.6);
  padding: 0.4rem;
}
.head27 {
  margin: 0 -0.2rem;
}
.break1 {
  background-size: 100% 100% !important;
}
input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.soushuobox input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.rank_xia {
  margin-bottom: 0;
  background: #fff;
}
.rank_xia li:last-child{
    margin-bottom: 0;
}
.xia_player_name p {
  color: #666;
  font-size: 0.24rem;
}
.no_info20 {
  width: 100%;
  border: none;
  border-radius: 0;
}
.introducebox * {
  font-size: 0.24rem;
  color: #434343 !important;
  line-height: 0.36rem;
}
.activtiy_title_only {
  background: #F9C363;
  line-height: 0.8rem;
  height: 0.8rem;
  font-size: 0.28rem;
  margin-bottom: 0;
  text-align: center;
}
.shuoming_con p {
  color: #222 !important;
}
.time > span {
  color: rgba(255, 255, 255, 0.6);
}
.time_label {
  padding-left: 0.24rem;
}
.xuanshou_box {
  padding-top: 0.2rem;
  background-size: 100% 100%;
  left: 0;
  bottom: 0;
  width: 100%;
}