.jinsom-menu > ul > li.menu-item-has-children ul {
    display: block;
}

.jinsom-menu > ul > li.menu-item-has-children ul li {
    padding: 0 5px;
}

.jinsom-live-page-header > .left .reward-list {
    display: none;
}

.jinsom-slider {
    margin-bottom: 0 !important;
    margin-top: 0;
}

.jinsom-show-bbs-box-header.user .number {
    display: none;
}

.jinsom-menu > ul > li > ul.sub-menu:before {
    left: 50%;
    margin-left: -3px;
}

.jinsom-menu ul li.menu-item-has-children ul li.current-menu-item a {
    display: block !important;
}

/*子论坛一行三个*/
.jinsom-bbs-cat-list li {
    width: calc((100% - 30px)/3);
}

.jinsom-bbs-cat-list li:nth-child(3n) {
    margin-right: 0 !important;
}

.jinsom-bbs-cat-list li:nth-child(2n) {
    margin-right: 15px;
}

.jinsom-bbs-cat-list li .right .desc {
    min-width: inherit;
}

/*定制头部*/
.jinsom-header {
    position: fixed;
    z-index: 1001;
    background-color: #ffffff;
    width: 100%;
    margin: auto;
    min-width: 1100px;
    color: #fff;
    border-bottom: 4px solid #ff503f;
}

.jinsom-header-content {
    width: var(--jinsom-width);
}

.jinsom-menu > ul > li {
    color: #ff503f;
    line-height: 30px;
    display: inline;
    position: relative;
    text-align: center;
    border-right: 1px solid #ccc;
    margin: 0;
}

.jinsom-menu {
    flex: 1;
    width: calc(100% - 230px);
    margin: 0;
}

.jinsom-menu > ul > li:last-child {
    border-right: 0;
}

.jinsom-menu ul li.current-menu-item a {
    font-weight: bold;
}

.jinsom-header-right form {
    margin-top: 9px;
    display: flex;
}

.jinsom-header-right form input[type=text] {
    padding: 6px;
    border-radius: 4px 0 0 4px;
}

.jinsom-header-right form input[type=submit] {
    background-color: #ff503f;
    color: #fff;
    padding: 0 6px;
    border-radius: 0 4px 4px 0;
}

.jinsom-header-right form input {
    border: 1px solid #ff503f;
}

.jinsom-menu ul {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.jinsom-menu ul > li {
    flex: 1;
    height: inherit;
}

.jinsom-menu ul li.menu-item-has-children a {
    padding: 0;
}

.jinsom-sns-header-banner {
    height: 200px;
    display: flex;
    margin: auto;
    width: var(--jinsom-width);
}

.jinsom-sns-header-banner .logo {
    width: 250px;
}

.jinsom-sns-header-banner .ad {
    flex: 1;
}

.jinsom-sns-header-banner > a {
    display: block;
    height: 200px;
    background-size: cover;
    background-position: center;
}

.jinsom-sns-header-banner .user {
    width: 300px;
}

.jinsom-sns-header-banner .user .login {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
}

.jinsom-sns-header-banner .user .login > span {
    color: #fff;
    padding: 6px 20px;
    border-radius: 4px;
    cursor: pointer;
}

.jinsom-sns-header-banner .user .login > span:first-child {
    background-color: #ff503f;
    margin-right: 40px;
}

.jinsom-sns-header-banner .user .login > span:last-child {
    background-color: #0d9a9e;
}

.jinsom-sns-header-banner .user .info {
    text-align: center;
    margin-top: 40px;
    position: relative;
}

.jinsom-sns-header-banner .user .info img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

.jinsom-sns-header-banner .user .info .name {
    margin-top: 15px;
}

.jinsom-sns-header-banner .user .info > a {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.jinsom-sns-header-banner .user .info ul {
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    padding: 5px 5px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 9999;
    left: 50%;
    margin-left: -57.5px;
    top: 90px;
}

.jinsom-sns-header-banner .user .info ul:before {
    top: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: #FFFFFF;
    content: "";
    height: 6px;
    position: absolute;
    width: 6px;
    z-index: 999;
    border-left: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    border-radius: 2px;
}

.jinsom-sns-header-banner .user .info ul li {
    display: block;
    float: none;
    width: inherit;
    height: inherit;
    line-height: 25px;
    border-bottom: #f5f5f5 1px solid;
    position: relative;
    cursor: pointer;
}

.jinsom-sns-header-banner .user .info ul li a {
    color: #565656;
    height: 35px;
    line-height: 35px;
    width: 105px;
    display: inline-block;
}

.jinsom-sns-header-banner .user .info ul li a:hover {
    background-color: #ff503f;
    color: #fff;
}

.jinsom-sns-header-menu {
    margin: auto;
    padding: 15px;
    background-color: #666;
    display: flex;
    box-sizing: border-box;
    color: #fff;
    border-radius: 6px;
    width: var(--jinsom-width);
}

.jinsom-sns-header-menu > div {
    flex: 1;
    text-align: center;
    position: relative;
}

.jinsom-sns-header-menu .icon {
    width: 80px;
    height: 80px;
    margin: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.jinsom-sns-header-menu a .name {
    color: #fff;
}

.jinsom-sns-header-menu .name {
    font-size: 20px;
    margin-top: 10px;
    position: relative;
}

.jinsom-sns-header-menu .list {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    border-radius: 6px;
    box-sizing: border-box;
}

.jinsom-sns-header-menu > div:hover .list {
    display: block;
}

.jinsom-sns-header-menu .single .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u105.png);
}

.jinsom-sns-header-menu .single:hover .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u106.png);
}

.jinsom-sns-header-menu .bbs .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u108.png);
}

.jinsom-sns-header-menu .bbs:hover .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u109.png);
}

.jinsom-sns-header-menu .answer .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u111.png);
}

.jinsom-sns-header-menu .answer:hover .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u112.png);
}

.jinsom-sns-header-menu .wisdom .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u228.png);
}

.jinsom-sns-header-menu .wisdom:hover .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u229.png);
}

.jinsom-sns-header-menu .video .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u114.png);
}

.jinsom-sns-header-menu .video:hover .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u115.png);
}

.jinsom-sns-header-menu .images .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u117.png);
}

.jinsom-sns-header-menu .images:hover .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u118.png);
}

.jinsom-sns-header-menu .school .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u120.png);
}

.jinsom-sns-header-menu .school:hover .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u121.png);
}

.jinsom-sns-header-menu .shop .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u123.png);
}

.jinsom-sns-header-menu .shop:hover .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u127.png);
}

.jinsom-sns-header-menu .find .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u126.png);
}

.jinsom-sns-header-menu .find:hover .icon {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u127.png);
}

.jinsom-sns-header-menu .name i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    right: 10px;
}

.jinsom-sns-header-menu .bbs .name i {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u135.png);
}

.jinsom-sns-header-menu .bbs:hover .name i {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u136.png);
}

.jinsom-sns-header-menu .school .name i {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u215.png);
}

.jinsom-sns-header-menu .school:hover .name i {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u216.png);
}

.jinsom-sns-header-menu .find .name i {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u225.png);
}

.jinsom-sns-header-menu .find:hover .name i {
    background-image: url(https://cncsst.oss-cn-shanghai.aliyuncs.com/icon/u226.png);
}

.jinsom-sns-header-menu .list li {
    border-bottom: 1px solid #f1f1f1;
}

.jinsom-sns-header-menu .list li:last-child {
    border-bottom: none;
}

.jinsom-sns-header-menu .list li a {
    display: block;
    padding: 10px;
}

.jinsom-sns-header-menu .bbs:hover .list li a:hover {
    background-color: #601986;
    color: #fff;
}

.jinsom-sns-header-menu .school:hover .list li a:hover {
    background-color: #5fcaff;
    color: #fff;
}

.jinsom-sns-header-menu .find:hover .list li a:hover {
    background-color: #43edcc;
    color: #fff;
}

.jinsom-sns-header-slider {
    display: flex;
    margin: 10px auto 0;
    width: var(--jinsom-width);
}

.jinsom-sns-header-slider .left {
    flex: 1;
    margin-right: 10px;
    border-radius: 6px;
}

.jinsom-sns-header-slider .right {
    width: 400px;
    display: flex;
    flex-flow: column;
}

.jinsom-sns-header-slider .right li:first-child {
    margin-bottom: 10px;
}

.jinsom-sns-header-slider .right li {
    flex: 1;
    background-color: #333;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    background-size: cover;
    background-position: center;
}

.jinsom-sns-header-slider .right li i {
    font-size: 60px;
    color: #fff;
}

.jinsom-sns-header-ad {
    margin: 10px auto 0;
    display: flex;
    width: var(--jinsom-width);
}

.jinsom-sns-header-ad > a:last-child {
    margin-right: 0;
}

.jinsom-sns-header-ad > a {
    display: inline-block;
    flex: 1;
    margin-right: 10px;
}

.jinsom-sns-header-ad > a img {
    border-radius: 6px;
    width: 100%;
    max-width: 100%;
}

.jinsom-footer {
    background-color: #fff;
}

.jinsom-footer-top > li:nth-child(3) .title,
.jinsom-footer-top > li:nth-child(4) .title,
.jinsom-footer-top > li:nth-child(5) .title {
    margin-bottom: 0;
    margin-top: 10px;
}

.jinsom-footer-top > li:nth-child(1) .title,
.jinsom-footer-top > li:nth-child(2) .title {
    text-align: left;
    margin-bottom: 20px;
    font-weight: bold;
}

.jinsom-footer-bottom {
    text-align: center;
    padding: 30px 0;
    border-top: 1px solid #f1f1f1;
    color: #999;
}

.jinsom-footer-bottom p {
    line-height: 28px;
}

.jinsom-footer-bottom .link a {
    padding: 0 5px;
    color: #999;
}

.jinsom-footer-bottom .link a:hover {
    color: #333;
}

.jinsom-footer-top > li > .title {
    font-size: 18px;
    color: #666;
}

.jinsom-footer-top > li > ul > li {
    float: left;
    width: 50%;
    text-align: left;
}

.jinsom-footer-top {
    width: var(--jinsom-width);
}

.jinsom-slider {
    margin-bottom: 0;
}

/*VIP渐变色*/
@keyframes bg-color {
    0% {
        background-color: #e74c3c;
    }

    20% {
        background-color: #f1c40f;
    }

    40% {
        background-color: #1abc9c;
    }

    60% {
        background-color: #3498db;
    }

    80% {
        background-color: #9b59b6;
    }

    100% {
        background-color: #e74c3c;
    }
}

/*侧边栏实时动态图标替换*/
.jinsom-shandianpeisong:before {
    content: "\ce648";
    color: #f00;
}

/*侧边栏消息图标替换*/
.jinsom-liaotian:before {
    content: "\ce657";
    color: #f00;
}

/*侧边栏发表图标替换*/
.jinsom-fabiao1:before {
    content: "\ce618";
    color: #f00;
}

/*侧边栏向上顶置*/
.jinsom-totop:before {
    content: "\ce613";
}

/*侧边栏尺寸*/
.jinsom-right-bar li i {
    font-size: 35px;
    color: #f00;
    line-height: 45px;
}

/*PC发表段尺寸修改*/
.layui-layer-dialog .layui-layer-content {
    position: relative;
    padding: 40px;
}

/*PC签到背景颜色修改*/
.jinsom-sidebar-user-info-sign-btn {
    background: #f20c00;
}

/*PC发表段说说图标修改*/
.jinsom-shangjiadongtai:before {
    content: "\e692";
}

/*PC发表段帖子图标颜色修改*/
.jinsom-publish-type-form li.bbs span {
    background-color: #d322ff;
}

/*PC发表段视频图标修改*/
.jinsom-shipin:before {
    content: "\ce680";
}

/*PC发表段咨询图标修改*/
.jinsom-wenzhang44:before {
    content: "\ce68f";
}

/*PC发表段图标大小尺寸修改*/
.jinsom-publish-type-form li span i {
    font-size: 45px;
}

/*PC发表段图标弧度形状修改*/
.jinsom-publish-type-form li span {
    border-radius: 18px;
}

/*暂无数据图标修改*/
.jinsom-kong:before {
    content: "\ce61a";
}

/*论坛区域标题颜色修改*/
.jinsom-show-bbs-box-header .name {
    background: #fa8c35;
    color: #fff;
    font-weight: bold;
}

/*论坛区域内页左侧栏修改*/
.jinsom-single-left-bar li i {
    font-size: 30px;
}

/*首页头部菜单修改成左侧栏修改*/
.jinsom-index-menu {
    position: fixed;
    top: 230px;
    width: 100px;
    overflow: hidden;
    z-index: 1;
    margin-left: -130px;
    background: none;
}

.jinsom-index-menu-list {
    display: block;
}

.jinsom-index-menu li {
    height: 50px;
    line-height: 50px;
    margin: 5px 10px;
    background: none;
    cursor: pointer;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    border-radius: 20px;
}

.jinsom-index-menu li:hover {
    background: #ffa400;
    transition: .5s;
    color: #fff;
    border-radius: 5px;
}

.jinsom-index-menu li:hover:after {
    border-bottom-color: none;
    border-bottom: none;
}

.jinsom-index-menu li.on {
    background: #ff7500;
    color: #392f41;
    border-radius: 10px;
}

.jinsom-index-menu li.on:after {
    border-bottom: none;
}

.jinsom-slider {
    margin-bottom: 15px;
}

/*消息右测颜色-1侧栏修改*/
.jinsom-chat-close-icon,
.jinsom-chat-clear-icon {
    background: linear-gradient(to right, #76af06, #07a5f1);
}

/*发表内页颜色修改*/
.jinsom-publish-words-btn .publish {
    cursor: pointer;
    background-color: #3eede7;
}

/*注册,邀请码图标修改*/
.jinsom-yaoqing:before {
    content: "\ce623";
}

/*注册,忘记密码图标修改*/
.jinsom-wenhao:before {
    content: "\ce622";
}

/*登录帐号图标修改*/
.jinsom-qixin-qunzu:before {
    content: "\ce602";
}

/*内页插入图片修改*/
.jinsom-tupian1:before {
    content: "\ce61e";
}

/*内页话题图#修改成关键词修改*/
.jinsom-huati:before {
    content: "\ce61d";
}

/*发表内小图标间距修改*/
.jinsom-publish-words-bar {
    position: absolute;
    bottom: 4px;
    left: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    padding-bottom: 5px;
}

/*发表公开内VIP图标*/
.jinsom-vip-type:before {
    content: "\ce629";
}

/*发表公开内登录图标*/
.jinsom-denglu:before {
    content: "\ce62a";
}

/*发表公开内公开图标*/
.jinsom-gongkai1:before {
    content: "\ce61f";
}

/*帖子内页左侧喜欢图标修改*/
.jinsom-xihuan2:before {
    content: "\ce60a";
}

/*帖子内页左侧转发图标修改*/
.jinsom-zhuanzai:before {
    content: "\ce63a";
}

/*帖子内页左侧评论图标修改*/
.jinsom-pinglun2:before {
    content: "\ce751";
}

/*帖子内页表情图标修改*/
.jinsom-weixiao-:before {
    content: "\ce60b";
}

/*帖子内页左附件图标修改*/
.jinsom-fujian1:before {
    content: "\ce6b8";
}

/*帖子内页左打赏图标修改*/
.jinsom-hongbao:before {
    content: "\ce67a";
}

/*帖子内页评论表情尺寸大小修改*/
.jinsom-icon {
    font-family: "jinsom-icon" !important;
    font-size: 22px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*关键词关注颜色修改*/
.jinsom-topic-list li .follow {
    border-radius: 40px;
    color: #fff;
    width: 100px;
    padding: 8px 0;
    font-size: 16px;
    background: #ff8936;
}

/*赠送礼物颜色修改*/
.jinsom-member-send-gift-btn {
    width: 100px;
    background-color: #de12bc;
}

/*论坛标题颜色背景尺寸*/
.jinsom-show-bbs-box-header .name {
    background: #fa8c35;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}

/*发帖图标修改*/
.jinsom-neirong:before {
    content: "\ce691";
}

/*论坛打右边灰色背景颜色修改*/
.jinsom-show-bbs-content .right .post li:hover {
    background: linear-gradient(to right, #b3ffab, #12fff7);
}

/*话题方框删除修改*/
.jinsom-topic-list li .images img {
    border: 0px solid #ddd;
}

/*注册用户头像弧度修改*/
.jinsom-sidebar-lattice-list li img {
    width: 62.5px;
    height: 62.5px;
    border-radius: 39px;
}

/*论坛户头像弧度修改*/
.jinsom-show-user-box-content li img {
    width: 100%;
    border-radius: 12px;
    border: 0px solid #f6f6f6;
}

/*论坛户头像弧度修改*/
body {
    line-height: 20px;
}

/*加载更多颜色修改*/
.jinsom-more-posts {
    background: linear-gradient(to right, #f7971e, #ffd200);
}

/*删除视频和音乐修改*/
.jinsom-upload-file-type li.music {
    display: none;
}

.jinsom-upload-file-type li.video {
    border-bottom: 0;
}

/*论坛回复和发帖下面图标大小*/
.jinsom-single-edior-footer-bar i,
.jinsom-bbs-edior-footer-bar i {
    font-size: 25px;
}

/*论坛标题背景颜色尺寸修改*/
.jinsom-show-bbs-box-header .name {
    background: #fa8c35;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}

/*视频播放量图标修改*/
.jinsom-fire-fill:before {
    content: "\ce608";
}

/*IM表情图标修改*/
.jinsom-weixiao-:before {
    content: "\ce71d";
}

/*IM图片图标修改*/
.jinsom-tupian1:before {
    content: "\ce630";
}

/*IM聊天信息颜色修改*/
.jinsom-chat-user-window .layui-layer-title,
.jinsom-chat-group-window .layui-layer-title {
    background: linear-gradient(to right, #ffb75e, #ed8f03);
}

/*浏览图标*/
.jinsom-liulan1:before {
    content: "\ce63e";
}

/*关注词语背景颜色修改*/
.jinsom-sidebar-follow-btn.no {
    background-color: #ffa400;
}

/*搜索图标找回*/
.jinsom-sousuo1:before {
    content: "\e6c6";
}

/*快捷打赏图标找回*/
.jinsom-shang:before {
    content: "\ce67a";
}

/*转发微信，QQ空间图标找回*/
.jinsom-pengyouquan:before {
    content: "\ce6c9";
}

/*转发微信，QQ空间图标找回*/
.jinsom-qqkongjian2:before {
    content: "\ce6d6";
}

/*关注图标找回*/
.jinsom-guanzhu:before {
    content: "\ce682";
}

/*关注图标找回*/
.jinsom-bofang2:before {
    content: "\ce65b";
}

/*下载附件颜色修改*/
.jinsom-file-download .icon {
    background: linear-gradient(to right, #00c9ff, #92fe9d);
}

/*楼主背景颜色修改*/
.jinsom-bbs-single-box .left .landlord {
    border-top: 50px solid #ff3300;
}

/*资讯中打赏图标颜色和大小修改*/
.jinsom-single-reward-btn i {
    font-size: 38px;
    cursor: pointer;
    color: #ff461f;
}

/*已经关注图标找回和背景色修改*/
.jinsom-yiguanzhu:before {
    content: "\ce6eb";
}

.jinsom-sidebar-follow-btn.has {
    background-color: #00e09e;
}

/*帖子文章浏览权限，付费，私密图标修改*/
.jinsom-gongkai1:before {
    content: "\ce607";
}

.jinsom-mima:before {
    content: "\ce696";
}

.jinsom-fufei:before {
    content: "\ce66a";
}

/*资讯专题显示首页大小的问题修改*/
.jinsom-posts-list > h1.single,
.jinsom-posts-list > h2.single {
    font-size: 19px !important;
}

/*金币图标修改*/
.jinsom-jinbi:before {
    content: "\ce60";
}

/*主页头像圆弧阴影*/
.jinsom-sns-header-banner .user .info img {
    width: 80px;
    height: 80px;
    border-radius: 42px;
}

/*论坛内容说明尺寸设置*/
body {
    line-height: 27px;
}

/*24小时返回图标*/
.jinsom-bangzhujinru:before {
    content: "\ce6a9";
}

/*话题TOP4设置*/
.jinsom-topic-list li .images {
    margin: 20px 0 10px;
}

.jinsom-topic-list li {
    height: 380px;
    margin-top: 10px;
}

.jinsom-topic-list li:hover {
    border: 3px solid #108ee9;
    box-shadow: 0 4px 16px 0 rgba(97, 131, 155, .2);
}

.jinsom-topic-list li:nth-child(2):after {
    content: "TOP1";
    background: #f00;
    box-shadow: 0 4px 8px 0 rgba(255, 68, 68, .2);
    border-radius: 2px;
    left: 0;
    position: absolute;
    width: 56px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    top: 18px;
}

.jinsom-topic-list li:nth-child(3):after {
    content: "TOP2";
    background: #ff784d;
    box-shadow: 0 4px 8px 0 rgba(255, 68, 68, .2);
    border-radius: 2px;
    left: 0;
    position: absolute;
    width: 56px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    top: 18px;
}

.jinsom-topic-list li:nth-child(4):after {
    content: "TOP3";
    background: #FF9800;
    box-shadow: 0 4px 8px 0 rgba(255, 68, 68, .2);
    border-radius: 2px;
    left: 0;
    position: absolute;
    width: 56px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    top: 18px;
}

.jinsom-topic-list li:nth-child(5):after {
    content: "TOP4";
    background: #bbb8b4;
    box-shadow: 0 4px 8px 0 rgba(255, 68, 68, .2);
    border-radius: 2px;
    left: 0;
    position: absolute;
    width: 56px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    top: 18px;
}

.jinsom-topic-list li:hover {
    border: 3px solid #ec5c5c;
}

/*QQ登陆、注册图标修改*/
.jinsom-bangzhujinru:before {
    content: "\ce792";
}

.jinsom-qq:before {
    content: "\ce792";
}

/*手机图标修改*/
.jinsom-shoujihao:before {
    content: "\ce6a5";
}

/*24小时图标修改*/
.jinsom-bangzhujinru:before {
    content: "\ce6a9";
}

/*打开说明图标修改*/
.jinsom-yiwen2:before {
    content: "\ce6c5";
}

/*通知，类表，关注，喜欢修改*/
.jinsom-tongzhi1:before {
    content: "\ce685";
}

.jinsom-caidan:before {
    content: "\ce638";
}

.jinsom-guanzhu3:before {
    content: "\ce71d";
}

.jinsom-guanzhu4:before {
    content: "\ce63c";
}

.jinsom-shezhi:before {
    content: "\ce602";
}

/*通知，类表，关注，喜欢修改*/
.jinsom-post-images-list a:nth-child(4n) {
    margin-right: 20px;
}

.jinsom-post-images-list a:nth-child(3n) {
    margin-right: 0;
}

.jinsom-post-images-list a {
    width: calc((100% - 40px)/3);
}

.jinsom-post-images-list {
    width: 80%;
}

/*标签样式修改*/
.jinsom-show-topic-content .layui-tab-title {
    background: none;
}

.jinsom-show-topic-content .layui-tab-title li.layui-this,
.jinsom-show-topic-content .layui-tab-title li:hover {
    color: #000;
    background: #f9f9ff;
}

.jinsom-topic-list li {
    margin-top: 40px;
    width: 23%;
    float: left;
    margin-right: 29px;
    border: 1px solid #eceaff;
    position: relative;
    box-shadow: 2px 2px 8px #e2e1ff3b;
    padding: 0;
    height: auto;
}

.jinsom-topic-list li hr {
    display: none;
}

.jinsom-topic-list li a {
    display: block;
    text-align: left;
}

.jinsom-topic-list li .images {
    margin: -20px 0 0 20px;
    float: left;
    width: auto;
}

.jinsom-topic-list li .images img {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    border: none;
}

.jinsom-topic-list li .name {
    width: calc(100% - 45px);
    float: left;
    font-size: 15px;
    height: 30px;
    overflow: hidden;
    position: relative;
    left: 15px;
    top: 3px;
    margin: 0;
}

.jinsom-topic-list li .desc {
    width: calc(100% - 20px);
    line-height: 20px;
    height: 40px;
    font-size: 12px;
    color: #a7a7ca;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    background: #f9f9ff;
    padding: 0 10px;
    position: relative;
    bottom: -10px;
    margin: 0;
}

.jinsom-topic-list li .info {
    width: calc(100% - 80px);
    position: absolute;
    top: 23px;
    right: 0;
}

.jinsom-topic-list li .info .item p {
    display: none;
}

.jinsom-topic-list li .info .item span {
    font-size: 12px;
    color: #b8b7de;
}

.jinsom-topic-list li .info .item:before {
    font-size: 12px;
    color: #b8b7de;
    margin-right: 2px;
}

.jinsom-topic-list li .info .item:nth-child(1):before {
    content: "?";
}

.jinsom-topic-list li .info .item:nth-child(2):before {
    content: "❤";
}

.jinsom-topic-list li .info .item:nth-child(3):before {
    content: "?";
}

.jinsom-topic-list li .follow.had,
.jinsom-topic-list li .follow {
    display: none;
    color: #42c02e;
    position: absolute;
    right: 0;
    top: -30px;
    border-radius: 5px;
    width: auto;
    padding: 2px 5px;
    background: #f9f9ff;
    border: 1px solid #e2e2e2;
}

.jinsom-topic-list li .follow.had {
    color: #888 !important;
}

.jinsom-topic-list li:hover .follow {
    display: block;
}

.jinsom-topic-list li .follow.had:after,
.jinsom-topic-list li .follow:after {
    content: "";
    width: 200%;
    position: absolute;
    bottom: -10px;
    right: 0;
    height: 40px;
}

/*聊天背景颜色*/
.jinsom-chat-header {
    background: #fc7c54;
}

.jinsom-chat-header div.on {
    background: red;
}

.jinsom-chat-close-icon,
.jinsom-chat-clear-icon {
    background: linear-gradient(to right, #E91E63, #fc7c54);
}

.jinsom-chat-user-window .layui-layer-title,
.jinsom-chat-group-window .layui-layer-title,
.jinsom-chat-send-message-btn,
.jinsom-chat-send-message-btn-group {
    background: linear-gradient(to right, #E91E63, #fc7c54);
}

/*网站背景渐变色*/
body {
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
}

/*搜索页面背景和颜色*/
.jinsom-pop-search.show {
    background-image: url(https://www.cncsst.com/wp-content/uploads/2020/03/17.png);
    background-size: cover;
    background-position: center;
}