.vuedraggable-dish-washing .card-wrapper{background:linear-gradient(-45deg,#5588ed,#6caffa)}.vuedraggable-dish-washing .card-wrapper:first-child{background:linear-gradient(-45deg,#3b89ec,#50a4f7)}.vuedraggable-dish-washing .card-wrapper:nth-child(2){background:linear-gradient(-45deg,#5588ed,#6caffa)}.vuedraggable-dish-washing .card-wrapper:nth-child(3){background:linear-gradient(-45deg,#4bc96a,#71d992)}.vuedraggable-dish-washing .card-wrapper:nth-child(4){background:linear-gradient(-45deg,#3d9fe0,#5cc3f7)}.vuedraggable-dish-washing .card-wrapper:nth-child(5){background:linear-gradient(-45deg,#837ec9,#afb0ef)}.vuedraggable-dish-washing,.vuedraggable-steaming-roast{margin:0 auto 6px;padding:0 13px;max-width:540px}.vuedraggable-dish-washing .draggable-list,.vuedraggable-dish-washing .draggable-list>span,.vuedraggable-steaming-roast .draggable-list,.vuedraggable-steaming-roast .draggable-list>span{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.vuedraggable-dish-washing .draggable-list .card-wrapper,.vuedraggable-dish-washing .draggable-list>span .card-wrapper,.vuedraggable-steaming-roast .draggable-list .card-wrapper,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper{position:relative;border-radius:8px;background-color:#f4f4f4;background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.vuedraggable-dish-washing .draggable-list .card-wrapper--style1,.vuedraggable-dish-washing .draggable-list .card-wrapper--style2,.vuedraggable-dish-washing .draggable-list .card-wrapper--style4,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style1,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style2,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style4,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style1,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style2,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style4,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style1,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style2,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style4{width:250px;height:200px}.vuedraggable-dish-washing .draggable-list .card-wrapper--style3,.vuedraggable-dish-washing .draggable-list .card-wrapper--style5,.vuedraggable-dish-washing .draggable-list .card-wrapper--style6,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style3,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style5,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style6,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style3,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style5,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style6,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style3,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style5,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style6{width:161px;height:200px}.vuedraggable-dish-washing .draggable-list .card-wrapper--style2:first-child,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style2:first-child,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style2:first-child,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style2:first-child{margin-right:12px}.vuedraggable-dish-washing .draggable-list .card-wrapper--style3:first-child,.vuedraggable-dish-washing .draggable-list .card-wrapper--style3:nth-child(2),.vuedraggable-dish-washing .draggable-list .card-wrapper--style6:first-child,.vuedraggable-dish-washing .draggable-list .card-wrapper--style6:nth-child(2),.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style3:first-child,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style3:nth-child(2),.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style6:first-child,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style6:nth-child(2),.vuedraggable-steaming-roast .draggable-list .card-wrapper--style3:first-child,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style3:nth-child(2),.vuedraggable-steaming-roast .draggable-list .card-wrapper--style6:first-child,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style6:nth-child(2),.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style3:first-child,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style3:nth-child(2),.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style6:first-child,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style6:nth-child(2){margin-right:15px}.vuedraggable-dish-washing .draggable-list .card-wrapper--style6:first-child,.vuedraggable-dish-washing .draggable-list .card-wrapper--style6:nth-child(2),.vuedraggable-dish-washing .draggable-list .card-wrapper--style6:nth-child(3),.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style6:first-child,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style6:nth-child(2),.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style6:nth-child(3),.vuedraggable-steaming-roast .draggable-list .card-wrapper--style6:first-child,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style6:nth-child(2),.vuedraggable-steaming-roast .draggable-list .card-wrapper--style6:nth-child(3),.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style6:first-child,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style6:nth-child(2),.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style6:nth-child(3){margin-bottom:15px}.vuedraggable-dish-washing .draggable-list .card-wrapper--style6:nth-child(4),.vuedraggable-dish-washing .draggable-list .card-wrapper--style6:nth-child(5),.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style6:nth-child(4),.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style6:nth-child(5),.vuedraggable-steaming-roast .draggable-list .card-wrapper--style6:nth-child(4),.vuedraggable-steaming-roast .draggable-list .card-wrapper--style6:nth-child(5),.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style6:nth-child(4),.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style6:nth-child(5){margin-right:15px}.vuedraggable-dish-washing .draggable-list .card-wrapper--style4:first-child,.vuedraggable-dish-washing .draggable-list .card-wrapper--style4:nth-child(2),.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style4:first-child,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style4:nth-child(2),.vuedraggable-steaming-roast .draggable-list .card-wrapper--style4:first-child,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style4:nth-child(2),.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style4:first-child,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style4:nth-child(2){margin-bottom:15px}.vuedraggable-dish-washing .draggable-list .card-wrapper--style4:first-child,.vuedraggable-dish-washing .draggable-list .card-wrapper--style4:nth-child(3),.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style4:first-child,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style4:nth-child(3),.vuedraggable-steaming-roast .draggable-list .card-wrapper--style4:first-child,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style4:nth-child(3),.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style4:first-child,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style4:nth-child(3){margin-right:12px}.vuedraggable-dish-washing .draggable-list .card-wrapper--style5:first-child,.vuedraggable-dish-washing .draggable-list .card-wrapper--style5:nth-child(2),.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style5:first-child,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style5:nth-child(2),.vuedraggable-steaming-roast .draggable-list .card-wrapper--style5:first-child,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style5:nth-child(2),.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style5:first-child,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style5:nth-child(2){width:250px;height:200px;margin-bottom:15px}.vuedraggable-dish-washing .draggable-list .card-wrapper--style5:first-child:first-child,.vuedraggable-dish-washing .draggable-list .card-wrapper--style5:nth-child(2):first-child,.vuedraggable-dish-washing .draggable-list .card-wrapper--style5:nth-child(3),.vuedraggable-dish-washing .draggable-list .card-wrapper--style5:nth-child(4),.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style5:first-child:first-child,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style5:nth-child(2):first-child,.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style5:nth-child(3),.vuedraggable-dish-washing .draggable-list>span .card-wrapper--style5:nth-child(4),.vuedraggable-steaming-roast .draggable-list .card-wrapper--style5:first-child:first-child,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style5:nth-child(2):first-child,.vuedraggable-steaming-roast .draggable-list .card-wrapper--style5:nth-child(3),.vuedraggable-steaming-roast .draggable-list .card-wrapper--style5:nth-child(4),.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style5:first-child:first-child,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style5:nth-child(2):first-child,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style5:nth-child(3),.vuedraggable-steaming-roast .draggable-list>span .card-wrapper--style5:nth-child(4){margin-right:12px}.vuedraggable-dish-washing .draggable-list .card-wrapper.sortable-ghost,.vuedraggable-dish-washing .draggable-list>span .card-wrapper.sortable-ghost,.vuedraggable-steaming-roast .draggable-list .card-wrapper.sortable-ghost,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper.sortable-ghost{opacity:0}.vuedraggable-dish-washing .draggable-list .card-wrapper .intro-text,.vuedraggable-dish-washing .draggable-list>span .card-wrapper .intro-text,.vuedraggable-steaming-roast .draggable-list .card-wrapper .intro-text,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper .intro-text{width:100%;padding:11px 0 0 11px;border-radius:8px 8px 0 0;color:#fff}.vuedraggable-dish-washing .draggable-list .card-wrapper .intro-text .gree-icon,.vuedraggable-dish-washing .draggable-list>span .card-wrapper .intro-text .gree-icon,.vuedraggable-steaming-roast .draggable-list .card-wrapper .intro-text .gree-icon,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper .intro-text .gree-icon{font-size:30px;line-height:1.5}.vuedraggable-dish-washing .draggable-list .card-wrapper .intro-text h3,.vuedraggable-dish-washing .draggable-list>span .card-wrapper .intro-text h3,.vuedraggable-steaming-roast .draggable-list .card-wrapper .intro-text h3,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper .intro-text h3{color:#fff;font-size:28px;font-weight:400;margin:0}.vuedraggable-dish-washing .draggable-list .card-wrapper .intro-text p,.vuedraggable-dish-washing .draggable-list>span .card-wrapper .intro-text p,.vuedraggable-steaming-roast .draggable-list .card-wrapper .intro-text p,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper .intro-text p{font-size:21px;margin:0}.vuedraggable-dish-washing .draggable-list .card-wrapper .intro-text .bg,.vuedraggable-dish-washing .draggable-list>span .card-wrapper .intro-text .bg,.vuedraggable-steaming-roast .draggable-list .card-wrapper .intro-text .bg,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper .intro-text .bg{position:absolute;left:-20px;bottom:-75px}.vuedraggable-dish-washing .draggable-list .card-wrapper .intro-text .bg .gree-icon,.vuedraggable-dish-washing .draggable-list>span .card-wrapper .intro-text .bg .gree-icon,.vuedraggable-steaming-roast .draggable-list .card-wrapper .intro-text .bg .gree-icon,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper .intro-text .bg .gree-icon{font-size:128px;opacity:.1}.vuedraggable-dish-washing .draggable-list .card-wrapper .bottom-status,.vuedraggable-dish-washing .draggable-list>span .card-wrapper .bottom-status,.vuedraggable-steaming-roast .draggable-list .card-wrapper .bottom-status,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper .bottom-status{position:absolute;right:12px;bottom:12px}.vuedraggable-dish-washing .draggable-list .card-wrapper .bottom-status .gree-button,.vuedraggable-dish-washing .draggable-list>span .card-wrapper .bottom-status .gree-button,.vuedraggable-steaming-roast .draggable-list .card-wrapper .bottom-status .gree-button,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper .bottom-status .gree-button{width:57px;height:57px;background:rgba(255,254,255,.4);box-shadow:0 1px 10px 0 rgba(254,109,102,.02),inset 0 0 1px 0 hsla(0,0%,100%,.1),inset 0 0 1px 0 hsla(0,0%,100%,.1);border:none}.vuedraggable-dish-washing .draggable-list .card-wrapper .bottom-status .gree-button .gree-icon,.vuedraggable-dish-washing .draggable-list>span .card-wrapper .bottom-status .gree-button .gree-icon,.vuedraggable-steaming-roast .draggable-list .card-wrapper .bottom-status .gree-button .gree-icon,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper .bottom-status .gree-button .gree-icon{color:#fff}.vuedraggable-dish-washing .draggable-list .card-wrapper .gree-tag,.vuedraggable-dish-washing .draggable-list>span .card-wrapper .gree-tag,.vuedraggable-steaming-roast .draggable-list .card-wrapper .gree-tag,.vuedraggable-steaming-roast .draggable-list>span .card-wrapper .gree-tag{position:absolute;right:0;bottom:0}