.page.page-typinghome{margin-top:-80px}.page.page-typinghome .line1{background:linear-gradient(286deg,#30e3ca -17%,#11999e 122%)}.page.page-typinghome .line1 .bg{background-size:100% 100%}.page.page-typinghome .line1 .keyboard{background-size:100% auto;transform:rotate(9deg)}.page.page-typinghome .line1 .content .content-btns .btn{background:linear-gradient(180deg,#f5d491,#ffc845);border:2px solid #efba56;box-sizing:border-box;color:#41514e;cursor:pointer;line-height:4rem;margin-right:2.5rem;width:12.5rem;height:4rem;border-radius:.5rem}.page.page-typinghome .line1 .content .content-btns .btn-more{background:transparent;border:2px solid #fff;box-shadow:0 2px #11999e;color:#fff}.page.page-typinghome .line2{background-color:#e4f9f5;border:6px solid rgba(48,227,202,.1)}.page.page-typinghome .line2 .line-hd,.page.page-typinghome .line2 .line-bd{color:#11999e}.page.page-typinghome .line3 .line-hd{margin-top:80px}.page.page-typinghome .line3 .item{margin-bottom:5rem;box-sizing:border-box;width:13.5rem;height:1.5rem;cursor:pointer;padding-top:11.25rem;flex:0 0 30%}.page.page-typinghome .line4{background:linear-gradient(270deg,#11999e -27%,#30e3ca 121%)}.page.page-typinghome .line4 .line-bd .item{background:#f9f9fa;width:10rem;height:10rem;cursor:pointer;overflow:hidden;border-radius:1.5rem}@media (min-width: 1024px){.page.page-typinghome .line4 .line-bd .item{width:15rem;height:15rem}}.page.page-typinghome .line4 .line-bd .item .item-hd{height:7.5rem;background-position:center;background-repeat:no-repeat}@media (min-width: 1024px){.page.page-typinghome .line4 .line-bd .item .item-hd{height:11.25rem}}.page.page-typinghome .line4 .line-bd .item .item-bd{height:3.75rem;display:flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0;padding-left:1rem;padding-right:1rem;background:#4d5259;color:#e4f9f5}