.hot-plugin .dialog-warp {
    width: 622px;
    height: auto;
    margin-left: -311px;
}

.hot-plugin .dialog-body {
    height: auto;
}

.hot-plugin .dialog-nav li {
    font-family: 'PingFangSC-Regular';
    font-size: 14px;
    color: #484848;
}

.plugin-new-wrapper {
    width: 562px;
    margin: 0 auto;
    padding: 30px 0;
    border-bottom: 1px solid #E6E6E5;
    overflow: hidden;
}

.plugin-new {
    width: 600px;
}

.plugin-new-item {
    position: relative;
    float: left;
    margin-right: 30px;
    padding: 16px 16px 9px;
    width: 234px;
    background: #FFF;
}

.plugin-new-tag {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../img/icon/plugin-new-tag.png) center no-repeat;
}

.plugin-new-img {
    float: left;
    margin-right: 10px;
    width: 48px;
    height: 48px;
}

.plugin-new-info {
    float: left;
    margin-bottom: 16px;
    width: 176px;
}

.plugin-new-title {
    font-family: 'PingFangSC-Medium';
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.plugin-new-desc {
    font-family: 'PingFangSC-Regular';
    font-size: 12px;
    color: #999;
    line-height: 17px;
    height: 34px;
    overflow: hidden;
}

.plugin-new-add {
    float: right;
    padding: 0 20px;
    min-width: 60px;
    height: 32px;
    font-size: 14px;
    font-family: 'MicrosoftYaHei';
    color: #FFF;
    line-height: 32px;
    background: #0080FF;
    text-align: center;
}

.plugin-list-wrapper {
    padding: 30px 24px 15px;
    width: 574px;
    overflow: hidden;
}

.plugin-list {
    /*width: 700px;*/
    display: flex;
    justify-content: space-between;
}

.plugin-list-item,
.plugin-list-add {
    width: 80px;
}

.plugin-list-item img {
    display: block;
    margin: 0 auto;
    width: 48px;
    height: 48px;
}

.plugin-list-title {
    margin: 10px 0 6px;
    font-size: 12px;
    color: #333;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.plugin-list-btn {
    display: block;
    margin: 0 auto;
    font-size: 12px;
    color: #FFF;
    width: 68px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    background: #0080FF;
    visibility: hidden;
}

.plugin-list-item:hover .plugin-list-btn {
    visibility: visible;
}

.plugin-list-add i {
    display: block;
    margin: 0 auto;
    width: 48px;
    height: 48px;
    background: url(../img/icon/plugin-list-add.png);
}

.plugin-list-add:hover i {
    background-image: url(../img/icon/plugin-list-add-hover.png);
}

.plugin-list-add:active i {
    background-image: url(../img/icon/plugin-list-add-active.png);
}