/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
body,html{min-width: 12rem;}
/* basic */
.c:before,.c:after{content:"";display:tadble;}
.c:after{clear:both;}
.c{zoom:1;}
body{font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',tahoma,'\5b8b\4f53',"\9ED1\4F53",sans-serif;overflow-x: hidden;}
a {text-decoration:none;overflow:hidden;}
.container,body{min-width:12rem !important;overflow-x: hidden;}

.hide{display:block;width:0;height:0;overflow:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.db{display:block;text-indent:-999em;}
.fl{float:left;}
.fr{float:right;}
img[src=""], 
img:not([src]) {
  opacity: 0;
  visibility: hidden;
}
@font-face {
  font-family: 'font1';
  src: url('../img/font.OTF');
}
body,html{width: 100%;height: 100%;}
.container{width:19.2rem;height:10.8rem;background: url(../img/bg.jpg) no-repeat 50% 0;background-size:100% auto;position: relative;}

.left-panel{width: 2.28rem;height: 7.7rem;position: absolute;top: 0.54rem;left:0.48rem;}
.left-panel .tit{font-size: 0.24rem;text-align: center;color: #ffffff;height:0.54rem;line-height: 0.54rem;}
.left-panel table{width: 100%;}
.left-panel table th{width: 50%;text-align: center;color: #ffffff;font-size: 0.2rem;height:0.47rem;line-height: 0.47rem;border-top: 1px solid #c16e66;border-bottom: 1px solid #c16e66;}
.left-panel table td{text-align: center;color: #ffaea5;font-size: 0.2rem;line-height: 0.33rem;height: 0.33rem;border-top: 1px solid #c16e66;border-bottom: 1px solid #c16e66;}
.grid-container{position: absolute;left:3.1rem;top: 0.73rem;}
.employee-grid{display: flex;justify-content: center;width: 13rem;flex-wrap: wrap;}
.employee-grid .employee-item{background: url(../img/pic2.png) no-repeat;width: 0.86rem;height: 0.86rem;background-size: 100% 100%;margin: 0.03rem 0.03rem;border: 2px solid #600d06;box-sizing: border-box;border-radius: 10px;overflow: hidden;position: relative;}
.employee-grid .employee-item img{width: 100%;object-fit: cover;position: absolute;top: 50%;transform: translateY(-50%);}
.employee-grid .employee-item p{display: none;}
.employee-grid .employee-item.drawn{border: 2px solid #ff8942;}
.employee-grid .employee-item.drawn:before{content: '';background: url(../img/icon.png) no-repeat;width: 0.29rem;height: 0.26rem;background-size: 100% 100%;position: absolute;left: 0.02rem;bottom: 0.02rem;z-index: 1;}
.employee-grid .employee-item.highlighted{border: 3px solid #f8d04d;}


.bottom-ct{position: absolute;left: 50%;transform: translateX(-50%);bottom:0.55rem;}
.start-btn{background: url(../img/start.png) no-repeat;width:4.65rem;height: 1.5rem;background-size:auto 100%;margin: 0 auto;display: block;text-align: center;color: #a3291f;font-size: 0.7rem;line-height:1rem;font-weight: bold;cursor: pointer;transition: all 0.2s ease;border: none;}
.start-btn:hover:not(:disabled) {transform: scale(1.05);background: url(../img/start.png) no-repeat;background-size:auto 100%;}
.start-btn:active:not(:disabled) {transform: scale(0.95);filter: grayscale(100%);filter: gray;}
.start-btn:disabled{filter: grayscale(100%);filter: gray;cursor: not-allowed;}


.bottom-info{background: url(../img/pic1.png) no-repeat;width: 5.85rem;height: 0.47rem;background-size: 100% 100%;text-align: center;display: flex;justify-content: space-between;padding: 0 1rem;box-sizing: border-box;align-items: center;margin-top: 0.1rem;}
.bottom-info span{color: #ffffff;font-size: 0.24rem;}
.bottom-info select{border: none;outline: none;width: 0.8rem;height: 0.35rem;text-align: center;font-size: 0.24rem;}
.bottom-info input{border: none;outline: none;width: 0.4rem;height: 0.35rem;text-align: center;font-size: 0.24rem;}





.right-panel{position: absolute;top: 0.53rem;right: 0.48rem;width:2.26rem;padding-top: 0.34rem;}
.right-panel .stat-label{text-align: center;color: #ffffff;font-size: 0.24rem;}
.right-panel .stat-value{width: 1.2rem;height: 0.4rem;color: #000000;font-size: 0.24rem;line-height: 0.4rem;text-align: center;display: block;margin: 0.1rem auto 0.34rem;background: #ffdc7d;border-radius: 0.1rem;}
.rwm-box{background: url(../img/pop1.png) no-repeat;width: 2.06rem;height: 2.45rem;background-size: 100% 100%;margin: 0.3rem auto 0;padding-top:0.15rem;box-sizing: border-box;}
.rwm-box img{display: block;width:1.79rem;height: 1.79rem;margin:0 auto;}

.modal-overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.8);display: flex;align-items: center;justify-content: center;z-index: 100;transition: all 0.3s ease;display: none;}
.modal-content{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-64%);width: 13rem;}

.modal-title .tit1{background: url(../img/tit.png) no-repeat;width: 6.5rem;height: 2.45rem;background-size: 100% 100%;margin: 0 auto;}
.modal-title p{color: #ffffff;text-align: center;font-size: 0.24rem;}
.winners-grid{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.7rem;margin-bottom: 0.15rem;margin-top: 0.15rem;}
.winner-item{text-align: center;opacity: 0;transform: translateY(20px);transition: all 0.5s ease;width: 3.47rem;background-size: 100% 100%;position: relative;border:3px solid #ffc835;background: #b121a3;height: 4.3rem;box-sizing: border-box;border-radius: 0.25rem;}
.winner-item .winner-avatar{width: 100%;height: 100%;overflow: hidden;border-radius: 0.25rem;position: relative;}
.winner-item img{width: 100%;object-fit: cover;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.winner-item.visible {
opacity: 1;
transform: translateY(0);
}
.winner-item .winner-tit{background: url(../img/pop_slo.png) no-repeat;width: 4.24rem;height: 1.51rem;position: absolute;left:50%;bottom:-0.7rem;transform: translateX(-50%);background-size: 100% 100%;}
.winner-item .winner-name{position: absolute;width: 100%;text-align: center;font-size:0.36rem;bottom: -1rem;color: #ffe08d;}
.winners-grid.num .winner-item{width: 1.84rem;height:2.7rem;}
.winners-grid.num .winner-item .winner-tit{background: url(../img/pop_slo.png) no-repeat;width: 2.5rem;height:0.8rem;position: absolute;left:50%;bottom:-0.3rem;transform: translateX(-50%);background-size: 100% 100%;}
.winners-grid.num .winner-name{font-size:0.26rem;bottom: -0.6rem;}

.modal-content1{background: url(../img/pop.png) no-repeat;width: 7.39rem;height: 6.8rem;background-size: 100% 100%;padding-top: 1.36rem;box-sizing: border-box;}
.modal-content1 .tit2{background: url(../img/tit1.png) no-repeat;width: 2.52rem;height: 0.61rem;background-size: 100% 100%;margin: 0 auto;} 
.modal-content1 .tit3{background: url(../img/tit2.png) no-repeat;width: 2.99rem;height: 0.62rem;background-size: 100% 100%;margin: 0 auto;} 
.modal-content1 .tit4{background: url(../img/tit3.png) no-repeat;width: 2.51rem;height: 0.61rem;background-size: 100% 100%;margin: 0 auto;} 
.modal-content1 .tit5{background: url(../img/tit4.png) no-repeat;width: 2.98rem;height: 0.61rem;background-size: 100% 100%;margin: 0 auto;} 
.modal-content1 p{color: #ffd76b;font-size: 0.6rem;text-align: center;font-weight: bold; -webkit-text-stroke: 0.03rem #4d0d00;
  text-stroke: 0.03rem #4d0d00;font-family: 'font1';}
.search-box{position: absolute;top:2rem;left:0.3rem;display:flex;justify-content: space-between;background: url(../img/pop_sr.png) no-repeat;background-size: 100% 100%;}
.search-box input{width:1.67rem;background: none;border: none;height: 0.43rem;color: #692000;font-size: 0.2rem;text-align: center;}
.search-box a{width: 0.5rem;height: 0.43rem;}
.btn-revoke{background: url(../img/pop_cx.png) no-repeat;width: 1.8rem;height: 0.46rem;background-size: 100% 100%;position: absolute;line-height: 0.46rem;color: #ffeec1;font-size: 0.2rem;text-align: center;top:2rem;right: 0.3rem;}
:focus{outline: none;}
  
.modal-content1 .table{margin-top:0.3rem;width:6.8rem;height: 3.6rem;overflow-y: auto;margin: 0 auto;}
.modal-content1 .table::-webkit-scrollbar-track-piece{background-color:#ffd76b;}
.modal-content1 .table::-webkit-scrollbar{width:0.03rem;}
.modal-content1 .table::-webkit-scrollbar-thumb{background:#4d0d00;border-radius: 0.1rem}
.modal-content1 .table table{width: 100%;}
.modal-content1 .table table th{color: #692000;height:0.43rem;line-height: 0.43rem;text-align: center;border: 1px solid #aa5e00;font-size: 0.2rem;font-weight: bold;background: #fdc988;}
.modal-content1 .table table td{color: #111111;height:0.43rem;line-height: 0.43rem;text-align: center;font-size: 0.2rem;border: 1px solid #aa5e00;}
.modal-content2{background: url(../img/pop1.png) no-repeat;width: 4.79rem;height: 5.39rem;background-size: 100% 100%;padding-top: 0.15rem;box-sizing: border-box;}
.modal-content2 img{width: 4.28rem;height: 4.28rem;margin:0 auto;display: block;}


.modal-content3{background: url(../img/pop2.png) no-repeat;width: 7.4rem;height: 3.56rem;background-size: 100% 100%;z-index: 9999;}
.modal-content3 p{color: #541900;font-size: 0.24rem;text-align: center;padding-top: 0.93rem;}
.mode-btns{display: flex;justify-content: center;margin-top: 0.5rem;}
.mode-btns a{width:2.69rem;height: 0.92rem;margin: 0 0.2rem;}
.mode-btns .btn-ok{background: url(../img/btn_ok.png) no-repeat;background-size: 100% 100%;}
.mode-btns .btn-qx{background: url(../img/btn_qx.png) no-repeat;background-size: 100% 100%;}