#notification{display:none;font-family:verdana}#notification.notification-open{display:block;position:fixed;top:0;margin:0;padding:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,.6);line-height:1}#notification.notification-open div{box-sizing:border-box;padding:0;margin:0;position:relative}#notification.notification-open .box{text-align:left;width:90%;max-width:650px;background:#fff;border-radius:5px;box-shadow:rgba(0,0,0,.2) 0 10px 20px;margin:180px auto 0;padding-bottom:30px;opacity:0;-webkit-transform:scale(.8);-webkit-animation:box .3s .1s ease-in forwards}@-webkit-keyframes box{0%{-webkit-transform:scale(.8)}35%{-webkit-transform:scale(1.06);opacity:1}70%{-webkit-transform:scale(.98);opacity:1}85%{-webkit-transform:scale(1.02);opacity:1}100%{-webkit-transform:scale(1);opacity:1}}@media (max-width:420px){#notification.notification-open .box{padding-top:10px}}#notification.notification-open .box img{margin-top:-120px;width:100%}@media (max-width:420px){#notification.notification-open .box img{margin-top:0;display:none}}#notification.notification-open .box img[data-url]{cursor:pointer}#notification.notification-open .box h4{position:relative;margin-top:20px;margin-left:30px;margin-bottom:0;font-weight:700;font-size:20px;color:#333}@media (max-width:420px){#notification.notification-open .box h4{margin-top:10px;margin-left:20px}}#notification.notification-open .box .record{position:relative;height:200px;width:100%;overflow-y:scroll;margin-top:20px;padding:0 30px 30px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-size:15px}@media (max-width:420px){#notification.notification-open .box .record{padding:0 20px 30px;height:250px;font-size:14px}}#notification.notification-open .box .record h5{font-weight:700;font-size:15px;margin:20px 0 10px}#notification.notification-open .box .record i{display:block;margin:5px 0;line-height:20px;font-style:normal}#notification.notification-open .box .record::-webkit-scrollbar{width:5px;background-color:#f1f1f1}#notification.notification-open .box .record::-webkit-scrollbar-thumb{background-color:#e1e1e1}#notification.notification-open .box .record.scroll{position:fixed;top:80px}#notification.notification-open .box .note-menu{width:100%;padding:30px 30px 15px;text-align:right}@media (max-width:420px){#notification.notification-open .box .note-menu{text-align:center;padding:30px 30px 0}}#notification.notification-open .box .note-menu span{font-size:15px;text-align:center;color:#666;vertical-align:middle;display:inline-block;padding-top:14px;cursor:pointer;transition:.3s;user-select:none}#notification.notification-open .box .note-menu span i{display:inline-block;margin-right:3px;vertical-align:bottom}#notification.notification-open .box .note-menu span b{display:inline-block;font-weight:400}@media (max-width:420px){#notification.notification-open .box .note-menu span{display:block}}#notification.notification-open .box .note-menu button{line-height:inherit;font-family:inherit;display:inline-block;float:right;font-size:18px;font-family:verdana;text-align:center;padding:10px 30px;border:none;outline:0;background:#f67452;border-radius:20px;color:#fff;margin:0;margin-left:10px;transition:.3s}#notification.notification-open .box .note-menu button:hover{background:#e53;cursor:pointer}#notification.notification-open .box .note-menu button:active{background:#d42}@media (max-width:420px){#notification.notification-open .box .note-menu button{margin:0 auto;float:none}}@media (max-width:1280px){#notification.notification-open .box{margin:140px auto 0}}@media (max-width:420px){#notification.notification-open .box{margin:100px auto 0}}