.error-bg {
  background: rgba(0, 0, 0, 0.3) !important;
}
.ab_center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.ab_center_y {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.comomWidth {
  width: 835px;
  margin: 0 auto;
}
html,
body {
  background: #58309B;
  width: 100%;
  font-family: 微软雅黑;
}
.y_content a {
  text-decoration: none;
  outline: none;
}
.y_content button {
  text-decoration: none;
  outline: none;
  border: none;
}
.y_content button:active,
.y_content button:focus {
  text-decoration: none;
  outline: none;
}
.y_body {
  width: 100%;
  font-size: 0;
  font-family: 微软雅黑;
}
.y_body .y_top {
  width: 100%;
  position: relative;
  background: url(../../img/active/yxj/top.png);
  background-size: cover;
  background-position: center;
  height: 907px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
}
.y_body .y_top .roll_notice {
  bottom: 30px;
  left: 0;
  position: absolute;
  width: 100%;
  height: 30px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}
.y_body .y_top .roll_notice p {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.y_body .y_top .roll_notice p.move {
  margin-top: -30px;
}
.y_body .y_main {
  position: relative;
  width: 100%;
}
.y_body .y_main .y_desk {
  background-image: linear-gradient(180deg, #53318A 0%, #5D2FA8 100%);
  width: 100%;
  padding-top: 12px;
  position: relative;
  background: #6842A5;
}
.y_body .y_main .y_desk .y_cook {
  text-align: center;
  width: 835px;
  padding-top: 200px;
  margin: 0 auto;
  background: url(../../img//active/yxj/desk.png) top center no-repeat;
  background-size: 100%;
  position: relative;
}
.y_body .y_main .y_desk .y_cook > a {
  display: inline-block;
  font-size: 0px;
  color: #AB6D20;
  letter-spacing: 0;
  text-align: center;
  font-weight: bold;
}
.y_body .y_main .y_desk .y_cook > a img {
  width: 53px;
  margin-top: -4px;
  margin-right: 15px;
  vertical-align: top;
}
.y_body .y_main .y_desk .y_cook > a span {
  font-size: 28px;
  display: inline-block;
  transform: translateY(12px);
  -webkit-transform: translateY(12px);
}
.y_body .y_main .y_desk .y_cook > a.show_num {
  width: 222px;
  height: 104px;
  background: url(../../img/active/yxj/btn_bg.png) top center no-repeat;
  background-size: 100%;
  transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  margin-right: 48px;
  position: relative;
}
.y_body .y_main .y_desk .y_cook > a.show_num::after {
  content: '（保质期1天）';
  width: 100%;
  height: 17px;
  position: absolute;
  text-align: center;
  font-size: 12px;
  color: #633D0E;
  letter-spacing: 0;
  left: 0;
  bottom: 10px;
}
.y_body .y_main .y_desk .y_cook > a.start_btn {
  width: 256px;
  height: 118px;
  background: url(../../img/active/yxj/start.png) top center no-repeat;
  background-size: 100%;
}
.y_body .y_main .y_desk .y_cook > a.start_btn:hover {
  background: url(../../img/active/yxj/start_hover.png) top center no-repeat;
  background-size: 100%;
}
.y_body .y_main .y_desk .y_cook > a.change_btn {
  width: 222px;
  height: 104px;
  transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  margin-left: 48px;
  background: url(../../img/active/yxj/btn_bg.png) top center no-repeat;
  background-size: 100%;
}
.y_body .y_main .y_desk .y_cook > a.change_btn.disabled {
  cursor: inherit;
}
.y_body .y_main .y_desk .y_cook p.tip {
  display: none;
}
.y_body .y_main .y_desk.not .y_cook p.tip {
  display: block;
  font-size: 18px;
  transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  color: #fff;
}
.y_body .y_main .y_desk.not .y_cook > a {
  display: none;
}
.y_body .y_main .y_desk .btn_list {
  position: absolute;
  width: 99px;
  height: 240px;
  top: 30px;
  right: -160px;
}
.y_body .y_main .y_desk .btn_list > a {
  display: inline-block;
}
.y_body .y_main .y_desk .btn_list > a:first-child {
  width: 100%;
  height: 120px;
  background: url(../../img/active/yxj/work.png) top center no-repeat;
  background-size: 80px;
}
.y_body .y_main .y_desk .btn_list > a:nth-child(2) {
  width: 66px;
  height: 92px;
  background: url(../../img/active/yxj/log.png) top center no-repeat;
  background-size: 100% auto;
  margin-top: -30px;
  margin-left: 19px;
}
.y_body .y_main .y_desk .btn_list > a:last-child {
  width: 70px;
  height: 120px;
  background: url(../../img/active/yxj/rule.png) top center no-repeat;
  background-size: 100% auto;
  margin-top: -22px;
  margin-left: 16px;
}
.y_body .y_main .y_body {
  width: 100%;
}
.y_body .y_main .y_body .y_process {
  width: 100%;
  margin-top: 30px;
}
.y_body .y_main .y_body .y_process .y_myTeam {
  margin: 0 auto;
  width: 540px;
  padding-top: 210px;
  background: url(../../img/active/yxj/pk.png) top center no-repeat;
  background-size: 100%;
  position: relative;
}
.y_body .y_main .y_body .y_process .y_myTeam.me_left::before {
  content: "我方";
  position: absolute;
  width: 59px;
  height: 28px;
  background: #FFF2F2;
  font-size: 16px;
  color: #CB5A12;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  left: 0;
  top: 15px;
  border-radius: 0 15px 15px 0;
}
.y_body .y_main .y_body .y_process .y_myTeam.me_left::after {
  content: "对方";
  position: absolute;
  width: 59px;
  height: 28px;
  background: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  color: #CB5A12;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  right: 0;
  top: 15px;
  border-radius: 15px 0px 0px 15px;
}
.y_body .y_main .y_body .y_process .y_myTeam.me_right::before {
  content: "对方";
  position: absolute;
  width: 59px;
  height: 28px;
  background: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  color: #CB5A12;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  left: 0;
  top: 15px;
  border-radius: 0 15px 15px 0;
}
.y_body .y_main .y_body .y_process .y_myTeam.me_right::after {
  content: "我方";
  position: absolute;
  width: 59px;
  height: 28px;
  background: #FFF2F2;
  font-size: 16px;
  color: #CB5A12;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  right: 0;
  top: 15px;
  border-radius: 15px 0px 0px 15px;
}
.y_body .y_main .y_body .y_process .y_myTeam > div {
  margin: 0 auto;
  padding-top: 20px;
  width: 477px;
}
.y_body .y_main .y_body .y_process .y_myTeam > div p {
  display: inline-block;
  height: 10px;
  position: relative;
}
.y_body .y_main .y_body .y_process .y_myTeam > div p.t_y {
  border-radius: 8px 0 0 8px;
  width: 50%;
  background: url(../../img//active/yxj/yx_process.png) center left repeat-x;
}
.y_body .y_main .y_body .y_process .y_myTeam > div p.t_y.high::after {
  content: '';
  height: 100%;
  width: 14px;
  height: 20px;
  right: -7px;
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: url(../../img/active/yxj/light.png) center no-repeat;
  background-size: 100%;
}
.y_body .y_main .y_body .y_process .y_myTeam > div p.t_t {
  border-radius: 0px 8px 8px 0;
  width: 50%;
  background: url(../../img//active/yxj/ty_process.png) center right repeat-x;
}
.y_body .y_main .y_body .y_process .y_myTeam > div p.t_t.high::before {
  content: '';
  height: 100%;
  width: 14px;
  height: 20px;
  left: -7px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 1;
  background: url(../../img/active/yxj/light.png) center no-repeat;
  background-size: 100%;
}
.y_body .y_main .y_body .y_process .y_myTeam > div div {
  overflow: hidden;
  margin-top: 10px;
}
.y_body .y_main .y_body .y_process .y_myTeam > div div span {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0.58px;
  text-align: center;
  line-height: 20px;
}
.y_body .y_main .y_body .y_process .y_myTeam > div div span::first-child {
  float: left;
}
.y_body .y_main .y_body .y_process .y_myTeam > div div span:last-child {
  float: right;
}
.y_body .y_main .y_body .y_condition {
  width: 814px;
  margin: 0 auto;
  margin-top: 50px;
}
.y_body .y_main .y_body .y_condition .y_rank {
  width: 100%;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list {
  background: rgba(61, 23, 147, 0.47);
  border-radius: 6px;
  display: inline-block;
  width: 312px;
  padding: 0 40px;
  padding-bottom: 37px;
  position: relative;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_title {
  position: absolute;
  width: 156px;
  height: 43px;
  top: -21.5px;
  left: 50%;
  margin-left: -78px;
  text-align: center;
  line-height: 43px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: bold;
  border-radius: 24px;
  background-image: linear-gradient(270deg, #FF8666 4%, #FD3243 100%);
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list:first-child {
  margin-right: 30px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list:first-child .rank_title {
  background-image: linear-gradient(218deg, #FFC114 0%, #FF8200 100%);
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_body {
  height: 238px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_body.none {
  font-size: 16px;
  color: #aaa;
  text-align: center;
  line-height: 238px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 {
  margin-bottom: 30px;
  margin-top: 90px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 > div {
  display: inline-block;
  margin-right: 24px;
  width: 88px;
  background: #673EA9;
  border-radius: 3px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 > div a {
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: -20px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 > div a > div {
  display: inline-block;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: relative;
  background: #ffffff;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 > div a > div::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 60px;
  background: url(../../img/active/yxj/2.png) center bottom no-repeat;
  background-size: 100%;
  top: -11px;
  left: -2px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 > div a > div img {
  border-radius: 50%;
  width: 100%;
  opacity: 1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 > div a p {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  margin-top: 8px;
  line-height: 20px;
  padding: 0 10px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 > div:last-child {
  margin-right: 0;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 > div:last-child a > div::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 60px;
  background: url(../../img/active/yxj/3.png) center bottom no-repeat;
  background-size: 100%;
  top: -11px;
  left: -2px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 > div:nth-child(2) {
  transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 > div:nth-child(2) a > div::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 60px;
  background: url(../../img/active/yxj/1.png) center bottom no-repeat;
  background-size: 100%;
  top: -11px;
  left: -2px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_top3 > div > p {
  margin-top: 12px;
  padding-left: 11px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  font-size: 14px;
  color: #FDDD9B;
  letter-spacing: 0;
  margin-right: 11px;
  background: url(../../img/active/yxj/yx_icon.png) center right no-repeat;
  background-size: auto 100%;
  margin-bottom: 12px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_common > div {
  height: 48px;
  margin-bottom: 12px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_common > div .unit_left {
  float: left;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_common > div .unit_left > span {
  font-size: 16.8px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 48px;
  margin-right: 22px;
  float: left;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_common > div .unit_left a img {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  vertical-align: baseline;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_common > div .unit_left a span {
  display: inline-block;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 48px;
  width: 84px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_common > div .unit_right {
  float: right;
  font-size: 14px;
  color: #FDDD9B;
  letter-spacing: 0;
  line-height: 48px;
  height: 48px;
  padding-right: 33px;
  background: url(../../img/active/yxj/yx_icon.png) center right no-repeat;
  background-size: auto 20px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list.rank_ty .rank_top3 > div > p {
  background: url(../../img/active/yxj/ty_icon.png) center right no-repeat;
  background-size: auto 100%;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list.rank_ty .rank_common > div .unit_right {
  background: url(../../img/active/yxj/ty_icon.png) center right no-repeat;
  background-size: auto 20px;
}
.y_body .y_main .y_body .y_condition .y_rank .rank_list .rank_tip {
  text-align: left;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  margin-top: 30px;
}
.y_body .y_main .y_body .y_condition .y_prize_gj {
  background: rgba(61, 23, 147, 0.47);
  border-radius: 5px;
  text-align: center;
  padding-bottom: 30px;
  margin: 30px auto;
}
.y_body .y_main .y_body .y_condition .y_prize_gj .y_title {
  background: #753799;
  border-radius: 5px 5px 0 0;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: bold;
}
.y_body .y_main .y_body .y_condition .y_prize_gj p {
  width: 550px;
  margin: 12px auto;
  margin-top: 12px;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
}
.y_body .y_main .y_body .y_condition .y_prize_gj img {
  width: 60px;
  margin-top: 30px;
}
.y_body .y_main .y_body .y_condition .y_prize_all {
  background: rgba(61, 23, 147, 0.47);
  border-radius: 5px;
  padding-bottom: 37px;
}
.y_body .y_main .y_body .y_condition .y_prize_all .y_title {
  text-align: center;
  background: #753799;
  border-radius: 5px 5px 0 0;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: bold;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list {
  padding: 25px 137px;
  padding-bottom: 0;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div {
  height: 51px;
  margin-bottom: 19px;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div:first-child {
  margin-bottom: 13px;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div .prize_left {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  height: 100%;
  font-weight: bold;
  line-height: 51px;
  float: left;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div .prize_left img {
  width: 51px;
  margin-right: 15px;
  vertical-align: middle;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div .prize_right {
  float: right;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div .prize_right p {
  display: inline-block;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: right;
  line-height: 51px;
  margin: 0;
  margin-right: 30px;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div .prize_right button {
  border: none;
  background-image: linear-gradient(180deg, #C353F8 0%, #9029EF 100%);
  border-radius: 16.8px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: bold;
  cursor: pointer;
  width: 76px;
  height: 33px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div .prize_right button:not(:disabled):hover {
  opacity: 0.9;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div .prize_right button:disabled {
  cursor: inherit;
  font-weight: normal;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div .prize_right button:disabled.not {
  background: rgba(161, 89, 227, 0.48);
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div .prize_right button:disabled.over {
  background-image: linear-gradient(180deg, #D6D6D6 0%, #A7A7A7 100%);
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div:first-child {
  height: 62px;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div:first-child .prize_left {
  height: 100%;
  line-height: 62px;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div:first-child .prize_right p {
  line-height: 62px;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div:last-child {
  position: relative;
  margin-top: 50px;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div:last-child::after {
  content: '奖励将于2月24日 20：00开启兑换';
  font-size: 13px;
  color: #F4DEFF;
  letter-spacing: 0;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
  height: 100px;
  background: url(../../img/active/yxj/prize_bg.png) center no-repeat;
  background-size: 100%;
  pointer-events: none;
  padding: 0px 27px;
  padding-top: 10px;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div:last-child .prize_left img {
  vertical-align: top;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div:last-child .prize_left > div {
  display: inline-block;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div:last-child .prize_left > div span {
  display: block;
  line-height: 20px;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div:last-child .prize_left > div span:first-child {
  margin-bottom: 5px;
}
.y_body .y_main .y_body .y_condition .y_prize_all .prize_list > div:last-child .prize_left > div span:last-child {
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  background-image: linear-gradient(180deg, #F7966D 0%, #F45365 100%);
  border-radius: 10.5px;
}
.box_pop {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 22;
}
.box_pop .close_box {
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(../../img/active/yxj/close.png) center;
  background-size: 100%;
  top: 0;
  right: 5px;
  cursor: pointer;
}
.box_pop .y_cook_box {
  display: none;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 403px;
  height: 296px;
  font-size: 0;
}
.box_pop .y_cook_box .y_cook_team {
  text-align: center;
  position: relative;
  border-top: 0.1px solid rgba(0, 0, 0, 0);
  width: 403px;
  height: 296px;
  background: url(../../img/active/yxj/pop_bg.png) center bottom no-repeat;
  background-size: 100%;
  margin-top: 20px;
}
.box_pop .y_cook_box .y_cook_team > p {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 80px;
}
.box_pop .y_cook_box .y_cook_team > div:not(.close_box) {
  padding: 0 10px;
  overflow: hidden;
  font-size: 0;
}
.box_pop .y_cook_box .y_cook_team > div:not(.close_box) a {
  display: inline-block;
  width: 50%;
  text-align: center;
}
.box_pop .y_cook_box .y_cook_team > div:not(.close_box) a img {
  width: 86px;
  margin-bottom: 10px;
}
.box_pop .y_cook_box .y_cook_team > div:not(.close_box) a:not(.picked) img {
  animation: jumpL 0.8s infinite alternate ease-in-out;
  -webkit-animation: jumpL 0.8s infinite alternate ease-in-out;
}
.box_pop .y_cook_box .y_cook_team > div:not(.close_box) a span {
  display: inline-block;
  width: 15px;
  height: 15px;
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.box_pop .y_cook_box .y_cook_team > div:not(.close_box) a:last-child {
  transform: translateX(5px);
  -webkit-transform: translateX(5px);
}
.box_pop .y_cook_box .y_cook_team > div:not(.close_box) a:last-child:not(.picked) img {
  animation: jumpR 0.8s infinite alternate ease-in-out;
  -webkit-animation: jumpR 0.8s infinite alternate ease-in-out;
}
.box_pop .y_cook_box .y_cook_team > div:not(.close_box) a:last-child span {
  margin-left: 5px;
}
.box_pop .y_cook_box .y_cook_team > div:not(.close_box) a.picked span {
  background: url(../../img/active/yxj/pick.png) center;
  background-size: 100%;
  opacity: 1;
}
.box_pop .y_cook_box .y_cook_team button {
  margin-top: 35px;
  width: 124px;
  height: 46px;
  letter-spacing: 0;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  background: url(../../img/active/yxj/pick_btn.png) top center no-repeat;
  background-size: 100%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.box_pop .y_cook_box .y_cook_team button:disabled {
  cursor: inherit;
  background: url(../../img/active/yxj/nonpick_btn.png) top center no-repeat;
  background-size: 100%;
}
.box_pop .y_cook_box .close_box {
  top: -10px;
  right: 26px;
}
.box_pop .y_cook_box .close_box::after {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -0.5px;
  content: '';
  background: #FFFFFF;
  width: 1px;
  height: 58px;
}
.box_pop .y_cook_success {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 360px;
  height: 314px;
  display: none;
}
.box_pop .y_cook_success .close_box {
  top: 39px;
  right: 59px;
  z-index: 1;
}
.box_pop .y_cook_success .y_ok {
  width: 36px;
  height: 31.4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.box_pop .y_cook_success .y_ok.ty_ok {
  background: url(../../img/active/yxj/ty_ok.png) center no-repeat;
  background-size: 100%;
  width: 360px;
  height: 314px;
}
.box_pop .y_cook_success .y_ok.yx_ok {
  background: url(../../img/active/yxj/yx_ok.png) center no-repeat;
  background-size: 100%;
  width: 360px;
  height: 314px;
}
.box_pop .y_cook_success .y_ok.show {
  width: 360px;
  height: 314px;
}
.box_pop .y_change {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: #FFFFFF;
  border-radius: 8px;
  width: 310px;
  height: 350px;
}
.box_pop .y_change .change_body {
  text-align: center;
  padding: 0 30px;
}
.box_pop .y_change .change_body p:first-child {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 2px;
  line-height: 25px;
}
.box_pop .y_change .change_body p:nth-child(2) {
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.box_pop .y_change .change_body p:nth-child(3) {
  font-size: 12px;
  color: #F66F0C;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 10px;
}
.box_pop .y_change .change_body .y_card {
  font-size: 0;
}
.box_pop .y_change .change_body .y_card > a {
  width: 113px;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}
.box_pop .y_change .change_body .y_card > a.choose::after {
  opacity: 1;
  content: '当前';
  font-size: 12px;
  color: #EF6001;
  letter-spacing: 0;
  position: absolute;
  text-align: center;
  width: 40px;
  height: 17px;
  line-height: 17px;
  border: 1px solid #EF6001;
  border-radius: 100px;
  top: 13px;
  left: 50%;
  margin-left: -20px;
}
.box_pop .y_change .change_body .y_card > a img {
  width: 100%;
  opacity: 1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.box_pop .y_change .change_body .y_card > a:hover img {
  opacity: 0.8;
}
.box_pop .y_change .change_body .y_card > a:first-child {
  margin-right: 23px;
}
.box_pop .y_change .y_foot {
  border-top: 1px solid #EBEBEB;
  text-align: center;
}
.box_pop .y_change .y_foot button {
  cursor: pointer;
  margin: 0;
  float: left;
  padding: 0;
  font-size: 18px;
  color: #F66F0C;
  letter-spacing: 0;
  line-height: 18px;
  width: 154.5px;
  height: 49px;
  text-align: center;
  line-height: 49px;
  border: none;
  background: #FFFFFF;
  border-radius: 0px 0px 8px 0px;
}
.box_pop .y_change .y_foot button:first-child {
  border-radius: 0px 0px 0px 8px;
  border-right: 0.5px solid #EBEBEB;
  font-size: 18px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
}
.box_pop .y_workList {
  display: none;
  background: #ffffff;
  border-radius: 8px;
  width: 310px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.box_pop .y_workList .close_box {
  width: 20px;
  height: 20px;
  top: 12px;
  right: 12px;
  background: url(../../img/active/yxj/close_black.png) center;
  background-size: 100%;
}
.box_pop .y_workList .y_workContent {
  padding: 15px 25px;
}
.box_pop .y_workList .y_workContent > p {
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 17px;
  margin-bottom: 14px;
}
.box_pop .y_workList .y_workContent > p:first-child {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 5px;
}
.box_pop .y_workList .y_workContent .y_process ul {
  list-style: none;
  font-size: 0;
}
.box_pop .y_workList .y_workContent .y_process ul li {
  display: block;
  margin-bottom: 17px;
}
.box_pop .y_workList .y_workContent .y_process ul li > div {
  overflow: hidden;
}
.box_pop .y_workList .y_workContent .y_process ul li > div > span {
  font-weight: bold;
  line-height: 17px;
  float: left;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
}
.box_pop .y_workList .y_workContent .y_process ul li > div > p {
  font-weight: bold;
  line-height: 17px;
  float: right;
  font-size: 12px;
  color: #F66F0C;
  letter-spacing: 0;
}
.box_pop .y_workList .y_workContent .y_process ul li > p {
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  line-height: 17px;
}
.box_pop .y_log {
  display: none;
  background: #ffffff;
  border-radius: 8px;
  width: 310px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.box_pop .y_log .close_box {
  width: 20px;
  height: 20px;
  top: 12px;
  right: 12px;
  background: url(../../img/active/yxj/close_black.png) center;
  background-size: 100%;
}
.box_pop .y_log .y_logContent {
  padding: 17px 13px;
}
.box_pop .y_log .y_logContent > p {
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 9.2px;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
}
.box_pop .y_log .y_logContent .y_logList {
  font-size: 12px;
  color: #71737A;
  border: 1px solid #EBEBEB;
}
.box_pop .y_log .y_logContent .y_logList > div {
  width: 100%;
  height: 36px;
  background: #FFF4CF;
  overflow: hidden;
}
.box_pop .y_log .y_logContent .y_logList > div p {
  line-height: 36px;
}
.box_pop .y_log .y_logContent .y_logList > div p:first-child {
  float: left;
  margin-left: 50px;
}
.box_pop .y_log .y_logContent .y_logList > div p:last-child {
  float: right;
  margin-right: 50px;
}
.box_pop .y_log .y_logContent .y_logList ul {
  list-style: none;
  display: block;
  background: #ffffff;
  height: 224px;
}
.box_pop .y_log .y_logContent .y_logList ul li {
  height: 55px;
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #EBEBEB;
  padding-left: 15px;
  padding-right: 30px;
}
.box_pop .y_log .y_logContent .y_logList ul li:nth-child(4) {
  border-bottom: none;
}
.box_pop .y_log .y_logContent .y_logList ul li div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.box_pop .y_log .y_logContent .y_logList ul li div:first-child {
  float: left;
}
.box_pop .y_log .y_logContent .y_logList ul li div:last-child {
  float: right;
}
.box_pop .y_log .y_logContent .y_page {
  text-align: right;
  margin-top: 10px;
}
.box_pop .y_log .y_logContent .y_page button {
  font-size: 16px;
  color: #2C2C2C;
  letter-spacing: 0;
  text-align: center;
  background: #F4F4F4;
  border-radius: 3.9px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border: none;
  display: inline-block;
  cursor: pointer;
}
.box_pop .y_log .y_logContent .y_page button:focus {
  outline: none;
}
.box_pop .y_log .y_logContent .y_page button:not(.active):hover {
  color: #F66F0C;
}
.box_pop .y_log .y_logContent .y_page button:disabled {
  cursor: inherit;
  color: #cacaca;
}
.box_pop .y_log .y_logContent .y_page button:disabled:hover {
  color: #cacaca;
}
.box_pop .y_log .y_logContent .y_page ul {
  display: inline;
  list-style: none;
  font-size: 0;
}
.box_pop .y_log .y_logContent .y_page ul li {
  display: inline-block;
  font-size: 16px;
  color: #2C2C2C;
  letter-spacing: 0;
  text-align: center;
  background: #F4F4F4;
  border-radius: 3.9px;
  width: 26px;
  height: 26px;
  margin-right: 7px;
}
.box_pop .y_log .y_logContent .y_page ul li:first-child {
  margin-left: 7px;
}
.box_pop .y_log .y_logContent .y_page ul li a {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  background: #F4F4F4;
  color: #2C2C2C;
  text-align: center;
  display: inline-block;
  border-radius: 3.9px;
  line-height: 26px;
}
.box_pop .y_log .y_logContent .y_page ul li.active a {
  background: #F66F0C;
  color: #ffffff;
}
.box_pop .y_log .y_logContent .y_page ul li:not(.active) a:hover {
  color: #F66F0C;
}
.box_pop .y_log .y_logContent .y_page ul li.disabled a {
  cursor: inherit;
  color: #2C2C2C;
}
.box_pop .y_log .y_logContent .y_page ul li.disabled a:hover {
  color: #2C2C2C;
}
.box_pop .y_log .y_logContent.none .log_detail {
  text-align: center;
  line-height: 224px;
}
.box_pop .y_log .y_logContent.none .y_page {
  display: none;
}
@keyframes jumpL {
  from {
    transform: scale(1) rotate(-5deg);
    -webkit-transform: scale(1) rotate(-5deg);
  }
  to {
    transform: scale(0.95) rotate(5deg);
    -webkit-transform: scale(0.95) rotate(5deg);
  }
}
@keyframes jumpR {
  from {
    transform: scale(1) rotate(5deg);
    -webkit-transform: scale(1) rotate(5deg);
  }
  to {
    transform: scale(0.95) rotate(-5deg);
    -webkit-transform: scale(0.95) rotate(-5deg);
  }
}