.note-overlay{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;z-index:1000;background-color:rgba(0,0,0,.8);overflow:hidden}.note{position:relative;top:10%;right:25%;bottom:10%;left:25%;z-index:1050;overflow:hidden;outline:0;width:50%;height:80%;border-radius:4px}.show{-webkit-transform:translate(0,0);transform:translate(0,0)}.note.fade .note-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.note-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.note-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.note-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.note-title{margin-bottom:0;line-height:1.5}.note-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem;overflow:scroll;height:353px;overflow-x:hidden}.note-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}#swiper-focus{max-width:540px;max-height:360px;display:block}#swiper-focus .swiper-slide{display:inline-block;height:100%}#swiper-focus .swiper-slide img{width:540px;height:360px;display:inline-block}#swiper-focus .swiper-slide .shadow{width:100%;position:absolute;bottom:0;left:0;z-index:10;height:50px;line-height:50px;background:rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#80000000',endColorstr='#80000000')\9;display:block;text-align:left}#swiper-focus .swiper-slide .shadow .shadow-text{width:240px;height:50px;padding-left:15px;line-height:50px;color:#fff}#swiper-focus .swiper-slide .shadow .shadow-text a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden}.move-protect{widows:250px;height:250px;position:fixed;left:0;top:0;cursor:pointer;z-index:10000}