@charset "utf-8";


.pop-wrap { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%;}
.pop-wrap .pop-bg { position: relative; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.pop-wrap .pop-bg .pop-layer-wrap {     position: absolute; top: 50%; left: 50%; width: 30%; max-height: 800px; overflow-y: auto; padding: 30px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.3); border-radius: 5px; transform: translate(-50%, -50%);}
.info-detail .info-title { font-size: 2.4rem; display: block; font-weight: bold;  margin-bottom: 10px; text-align: center;}
.info-area { height: 250px; border-bottom: 1px solid #333333; padding-top: 10px; overflow-y: scroll; }
.info-area::-webkit-scrollbar { width: 5px;}
.info-area::-webkit-scrollbar-thumb { background: rgb(155, 155, 155); border-radius: 10px;}
.info-area .info-text { min-height: 100px; margin-bottom: 10px; font-size: 1.5rem;  color: #5a5a5a;}
.info-area .info-text .bold { font-weight: 600; color: #6d7dff;}