/*
* ------------------------------------------------------------------------------
* 教程列表
* 2023.04.12
* ------------------------------------------------------------------------------*/

/*文章列表*/
.blog{}
.blog-item{margin-bottom:30px;transition:all .3s}
.blog-item:hover{transform:translateY(-3px);-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}
.blog-item .cover{height:170px}
.blog-item .cover img{height:100%;}
.blog-item-content{padding:0 15px}
.blog-item-content h3{margin-bottom:10px}
.blog-item-content h3 a{font-size:18px}
.blog-item-content p{color:#bdbdbd;margin:11px 0}
.blog-item-content .cat a{margin-right:5px;font-family:arial}
.side-item .cover{height:180px;width:285px}
.blog-items{min-height:100px}
.item-foot{color:#bdbdbd}
.item-foot a{color:#bdbdbd}
.item-foot .cat a{color:#70b4f9;background:rgba(0,132,255,.1);padding:3px 6px;border-radius:2px;font-size:12px;display:inline-block}
.item-foot .cat a:hover{background-color:#3385ff;background-image:-webkit-gradient(linear,left top,right top,from(#006eff),to(#13adff));background-image:-webkit-linear-gradient(left,#006eff,#13adff);background-image:-o-linear-gradient(left,#006eff 0,#13adff 100%);background-image:linear-gradient(90deg,#006eff,#13adff);-webkit-box-shadow:0 5px 10px 0 rgba(16,110,253,.3);box-shadow:0 5px 10px 0 rgba(16,110,253,.3);color:#fff}

/*blog*/
.blog-item-content .tips-remen{display:inline-block;border-radius:14px;height:24px;font-size:12px;color:#ffa03f;position:relative;padding-left:29px;padding-right:10px;line-height:24px;transform:translateY(-4%)}
.blog-item-content .tips-remen span{display:block;width:16px;height:16px;line-height:17px;text-align:center;border-radius:50%;position:absolute;left:7px;top:4px;overflow:hidden;background:#ffa03f;color:#fff;font-size:12px}
.blog-item-content .tips-dujia{display:inline-block;border-radius:14px;height:24px;font-size:12px;color:#5962f1;position:relative;padding-left:29px;padding-right:10px;line-height:24px;transform:translateY(-4%)}
.blog-item-content .tips-dujia span{display:block;width:16px;height:16px;line-height:17px;text-align:center;border-radius:50%;position:absolute;left:7px;top:4px;overflow:hidden;background:#5962f1;color:#fff;font-size:12px}
.blog-item-content .tips-zuixin{display:inline-block;border-radius:14px;height:24px;font-size:12px;color:#1cc751;position:relative;padding-left:29px;padding-right:10px;line-height:24px;transform:translateY(-4%)}
.blog-item-content .tips-zuixin span{display:block;width:16px;height:16px;line-height:17px;text-align:center;border-radius:50%;position:absolute;left:7px;top:4px;overflow:hidden;background:#1cc751;color:#fff;font-size:12px}
.blog-item-content .tips-tuijian{display:inline-block;border-radius:14px;height:24px;font-size:12px;color:#e10dfb;position:relative;padding-left:29px;padding-right:10px;line-height:24px;transform:translateY(-4%)}
.blog-item-content .tips-tuijian span{display:block;width:16px;height:16px;line-height:17px;text-align:center;border-radius:50%;position:absolute;left:7px;top:4px;overflow:hidden;background:#e10dfb;color:#fff;font-size:12px}
.blog-item-content .tips-jingpin{display:inline-block;border-radius:14px;height:24px;font-size:12px;color:#1e87f0;position:relative;padding-left:29px;padding-right:10px;line-height:24px;transform:translateY(-4%)}
.blog-item-content .tips-jingpin span{display:block;width:16px;height:16px;line-height:17px;text-align:center;border-radius:50%;position:absolute;left:7px;top:4px;overflow:hidden;background:#1e87f0;color:#fff;font-size:12px}

/*
* ------------------------------------------------------------------------------
* 文章特色标签
* ------------------------------------------------------------------------------*/

/*card*/
.tips-remen{display:inline-block;background:#f6f6f6;border-radius:14px;height:20px;font-size:12px;color:#ffa03f;position:relative;padding-left:29px;padding-right:10px;line-height:20px;transform:translateY(-26%)}
.tips-remen span{display:block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;position:absolute;left:7px;top:1px;overflow:hidden;background:#ffa03f;color:#fff;font-size:12px}
.tips-dujia{display:inline-block;background:#f6f6f6;border-radius:14px;height:20px;font-size:12px;color:#5962f1;position:relative;padding-left:29px;padding-right:10px;line-height:20px;transform:translateY(-26%)}
.tips-dujia span{display:block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;position:absolute;left:7px;top:1px;overflow:hidden;background:#5962f1;color:#fff;font-size:12px}
.tips-zuixin{display:inline-block;background:#f6f6f6;border-radius:14px;height:20px;font-size:12px;color:#1cc751;position:relative;padding-left:29px;padding-right:10px;line-height:20px;transform:translateY(-26%)}
.tips-zuixin span{display:block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;position:absolute;left:7px;top:1px;overflow:hidden;background:#1cc751;color:#fff;font-size:12px}
.tips-tuijian{display:inline-block;background:#f6f6f6;border-radius:14px;height:20px;font-size:12px;color:#e10dfb;position:relative;padding-left:29px;padding-right:10px;line-height:20px;transform:translateY(-26%)}
.tips-tuijian span{display:block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;position:absolute;left:7px;top:1px;overflow:hidden;background:#e10dfb;color:#fff;font-size:12px}
.tips-jingpin{display:inline-block;background:#f6f6f6;border-radius:14px;height:20px;font-size:12px;color:#1e87f0;position:relative;padding-left:29px;padding-right:10px;line-height:20px;transform:translateY(-26%)}
.tips-jingpin span{display:block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;position:absolute;left:7px;top:1px;overflow:hidden;background:#1e87f0;color:#fff;font-size:12px}

.meta-vip-tag{display:block;width:26px;height:26px;position:absolute;margin:10px 0 0 10px;border-radius:5px;background:#ffc107 url(img/vip-1.svg) 50% no-repeat;background-size:18px auto;box-shadow:0 3px 5px rgba(51,51,51,0.1);z-index:1}

/*reset*/
.mr20{margin-right:20px !important;}
.ml10{margin-left:10px !important;}
.p15{padding:15px;}

.flex-middle{align-items:center;}
.flex-1{flex:1;}

.bgfff{background-color:#fff;}
.bgf8{background-color:#f8f8f8;}
.disib{display:inline-block !important;}
.disb{display:block !important;}

.disf{display:flex;}

.text-small{font-size:14px;line-height:1.5;}
.text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
th.text-truncate,td.text-truncate{max-width:0;}
.minw1{flex:1;min-width:1px;}

.grid{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
.grid > *{margin:0;}

.grid{margin-left:-30px;}
.grid > *{padding-left:30px;}
.grid + .grid{margin-top:30px;}
@media (min-width:1200px){.grid{margin-left:-21px;}
.grid > *{padding-left:21px;}
.grid + .grid{margin-top:40px;}}

.grid-medium{margin-left:-30px;}
.grid-medium > *{padding-left:30px;}
.grid + .grid-medium{margin-top:30px;}

.grid-collapse{margin-left:0;}
.grid-collapse > *{padding-left:0;}
.grid + .grid-collapse,.grid + .grid-row-collapse{margin-top:0;}

.img-cover{max-width:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
iframe.img-cover{pointer-events:none;}
.img-cover-container{overflow:hidden;position:relative;}