.wrapper[data-v-796a23dc]{display:flex;justify-content:center;align-items:center;height:100%}.wrapper .sizes[data-v-796a23dc]{display:flex;justify-content:space-between;margin:auto}.wrapper .sizes .item[data-v-796a23dc]{position:relative;margin:8px;padding-left:28px;display:flex;box-sizing:border-box;width:144px;height:126px;align-items:flex-start;justify-content:center;flex-direction:column;border-radius:12px;border:2px solid #fff;line-height:28px;background:#fff;transition:all .2s;color:#464c5e;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wrapper .sizes .item[data-v-796a23dc]:hover{transform:translateY(-4px);box-shadow:0 9px 13px 0 rgba(0,0,0,.1)}.wrapper .sizes .item:hover .enter[data-v-796a23dc]{width:25px}.wrapper .sizes .item .enter[data-v-796a23dc]{display:inline-block;width:0;height:4px;margin-top:8px;border-radius:4px;background:#3f69f9;overflow:hidden;transition:all .2s}.wrapper .sizes .item .iconfont[data-v-796a23dc]{position:absolute;right:3px;bottom:-5px;opacity:0;color:#fff;z-index:2}.wrapper .sizes .item[data-v-796a23dc]:after{position:absolute;right:-1px;bottom:-1px;width:25px;height:20px;border-top-left-radius:22px;background-color:#3f69f9;opacity:0;z-index:1;content:""}.wrapper .sizes .item.on[data-v-796a23dc]{border-color:#3f69f9;overflow:hidden}.wrapper .sizes .item.on[data-v-796a23dc]:after{opacity:1}.wrapper .sizes .item.on .iconfont[data-v-796a23dc]{opacity:1;font-size:12px;transform:scale(.7)}