.skills-list .skills-box[data-v-23679e90]{width:99%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:2%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.skills-list .skills-box .card[data-v-23679e90]{background-color:#fff;width:23%;height:auto;display:inline-block;margin:0 0 20px 15px;overflow:hidden;cursor:pointer}.skills-list .skills-box .card[data-v-23679e90]:nth-of-type(4n){margin-right:0}.skills-list .skills-box .card .card-content .imgbox[data-v-23679e90]{position:relative;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;background-color:#ddd;height:160px}.skills-list .skills-box .card .card-content .imgbox[data-v-23679e90]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.skills-list .skills-box .card .card-content .imgbox img[data-v-23679e90]{width:100%;height:100%}.skills-list .skills-box .card .card-content .imgbox .tag[data-v-23679e90]{position:absolute;top:16px;right:-20px;text-align:center;width:90px;height:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#fff;background-color:#03b615;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.skills-list .skills-box .card .card-content .imgbox .tag-color-pink[data-v-23679e90]{background-color:#ec808d}.skills-list .skills-box .card .card-content .imgbox .tag-color-orange[data-v-23679e90]{background-color:#f59a23}.skills-list .skills-box .card .card-content .imgbox .tag-color-green[data-v-23679e90]{background-color:#03b615}.skills-list .skills-box .card .card-content .imgbox .tag-color-blue[data-v-23679e90]{background-color:#0079fe}.skills-list .skills-box .card .card-content .imgbox .tag-color-grey[data-v-23679e90]{background-color:#d7d7d7}.skills-list .skills-box .card .card-content .contectbox[data-v-23679e90]{padding:13px 15px}.skills-list .skills-box .card .card-content .contectbox .title[data-v-23679e90]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:auto;font-weight:700;margin-bottom:0}.skills-list .skills-box .card .card-content .contectbox .title p[data-v-23679e90]{width:95%;font-size:18px;height:auto;color:#333;line-height:1;text-align:left}.skills-list .skills-box .card .card-content .contectbox .title p[data-v-23679e90]:hover{color:#0083fc}.skills-list .skills-box .card .card-content .contectbox .title .love[data-v-23679e90]{font-size:14px;color:#999;font-weight:400}.skills-list .skills-box .card .card-content .contectbox .list[data-v-23679e90]{margin:17px 0 13px}.skills-list .skills-box .card .card-content .contectbox .list .listitem .item[data-v-23679e90]{font-size:15px;color:#333;line-height:1;margin-bottom:10px}.skills-list .skills-box .card .card-content .contectbox .list .listitem .item .key[data-v-23679e90]{color:#999}.skills-list .skills-box .card .card-content .contectbox .subtitle[data-v-23679e90]{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.skills-list .skills-box .card .card-content .contectbox .subtitle .s-value[data-v-23679e90]{font-size:14px;color:#06f}.skills-list .skills-box .card .card-content .contectbox .subtitle .s-key[data-v-23679e90]{font-size:12px;color:#999}.skills-list .skills-box .card .card-content .contectbox .subtitle .s-key .love[data-v-23679e90]{width:16px;height:14px}