.phead{display:flex;flex-direction:column;width:100%;padding:40px 0;background-color:#f8f8f8}
.phead .ptitle{flex:1;display:flex;align-items:center;margin:0;font-size:36px;font-weight:700;line-height:44px}
.phead .pdesc{font-size:14px;display:flex;align-items:center;flex-wrap:wrap;gap:30px;color:#999;font-size:18px;line-height:24px;margin-block-start:16px}
.phead .pdesc > div{display:flex;align-items:center;gap:5px}
.phead .pdesc .count{cursor:pointer}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin:30px 0}
.panel-head .panel-title{font-size:28px;font-weight:600;margin:0}
.h3-title{font-size:18px;font-weight:600;margin:0}
.colums{display:flex;gap:20px;flex-wrap:wrap;margin-block-start:100px}
.colums .colum-item{flex:1;width:calc(calc(100% - 20px) / 2)}
.colums .colum-item .dt-tabs-head .dt-tab-head{line-height:30px;font-weight:600}
.keyword-examples-table .related-videos{display:flex;align-items:center;gap:10px}
.keyword-examples-table .related-videos figure{flex-shrink:0;margin:0;width:80px;height:80px;border-radius:10px;position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--el-border-color)}
.keyword-examples-table .related-videos figure .img{width:100%;height:auto}
.keyword-examples-table .related-videos figure .player{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;z-index:1;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity 0.3s ease-in-out}
.keyword-examples-table .related-videos figure .player svg{color:#fff;font-size:20px}
.keyword-examples-table .related-videos figure:hover .player{opacity:1}
@media screen and (max-width:768px){
  .phead{padding:20px 10px}
  .panel-head{padding:0 10px}
  .h3-title{padding-inline-start:10px}
  .colums .colum-item{width:100%}
  .dt-tabs-head{padding-inline-start:10px}
}