/*
*个人中心白色版本
*
*/
.award-presentation[data-v-76643a87] {
  display: flex;
  justify-content: center;
}
.commonly img[data-v-76643a87] {
  display: block;
  width: 100%;
}
.especially .img-box[data-v-76643a87] {
  display: flex;
}
.especially .img-box img[data-v-76643a87] {
  display: block;
  width: 50%;
}
.need-hand[data-v-76643a87] {
  cursor: pointer;
}

/*
*个人中心白色版本
*
*/
.play-by-play[data-v-72dc852a] {
  text-align: left;
  color: #eef7ee;
}
.play-by-play .headline[data-v-72dc852a] {
  padding: 100px 0 40px;
  box-sizing: border-box;
  text-align: center;
}
.play-by-play .is-click-text[data-v-72dc852a] {
  cursor: pointer;
  color: #e1db98;
  font-weight: bold;
}
.play-by-play .is-click-text .fa-long-arrow-left[data-v-72dc852a] {
  font-size: 20px;
  vertical-align: middle;
}
.play-by-play .type-area[data-v-72dc852a] {
  width: 1075px;
  margin: auto;
}
.play-by-play .overstriking[data-v-72dc852a] {
  font-weight: bold;
}
.play-by-play .describe-content .describe-item[data-v-72dc852a] {
  margin-bottom: 75px;
}
.play-by-play .describe-content .describe-item .describe-title[data-v-72dc852a] {
  font-size: 24px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 20px;
  font-weight: bold;
}
.play-by-play .describe-content .describe-item .describe-title[data-v-72dc852a]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #f5e4a0;
}
.play-by-play .describe-content .describe-item .describe-text[data-v-72dc852a] {
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 0.4px;
}
.play-by-play .introduce[data-v-72dc852a] {
  height: 680px;
  background: url(../../static/img/introduce.75964f87.jpg) no-repeat center center;
  background-size: 100% 100%;
}
.play-by-play .introduce .introduce-content[data-v-72dc852a] {
  height: 345px;
  padding: 65px 0 45px 50px;
  box-sizing: border-box;
  margin: auto;
  font-size: 20px;
  background: url(../../static/img/introduce-content.1a90d1d2.png) no-repeat center center;
}
.play-by-play .introduce .introduce-content li[data-v-72dc852a] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 18px;
}
.play-by-play .introduce .introduce-content li div[data-v-72dc852a]:nth-child(1) {
  min-width: 108px;
}
.play-by-play .world-outlook[data-v-72dc852a] {
  height: 835px;
  background: url(../../static/img/world-outlook.83ff2182.jpg) no-repeat center center;
  background-size: 100% 100%;
}
.play-by-play .world-outlook .world-outlook-content[data-v-72dc852a] {
  height: 530px;
  margin: auto;
  padding: 80px 45px 0 50px;
  box-sizing: border-box;
  background: url(../../static/img/world-outlook-content.48c31851.png) no-repeat center center;
}
.play-by-play .bonus[data-v-72dc852a] {
  text-align: left;
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 1.5px;
  height: 1830px;
  background: url(../../static/img/bonus.a3e561e7.jpg) no-repeat center center;
  background-size: cover;
}
.play-by-play .bonus .bonus-content[data-v-72dc852a] {
  text-align: center;
}
.play-by-play .bonus .design-content[data-v-72dc852a] {
  height: 250px;
  background: url(../../static/img/design-content.45a84411.png) no-repeat center center;
  padding: 75px 50px;
  box-sizing: border-box;
}
.play-by-play .bonus .production-content[data-v-72dc852a] {
  height: 375px;
  background: url(../../static/img/production-content.eff58e4f.png) no-repeat center center;
  padding: 65px 40px 0;
  box-sizing: border-box;
}
.play-by-play .bonus .production-content li[data-v-72dc852a] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 8px;
  letter-spacing: 0.8px;
}
.play-by-play .bonus .production-content li img[data-v-72dc852a] {
  padding: 10px 10px 0 0;
  box-sizing: border-box;
}
.play-by-play .arrange-benefit[data-v-72dc852a] {
  height: 880px;
  background: url(../../static/img/arrange-benefit.b73bf442.jpg) no-repeat center center;
  background-size: cover;
  color: #263225;
}
.play-by-play .arrange-benefit .arrange .arrange-content[data-v-72dc852a] {
  text-align: center;
}
.play-by-play .arrange-benefit .benefit .benefit-content[data-v-72dc852a] {
  font-size: 20px;
  line-height: 1.8;
}
.play-by-play .judge[data-v-72dc852a] {
  height: 1135px;
  background: url(../../static/img/judge.a8499e48.jpg) no-repeat center center;
  background-size: cover;
}
.play-by-play .judge .judge-list[data-v-72dc852a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.play-by-play .judge .judge-list li[data-v-72dc852a] {
  width: 310px;
  height: 380px;
  margin: 0 48px 40px 0;
}
.play-by-play .judge .judge-list li .judge-info[data-v-72dc852a] {
  margin-top: 290px;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}
.play-by-play .judge .judge-list li .judge-info .judge-name[data-v-72dc852a] {
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 10px;
}
.play-by-play .judge .judge-list li .judge-info .judge-desc[data-v-72dc852a] {
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 1.5px;
}
.play-by-play .judge .judge-list .li-1[data-v-72dc852a] {
  background: url(../../static/img/junxi.b77e4f58.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .judge .judge-list .li-2[data-v-72dc852a] {
  background: url(../../static/img/zimuyu.59520c9f.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .judge .judge-list .li-3[data-v-72dc852a] {
  background: url(../../static/img/fengjing.a84de2f3.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .judge .judge-list .li-4[data-v-72dc852a] {
  background: url(../../static/img/moxuan.fb383dd5.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .judge .judge-list .li-5[data-v-72dc852a] {
  background: url(../../static/img/huanxuan.5c703a3e.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .judge .judge-list .li-6[data-v-72dc852a] {
  background: url(../../static/img/cdyxmsz.e745ef60.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .judge .judge-list .li-6 .judge-info[data-v-72dc852a] {
  margin-top: 300px;
}
.play-by-play .carve-up[data-v-72dc852a] {
  height: 950px;
  background: url(../../static/img/carve-up.98bae868.jpg) no-repeat center center;
  background-size: cover;
}
.play-by-play .carve-up .describe-content[data-v-72dc852a] {
  height: 510px;
  margin: auto;
  padding: 70px 0 60px 55px;
  box-sizing: border-box;
  background: url(../../static/img/carve-up-content.85ce01b2.png) no-repeat center center;
}
.play-by-play .carve-up .describe-content .describe-item[data-v-72dc852a] {
  margin-bottom: 70px;
}
.play-by-play .carve-up .describe-content .describe-item .describe-title[data-v-72dc852a] {
  margin-bottom: 16px;
}
.play-by-play .carve-up .describe-content .describe-item .describe-text[data-v-72dc852a] {
  line-height: 1.7;
}
.play-by-play .carve-up .share[data-v-72dc852a] {
  cursor: pointer;
  margin-top: 42px;
  text-align: center;
}
.play-by-play .qa-and-lucky[data-v-72dc852a] {
  height: 2432px;
  background: url(../../static/img/qa-and-lucky.defe1c86.jpg) no-repeat center center;
  background-size: cover;
  font-size: 20px;
}
.play-by-play .qa-and-lucky .q-and-a .headline[data-v-72dc852a] {
  padding-top: 110px;
}
.play-by-play .qa-and-lucky .q-and-a .qa-content div[data-v-72dc852a]:last-child {
  margin-bottom: 0;
}
.play-by-play .qa-and-lucky .q-and-a .qa-content .qa-content-item[data-v-72dc852a] {
  line-height: 1.7;
  margin-bottom: 25px;
}
.play-by-play .qa-and-lucky .q-and-a .qa-content .qa-content-item div[data-v-72dc852a]:nth-child(1) {
  font-weight: bold;
}
.play-by-play .qa-and-lucky .q-and-a .qa-content .qa-content-item div[data-v-72dc852a]:nth-child(2) {
  color: #d4dcd4;
}
.play-by-play .qa-and-lucky .lucky-draw .headline[data-v-72dc852a] {
  padding-top: 120px;
}
.play-by-play .qa-and-lucky .lucky-draw .interact-cont[data-v-72dc852a] {
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.8;
}
.play-by-play .qa-and-lucky .lucky-draw .lucky-draw-img[data-v-72dc852a] {
  margin-top: 25px;
}
.play-by-play .qa-and-lucky .lucky-draw .operate[data-v-72dc852a] {
  width: 1080px;
  height: 562px;
  margin: 95px auto 0;
  background: url(../../static/img/operate.03c8b0e5.png) no-repeat center center;
  position: relative;
}
.play-by-play .qa-and-lucky .lucky-draw .operate .text[data-v-72dc852a] {
  position: absolute;
  right: 196px;
  bottom: 111px;
  width: 260px;
  height: 70px;
  line-height: 70px;
  font-size: 40px;
  font-weight: bold;
  color: #503210;
  padding-left: 35px;
  box-sizing: border-box;
}
.play-by-play .evolve[data-v-72dc852a] {
  height: 615px;
  background: url(../../static/img/evolve.1000c002.jpg) no-repeat center center;
  background-size: cover;
}
.play-by-play .evolve .evolve-qr-code[data-v-72dc852a] {
  text-align: center;
}
.pointer[data-v-72dc852a] {
  cursor: pointer;
}
.pointer[data-v-72dc852a]:hover {
  opacity: 0.8;
}

/*
*个人中心白色版本
*
*/
.competition-rules[data-v-818e3c40] {
  text-align: left;
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 1.5px;
  color: #eef7ee;
}
.competition-rules .headline[data-v-818e3c40] {
  padding: 100px 0 40px;
  box-sizing: border-box;
  text-align: center;
}
.competition-rules .is-click-text[data-v-818e3c40] {
  cursor: pointer;
  color: #e1db98;
}
.competition-rules .is-click-text .fa-long-arrow-left[data-v-818e3c40] {
  font-size: 20px;
  vertical-align: middle;
}
.competition-rules .type-area[data-v-818e3c40] {
  width: 1075px;
  margin: auto;
}
.competition-rules .overstriking[data-v-818e3c40] {
  font-weight: bold;
}
.competition-rules .describe-content .describe-item[data-v-818e3c40] {
  margin-bottom: 65px;
}
.competition-rules .describe-content .describe-item .describe-title[data-v-818e3c40] {
  font-size: 24px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
}
.competition-rules .describe-content .describe-item .describe-title[data-v-818e3c40]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #8762f9;
  border-radius: 30px;
}
.competition-rules .score-elect-rules[data-v-818e3c40] {
  height: 905px;
  background: url(../../static/img/score-elect-rules.7db82b7b.jpg) no-repeat center center;
  background-size: cover;
}
.competition-rules .score-elect-rules .score-content ul[data-v-818e3c40] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.competition-rules .score-elect-rules .score-content ul li[data-v-818e3c40] {
  width: 33%;
  height: 200px;
  letter-spacing: 2px;
  text-align: center;
  padding: 20px 20px 0;
  box-sizing: border-box;
  background: url(../../static/img/score-content.3b99bd17.png) no-repeat center center;
}
.competition-rules .score-elect-rules .score-content ul li .title[data-v-818e3c40] {
  font-size: 26px;
  color: #f5e4a0;
  margin-bottom: 25px;
}
.competition-rules .score-elect-rules .elect-content[data-v-818e3c40] {
  color: #263225;
}
.competition-rules .score-elect-rules .elect-content li[data-v-818e3c40] {
  margin-bottom: 8px;
}
.competition-rules .competition-award-know[data-v-818e3c40] {
  height: 1500px;
  background: url(../../static/img/competition-award-know.96bae726.jpg) no-repeat center center;
  background-size: cover;
}
.competition-rules .competition-award-know .competition-know-content[data-v-818e3c40] {
  height: 650px;
  padding: 85px 55px 0 55px;
  letter-spacing: 0.8px;
  line-height: 1.7;
  box-sizing: border-box;
  background: url(../../static/img/competition-know-content.6802857b.png) no-repeat center center;
}
.competition-rules .competition-award-know .competition-know-content li[data-v-818e3c40] {
  margin-bottom: 5px;
}
.competition-rules .competition-award-know .award-know-content li[data-v-818e3c40] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.competition-rules .competition-award-know .award-know-content li img[data-v-818e3c40] {
  padding: 10px 10px 0 0;
  box-sizing: border-box;
}
.competition-rules .copyright-know[data-v-818e3c40] {
  height: 1235px;
  background: url(../../static/img/copyright-know.2351868d.jpg) no-repeat center center;
  background-size: cover;
}
.competition-rules .copyright-know .copyright-know-content[data-v-818e3c40] {
  height: 885px;
  padding: 80px 50px 0 50px;
  letter-spacing: 0;
  box-sizing: border-box;
  background: url(../../static/img/copyright-know-content.860c1916.png) no-repeat center center;
}
.competition-rules .copyright-know .copyright-know-content li[data-v-818e3c40] {
  margin-bottom: 10px;
}

/*
*个人中心白色版本
*
*/
.works-box[data-v-0ec46708] {
  padding-bottom: 100px;
}
.works-box .work-list[data-v-0ec46708] {
  overflow: hidden;
}
.content-contribution[data-v-0ec46708] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px;
  margin-right: -20px;
  color: white;
}
.content-contribution .contribution-li[data-v-0ec46708] {
  width: calc(100% / 5 - 20px);
  margin: 0 20px 20px 0;
  position: relative;
  background-color: var(--match-list-bg);
  border-radius: var(--border-radius-16);
  overflow: hidden;
}
.content-contribution .contribution-li:hover .give-like[data-v-0ec46708] {
  display: block;
}
.content-contribution .contribution-li .activity-issuance-status[data-v-0ec46708] {
  position: absolute;
  background: #eca12a none repeat scroll 0 0;
  width: 20px;
  left: 20px;
  text-align: center;
  color: white;
  letter-spacing: 0;
  line-height: 12px;
  font-size: 12px;
  opacity: 0.9;
}
.content-contribution .contribution-li .activity-issuance-status p[data-v-0ec46708] {
  padding: 5px 2px;
}
.content-contribution .contribution-li .activity-issuance-status .stage-release[data-v-0ec46708] {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  width: 70px;
  top: 10px;
  left: -20px;
  text-align: center;
  color: white;
  letter-spacing: 0;
  line-height: 12px;
  font-size: 12px;
  opacity: 0.9;
}
.content-contribution .contribution-li .expert-vote-container[data-v-0ec46708] {
  position: absolute;
  width: 58px;
  height: 46px;
  top: 177px;
  left: -1px;
  z-index: 10;
}
.content-contribution .contribution-li .expert-vote-header-container[data-v-0ec46708] {
  position: absolute;
  top: 188px;
  left: 6px;
  text-align: left;
  padding-left: 40px;
  background: #ffb830 none repeat scroll 0 0;
  z-index: 9;
  display: flex;
  padding-right: 4px;
  box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
  border-top-right-radius: 44.5px;
  border-bottom-right-radius: 44.5px;
  height: 33px;
  min-width: 20px;
  align-items: center;
}
.content-contribution .contribution-li .expert-vote-header-container > li[data-v-0ec46708] {
  cursor: pointer;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater[data-v-0ec46708] {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 3px;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item[data-v-0ec46708] {
  box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
  color: #ffb72f;
  background: #fdf6d4 none repeat scroll 0 0;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  font-size: 25px;
  letter-spacing: 0;
  font-weight: 250;
  line-height: 11px;
  position: relative;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container[data-v-0ec46708] {
  display: none;
  position: absolute;
  top: 25px;
  left: -155px;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-tip__top[data-v-0ec46708] {
  width: 0;
  height: 0;
  font-size: 0;
  border-color: transparent transparent #ffb72f;
  border-style: solid;
  border-width: 7px;
  -o-border-image: none Infinity% stretch;
     border-image: none Infinity% stretch;
  margin-left: 160px;
  z-index: 2002;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-box[data-v-0ec46708] {
  width: 185px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  border-radius: 5px;
  background: #ffb72f;
  padding: 5px;
  box-sizing: border-box;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-box .expert-more-cur-box[data-v-0ec46708] {
  position: relative;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-box .expert-more-cur-box .expert-item-hover-tip[data-v-0ec46708] {
  display: none;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-box .expert-more-cur-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__top[data-v-0ec46708] {
  width: 0;
  height: 0;
  font-size: 0;
  border-color: transparent transparent #4d4d4d;
  border-style: solid;
  border-width: 7px;
  -o-border-image: none Infinity% stretch;
     border-image: none Infinity% stretch;
  margin-left: 0;
  z-index: 2021;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-box .expert-more-cur-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__container[data-v-0ec46708] {
  position: absolute;
  z-index: 2002;
  background-color: #4d4d4d;
  border-radius: 5px;
  margin-left: -8px;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-box .expert-more-cur-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__container .expert-item-hover-tip__content[data-v-0ec46708] {
  font-size: 12px;
  padding: 6px;
  color: #8b8b8b;
  min-width: 180px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-box .expert-more-cur-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__container .expert-item-hover-tip__content .expert-item-hover-tip__nickname[data-v-0ec46708] {
  width: 110px;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-box .expert-more-cur-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__container .expert-item-hover-tip__content .expert-item-hover-tip__title[data-v-0ec46708] {
  display: flex;
  align-items: baseline;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-box .expert-more-cur-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__container .expert-item-hover-tip__content .expert-item-hover-tip__title .expert-item-hover-tip__title-image[data-v-0ec46708] {
  width: 15px;
  height: 15px;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-box .expert-more-cur-box:hover .expert-item-hover-tip[data-v-0ec46708] {
  text-align: left;
  display: flex;
  padding: 4px 1px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  position: absolute;
  bottom: -16px;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item .expert-more-item-container .expert-more-item-box .expert-more-cur-box .expert-more-cur-avater[data-v-0ec46708] {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin: 0 3px 3px 0;
}
.content-contribution .contribution-li .expert-vote-header-container .expert-more-item:hover .expert-more-item-container[data-v-0ec46708] {
  display: block;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater-box .expert-item-hover-tip[data-v-0ec46708] {
  display: none;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__top[data-v-0ec46708] {
  width: 0;
  height: 0;
  font-size: 0;
  border-color: transparent transparent #4d4d4d;
  border-style: solid;
  border-width: 7px;
  -o-border-image: none Infinity% stretch;
     border-image: none Infinity% stretch;
  margin-left: 0;
  z-index: 2002;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__container[data-v-0ec46708] {
  position: absolute;
  z-index: 2002;
  background-color: #4d4d4d;
  border-radius: 5px;
  margin-left: -8px;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__container .expert-item-hover-tip__content[data-v-0ec46708] {
  font-size: 12px;
  padding: 6px;
  color: #8b8b8b;
  min-width: 180px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__container .expert-item-hover-tip__content .expert-item-hover-tip__nickname[data-v-0ec46708] {
  width: 110px;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__container .expert-item-hover-tip__content .expert-item-hover-tip__title[data-v-0ec46708] {
  display: flex;
  align-items: baseline;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater-box .expert-item-hover-tip .expert-item-hover-tip__container .expert-item-hover-tip__container .expert-item-hover-tip__content .expert-item-hover-tip__title .expert-item-hover-tip__title-image[data-v-0ec46708] {
  width: 15px;
  height: 15px;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater-box:hover .expert-item-hover-tip[data-v-0ec46708] {
  text-align: left;
  display: flex;
  padding: 4px 1px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  position: absolute;
  bottom: -16px;
}
.content-contribution .contribution-li .list-img[data-v-0ec46708] {
  width: 100%;
  height: 221px;
}
.content-contribution .contribution-li .list-img img[data-v-0ec46708] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-contribution .contribution-li .give-like[data-v-0ec46708] {
  cursor: pointer;
  display: none;
  line-height: 40px;
  position: absolute;
  top: 265px;
  left: 0;
  right: 0;
  bottom: 0;
}
.content-contribution .contribution-li .give-like .give[data-v-0ec46708] {
  background-color: var(--match-vote-bg-1);
}
.content-contribution .contribution-li .give-like .cancel[data-v-0ec46708] {
  background: var(--match-vote-bg-2);
}
.content-contribution .content[data-v-0ec46708] {
  padding: 18px 10px;
  box-sizing: border-box;
}
.content-contribution .title[data-v-0ec46708],
.content-contribution .time[data-v-0ec46708] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content-contribution .title span[data-v-0ec46708],
.content-contribution .time span[data-v-0ec46708] {
  margin-left: 5px;
}
.content-contribution .title[data-v-0ec46708] {
  align-items: flex-start;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--match-issuance-title-border);
  font-size: 15px;
  color: var(--match-issuance-title);
}
.content-contribution .title .nickname[data-v-0ec46708] {
  width: 65%;
  height: 26px;
  text-align: left;
}
.content-contribution .title .vote-count[data-v-0ec46708] {
  text-align: right;
  flex: 1;
}
.content-contribution .time[data-v-0ec46708] {
  font-size: 12px;
  color: var(--match-issuance-desc);
}
.content-contribution .time img[data-v-0ec46708],
.content-contribution .time span[data-v-0ec46708] {
  display: inline-block;
  vertical-align: middle;
}
.no-works[data-v-0ec46708] {
  font-size: 14px;
  min-height: 710px;
  line-height: 710px;
}

/*
*个人中心白色版本
*
*/
.center-box[data-v-00bf3070] {
  width: 1185px;
  line-height: 1;
  margin: auto;
}
.entry-works[data-v-00bf3070] {
  min-height: 75vh;
  color: #6a6a6a;
}
.entry-works .works[data-v-00bf3070] {
  text-align: center;
}
.entry-works .content-area[data-v-00bf3070] {
  background-color: var(--match-bg);
}
.entry-works .works-nav[data-v-00bf3070] {
  padding: 20px 0;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--match-bg);
}
.entry-works .works-nav .works-nav-right[data-v-00bf3070],
.entry-works .works-nav .works-nav-left[data-v-00bf3070] {
  min-width: 200px;
  cursor: pointer;
  padding: 5px 10px;
  box-sizing: border-box;
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort[data-v-00bf3070],
.entry-works .works-nav .works-nav-left .dropdown-link__sort[data-v-00bf3070] {
  display: inline-block;
  position: relative;
  font-size: 14px;
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort .at-present-works-type[data-v-00bf3070],
.entry-works .works-nav .works-nav-left .dropdown-link__sort .at-present-works-type[data-v-00bf3070] {
  font-size: 16px;
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort:hover i[data-v-00bf3070],
.entry-works .works-nav .works-nav-left .dropdown-link__sort:hover i[data-v-00bf3070] {
  transform: rotate(180deg);
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort .dropdown-link-select-box[data-v-00bf3070],
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select-box[data-v-00bf3070] {
  display: none;
  width: 107px;
  position: absolute;
  top: 0;
  right: -13px;
  z-index: 5;
  padding-top: 40px;
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort .dropdown-link-select[data-v-00bf3070],
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select[data-v-00bf3070] {
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  border: 1px solid var(--match-sort-bg-border);
  background-color: var(--match-bg);
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort .dropdown-link-select .works-triangle[data-v-00bf3070],
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select .works-triangle[data-v-00bf3070] {
  position: absolute;
  top: 35px;
  left: 46%;
  transform: rotate(135deg);
  border-width: 1px;
  border-style: solid;
  border-color: transparent transparent var(--match-sort-bg-border) var(--match-sort-bg-border);
  width: 12px;
  height: 12px;
  background: var(--match-sort-bg);
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort .dropdown-link-select p[data-v-00bf3070],
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select p[data-v-00bf3070] {
  cursor: pointer;
  text-align: center;
  position: relative;
  font-size: 12px;
  line-height: 20px;
  padding: 7px 15px;
  color: var(--match-sort-color);
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort .dropdown-link-select p[data-v-00bf3070]:hover,
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select p[data-v-00bf3070]:hover {
  color: var(--match-sort-color-active);
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort .dropdown-link-select p[data-v-00bf3070]:hover::after,
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select p[data-v-00bf3070]:hover::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 35px;
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort:hover .dropdown-link-select-box[data-v-00bf3070],
.entry-works .works-nav .works-nav-left .dropdown-link__sort:hover .dropdown-link-select-box[data-v-00bf3070] {
  display: block;
}
.entry-works .works-nav .works-nav-right[data-v-00bf3070] {
  padding: 3.5px 20px;
  box-sizing: border-box;
}
.entry-works .works-nav .works-nav-right .dropdown-link-select-box[data-v-00bf3070] {
  width: 112px !important;
  right: -16px !important;
  padding-top: 40px !important;
}
.entry-works .works-nav .works-nav-right .dropdown-link-select-box .works-triangle[data-v-00bf3070] {
  top: 34px !important;
}
.entry-works .works-nav .works-nav-left[data-v-00bf3070] {
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-items: flex-start;
}
.entry-works .works-nav .works-nav-left .works-nav-group[data-v-00bf3070] {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-items: flex-start;
}
.entry-works .works-nav .works-nav-left .works-nav-group > div[data-v-00bf3070] {
  margin-right: 25px;
}
.entry-works .works-nav .works-nav-left .works-nav-group .at-present-group[data-v-00bf3070] {
  color: white;
  position: relative;
}
.entry-works .works-nav .works-nav-left .works-nav-group .at-present-group[data-v-00bf3070]::after {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #5a89ff;
}
.entry-works .participants-list[data-v-00bf3070] {
  background-color: var(--match-bg);
}
.entry-works .participants-list .participants-nav[data-v-00bf3070] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.entry-works .participants-list .participants-nav .at-present-group[data-v-00bf3070] {
  color: white;
  position: relative;
}
.entry-works .participants-list .participants-nav .at-present-group[data-v-00bf3070]::after {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #5a89ff;
}
.entry-works .participants-list .participants-nav div[data-v-00bf3070] {
  margin-right: 30px;
}

/*
*个人中心白色版本
*
*/
.ship-island-game[data-v-90927940] {
  min-width: 1500px;
}
.ship-island-game .head-bg[data-v-90927940] {
  min-width: 1500px;
  min-height: 700px;
  height: 46vw;
  background: url(../../static/img/ship-island-head.fa97aba7.jpg) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
}
.ship-island-game .head-bg .head-content[data-v-90927940] {
  position: absolute;
  top: 10vw;
  left: 42.5vw;
}
.ship-island-game .head-bg .head-content .head-title-img[data-v-90927940] {
  display: block;
  width: 44.5vw;
  height: 15.8vw;
  min-width: 676px;
  min-height: 240px;
}
.ship-island-game .head-bg .head-content .sign-up[data-v-90927940] {
  width: 416px;
  height: 198px;
  line-height: 198px;
  margin: auto;
  background: url(../../static/img/sign-up.4d82ce11.png) no-repeat center center;
  background-size: contain;
  animation: zoom 4s infinite;
}
.ship-island-game .head-bg .head-content .sign-up .text[data-v-90927940] {
  padding-right: 35px;
  font-size: 51px;
  font-weight: bold;
  color: #503210;
}
.ship-island-game .fixation[data-v-90927940] {
  position: sticky !important;
  top: 52px;
}
.ship-island-game .navigation[data-v-90927940] {
  position: relative;
  z-index: 12;
  height: 62px;
  color: #fff;
  background: #5f775b;
}
.ship-island-game .navigation .nav-ul[data-v-90927940] {
  width: 1068px;
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.ship-island-game .navigation .nav-ul .nav-ul-li[data-v-90927940] {
  width: 178px;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  line-height: 1;
  padding-top: 14.5px;
  box-sizing: border-box;
}
.ship-island-game .navigation .nav-ul .nav-ul-li .china[data-v-90927940] {
  letter-spacing: 1.5px;
}
.ship-island-game .navigation .nav-ul .nav-ul-li .eng[data-v-90927940] {
  font-size: 12px;
  padding-top: 3px;
}
.ship-island-game .navigation .nav-ul .nav-ul-li:hover .china[data-v-90927940],
.ship-island-game .navigation .nav-ul .nav-ul-li:hover .eng[data-v-90927940] {
  color: #fff;
}
.ship-island-game .navigation .nav-ul .at-present[data-v-90927940] {
  background: #4b6447;
}
.ship-island-game .navigation .nav-ul .at-present .china[data-v-90927940] {
  font-weight: bold;
  color: #f5e4a0 !important;
}
.ship-island-game .navigation .nav-ul .at-present .eng[data-v-90927940] {
  color: #f5e4a0 !important;
}
.ship-island-game .navigation .nav-ul .select[data-v-90927940] {
  position: relative;
}
.ship-island-game .navigation .nav-ul .select .select-subset[data-v-90927940] {
  display: none;
  width: 178px;
  position: absolute;
  top: 50px;
  left: 50%;
  padding-top: 25px;
  transform: translateX(-50%);
  z-index: 11;
}
.ship-island-game .navigation .nav-ul .select .select-subset ol[data-v-90927940] {
  background: white;
  border: 1px solid #3ecadd;
}
.ship-island-game .navigation .nav-ul .select .select-subset li[data-v-90927940] {
  text-align: center;
  color: #276678;
  font-size: 18px;
  padding: 7px 0;
  box-sizing: border-box;
  font-weight: normal;
}
.ship-island-game .navigation .nav-ul .select .select-subset li[data-v-90927940]:hover {
  color: black;
}
.ship-island-game .navigation .nav-ul .select:hover .select-subset[data-v-90927940] {
  display: block;
}
.award-winning-works[data-v-90927940] {
  background-color: var(--match-bg);
}
.award-winning-works .no-result[data-v-90927940] {
  padding-top: 100px;
  min-height: 710px;
  line-height: 710px;
  font-size: 14px;
  color: #6a6a6a;
}
[data-v-90927940] .example-dialog {
  background: rgba(255, 255, 255, 0) !important;
  box-shadow: none;
}
[data-v-90927940] .example-dialog .el-dialog__headerbtn {
  display: none;
}
[data-v-90927940] .example-dialog .example {
  width: 1075px;
  height: 910px;
  background: url(../../static/img/example.647b98c0.png) no-repeat center center;
  padding: 70px 55px 0;
  box-sizing: border-box;
  position: relative;
}
[data-v-90927940] .example-dialog .example .close-example {
  position: absolute;
  top: 10px;
  right: -80px;
  cursor: pointer;
}
[data-v-90927940] .example-dialog .example li {
  font-size: 20px;
  color: #fff;
  margin-bottom: 80px;
  text-align: left;
}
[data-v-90927940] .example-dialog .example li .example-title {
  color: #f5e49f;
  margin-bottom: 15px;
  font-weight: bold;
  padding-left: 20px;
  position: relative;
}
[data-v-90927940] .example-dialog .example li .example-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #f5e4a0;
}
[data-v-90927940] .example-dialog .example li .example-content {
  line-height: 1.8;
}
[data-v-90927940] .example-dialog .example li:last-child {
  margin-bottom: 0;
}
.overstriking[data-v-90927940] {
  font-weight: bold;
}
.pointer[data-v-90927940] {
  cursor: pointer;
}
.pointer[data-v-90927940]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1520px) {
.ship-island-game .head-bg .head-content[data-v-90927940] {
    left: 770px;
    top: 150px;
}
}


/*# sourceMappingURL=ship-island-game.0d6caff0.css.map*/