.div-img{overflow:hidden;width:100%;height:0;padding-bottom:50%}.purchase .el-col-5{width:20%}.purchase .el-divider--horizontal{width:29%}.purchase .el-divider__text{font-size:15px}.purchase .course-item{margin:1rem 1rem;height:38vh;border-radius:.4rem;overflow:hidden;border:1px solid #eee;-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.purchase .course-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.1);box-shadow:0 6px 12px 0 rgba(0,0,0,.1)}.purchase .center{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.purchase .btn{background-color:#fff5f0;color:#fd7d08;font-weight:700}.purchase .btn-active{font-weight:700;color:#fff;background-color:#d4d4d4;border-radius:.25rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-size:1rem;line-height:1.5;padding:.375rem .75rem;border:1px solid transparent}.purchase .btn:hover{background-color:#ffe3d5}