.container_warp{position:relative;width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex}.container_warp .operating{position:absolute;top:0;z-index:99;background-color:#fff;padding:20px 10px;-webkit-box-shadow:1px 1px 4px 0 rgba(10,10,10,.1803921569);box-shadow:1px 1px 4px 0 rgba(10,10,10,.1803921569)}.btn-group{border-right:1px solid #efefef;display:inline-block;padding-left:10px;padding-right:14px;position:relative}.btn-group .btn-group_tips{text-align:center;top:63px;left:1px;position:absolute;color:#fff;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:120px;height:60px;background:#515a6e;border-radius:6px;-webkit-animation:tips 4s;animation:tips 4s;-webkit-transition:all 1s;transition:all 1s}.btn-group .btn-group_tips:after{content:"";width:0;height:0;position:absolute;top:-5px;left:46%;border-width:0 5px 5px;border-style:solid;border-color:transparent transparent #515a6e}.btn-group:last-of-type{border-right:0}.btn-group .btn{display:inline-block;margin:2px;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;border-radius:6px;border:1px solid hsla(0,0%,91.4%,0)}.btn-group .btn i{font-size:20px}.btn-group .currentArrow{background:#2d8cf0;color:#fff}@-webkit-keyframes tips{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}10%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}90%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes tips{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}10%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}90%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.rotate-square{display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.my-snapline{color:#000}.right_drawer{height:100%;width:300px;border-left:1px solid #eee;background:#fff}
|
