.vue-drag-select{width:100%;height:100%;overflow:hidden;overflow-y:visible;transform:translateZ(0)}.vue-drag-select,.vue-drag-select .select-wrapper{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vue-drag-select .select-wrapper{padding-left:10px;min-width:100%;min-height:100%}.vue-drag-select .vue-drag-select-option{transition:all .6s ease;position:absolute}.vue-drag-select-box{position:absolute;background:rgba(0,162,255,.4);z-index:10;border:1px dotted #00a2ff;transform:translateZ(0)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.tool-box .btn{width:20%;margin:0 auto;text-align:center;margin-bottom:20px;padding:10px 20px;color:#fff;background-color:#2d8cf0;border-radius:4px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tool-box .btn:hover{background-color:#57a3f3}.tool-box .btn:focus{box-shadow:0 0 0 2px rgba(45,140,240,.2)}.tool-box .btn:active{background-color:#2d8cf0}.tool-box .tips code{background:#000;color:#fff;padding:10px;border-radius:6px}.index-page{width:70%;height:100%;position:relative;margin:0 auto;transition:all .3s ease}.index-page .result-box{width:100%;height:500px;padding-top:50px;transition:all .3s}.index-page .result-box .vue-drag-select{margin:0 auto;background-color:#ddd}.index-page .result-box .item-self{width:100%;height:100%;border-radius:4px;border:1px solid #fff;background-color:#fff;transition:all .3s ease;overflow:hidden}.index-page .result-box .item-self:hover{box-shadow:0 2px 20px -2px rgba(0,0,0,.5)}.index-page .result-box .item-self img{width:100%}.index-page .result-box .selected-item .item-self{border:1px solid red;border-color:#4162ff;box-shadow:0 0 0 2px #4162ff!important}.bigger{width:100%}.bigger .result-box{height:600px}