[data-v-f846ae66]{box-sizing:border-box}.learnToDraw[data-v-f846ae66]{width:100%}.learnToDraw article[data-v-f846ae66]{margin:0 auto;width:1120px}.learnToDraw article>.title[data-v-f846ae66]{margin-top:60px;text-align:center}.learnToDraw article>.title img[data-v-f846ae66]{display:inline-block}.learnToDraw article .on-line-list[data-v-f846ae66]{display:flex;justify-content:space-between;width:100%;margin-top:40px}.learnToDraw article .on-line-list a[data-v-f846ae66]{display:block;width:550px;background:#fff;border-radius:10px;box-shadow:0 0 14px 0 hsla(0,0%,80.4%,.25);transition:transform .2s linear}.learnToDraw article .on-line-list a[data-v-f846ae66]:hover{transform:translateY(-5px)}.learnToDraw article .on-line-list a>img[data-v-f846ae66]{border-top-left-radius:10px;border-top-right-radius:10px}.learnToDraw article .on-line-list a h2[data-v-f846ae66]{margin-top:20px;padding-left:20px;font-size:20px;font-weight:700;color:#282a2e}.learnToDraw article .on-line-list a .author-information[data-v-f846ae66]{padding:10px 0 20px 20px;width:100%;overflow:hidden;border-bottom:1px solid #eee}.learnToDraw article .on-line-list a .author-information>img[data-v-f846ae66]{float:left;border-radius:50%;-o-object-fit:cover;object-fit:cover}.learnToDraw article .on-line-list a .author-information>div[data-v-f846ae66]{float:left;width:calc(100% - 46px);padding-left:10px}.learnToDraw article .on-line-list a .author-information .a-name[data-v-f846ae66]{color:#4b5057}.learnToDraw article .on-line-list a .author-information .a-occupation[data-v-f846ae66]{padding-top:4px;font-size:12px;color:#a6a9ad}.learnToDraw article .on-line-list a>.text[data-v-f846ae66]{padding:20px 20px 45px;font-size:12px;color:#4b5057}.learnToDraw article .under-line-list[data-v-f846ae66]{margin-top:40px;display:flex;justify-content:space-between;flex-wrap:wrap}.learnToDraw article .under-line-list[data-v-f846ae66]:after{width:360px;content:""}.learnToDraw article .under-line-list a[data-v-f846ae66]{display:block;margin-bottom:20px;width:360px;background:#fff;border-radius:10px;box-shadow:0 0 14px 0 hsla(0,0%,80.4%,.25);transition:transform .2s linear}.learnToDraw article .under-line-list a[data-v-f846ae66]:hover{transform:translateY(-5px)}.learnToDraw article .under-line-list a .cover[data-v-f846ae66]{position:relative}.learnToDraw article .under-line-list a .cover>.bg[data-v-f846ae66]{border-top-left-radius:10px;border-top-right-radius:10px}.learnToDraw article .under-line-list a .cover>.title[data-v-f846ae66]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.learnToDraw article .under-line-list a h2[data-v-f846ae66]{margin-top:20px;padding-left:20px;font-weight:700;font-size:20px;color:#282a2e}.learnToDraw article .under-line-list a .employmentDirection[data-v-f846ae66]{padding:20px 0 27px 20px;width:100%;overflow:hidden}.learnToDraw article .under-line-list a .employmentDirection .caption[data-v-f846ae66],.learnToDraw article .under-line-list a .employmentDirection .lable-list[data-v-f846ae66]{float:left;overflow:hidden;font-size:12px;color:#4b5057}.learnToDraw article .under-line-list a .employmentDirection .caption>div[data-v-f846ae66],.learnToDraw article .under-line-list a .employmentDirection .lable-list>div[data-v-f846ae66]{float:left;padding:2px 8px;border-radius:35px;background:#f5f5f5;color:#a6a9ad;margin-right:12px}.learnToDraw footer[data-v-f846ae66]{margin:45px auto 40px;width:1120px;text-align:center}.learnToDraw footer img[data-v-f846ae66]{display:inline-block}.learnToDraw .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:1}.learnToDraw .swiper-pagination .swiper-pagination-bullet-active{background:#ff609d}