* {
  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;
}
body {
  overflow: auto !important;
}
.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%);
}
.hscs {
  background: #6ADBFE;
  font-size: 0;
  margin: 0;
}
.hscs * {
  box-sizing: border-box;
}
.hscs .main {
  padding: 600px 0 92px;
  margin-top: 48px;
  background: linear-gradient(180deg, rgba(253, 234, 237, 0) 0%, #6ADBFE 100%) no-repeat 0 495px, url("//pic.cgyouxi.com/orange/upload/202509/108005369_4493817f594f91c3e543379f9c75d8cc.jpg") no-repeat top center;
  background-size: 100% 106px, auto 600px, 1459px auto;
}
.hscs .main .ruleBox a {
  display: block;
  width: 537px;
  height: 42px;
  line-height: 42px;
  margin: 0 auto 28px;
  background: url("//pic.cgyouxi.com/orange/upload/202503/108005369_5235b023b92a82effc350cd15ddcf813.png") no-repeat center / 100%;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
}
.hscs .main .detail {
  width: 1459px;
  margin: 0 auto;
  padding: 32px;
  box-sizing: border-box;
  background: url("//pic.cgyouxi.com/orange/upload/202503/108005369_dad12cc0ac9f68f8052f9fdd80f6a302.png") no-repeat top center, linear-gradient(to bottom, rgba(255, 255, 255, 0.4), #6ADBFE) 0 0 / 100% 1500px no-repeat;
  background-size: 1459px auto, 100% 1500px;
  border-radius: 57px;
}
.hscs .main .detail .list_type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 526px;
  height: 83px;
  margin: 39px auto 46px;
}
.hscs .main .detail .list_type a {
  width: 245px;
  height: 100%;
}
.hscs .main .detail .list_type a:first-child {
  background: url('//pic.cgyouxi.com/orange/upload/202504/108005369_fe4e60483406d4dbb690ae1759642860.png') no-repeat center / 100%;
}
.hscs .main .detail .list_type a:first-child.now {
  background-image: url('//pic.cgyouxi.com/orange/upload/202503/108005369_6911f1374983ff9479d343768197a9fa.png');
}
.hscs .main .detail .list_type a:last-child {
  background: url('//pic.cgyouxi.com/orange/upload/202503/108005369_0e2f3004fb93a09c7794bb9b353f5a15.png') no-repeat center / 100%;
}
.hscs .main .detail .list_type a:last-child.now {
  background-image: url('//pic.cgyouxi.com/orange/upload/202504/108005369_051ff32b3c7d8d4b9b1bab16780ef980.png');
}
.hscs .main .detail .time_card {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 17px;
}
.hscs .main .detail .time_card div {
  width: 185px;
  height: 185px;
  text-align: center;
  margin-right: 22px;
}
.hscs .main .detail .time_card div:last-child {
  margin-right: 0px;
}
.hscs .main .detail .time_card div .time {
  margin-top: 10px;
  font-size: 18px;
  color: #4A4A4A;
  letter-spacing: 0;
  line-height: 18px;
}
.hscs .main .detail .time_card div .month {
  font-size: 24px;
  letter-spacing: 0;
  font-weight: bold;
  line-height: 32px;
  margin: 40px 0 48px;
}
.hscs .main .detail .time_card div span {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
  color: #fff;
}
.hscs .main .detail .time_card div.end {
  background: url("//pic.cgyouxi.com/orange/upload/202503/108005369_01014bd0f900996b9b007a96d55e1568.png") no-repeat top center / 100%;
}
.hscs .main .detail .time_card div.not {
  background: url("//pic.cgyouxi.com/orange/upload/202503/108005369_3b531686ab80eadc12c1077b04d91aaf.png") no-repeat top center / 100%;
}
.hscs .main .detail .time_card div.start {
  background: url("//pic.cgyouxi.com/orange/upload/202503/108005369_01014bd0f900996b9b007a96d55e1568.png") no-repeat top center / 100%;
}
.hscs .main .detail .time_card div.now {
  background: url("//pic.cgyouxi.com/orange/upload/202503/108005369_8fdedac6f4cc309fee68754463b0a7d0.png") no-repeat top center / 100%;
}
.hscs .main .detail .time_card div.now .month {
  color: #4B67F8;
}
.hscs .main .detail .time_card div.end,
.hscs .main .detail .time_card div.start {
  cursor: pointer;
}
.hscs .main .detail .work_box .tip {
  margin-bottom: 20px;
  font-size: 16px;
  color: #4B68F8;
  letter-spacing: 0;
  text-align: center;
  line-height: 21px;
}
.hscs .main .detail .work_box .list_detail {
  width: 1178px;
  margin: 0 auto;
  border-radius: 12px;
  background: #FFFFFF;
}
.hscs .main .detail .work_box .list_detail.stage .work_list .unit .bottom .author {
  margin-bottom: 7px;
  font-size: 14px;
  color: #999999;
  line-height: 14px;
}
.hscs .main .detail .work_box .list_detail.stage .work_list .unit .bottom .author a {
  color: #999;
}
.hscs .main .detail .work_box .list_detail.stage .work_list .unit .bottom .inspire {
  display: flex;
  align-items: center;
}
.hscs .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;
}
.hscs .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/202503/108005369_b000070b60cf03bfa75b355874979e92.png') no-repeat center / 100%;
}
.hscs .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;
}
.hscs .main .detail .work_box .list_detail.stage .work_list .unit .bottom .inspire div img {
  height: 16px;
  margin-right: 4px;
}
.hscs .main .detail .work_box .list_detail .work_list {
  display: flex;
  flex-wrap: wrap;
  padding: 32px;
}
.hscs .main .detail .work_box .list_detail .work_list .unit {
  width: 338px;
  margin: 40px 50px 0 0;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(3n) {
  margin-right: 0;
}
.hscs .main .detail .work_box .list_detail .work_list .unit .top {
  position: relative;
  width: 100%;
  height: 199px;
  padding: 12px 14px;
  border: 1px solid #6ADBFE;
  border-radius: 5px;
  background: linear-gradient(0deg, #FFFFFF 0%, rgba(106, 219, 254, 0.19) 100%);
}
.hscs .main .detail .work_box .list_detail .work_list .unit .top a img {
  width: 308px;
  height: 173px;
  border-radius: 5px;
}
.hscs .main .detail .work_box .list_detail .work_list .unit .top .geq {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 46px;
  height: 34px;
  line-height: 34px;
  background: url('//pic.cgyouxi.com/orange/upload/202503/108005369_d49b3054b75101b01b40ec9ba4a16b27.png') no-repeat center / 100%;
  font-size: 23px;
  color: #fff;
  letter-spacing: 0;
  text-align: center;
}
.hscs .main .detail .work_box .list_detail .work_list .unit .gname {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.hscs .main .detail .work_box .list_detail .work_list .unit .gname a:first-child {
  font-size: 16px;
  color: #333333;
  line-height: 16px;
}
.hscs .main .detail .work_box .list_detail .work_list .unit .gname a:last-child {
  width: 20px;
  height: 20px;
}
.hscs .main .detail .work_box .list_detail .work_list .unit .gname a:last-child.collect {
  background: url('//pic.cgyouxi.com/orange/upload/202404/59029616_8ded80a0ce5b22138a72ff91d8e92524.png') no-repeat center / 100%;
}
.hscs .main .detail .work_box .list_detail .work_list .unit .gname a:last-child.collected {
  background: url('//pic.cgyouxi.com/orange/upload/202404/59029616_0fadd9e6a0bf6c8d3fdf5f6fdbe1b655.png') no-repeat center / 100%;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:first-child .top,
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(2) .top,
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(3) .top {
  height: 232px;
  border: none;
  padding-top: 8px;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:first-child .top .gname,
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(2) .top .gname,
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(3) .top .gname {
  margin-left: 38px;
  margin-bottom: 16px;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:first-child .top .gname a:first-child,
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(2) .top .gname a:first-child,
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(3) .top .gname a:first-child {
  color: #fff;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:first-child .top .geq,
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(2) .top .geq,
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(3) .top .geq {
  top: 0;
  left: 0;
  width: 46px;
  height: 44px;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:first-child {
  margin-top: 0;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:first-child .top {
  background: url(//pic.cgyouxi.com/orange/upload/202503/108005369_69f94c18bf743af2bf6a71ef50631ba0.png) no-repeat top center / 100% auto;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:first-child .top .geq {
  background-image: url('//pic.cgyouxi.com/orange/upload/202503/108005369_ee78382746de1f24e0e087163cac95f7.png');
}
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(2) {
  margin-top: 0;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(2) .top {
  background: url(//pic.cgyouxi.com/orange/upload/202503/108005369_54e7a68ceb5f0d2951be89bd342d001d.png) no-repeat top center / 100% auto;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(2) .top .geq {
  background-image: url('//pic.cgyouxi.com/orange/upload/202503/108005369_3604cf5bef68b2cc1243a27ba361501b.png');
}
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(3) {
  margin-top: 0;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(3) .top {
  background: url(//pic.cgyouxi.com/orange/upload/202503/108005369_b09d9f8ab40cdf20c55b07e996374555.png) no-repeat top center / 100% auto;
}
.hscs .main .detail .work_box .list_detail .work_list .unit:nth-child(3) .top .geq {
  background-image: url('//pic.cgyouxi.com/orange/upload/202503/108005369_94b2c7150391030b1e5395c5fa244640.png');
}
.hscs .main .detail .work_box .list_detail .work_list .unit .bottom {
  margin: 10px 6px 0 9px;
}
.hscs .main .detail .work_box .list_detail .work_list .unit .bottom .others {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hscs .main .detail .work_box .list_detail .work_list .unit .bottom .others div a {
  font-size: 14px;
  color: #999999;
  line-height: 14px;
}
.hscs .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;
}
.hscs .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/202503/108005369_b000070b60cf03bfa75b355874979e92.png') no-repeat center / 100%;
}
.hscs .main .detail .work_box .list_detail .work_list .unit .bottom .others button[name="vote"] {
  width: 86px;
  height: 33px;
  border: none;
  background: linear-gradient(317deg, #99C7FF 0%, #45D3FF 100%);
  border-radius: 4px 17px 4px 4px;
  font-size: 15px;
  color: #FFFFFF;
  line-height: 33px;
  cursor: pointer;
}
.hscs .main .detail .work_box .list_detail .work_list .unit .bottom .others button[name="vote"]:disabled {
  background: #cecfd3;
}
.hscs .main .detail .work_box .list_detail .empty {
  height: 514px;
  padding-top: 137px;
  text-align: center;
}
.hscs .main .detail .work_box .list_detail .empty img {
  width: 319px;
}
.hscs .main .detail .work_box .list_detail .empty p {
  margin-top: 46px;
  font-size: 16px;
  color: #A0E6FF;
  line-height: 21px;
}
.hscs .main .vote-record {
  position: fixed;
  bottom: 120px;
  left: 50%;
  width: 67px;
  height: 65px;
  margin-left: 608px;
  background: url('//pic.cgyouxi.com/orange/upload/202503/108005369_9ab3781c7f9c333dbcbb1705c19e42ed.png') no-repeat center / 100%;
  z-index: 20;
  cursor: pointer;
}
.hscs .main .record-body-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.hscs .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, #CBF2FF 0%, #FFFFFF 20%);
}
.hscs .main .record-body-mask .record-body .title {
  width: 192px;
  margin: 0 auto 8px;
  background: linear-gradient(180deg, #A0E6FF 0%, #A0E6FF 100%) no-repeat 0 32px;
  background-size: 100% 9px;
  font-size: 32px;
  font-weight: bold;
  color: #434348;
  line-height: 45px;
}
.hscs .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;
}
.hscs .main .record-body-mask .record-body .all-num {
  font-size: 14px;
  color: #434348;
  line-height: 20px;
  text-align: center;
}
.hscs .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;
}
.hscs .main .record-body-mask .record-body .record-list::-webkit-scrollbar {
  /* chrome浏览器自定义滚动条样式方式 */
  width: 6px;
}
.hscs .main .record-body-mask .record-body .record-list::-webkit-scrollbar-thumb {
  /* chrome浏览器自定义滚动条样式方式 */
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.hscs .main .record-body-mask .record-body .record-list .record-item {
  width: 230px;
  margin-right: 24px;
  margin-bottom: 20px;
}
.hscs .main .record-body-mask .record-body .record-list .record-item:nth-child(3n) {
  margin-right: 0;
}
.hscs .main .record-body-mask .record-body .record-list .record-item a img {
  width: 230px;
  height: 130px;
  border-radius: 6px;
}
.hscs .main .record-body-mask .record-body .record-list .record-item .work-name {
  margin: 8px 0;
  font-size: 14px;
  color: #333333;
  line-height: 21px;
}
.hscs .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;
}
.hscs .main .record-body-mask .record-body .record-list .record-item .work-value img {
  width: 16px;
  margin-right: 2px;
}
.hscs .main .record-body-mask .record-body .list-nodata .empty {
  width: 319px;
  height: 85px;
  margin: 0 auto;
  margin-top: 138px;
  background: url('//pic.cgyouxi.com/orange/upload/202503/108005369_dcd33700d66098fdbf4ead64bf9d1ae2.png') no-repeat center / 100%;
}
.hscs .vote-box .vote-content .box-left .pk-box .nowPk,
.hscs .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;
}
.hscs .vote-box .vote-content .box-left .pk-box .nowPk::after,
.hscs .vote-box .vote-content .box-left .pk-box .pk::after {
  display: none;
}
.hscs .vote-box .vote-content .box-left .pk-box .pk {
  padding-left: 45px;
  background: url('//pic.cgyouxi.com/orange/upload/202503/108005369_b73a7901ae1335f6cda5f11364df45cf.png') no-repeat center left / auto 100%;
}
.hscs .vote-box .vote-content .box-left .pk-box .nowPk {
  padding-left: 43px;
  margin-right: 18px;
  background: url('//pic.cgyouxi.com/orange/upload/202503/108005369_d7126dc12710aa16ebf12ccb5ab969b5.png') no-repeat center left / auto 100%;
}
.hscs .vote-box .vote-content .box-right .scroll-content .flower-vote .ratio span:first-child,
.hscs .vote-box .vote-content .box-right .scroll-content .orange-vote .ratio span:first-child {
  transform: translateX(-12px);
  -webkit-transform: translateX(-12px);
}
.hscs .vote-box .vote-content .box-right .scroll-content .flower-vote .ratio span:first-child:after,
.hscs .vote-box .vote-content .box-right .scroll-content .orange-vote .ratio span:first-child:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: url(//pic.cgyouxi.com/orange/upload/202408/108005369_6bdb7362344b9a93ea267ecd3be858e1.png) center no-repeat;
  background-size: 100%;
  top: 50%;
  margin-top: -6px;
  right: -14px;
}
.hscs .vote-box .vote-content .box-right .scroll-content .flower-vote .ratio span:last-child:after,
.hscs .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/202503/108005369_2a78cfd9a1388e7f9a2bf3b215b683d2.png') no-repeat center / 100%;
  margin-top: -8px;
  right: -15px;
}
.hscs .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/202503/108005369_2a78cfd9a1388e7f9a2bf3b215b683d2.png') no-repeat center / 100%;
}
.hscs .vote-msg-popup .content {
  height: 360px;
  width: 340px;
  background: url('//pic.cgyouxi.com/orange/upload/202503/108005369_58d605bab26ec16344b435f9ed5732ba.png') no-repeat top center / 360px;
}
.hscs .vote-msg-popup .content .txt-msg {
  width: 182px;
  margin: 269px auto;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.hscs .vote-msg-popup .content .txt-msg span {
  color: #FF6E32;
}
.hscs .vote-msg-popup .content .img-msg {
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
  width: 191px;
}
.hscs .vote-msg-popup .content .img-msg .pk-num {
  position: absolute;
  top: 225px;
  left: 50%;
  transform: translateX(-50%);
  width: 135px;
  height: 24px;
  padding: 4px 12px 4px 11px;
  margin: 0;
  background: url(//pic.cgyouxi.com/orange/upload/202503/108005369_a55d748653e753afb2f78485cb6419ae.png) no-repeat center / 100% 100%;
  font-size: 15px;
  color: #FF6E32;
  font-weight: 500;
  line-height: 16px;
  text-align: right;
}
.hscs .vote-msg-popup .content .img-msg .pk-num .num {
  display: inline-block;
  width: 50px;
  text-align: center;
}
.cgBackTop {
  width: 54px !important;
  height: 54px !important;
  border: 0 !important;
  background: url(//pic.cgyouxi.com/orange/upload/202503/108005369_d642f647d6e2c3ea55f999a94a1366f0.png) no-repeat center / 100% !important;
}
.cgBackTop span {
  background: none !important;
}