/*
*个人中心白色版本
*
*/
.competition-rules[data-v-a35455f8] {
  background: url(../../static/img/big-bg.df973407.jpg) no-repeat;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 120px;
  text-align: center;
}
.competition-rules .circle[data-v-a35455f8] {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #a94c28;
  color: white;
  border-radius: 50%;
  text-align: center;
  margin-right: 15px;
}
.competition-rules .white-circle[data-v-a35455f8] {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: white;
  color: #1f4068;
  border-radius: 50%;
  text-align: center;
  margin-right: 15px;
  border: 1px solid #1f4068;
}
.competition-rules .headline[data-v-a35455f8] {
  color: #a94c28;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.competition-rules .design-requirements[data-v-a35455f8] {
  width: 1280px;
  margin: auto;
  font-size: 18px;
  color: #1f4068;
  position: relative;
}
.competition-rules .design-requirements .design-requirements-content[data-v-a35455f8] {
  text-align: left;
  position: absolute;
  top: 180px;
  left: 82px;
}
.competition-rules .design-requirements .design-requirements-content .design-requirements-content-ul .design-requirements-content-item[data-v-a35455f8] {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.competition-rules .design-requirements .design-requirements-content .design-requirements-content-ul .design-requirements-content-item .design-requirements-content-small .design-requirements-content-small-ol .design-requirements-content-small-ol-item[data-v-a35455f8] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.competition-rules .selection-rules[data-v-a35455f8] {
  width: 1280px;
  margin: 100px auto 0;
  position: relative;
}
.competition-rules .selection-rules .selection-rules-content[data-v-a35455f8] {
  position: absolute;
  top: 200px;
  left: 82px;
  color: #1f4068;
  font-size: 18px;
}
.competition-rules .selection-rules .selection-rules-content .selection-rules-content-item[data-v-a35455f8] {
  text-align: left;
  margin-bottom: 20px;
}
.competition-rules .notice[data-v-a35455f8] {
  width: 1280px;
  margin: 100px auto 0;
  position: relative;
  font-size: 18px;
  text-align: left;
  color: #1f4068;
}
.competition-rules .notice .join-notice[data-v-a35455f8] {
  position: absolute;
  top: 200px;
  left: 100px;
}
.competition-rules .notice .award-notice[data-v-a35455f8] {
  position: absolute;
  top: 800px;
  left: 100px;
}
.competition-rules .notice .copyright-notice[data-v-a35455f8] {
  position: absolute;
  top: 1220px;
  left: 100px;
}
.competition-rules .notice .join-notice-item[data-v-a35455f8] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
}
.competition-rules .notice .join-notice-item div[data-v-a35455f8]:nth-child(2) {
  flex: 1;
}

/*
*个人中心白色版本
*
*/
.works-box[data-v-2f8af464] {
  padding-bottom: 100px;
}
.work-list[data-v-2f8af464] {
  overflow: hidden;
}
.content-contribution[data-v-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  display: block;
}
.content-contribution .contribution-li .activity-issuance-status[data-v-2f8af464] {
  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-2f8af464] {
  padding: 5px 2px;
}
.content-contribution .contribution-li .activity-issuance-status .stage-release[data-v-2f8af464] {
  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-2f8af464] {
  position: absolute;
  width: 58px;
  height: 46px;
  top: 177px;
  left: -1px;
  z-index: 10;
}
.content-contribution .contribution-li .expert-vote-header-container[data-v-2f8af464] {
  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-2f8af464] {
  cursor: pointer;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater[data-v-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  display: block;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater-box .expert-item-hover-tip[data-v-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  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-2f8af464] {
  width: 15px;
  height: 15px;
}
.content-contribution .contribution-li .expert-vote-header-container .cur-avater-box:hover .expert-item-hover-tip[data-v-2f8af464] {
  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-2f8af464] {
  width: 100%;
  height: 221px;
}
.content-contribution .contribution-li .list-img img[data-v-2f8af464] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-contribution .contribution-li .give-like[data-v-2f8af464] {
  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-2f8af464] {
  background-color: var(--match-vote-bg-1);
}
.content-contribution .contribution-li .give-like .cancel[data-v-2f8af464] {
  background: var(--match-vote-bg-2);
}
.content-contribution .content[data-v-2f8af464] {
  padding: 18px 10px;
  box-sizing: border-box;
}
.content-contribution .title[data-v-2f8af464],
.content-contribution .time[data-v-2f8af464] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content-contribution .title span[data-v-2f8af464],
.content-contribution .time span[data-v-2f8af464] {
  margin-left: 5px;
}
.content-contribution .title[data-v-2f8af464] {
  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-2f8af464] {
  width: 65%;
  height: 26px;
  text-align: left;
}
.content-contribution .title .vote-count[data-v-2f8af464] {
  text-align: right;
  flex: 1;
}
.content-contribution .time[data-v-2f8af464] {
  font-size: 12px;
  color: var(--match-issuance-desc);
}
.content-contribution .time img[data-v-2f8af464],
.content-contribution .time span[data-v-2f8af464] {
  display: inline-block;
  vertical-align: middle;
}
.no-more[data-v-2f8af464] {
  min-height: 40vh;
}

/*
*个人中心白色版本
*
*/
.center-box[data-v-5ab6d3bc] {
  width: 1185px;
  line-height: 1;
  margin: auto;
}
.entry-works[data-v-5ab6d3bc] {
  color: #6a6a6a;
}
.entry-works .works[data-v-5ab6d3bc] {
  text-align: center;
}
.entry-works .content-area[data-v-5ab6d3bc] {
  background-color: var(--match-bg);
}
.entry-works .works-carve-up[data-v-5ab6d3bc] {
  height: 496px;
  background: url(../../static/img/works-carve-up.531322d6.jpg) center center no-repeat;
  background-size: cover;
  background-color: var(--match-bg);
}
.entry-works .works-carve-up .carve-up-container[data-v-5ab6d3bc] {
  width: 1183px;
  margin: auto;
  position: relative;
}
.entry-works .works-carve-up .carve-up-container .works-share[data-v-5ab6d3bc] {
  cursor: pointer;
  position: absolute;
  top: 365px;
  right: 185px;
}
.entry-works .works-nav[data-v-5ab6d3bc] {
  position: sticky;
  top: 0;
  z-index: 11;
  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-5ab6d3bc],
.entry-works .works-nav .works-nav-left[data-v-5ab6d3bc] {
  cursor: pointer;
  padding: 5px 10px;
  box-sizing: border-box;
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort[data-v-5ab6d3bc],
.entry-works .works-nav .works-nav-left .dropdown-link__sort[data-v-5ab6d3bc] {
  display: inline-block;
  position: relative;
  font-size: 14px;
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort .at-present-works-type[data-v-5ab6d3bc],
.entry-works .works-nav .works-nav-left .dropdown-link__sort .at-present-works-type[data-v-5ab6d3bc] {
  font-size: 16px;
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort:hover i[data-v-5ab6d3bc],
.entry-works .works-nav .works-nav-left .dropdown-link__sort:hover i[data-v-5ab6d3bc] {
  transform: rotate(180deg);
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort .dropdown-link-select-box[data-v-5ab6d3bc],
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select-box[data-v-5ab6d3bc] {
  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-5ab6d3bc],
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select[data-v-5ab6d3bc] {
  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-5ab6d3bc],
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select .works-triangle[data-v-5ab6d3bc] {
  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-5ab6d3bc],
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select p[data-v-5ab6d3bc] {
  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-5ab6d3bc]:hover,
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select p[data-v-5ab6d3bc]:hover {
  color: var(--match-sort-color-active);
}
.entry-works .works-nav .works-nav-right .dropdown-link__sort .dropdown-link-select p[data-v-5ab6d3bc]:hover::after,
.entry-works .works-nav .works-nav-left .dropdown-link__sort .dropdown-link-select p[data-v-5ab6d3bc]: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-5ab6d3bc],
.entry-works .works-nav .works-nav-left .dropdown-link__sort:hover .dropdown-link-select-box[data-v-5ab6d3bc] {
  display: block;
}
.entry-works .works-nav .works-nav-right[data-v-5ab6d3bc] {
  padding: 3.5px 20px;
  box-sizing: border-box;
}
.entry-works .works-nav .works-nav-right .dropdown-link-select-box[data-v-5ab6d3bc] {
  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-5ab6d3bc] {
  top: 34px !important;
}
.entry-works .works-nav .works-nav-left[data-v-5ab6d3bc] {
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-items: flex-start;
}
.entry-works .works-nav .works-nav-left .works-nav-group[data-v-5ab6d3bc] {
  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-5ab6d3bc] {
  margin-right: 25px;
}
.entry-works .works-nav .works-nav-left .works-nav-group .at-present-group[data-v-5ab6d3bc] {
  color: white;
  position: relative;
}
.entry-works .works-nav .works-nav-left .works-nav-group .at-present-group[data-v-5ab6d3bc]::after {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #5a89ff;
}
.entry-works .participants-list[data-v-5ab6d3bc] {
  min-height: 50vh;
  background-color: var(--match-bg);
}
.entry-works .participants-list .participants-nav[data-v-5ab6d3bc] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.entry-works .participants-list .participants-nav .at-present-group[data-v-5ab6d3bc] {
  color: white;
  position: relative;
}
.entry-works .participants-list .participants-nav .at-present-group[data-v-5ab6d3bc]::after {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #5a89ff;
}
.entry-works .participants-list .participants-nav div[data-v-5ab6d3bc] {
  margin-right: 30px;
}

/*
*个人中心白色版本
*
*/
.play-by-play[data-v-0533c28b] {
  text-align: left;
  background: url(../../static/img/big-bg.df973407.jpg) no-repeat;
  background-size: cover;
  padding-top: 120px;
}
.play-by-play .play-by-play-container[data-v-0533c28b] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
.play-by-play .left-title[data-v-0533c28b] {
  font-size: 20px;
  color: #a94c28;
  font-weight: bold;
}
.play-by-play .right-navigation[data-v-0533c28b] {
  position: absolute;
  width: 100px;
  padding: 15px 10px;
  box-sizing: border-box;
  top: 5px;
  right: 65px;
  font-size: 14px;
  color: #4684a7;
  text-align: center;
  background: #c1e9f3;
}
.play-by-play .right-navigation ul[data-v-0533c28b] {
  position: sticky;
  top: 0;
  right: 0;
}
.play-by-play .right-navigation ul a[data-v-0533c28b] {
  color: #4684a7;
}
.play-by-play .right-navigation ul li[data-v-0533c28b] {
  cursor: pointer;
  line-height: 30px;
}
.play-by-play .right-navigation ul li[data-v-0533c28b]:hover {
  font-size: 16px;
  font-weight: bold;
}
.play-by-play .fixation[data-v-0533c28b] {
  position: fixed;
  top: 180px;
}
.play-by-play .world-outlook[data-v-0533c28b] {
  width: 1248px;
  height: 1012px;
  margin: auto;
  font-size: 18px;
  color: #1f4068;
  background: url(../../static/img/world-outlook.315e0944.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .world-outlook .age-bg[data-v-0533c28b],
.play-by-play .world-outlook .environment[data-v-0533c28b] {
  width: 88%;
  margin: auto;
}
.play-by-play .world-outlook .environment[data-v-0533c28b] {
  padding-top: 200px;
  margin: 0 auto 50px;
}
.play-by-play .world-outlook .environment .environment-item[data-v-0533c28b] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.play-by-play .world-outlook .environment .environment-item .item-left[data-v-0533c28b] {
  font-weight: bold;
  font-size: 20px;
  color: #7d77fb;
}
.play-by-play .introduced[data-v-0533c28b] {
  width: 1248px;
  height: 585px;
  margin: 95px auto 0;
  background: url(../../static/img/introduced.c9cb453f.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .introduced .introduced-area[data-v-0533c28b] {
  width: 88%;
  margin: auto;
  padding-top: 190px;
}
.play-by-play .introduced .introduced-area ul li[data-v-0533c28b] {
  font-size: 18px;
  color: #1f4068;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 2px;
}
.play-by-play .introduced .introduced-area ul li .left-title[data-v-0533c28b] {
  width: 130px;
  text-align: right;
}
.play-by-play .introduced .introduced-area ul li .introduced-right-content[data-v-0533c28b] {
  flex: 1;
  text-align: left;
}
.play-by-play .schedule[data-v-0533c28b] {
  width: 1248px;
  height: 456px;
  padding: 240px 85px 0;
  box-sizing: border-box;
  margin: 95px auto 0;
  background: url(../../static/img/schedule.11e821bd.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .schedule .timer-shaft[data-v-0533c28b] {
  height: 20px;
  border-radius: 20px;
  background: #7d77fb;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 18px;
  color: #1f4068;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.play-by-play .schedule .timer-shaft .progress-bar[data-v-0533c28b] {
  position: relative;
}
.play-by-play .schedule .timer-shaft .progress-bar img[data-v-0533c28b] {
  display: block;
  position: relative;
  z-index: 5;
}
.play-by-play .schedule .timer-shaft .progress-bar .time[data-v-0533c28b] {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.play-by-play .schedule .timer-shaft .progress-bar .special-time[data-v-0533c28b] {
  margin-top: -31px;
}
.play-by-play .schedule .timer-shaft .progress-bar .describe[data-v-0533c28b] {
  width: 150px;
  text-align: center;
  position: absolute;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
}
.play-by-play .schedule .timer-shaft .progress-bar .progress-bar-progress[data-v-0533c28b] {
  height: 15px;
  background: #ffea60;
  border-radius: 0 10px 10px 0;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}
.play-by-play .winning-rights[data-v-0533c28b] {
  color: #274c78;
  font-size: 18px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.play-by-play .winning-rights .bonus[data-v-0533c28b] {
  width: 418px;
  height: 342px;
  padding: 145px 65px 0;
  box-sizing: border-box;
  background: url(../../static/img/bonus.a3ee2ce8.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .winning-rights .honor[data-v-0533c28b] {
  width: 418px;
  height: 342px;
  margin: 0 45px;
  padding: 145px 55px 0;
  box-sizing: border-box;
  background: url(../../static/img/honor.d6749ab3.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .winning-rights .exposure[data-v-0533c28b] {
  text-align: left;
  font-size: 17px;
  width: 418px;
  height: 342px;
  padding: 145px 48px 0;
  box-sizing: border-box;
  background: url(../../static/img/exposure.3a272573.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .competition-bonus[data-v-0533c28b] {
  min-width: 1400px;
  height: 1215px;
  margin: 100px auto 0;
  background: url(../../static/img/competition-bonus.12811aa5.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .judge[data-v-0533c28b] {
  width: 1247px;
  height: 873px;
  margin: 0 auto;
  background: url(../../static/img/judge.6badd316.png) no-repeat;
  background-size: cover;
}
.play-by-play .judge .judge-item-container-one[data-v-0533c28b] {
  padding-top: 180px;
  padding-bottom: 60px;
}
.play-by-play .judge .judge-item-container[data-v-0533c28b] {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.play-by-play .judge .judge-item-container .judge-item[data-v-0533c28b] {
  text-align: center;
  color: #031c36;
}
.play-by-play .judge .judge-item-container .judge-item .avater[data-v-0533c28b] {
  width: 158px;
  height: 158px;
  margin: 0 75px;
  background: url(../../static/img/avater.d8a47885.png) no-repeat center center;
  background-size: cover;
}
.play-by-play .judge .judge-item-container .judge-item .judge-name[data-v-0533c28b] {
  margin: 20px 0 10px;
  font-size: 20px;
  color: #274c78;
}
.play-by-play .carve-up[data-v-0533c28b] {
  width: 1247px;
  margin: 100px auto 0;
  text-align: center;
  position: relative;
}
.play-by-play .carve-up .carve-up-bg[data-v-0533c28b] {
  display: block;
  width: 100%;
}
.play-by-play .carve-up .share[data-v-0533c28b] {
  cursor: pointer;
  position: absolute;
  bottom: 110px;
  right: 290px;
}
.play-by-play .interact[data-v-0533c28b] {
  width: 1247px;
  margin: 100px auto 0;
  font-size: 20px;
  color: #1f4068;
  position: relative;
}
.play-by-play .interact .interact-bg[data-v-0533c28b] {
  display: block;
  width: 100%;
}
.play-by-play .interact .interact-cont[data-v-0533c28b] {
  width: 1072px;
  position: absolute;
  top: 225px;
  left: 90px;
}
.play-by-play .interact .prize[data-v-0533c28b] {
  width: 1122px;
  position: absolute;
  top: 430px;
  left: 65px;
}
.play-by-play .interact .prize img[data-v-0533c28b] {
  width: 100%;
}
.play-by-play .evolve[data-v-0533c28b] {
  width: 1247px;
  margin: 100px auto 0;
}
.play-by-play .evolve img[data-v-0533c28b] {
  width: 100%;
}
.play-by-play .q-and-a[data-v-0533c28b] {
  width: 1247px;
  margin: 100px auto 0;
  position: relative;
}
.play-by-play .q-and-a .q-and-a-bg[data-v-0533c28b] {
  display: block;
  width: 100%;
}
.play-by-play .q-and-a .q-and-a-content[data-v-0533c28b] {
  position: absolute;
  top: 200px;
  left: 90px;
  font-size: 18px;
  text-align: left;
}
.play-by-play .q-and-a .q-and-a-content li[data-v-0533c28b] {
  line-height: 20px;
  margin-bottom: 30px;
}
.play-by-play .q-and-a .q-and-a-content li .asking[data-v-0533c28b] {
  font-weight: bold;
  color: #a94c28;
  margin-bottom: 10px;
}
.play-by-play .q-and-a .q-and-a-content li .answer[data-v-0533c28b] {
  line-height: 30px;
  color: #2d4d72;
}
.play-by-play .yellow_head_title_h1[data-v-0533c28b] {
  width: 594px;
  line-height: 82px;
  height: 82px;
  margin: 90px auto 0;
  background: url(../../static/img/yellow-bg.5c67a81e.png) no-repeat center center;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 52px;
  font-weight: bold;
  color: #605654;
  margin-bottom: 60px;
}
.company-introduction[data-v-0533c28b] {
  text-align: left;
  background: #1491a3;
  padding-bottom: 120px;
}
.company-introduction .company-logo[data-v-0533c28b] {
  text-align: center;
  margin-bottom: 50px;
}
.company-introduction .company-introduction-content[data-v-0533c28b] {
  width: 1183px;
  margin: auto;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  opacity: 0.9;
}
.company-introduction .company-introduction-content .company-item[data-v-0533c28b] {
  margin-bottom: 15px;
}
.athletics-footer[data-v-0533c28b] {
  height: 180px;
  background: url(../../static/img/athletics-footer.3424808e.jpg) center center no-repeat;
  background-color: #236274;
}

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

/*
*个人中心白色版本
*
*/
.competitive-world[data-v-3c333be0] {
  line-height: 1.8;
  min-width: 1400px;
}
.competitive-world .roof-area .el-affix[data-v-3c333be0] {
  width: 100% !important;
}
.competitive-world .head-bg[data-v-3c333be0] {
  width: 100%;
  height: 42.5vw;
  min-height: 645px;
  max-height: 819px;
  background: #02a6e1;
}
.competitive-world .head-bg .head-bg-container[data-v-3c333be0] {
  width: 100%;
  height: 100%;
  max-width: 1920px;
  margin: auto;
  position: relative;
}
.competitive-world .head-bg .head-bg-img[data-v-3c333be0] {
  width: 100%;
  height: 100%;
  margin: auto;
  display: block;
}
.competitive-world .head-bg .button-set[data-v-3c333be0] {
  cursor: pointer;
  position: absolute;
  width: 530px;
  height: 219px;
  top: 58%;
  left: 20%;
  z-index: 10;
  animation: zoom 4s infinite;
}
.competitive-world .head-bg .button-set img[data-v-3c333be0] {
  display: block;
  width: 100%;
  height: 100%;
}
.competitive-world .head-bg .button-set .primitive-hover[data-v-3c333be0] {
  display: none;
}
.competitive-world .head-bg .button-set:hover .primitive[data-v-3c333be0] {
  display: none;
}
.competitive-world .head-bg .button-set:hover .primitive-hover[data-v-3c333be0] {
  display: block;
}
.competitive-world .fixation[data-v-3c333be0] {
  position: sticky !important;
  top: 52px;
}
.competitive-world .navigation[data-v-3c333be0] {
  margin-top: -52px;
  position: relative;
  z-index: 12;
  height: 52px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAA0CAYAAABrXiUrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxRjVBRjRBMUQwMzExRUM4QUJCRDc2RDg5REFFMEVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxRjVBRjRCMUQwMzExRUM4QUJCRDc2RDg5REFFMEVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODFGNUFGNDgxRDAzMTFFQzhBQkJENzZEODlEQUUwRUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODFGNUFGNDkxRDAzMTFFQzhBQkJENzZEODlEQUUwRUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5aEr8KAAACHklEQVR42uzZQRHAIADAsDEruEIHMhGFDnqJhH475trnAwAAAAAAAOB5vwQAAAAAAAAADQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBhAAMAAAAAAABEGMAAAAAAAAAAEQYwAAAAAAAAQIQBDAAAAAAAABBxBRgAwZoCJZqOiw4AAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
}
.competitive-world .navigation .nav-ul[data-v-3c333be0] {
  width: 1012px;
  margin: auto;
  display: flex;
  font-weight: bold;
  color: white;
  padding-top: 10px;
  box-sizing: border-box;
  justify-content: space-between;
}
.competitive-world .navigation .nav-ul .nav-ul-li[data-v-3c333be0] {
  width: 135px;
  cursor: pointer;
  font-size: 18px;
  text-align: center;
  line-height: 1;
}
.competitive-world .navigation .nav-ul .nav-ul-li .china[data-v-3c333be0] {
  letter-spacing: 1.5px;
  color: #88b5db;
}
.competitive-world .navigation .nav-ul .nav-ul-li .eng[data-v-3c333be0] {
  font-size: 12px;
  padding-top: 3px;
  color: #8ca4b9;
}
.competitive-world .navigation .nav-ul .nav-ul-li:hover .china[data-v-3c333be0],
.competitive-world .navigation .nav-ul .nav-ul-li:hover .eng[data-v-3c333be0] {
  color: #fff;
}
.competitive-world .navigation .nav-ul .at-present .china[data-v-3c333be0] {
  color: #badffd !important;
}
.competitive-world .navigation .nav-ul .at-present .eng[data-v-3c333be0] {
  color: #b1cfe9 !important;
}
.competitive-world .navigation .nav-ul .select[data-v-3c333be0] {
  position: relative;
}
.competitive-world .navigation .nav-ul .select .select-subset[data-v-3c333be0] {
  display: none;
  width: 110px;
  position: absolute;
  top: 30px;
  left: 50%;
  padding-top: 10px;
  transform: translateX(-50%);
  z-index: 11;
}
.competitive-world .navigation .nav-ul .select .select-subset ol[data-v-3c333be0] {
  background: white;
  border: 1px solid #3ecadd;
}
.competitive-world .navigation .nav-ul .select .select-subset li[data-v-3c333be0] {
  text-align: center;
  color: #276678;
  font-size: 15px;
  padding: 7px 0;
  box-sizing: border-box;
  font-weight: normal;
}
.competitive-world .navigation .nav-ul .select .select-subset li[data-v-3c333be0]:hover {
  color: black;
}
.competitive-world .navigation .nav-ul .select:hover .select-subset[data-v-3c333be0] {
  display: block;
}
.award-winning-works .no-result[data-v-3c333be0] {
  min-height: 60vh;
  text-align: center;
  line-height: 300px;
  font-size: 14px;
  color: #bbb;
  padding-top: 100px;
  background-color: black;
}


/*# sourceMappingURL=competitive-world.00c03d6c.css.map*/