/************************ 活动介绍模版  *************************/
/* 抗疫英雄模版 */
/**************************  通用样式  *************************/
.rank-page,
.intro-page,
.apply-page {
  background-color: transparent !important;
}

.nut-searchbar {
  /* border: 1px solid var(--primary-color); */
  background-color: #fff;
  border-radius: .6rem !important;
  overflow: hidden;
}

.search-input {
  border-radius: 20px 0px 0px 20px !important;
  background-color: #fff !important;
}

.btn-search {
  width: 2.1333rem !important;
  height: 1.0667rem;
  /* background-color: var(--primary-color); */
  background: url('https://upload.cyuandao.com/2022122611001799430.png') no-repeat, linear-gradient(0deg, #3452FF 0%, #7475FE 100%);
  background-size: 100% 100%;
  color: #fff !important;
  border-radius: .5333rem !important;
  margin-top: .0667rem !important;
  margin-right: .0667rem !important;
}
.p-intro-activityIntro-panel {
    position: relative;
    z-index: 999;
}

.nut-searchbar .search-input input {
  background-color: #fff !important;
}

.nut-searchbar .search-input i {
  /* margin-left: .1333rem !important; */
  /* margin-top: -0.0533rem !important; */
  width: 0.36rem !important;
  height: 0.37333rem !important;
}

.nut-swiper-slide[data-v-7f30ecda] {
  background-color: #1e67ff !important;
}

.page {
  position: relative !important;
}

.page::before {
  position: absolute;
  content: " ";
  left: 0;
  top: -0.4rem;
  width: 100%;
  height: 0.6667rem;
  background: url("https://upload.cyuandao.com/2022120323141311455.png") no-repeat;
  display: block;
  background-size: 100% 100%;
}

.p-grid-button {
  border-radius: 0.13333rem !important;
}

.p-grid-button_item {
  font-size: .4rem !important;
}

.photo-album {
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}

.page {}

.app_bg {
  background-color: #1e67ff !important;
}

.page {}

.app-wrap {}

.my-app {}

:root {
  --primary-color: #1e67ff !important;
}

.intro-page .padding-top-10 {
  margin-top: 1.3333rem !important;
  /* padding: 0; */
  padding-top: 0rem;
  position: relative;
}


.intro-page .padding-top-10::before {
  width: 9.36rem;
  height: 2.9333rem;
  position: absolute;
  content: "活动介绍";
  background: url('https://upload.cyuandao.com/2022120323145821695.png')no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  line-height: 0.7333rem;
  text-align: center;
  top: -0.9rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}

.voteIntro .title {
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
}

.voteIntro-info-card {
  background: transparent !important;
}

.intro_summary_block {
  position: relative !important;
  width: 9.0933rem !important;
  height: 2.1333rem !important;
  background-color: transparent !important;
  background-image: url("https://upload.cyuandao.com/2022120323154030974.png") !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /* background-position: bottom; */
  padding: 0px !important;
  border-radius: .1333rem !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  top: .1333rem;
}

.palyer-page .p-player-card>.intro_summary_block {
  width: 8.7467rem !important;
  height: 2.0667rem !important;
  background-image: url("https://upload.cyuandao.com/2022120323012521270.png") !important;
  background-size: 100% 100%;
}

.intro_summary_block_item .value {
  font-size: .48rem !important;
  font-weight: 700 !important;
}

.intro_summary_block_item .name {
  margin-top: .16rem;
  font-size: .3467rem !important;
}

.introRule-title {
  display: none !important;
}

.intro_summary_block_item {
  color: #fff !important;
  border: 0px !important;
}

.palyer-page .common-card {
  /* padding: 0 !important; */
}


.palyer-page .nut-infiniteloading>.margin-top-15 {
  margin-top: 1.6rem !important;
}

.palyer-page .p-player-info {
  padding: 0 !important;
  text-align: center !important;
  top: -1rem !important;

  position: relative !important;
}

.p-player-info_no {
  font-size: .3733rem !important;
  color: #fff !important;
}



.palyer-page .p-play-avatar {
  display: none !important;
}

.palyer-page .p-player-card>.flex-center::before {
  width: 9.36rem;
  height: 2.9333rem;
  position: absolute;
  content: " ";
  background: url('https://upload.cyuandao.com/2022122611014799970.png')no-repeat;
  background-size: 100% 100%;
  top: -.8533rem !important;

}




.palyer-page .p-player-info_name_value,
.p-player-info_dec {
  display: none !important;
}

.palyer-page .player-info-custom-style {
  text-align: center;
  margin-top: .8rem;
}

.palyer-page .flex-center .player-number {
  display: none !important;
}

.player-info-custom-style {
  display: block !important;
}

.palyer-page .player-name {
  font-size: .4rem !important;
  color: #0d182b !important;
}


.palyer-page .p-grid-button_item {
  border: 0 !important;
}

.palyer-page .p-player-contentArea .options-button-area .p-grid-button .p-grid-button_item {
  background: url('https://upload.cyuandao.com/2022122611001799430.png') no-repeat, linear-gradient(0deg, #3452FF 0%, #7475FE 100%) !important;
  background-size: 100% 100% !important;
  /* margin-left: 3px; */
  flex: none !important;
  width: 4.0667rem;
  height: .9867rem;
  border-radius: .4933rem;
}

.palyer-page .p-player-contentArea .options-button-area .p-grid-button {
  justify-content: space-between !important;
  background: transparent !important;
}

.p-player-report {
  color: #666 !important;
}

.c-countDown {
  margin-top: .5333rem !important;
}

.c-countDown-time {
  color: #1e67ff !important;
  background: url("https://upload.cyuandao.com/2022120322582759402.png") 50% no-repeat !important;
  background-size: 100% 100% !important;
  height: .6667rem !important;
  line-height: .6667rem !important;
  padding: 0 .2667rem !important;
  flex: none;
}

.c-countDown-before,
.c-countDown-after {
  background: url("https://upload.cyuandao.com/2022120323003554818.png") 50% no-repeat !important;
  background-position: right center !important;
  background-size: auto 100% !important;
  height: .6667rem !important;
  line-height: .6667rem !important;
  flex: 1;
}

.c-countDown-after {
  transform: rotate(180deg);
}

.c-countDown .icontime {
  display: none !important;
}

.c-technicalSupport-name {
  color: #fff !important;
  font-weight: 600 !important;
}

.c-technicalSupport-text {
  /* color: #333 !important; */
  color: #fff !important;
  font-weight: 600 !important;
}

.introRule {
  position: relative;
  color: #333 !important;
  /* padding: .9876rem 0.4rem .9876rem 0.4rem; */
  /*原来高度*/
  padding: .4rem 0.4rem .4rem 0.4rem;
  background-color: #F4FBFFff !important;
  border-radius: 0 0 0.2667rem 0.2667rem;
  /* border: 1px solid #fff; */
  /* color: #666 !important; */
  color: #8d929e !important;
  font-size: .3733rem;
}

.introRule .introRule-label {}

.introRule .introRule-icon {
  font-size: 0.4267rem !important;
}

.introRule>div {
  margin-top: 0.13333rem;
}

/* 搜索弹出框 */
.search-modal {
  display: none !important;
}

.search-modal2 {
  width: 8.53333rem !important;
  display: block !important;
  border-radius: 0 !important;
  position: relative;
}

.modal-header-text {
  display: none;
}

.nut-dialog-box .search-modal2 .modal-header-text {
  display: block;
  position: absolute;
  color: #fff;
  z-index: 10;
  top: -0.3rem;

}


.search-modal2::before {
  display: block;
  content: "";
  width: 8.5333rem;
  height: 2.9333rem;
  position: absolute;
  background: url("https://upload.cyuandao.com/2022122611014799970.png") no-repeat !important;
  background-size: 100% 100% !important;
  background-position: 50%;
  background-size: cover;
  z-index: -2;
}

.search-modal2 .modal-header {
  background: transparent !important;
  border-radius: 0 .2667rem;
  height: 0.84rem !important;

}

.search-modal2 .modal-body {
  background-color: #f4fbff !important;
  padding-top: 0.8rem !important;
  width: 8.5333rem;
  height: 3.2667rem;
  border-radius: .2667rem 0.2667rem 0 0;
}

.search-modal2 .modal-action {
  background-color: #f4fbff !important;
}

.modal-body>.modal-input-warp {
  justify-content: flex-start !important;
  padding-left: .3333rem !important;
  padding-right: .3333rem !important;
}

.modal-input-warp {
  margin: 0px !important;
  width: 7.68rem;
  height: 1.3333rem !important;
  border: 1px solid var(--primary-color) !important;
  background: #fff;
  /* height: 1rem; */
  /* margin: 0 0.3rem!important; */
  border: 0.01rem solid #DDEAF1 !important;
  border-radius: .1333rem;
}

.search-modal2 .modal-action_item {
  border-radius: .4933rem;
  line-height: .9867rem;
  width: 4.2667rem !important;
  height: .9867rem;
  background: url('https://upload.cyuandao.com/2022122611001799430.png') no-repeat, linear-gradient(0deg, #3452FF 0%, #7475FE 100%);
  background-size: 100% 100%;
  color: #fff !important;
}

.nut-icon-search {
  width: .3467rem !important;
  height: .3467rem !important;
  background: url("https://upload.cyuandao.com/2022122611005074967.png")no-repeat;
  background-size: 100% 100%;
}

.modal-input-warp i {
  position: relative;
  /* margin-left: -1.4667rem; */
}

.nut-icon-search svg {
  display: none;
}


.model-textinput .search {}

.p-loadMore {
  color: #8d929e;
  width: 8.6933rem;
  height: 1.28rem;
  padding-bottom: .4rem;
}

/****************************** OVER ****************************/
/************************ 底部菜单部分配置  *************************/

.c-bottomTabbar-icon {
  position: relative;
  display: block !important;
  /* height: 0.54667rem !important;  */
  height: .6667rem !important;
  width: .6667rem !important;
  transition: all .05s;
}

.c-bottom_tabbar-item {
  position: relative !important;
}

.iconactivity,
.iconactivity_fill:before,
.iconaddressbook,
.iconaddressbook_fill:before,
.iconranking,
.iconranking_fill:before,
.iconsearchfill,
.iconsearch:before {
  display: none;
}

.iconactivity_fill,
.iconaddressbook_fill,
.iconranking_fill,
.iconsearchfill_fill {
  display: block;
  content: " ";
  position: absolute;
  height: 0.8rem !important;
  width: 0.8rem !important;
  left: 50%;
  transform: translateX(-50%);
  top: - .0667rem;
  z-index: 1;
}

.iconactivity_fill {
  background: url('/images/tabIcon/ycsatc/activity_fill.png')no-repeat !important;
  background-size: 100% 100% !important;
}

.iconaddressbook_fill {
  background: url('/images/tabIcon/ycsatc/vote_fill.png')no-repeat !important;
  background-size: 100% 100% !important;
}

.iconranking_fill {
  background: url('/images/tabIcon/ycsatc/ranking_fill.png')no-repeat !important;
  background-size: 100% 100% !important;

}

.iconsearchfill_fill {
  background: url('/images/tabIcon/ycsatc/search.png')no-repeat !important;
  background-size: 100% 100% !important;
}

.c-bottom_tabbar {
  /* height: 2.253rem !important; */
  background-color: transparent !important;
  /* background-image: url(/images/bg/bg_bottom_zmjr.png) !important; */
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: center bottom !important;
  padding-bottom: 0rem !important;
  box-shadow: unset !important;
  /* border: 0px; */
  /* padding: 0 8% !important; */
  /* padding-top: 0.66667rem !important; */
  width: 100% !important;
  box-sizing: border-box !important;

  height: 1.4667rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #F4FBFF !important;
  border-radius: .2667rem .2667rem 0 0;

}

.c-bottomTabbar-icon {
  /* margin-top: 0.13333rem !important; */
  margin-top: 0 !important;
}

.c-bottomTabbar-text {
  /* color: #fe948e !important; */
  color: #666 !important;
  margin-top: .08rem !important;

}

.c-bottomTabbar-text_fill {
  /* color: #fff !important; */
  color: #1e67ff !important;
  margin-top: .08rem !important;

}

/****************************** OVER ****************************/

/**************************  介绍页面样式  ************************/

.p-intro-activityIntro-panel {
  /* background-color: #FCECAC !important; */
}

/****************************** OVER ****************************/

/**************************  排名页面  ***************************/

.rank-player-info_number {
  display: block;
}

.rank-player-info_playerName {
  display: block;
}

.rank-player-info_dec {
  display: block;
}

.rank-score {
  font-size: .4rem !important;
  color: #1e67ff !important;
  align-self: flex-start;
  font-weight: 500 !important;
}

.p-rank-box {
  position: relative;
  padding: 0 0.3333rem !important;
  margin-top: 1.5667rem !important;
}

.p-rank-box::before {
  content: "排行榜";
  position: absolute;
  top: 0.35333rem;
  left: 50%;
  transform: translateX(-50%);
  width: 9.36rem;
  height: 2.9333rem;
  background: url('https://upload.cyuandao.com/2022122611014799970.png')no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 0.7333rem;
  top: -0.9rem;
  color: #fff;
}

.rank-content {
  /* margin-top: 1.18rem !important; */
  margin-top: 1.1467rem !important;
}

.rank-page .rankDish-common .rank-avatar-wrap .rank-avatar {
  width: 1.3333rem !important;
  height: 1.3333rem !important;
  border-radius: .1333rem !important;
}

.rank-page .rankDish-common-lastWrap .rank-avatar-wrap .rank-avatar {
  width: 1.3333rem !important;
  height: 1.3333rem !important;
  border-radius: .1333rem !important;
}

.rank-page .rankDish-common-lastWrap>.flex-row-between {
  position: relative;
  padding: .2rem .1333rem !important;
}

.rank-page .voteIntro .common-card {
  padding: 0;
}

.voteIntro-info-card>.flex-column-center {
  border-radius: 0.2667rem 0.2667rem 0 0;
  background: url("https://upload.cyuandao.com/2022120323041080708.png") no-repeat !important;
  background-size: 100% 100% !important;
  background-color: #F4FBFF !important;
  z-index: 1;
  position: relative;
}

.voteIntro>.introRule-card {
  margin-top: -0.0267rem !important;
  background: url("https://upload.cyuandao.com/2022120323041080708.png") no-repeat !important;
  background-size: 100% 100% !important;
  background-color: #F4FBFF !important;
  border-radius: 0 0 0.2667rem 0.2667rem;
  border-left: 0.0133rem solid #fff !important;
  border-right: 0.0133rem solid #fff !important;
  border-bottom: 0.0133rem solid #fff !important;
}

/* .icontime:before {
  height: 16px !important;
  width: 16px !important;
  color: #8c929e !important;
} */

.rank-index {
  color: #8d929e !important;
}

.rank-player-info_number {
  font-size: .4rem;
  color: #8d929e !important;
  display: block;
}

.rank-player-info_name {
  display: block;
}

.rank-page .icontishi:before {
  color: #8c929e !important;
}

.rank-page .rankDish-common .rankDish-common-item .rank-avatar-wrap::before {
  content: " ";
  position: absolute;
  width: 7.6533rem;
  border-bottom: 0.01rem solid #DDEAF1;
  -webkit-transform: scaleY(.5);
  -ms-transform: scaleY(.5);
  transform: scaleY(.5);
  bottom: 0px;
}

.rank-page .rankDish-common-lastWrap .rank-avatar-wrap::before {
  content: " ";
  position: absolute;
  width: 7.6533rem;
  bottom: 0px;
  border-bottom: 0.01rem solid #DDEAF1;
  -webkit-transform: scaleY(.5);
  -ms-transform: scaleY(.5);
  transform: scaleY(.5);
}

.rankDish-common {
  display: block !important;
}

.rankDish {
  display: none;
}

.rankHeadImg-warp {
  display: none !important;
}

.rankHeadImg-wanghong {
  display: none;
}



.rankDish-common>div.flex-row-between {
  /* box-shadow: 0 0 0.13333rem 0 hsla(0, 0%, 74.5%, 0.36); */
  /* border-radius: 0.13333rem; */
  padding: 0.2rem 0.13333rem 0.2rem 0.13333rem;
  position: relative !important;
}

.rank-content>div.flex-row-between {
  box-shadow: 0 0 0.13333rem 0 hsla(0, 0%, 74.5%, 0.36);
  border-radius: 0.13333rem;
  padding: 0.2rem 0.13333rem 0.2rem 0.13333rem;
}

.rankDish-common .rank-index {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.rankDish-common .rank-index img,
.rankDish-common .rank-index>div {
  display: none;
}

.rankDish-common div:nth-child(1) .rank-index {
  background-image: url("https://upload.cyuandao.com/2022120323025466606.png") !important;
  width: .5333rem !important;
  height: .6rem !important;
}

.rankDish-common div:nth-child(2) .rank-index {
  background-image: url("https://upload.cyuandao.com/2022120323024022330.png") !important;
  width: .5333rem !important;
  height: .6rem !important;
}

.rankDish-common div:nth-child(3) .rank-index {
  background-image: url("https://upload.cyuandao.com/2022120323021239248.png") !important;
  width: .5333rem !important;
  height: .6rem !important;
}

.rankDish-common-lastWrap .rankDish-common-lastWrap-item .rank-index {
  color: rgba(30, 103, 255, .7);
  text-align: center;
  background: rgba(48, 102, 255, .1);
  border-radius: 0.5rem !important;
  width: .6133rem;
  height: .6133rem;
  line-height: .6133rem;
  margin-left: -0.05rem;
}










/****************************** OVER ****************************/
/****************************** 投票页面 **************************/

.vote-player_index {
  background: rgba(0, 0, 0, 0.2) !important;
  color: #fff29b !important;
}

.p-searchAndOptions {
  /* padding-left: 10px !important;
  padding-right: 10px !important; */
  background: transparent !important;
}

.vote-player-indexWrap {}

.p-vote-playerItem-imageWrap {
  padding: .0533rem .0533rem;
  position: relative;
}

.p-vote-group-button,
.p-vote-group-button_selected {
  border-radius: .4933rem !important;
  border: 0 !important;
  height: .9867rem !important;
  line-height: .9867rem !important;
  font-size: .4rem !important;
  font-weight: 600 !important;
}

.p-vote-group-button {
  color: #1e67ff !important;
  background: linear-gradient(0deg, rgba(52, 82, 255, .2) 0%, rgba(116, 117, 254, .2) 100%);
  background-color: transparent !important;
}

.p-vote-group-button_selected {
  background: url('https://upload.cyuandao.com/2022122611001799430.png') no-repeat center, linear-gradient(0deg, #3452FF 0%, #7475FE 100%) !important;
  background-size: 100% 100% !important;

}

.photo-album_column .vote-player_index {
  /* background-color: rgba(208, 24, 15, 0.5) !important;
  border-radius: 0.13333rem 0 0.13333rem 0 !important; */
  background: url("https://upload.cyuandao.com/2022120323143813493.png")no-repeat !important;
  top: -0.17rem;
  left: 0.18rem;
  min-width: 30px;
  width: 1.0667rem;
  height: .8133rem;
  padding: 0 0.15rem;
  line-height: .5rem;
  text-align: center;
  color: #fff !important;
  font-size: .32rem !important;
  background-size: 100% 100% !important;
  padding-top: .1333rem;
  z-index: 10;
}

.p-vote-group {
  margin-top: .5333rem !important;
}

.p-vote-group {
  background-color: #F4FBFFff !important;
}

.vote-page .p-photoAlbumPanel {
  padding: .5333rem 0 !important;
}

.voteIntro-info-card,
.introRule-card {
  padding: 0 !important;
}

.intro_summary_block_item .value {
  font-weight: 600;
}

.voteIntro .title {
  text-align: center;
}

.introRule .introRule-icon {
  color: #8c929e !important;
  font-size: .4267rem !important;
}

.introRule {
  border-left: .0133rem solid #fff;
  border-right: .0133rem solid #fff;
  border-bottom: .0133rem solid #fff;
  /* color: #666 !important; */
  color: #8d929e !important;

}

/* .p-group-wrap {
  display: none !important;
} */

.p-vote-apply-wrap {
  text-align: center;
}

.p-searchAndOptions .nut-icon-search {
  width: .3867rem;
  height: .3867rem;
  background: url("https://upload.cyuandao.com/2022120323032159676.png")no-repeat;
  background-size: 100% 100%;
}

.p-searchAndOptions .nut-icon svg {
  display: none;
}

.p-grid-button {
  height: .9867rem !important;
  background: url("https://upload.cyuandao.com/2022120323034418566.png") no-repeat, linear-gradient(0deg, #3452FF 0%, #7475FE 100%) !important;
  background-size: 100% 100% !important;
  border-radius: .4933rem !important;
}

.search_demo {
  height: 1.2rem !important;
}




.vote-player-item {
  border-radius: 0.13333rem;
  box-sizing: border-box !important;
  box-shadow: 0 0 0.24rem 0 rgba(0, 0, 0, 0.1);
  /* overflow: hidden; */
}

.vote-player-item_between .vote-img-body-wrap {
  min-height: 4.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-player-item img {
  display: block !important;
  /* height: 5.57rem !important; */
}

.vote-player-item_pic_2 {
  /* width: 4.4rem !important;
  height: 5.3333rem !important; */
  /* margin-left:auto;
  margin-right: auto; */
}



.vote-player-item .p-playerPoll {
  font-size: 0.4rem !important;
  /* font-weight: 700 !important; */
  /* color: #d0180f !important; */
  color: #1e67ff !important;
  margin-top: 0.13333rem !important;
}

.vote-player-item .text-ellipsis {
  font-size: 0.4rem !important;
  font-weight: 700 !important;
  color: #121212 !important;
}
.multiple-vote-area {
  bottom: calc(1.34rem + env(safe-area-inset-bottom)) !important;
}

.p-playerName :not(.p-playerName-index) {
  font-size: .4rem !important;
}
.c-voteButton_nopoll {
    width: 100% !important;
    padding: 0px 10px;
}
.check-in-wechat-warp {
    /* width: 100% !important; */
    display: flex;
    align-items: center;
}
.c-voteButton_nopoll .nut-button {
  width: 3.6667rem !important;
  height: .9867rem !important;
  color: #fff !important;
  max-width: 100%;
  border-radius: .4933rem !important;
  background: url("https://upload.cyuandao.com/2022120323034418566.png") no-repeat, linear-gradient(0deg, #3452FF 0%, #7475FE 100%);
  background-size: 100% 100%;
}

.nut-searchbar .search-input {
  justify-content: flex-start !important;
  padding-left: .4rem !important;
  padding-right: 1.0667rem !important;
}

.nut-searchbar .search-input input {
  height: 1.2rem;
}

/****************************** OVER ****************************/
/****************************** 反馈页面 **************************/

.feedback-page {
  background-color: #fff !important;
}

.feedback-page .nut-button {
  background: #ce1d27 !important;
  border-radius: 4px !important;
  color: #fff29b !important;
}

/****************************** OVER ****************************/

/* 一排显示hack */
/* .vote-player-item.vote-player-item_between {
    min-height: 3.07666rem !important;
  }
  .vote-player-item.vote-player-item_between .p-playerPoll{
    margin-top: 0 !important;
  }
  .vote-player-item.vote-player-item_between .vote-player-item_dec_2{
    margin-bottom: 0 !important;
  }
  .vote-player-item.vote-player-item_between .vote-player-item_dec_2.text-ellipsis-1{
    min-height: initial !important;
  } */

.vote-player-item_between {
  padding: 5px 10px !important;
  align-items: center !important;
}

.vote-player-item_between img {}

/* 下面为input中 placeholder的颜色  */

.search-input input::placeholder {
  color: #a0c0ff !important;
}

.model-textinput>input::placeholder {
  color: #a0c0ff !important;
}