.study-resource .resource-list[data-v-0ad51cef]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:5px;margin-top:2px}.study-resource .resource-list li[data-v-0ad51cef]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:23%;height:270px;padding:36px 15px;margin-right:30px;margin-bottom:30px;border:1px solid #f0f0f0;border-radius:6px;-webkit-transition:all .3s;transition:all .3s;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.study-resource .resource-list li[data-v-0ad51cef]:nth-of-type(4n){margin-right:0}.study-resource .resource-list li[data-v-0ad51cef]:nth-last-of-type(-n+3){margin-bottom:6px}.study-resource .resource-list li .circular-number[data-v-0ad51cef]{width:108px;height:108px;line-height:108px;text-align:center;background:#fafafa;border-radius:50%;font-size:32px;font-weight:600;color:#3489ff}.study-resource .resource-list li .resource-title[data-v-0ad51cef]{position:relative;font-size:15px;line-height:48px;font-weight:600;color:#000}.study-resource .resource-list li .resource-title .hot[data-v-0ad51cef]{position:absolute;top:-8px;right:-18px;color:red;font-size:12px}.study-resource .resource-list li .resource-title.active[data-v-0ad51cef]{color:red}.study-resource .resource-list li button[data-v-0ad51cef]{width:96px;height:30px;border:1px solid #3489ff;border-radius:15px;font-size:14px;font-weight:500;font-family:PingFang SC;background-color:#fff;color:#3489ff;-webkit-transition:all .3s;transition:all .3s}.study-resource .resource-list li[data-v-0ad51cef]:hover{-webkit-box-shadow:0 0 27px 6px hsla(0,0%,44.3%,.16);box-shadow:0 0 27px 6px hsla(0,0%,44.3%,.16);border-radius:6px}.study-resource .resource-list li:hover button[data-v-0ad51cef]{color:#fff;background-color:#3489ff}