.userCenter{overflow:hidden;margin:20px auto 0 auto;width:1280px}.grades{width:1100px;margin-left:20px}.userCenter>div{float:left}.skewborder{display:inline-block;padding:2px 20px;background-color:#4491df;color:#fff;-webkit-transform:skew(-30deg);transform:skew(-30deg);margin-left:10px}.skewborder span{display:block;-webkit-transform:skew(30deg);transform:skew(30deg);font-size:16px}.skewborder:after,.skewborder:before{content:"";display:inline-block;height:100%;position:absolute;top:0}.skewborder:after{border-right:2px solid #ffc426;right:-5px}.skewborder:before{border-left:2px solid #ffc426;left:-5px}.centerList{width:160px;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:4px solid #00bcd4;min-height:80px;line-height:40px}.centerList a{text-align:center;display:block;color:#666}.centerList a:hover{color:#00bcd4}.userCenter[data-v-3cb28d6c]{padding-top:20px}