.rule-modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:99999}.rule-modal .close{position:absolute;top:8%;right:5%;width:.7rem;height:.7rem;background:url(./img/pc/close.png) no-repeat center/contain;cursor:pointer}.rule-modal .rule-container{margin:10% auto 0;padding-bottom:1rem;width:80%;height:70%;background:#fff;border-radius:.2rem;overflow:auto}.rule-modal .rule-container .main-title{padding:.1rem 0;background:#003284;color:#fff;font-size:.4rem;font-weight:bold;text-align:center}.rule-modal .rule-container .section{margin:.5rem auto 0;width:80%;color:#848484;font-size:.2rem}.rule-modal .rule-container .section .title{position:relative;margin-bottom:.1rem;color:#003284;font-size:.3rem;font-weight:bold}.rule-modal .rule-container .section .title span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:.05rem;left:-0.4rem;width:.3rem;height:.3rem;background:#003284;border-radius:.2rem;color:#fff;font-size:.12rem}.rule-modal .rule-container .section .text{margin-bottom:.05rem}.rule-modal .rule-container .section .list li{margin-bottom:.05rem;list-style-type:decimal}.rule-modal .rule-container .section .table{margin:.2rem auto;width:100%;border:.01rem solid rgba(78,78,78,.5)}.rule-modal .rule-container .section .table tr:nth-child(1) td{height:.48rem;background:#003284;color:#fff}.rule-modal .rule-container .section .table td{height:.33rem;color:#7f7f7f;font-size:.16rem;text-align:center}.rule-modal .rule-container .section span.red{color:red}.rule-modal .rule-container .section span.blue{color:blue}.rule-modal .rule-container .section span.bold{font-weight:bold}.rule-modal .rule-container .btn{margin:.6rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:1.64rem;height:.4rem;background:#003284;border-radius:20px;color:#fff;font-size:.24rem;text-align:center;line-height:.58rem}.rule-modal .rule-container::-webkit-scrollbar{width:9px}.rule-modal .rule-container::-webkit-scrollbar-thumb{background:#003284;border-radius:5px}@media screen and (max-width: 750px){.rule-modal .rule-container{margin-top:15vh;width:95%;height:70%}.rule-modal .rule-container .section{font-size:.24rem}.rule-modal .rule-container .btn{width:1.85rem;height:.5rem}}