.my-certificate .search[data-v-f57611fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #ddd;margin-bottom:15px}.my-certificate .search .sort[data-v-f57611fa]{font-size:16px;line-height:35px;font-weight:700;border-bottom:3px solid rgba(3,110,184,.8588235294117647)}.my-certificate .option[data-v-f57611fa]{margin:0 0 20px}.my-certificate .certificate-wrap[data-v-f57611fa]{border-radius:5px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);overflow:hidden;margin-bottom:20px;-webkit-transition:all .3s ease;transition:all .3s ease}.my-certificate .certificate-wrap[data-v-f57611fa]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.my-certificate .certificate-wrap .image-container[data-v-f57611fa]{width:100%;height:200px;background-color:#f5f7fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.my-certificate .certificate-wrap .image-container img[data-v-f57611fa]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.my-certificate .certificate-wrap .image-container .no-image[data-v-f57611fa]{text-align:center;color:#999}.my-certificate .certificate-wrap .image-container .no-image i[data-v-f57611fa]{font-size:48px;display:block;margin-bottom:10px}.my-certificate .certificate-wrap .image-container .no-image p[data-v-f57611fa]{margin:0;font-size:14px}.my-certificate .certificate-wrap .bottom[data-v-f57611fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:40px;height:40px;font-size:14px;padding:10px 20px}.my-certificate .certificate-wrap .bottom .desc[data-v-f57611fa]{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:40px;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:#333}.my-certificate .certificate-wrap .bottom button[data-v-f57611fa]{width:85px}.my-certificate .pagination[data-v-f57611fa]{text-align:center;margin:20px 0}.clearfix[data-v-f57611fa]:after,.clearfix[data-v-f57611fa]:before{display:table;content:""}.clearfix[data-v-f57611fa]:after{clear:both}