.overlay-open{overflow:hidden}.overlay{z-index:99;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;bottom:0;left:0}.overlay.full-overlay{padding:0}.overlay .bg{cursor:pointer;background:#00000080;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0}.overlay.active{display:block}.overlay .overlay-content{background-color:#fff;border-radius:4px;width:100%;height:auto;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay.full-overlay .overlay-content{background-color:#fff;border-radius:0;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(0)}.overlay .overlay-header{text-align:center;color:#333;justify-content:center;align-items:center;height:44px;padding:4px 44px;line-height:44px;display:flex;position:relative}.overlay .overlay-header .close{text-align:center;width:44px;height:44px;font-size:15px;line-height:44px;position:absolute;top:0;right:0}.overlay .overlay-header .close .iconfont{font-size:15px}.overlay-body{flex-flow:column;width:100%;height:calc(100% - 44px);max-height:calc(85vh - 44px);padding:10px 20px 20px;display:flex;overflow-y:auto}.overlay-body>*{flex-shrink:0}.overlay-title{text-align:center;font-family:Arimo;font-size:16px;font-weight:700}.overlay.full-overlay .overlay-body{max-height:none}.modal-open{overflow:hidden}.modal{z-index:99;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;bottom:0;left:0}.modal.full-modal{width:100%;min-width:auto;max-width:none;height:100dvh;min-height:auto;max-height:none;padding:0}.modal.active{display:block}.modal .modal-content{background-color:#fff;border-radius:4px;width:100%;height:auto;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.modal.full-modal .modal-content{background-color:#fff;border-radius:0;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(0)}.modal .modal-header{text-align:center;color:#333;justify-content:center;align-items:center;height:44px;padding:4px 44px;line-height:44px;display:flex;position:relative}.modal .modal-header .close{text-align:center;width:44px;height:44px;font-size:15px;line-height:44px;position:absolute;top:0;right:0}.modal .modal-header .close .iconfont{font-size:15px}.modal-body{height:calc(100% - 44px);padding:10px 20px 20px;overflow-y:auto}.modal-title{text-align:center;vertical-align:middle;box-sizing:border-box;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:calc(100% - 88px);font-family:Arimo;font-size:18px;font-weight:700;line-height:1;display:-webkit-box;overflow:hidden}.modal.modal__top-border .modal-content{border-top:4px solid #ff9e2c;border-radius:4px 4px 0 0}:where(.device-pc) .modal .modal-header,:where(.device-pc) .overlay .overlay-header{height:60px;padding:10px 60px}:where(.device-pc) .modal-title,:where(.device-pc) .overlay-title{font-size:20px}:where(.device-pc) .modal .modal-header .close,:where(.device-pc) .overlay .overlay-header .close{width:60px;height:60px;line-height:60px}:where(.device-pc) .modal-body,:where(.device-pc) .overlay-body{height:calc(100% - 60px);max-height:calc(80vh - 60px);padding:10px 30px 30px}:where(.device-pc) .modal .modal-content,:where(.device-pc) .overlay .overlay-content{width:48.85vw;min-width:600px;max-width:938px;height:auto;max-height:80vh}:where(.device-mobile) .overlay.screen-overlay{padding:0}:where(.device-mobile) .modal.screen-modal .modal-content{border-top:4px solid #ff9e2c;border-radius:4px 4px 0 0}:where(.device-mobile) .modal.screen-modal .modal-content,:where(.device-mobile) .overlay.screen-overlay .overlay-content{height:inherit;background-color:#fff;border-radius:4px 4px 0 0;width:100%;max-height:85%;position:absolute;top:auto;bottom:0;left:0;transform:translate(0)}