* {
  font-family: 微软雅黑;
}
.toast_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 10;
}
.toast_bg span {
  text-align: center;
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 15px;
  border-radius: 20px;
  line-height: 18px;
  font-size: 14px;
  top: 50%;
  left: 50%;
  max-width: 200px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[v-cloak] {
  display: none;
}
.xtdz {
  background: #C1DCF8;
  font-size: 0;
  margin: 0;
}
.xtdz * {
  box-sizing: border-box;
}
.xtdz .main {
  padding: 614px 0 92px;
  margin-top: 48px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50.32%, rgba(255, 255, 255, 0) 100%) no-repeat center 1039px, url("//pic.cgyouxi.com/orange/upload/202607/59029616_c100774bf7dab328e7b102b51aed0230.png") no-repeat top center;
  background-size: 1459px 1110px, auto 614px;
}
.xtdz .main .ruleBox a {
  display: block;
  width: 176px;
  height: 50px;
  margin: 0 auto 31px;
  background: url("//pic.cgyouxi.com/orange/upload/202606/59029616_aeb6494ebf5cd551c63e5d0b45af928a.png") no-repeat center / 100%;
}
.xtdz .main .detail {
  width: 1184px;
  margin: 0 auto;
}
.xtdz .main .detail .list_type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 630px;
  height: 90px;
  padding: 9px;
  border-radius: 12px;
  margin: 0 auto 40px;
  background: #83C3FF;
}
.xtdz .main .detail .list_type a {
  width: 302px;
  height: 72px;
  border-radius: 9px;
}
.xtdz .main .detail .list_type a:first-child {
  background: url('//pic.cgyouxi.com/orange/upload/202606/59029616_ff25353f94623176b29f8ea908f842e7.png') no-repeat center / auto 43px;
}
.xtdz .main .detail .list_type a:first-child.now {
  background: #FFFFFF url('//pic.cgyouxi.com/orange/upload/202606/59029616_f151a7eaf9d164fb9dc627f5da26dfe6.png') no-repeat center 16px / auto 50px;
}
.xtdz .main .detail .list_type a:last-child {
  background: url('//pic.cgyouxi.com/orange/upload/202606/59029616_cf7b9158596b0b9ced0bf1e78394e785.png') no-repeat center / auto 43px;
}
.xtdz .main .detail .list_type a:last-child.now {
  background: #FFFFFF url('//pic.cgyouxi.com/orange/upload/202606/59029616_2a5e644c4d76a17f130c4a8f1036c7b0.png') no-repeat center 16px / auto 50px;
}
.xtdz .main .detail .time_card {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 20px;
}
.xtdz .main .detail .time_card div {
  width: 188px;
  height: 174px;
  text-align: center;
  margin-right: 15px;
}
.xtdz .main .detail .time_card div:last-child {
  margin-right: 0px;
}
.xtdz .main .detail .time_card div .time {
  margin-top: 13px;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 24px;
}
.xtdz .main .detail .time_card div .month {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168px;
  height: 56px;
  border-radius: 8px;
  margin: 11px auto 17px;
  background: #FFFFFF;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
}
.xtdz .main .detail .time_card div span {
  font-size: 24px;
  color: #FFFFFF;
  line-height: 24px;
}
.xtdz .main .detail .time_card div.end {
  background: url("//pic.cgyouxi.com/orange/upload/202606/59029616_0c445194cffc31dc70ce91f7ca3f941f.png") no-repeat top center / 100%;
}
.xtdz .main .detail .time_card div.end .month {
  border: 1px solid #FFC386;
  color: #999;
}
.xtdz .main .detail .time_card div.not {
  background: url("//pic.cgyouxi.com/orange/upload/202606/59029616_b68a3cab3a37c9a225acf292b1e62715.png") no-repeat top center / 100%;
}
.xtdz .main .detail .time_card div.not .month {
  border: 1px solid #6CB7FF;
  color: #6CB7FF;
}
.xtdz .main .detail .time_card div.start {
  background: url("//pic.cgyouxi.com/orange/upload/202606/59029616_0c445194cffc31dc70ce91f7ca3f941f.png") no-repeat top center / 100%;
}
.xtdz .main .detail .time_card div.start .month {
  border: 1px solid #FFC386;
  color: #999;
}
.xtdz .main .detail .time_card div.now {
  background: url("//pic.cgyouxi.com/orange/upload/202606/59029616_d97982067a004059c9c0c9c5ba60a6e7.png") no-repeat top center / 100%;
}
.xtdz .main .detail .time_card div.now .month {
  border: 1px solid #FF85EA;
  color: #FF85EA;
}
.xtdz .main .detail .time_card div.end,
.xtdz .main .detail .time_card div.start {
  cursor: pointer;
}
.xtdz .main .detail .work_box .tip {
  margin-bottom: 20px;
  font-size: 16px;
  color: #3D88CF;
  text-align: center;
  line-height: 21px;
}
.xtdz .main .detail .work_box .list_detail {
  width: 1178px;
  margin: 0 auto;
}
.xtdz .main .detail .work_box .list_detail.stage .work_list .unit .bottom .author {
  margin-bottom: 7px;
  font-size: 14px;
  color: #999999;
  line-height: 14px;
}
.xtdz .main .detail .work_box .list_detail.stage .work_list .unit .bottom .author a {
  color: #999;
}
.xtdz .main .detail .work_box .list_detail.stage .work_list .unit .bottom .inspire {
  display: flex;
  align-items: center;
}
.xtdz .main .detail .work_box .list_detail.stage .work_list .unit .bottom .inspire p {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #555555;
  line-height: 14px;
}
.xtdz .main .detail .work_box .list_detail.stage .work_list .unit .bottom .inspire p::before {
  content: '';
  width: 44px;
  height: 16px;
  margin-right: 5px;
  background: url('//pic.cgyouxi.com/orange/upload/202306/59029616_b0bf5e7520b848b4bca43dbba66c90d8.png') no-repeat center / 100%;
}
.xtdz .main .detail .work_box .list_detail.stage .work_list .unit .bottom .inspire div {
  display: inline-flex;
  align-items: center;
  margin-left: 24px;
  font-size: 14px;
  line-height: 15px;
  color: #FF5666;
}
.xtdz .main .detail .work_box .list_detail.stage .work_list .unit .bottom .inspire div img {
  height: 16px;
  margin-right: 4px;
}
.xtdz .main .detail .work_box .list_detail .work_list {
  display: flex;
  flex-wrap: wrap;
  padding: 32px;
  border-radius: 12px;
  background: #FFFFFF;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit {
  width: 338px;
  margin: 40px 50px 0 0;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(3n) {
  margin-right: 0;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(-n + 3) {
  margin-top: 0;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(-n + 3) .top {
  height: 232px;
  padding: 1px;
  border: 0;
  margin-bottom: 14px;
  z-index: 1;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(-n + 3) .top::before {
  content: '';
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  border-radius: inherit;
  background: #fff;
  z-index: -1;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(-n + 3) .top .gname {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  padding: 0 16px 0 52px;
  margin-bottom: 3px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(-n + 3) .top .gname a:first-child {
  max-width: 230px;
  font-size: 16px;
  color: #333333;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(-n + 3) .top .gname a:last-child {
  width: 18px;
  height: 16px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(-n + 3) .top .gname a:last-child.collect {
  background: url('//pic.cgyouxi.com/orange/upload/202504/59029616_d14f53ceafca99694f84789b7cbed73d.png') no-repeat center / 100%;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(-n + 3) .top .gname a:last-child.collected {
  background: url('//pic.cgyouxi.com/orange/upload/202504/59029616_b99c150bf2c3447d3c7692d6dc6dba8f.png') no-repeat center / 100%;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(-n + 3) .top .geq {
  top: 1px;
  bottom: auto;
  width: 46px;
  height: 44px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:first-child .top {
  background: #FFF0B2;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:first-child .top .gname {
  background: #FFF4C6;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:first-child .top .geq {
  background-image: url('//pic.cgyouxi.com/orange/upload/202504/59029616_d5792b831f87953b4c821ebdf792158a.png');
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(2) .top {
  background: #CBE6FF;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(2) .top .gname {
  background: #DAEDFF;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(2) .top .geq {
  background-image: url('//pic.cgyouxi.com/orange/upload/202504/59029616_c5b1592969fa64e48b61d9cd3444ec62.png');
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(3) .top {
  background: #F6DAFF;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(3) .top .gname {
  background: #FFEDFF;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit:nth-child(3) .top .geq {
  background-image: url('//pic.cgyouxi.com/orange/upload/202504/59029616_aa80fcfa1775524bc2a76fe0cf536a79.png');
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .top {
  position: relative;
  width: 100%;
  height: 199px;
  border: 1px solid #B9DDFF;
  border-radius: 5px;
  background: linear-gradient(180deg, #EBF4FF 0%, #fff 100%);
  overflow: hidden;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .top > a {
  display: block;
  padding: 12px 14px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .top > a img {
  width: 308px;
  height: 173px;
  border-radius: 5px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .top .geq {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 44px;
  height: 34px;
  padding: 6px 8px 5px;
  background: url('//pic.cgyouxi.com/orange/upload/202504/59029616_ad808be288d9408990a8acab36266cfc.png') no-repeat center / 100%;
  font-size: 23px;
  color: #fff;
  text-align: center;
  line-height: 23px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom {
  margin: 9px 8px 0 9px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom .gname {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom .gname a:first-child {
  font-size: 16px;
  color: #333333;
  line-height: 16px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom .gname a:last-child {
  width: 18px;
  height: 16px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom .gname a:last-child.collect {
  background: url('//pic.cgyouxi.com/orange/upload/202504/59029616_d14f53ceafca99694f84789b7cbed73d.png') no-repeat center / 100%;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom .gname a:last-child.collected {
  background: url('//pic.cgyouxi.com/orange/upload/202504/59029616_b99c150bf2c3447d3c7692d6dc6dba8f.png') no-repeat center / 100%;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom .others {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom .others div a {
  font-size: 14px;
  color: #999999;
  line-height: 14px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom .others div p {
  display: flex;
  align-items: center;
  margin-top: 7px;
  font-size: 14px;
  color: #555555;
  line-height: 14px;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom .others div p::before {
  content: '';
  width: 44px;
  height: 16px;
  margin-right: 5px;
  background: url('//pic.cgyouxi.com/orange/upload/202306/59029616_b0bf5e7520b848b4bca43dbba66c90d8.png') no-repeat center / 100%;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom .others button[name="vote"] {
  width: 86px;
  height: 33px;
  border: none;
  border-radius: 6px;
  background: linear-gradient(326deg, #65B4FF 0%, #C4E2FF 99.08%);
  font-size: 15px;
  color: #FFFFFF;
  line-height: 33px;
  cursor: pointer;
}
.xtdz .main .detail .work_box .list_detail .work_list .unit .bottom .others button[name="vote"]:disabled {
  background: #cecfd3;
}
.xtdz .main .detail .work_box .list_detail .empty {
  height: 514px;
  padding-top: 137px;
  text-align: center;
}
.xtdz .main .detail .work_box .list_detail .empty img {
  width: 319px;
}
.xtdz .main .detail .work_box .list_detail .empty p {
  margin-top: 46px;
  font-size: 16px;
  color: #999999;
  line-height: 21px;
}
.xtdz .main .vote-record {
  position: fixed;
  bottom: 118px;
  left: 50%;
  width: 67px;
  height: 65px;
  margin-left: 680px;
  background: url('//pic.cgyouxi.com/orange/upload/202606/59029616_627f6a55c91c98914ac2d40bf0e7f4a7.png') no-repeat center / 100%;
  z-index: 20;
  cursor: pointer;
}
.xtdz .main .record-body-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.xtdz .main .record-body-mask .record-body {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 880px;
  height: 553px;
  padding-top: 36px;
  border-radius: 8px;
  background: linear-gradient(180deg, #D3E9FF 0%, #FFFFFF 100%);
}
.xtdz .main .record-body-mask .record-body .title {
  width: 192px;
  margin: 0 auto 8px;
  background: linear-gradient(180deg, #A4D3FF 0%, #A4D3FF 100%) no-repeat 0 32px;
  background-size: 100% 9px;
  font-size: 32px;
  font-weight: bold;
  color: #434348;
  line-height: 45px;
}
.xtdz .main .record-body-mask .record-body .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 18px;
  height: 18px;
  background: url('//pic.cgyouxi.com/orange/upload/202306/59029616_4c8ed2dca1eeaf97a6b24ed7b84f49fb.png') no-repeat center / 100%;
  z-index: 99;
  cursor: pointer;
}
.xtdz .main .record-body-mask .record-body .all-num {
  font-size: 14px;
  color: #434348;
  line-height: 20px;
  text-align: center;
}
.xtdz .main .record-body-mask .record-body .record-list {
  display: flex;
  flex-wrap: wrap;
  height: 414px;
  padding: 0 60px 0 65px;
  margin-top: 30px;
  margin-right: 6px;
  overflow-y: scroll;
  /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */
  scrollbar-color: #EFEFEF transparent;
  /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */
  scrollbar-width: thin;
  /* 隐藏滚动条（在IE浏览器中很难更改样式，固采取隐藏方式）*/
  -ms-overflow-style: none;
}
.xtdz .main .record-body-mask .record-body .record-list::-webkit-scrollbar {
  /* chrome浏览器自定义滚动条样式方式 */
  width: 6px;
}
.xtdz .main .record-body-mask .record-body .record-list::-webkit-scrollbar-thumb {
  /* chrome浏览器自定义滚动条样式方式 */
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.xtdz .main .record-body-mask .record-body .record-list .record-item {
  width: 230px;
  margin-right: 24px;
  margin-bottom: 20px;
}
.xtdz .main .record-body-mask .record-body .record-list .record-item:nth-child(3n) {
  margin-right: 0;
}
.xtdz .main .record-body-mask .record-body .record-list .record-item a img {
  width: 230px;
  height: 130px;
  border-radius: 6px;
}
.xtdz .main .record-body-mask .record-body .record-list .record-item .work-name {
  margin: 8px 0;
  font-size: 14px;
  color: #333333;
  line-height: 21px;
}
.xtdz .main .record-body-mask .record-body .record-list .record-item .work-value {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #666;
  line-height: 14px;
}
.xtdz .main .record-body-mask .record-body .record-list .record-item .work-value img {
  width: 16px;
  margin-right: 2px;
}
.xtdz .main .record-body-mask .record-body .list-nodata .empty {
  width: 180px;
  height: 180px;
  padding-top: 180px;
  margin: 100px auto 0;
  background: url('//pic.cgyouxi.com/orange/upload/202602/25322333_e71675cc02f9b7ac92ba888f45b790c6.png') no-repeat center / 100%;
  text-align: center;
  font-size: 12px;
  color: #999999;
  line-height: 17px;
}
.xtdz .vote-box .vote-content .box-left .pk-box .nowPk,
.xtdz .vote-box .vote-content .box-left .pk-box .pk {
  display: inline-block;
  padding-left: 45px;
  font-size: 12px;
  color: #555555;
  line-height: 14px;
  font-weight: normal;
}
.xtdz .vote-box .vote-content .box-left .pk-box .nowPk::after,
.xtdz .vote-box .vote-content .box-left .pk-box .pk::after {
  display: none;
}
.xtdz .vote-box .vote-content .box-left .pk-box .pk {
  padding-left: 45px;
  background: url('//pic.cgyouxi.com/orange/upload/202306/59029616_1a70d4ec16b282d7eb7949e4d18a0823.png') no-repeat center left / auto 100%;
}
.xtdz .vote-box .vote-content .box-left .pk-box .nowPk {
  padding-left: 43px;
  margin-right: 18px;
  background: url('//pic.cgyouxi.com/orange/upload/202306/59029616_01c837b7d75d9ada190afe48f172428e.png') no-repeat center left / auto 100%;
}
.xtdz .vote-box .vote-content .box-right .scroll-content .flower-vote .ratio span:last-child:after,
.xtdz .vote-box .vote-content .box-right .scroll-content .orange-vote .ratio span:last-child:after {
  width: 14px;
  height: 14px;
  background: url('//pic.cgyouxi.com/orange/upload/202306/59029616_c243ca1683e33ec2d2e83a7d56a02694.png') no-repeat center / 100%;
  margin-top: -8px;
  right: -15px;
}
.xtdz .vote-box .vote-content .box-right .scroll-content .rank-list .list-body .list-content li .list-right .detail .heat:before {
  background: url('//pic.cgyouxi.com/orange/upload/202306/59029616_c243ca1683e33ec2d2e83a7d56a02694.png') no-repeat center / 100%;
}
.xtdz .vote-msg-popup .content {
  height: 232px;
  background: url('//pic.cgyouxi.com/orange/upload/202504/59029616_5ef90d5c466312ed45529ee4dd9e519d.png') no-repeat top center / 210px;
}
.xtdz .vote-msg-popup .content .txt-msg {
  margin-top: 208px;
  font-size: 14px;
  color: #FFEEEF;
  font-weight: 600;
  line-height: 24px;
}
.xtdz .vote-msg-popup .content .img-msg {
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
  width: 191px;
}
.xtdz .vote-msg-popup .content .img-msg .bg-img {
  height: 184px;
  background: url('//pic.cgyouxi.com/orange/upload/202306/59029616_049f7348895270481b2719f23b08b50f.png') no-repeat top center / 100%;
}
.xtdz .vote-msg-popup .content .img-msg .pk-num {
  position: absolute;
  top: 105px;
  left: 95px;
  min-width: 51px;
  height: 24px;
  padding: 4px 12px 4px 11px;
  margin: 0;
  background: url('//pic.cgyouxi.com/orange/upload/202404/59029616_cff57e74181aa4492aace6ac400bc078.png') no-repeat center / 100% 100%;
  font-size: 15px;
  color: #FFFFFF;
  font-weight: 500;
  line-height: 16px;
}
.cgBackTop {
  width: 50px !important;
  height: 50px !important;
  border: 0 !important;
  margin-left: 689px !important;
  background: url('//pic.cgyouxi.com/orange/upload/202606/59029616_17f14d90cdfb4e67409939532cb41194.png') no-repeat center / 100% !important;
}
.cgBackTop span {
  background: none !important;
}