.main{margin-top:8px;width:100%;background-color:#fff}.main>a.checked,a:hover{color:#000}.main>.content{margin:auto;width:1200px;display:flex;padding-top:60px;flex-direction:column;justify-content:center;align-items:flex-start}.main>.content>.content-type{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:10px}.main>.content>.content-type>a{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:16px;color:rgba(0,0,0,.45);line-height:24px}.main>.content>.content-type>a.active{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:16px;color:#11c898;line-height:24px;text-align:left;font-style:normal}.study-type-container{margin-bottom:64px}.study-type{display:flex;align-items:center;gap:12px}.study-type>.icon{width:40px;height:40px;margin-right:8px}.study-type>.title{font-weight:500;font-size:24px;color:rgba(0,0,0,.85)}.study-type>.description{font-weight:500;font-size:16px;color:rgba(0,0,0,.45)}.study-type>.description{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:rgba(0,0,0,.45);line-height:22px;text-align:left;font-style:normal}.study-expand-container{width:100%;display:flex;align-items:center;justify-content:center}.study-expand-container>.study-expand{padding:0 20px;height:32px;display:flex;gap:8px;border-radius:16px;background-color:#f6f6f6;align-items:center;cursor:pointer;color:rgba(0,0,0,.65)}.study-expand-container>.study-expand:hover{background-color:rgba(246,246,246,.8);color:rgba(0,0,0,.55)}.study-expand-container>.study-expand>.text{font-weight:400;font-size:14px}.study-expand-container>.study-expand>.icon{height:6px;transition:all .3s;transform:rotate(0)}.study-expand-container>.study-expand>.drop{transition:all .3s;transform:rotate(180deg)}.study-content{width:100%;display:flex;flex-direction:column;align-items:start;justify-content:start}.study-item-link{margin-right:24px;margin-bottom:24px}.study-list{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:start;align-items:center}.study-list-show-all>.study-item-link{display:block}.study-list-show-four>.study-item-link{display:block}.study-list-show-four>.study-item-link:nth-child(n+5){display:none}.study-item{width:270px;height:280px;background:#fff;border-radius:8px;border:1px solid #e9e9e9;display:flex;flex-direction:column;transition:all .3s ease}.study-item:hover{transform:translateY(-8px);box-shadow:0 8px 16px rgba(0,0,0,.3)}.study-item:hover .item-Learningready{display:block}.study-item:hover .item-lastStudy{display:none}.item-label{opacity:1}.study-item:hover .item-label{opacity:0}.item-describe{opacity:0}.study-item:hover .item-describe{opacity:1}.study-item>.item-img{cursor:pointer;border-radius:8px;height:166px;width:100%}.study-item>.item-title{cursor:pointer;margin:6px 0 10px;padding:0 16px;font-weight:500;font-size:16px;line-height:24px;text-align:start;font-style:normal;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:1;white-space:nowrap;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;list-style:none}.item-label{cursor:pointer;margin:0 4px;padding:0 8px;line-height:24px;font-style:normal;display:-webkit-box;background:rgba(0,0,0,.04);border-radius:16px;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:rgba(0,0,0,.45);line-height:22px;text-align:left}.item-describe{position:absolute;margin:0 4px;padding:0 px;font-family:PingFangSC,PingFang SC;font-weight:none;font-size:14px;color:rgba(0,0,0,.45);line-height:22px;text-align:left;font-style:normal;height:22px;width:222px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-tag{cursor:pointer;margin:auto 12px;display:flex;flex-direction:horizontal}.item-tag2{cursor:pointer;display:flex;flex-direction:horizontal;justify-content:space-between;margin:5px 12px 10px 12px;padding:4px 4px}.item-leraningsituation{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:rgba(0,0,0,.88);line-height:22px;text-align:left;font-style:normal}.item-lastStudy{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;line-height:22px;text-align:right;font-style:normal}.item-Learningready{display:none;cursor:pointer;margin:0 0 0 30px;width:80px;height:30px;border:1px solid #e9e9e9;font-weight:500;background-color:#11c898;color:#fff;font-size:14px;border-radius:8px;text-align:center;font-style:normal;text-overflow:ellipsis;list-style:none}