.outsider{height:88.518vh;width:21.5vw;position:fixed;top:5.265vw;transition:all .5s;z-index:2}.outsider .btn{position:absolute;cursor:pointer;top:50%;width:1.927vw;height:4.531vw;background-color:rgba(7,26,62,.8);border-bottom-right-radius:5px;border-top-right-radius:5px}.outsider .btn .bg{width:100%;height:100%;position:absolute}.outsider .btn .icon{width:.833vw;position:absolute;height:1.51vw;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:all .5s}.content>div{margin-bottom:1.4vh}.content>div:last-child{margin-bottom:0}.left{left:0}.left .btn{transform:translateX(100%) translateY(-50%);right:0}.right{right:0}.right .btn{border-radius:5px 0 0 5px;transform:translateX(-100%) translateY(-50%);left:0}.bottom{width:55vw;bottom:0;position:fixed;left:50%;transform:translateX(-50%);height:18vh;top:auto}.bottom .btn{transform:translateY(-100%) translateX(-50%) rotate(-90deg);top:1.3vw;left:50%}.lefthide{transform:translateX(-100%)}.lefthide .btn .icon{transform:rotateY(180deg) translateX(50%) translateY(-50%)}.righthide{transform:translateX(100%)}.righthide .btn .icon{transform:rotateY(180deg) translateX(50%) translateY(-50%)}.bottomhide{transform:translateY(100%) translateX(-50%)}.bottomhide .btn .icon{transform:rotateY(180deg) translateX(50%) translateY(-50%)}