.luck_wrap{ 
   min-height:520px; 
  padding:40px 60px;
  position:relative; display:flex;flex-direction:column;  justify-content:center;
  overflow:hidden;   
}.luck_draw{padding: 20px 10px;  background: rgb(252,245,230);position: relative; z-index: 2;
   

}
.luck_wrap > *{ position:relative;}
/*顶部标题*/
.top_title{ opacity:0;
  text-align:center;
  margin:-45px auto 25px;
  width:70%;
  padding:12px 0;
  background:var(--cheng_l);
  border-radius: 0 0 12px 12px;
  border:3px solid var(--cheng_n);
  border-top: none; 
}
.top_title h1{font-size:36px;color: var(--hong);margin:0;}
/*4个奖品容器*/
.card_wrap{display:flex;gap:12px;justify-content:center;margin-bottom:20px;flex-wrap:wrap;}
.luck_draw {
    /* 红色系 */
    --hong: #e64c4c;
    --hong_l: #ff8b8b;
    --hong_n: #cf324f;
    --hong_h: #900900;
    /* 橙色系 */
    --cheng: #fc9754;
    --cheng_l: #ffed99;
    --cheng_n: #ff9335;
    --cheng_h: #f8baba;
    /* 金色 */
--jin: #fdc74b;
--jin_l: #fbe6ba;
--jin_h: #e0bf96;
--jin_n: #bea281;
    /* 蓝色系 */
    --lan: #4170d0;
    --lan_l: #74c2e5;
    --lan_n: #013364;
    --lan_h: #327bb8;
    /* 绿色系 */
    --lv: #16fcbc;
    --lv_l: #62ce6c;
    --lv_n: #62ba42;
    --lv_h: #609369;
    /* 黑白灰 */
    --hei: #000000;
    --bai: #ffffff;
    --hui: #838383;
    --hui_l: #b5b5b5;
    --hui_n: #2b1c06;
    --hui_h: #6d6d6d;
      --zi:#000000;
  --cp:#ffffff;
     --bj:#ffffff;
/* --cj_item_br: url(../img/choujiang/brx.png) ; */
  
}
.card_item{ position:relative;
  width:calc(25% - 15px);min-width:85px;max-width:200px;
  background-repeat:  no-repeat ; background-position: center; background-size: 100% 100%;
  background-image: url(../img/choujiang/brx.png);
  border-radius:14px;overflow:hidden;
}
.card_item::before{ content:""; display: block; padding-top: 120%;}
 .scroll-inner{ display:flex;flex-direction:column;
  align-items:center;justify-content:center; position:absolute;top:0;left:0;width:100%;height:100%; }

.scroll-inner{width:100%;}
.prize_cell{   display:flex;flex-direction:column;
  align-items:center;justify-content:center;  width:100%;
}
.prize_cell_in{ width: 80%; background-color: #fff;display:flex;flex-direction:column;
  align-items:center;justify-content:center; border-radius:14px; padding:10px 0 }
.prize_cell img{width:70%;object-fit:contain; }
.prize_cell p{font-size:18px;color: var(--hong);font-weight:bold;margin:0;}
/*输入和按钮区域*/
.oper-box{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px;}
.orderInput{
  flex:1;min-width:220px;padding:14px 18px;border-radius:30px;border:none;
  font-size:16px;background:var(--cheng_n);color:#fff;outline:none;
}
.orderInput::placeholder{color:#fff;opacity:0.8;}
.btn-box{ display:flex;gap:8px;}
.cj__btn{  padding:13px 28px;border:none;  position:relative;overflow:hidden; border-radius:20px;font-size:18px;font-weight:bold;cursor:pointer;}
.cj__btn span{ position: relative; z-index: 2; }
.cj__btn img{ position: absolute; z-index: 1; top:0; left:0; width:100%; height:100%;   }
.drawBtn{
  padding:13px 28px;border:none;
  background: var(--hong);color:#fff;
}
.drawBtn:disabled{background:#ccc;cursor:not-allowed}
.drawBtn:disabled img{ display: none;}
.myPrizeBtn{

  background:#35a8ff;color:#fff; 
}
[data-cjid="luck_draw"] { z-index: 2;}
.tip_desc{font-size:13px;color:#666;padding-left:10px;}
.tip_desc,.oper-box{  max-width:820px;margin:0 auto;width: 100%;}
/* 中奖弹窗 */
.modal{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,0.55);display:none;align-items:center;justify-content:center;z-index:999;
}
.modal.show{display:flex;}
.modal_content{
  background: var(--hong);width:85%;max-width:420px;border-radius:22px;
  padding:40px 25px;text-align:center;color:#fff;
}
.modal_content h2{font-size:42px;margin:0 0 25px;}
.ticket_box{ position:relative;
  background:#fff;color:#333;border-radius:14px;padding:20px;
  display:flex;align-items:center; margin-bottom:30px; 
}
.ticket_box::before,.ticket_box::after{  content:"";position:absolute;left:120px; border-radius:50%; background: var(--hong); width:20px;height:20px;   }
.ticket_box::before{ top:-10px;}.ticket_box::after{ bottom:-10px;}
.ticket_left{ border-radius:12px; overflow:hidden;  
  width:90px;height:90px; min-width:90px; 
  font-size:44px;font-weight:bold;border-radius:12px;display:flex;align-items:center;justify-content:center;
}
.ticket_right{text-align:left; padding-left:20px;flex:1;}
.ticket_right .level{font-size:28px; line-height: 1;}
.ticket_right .money{font-size:38px;color: var(--hong);font-weight:bold;}
.close_win{
  padding:15px 50px;border:none;border-radius:30px;
  background:var(--cheng_l);font-size:18px;color:#333;font-weight:bold;cursor:pointer;
}

/* 我的奖品弹窗 */
.myModal{   
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:9999; 
}
.myModal.show{display:flex;}
.my_modal_box{
  background:#2b92c3;width:90%;max-width:500px;border-radius:20px;padding:30px 25px;
  position:relative;text-align:center; 
}
.my_modal_close{ background:var(--cheng); 
  position:absolute;right:15px;top:15px;font-size:22px;
  color:#fff; border:none;cursor:pointer; border-radius:50%; width:30px;height:30px; display:flex;align-items:center;justify-content:center;
}
.my_modal_title{  
  font-size:24px;color: var(--hong);font-weight:bold;margin-bottom:20px;
  
  background-image: -moz-linear-gradient( 90deg, rgb(255,207,79) 0%, rgb(252,220,75) 91%, rgb(251,240,155) 98%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,207,79) 0%, rgb(252,220,75) 91%, rgb(251,240,155) 98%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,207,79) 0%, rgb(252,220,75) 91%, rgb(251,240,155) 98%);
  border-radius: 18px; padding:0px 20px;
  display: inline-flex;
}
.my_modal_jilu{ background-color: #fff; padding: 20px ; border-radius: 14px;  }
.nolist_icon { text-align: center; }
.nolist_icon img{ clear: both; width:120px; margin:0 auto 0 auto; }

@media only screen and (max-device-width: 1080px) {
.top_title h1{ font-size:26px; }
.luck_wrap{    min-height: auto; padding-left: 30px;padding-right: 30px;  border: 8px solid var(--cheng_l); background: linear-gradient(var(--cheng), var(--cheng_l));
    border-radius: 30px; margin: 20px 10px;   }
.card_item{ width: calc(50% - 10px); } 
.prize_cell_in { padding: 0;
    width: calc(100% - 10px);}
.card_item,.prize_cell{  
  height:140px;}
.top_title{ opacity: 1;  padding:8px 20px;   display: inline-flex; width: auto;    }
.luck_wrap > img{ display: none; }
.ticket_right .level{ font-size: 18px; }
.ticket_right .money{ font-size: 21px; }
.modal_content h2{ font-size:28px; }
.tip_desc,.oper-box{  width:100%; }
.btn-box{ width: 100%;}
.cj__btn{ padding: 10px 0; width: 50%;}
}


.my_modal_jilu .ticket_right .money{ font-size: 18px;color: #fde54b; }
.my_modal_jilu .ticket_right .level{ font-size: 12px;color: #fff; }
.my_modal_jilu .quan_code{ color: #fff;}
.my_modal_jilu .ticket_box{ padding: 8px; background:var(--hong) ;  border-radius: 10px; margin-bottom: 10px;}
.my_modal_jilu .ticket_box::before, .my_modal_jilu .ticket_box::after{ left:60px; background: #fff; width:10px; height: 10px;}
.my_modal_jilu .ticket_left{    width: 50px;
    height:50px;
    min-width: 50px; border-radius: 10px;}
   .my_modal_jilu  .ticket_box::before{ top:-5px;}.my_modal_jilu .ticket_box::after{ bottom:-5px;}


   .masha_tixing{ width: 100%; text-align: center; color:#e91820; font-weight: bold; margin-top: -7px; padding-bottom: 5px;}