@charset "utf-8"; 
:root {
    --jinsom-color: #46c47c;
    --jinsom-navbar-bg-color: #46c47c;
    --jinsom-navbar-text-color: #ffffff;
    --jinsom-content-bg-color: #f8f8f8;
    --jinsom-navbar-border-color: transparent;
    --jinsom-toolbar-border-color: transparent;
}
body{
-webkit-text-size-adjust:none;
}
.jinsom-home-menu::-webkit-scrollbar, .jinsom-video-special-menu::-webkit-scrollbar{
    width:0;
    height:0;
}
.bg-red {
    background-color: #f65a5b;
}
.pages>div:last-child {
    transform: translate3d(0,0,0) !important;
}
/** { touch-action: none; }*/
.opacity:hover{
    opacity: 0.8;
}
.clear:after{
    display: block;
    content: '';
    clear: both;
}
.jinsom-icon {
    font-size: 6vw;
}
input{
    -webkit-appearance: none;
    font-size: 4vw;
}
li{
    list-style: none;
}
i{
    font-style: normal;
}
p {
    margin: 0;
}
td, th {
    padding: 1vw;
    border: 1px solid #DDD;
}
hr {
    border: 1px solid #f1f1f1;
}
table {
    border-collapse: collapse;
    width: 100% !important;
}
pre {
    background-color: #eee;
    padding: 2vw;
    border-radius: 1vw;
    color: #555;
    overflow-x: auto;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
.fa-chain:before, .fa-link:before {
    vertical-align: -1.4vw;
}
.navbar:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 0.5px;
    width: 100%;
    background: var(--jinsom-navbar-border-color);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.toolbar:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 0.5px;
    width: 100%;
    background: var(--jinsom-toolbar-border-color);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.avatar {
    background-color: #eee;
    border: 1px solid #f6f6f6;
    object-fit: cover;
}
.toolbar {
    height: 12vw;
}
.toolbar a span.tabbar-label {
    top: -0.5vw !important;
}
.toolbar a i {
    position: relative;
    font-size: 5vw;
}


/*loading加载*/
.jinsom-load {padding: 2vw;}
.jinsom-loading{ position:relative;width:12vw;height:12vw;margin: auto;text-align: center;}
.jinsom-loading i{ display:block;width:12vw;height:12vw; position:absolute;border-radius:50%; background:#555;left:0;top:0; opacity:0;}
.jinsom-loading i:nth-child(1){-webkit-animation:jinsom-loading 1s linear 0s infinite}
.jinsom-loading i:nth-child(2){-webkit-animation:jinsom-loading 1s linear .2s infinite}
.jinsom-loading i:nth-child(3){-webkit-animation:jinsom-loading 1s linear .4s infinite}
@-webkit-keyframes jinsom-loading{
0%{ transform:scale(0); opacity:0;}
50%{ transform:scale(0); opacity:1;}
100%{ transform:scale(1); opacity:0;}
}

/*加载动画*/
.jinsom-load-post {
    padding: 8vw 0 8vw;
    text-align: center;
}
.jinsom-loading-post i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 0 3px;
}
.jinsom-loading-post i:nth-child(1) {
    animation: loading-post .6s .4s linear infinite;
    background-color: #BDBDBD;
}
.jinsom-loading-post i:nth-child(2) {
    animation: loading-post .6s .3s linear infinite;
    background-color: #9E9E9E;
}
.jinsom-loading-post i:nth-child(3) {
    animation: loading-post .6s .2s linear infinite;
    background-color: #757575;
}
.jinsom-loading-post i:nth-child(4) {
    animation: loading-post .6s .1s linear infinite;
    background-color: #616161;
}
.jinsom-loading-post i:nth-child(5) {
    animation: loading-post .6s .0s linear infinite;
    background-color: #424242;
}
@keyframes loading-post {
0 {
    transform:translate(0,0)
}
50% {
    transform:translate(0,15px)
}
100% {
    transform:translate(0,0)
}
}

.preloader {
    border-radius: 50%;
    left: 50%;
    top: 50%;
    border-top: 0.3em solid rgba(0,0,0,0.1);
    border-right: 0.3em solid rgba(0,0,0,0.1);
    border-bottom: 0.3em solid rgba(0,0,0,0.1);
    border-left: 0.3em solid #555;
    transform: translateZ(0);
    animation: preloader 300ms infinite linear;
    transition: all 500ms ease;
}
@keyframes preloader {
    0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}
100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
}
}


/*空模版*/
.jinsom-empty-page {
    text-align: center;
    color: #999;
    padding: 4vw 0 5vw;
    font-size: 4vw;
    clear: both;
}
.jinsom-empty-page i {
    font-size: 8vw;
}
.jinsom-empty-page .title p{
    font-size: 3.5vw;
    margin: 0;
}

/*消息闪动提醒*/
@keyframes tiping{
  0%{
    opacity: 0;
    color: #a4a4a4;
  }
  100%{
    opacity: 1;
    color: #fff;
  }
}
.tiping{
    animation: tiping 0.8s infinite ease-in-out;
}

/*旋转*/
.rotate{
    animation: recordRotate 10s linear 1s infinite;
}
.rotate-fast{
    animation: recordRotate 4s linear 1s infinite;
}

@keyframes recordRotate {
    to {
        transform: rotate(360deg);
    }
}


/*表情*/
.wp-smiley {
    width: 6.5vw;
    height: 6.5vw !important;
    max-height: 6.5vw !important;
    vertical-align: -1.2vw;
    display: inline-block !important;
}
/*金币图标*/
.jinsom-jinbi{
    color: #fe7f3e;
}
.jinsom-balance {
    color: #dd3333;
}

/*经验图标*/
.jinsom-jingyan {
    color: #41a3ff;
    font-size: 5.6vw;
}

/*VIP图标*/
.jinsom-huiyuan {
    color: #FFC107;
}

/*成长值图标*/
.jinsom-chengchangzhi {
    color: #09b563;
}

/*认证图标*/
.jinsom-verify {
    position: absolute;
    bottom: -1vw;
    right: -0.5vw;
    width: 4.3vw;
    height: 4.3vw;
    background-image: url(../../images/verify-icon.svg);
    background-size: 12.5vw;
    background-repeat: no-repeat;
}
.jinsom-verify-a {
    background-position: -4.2vw -4.2vw;
}
.jinsom-verify-b {
    background-position: -4.2vw -16.6vw;
}
.jinsom-verify-c {
    background-position: -4.2vw -41.6vw;/*女神*/
}
.jinsom-verify-d {
    background-position: -4.2vw -29vw;
}
.jinsom-custom-verify {
    background-size: 4.3vw;
    bottom: -0.5vw;
}
.navbar .jinsom-verify {
    bottom: 1.5vw;
    right: 1.5vw;
}
.navbar .jinsom-verify.jinsom-custom-verify{
    right: 2vw;
}
.navbar i.tips {
    position: relative;
}
.navbar i.tips>span {
    right: -3vw;
    top: 3vw !important;
}


/*会员图标*/
.jinsom-mark.jinsom-vip:before {
    content: '';
}
.jinsom-mark {
    font-size: 3vw;
    color: #fff;
    margin-left: 2vw;
    padding: 0.5vw 2vw;
    border-radius: 10vw;
    vertical-align: 0.5vw;
}
.jinsom-mark.jinsom-boy {
    padding: 0.5vw 1.2vw;
}
.jinsom-mark.jinsom-girl {
    padding: 0.5vw 1.5vw;
}
.jinsom-boy {
    background-color: #1E9FFF;
}
.jinsom-girl {
    background-color: #FF69B4;
}
.jinsom-honor {
    background-color: #009688;
}
.jinsom-distance {
    background-color: #bbb;
}
.jinsom-chat-user-list li .desc .jinsom-distance {
    background-color: #fff;
    color: #6db2e8;
    padding: 0;
    vertical-align: 0;
}
.jinsom-chat-user-list.nearby-people li .desc .jinsom-distance {
    margin-right: 2vw;
    margin-left: 0;
}
.jinsom-chat-user-list li .desc .jinsom-distance i {
    font-size: 3vw;
}
.nearby-people .jinsom-chat-user-list li .desc .jinsom-distance{
    margin-right: 2vw;
    margin-left: 0;
}


/*头部*/
.navbar .center input {
    height: 8vw;
    border-radius: 10vw;
    font-size: 3.5vw;
    padding-left: 10vw;
}
.navbar a.link{
    line-height: 11vw;
    height: 11vw;
}
.subnavbar a.link{
    line-height: 10vw;
    height: 10vw;
}
.navbar .right .follow {
    line-height: 7vw;
    font-size: 3vw;
    position: absolute;
    right: 0;
    top: 2vw;
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    color: #ee665c;
    border-radius: 4vw;
}
.navbar .right .follow i {
    font-size: 4vw;
    vertical-align: -0.5vw;
}
.navbar .right .follow.had {
    display: none;
}


.navbar .center a .avatarimg {
    position: relative;
    height: 7vw;
    margin-right: 2vw;
    display: inline-block;
}
.navbar .center a .avatarimg img {
    width: 7vw;
    height: 7vw;
    border: none;
    background-color: #f1f1f1;
    display: inherit;
}
.navbar .center a .name {
    font-size: 4vw;
    display: block;
    margin: 0;
    line-height: initial;
    max-width: 50vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.navbar .center a .avatarimg i {
    bottom: -0.4vw;
    right: -1.2vw;
}
.navbar .center a .avatarimg i.jinsom-custom-verify {
    bottom: -0.5vw;
}
/*----------------------------------首页---------------------------------*/
#jinsom-view-home .page-content {
    margin-bottom: 14.5vw;
}
.jinsom-refresh-success {
    text-align: center;
    font-size: 4vw;
    line-height: 10vw;
    color: #35b558;
}
.jinsom-refresh-success i {
    font-size: 5vw;
    vertical-align: -1px;
}



/*首页菜单*/

/*.jinsom-home-navbar .subnavbar {
    border-bottom: 1px solid #f0f0f0;
}*/
.jinsom-home-menu,.jinsom-video-special-menu,.jinsom-bbs-menu {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling:touch;
    white-space: nowrap;
    width: 100%;
    padding: 0vw 2vw;
}
.jinsom-home-menu li, .jinsom-video-special-menu li, .jinsom-bbs-menu li {
    margin-right: 6.5vw;
    display: inline-block;
    position: relative;
    color: #333;
    line-height: 10vw;
    font-size: 3.5vw;
}
.jinsom-bbs-menu {
    padding: 0 2vw 0vw;
    background-color: #fff;
    box-sizing: border-box;
    margin: 2vw;
    border-radius: 1vw;
    width: 96vw;
}
.jinsom-bbs-menu li {
    line-height: 12vw;
}
.jinsom-home-menu li.on, .jinsom-video-special-menu li.on, .jinsom-bbs-menu li.on{
    color: #46c47c;
    font-size: 4.5vw;
}
.jinsom-bbs-post-list.jinsom-post-list.jinsom-bbs-post-list-0 {
    margin: 2vw;
    background-color: #fff;
    border-radius: 1vw;
}
.jinsom-bbs-post-list.jinsom-post-list {
    min-height: 60vh;
    margin-bottom: 0 !important;
}



/*音乐*/
.jinsom-voice {
    background: #28aef5;
    float: left;
    display: block;
    line-height: 2.2rem;
    height: 2.2rem;
    border-radius: 1.1rem;
    text-align: center;
    min-width: 9rem;
    color: #fff;
    font-size: .8rem;
    text-decoration: none;
    position: relative;
    margin-right: .35rem;
    padding-right: .5rem;
}
.jinsom-voice span:first-child {
    width: .83rem;
    height: 1.185rem;
    position: absolute;
    bottom: 0;
    left: -.3rem;
    background-image: url(../images/voice-before.png);
    background-size: .83rem 1.185rem;
}
.jinsom-voice .wave1,.jinsom-voice .wave2 {
    display: block;
    width: .8rem;
    height: .8rem;
    background-size: .8rem;
    position: absolute;
    top: .65rem;
    left: .65rem;
}
.jinsom-voice .wave1{
    background-image: url(../images/voice-1.png);
}
.jinsom-voice .wave2{
    background-image: url(../images/voice-2.png);
}
.jinsom-voice .wave3{
    display: block;
    position: absolute;
    width: .8rem;
    height: .8rem;    
    top: .65rem;
    left: .65rem;
    background-image: url(../images/voice-3.png);
    background-size: .8rem;
}


/*------------------------------------消息----------------------------*/
.page.jinsom-notice-page {
    background-color: #fff;
}
.jinsom-chat-notice {
    padding: 6vw 0 4vw;
    align-items: center;
    display: flex;
}
.jinsom-chat-notice>li {
    flex: 1;
    text-align: center;
    position: relative;
}
.jinsom-chat-notice>li>a {
    display: inline-block;
}
.jinsom-chat-notice i {
    width: 12vw;
    display: inline-block;
    border-radius: 2vw;
    background-color: #FF5722;
    color: #fff;
    line-height: 6vw;
    text-align: center;
    padding: 3vw 0;
}
.jinsom-chat-notice>li p {
    font-size: 3.5vw;
    color: #555;
    margin-top: 1vw;
}
.jinsom-chat-notice>li .tips {
    position: absolute;
    background-color: #f65a5b;
    font-size: 3vw;
    color: #fff;
    right: 3vw;
    top: -2vw;
    height: 4.5vw;
    border-radius: 10vw;
    padding: 0 1.5vw;
    min-width: 4.5vw;
    line-height: 4.8vw;
    display: inline-block;
    box-sizing: border-box;
}
.jinsom-chat-notice .jinsom-aite2 {
    background-color: #f0b849;
}
.jinsom-chat-notice .jinsom-pinglun2 {
    background-color: #6fbc6d;
}
.jinsom-chat-notice .jinsom-xihuan2 {
    background-color: #f4979c;
}
.jinsom-chat-notice .jinsom-tongzhi1 {
    background-color: #69c5e4;
}


.jinsom-chat-tab {
    color: #6d6d72;
    display: flex;
    width: 100%;
}
.jinsom-chat-tab a {
    flex: 1;
    position: relative;
    text-align: center;
    line-height: 10vw;
    opacity: 0.5;
    color: #555;
    display: inline-block;
}
.jinsom-chat-tab a.active {
    opacity: 1;
    color: #46c47c;
}
.jinsom-chat-tab a.active:after {
    position: absolute;
    left: 45%;
    bottom: 0;
    content: '';
    width: 10%;
    border-bottom: 2px solid #46c47c;
}
.jinsom-chat {
    padding-bottom: 3vw;
}
.jinsom-chat-user-list {
    padding: 2vw 0;
}
#jinsom-chat-tab-recently .jinsom-chat-user-list {
    padding-top: 0;
}
.jinsom-chat-user-list a {
    display: block;
    padding: 3vw 0;
    height: 12vw;
}
.jinsom-chat-user-avatar {
    float: left;
    height: 15vw;
}
.jinsom-chat-user-avatar img {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
    margin-right: 2vw;
}
.jinsom-chat-user-info .name {
    font-size: 5vw;
}
.jinsom-chat-user-info .time {
    float: right;
    font-size: 3vw;
    color: #999;
}
.jinsom-chat-user-info .content {
    color: #999;
    margin-top: 2vw;
    margin-left: 17vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 70%;
}
.jinsom-chat-user-info .content m {
    color: #2196F3;
}
.jinsom-chat-user-info .content p {
    margin: 0;
}
.jinsom-chat-user-list a .tips {
    position: absolute;
    right: 1vw;
    bottom: 5vw;
    padding: 0vw 2vw;
    background-color: #F44336;
    color: #fff;
    border-radius: 10vw;
    font-size: 3vw;
}



.jinsom-chat-user-list li {
    padding: 0 4vw;
}
.jinsom-chat-user-list li.top {
    background-color: #fbfbfb;
}
.jinsom-chat-user-list li.reg .jinsom-icon,.jinsom-chat-user-list li.cash .jinsom-icon,.jinsom-chat-user-list li.order-send .jinsom-icon {
    width: 12vw;
    height: 12vw;
    line-height: 12vw;
    text-align: center;
    display: block;
    background-color: #555;
    color: #fff;
    border-radius: 100%;
}
.jinsom-chat-user-list li.cash .jinsom-icon {
    background-color: #aa7fff;
}
.jinsom-chat-user-list li .avatar {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
}
.jinsom-chat-user-list li .time {
    position: absolute;
    right: 0;
    top: 2vw;
    font-size: 3vw;
    color: #999;
}
.jinsom-chat-user-list li .tips {
    position: absolute;
    right: 0;
    bottom: 5vw;
}
.jinsom-chat-user-list li .tips .badge {
    background-color: #ff3b30;
}
.jinsom-chat-user-list li .name {
    font-size: 4vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-chat-user-list li .desc {
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 2vw;
    width: 80%;
    font-size: 3vw;
    height: 4.5vw;
}
.jinsom-chat-user-list li .desc m {
    color: #2196F3;
}
.jinsom-chat-user-list li .item-media {
    padding: 4vw 0;
    height: 12vw;
    position: relative;
    width: 17vw;
}
.jinsom-chat-user-list li .item-media .jinsom-verify {
    bottom: 3.5vw;
    right: 3.5vw;
}
.jinsom-chat-user-list li .item-inner {
    padding: 4vw 0;
    flex: 1;
    height: 20vw;
}
.jinsom-chat-user-list li .item-title {
    width: 100%;
}
.jinsom-chat-user-list li .swipeout-actions-right a {
    font-size: 4vw;
    height: 100%;
}


/*----------------------------我的-------------------------------*/
.jinsom-mine-page,.jinsom-chat-group-list-content,.jinsom-chat-list-content {
    padding-top: 0 !important;
}
.jinsom-mine-page li i {
    font-size: 5.5vw;
}
.jinsom-mine-page li.profile .item-media i, .jinsom-mine-page li.style .item-media i {
    vertical-align: -2vw;
}
.jinsom-mine-page li.jinsom-mine-user-info i {
    font-size: inherit;
}
.jinsom-mine-page .list-block li a{
    padding: 0vw 4vw;
}
.jinsom-mine-page .list-block li .item-media {
    padding: 3vw 0;
    margin-right: 4vw;
    min-width: inherit;
}
.jinsom-mine-page .list-block li.jinsom-mine-user-info .item-media {
    padding: 5vw 0;
}
.jinsom-mine-page .list-block li .item-inner {
    padding: 4vw 0;
    align-items: center;
    display: flex;
}
.jinsom-mine-page .list-block li .item-inner .item-title>i,.jinsom-mine-box li.visitor p>i{
    width: 2vw;
    height: 2vw;
    display: inline-block;
    background-color: #FF5722;
    border-radius: 100%;
    margin-left: 1vw;
}
.jinsom-mine-box li.visitor p>i {
    position: absolute;
    margin-top: 1vw;
}
.jinsom-mine-page .list-block li .item-media img {
    width: 17vw;
    height: 17vw;
    border-radius: 2vw;
    box-sizing: border-box;
}
.jinsom-mine-user-info .item-media {
    height: 17vw;
    position: relative;
}
.jinsom-mine-user-info .item-media .jinsom-verify {
    bottom: 4vw;
    right: -1vw;
}
.jinsom-mine-page .list-block li .item-title p {
    margin: 2vw 0;
}
.jinsom-mine-page .list-block li .item-title .name {
    font-size: 4.5vw;
}


.jinsom-mine-page .jinsom-mine-box .exp {
    display: flex;
    align-items: center;
    margin: 1vw 0;
}
.jinsom-mine-page .jinsom-mine-box .progress {
    width: 40vw;
    height: 1vw;
    background-color: #ddd;
    border-radius: 20vw;
    margin-right: 1vw;
}
.jinsom-mine-page .jinsom-mine-box .bar {
    height: 100%;
    background-color: var(--jinsom-color);
    border-radius: 20vw 0 0 20vw;
}
.jinsom-mine-page .list-block li .item-title .id {
    color: #999;
    font-size: 3.8vw;
}
.jinsom-mine-page .jinsom-mine-box .progress-text {
    margin-left: 2vw;
    color: #999;
    font-size: 3.8vw;
}
.jinsom-mine-user-info .item-inner {
    padding: 3vw 0;
}
.jinsom-mine-page .list-block li.sign .item-after {
    color: #00b25e;
}
.jinsom-mine-page hr {
    background-color: #eeeeee;
    height: 2vw;
    margin: 0;
}






/*-----------------------底部工具栏---------------------*/
/*小圆点通知*/
.toolbar .badge.tips {
    position: absolute;
    top: 0vw !important;
    font-size: 3vw;
    height: 4.5vw;
    border-radius: 10vw;
    padding: 0 1.5vw;
    min-width: 4.5vw;
    font-family: -apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 4.8vw;
    background-color: #f65a5b;
    left: 50%;
    margin-left: 2vw;
    z-index: 16;
}

.jinsom-footer-toolbar .notice i {
  position: relative;
}
/*发表*/
.jinsom-footer-toolbar .publish i {
    font-size: 11vw;
    line-height: 12vw;
    color: #46c47c;
    top: 0;
}
/*多色图标支持*/
.jinsom-footer-toolbar .publish svg {
    width:11vw;
    height:11vw;
}
.jinsom-footer-toolbar .publish {
    padding: 0 !important;
}




/*-----------------------------登录注册表单--------------------*/
.jinsom-login-form {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.jinsom-join-reg {
    float: right;
    width: 14vw;
    font-size: 4.5vw;
}
.jinsom-login-input-form {
    position: absolute;
    top: 22%;
    left: 0;
    right: 0;
    width: 90%;
    margin: auto;
    padding-bottom: 20vw;
}
.jinsom-login-input-form p input {
    width: 100%;
    outline: none;
    padding: 2vw 4vw 2vw 12vw;
    cursor: pointer;
    color: #000;
    border-radius: 10vw;
    box-sizing: border-box;
    border: none;
    font-size: 4vw;
    height: 11vw;
    background-color: #fff;
}
.jinsom-login-input-form p {
    position: relative;
    margin: 0 0 5vw;
    opacity: 0.8;
}
.jinsom-mobile-login-form-btn>div {
    position: relative;
    background-color: #46c47c;
    box-sizing: border-box !important;
    color: #fff;
    text-align: center;
    font-size: 4vw;
    margin-bottom: 8vw;
    line-height: 11vw;
    border-radius: 10vw;
    opacity: 0.9;
}
.jinsom-mobile-login-form-btn {
    display: flex;
}
.jinsom-mobile-login-form-btn .jinsom-login-btn {
    flex: 4;
}

.jinsom-login-input-form p.name:before {
    content: "\e63c";
    font-family: "jinsom-icon" !important;
    position: absolute;
    top: 1.6vw;
    left: 3vw;
    font-size: 5vw;
    margin-left: 1vw;
    color: #000000;
}
.jinsom-login-input-form p.pass:before {
    content: "\e634";
    font-family: "jinsom-icon" !important;
    position: absolute;
    top: 2.5vw;
    left: 3.5vw;
    font-size: 4.5vw;
    margin-left: 1vw;
    color: #000000;
}
.jinsom-login-input-form p.mail:before {
    content: "\e70d";
    font-family: "jinsom-icon" !important;
    position: absolute;
    top: 2vw;
    left: 3.5vw;
    font-size: 5vw;
    margin-left: 1vw;
    color: #000000;
}
.jinsom-login-input-form p.phone:before {
    content: "\e641";
    font-family: "jinsom-icon" !important;
    position: absolute;
    top: 2vw;
    left: 3.5vw;
    font-size: 4.5vw;
    margin-left: 1vw;
    color: #000000;
}
.jinsom-login-input-form .code:before {
    content: "\e709";
    font-family: "jinsom-icon" !important;
    position: absolute;
    top: 0;
    left: 1.5vw;
    font-size: 8vw;
    margin-left: 1vw;
    color: #000000;
}
.jinsom-login-popover {
    top: 5vw !important;
    right: 5% !important;
    left: initial !important;
}
.popover-angle {
    display: none;
}
.jinsom-social-login {
    padding: 4vw 2vw 2vw;
    background-color: rgb(255 255 255 / 0.8);
    border-radius: 4vw;
}
.jinsom-social-login li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 3.5vw;
    margin-bottom: 4vw;
    box-sizing: border-box;
    border-radius: 1vw;
}
.jinsom-social-login li i {
    font-size: 10vw;
}
.jinsom-social-login li p {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}




/*设置页面*/
.jinsom-item-setting{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #8e8e93;
    text-align: right;
}
.jinsom-list-my-avatar .item-input {
    margin-top: 0;
    margin-bottom: -5px;
}
.jinsom-login-out{
    text-align: center;
    line-height: 44px;
}


/*视频播放器*/
.dplayer-setting {
    display: none !important;
}
.dplayer-full button.dplayer-icon.dplayer-full-in-icon {
    display: none !important;
}
.jinsom-video-player-navbar {
    background-color: #000 !important;
    position: fixed;
}
.jinsom-video-player-navbar .left i {
    color: #fff;
}
.dplayer:-webkit-full-screen video.dplayer-video.dplayer-video-current {
    height: 100% !important;
}
a.dplayer-icon.dplayer-camera-icon {
    display: none !important;
}
div.dplayer-menu.dplayer-menu-show {
display: none !important;
}

.jinsom-single video {
    max-width: 100%;
    height: auto;
}
.jinsom-single.video .jinsom-video-img {
    margin: 0;
    margin-bottom: 4vw;
}
.jinsom-single.video {
    padding: 4vw;
}
.dplayer:-webkit-full-screen {
    margin-top: 0vw !important;
    height: inherit !important;
}
#jinsom-video {
    background-color: #000;
    padding-top: 0 !important;
}


/*======================================内容模版样式============================================*/

/*动态模块*/
.jinsom-post-words {
    background-color: #fff;
    margin-bottom: 3vw;
    position: relative;
    font-size: 4vw;
    margin: 2vw;
    border-radius: 2vw;
}
.jinsom-post-words:nth-last-child(2),.home .jinsom-post-single:nth-last-child(2) {
    border: none;
}
.jinsom-post-words .header {
    padding: 4vw 2vw 0;
}
.jinsom-post-words .header .avatars {
    float: left;
    margin-right: 2vw;
    height: 10vw;
    position: relative;
}
.jinsom-post-words .header .avatars img {
    width: 10vw;
    height: 10vw;
    border-radius: 100%;
}
.jinsom-post-words .header .info {
    float: left;
    width: 78vw;
}
.jinsom-post-words .header .info .name {
    overflow: hidden;
    white-space: nowrap;
    font-size: 3.8vw;
    padding: 0.5vw 0;
    margin-bottom: 0.5vw;
}
.jinsom-post-words .header .info .other {
    font-size: 3vw;
    color: #8e8e93;
}
.jinsom-post-words .header .info .other span {
    margin-right: 2vw;
}
.jinsom-post-words .header .info .other span a{
    color: #8e8e93;
}
.jinsom-post-words .content {
    padding: 3vw 4vw;
    word-wrap: break-word;
    overflow: hidden;
}
.jinsom-post-words .content .desc {
    font-size: 4vw;
    color: #555;
}
.jinsom-post-read-more {
    padding: 2vw 4vw 4vw;
    color: #2196F3;
    cursor: pointer;
}
.jinsom-post-words .content h1 {
    color: #000;
    font-size: 4.2vw;
    font-weight: normal;
    margin: 0;
    margin-bottom: 2vw;
}
.jinsom-post-words .content h1 .sticky-member,.jinsom-post-single h1 .sticky-member {
    margin-left: 1vw;
    margin-right: 1vw;
    vertical-align: 0.6vw !important;
}
.jinsom-post-words .content h1 .sticky-member:before, .jinsom-post-single h1 .sticky-member:before{
    content: '顶';
}
.jinsom-post-words .content h1 .type, .jinsom-single h1 .type {
    padding: 0.5vw 1.5vw;
    border-radius: 1vw;
    color: #fff;
    margin-right: 1vw;
    font-size: 3vw;
    vertical-align: 0.6vw;
    word-break: keep-all;
}
.jinsom-single h1 .type{
    font-size: 3.5vw;
}
/*有图*/
.jinsom-bbs-post-type-img i {
    font-size: 4vw;
    color: #999;
}
/*置顶*/
.jinsom-bbs-post-type-up {
    background-color: #1499f8;
}
/*加精*/
.jinsom-bbs-post-type-nice {
    background-color: #f35b4f;
}
/*付费*/
.jinsom-bbs-post-type-pay {
    background-color: #FF9800;
}
.jinsom-bbs-post-type-pay:before{
    content:"付费";
}
/*投票*/
.jinsom-bbs-post-type-vote {
    background-color: #673AB7;
}
.jinsom-bbs-post-type-vote:before{
    content:"投票";
}
/*vip*/
.jinsom-bbs-post-type-vip {
    background-color: #e4cd02;
}
.jinsom-bbs-post-type-vip:before{
    content:"VIP可见";
}
/*回复可见*/
.jinsom-bbs-post-type-comment {
    background-color: #009688;
}
.jinsom-bbs-post-type-comment:before{
    content:"回复可见";
}
/*登录可见*/
.jinsom-bbs-post-type-login {
    background-color: #6d89bb;
}
.jinsom-bbs-post-type-login:before{
    content:"登录可见";
}
/*问答未完成*/
.jinsom-bbs-post-type-answer {
    background-color: #FF5722;
}
/*问答已经完成*/
.jinsom-bbs-post-type-answer.ok {
    background-color: #4fc277;
}
.jinsom-bbs-post-type-answer.ok:before{
    content:"已解决";
}
/*活动帖子*/
.jinsom-bbs-post-type-activity {
    background-color: #5fb878;
}
.jinsom-bbs-post-type-activity:before{
    content:"活动";
}
.jinsom-post-words .content>a {
    display: block;
}
.jinsom-post-words .content img,.jinsom-post-single-content img {
    max-width: 100%;
    height: auto;
}
.jinsom-post-words .content p {
    margin: 0;
    font-size: 4vw;
}
.jinsom-post-words .content iframe,.jinsom-post-single-content iframe{
    max-width: 100%;
}
.jinsom-post-single-content iframe {
    height: 60vw;
    width: 100%;
}
.jinsom-post-single-content li {
    list-style: inherit;
}
.jinsom-post-single-content .jinsom-post-link {
    vertical-align: 1vw;
}
.jinsom-post-single-content .jinsom-post-link i:before {
    vertical-align: sub;
    margin-right: 1vw;
}
.jinsom-post-words .footer {
    padding: 3vw 0vw 3vw;
    display: flex;
    border-top: 1px solid #f5f5f5;
    margin: 0 4vw;
}
.jinsom-post-words .footer a {
    color: #888;
    width: 25%;
}
.jinsom-post-words .footer a.more {
    flex: 1;
    text-align: right;
    padding-right: 2vw;
}
.jinsom-post-words .footer a i {
    font-size: 4vw;
}
.jinsom-post-words>a {
    display: inline-block;
    width: 100%;
}
.jinsom-post-images-list {
    padding: 0 4vw 4vw;
}
.jinsom-post-images-list a {
    overflow: hidden;
    position: relative;
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    border: 1px solid #f5f5f5;
    height: 30vw;
    border-radius: 1vw;
}
.jinsom-post-images-list a i.gif, .jinsom-comment-image-list a .gif {
    width: 10vw;
    position: absolute;
    background: rgb(0 0 0 / 0.6);
    bottom: 1vw;
    right: 1vw;
    text-align: center;
    color: #fff;
    font-size: 3.5vw;
    font-style: normal;
    border-radius: 1vw;
}
.jinsom-post-images-list a i.long {
    background-color: #507daf;
}
.jinsom-post-images-list a img {
    width: 100%;
    float: left;
    height: 100%;
    border-radius: 1vw;
    min-height: 100%;
    object-fit: cover;
}
.jinsom-post-images-list a.one img{
    min-height: initial;
    min-width: 20vw;
}
.jinsom-post-images-list a.one {
    width: inherit;
    max-width: 50%;
    max-height: 300px;
    height: auto;
}
.jinsom-post-images-list a.blur {
    border-radius: 2vw;
    border: 1px solid #fff;
}
.jinsom-post-images-list a.blur img {
    filter: blur(15px);
    -webkit-filter: blur(15px);
    background-color: #888;
}
.jinsom-post-images-list a.blur i.jinsom-icon {
    font-size: 7vw;
    text-align: center;
    position: absolute;
    z-index: 9;
    color: #fff;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -3.5vw;
    opacity: 0.5;
}
.jinsom-post-images-list a.blur i.gif {
    opacity: 0.4;
}
.jinsom-page-single-content .jinsom-post-images-list a.blur .more-img {
    display: none;
}

.jinsom-post-words .content .topic {
    color: #46c47c;
    margin-right: 10px;
}
.jinsom-post-at, .jinsom-post-link, .post_at {
    color: #6c81f7;
    margin: 0 2vw;
    display: inline-flex;
    overflow: hidden;
}
.jinsom-post-link {
    vertical-align: 0.8vw;
}
.jinsom-post-words .follow {
    position: absolute;
    right: 2vw;
    top: 2vw;
    padding: 0vw 1.5vw;
    color: #ffffff;
    border-radius: 20vw;
    font-size: 3vw;
    background-color: #46c47c;
}
.jinsom-post-words .follow.has {
    background-color: #bbb;
}
.jinsom-post-words .follow i {
    vertical-align: -0.6vw;
    font-size: 5vw;
}
.jinsom-hide-content {
    padding: 2vw;
    margin: 0vw 4vw 2vw;
    background-color: #F8F8F9;
    word-wrap: break-word;
    border-radius: 1vw;
}
.jinsom-hide-content img {
    max-width: 100%;
    height: auto;
}
.jinsom-tips {
    text-align: center;
    margin: 0 4vw 4vw;
    color: #999;
    background-color: #F8F8F9;
    padding: 8vw;
    font-size: 3.8vw;
    border-radius: 1vw;
}
.jinsom-tips.hidden {
    display: none;
}
.jinsom-tips .jinsom-btn {
    background-color: var(--jinsom-color);
    color: #fff;
    padding: 2vw 2vw;
    margin: 2vw 8vw;
    border-radius: 1vw;
}
.jinsom-tips .jinsom-icon {
    vertical-align: -0.6vw;
}
.jinsom-tips .jinsom-btn a {
    color: #fff;
    display: inline-block;
    width: 100%;
}
/*.jinsom-post-password {
    margin-top: 1vw;
    position: relative;
    align-items: center;
    display: flex;
}
.jinsom-post-password:before {
    content: "\f023";
    position: absolute;
    top: 2vw;
    left: 2vw;
    font-family: FontAwesome;
    font-size: 4.5vw;
    margin-left: 4px;
    color: #949494;
}
.jinsom-post-password input {
    line-height: 10vw;
    border: none;
    padding-left: 10vw;
    border-radius: 1vw 0 0 1vw;
    padding: 0 0 0 10vw;
    flex: 1;
    width: 30vw;
}
.jinsom-post-password span {
    background-color: #5FB878;
    color: #fff;
    cursor: pointer;
    line-height: 10vw;
    display: inline-block;
    width: 15vw;
    font-size: 3.5vw;
    border-radius: 0 1vw 1vw 0;
}*/
.jinsom-single .jinsom-tips {
    margin: 0 0 4vw;
}
.jinsom-single .jinsom-hide-content {
    margin: 0vw 0 2vw;
    word-wrap: break-word;
}
.jinsom-single .jinsom-hide-content p {
    font-size: 4vw;
    line-height: 7vw;
}
.jinsom-post-city {
    padding: 0 0 2vw 4vw;
    font-size: 3.5vw;
    color: #0569b8;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(50% - 5vw);
}
.jinsom-post-city i,.jinsom-publish-words-form .city i {
    font-size: 3.5vw;
}
.jinsom-single .jinsom-post-city {
    padding: 0;
    margin-bottom: -2vw;
    margin-top: 2vw;
    width: 100%;
}
.jinsom-city-topic-bar .topic-list {
    float: right;
    margin-right: 2vw;
    color: #999;
    margin-bottom: 2vw;
    margin-left: 4vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 3.5vw;
    max-width: calc(50% - 5vw);
}
.jinsom-post-single .jinsom-city-topic-bar .topic-list {
    margin-left: 0;
}
.jinsom-city-topic-bar .topic-list a {
    color: #999;
    margin-right: 2vw;
}
.jinsom-city-topic-bar>div:first-child {
    float: left;
}

/*文章*/
[data-page="post-single"] .toolbar {
    border-top: 1px solid #f6f6f6;
}
#jinsom-post-single-content,#jinsom-post-words-content {
    background-color: #fff;
}
.jinsom-post-single-content {
    word-wrap: break-word;
    overflow: hidden;
    padding-bottom: 2vw;
}
.jinsom-post-single {
    background-color: #fff;
    position: relative;
    font-size: 4.5vw;
    padding: 4vw 4vw 3vw;
    background-repeat: no-repeat;
    background-position: right 2vw;
    background-size: 600px;
    border-radius: 2vw;
    margin: 2vw;
}
.jinsom-post-single .jinsom-post-city {
    padding: 0vw 0 2vw;
}
.jinsom-post-single h1 {
    color: #000;
    font-size: 4.2vw;
    font-weight: normal;
    margin: 0;
    margin-bottom: 2vw;
    margin-top: 1vw;
}
.jinsom-post-single-thum {
    display: flex;
    padding-top: 2vw;
}
.jinsom-post-single-thum>div {
    position: relative;
    height: 25vw;
    margin-right: 1vw;
    background-size: cover;
    background-position: center;
    border: 1px solid #f5f5f5;
    width: 33%;
    display: inline-block;
    border-radius: 1vw;
    background-color: #f8f8f8;
}
.jinsom-post-single-thum>div:last-child{
    margin-right:0; 
}
.jinsom-post-single-thum>div:last-child span {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    height: 4.5vw;
    display: inline-block;
    color: #fff;
    text-align: center;
    bottom: 1vw;
    right: 1vw;
    border-radius: 2px;
    font-size: 3.5vw;
    padding: 0 1vw;
}
.jinsom-post-single .footer {
    font-size: 4vw;
    display: flex;
    padding-top: 3vw;
    border-top: 1px solid #f5f5f5;
}
.jinsom-post-single .footer a {
    line-height: 6.2vw;
    color: #888;
    text-align: right;
    width: 16vw;
}
.jinsom-post-single .footer a.more {
    margin-right: 2vw;
}
.jinsom-post-single .footer a.user {
    margin-right: 2vw;
    flex: 1;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-post-single .footer a:first-child img {
    vertical-align: -1.2vw;
    border-radius: 100%;
    width: 5.2vw;
    height: 5.2vw;
}
.jinsom-post-single .footer a i {
    font-size: 4vw;
}
.jinsom-post-single-desc {
    font-size: 3.5vw;
    color: #666;
    word-break: break-all;
}
.jinsom-post-single-content .left {
    float: left;
    width: 33.33%;
    height: 22vw;
}
.jinsom-post-single-content .left>div {
    width: 100%;
    height: 22vw;
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 1vw;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
}
.jinsom-post-single-content .right {
    margin-left: 35%;
    font-size: 3.5vw;
    color: #666;
    line-height: 5.8vw;
}
.jinsom-post-single-content pre,.jinsom-post-words .content pre {
    display: inline-flex;
    word-wrap: break-word;
    background: #eee;
    max-width: 100%;
    overflow: auto;
    padding: 2vw;
    box-sizing: border-box;
    margin: 0;
    line-height: 1.2;
    font-size: 4vw;
}

/*音乐模块*/
.aplayer {
    box-shadow: 0 0 0 #fff;
    border: 1px solid #f0f0f0;
    margin: 1vw 0;
    max-width: 100%;
}
.aplayer .aplayer-pic {
    width: 20vw !important;
    height: 20vw !important;
}
.aplayer .aplayer-info {
    height: 20vw !important;
    margin-left: 20vw !important;
    padding: 9vw 3vw 0 3vw !important;
}
.aplayer .aplayer-controller {
    margin-top: 0 !important;
}
.aplayer .aplayer-music,.aplayer .aplayer-controller .aplayer-icon-mode {
    display: none;
}
.aplayer .aplayer-controller {
    margin-top: 16px;
}
.aplayer .aplayer-pic {
    background-size: cover;
    background-position: center;
}

/*视频模块*/
.jinsom-video-img {
    height: 50vw;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 2vw;
    border-radius: 2vw;
    margin: 5vw 4vw 0vw;
    background-color: #4d4d4d;
}
.jinsom-video-img.custom {
    margin: 0 0 3vw;
}
.jinsom-video-img i {
    background: rgba(0,0,0,.4);
    top: 50%;
    left: 50%;
    position: absolute;
    color: #fff;
    border-radius: 50%;
    width: 15vw;
    height: 15vw;
    text-align: center;
    line-height: 15vw;
    margin-top: -7.5vw;
    margin-left: -7.5vw;
    font-size: 7vw;
}
.jinsom-bofang-:before {
    content: "\e653";
    margin-left: 1.5vw;
}
.jinsom-video-tips {
    display: flex;
    background-color: #333;
    margin: 4vw 4vw 0;
    border-radius: 2vw;
    height: 50vw;
    align-items: center;
    justify-content: center;
    color: #f1f1f1;
    font-size: 4vw;
    background-size: cover;
    position: relative;
    background-position: center;
}
.jinsom-video-tips-shade {
    background-color: rgb(0, 0, 0);
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 2vw;
}
.jinsom-video-tips-content {
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
    position: relative;
    z-index: 2;
}
.jinsom-single .jinsom-video-tips {
    margin: 0 0 4vw;
}
.jinsom-video-tips .btn {
    width: 25vw;
    text-align: center;
    background-color: var(--jinsom-color);
    padding: 1.5vw;
    border-radius: 1vw;
    margin: 3vw auto 0;
    color: #fff;
}
.jinsom-video-tips .btn a {
    color: #fff;
}
.jinsom-video-tips .text i {
    vertical-align: -0.5vw;
}
.jinsom-video-tips .btn i {
    vertical-align: -0.5vw;
    font-size: 5vw;
}
.jinsom-video-tips .btn.had {
    background-color: #bbb;
    text-shadow: none;
}
.jinsom-video-tips .btn.follow-see {
    padding: 1vw;
}


/*动态详情页*/
#jinsom-post-words-content, #jinsom-post-single-content {
    padding-bottom: 14vw;
}
.jinsom-post-words-tool {
    display: flex;
    width: 100%;
    align-items: center;
}
.jinsom-post-words-tool >a:first-child {
    line-height: 8vw;
    color: #999;
    font-size: 3.5vw;
    height: 8vw;
    background-color: #f6f6f6;
    border-radius: 20vw;
    padding-left: 4vw;
    flex: 1;
}
.jinsom-post-words-tool >a:first-child i {
    font-size: 4vw;
}
.jinsom-post-words-tool>span a i {
    position: relative;
    color: #666;
}
.jinsom-post-words-tool>span a i.jinsom-shoucang {
    color: #FF9800;
}
.jinsom-post-words-tool>span a m {
    position: absolute;
    font-size: 3vw;
    padding: 0 2vw;
    color: #fff;
    background-color: #e57373;
    line-height: initial;
    border-radius: 5vw;
    top: -1vw;
    left: 3vw;
}
.jinsom-post-words-tool>span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.jinsom-post-words-tool>span a {
    text-align: center;
    flex: 1;
    overflow: inherit;
    width: 12vw;
}
#jinsom-comment-page textarea {
    border: none;
    width: calc(100% - 8vw);
    margin: 4vw 4vw 0;
    box-sizing: border-box;
    font-size: 4.5vw;
    max-height: 70vw;
    height: 30vw;
    padding: 4vw;
    background-color: #f8f8f8;
    border-radius: 1vw;
    resize: none;
    max-height: 58vw;
}




/*转发模版*/
.jinsom-reprint {
    padding: 2vw 4vw 2vw;
    word-wrap: break-word;
    background-color: #f5f5f5;
    margin: 0 2vw 2vw;
    border-radius: 2vw;
}
.jinsom-page-single-content .jinsom-reprint {
    margin: 0;
}
.jinsom-reprint-author a, .jinsom-reprint-author a font {
    color: #1e73be !important;
    font-size: 4vw;
}
.jinsom-reprint-title {
    font-size: 4.2vw;
    color: #333;
    margin-bottom: 1vw;
}
.jinsom-reprint-author {
    margin-bottom: 1vw;
}
.jinsom-reprint-content {
    color: #555;
    font-size: 3.8vw;
    line-height: 1.6;
}
.jinsom-reprint .jinsom-post-images-list {
    padding: 2vw 0;
}
.jinsom-reprint-content .wp-smiley {
    width: 5.8vw;
    height: 5.8vw !important;
    max-height: 5.8vw !important;
    vertical-align: -1vw;
}
.jinsom-reprint-author-name {
    display: inline-flex;
    overflow: hidden;
}
.jinsom-reprint-content .jinsom-reprint-more {
    color: #1e73be;
    margin-bottom: 1vw;
    display: inline-block;
}




/*通用内容页面*/
.jinsom-single {
    background-color: #fff;
    position: relative;
    font-size: 4.5vw;
    padding: 4vw;
    background-repeat: no-repeat;
    background-position: right 0vw;
    background-size: 600px;
    box-sizing: border-box;
}
.jinsom-single>h1 {
    color: #000;
    font-size: 5vw;
    font-weight: normal;
    margin: 0;
    margin-bottom: 2vw;
    word-break: break-all;
}
.jinsom-post-single-content p {
    line-height: 6vw;
    display: block;
    min-height: 6vw;
    font-size: 4vw;
}
.jinsom-single-author-info {
    padding-bottom: 3vw;
    font-size: 4vw;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 3vw;
}
.jinsom-single-author-info span {
    color: #999;
}
.jinsom-single-author-info span.dot {
    margin: 0 2vw;
}
.jinsom-single .footer {
    display: flex;
    padding-top: 4vw;
    border-top: 1px solid #f5f5f5;
    margin-top: 4vw;
}
.jinsom-single .footer a {
    color: #888;
    width: 25%;
}
.jinsom-single .footer a.comment, .jinsom-single .footer a.views, .jinsom-single .footer a.more {
    display: none;
}
.jinsom-single .footer a.more {
    flex: 1;
    text-align: right;
    padding-right: 2vw;
}
.jinsom-single .footer a i {
    font-size: 4.5vw;
}
.jinsom-single-copyright-info {
    border: 1px solid #efefef;
    color: #999;
    border-radius: 1vw;
    font-size: 4vw;
    line-height: 8vw;
    padding: 3vw;
    margin-top: 5vw;
    margin-bottom: 4vw;
}
.jinsom-post-single .footer a .like.had,.jinsom-post-words .footer a .like.had,.jinsom-single .footer a .like.had,.jinsom-select-content li .bar .like i.had {
    color: #f56b41;
}
.jinsom-post-like {
    margin-top: 4vw;
}
.jinsom-post-like a {
    margin-right: 1.7vw;
    margin-bottom: 2vw;
    display: inline-block;
    width: 10vw;
    height: 10vw;
    position: relative;
}
.jinsom-post-like a:nth-child(8n) {
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    color: #888;
}
.jinsom-post-like a img {
    width: 10vw;
    height: 10vw;
    border-radius: 100%;
}
.jinsom-single .jinsom-post-images-list {
    padding: 0 0 4vw;
}


.jinsom-single-comment>.header {
    padding: 0 4vw 2vw;
    border-bottom: 1px solid #f1f1f1;
}
.jinsom-single-comment>.header li {
    float: left;
    width: 20%;
    text-align: center;
    position: relative;
    color: #666;
    padding: 2vw 0;
}
.jinsom-single-comment>.header li.on {
    color: #46c47c;
}
.jinsom-single-comment>.header li.on:after {
    position: absolute;
    left: 35%;
    bottom: 0;
    content: '';
    width: 30%;
    box-sizing: border-box;
    border-bottom: 1vw solid #46c47c;
}
.jinsom-single-comment>.header li.author {
    margin-left: 4vw;
}
.jinsom-single-comment>.header .sort {
    float: right;
    width: inherit;
    padding: 2vw 0;
    color: #666;
}
.jinsom-single-comment>.header .sort i {
    font-size: 4vw;
}
.jinsom-page-single-content {
    padding-bottom: 12vw !important;
}
.jinsom-single-comment-list {
    padding-top: 2vw;
    padding-bottom: 14vw;
}
.jinsom-single-comment-list>div {
    position: relative;
    padding: 4vw;
    overflow: hidden;
}
.jinsom-comment-li.current-comment {
    background-color: #f8f8f8;
}
.jinsom-single-comment-list .jinsom-empty-page {
    padding: 10vw 0;
}
.jinsom-single-comment-list>div .up {
    position: absolute;
    right: 4vw;
    color: #999;
}
.jinsom-single-comment-list>div .up.on {
    color: #f56b41;
}
.jinsom-single-comment-list>div .up i {
    font-size: 5vw;
    margin-right: 1vw;
}
.jinsom-single-comment-list>div .avatarimg {
    float: left;
    width: 10vw;
    height: 10vw;
    margin-right: 2vw;
    position: relative;
}
.jinsom-single-comment-list>div .avatarimg img {
    width: 10vw;
    height: 10vw;
    border-radius: 100%;
}
.jinsom-single-comment-list>div .info {
    float: left;
    width: 80vw;
}
.jinsom-single-comment-list>div .info .name {
    overflow: hidden;
    white-space: nowrap;
    font-size: 3.8vw;
    padding: 0.5vw 0;
}
.jinsom-single-comment-list>div .info .from {
    font-size: 3vw;
    color: #8e8e93;
}
.jinsom-single-comment-list>div .info .from span {
    margin-right: 4vw;
}
.jinsom-single-comment-list>div .info .from span.up-comment {
    padding: 0.2vw 1.5vw;
    border: 1px solid #E91E63;
    color: #E91E63;
    border-radius: 1vw;
    margin-right: 4vw;
}
.jinsom-single-comment-list>div .content {
    margin-left: 9vw;
    padding: 4vw;
    line-height: 8vw;
    word-wrap: break-word;
    position: relative;
}
.jinsom-single-comment-list>div .content .jinsom-post-link {
    vertical-align: 2vw;
}
.jinsom-single-comment-list>div .content .delete {
    color: #999;
    text-decoration: line-through;
}
.jinsom-single-comment-list>div .content .reward {
    color: #f44336;
}
.jinsom-single-comment-list>div .content .gift {
    color: #ff69a0;
}
.jinsom-single-comment-list>div .content .jinsom-zhuanzai {
    font-size: 4vw;
}
.jinsom-single-comment-list>div .content .jinsom-yicaina {
    position: absolute;
    right: -5vw;
    top: 0vw;
    color: #5fb878;
    font-size: 15vw;
    z-index: 99;
}
.jinsom-single-comment-list>div .content .jinsom-tips {
    margin: 0;
}
.jinsom-single-comment-list>div .content p {
    margin: 0;
    text-indent: unset !important;
}
.jinsom-single-comment-list>div .content img {
    max-width: 100%;
    height: auto;
    padding: 1vw;
    border: 1px solid #f1f1f1;
    border-radius: 1vw;
}
.jinsom-single-comment-list>div .content img.wp-smiley {
    padding: 0;
    border: none;
}
.jinsom-single-comment-list>div .footer {
    margin-left: 13vw;
    color: #888;
    padding-bottom: 4vw;
    border-bottom: 1px solid #f1f1f1;
    font-size: 4vw;
}
.jinsom-single-comment-list>div:last-child .footer {
    border-bottom: none;
}
.jinsom-single-comment-list>div .footer span {
    font-size: 3.5vw;
    margin-right: 4vw;
}
.jinsom-single-comment-list>div .footer span.time {
    float: left;
}
.jinsom-single-comment-list>div .footer span.reward a {
    color: #888;
}
.jinsom-single-comment-list>div .footer span.comment.on {
    background-color: #f1f1f1;
    padding: 0 2vw;
    border-radius: 5vw;
}
.jinsom-single-comment-list>div .footer span.comment m:after {
    content: ' 回复';
}
.jinsom-single-comment-list>div .footer span.answer {
    color: #5fb878;
    font-weight: bold;
}
.jinsom-redbag-icon, .redbag_icon {
    font-family: "jinsom-icon"!important;
    font-size: 5vw;
    margin-right: 1vw;
    color: #f44336;
}
.jinsom-redbag-icon:before,.redbag_icon:before {
    content: "\e6c8";
}
.jinsom-gift-icon {
    font-family: "jinsom-icon"!important;
    font-size: 5vw;
    margin-right: 1vw;
    color: #ff69a0;
}
.jinsom-gift-icon:before {
    content: "\e6f5";
}
.jinsom-single-comment-list>div .content .gift img {
    width: 12vw;
    height: 12vw;
    object-fit: contain;
    margin-left: 2vw;
    vertical-align: -4vw;
    border: none;
}

/*个人主页=====其他人*/

#jinsom-member-mine-page {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #89a6c6;
}
#jinsom-member-other-page {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #89a6c6;
}
#jinsom-member-other-page .jinsom-member-other-post-list {
    padding-bottom: 14vw;
    min-height: 65vh;
}
.jinsom-member-mine-post-list{
    min-height: 65vh;
}
[data-page=member-mine] .navbar-inner.color, [data-page=member-other] .navbar-inner.color, [data-page=bbs] .navbar-inner.color, [data-page=topic] .navbar-inner.color, [data-page=post-goods] .navbar-inner.color {
    background-color: var(--jinsom-navbar-bg-color);
    text-shadow: 0 0 0px rgba(0,0,0,0.5);
}
[data-page=member-mine] .navbar .center,[data-page=member-other] .navbar .center,[data-page=bbs] .navbar .center{
    display: none;
}
[data-page=member-mine] .navbar-inner.color .center,[data-page=member-other] .navbar-inner.color .center,[data-page=bbs] .navbar-inner.color .center{
    display: block;
}
.jinsom-member-header {
    padding-bottom: 2.5vw;
    position: relative;
    text-align: center;
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
    color: #fff;
}
.jinsom-member-header .avatarimg img {
    width: 20vw;
    height: 20vw;
    border-radius: 100%;
    border: 2px solid #fff;
    background-color: #fff;
}
.jinsom-member-header .avatarimg .jinsom-verify {
    left: 50%;
    margin-left: 5vw;
}
.jinsom-member-header .avatarimg {
    position: relative;
    height: 20vw;
}
.jinsom-member-header .name {
    font-size: 4vw;
    margin-bottom: 3vw;
    margin-top: 3vw;
    overflow: hidden;
}
.jinsom-member-header .desc {
    font-size: 3.5vw;
    margin-bottom: 5vw;
    padding: 0 10vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-member-header .info {
    display: flex;
}
.jinsom-member-header .info a {
    color: #fff;
}
.jinsom-member-header .info>div {
    flex: 1;
}
.jinsom-member-header .info p {
    margin: 0;
}
.jinsom-member-content {
    background-color: rgb(248 248 248 / 0.8);
}
.jinsom-history-single-content {
    background-color: #eee;
}
.jinsom-member-menu,.jinsom-topic-menu {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: 100%;
    padding: 0vw 4vw;
    box-sizing: border-box;
}
.jinsom-member-menu li, .jinsom-topic-menu li {
    margin-right: 6.5vw;
    display: inline-block;
    font-size: 3.5vw;
    padding: 2vw 0;
    position: relative;
    color: #333;
}
.jinsom-member-menu li.on:after, .jinsom-topic-menu li.on:after {
    pointer-events: none;
    position: absolute;
    left: 25%;
    bottom: 0;
    content: '';
    width: 50%;
    box-sizing: border-box;
    border-bottom: 2px solid #46c47c;
    border-radius: 5vw;
}
.jinsom-member-menu li:last-child {
    margin-right: 0;
}
.jinsom-member-menu li.on, .jinsom-topic-menu li.on {
    color: #46c47c;
    font-size: 4vw;
}
.jinsom-member-other-toolbar .toolbar-inner>div {
    flex: 1;
    text-align: center;
    line-height: 10vw;
}
.jinsom-member-other-toolbar .toolbar-inner>div:last-child {
    border-right: none;
}
.jinsom-member-other-toolbar .follow {
    border-right: 1px solid #f1efef;
    color: #46c47c;
}
.jinsom-member-other-toolbar .follow.had {
    color: #bbb;
}
.jinsom-member-other-toolbar .follow i {
    vertical-align: -0.5vw;
}
.jinsom-member-other-toolbar .chat {
    border-right: 1px solid #f1efef;
    color: #999;
}
.jinsom-member-other-toolbar .chat i {
    font-size: 5vw;
}
.jinsom-member-other-toolbar .gift {
    color: #ff69a0;
}
.jinsom-member-other-toolbar .gift i {
    vertical-align: -0.2vw;
    font-size: 5.8vw;
}



/*音乐播放器*/
.jinsom-music-player {
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
.jinsom-player-content {
    box-sizing: border-box;
    width: 100%;
    height: 50%;
    overflow: hidden;
    margin-top: 15%;
}
.jinsom-music-player-close {
    position: absolute;
    color: #fff;
    opacity: 0.7;
    width: 18vw;
    height: 18vw;
    text-align: center;
    line-height: 18vw;
}
.jinsom-music-player-close i {
    font-size: 8vw;
}
.jinsom-player-record {
    position: relative;
    width: 100%;
    height: 100%;
}
.jinsom-player-record .record-bg {
    width: 60vw;
    height: 60vw;
    border: 2vw solid rgba(245, 245, 245, 0.2);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.jinsom-player-record .record-pic {
    width: 40vw;
    height: 40vw;
    border-radius: 50%;
    overflow: hidden;
    border: 2vw solid rgba(245, 245, 245, 0.2);
}
.jinsom-player-record .record-pic no-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.jinsom-player-record .record-pic no-img i {
    font-size: 18vw;
    color: #647076;
}
.jinsom-player-record .record-pic img {
    width: 100%;
    height: 100%;
    display: block;
}
.jinsom-player-record .record-bg, .jinsom-player-record .record-pic {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.jinsom-player-lyrics {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 10vw 10vw 5vw;
    box-sizing: border-box;
    color: #fff;
    font-size: 4.8vw;
    line-height: 8vw;
    overflow-y: auto;
    word-wrap: break-word;
}
.jinsom-player-lyrics .title {
    font-size: 5.5vw;
}
.jinsom-player-lyrics p {
    margin: 2vw 0;
}
.jinsom-player-lyrics .wp-smiley {
    width: 7vw;
    height: 7vw !important;
    max-height: 7vw !important;
    vertical-align: -2vw;
}
.jinsom-player-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgb(57, 57, 57), #5e727c);
}
.jinsom-player-progress {
    height: 15%;
    margin-top: 15%;
}
.jinsom-player-progress .progress-bar {
    position: relative;
    height: 0.7vw;
    width: 75vw;
    border-radius: 1vw;
    background: rgba(255,255,255, 0.4);
    margin: 6vw auto;
}
.jinsom-player-progress .progress {
    height: 100%;
    width: 0%;
    background: #FF5722;
    border-radius: 1vw;
}
.jinsom-player-progress .progress-btn {
    position: absolute;
    left: 0;
    top: -2vw;
    width: 1vw;
    height: 1vw;
    margin-left: -1vw;
    background: #FF5722;
    border-radius: 100%;
    border: 2vw solid #fff;
}
.jinsom-player-footer-btn {
    color: #bbb;
    display: flex;
    padding: 0 9vw;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    height: 15%;
}
.jinsom-player-footer-btn>div {
    flex: 1;
    text-align: center;
}
.jinsom-player-footer-btn>div i {
    font-size: 8vw;
}
.jinsom-player-footer-btn>div .jinsom-xihuan1 {
    color: #F44336;
}
.jinsom-player-footer-btn .comment {
    position: relative;
}
.jinsom-player-footer-btn .play {
    flex: 3;
}
.jinsom-player-footer-btn .comment m {
    position: absolute;
    right: -5px;
    top: -10px;
    display: inline-block;
    width: 30px;
}
.jinsom-music-voice {
    width: 50vw;
    padding: 2vw;
    color: #fff;
    background-color: var(--jinsom-color);
    position: relative;
    margin-left: 6vw;
    border-radius: 2vw;
    margin: 2vw 0 4vw 6vw;
}
.jinsom-music-voice:after {
    content: '';
    position: absolute;
    left: -4vw;
    top: 2vw;
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: var(--jinsom-color) transparent transparent;
    overflow: hidden;
    border-width: 4vw;
}
.jinsom-pop-music-player {
    display: none;
}


/*注册表单*/
.jinsom-reg-form .jinsom-login-input-form {
    top: 15%;
}
.jinsom-login-input-form p.code {
    display: flex;
}
.jinsom-login-input-form p.code a {
    width: 100%;
    border-radius: 10vw;
    background-color: #46c47c;
    color: #fff;
    margin-left: 3vw;
    font-size: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jinsom-login-input-form p.code #code {
    border-radius: 4px 0 0 4px;
}
.jinsom-login-input-form p.code .jinsom-get-code {
    margin-left: 3vw;
    padding: 0;
    background-color: #46c47c;
    color: #fff;
    border-radius: 10vw;
    -webkit-appearance: none;
}
.jinsom-get-code.no {
    background-color: #aaa !important;
}
.jinsom-reg-doc {
    margin-bottom: 5vw;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 2px #000;
}
.jinsom-reg-doc input {
    -webkit-appearance:checkbox;
    vertical-align: -0.5vw;
}
.jinsom-reg-doc a {
    color: #2196F3;
    text-shadow: 0 0px 0px #000;
    font-size: 3.5vw;
}
.jinsom-reg-doc-form .picker-modal-inner {
    overflow-y: scroll;
    padding: 4vw;
}
.toolbar-inner .right {
    width: 14vw;
    height: 14vw;
    display: inline-block;
    text-align: center;
    line-height: 14vw;
}
.popover-inner ul {
    min-height: 15vw;
}


/*聊天界面*/
.jinsom-chat-toolbar li.smile {
    padding-left: 2vw;
    padding-right: 2vw;
}
.jinsom-chat-toolbar li.input {
    border: 1px solid #eee;
    margin: 0;
    align-items: center;
    border-radius: 6vw;
    box-sizing: border-box;
    padding-left: 4vw;
    width: 75%;
    display: flex;
    background-color: #fff;
}
.jinsom-chat-toolbar li.input textarea {
    border: none;
    height: 8vw;
    padding: 1vw;
    box-sizing: border-box;
    font-size: 3.5vw;
}
.jinsom-chat-toolbar li.input>span {
    width: 12vw;
    text-align: center;
    position: relative;
}
.jinsom-chat-toolbar li.input>span>i {
    font-size: 7vw;
    color: var(--jinsom-color);
}
.jinsom-chat-toolbar li.smile, .jinsom-chat-toolbar li.image {
    flex: 1;
    text-align: center;
}
.jinsom-chat-toolbar li.smile i, .jinsom-chat-toolbar li.image i {
    color: #666;
}
.jinsom-chat-toolbar li.smile i {
    font-size: 6.3vw;
    vertical-align: -3vw;
}


.jinsom-chat-list,.jinsom-chat-group-list {
    padding: 2vw;
}
.jinsom-chat-list li,.jinsom-chat-group-list li {
    position: relative;
    margin-bottom: 5vw;
    padding-left: 16.5vw;
    min-height: 18vw;
}
.jinsom-chat-list li.myself,.jinsom-chat-group-list li.myself {
    text-align: right;
    padding-left: 0;
    padding-right: 16.5vw;
}
.jinsom-chat-message-list-user-info {
    display: inline-block;
    vertical-align: top;
    box-sizing: content-box;
    position: absolute;
    left: 0;
    height: 12vw;
    width: 100%;
}
.jinsom-chat-message-list-user-info .jinsom-verify {
    left: 9vw;
}
.jinsom-chat-list li.myself .jinsom-chat-message-list-user-info,.jinsom-chat-group-list li.myself .jinsom-chat-message-list-user-info {
    left: auto;
    right: 0vw;
}
.jinsom-chat-message-list-user-info img.avatar {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
}
.jinsom-chat-message-list-content {
    position: relative;
    line-height: 7vw;
    padding: 3vw 3vw;
    background-color: #e2e2e2;
    border-radius: 2vw;
    color: #333;
    word-break: break-word;
    display: inline-block;
    vertical-align: top;
    margin-top: 2vw;
    max-width: 90%;
    box-sizing: border-box;
}
.myself .jinsom-chat-message-list-content a {
    color: #fff !important;
}
.jinsom-chat-message-list-content a {
    text-decoration: underline;
}
.jinsom-chat-group-list li .jinsom-chat-message-list-content {
    margin-top: 7vw;
}
.jinsom-chat-group-list li.myself .jinsom-chat-message-list-content {
    margin-top: 2vw;
}
.jinsom-chat-list li.myself .jinsom-chat-message-list-content, .jinsom-chat-group-list li.myself .jinsom-chat-message-list-content {
    margin-left: 0;
    text-align: left;
    background-color: var(--jinsom-color);
    color: #fff;
}
.jinsom-chat-message-list-content:after {
    content: '';
    position: absolute;
    left: -3vw;
    top: 3vw;
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #e2e2e2 transparent transparent;
    overflow: hidden;
    border-width: 3vw;
}
.jinsom-chat-list li.myself .jinsom-chat-message-list-content:after,.jinsom-chat-group-list li.myself .jinsom-chat-message-list-content:after {
    left: auto;
    right: -3vw;
    border-top-color: var(--jinsom-color);
}
.jinsom-chat-message-list-content img {
    max-width: 100%;
}
.jinsom-chat-message-list-content a[data-fancybox="gallery"] {
    display: block;
    margin-bottom: 5vw;
}
.jinsom-chat-message-list-content a[data-fancybox="gallery"] img {
    display: block;
    border-radius: 1vw;
}

.jinsom-chat-list li:last-child,.jinsom-chat-group-list li:last-child {
    margin-bottom: 5vw;
}
.jinsom-chat-message-list-time {
    text-align: center;
    font-size: 3vw;
    color: #888;
    margin: 3vw;
}
.jinsom-chat-message-list-content i.error {
    position: absolute;
    color: #F44336;
    left: -7vw;
    top: 0;
    cursor: pointer;
    font-size: 5.5vw;
}
.jinsom-chat-message-tips {
    text-align: center;
    margin-bottom: 3vw;
}
.jinsom-chat-message-tips span {
    display: inline-block;
    padding: 1vw 4vw;
    border-radius: 10vw;
    background-color: #f3f3f3;
    cursor: default;
    font-size: 3vw;
    color: #999;
}
.jinsom-chat-message-tips span n {
    margin: 0 2vw;
    color: #7ec6ff;
}
.jinsom-chat-tap-popover {
    width: 50vw;
    padding: 2vw 0;
}
.popover-angle:after {
    left: 50% !important;
    margin-left: -3vw !important;
    top: -7vw !important;
}
.jinsom-chat-tap-tool {
    display: flex;
}
.jinsom-chat-tap-tool a {
    flex: 1;
    padding: 0 2vw;
    text-align: center;
}
.jinsom-chat-tap-tool a:hover {
    background-color: #e3e2e2;
}
.jinsom-chat-message-list-user-info span.name {
    position: relative;
    left: 1vw;
    top: -8vw;
    font-size: 4vw;
    white-space: nowrap;
    color: #999;
    text-align: left;
    font-style: normal;
    width: 81vw;
    display: inline-block;
    overflow: hidden;
}
.jinsom-msg-tips {
    position: absolute;
    right: 2vw;
    top: -12vw;
    background-color: var(--jinsom-color);
    color: #fff;
    width: 10vw;
    height: 10vw;
    text-align: center;
    line-height: 10vw;
    border-radius: 20vw;
    font-size: 3vw;
    display: none;
}
.jinsom-msg-tips:after {
    left: 3vw;
    bottom: -0.5vw;
    transform: rotate(45deg);
    background: var(--jinsom-color);
    content: "";
    height: 4vw;
    position: absolute;
    width: 4vw;
    z-index: -1;
}

/*签到*/
.jinsom-sign-header {
    background-color: #fff;
    padding: 4vw 8vw;
    display: flex;
    margin-bottom: 4vw;
}
.jinsom-sign-header .left {
    flex: 1;
}
.jinsom-sign-header p {
    margin: 0;
}
.jinsom-sign-header .left p:first-child {
    margin-bottom: 2vw;
}
.jinsom-sign-header .left p:first-child span {
    color: #F44336;
    margin-right: 2vw;
    font-size: 8vw;
}
.jinsom-sign-header p:last-child {
    color: #999;
}
.jinsom-sign-header .right {
    display: flex;
    align-items: center;
}
.jinsom-sign-header .right .btn {
    padding: 1.5vw 6vw;
    background-color: #46c47c;
    color: #fff;
    border-radius: 1vw;
    font-size: 4vw;
}
.jinsom-sign-header .right .btn.had {
    background-color: #ccc;
}
.jinsom-sign-page-content {
    padding: 4vw;
}
.jinsom-sign-page-content table {
    border: none;
}
.jinsom-sign-page-content td {
    text-align: center;
    border: none;
}
.jinsom-sign-page-content thead td {
    font-size: 4.5vw;
    font-weight: 400;
}
.jinsom-sign-page-content thead:after {
    content: '-';
    display: block;
    line-height: 0;
    color: transparent;
}
.jinsom-sign-page-content tbody td {
    width: calc(100%/7);
    border: 4px solid #fff;
    padding: 0;
    padding-top: calc(100%/7);
    position: relative;
    border-radius: 4px;
}
.jinsom-sign-page-content tbody td>span {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2vw;
    top: 0;
    color: #878787;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.jinsom-sign-page-content tbody td m {
    font-size: 3vw;
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #ff786e;
    color: #fff;
    padding: 0 1vw;
    border-radius: 3vw;
}
.jinsom-sign-page-content tbody td i {
    position: absolute;
    color: #26ae3c;
    bottom: 1vw;
    opacity: 0.8;
    left: 30%;
}
.jinsom-sign-page-content tbody td.today span {
    border-color: #5fb878;
}

.jinsom-sign-page-box {
    padding: 4vw 8vw 4vw;
}
.jinsom-sign-page-month-days {
    text-align: center;
    font-size: 4.5vw;
    margin-bottom: 4vw;
}
.jinsom-sign-page-month-days span {
    padding: 0 2vw;
    color: #f00;
}
.jinsom-sign-page-box .content li {
    display: flex;
    margin-bottom: 6vw;
    align-items: center;
}
.jinsom-sign-page-box .content li .img {
    flex: 1;
    color: #555;
}
.jinsom-sign-page-box .content li img {
    width: 12vw;
    height: 12vw;
    object-fit: contain;
    margin-right: 4vw;
    float: left;
}
.jinsom-sign-page-box .content li .img>span {
    line-height: 12vw;
}
.jinsom-sign-page-box .content li .btn {
    background-color: var(--jinsom-color);
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    width: 20vw;
    text-align: center;
}
.jinsom-sign-page-box .content li .btn.had {
    background-color: #ccc;
}



/*签到排行*/
.jinsom-sign-rank-content {
    padding: 32vw 4vw 4vw !important;
    padding-top: 32vw !important;
    background-color: #fff;
}
.jinsom-sign-rank li.one {
    text-align: center;
    position: relative;
}
.jinsom-sign-rank li .avatarimg {
    position: relative;
}
.jinsom-sign-rank li.one .avatarimg img {
    width: 18vw;
    height: 18vw;
    border-radius: 100%;
}
.jinsom-sign-rank li.one .avatarimg .jinsom-verify {
    left: 50%;
    margin-left: 4vw;
    bottom: 1.5vw;
}
.jinsom-sign-rank li.one .name {
    margin-bottom: 2vw;
    font-size: 5vw;
    overflow: hidden;
}
.jinsom-sign-rank li.one .desc {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
}
.jinsom-sign-rank li.one .number {
    font-size: 5vw;
}
.jinsom-sign-rank li.one .number i {
    margin: 0 2vw;
    color: #f00;
}
.jinsom-sign-rank li.other {
    padding: 4vw 0;
    border-bottom: 1px solid #f8f8f8;
}
.jinsom-sign-rank li.other a {
    display: flex;
    position: relative;
}
.jinsom-sign-rank li.other .avatarimg {
    height: 14vw;
    margin-right: 3vw;
}
.jinsom-sign-rank li.other .avatarimg img {
    border-radius: 100%;
    width: 14vw;
    height: 14vw;
}
.jinsom-sign-rank li.other .info {
    flex: 1;
}
.jinsom-sign-rank li.other .name {
    line-height: 7vw;
    margin-top: 1vw;
    overflow: hidden;
}
.jinsom-sign-rank li.other .desc {
    font-size: 4vw;
    line-height: 8vw;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 50vw;
}
.jinsom-sign-rank li.other .number {
    display: flex;
    align-items: center;
    color: #666;
    position: absolute;
    right: 0;
    bottom: 1vw;
}
.jinsom-sign-rank li.other .number i {
    font-size: 5vw;
    color: #f00;
    margin: 0 1vw;
}
.jinsom-sign-rank li:last-child {
    border: none;
}
#jinsom-continuous-sign-rank li.one .desc {
    position: initial;
    margin-bottom: 2vw;
}
.jinsom-sign-rank li.one>span {
    position: absolute;
    left: 0;
    background-color: #FFEB3B;
    color: #fff;
    padding: 0.5vw 2vw;
    border-radius: 1vw;
}



/*发布类型*/
.jinsom-publish-type-form {
    background: rgba(255, 255, 255, 0.95);
}
.jinsom-publish-type-form .bottom {
    bottom: 20vw;
    position: absolute;
    width: 100%;
    padding: 4vw;
    box-sizing: border-box;
}
.jinsom-publish-type-form .bottom li {
    float: left;
    text-align: center;
    padding: 2vw;
    width: 33.33%;
    box-sizing: border-box;
    margin-bottom: 2vw;
}
.jinsom-publish-type-form .ad {
    padding: 6vw 4vw;
    color: #666;
}
.jinsom-publish-type-form .bottom li span {
    display: block;
    width: 8vw;
    height: 8vw;
    padding: 2vw;
    margin: 0 auto 2vw;
    border-radius: 2vw;
    overflow: hidden;
    color: #fff;
    line-height: 8vw;
}
.jinsom-publish-type-form .bottom li.words span, .jinsom-publish-type-form .bottom li.pay span {
    background-color: #f48924;
}
.jinsom-publish-type-form .bottom li.music span {
    background-color: #ff4f81;
}
.jinsom-publish-type-form .bottom li.video span,.jinsom-publish-type-form .bottom li.activity span {
    background-color: #009fe3;
}
.jinsom-publish-type-form .bottom li.single span,.jinsom-publish-type-form .bottom li.answer span {
    background-color: #5fb878;
}
.jinsom-publish-type-form .bottom li.bbs span {
    background-color: #9E9E9E;
}
.jinsom-publish-type-form .bottom li.redbag span {
    background-color: #e94658;
}
.jinsom-publish-type-form .bottom li.vote span {
    background-color: #4CAF50;
}
.jinsom-publish-type-form .bottom li.comment span {
    background-color: #009688;
}
.jinsom-publish-type-form .bottom li.login span {
    background-color: #6d89bb;
}
.jinsom-publish-type-form .bottom li.vip span {
    background: #FFC107;
}
.jinsom-publish-type-form .bottom li p {
    color: #555;
    font-size: 4vw;
}
.jinsom-publish-type-form .bottom li span i {
    font-size: 5vw;
}
.jinsom-publish-type-form .close {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.jinsom-publish-type-form .close a {
    width: 20vw;
    height: 20vw;
    text-align: center;
    display: inline-block;
    line-height: 20vw;
    color: #999;
}
.jinsom-publish-type-form .close a i {
    font-size: 8vw;
}
.jinsom-publish-type-form.profile-qrcode #jinsom-qrcode {
    text-align: center;
    margin-top: 50%;
}
.jinsom-publish-type-form.profile-qrcode .tips {
    text-align: center;
    margin-top: 2vw;
    font-size: 4.5vw;
    color: #333;
}


/*附件下载*/
.jinsom-file-download {
    padding: 2vw;
    background-color: #f2f2f5;
    display: flex;
    box-sizing: border-box;
    border-radius: 4px;
    align-items: center;
    margin-bottom: 2vw;
}
.jinsom-file-download .icon {
    height: 12vw;
    text-align: center;
    line-height: 12vw;
    border-radius: 100%;
    background-color: #03A9F4;
    color: #fff;
    margin-right: 2vw;
}
.jinsom-file-download .icon i {
    width: 12vw;
    height: 12vw;
    display: inline-block;
}
.jinsom-file-download .info {
    flex: 1;
    margin-right: 2vw;
    width: 10vw !important;
}
.jinsom-file-download .info .name {
    font-size: 4vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 60vw;
}
.jinsom-file-download .info .pass {
    font-size: 3.5vw;
    color: #999;
    margin-top: 1vw;
    overflow: hidden;
    max-height: 10vw;
    line-height: 5vw;
}
.jinsom-file-download .btn {
    display: block;
    width: 10vw;
    height: 10vw;
    text-align: center;
    line-height: 10vw;
    color: #2196F3;
}

/*活动帖子*/
.jinsom-bbs-activity-content {
    padding: 3vw;
    background-color: #f8f8f8;
    color: #555;
}
.jinsom-bbs-activity-content p {
    margin-bottom: 2vw;
}
.jinsom-bbs-activity-content p span {
    color: #f00;
}
.jinsom-bbs-activity-btn,.jinsom-btn {
    text-align: center;
    padding: 2vw;
    background-color: #5fb878;
    color: #fff;
    margin: 12px auto;
    cursor: pointer;
    border-radius: 1vw;
}
.jinsom-bbs-activity-btn.no, .jinsom-btn.no, .jinsom-btn.had {
    background-color: #ccc;
}
.jinsom-btn.follow-see {
    padding: 0.5vw 0;
}
.jinsom-bbs-comment-activity li {
    margin-bottom: 3vw;
    background-color: #fafafa;
    padding: 3vw;
    border-radius: 1vw;
}
.jinsom-bbs-comment-activity li label {
    color: #35b558;
}
.jinsom-bbs-comment-activity li .content {
    margin: 0;
    padding: 0;
    line-height: 7vw;
    font-size: 4vw;
    color: #888;
}
.jinsom-activity-form-list {
    padding: 8vw 4vw 0;
}
.jinsom-activity-form-list li {
    margin-bottom: 8vw;
}
.jinsom-activity-form-list li textarea {
    height: 30vw;
}
.jinsom-activity-form-list li input, .jinsom-activity-form-list li textarea {
    border: 1px solid #f1f1f1;
    padding: 3vw 2vw;
    border-radius: 1vw;
    width: 100%;
    box-sizing: border-box;
    margin-top: 2vw;
}
.jinsom-activity-form-list li img {
    display: block;
    width: 20vw;
    height: auto;
    border-radius: 1vw;
    margin-top: 4vw;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
}
.jinsom-activity-form-list label {
    border-left: 1vw solid #46c47c;
    padding-left: 2vw;
}
.jinsom-activity-form-tips {
    text-align: center;
    color: #999;
    padding-bottom: 8vw;
}
.jinsom-activity-upload {
    background-color: #46c47c;
    color: #fff;
    padding: 2vw 3vw;
    border-radius: 1vw;
    position: relative;
    display: block;
    margin-top: 2vw;
    text-align: center;
}
.jinsom-upload-activity-form {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.jinsom-upload-activity-form input {
    margin: 0 !important;
    padding: 0 !important;
    height: 10vw;
}

/*投票帖子*/
.jinsom-bbs-vote-info {
    padding: 3vw;
    background-color: #f8f8f8;
    color: #555;
    margin-top: 2vw;
}
.jinsom-bbs-vote-info span {
    display: block;
    line-height: 8vw;
}
.jinsom-bbs-vote-info span i {
    color: #f00;
    font-style: normal;
}
.jinsom-bbs-vote-progress {
    height: 3vw;
    line-height: 3vw;
    position: relative;
    border-radius: 20px;
    background-color: #e2e2e2;
    margin-bottom: 5vw;
    margin-top: 1vw;
}
.jinsom-bbs-vote-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    max-width: 100%;
    border-radius: 20px;
    text-align: right;
    background-color: #5FB878;
    height: 3vw;
    line-height: 3vw;
}
.jinsom-bbs-vote-text span {
    color: #5fb878;
}

.jinsom-bbs-vote-form li {
    clear: both;
    margin-bottom: 4vw;
    background-color: #f8f8f8;
    padding: 2vw;
}
.jinsom-bbs-vote-form li>input {
    float: left;
    width: 6vw;
    height: 6vw;
    margin: 0;
    margin-right: 2vw;
    -webkit-appearance: checkbox;
}



/*购买页面*/
.jinsom-post-buy-form {
    text-align: center;
    padding: 10vw;
}

.jinsom-post-buy-form .header i {
    font-size: 25vw;
    color: #ccc;
}


/*发布动态*/
.jinsom-publish-words-form {
    background-color: #fff;
    padding: 4vw;
}
.jinsom-publish-words-form .title {
    margin-top: 4vw;
    display: none;
}
.jinsom-publish-words-form .title input {
    border: none;
    width: 100%;
    box-sizing: border-box;
    font-size: 5vw;
    padding: 0;
}
.jinsom-publish-words-form .content {
    margin-top: 4vw;
    position: relative;
}
.jinsom-publish-words-form .content textarea {
    width: 100%;
    box-sizing: border-box;
    height: 40vw;
    border: none;
    resize: none;
    background-repeat: no-repeat;
    background-position: right 2vw;
    background-size: 600px;
    padding: 3vw;
    background-color: #f8f8f8;
    border-radius: 1vw;
    font-size: 4vw;
    background-size: cover !important;
    background-position: center !important;
    max-height: 58vw;
}
.jinsom-publish-words-form .content>.smile {
    position: absolute;
    right: -1vw;
    bottom: 1vw;
    color: #999;
    width: 12vw;
    text-align: center;
    height: 10vw;
    line-height: 10vw;
}
.jinsom-publish-words-form .city {
    color: #0569b8;
    padding-bottom: 2vw;
    padding-top: 2vw;
    font-size: 3.5vw;
}
.jinsom-publish-words-form .city.no {
    text-decoration: line-through;
    color: #aaa;
}
.jinsom-publish-words-form .add {
    width: 30vw;
    height: 30vw;
    color: #bbb;
    line-height: 33vw;
    text-align: center;
    font-family: 宋体;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    float: left;
    background-color: #f1f1f1;
    box-sizing: border-box;
    border-radius: 1vw;
}
.jinsom-publish-words-form .add i {
    font-size: 8vw;
}
.jinsom-publish-words-form .add input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border: solid transparent;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.jinsom-publish-words-form .images li {
    float: left;
    width: 30vw;
    height: 30vw;
    margin-right: 1vw;
    margin-bottom: 1vw;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #f5f5f5;
    position: relative;
    border-radius: 1vw;
}
.jinsom-publish-words-form .images li img {
    width: 100%;
    height: 30vw;
    min-height: 100%;
    object-fit: cover;
}
.jinsom-publish-words-form .images li:nth-child(3n) {
    margin-right: 0;
}
.jinsom-publish-words-form .tool {
    display: flex;
    align-items: center;
    height: 14vw;
    margin-top: 2vw;
    margin-bottom: 4vw;
}
.jinsom-publish-words-form .tool span {
    flex: 1;
    text-align: center;
    color: #999;
}
.jinsom-publish-words-form .tool span p {
    font-size: 3vw;
}
.jinsom-publish-words-form .tool span i.jinsom-quxiaojinzhi-,.jinsom-publish-words-form .tool span i.jinsom-kaisuo {
    color: #4CAF50;
}
.jinsom-publish-words-form .tool span i.jinsom-jinzhipinglun-,.jinsom-publish-words-form .tool span i.jinsom-suo {
    color: #f00;
}

.jinsom-publish-words-form .add:nth-child(3n) {
    margin-right: 0;
}
.jinsom-publish-words-form .images {
    margin-bottom: 6vw;
    -moz-user-select: none;        
    -webkit-user-select: none;        
    user-select: none;
}
.jinsom-publish-words-form .add span {
    width: 10vw;
    height: 10vw;
    margin-top: 9vw;
    display: none;
}
.jinsom-publish-words-form .images ul {
    margin: 0;
    padding: 0;
}
.jinsom-publish-words-form .images li i {
    position: absolute;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 0 1vw;
    border-radius: 1vw;
    font-size: 4vw;
}
.jinsom-publish-words-form .topic span {
    background-color: #ccc;
    color: #fff;
    padding: 0.5vw 2vw;
    border-radius: 4vw;
    margin-right: 2vw;
    display: inline-block;
    margin-top: 2vw;
    float: left;
    font-size: 3.5vw;
}
.jinsom-publish-words-form .topic span:last-child {
    margin-right: 0;
}
.jinsom-publish-words-form .category-city {
    display: flex;
}
.jinsom-publish-words-form .category-city .city {
    flex: 1;
}
#jinsom-bbs-category {
    font-size: 4.5vw;
    border: 1px solid #ddd;
    padding: 0 2vw;
    border-radius: 1vw;
}
.jinsom-publish-words-form .add-application {
    display: flex;
    margin: 0vw 0 4vw;
    padding: 2vw;
    background-color: #f1f1f1;
    border-radius: 1vw;
    align-items: center;
}
.jinsom-publish-words-form .add-application .left {
    flex: 1;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-publish-words-form .add-application .left i {
    margin-right: 1vw;
    vertical-align: -0.4vw;
    font-size: 5vw;
}
.jinsom-publish-words-form .add-application .right {
    color: #999;
}
.jinsom-publish-words-form .add-application .right i {
    font-size: 3.5vw;
}




/*发布艾特*/
.jinsom-publish-aite-popup,.jinsom-publish-power-popup,.jinsom-publish-topic-popup,.jinsom-publish-bg-popup {
    overflow-y: hidden;
}
.jinsom-publish-aite-popup .navbar,.jinsom-publish-power-popup .navbar,.jinsom-publish-topic-popup .navbar,.jinsom-publish-bg-popup .navbar {
    display: flex;
}
.jinsom-publish-aite-form {
    padding: 4vw;
    padding-bottom: 15vw;
}
/*.jinsom-publish-aite-form .search input {
    background-color: #f5f5f5;
    border: none;
    width: 100%;
    padding: 3vw;
    box-sizing: border-box;
    border-radius: 1vw;
    font-size: 3.5vw;
}*/
.jinsom-publish-aite-form .list {
    padding: 2vw 0;
}
.jinsom-publish-aite-form .list li {
    display: flex;
    padding: 2vw 0 2vw;
}
.jinsom-publish-aite-form .list li .avatarimg {
    width: 12vw;
    height: 12vw;
    padding-bottom: 2vw;
    margin-right: 3vw;
    position: relative;
}
.jinsom-publish-aite-form .list li .avatarimg .jinsom-verify {
    bottom: 1vw;
}
.jinsom-publish-aite-form .list li .name {
    display: flex;
    align-items: center;
    font-size: 4vw;
    width: 100%;
    padding-bottom: 2vw;
    border-bottom: 1px solid #f5f5f5;
    color: #555;
    overflow: hidden;
}
.jinsom-publish-aite-form .list li .avatarimg img {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
    margin-right: 3vw;
}
.jinsom-publish-aite-form .list li:last-child .name {
    border: none;
}
.jinsom-publish-aite-form .list.topic li .avatarimg img {
    border-radius: 1vw;
}
.jinsom-publish-aite-form .list li .hot {
    width: 35vw;
    display: flex;
    align-items: center;
    color: #999;
    margin-left: 5vw;
}
.jinsom-publish-aite-form .list li .hot i {
    margin-top: -1vw;
    margin-right: 1vw;
}
.jinsom-publish-aite-form .list.topic li:nth-child(1) .name, .jinsom-publish-aite-form .list.topic li:nth-child(1) .hot {
    color: #f00;
}
.jinsom-publish-aite-form .list.topic li:nth-child(2) .name, .jinsom-publish-aite-form .list.topic li:nth-child(2) .hot {
    color: #FF5722;
}
.jinsom-publish-aite-form .list.topic li:nth-child(3) .name, .jinsom-publish-aite-form .list.topic li:nth-child(3) .hot {
    color: #FF9800;
}
.jinsom-publish-aite-form .list.topic li.search .name{
    color: #333 !important;
}
.jinsom-publish-aite-form .list.topic li.search .hot {
    color: #999 !important;
}
.jinsom-publish-aite-form .list .new {
    padding: 2vw 1vw;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 2vw;
    display: inherit;
}
.jinsom-publish-aite-form .list .new .name {
    border-bottom: none;
    padding-bottom: 0;
}
.jinsom-publish-aite-form .list .new .desc {
    color: #999;
    font-size: 3.2vw;
}
.jinsom-publish-power-form {
    padding: 4vw;
}
.jinsom-publish-power-form li {
    display: flex;
    align-items: center;
    padding: 3vw 0;
}
.jinsom-publish-power-form li .left {
    margin-right: 5vw;
}
.jinsom-publish-power-form li .left i {
    font-size: 8vw;
    color: #999;
}
.jinsom-publish-power-form li .right .desc {
    color: #999;
    font-size: 3vw;
}
.jinsom-publish-power-form li.login .left i {
    font-size: 9vw;
    margin-right: -1vw;
}
.jinsom-publish-power-form li .right {
    width: 100%;
}
.jinsom-publish-power-form li .select {
    color: #46c47c;
    width: 15vw;
}
.jinsom-publish-words-form .power-content {
    border-top: 1px solid #f5f5f5;
    padding-top: 2vw;
}
.jinsom-publish-words-form .power-content .answer-price {
    width: 100%;
    margin: 2vw 0px;
    background-color: #f9f9f9;
    padding: 3vw;
    box-sizing: border-box;
    border-radius: 1vw;
    border: none;
}
.jinsom-publish-words-form .power-content input,.jinsom-publish-words-form .download-box input,.jinsom-publish-words-form .field-box input {
    border: none;
    width: 35vw;
    padding: 2vw 0;
    border-bottom: 1px solid #f1f1f1;
}
.jinsom-publish-words-form .power-content textarea,.jinsom-publish-words-form .field-box textarea {
    border: none;
    height: 25vw;
    width: 100%;
    font-size: 4vw;
    margin-top: 4vw;
    background-color: #f6f6f6;
    padding: 2vw;
    box-sizing: border-box;
    border-radius: 1vw;
}
.jinsom-publish-words-form .field-box select {
    width: 100%;
    height: 10vw;
    border-color: #f1f1f1;
    border-radius: 1vw;
    margin-top: 2vw;
}
.jinsom-publish-words-form .field-box input {
    margin-top: 2vw;
}
.jinsom-publish-bg-popup {
    overflow-y: hidden;
}

.jinsom-publish-words-form .power-content .label-switch {
    width: 55vw;
}
.jinsom-publish-words-form .power-content .label-switch .checkbox {
    float: left;
}
.jinsom-publish-words-form .power-content .tip {
    font-size: 3vw;
    float: left;
    margin-left: 1vw;
    color: #999;
    line-height: 6.5vw;
}

/*发现页面*/
.jinsom-find-box {
    margin: 2vw;
    border-radius: 1vw;
    padding: 2vw;
    background-color: #fff;
}
.jinsom-find-box.bbs.b {
    padding-bottom: 0;
}
.jinsom-find-menu {
    padding-top: 4vw;
}
.jinsom-find-menu li {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 2vw;
}
.jinsom-find-menu li img {
    width: 12vw;
    height: 12vw;
}
.jinsom-sns-cell-menu {
    background-color: #fff;
    padding-top: 4vw;
    margin: 2vw;
    border-radius: 2vw;
}
.jinsom-sns-cell-menu li {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 4vw;
    position:relative;
}
.jinsom-sns-cell-menu li p, .jinsom-find-menu li p {
    font-size: 3.5vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-sns-cell-menu li p>i, .jinsom-find-menu li p>i {
    width: 6px;
    height: 6px;
    background-color: #f44336;
    display: inline-block;
    position: absolute;
    border-radius: 100%;
    margin-left: 1vw;
}
.jinsom-sns-cell-menu li img {
    width: 12vw;
    height: 12vw;
    object-fit: contain;
}
.jinsom-find-box .header {
    padding-bottom: 2vw;
    border-bottom: 1px solid #f5f5f5;
}
.jinsom-find-box .header a {
    float: right;
}
.jinsom-find-box.bbs .content li {
    float: left;
    width: calc((100% - 8vw)/5);
    text-align: center;
    margin-right: 2vw;
    margin-top: 3vw;
    margin-bottom: 2vw;
}
.jinsom-find-box.bbs.a .content li:nth-child(5n) {
    margin-right: 0;
}
.jinsom-find-box.bbs .content li .img {
    position: relative;
    height: 12vw;
    border-radius: 2vw;
}
.jinsom-find-box.bbs .content li .img img {
    width: 12vw;
    height: 12vw;
    padding: 1vw;
    box-sizing: border-box;
    border: none;
    border-radius: 2vw;
    background: none;
}
.jinsom-find-box.bbs .content li .name {
    margin-top: 2vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 3.5vw;
}

.jinsom-find-box.bbs.b .content li {
    width: calc((100% - 2vw)/2);
    text-align: left;
    margin-top: 0vw;
    border: 1px solid rgb(233 233 233 / 50%);
    box-sizing: border-box;
    border-radius: 1vw;
}
.jinsom-find-box.bbs.b .content li:nth-child(1), .jinsom-find-box.bbs.b .content li:nth-child(2) {
    margin-top: 2vw;
}
.jinsom-find-box.bbs.b .content li:nth-child(2n) {
    margin-right: 0;
}
.jinsom-find-box.bbs.b .content li a {
    display: flex;
    align-items: center;
}
.jinsom-find-box.bbs.b .content li .img {
    float: left;
    margin-right: 2vw;
}
.jinsom-find-box.bbs.b .content li .name {
    margin: 0;
    font-size: 4vw;
}

.jinsom-find-box.bbs.c .content li {
    width: 100%;
    text-align: left;
    position: relative;
    margin-top: 4vw;
    margin-bottom: 3vw;
}
.jinsom-find-box.bbs.c .content li>a {
    display: flex;
    align-items: center;
}
.jinsom-find-box.bbs.c .content li .img {
    float: left;
    margin-right: 2vw;
    height: 15vw;
}
.jinsom-find-box.bbs.c .content li .img img {
    width: 15vw;
    height: 15vw;
}
.jinsom-find-box.bbs.c .content li .name {
    margin-top: 0;
    width: calc(100% - 36vw);
    float: left;
}
.jinsom-find-box.bbs.c .content li .name p:first-child {
    font-size: 4vw;
}
.jinsom-find-box.bbs.c .content li .name p:last-child {
    color: #999;
    margin-top: 2vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-find-box.bbs.c .content li .follow,.jinsom-find-box.bbs.d .content li .follow {
    position: absolute;
    right: 0;
    color: #ffffff;
    border-radius: 1vw;
    font-size: 3vw;
    background-color: #46c47c;
    display: inline-block;
    padding: 0vw 2vw;
    top: 2vw;
}
.jinsom-find-box.bbs.c .content li .follow.had,.jinsom-find-box.bbs.d .content li .follow.had {
    background-color: #bbb;
}
.jinsom-find-box.bbs.c .content li .follow i,.jinsom-find-box.bbs.d .content li .follow i {
    vertical-align: -0.6vw;
    font-size: 5.5vw;
}

.jinsom-find-box.bbs.d .content {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: 100%;
}
.jinsom-find-box.bbs.d .content li {
    float: inherit;
    display: inline-block;
    width: 30vw;
    padding: 4vw 2vw;
    background-color: #f8f8f8;
    margin-bottom: 2vw;
    border-radius: 2vw;
    height: 30vw;
    vertical-align: bottom;
    border: 1px solid rgb(227 227 227 / 50%);
}
.jinsom-find-box.bbs.d .content li .name {
    font-size: 3.5vw;
}
.jinsom-find-box.bbs.d .content li .name p:last-child {
    display: none;
}
.jinsom-find-box.bbs.d .content li .follow {
    position: inherit;
    margin-top: 4vw;
    padding: 0vw 3vw;
}
.jinsom-find-box.bbs.d .content li .follow i {
    font-size: 5vw;
}

.jinsom-find-box.topic .content li {
    float: left;
    margin-right: 5vw;
    margin-top: 4vw;
    width: 43vw;
}
.jinsom-find-box.topic .content li a{
    display: flex;
}
.jinsom-find-box.topic .content li span {
    max-width: 31.5vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 8.5vw;
}
.jinsom-find-box.topic .content li:nth-child(2n) {
    margin-right: 0;
}
.jinsom-find-box.topic .content li i {
    border-radius: 50%;
    width: 6vw;
    height: 6vw;
    text-align: center;
    margin-right: 2vw;
    transform: rotate(10deg);
    font-style: normal;
    border: 2px solid rgb(200, 193, 193);
    color: #aaa;
    border-right-color: transparent;
}
.jinsom-find-box.topic .content li m {
    line-height: 8.5vw;
}
.jinsom-find-box.topic .content li:nth-child(1) i {
    border: 2px solid rgba(244, 67, 54, 0.5);
    border-right-color: transparent;
    color: #F44336;
}
.jinsom-find-box.topic .content li:nth-child(2) i {
    border: 2px solid rgba(255, 193, 7, 0.5);
    border-right-color: transparent;
    color: #FFC107;
}
.jinsom-find-box.topic .content li:nth-child(3) i {
    border: 2px solid rgba(33, 150, 243, 0.5);
    border-right-color: transparent;
    color: #2196F3;
}
.jinsom-find-box.topic .content li:nth-child(4) i {
    border: 2px solid rgba(76, 175, 80, 0.5);
    border-right-color: transparent;
    color: #4CAF50;
}
.jinsom-find-box.topic .content li:nth-child(5) i {
    border: 2px solid rgba(189, 100, 204, 0.5);
    border-right-color: transparent;
    color: #c47dd0;
}
.jinsom-find-box.topic .content li:nth-child(6) i {
    border: 2px solid rgba(72, 199, 187, 0.5);
    border-right-color: transparent;
    color: #4bc9be;
}
.jinsom-find-box.user .content li {
    width: 14vw;
    float: left;
    margin-right: 1.6vw;
    margin-top: 1.6vw;
    height: 14vw;
    position: relative;
}
.jinsom-find-box.user .content li:nth-child(6n) {
    margin-right: 0;
}
.jinsom-find-box.user .content li img {
    width: 100%;
    border-radius: 1vw;
    height: auto;
    min-height: 100%;
    max-height: 100%;
}


.jinsom-find-box.user.b .content li,.jinsom-find-box.user.c .content li {
    width: calc((100% - 2vw)/2);
    margin-right: 0;
    height: 12vw;
    margin-bottom: 1vw;
    margin-top: 3vw;
}
.jinsom-find-box.user.c .content li {
    width: 100%;
    margin-bottom: 2vw;
}
.jinsom-find-box.user.b .content li:nth-child(2n-1) {
    margin-right: 2vw;
}
.jinsom-find-box.user.b .content li .img,.jinsom-find-box.user.c .content li .img {
    width: 12vw;
    height: 12vw;
    float: left;
    margin-right: 2vw;
    position: relative;
}
.jinsom-find-box.user.b .content li .img img,.jinsom-find-box.user.c .content li .img img {
    width: 12vw;
    height: 12vw;
    box-sizing: border-box;
}
.jinsom-find-box.user.b .content li .info,.jinsom-find-box.user.c .content li .info {
    float: left;
    width: 30vw;
}
.jinsom-find-box.user.b .content li .info .name,.jinsom-find-box.user.c .content li .info .name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-find-box.user.b .content li .info .desc,.jinsom-find-box.user.c .content li .info .desc {
    font-size: 3vw;
    color: #999;
    margin-top: 2vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.jinsom-find-box.user.c .content li .follow,.jinsom-find-box.user.d .content li .follow {
    position: absolute;
    right: 0;
    color: #ffffff;
    border-radius: 1vw;
    font-size: 3vw;
    background-color: #46c47c;
    display: inline-block;
    padding: 0vw 2vw;
    top: 2vw;
}
.jinsom-find-box.user.c .content li .follow.had,.jinsom-find-box.user.d .content li .follow.had {
    background-color: #bbb;
}
.jinsom-find-box.user.c .content li .follow i,.jinsom-find-box.user.d .content li .follow i {
    vertical-align: -0.6vw;
    font-size: 5.5vw;
}


.jinsom-find-box.user.d .content {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: 100%;
}
.jinsom-find-box.user.d .content li {
    float: inherit;
    display: inline-block;
    width: 30vw;
    padding: 4vw 2vw;
    background-color: #f8f8f8;
    border-radius: 2vw;
    height: 30vw;
    vertical-align: bottom;
    text-align: center;
    border: 1px solid rgb(227 227 227 / 50%);
}
.jinsom-find-box.user.d .content li:nth-child(6n) {
    margin-right: 1.6vw;
}
.jinsom-find-box.user.d .content li .img {
    width: 12vw;
    height: 12vw;
    margin: auto;
    position: relative;
    margin-bottom: 2vw;
}
.jinsom-find-box.user.d .content li img {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
}
.jinsom-find-box.user.d .content li .info .desc {
    display: none;
}
.jinsom-find-box.user.d .content li .info .name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 3.5vw;
}
.jinsom-find-box.user.d .content li .follow {
    position: inherit;
    margin-top: 2vw;
    padding: 0 3vw;
}
.jinsom-find-box.user.d .content li .follow i {
    font-size: 5vw;
}



/*我的钱包*/
.jinsom-mywallet-header {
    padding: 8vw 10vw;
    color: #fff;
    background-color: #3cb371;
    display: flex;
    align-items: center;
    height: 20vw;
    text-align: center;
    margin: 3vw;
    border-radius: 2vw;
}
.jinsom-mywallet-header>div {
    flex: 1;
}
.jinsom-mywallet-header .number, .jinsom-mywallet-header .yuan {
    font-size: 7vw;
}
.jinsom-mywallet-header .number .name, .jinsom-mywallet-header .yuan .name {
    font-size: 4vw;
    padding-top: 2vw;
}
.jinsom-mywallet-page-content {
    background-color: var(--jinsom-content-bg-color);
}
.jinsom-mywallet-box {
    background-color: #fff;
    padding: 4vw;
    margin: 3vw;
    border-radius: 2vw;
}
.jinsom-mywallet-box .header {
    padding-bottom: 3vw;
    border-bottom: 1px solid #f6f6f6;
    color: #888;
    font-size: 3.5vw;
}
.jinsom-mywallet-box .content li {
    padding-top: 3vw;
    float: left;
    width: 25%;
    text-align: center;
}
.jinsom-mywallet-box .content li i {
    font-size: 8vw;
}
.jinsom-mywallet-box .content li p {
    font-size: 3.5vw;
}
.jinsom-recharge-number,.jinsom-recharge-type {
    padding: 4vw;
}
.jinsom-recharge-number li, .jinsom-recharge-type li {
    float: left;
    width: 32%;
    margin-right: 2%;
    position: relative;
    background-color: #fff;
    margin-bottom: 3%;
    text-align: center;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 1vw;
}
.jinsom-recharge-number li.on,.jinsom-recharge-type li.on,.jinsom-send-gift-form li.on {
    border-color: #5FB878;
}
.jinsom-recharge-number li n, .jinsom-recharge-type li n, .jinsom-send-gift-form li n {
    position: absolute;
    right: -1px;
    width: 0;
    height: 0;
    border-top: 9vw solid #5FB878;
    border-left: 9vw solid transparent;
    top: -1px;
    display: none;
}
.jinsom-recharge-number li.on n,.jinsom-recharge-type li.on n,.jinsom-send-gift-form li.on n {
    display: inline-block;
}
.jinsom-recharge-number li n i,.jinsom-recharge-type li n i,.jinsom-send-gift-form li n i {
    position: absolute;
    top: -10vw;
    right: 0;
    color: #fff;
}
.jinsom-recharge-number li.on {
    background-color: #f9fffa;
}
.jinsom-recharge-number li .top {
    padding: 8vw 0;
    border-bottom: 1px solid #f2f2f2;
    height: 7vw;
}
.jinsom-recharge-number li .top .jinsom-vip2 {
    color: #F44336;
    font-size: 6vw;
    vertical-align: -1vw;
}
.jinsom-recharge-number li .top .jinsom-jinbi {
    font-size: 5vw;
    vertical-align: -0.5vw;
}
.jinsom-recharge-number li .bottom {
    padding: 2vw 0;
}
.jinsom-recharge-number li .bottom i {
    font-size: 3vw;
    color: #666;
}
.jinsom-recharge-number li .bottom m {
    font-size: 4.5vw;
    color: #ff5722;
}
.jinsom-recharge-number li .commend-icon {
    position: absolute;
    top: -3.5vw;
    left: -1.3vw;
}
.jinsom-recharge-number li .commend-icon i {
    font-size: 12vw;
}
.jinsom-recharge-number li:nth-child(3n) {
    margin-right: 0;
}
.jinsom-recharge-tips {
    text-align: center;
    color: #999;
}
.jinsom-recharge-type li {
    padding: 2vw;
    box-sizing: border-box;
    width: 48%;
    margin-right: 4%;
    height: 13vw;
    line-height: 9vw;
}
.jinsom-recharge-type li:nth-child(2n) {
    margin-right: 0;
}
.jinsom-recharge-type li>i {
    margin-right: 2vw;
    vertical-align: -0.5vw;
}
.jinsom-recharge-type li>i.jinsom-weixinzhifu {
    color: #41b035;
}
.jinsom-recharge-type li>i.jinsom-zhifubaozhifu {
    font-size: 6vw;
    color: #00a7ff;
}
.jinsom-recharge-type li>i.jinsom-qiamizhifu {
    color: #666;
}
.jinsom-recharge-btn {
    margin: 0 4vw 6vw;
    text-align: center;
    padding: 2.5vw;
    background-color: var(--jinsom-color);
    color: #fff;
    border-radius: 1vw;
}
.jinsom-recharge-custom-html {
    padding: 4vw;
}
.jinsom-recharge-number li .top span {
    margin-right: 1vw;
    vertical-align: -0.5vw;
}
.jinsom-recharge-number li .top z {
    display: block;
    font-size: 3vw;
    color: #ff682d;
    margin: 2vw auto 0;
}
.jinsom-recharge-content {
    background-color: #fff;
}
.jinsom-recharge-money-input {
    padding: 4vw;
}
.jinsom-recharge-money-input>div {
    display: flex;
    margin-top: 4vw;
    font-size: 8vw;
    overflow: hidden;
}
.jinsom-recharge-money-input input {
    border: none;
    border-bottom: 1px solid #f1f1f1;
    font-size: 10vw;
    font-weight: bold;
    width: 80vw;
    border-radius: 0;
}
.jinsom-recharge-money-input>p {
    font-size: 3.5vw;
    color: #555;
}

/* 购买付费内容*/
.jinsom-post-buy-content {
    background-color: #fff;
}
.jinsom-post-buy-form .price i {
    font-size: 6vw;
    color: #F44336;
    margin-right: 2vw;
    display: inline-flex;
}
.jinsom-post-buy-form .hadbuy {
    font-size: 3.5vw;
    color: #999;
    margin-top: 6vw;
    display: flex;
}
.jinsom-post-buy-form .hadbuy span {
    flex: 1;
}
.jinsom-post-buy-form .hadbuy span>m {
    color: #ff5722;
}
.jinsom-post-buy-form .btn {
    background-color: var(--jinsom-color);
    color: #fff;
    padding: 2.5vw 2vw;
    margin: 10vw 0vw 0;
    border-radius: 1vw;
    font-size: 4vw;
}
.jinsom-post-buy-form .buy-list {
    margin-top: 10vw;
    text-align: left;
}
.jinsom-post-buy-form .buy-list .title {
    font-size: 3.5vw;
    margin-bottom: 2vw;
    color: #999;
    text-align: center;
}
.jinsom-post-buy-form .buy-list img {
    width: calc((100% - 6vw)/7);
    height: 10vw;
    margin-right: 1vw;
    border-radius: 100%;
    margin-bottom: 2vw;
    float: left;
    box-sizing: border-box;
}
.jinsom-post-buy-form .buy-list img:nth-child(7n) {
    margin-right: 0;
}
.jinsom-post-buy-form .vip {
    margin: 4vw 2vw 0;
    color: #d75e57;
    background-color: #fff1f0;
    border: 1px solid #ffa39e;
    padding: 3vw;
    border-radius: 2vw;
}
.jinsom-post-buy-form .vip j {
    font-size: 3.5vw;
    color: #999;
}
.jinsom-bbs-no-power-tips.list {
    padding: 8vw 4vw;
    text-align: center;
    background-color: #F8F8F9;
    color: #999;
    font-size: 3.8vw;
    height: 100%;
    box-sizing: border-box;
}
.jinsom-bbs-no-power-tips.list>m {
    margin: 0 1vw;
    color: #F44336;
}
.jinsom-bbs-no-power-tips i {
    vertical-align: -0.5vw;
}
.jinsom-bbs-no-power-tips.single, .jinsom-bbs-no-power-tips.bbs {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #555;
    color: #ccc;
    position: absolute;
    width: 100%;
    text-align: center;
}
.jinsom-bbs-no-power-tips .tips>m {
    margin: 0 1vw;
    color: #F44336;
}
.jinsom-bbs-no-power-tips .btn {
    background-color: #ccc;
    color: #555;
    margin-top: 4vw;
    padding: 2vw;
    border-radius: 1vw;
    display: block;
    text-align: center;
}
.jinsom-bbs-no-power-tips p {
    margin-top: 4vw;
}
.jinsom-bbs-no-power-tips input {
    border: none;
    padding: 2vw;
    width: 100%;
    box-sizing: border-box;
    border-radius: 1vw;
    margin: 3vw 0 2vw;
}
.jinsom-notice-tips-content{
    background-color:#fff; 
}


.jinsom-chat-user-list.notice li .item-media a span {
    width: 2.5vw;
    height: 2.5vw;
    display: inline-block;
    background-color: #f00;
    position: absolute;
    border-radius: 100%;
    top: 4vw;
}
/*我的粉丝*/
.jinsom-chat-user-list.follower,.jinsom-follower-content {
    background-color: #fff;
}
.jinsom-chat-user-list a{
    padding: 0;
}
.jinsom-topic-show-form .right li .follow, .jinsom-topic-page-header .follow, .jinsom-topic-rank-list li .follow, .jinsom-chat-user-list li .follow, .jinsom-search-user-list li .follow{
    color: #ffffff;
    border-radius: 1vw;
    font-size: 3vw;
    background-color: #46c47c;
    display: inline-block;
    padding: 0vw 2vw;
    position: absolute;
    right: 4vw;
    top: 6.3vw;
}
.jinsom-topic-show-form .right li .follow i, .jinsom-topic-page-header .follow i, .jinsom-topic-rank-list li .follow i, .jinsom-chat-user-list li .follow i, .jinsom-search-user-list li .follow i{
    vertical-align: -0.6vw;
    font-size: 5.5vw;
}
.jinsom-topic-show-form .right li .follow.had, .jinsom-topic-page-header .follow.had, .jinsom-topic-rank-list li .follow.had, .jinsom-chat-user-list li .follow.had, .jinsom-search-user-list li .follow.had{
    background-color: #bbb;
}
.jinsom-chat-user-list.visitor .no-vip-tips {
    text-align: center;
    padding: 5vw 4vw 4vw;
    color: #999;
    margin: 2vw 0;
}




/*论坛页面*/
.jinsom-bbs-bg {
    height: 44vw;
}
.jinsom-bbs-content {
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #a5c1ec;
}
.jinsom-bbs-content.no-power {
    padding: 0;
    background: none;
}
.jinsom-bbs-main-content {
    padding-top: 1px;
    border-radius: 1vw 1vw 0 0;
    padding-bottom: 10vw;
}
.jinsom-bbs-header {
    margin: 0 2vw 2vw;
    background-color: rgb(255 255 255 / 0.8);
    margin-top: -20vw;
    padding: 2vw;
    border-radius: 2vw 2vw 1vw 1vw;
}
.jinsom-bbs-header .top {
    display: flex;
}
.jinsom-bbs-header .top .avatarimg {
    margin-left: 2vw;
    margin-top: -10vw;
    height: 18vw;
}
.jinsom-bbs-header .top .avatarimg img {
    width: 18vw;
    height: 18vw;
    border-radius: 2vw;
}
.jinsom-bbs-header .top .number {
    margin-left: 4vw;
}
.jinsom-bbs-header .top .number span {
    margin-top: 3vw;
    display: inline-block;
    margin-right: 4vw;
    color: #666;
    font-size: 3.5vw;
}
.jinsom-bbs-header .top .number span:last-child {
    margin-right: 0;
}
.jinsom-bbs-header .name {
    font-size: 5vw;
    margin: 3vw 2vw 2vw;
    display: flex;
    align-items: center;
}
.jinsom-bbs-header .desc {
    color: #999;
    font-size: 3.5vw;
    margin: 4vw 2vw 2vw;
}
.jinsom-bbs-header .name .follow {
    color: #ffffff;
    border-radius: 1vw;
    font-size: 3vw;
    background-color: #46c47c;
    display: inline-block;
    padding: 0vw 1vw;
    margin-left: 4vw;
    min-width: 15vw;
    text-align: center;
    flex: 1;
    max-width: 15vw;
}
.jinsom-bbs-header .name .follow i {
    vertical-align: -0.6vw;
    font-size: 5vw;
}
.jinsom-bbs-header .name .follow.had {
    background-color: #bbb;
}
.jinsom-bbs-header .member li {
    float: left;
    height: 8vw;
    margin-right: 1vw;
}
.jinsom-bbs-header .member li img {
    width: 8vw;
    height: 8vw;
    border-radius: 100%;
    border: none;
}
.jinsom-bbs-header .member a span {
    height: 8vw;
    font-size: 3.5vw;
    line-height: 8vw;
    margin-left: 1vw;
    color: #999;
}
.jinsom-bbs-header .member a span i {
    font-size: 3.5vw;
}
.jinsom-bbs-child-show {
    background-color: #fff;
    margin: 2vw 0vw 0;
    border-radius: 1vw;
    padding: 4vw 2vw 2vw 0vw;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #f5f5f5;
    -webkit-overflow-scrolling: touch;
    margin: 2vw;
}
.jinsom-bbs-child-show li {
    text-align: center;
    width: 18vw;
    display: inline-block;
    margin-right: 2vw;
}
.jinsom-bbs-child-show li .img {
    height: 12vw;
}
.jinsom-bbs-child-show li .img img {
    width: 12vw;
    height: 12vw;
    border-radius: 1vw;
}
.jinsom-bbs-child-show li .name {
    margin-top: 2vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 3.5vw;
}
.jinsom-bbs-commend-show {
    background-color: #fff;
    padding: 2vw;
    margin: 2vw;
    border-radius: 1vw;
}
.jinsom-bbs-commend-show li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 10vw;
}
.jinsom-bbs-commend-show li .up {
    background-color: #1499f8;
    color: #fff;
    padding: 0.5vw 1vw;
    border-radius: 1vw;
    margin-right: 1vw;
    font-size: 3.5vw;
}
.jinsom-bbs-commend-show li a {
    display: inline-block;
    width: 100%;
}
.jinsom-bbs-header .name .follow.has {
    background-color: #bbb;
}
.jinsom-bbs-header .name .chat {
    color: #ffffff;
    border-radius: 1vw;
    font-size: 3vw;
    background-color: #1499f8;
    display: inline-block;
    padding: 0vw 1vw;
    margin-left: 2vw;
    width: 30vw;
    text-align: center;
    min-width: 15vw;
    flex: 1;
    max-width: 15vw;
}
.jinsom-bbs-header .name .chat i {
    vertical-align: -0.6vw;
    font-size: 5vw;
    margin-right: 0.5vw;
}


.jinsom-bbs-list-default {
    padding: 2vw 2vw;
    border-bottom: 1px solid #f8f8f8;
}
.jinsom-bbs-list-default a {
    display: flex;
    align-items: center;
}
.jinsom-bbs-list-default a .avatarimg {
    height: 12vw;
    position: relative;
    margin-right: 4vw;
}
.jinsom-bbs-list-default a .avatarimg img {
    width: 12vw;
    height: 12vw;
    border-radius: 1vw;
    box-sizing: border-box;
}
.jinsom-bbs-list-default h2 {
    font-size: 4vw;
    font-weight: normal;
    margin: 0;
    width: 76vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1vw;
}
.jinsom-bbs-list-default h2 .commend {
    padding: 0.2vw 1.2vw;
    border-radius: 1vw;
    background-color: #F44336;
    color: #fff;
    font-size: 3.5vw;
    margin-left: 0;
    margin-right: 1vw;
    vertical-align: 0.6vw;
}
.jinsom-bbs-list-default .user {
    color: #999;
    font-size: 3vw;
    line-height: 5vw;
}
.jinsom-bbs-list-default .user .name {
    margin-right: 4vw;
    max-width: 35vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
}
.jinsom-bbs-list-default .user .number {
    margin-left: 4vw;
}
.jinsom-bbs-list-default .user i {
    font-size: 3.5vw;
}
.jinsom-bbs-tab-post-content .jinsom-bbs-list-default:last-child {
    border: none;
}
.jinsom-bbs-tab-post-content .jinsom-bbs-list-default {
    padding: 4vw 0;
}

/*打赏*/
.jinsom-reward-content {
    background-color: #fff;
}
.jinsom-reward-bg {
    width: 100vw;
    height: 30vw;
    background-color: #46c47c;
    border-radius: 0 0 100vw 100vw;
}
.jinsom-reward-content .avatarimg {
    text-align: center;
    margin-top: -11vw;
}
.jinsom-reward-content .avatarimg>a {
    width: 18vw;
    height: 18vw;
    display: inline-block;
    position: relative;
}
.jinsom-reward-content .avatarimg img {
    width: 20vw;
    height: 20vw;
    border: 1vw solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
}
.jinsom-reward-content .name {
    text-align: center;
    font-size: 6vw;
}
.jinsom-reward-content .number {
    padding: 4vw;
    margin-top: 4vw;
}
.jinsom-reward-content .number li {
    float: left;
    width: 31%;
    text-align: center;
    padding: 3vw 0vw;
    box-sizing: border-box;
    margin-bottom: 5vw;
    border-radius: 1vw;
    border: 1px solid #e9e9e9;
    margin-right: 3.5%;
}
.jinsom-reward-content .number li span {
    margin-left: 1vw;
    vertical-align: -0.5vw;
}
.jinsom-reward-content .number li:nth-child(3n) {
    margin-right: 0;
}


/*卡密兑换*/
.jinsom-key-recharge-content {
    background-color: #fff;
    padding: 4vw;
    margin-top: 4vw;
}
.jinsom-key-recharge-content input {
    box-sizing: border-box;
    width: 100%;
    padding: 2vw;
    border-radius: 1vw;
    border: 1px solid #f1f1f1;
    font-size: 4vw;
    line-height: 7vw;
}
.jinsom-key-recharge-content .info {
    margin-top: 4vw;
    color: #999;
}
.jinsom-key-recharge-content .btn {
    background-color: var(--jinsom-color);
    text-align: center;
    color: #fff;
    padding: 2.5vw;
    border-radius: 1vw;
    margin-top: 4vw;
}

/*账单*/
.jinsom-recharge-note-content {
    background-color: #fff;
}
.jinsom-chat-user-list.recharge-note .item-after {
    font-size: 5vw;
    color: #f59200;
    margin-top: 7vw;
}
.jinsom-chat-user-list.recharge-note li .item-media span {
    width: 12vw;
    height: 12vw;
    display: inline-block;
    line-height: 12vw;
    text-align: center;
    background-color: #46c47c;
    color: #fff;
    border-radius: 100%;
    font-size: 4vw;
}
.jinsom-chat-user-list.recharge-note li {
    padding: 2vw 4vw;
}
.jinsom-chat-user-list.recharge-note li>a {
    height: inherit;
    padding: 0;
}
.jinsom-chat-user-list.recharge-note li .item-media span i {
    color: #fff;
}

/*论坛发布*/
.jinsom-bbs-publish-icon {
    position: absolute;
    bottom: 8vw;
    left: 50%;
    margin-left: -5vw;
    width: 10vw;
    height: 10vw;
    background-color: #ffffff;
    border-radius: 100%;
    z-index: 2;
}
.jinsom-bbs-publish-icon i {
    font-size: 12vw;
    color: #46c47c;
    position: absolute;
    top: -3vw;
    left: -1vw;
}


/*文章话题列表*/
.jinsom-single-topic-list {
    margin-top: 4vw;
}
.jinsom-single-topic-list li {
    float: left;
    list-style: none;
    height: 8vw;
    background-color: white;
    border: 1px solid #f1f1f1;
    margin-right: 2vw;
    border-radius: 1vw 1px 1px 1vw;
    margin-bottom: 2vw;
}
.jinsom-single-topic-list li img {
    width: 8vw;
    height: 8vw;
    border-radius: 1vw 1px 1px 1vw;
    border: 0;
}
.jinsom-single-topic-list li span {
    display: inline-block;
    vertical-align: 2.8vw;
    padding: 0 2vw;
    line-height: 8vw;
    font-size: 3.5vw;
    color: #333;
}
.jinsom-single-video-lists {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: 100%;
    padding-bottom: 2vw;
    margin-bottom: 2vw;
}
.jinsom-single-video-lists li {
    width: 35vw;
    display: inline-block;
    margin-right: 2vw;
    height: 22vw;
    position: relative;
}
.jinsom-single-video-lists li img {
    width: 100%;
    height: 22vw;
    object-fit: cover;
    border-radius: 1vw;
}
.jinsom-single-video-lists li p {
    font-size: 3.5vw;
    white-space: normal;
    height: 9vw;
    overflow: hidden;
    line-height: 5vw;
}
.jinsom-single-video-lists li>i {
    font-size: 3vw;
    position: absolute;
    right: 1vw;
    top: 1vw;
    background-color: #F44336;
    color: #fff;
    padding: 0 1vw;
    border-radius: 1vw;
}
.jinsom-single-video-lists li.on p {
    color: #F44336;
}
.jinsom-single-video-lists li.on img {
    border: 2px solid #F44336;
    box-sizing: border-box;
}


/*置顶推荐图标*/
.jinsom-post-words .content h1 .sticky, .jinsom-post-single h1 .sticky, .jinsom-post-words .content h1 .sticky-member,.jinsom-post-single h1 .sticky-member{
    padding: 0.5vw 1.5vw;
    border-radius: 1vw;
    background-color: #1E9FFF;
    color: #fff;
    font-size: 3vw;
    vertical-align: 0.3vw;
}
.jinsom-post-words .header .info .name .commend, .jinsom-post-words .content h1 .commend, .jinsom-post-single h1 .commend {
    padding: 0.5vw 1vw;
    border-radius: 1vw;
    background-color: #fc3274;
    color: #fff;
    margin-left: 2vw;
    font-size: 3vw;
    vertical-align: 0.3vw;
}
.jinsom-post-words .content h1 .sticky, .jinsom-post-words .content h1 .commend, .jinsom-post-single h1 .sticky, .jinsom-post-single h1 .commend{
    margin-left:0vw;
    margin-right:1vw;  
    vertical-align: 0.6vw;
}
.jinsom-single h1 .sticky, .jinsom-single h1 .commend{
    padding: 0.5vw 1.5vw;
    border-radius: 1vw;
    background-color: #1E9FFF;
    color: #fff;
    font-size: 3.5vw;
    margin-right:1vw;  
    vertical-align: 0.6vw;
}
.jinsom-single h1 .commend{
    background-color: #F44336;
}
h1 .sticky:before,.jinsom-bbs-commend-show li .up:before{
    content: "顶";
}
h1 .commend:before{
    content: "荐";
}

/*我关注的论坛*/
.jinsom-bbs-like-content {
    background-color: #fff;
}
.jinsom-bbs-like {
    padding: 4vw 4vw;
}
.jinsom-bbs-like li {
    float: left;
    width: 16.8vw;
    text-align: center;
    margin-right: 2vw;
    margin-top: 4vw;
}
.jinsom-bbs-like li:nth-child(5n) {
    margin-right: 0;
}
.jinsom-bbs-like li .img {
    position: relative;
    height: 12vw;
    border-radius: 2vw;
}
.jinsom-bbs-like li .img img {
    width: 12vw;
    border-radius: 2vw;
    height: 12vw;
}
.jinsom-bbs-like li .name {
    margin-top: 2vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 3.8vw;
}
.jinsom-bbs-like-content .jinsom-empty-page {
    margin: 4vw;
}
.jinsom-bbs-like-content .jinsom-empty-page i {
    font-size: 10vw;
}
.jinsom-follow-more-bbs {
    color: #ffffff;
    border-radius: 20vw;
    font-size: 3.5vw;
    background-color: var(--jinsom-color);
    display: inline-block;
    padding: 2vw 4vw;
}
.jinsom-bbs-like-content.publish>.jinsom-chat-user-list {
    padding-bottom: 8vw;
}


/*大转盘*/
.jinsom-lottery-container {
    position: relative;
    margin: auto;
    height: 90vw;
}
.jinsom-lottery-container .item {
    position: absolute;
    left: 50%;
    top: calc(50% - 11vw);
    width: 0px;
    height: 0px;
    border: 11vw solid transparent;
    border-left-width: 0px;
    border-right: 40vw solid #A52A2A;
    transform-origin: 0px 50%;
}
.jinsom-lottery-container .item:nth-child(odd) {
    border-right-color: #e0e0e0;
}
.jinsom-lottery-container .item:nth-child(odd)>div {
    color: #3c3c3c;
}
.jinsom-lottery-container .item:nth-child(even) {
    border-right-color: var(--jinsom-color);
}
.jinsom-lottery-container .item-content {
    position: absolute;
    right: -35vw;
    top: -3vw;
    color: #fff;
}
.jinsom-lottery-arrow {
    position: absolute;
    width: 20vw;
    height: 20vw;
    background-color: var(--jinsom-color);
    border-radius: 100%;
    line-height: 20vw;
    text-align: center;
    z-index: 9;
    left: 50%;
    top: 50%;
    margin-left: -10.5vw;
    margin-top: -10.5vw;
    border: 1vw solid #fff;
    color: #fff;
    font-size: 6vw;
}
.jinsom-lottery-arrow:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 2.5vw solid transparent;
    border-right: 2.5vw solid transparent;
    border-bottom: 18vw solid var(--jinsom-color);
    position: absolute;
    top: -15vw;
    left: 7vw;
}
.jinsom-lottery-info {
    display: flex;
    padding: 0 4vw;
    margin-bottom: 4vw;
}
.jinsom-lottery-info>div {
    flex: 1;
    text-align: center;
}
.jinsom-lottery-info>div span {
    color: var(--jinsom-color);
    font-size: 4vw;
    margin-left: 2vw;
}
.jinsom-lottery-money {
    margin: auto;
    width: 80%;
    background-color: rgb(210 210 210 / 30%);
    padding: 3vw 2vw;
    border-radius: 1vw;
    display: flex;
}
.jinsom-lottery-money span {
    display: flex;
    align-items: center;
}
.jinsom-lottery-money span:first-child {
    margin-right: 4vw;
}
.jinsom-lottery-money input {
    width: 20vw;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 2vw 0;
    text-align: center;
    flex: 1;
    border: none;
    font-weight: bold;
    font-size: 4vw;
}
.jinsom-lottery-money span.add {
    background-color: var(--jinsom-color);
    padding: 0 2vw;
    margin-left: 4vw;
    border-radius: 1vw;
    font-size: 4vw;
    color: #ffffff;
}
.jinsom-lottery-btn {
    width: 75%;
    background-color: var(--jinsom-color);
    color: #fff;
    margin: auto;
    text-align: center;
    padding: 3vw 4vw;
    border-radius: 20vw;
    margin-top: 6vw;
}


/*内容管理模块*/
.jinsom-post-admin {
    display: flex;
    padding: 0 4vw 4vw;
}
.jinsom-post-admin span {
    flex: 1;
    text-align: center;
    border: 1px solid #999;
    padding: 1vw 0;
    margin-right: 4vw;
    border-radius: 1vw;
}
.jinsom-post-admin span:first-child {
    background-color: #F44336;
    color: #fff;
    border-color: #f44336;
}
.jinsom-post-admin span:last-child {
    margin-right: 0;
}
.jinsom-post-admin span:nth-child(2) {
    background-color: #009688;
    color: #fff;
    border-color: #009688;
}
.jinsom-post-admin span:nth-child(3) {
    background-color: #2196F3;
    color: #fff;
    border-color: #2196f3;
}


/*设置页面*/
.jinsom-setting-content.desc {
    background-color: #fff;
}
.jinsom-setting-box {
    margin: 2vw;
    background-color: #fff;
    padding: 0 3vw;
    border-radius: 1vw;
}
.jinsom-setting-box li {
    padding: 3vw 0;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}
.jinsom-setting-box li>a {
    display: flex;
    position: relative;
}
.jinsom-setting-box li .title {
    flex: 1;
}
.jinsom-setting-box li .value img {
    width: 18vw;
    height: 18vw;
    border-radius: 1vw;
}
.jinsom-setting-box li .value>n {
    background-color: #F44336;
    padding: 0px 1vw;
    border-radius: 2px;
    color: #fff;
    margin-right: 2vw;
    font-size: 3vw;
}
.jinsom-setting-box li.avatarimg .value {
    height: 18vw;
}
.jinsom-setting-box li span {
    display: flex;
    align-items: center;
}
.jinsom-setting-box li .value {
    margin-right: 2vw;
    color: #999;
    max-width: 60vw;
}
.jinsom-setting-box li .a {
    color: #999;
}
.jinsom-setting-box li .b {
    color: #f00;
}
.jinsom-setting-box li:last-child {
    border-bottom: none;
}
.jinsom-setting-login-out {
    background-color: #F44336;
    color: #fff;
    border-color: #f44336;
    text-align: center;
    padding: 3vw 0;
    margin: 4vw 3vw 8vw;
    border-radius: 2vw;
}
.jinsom-setting-box select {
    -webkit-appearance: none;
    background-color: #fff;
    border: none;
    color: #999;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
#jinsom-setting-time {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
}
.jinsom-setting-box li.desc .value,.jinsom-setting-box li.verify-info .value {
    max-width: 55%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    margin-top: 1vw;
}
.jinsom-setting-content.desc .jinsom-setting-box {
    margin: 0;
    padding: 0;
}
.jinsom-setting-content.desc .jinsom-setting-box textarea {
    border: none;
    width: calc(100% - 8vw);
    margin: 4vw 4vw 0;
    box-sizing: border-box;
    font-size: 4.5vw;
    max-height: 70vw;
    height: 30vw;
    padding: 4vw;
    background-color: #f8f8f8;
    border-radius: 2vw;
}
.jinsom-setting-box-desc-tips {
    margin: 0 4vw;
    text-align: right;
    color: #999;
}
.jinsom-setting-box.language li.on .a i:before {
    content: "\e68d";
}
.jinsom-setting-box.language li .a i:before {
    content: '';
}
.jinsom-setting-box.language li .a {
    height: 23px;
}

/*搜索页面*/
#jinsom-search-form,#jinsom-select-search-form,#jinsom-shop-select-search-form {
    margin-top: 1.5vw;
}
#jinsom-search-form>i,.jinsom-select-navbar-center i {
    position: absolute;
    color: #999;
    left: 2vw;
    top: 0vw;
    font-size: 5vw;
}
[data-page='search-mobile'] .center {
    left: 0 !important;
}
.jinsom-search-hot, .jinsom-pop-search-bbs, .jinsom-pop-search-topic {
    margin: 4vw;
}
.jinsom-search-hot .title,.jinsom-pop-search-bbs .title,.jinsom-pop-search-topic .title {
    color: #999;
    margin-bottom: 3vw;
}
.jinsom-search-hot .title .right {
    float: right;
}
.jinsom-search-hot .title .right i {
    font-size: 4vw;
}

.jinsom-search-hot li {
    background-color: #f1f1f1;
    float: left;
    margin-right: 2vw;
    color: #555;
    padding: 1.5vw 2.5vw;
    margin-bottom: 2vw;
    border-radius: 1vw;
    font-size: 3.5vw;
}
.jinsom-pop-search-bbs li {
    float: left;
    text-align: center;
    width: 20%;
    margin-bottom: 4vw;
}
.jinsom-pop-search-bbs li img {
    width: 12vw;
    height: 12vw;
    border-radius: 1vw;
}
.jinsom-pop-search-bbs li p {
    color: #a5aab0;
    margin-top: 1vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 3vw;
}
.jinsom-pop-search-bbs li:nth-child(4n) {
    margin-right: 0;
}

.jinsom-pop-search-topic li {
    width: 100%;
    height: 120px;
    position: relative;
    float: left;
    cursor: pointer;
    overflow: hidden;
    border-radius: 1vw;
    margin-bottom: 4vw;
}
.jinsom-pop-search-topic li .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    z-index: 1;
}
.jinsom-pop-search-topic li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1vw;
}
.jinsom-pop-search-topic li p {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    line-height: 5vw;
    margin-top: -2.5vw;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5vw;
    box-sizing: border-box;
    z-index: 2;
}


.jinsom-search-tab {
    display: none;
}
.jinsom-search-content {
    padding-bottom: 11vw !important;
}
.jinsom-search-content.result{
    margin-top:10vw;
}
[data-page=search] .center {
    left: 0 !important;
}
.jinsom-search-user-list.topic li .avatarimg img {
    border-radius: 2vw;
}
.jinsom-search-user-list li {
    background-color: #fff;
    padding: 2vw;
    position: relative;
}
.jinsom-search-user-list li>a, .jinsom-search-user-list li>div {
    display: flex;
}
.jinsom-search-user-list li .avatarimg {
    height: 10vw;
    margin: 2vw 0;
    position: relative;
}
.jinsom-search-user-list li .avatarimg .jinsom-verify {
    right: 2vw;
    bottom: -0.5vw;
}
.jinsom-search-user-list li .avatarimg img {
    width: 10vw;
    height: 10vw;
    border-radius: 100%;
    margin-right: 2vw;
}
.jinsom-search-user-list li .info {
    width: 100%;
    padding: 2vw 0;
    border-bottom: 1px solid #f5f5f5;
}
.jinsom-search-user-list li .desc {
    color: #999;
}
.jinsom-search-user-list li .desc span {
    margin-right: 4vw;
    font-size: 3.5vw;
}
.jinsom-search-user-list li:last-child .info {
    border-bottom: none;
}
.jinsom-search-user-list h1 {
    font-size: 3.5vw;
    font-weight: normal;
    padding: 0 2vw 0;
    background-color: #fff;
    border-left: 3px solid var(--jinsom-color);
    margin: 2vw 2vw 2vw;
}
.jinsom-bbs-cat-list {
    background-color: #fff;
}
.jinsom-search-user-list li>div {
    display: flex;
    align-items: center;
}
.jinsom-right-bar {
    position: fixed;
    right: 2vw;
    top: 0;
    bottom: 0;
    z-index: 9999;
    transition-duration: .2s;
    transform: translate3d(0,0,0);
    margin: auto;
}
.jinsom-right-bar li {
    width: 12vw;
    height: 12vw;
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 12vw;
    border-radius: 100%;
    margin-bottom: 5vw;
    color: #fff;
}
.jinsom-right-bar li a {
    color: #fff;
}

/*话题页面*/
.jinsom-topic-page-header {
    padding: 6vw 4vw 6vw;
    color: #fff;
    position: relative;
    background-size: cover;
    background-position: center;
    margin: 2vw;
    border-radius: 1vw;
}
.jinsom-topic-page-header .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1vw;
}
.jinsom-topic-page-header .top {
    display: flex;
    position: relative;
}
.jinsom-topic-page-header .avatarimg {
    width: 14vw;
    height: 14vw;
    margin-right: 4vw;
    position: relative;
}
.jinsom-topic-page-header .avatarimg img {
    width: 14vw;
    height: 14vw;
    border-radius: 0 2vw;
    border: 1px solid #fff;
    object-fit: cover;
    box-sizing: border-box;
}
.jinsom-topic-page-header .info {
    position: relative;
    width: 100%;
}
.jinsom-topic-page-header .info .name {
    font-size: 4vw;
    text-shadow: 0 0 4px rgb(0 0 0 / 50%);
    width: 46vw;
    line-height: 7vw;
    height: 14vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-topic-page-header .info .number {
    position: absolute;
    bottom: 0;
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
    line-height: 3vw;
}
.jinsom-topic-page-header .info .number span {
    margin-right: 4vw;
    font-size: 3vw;
}
.jinsom-topic-page-header .info .number span i {
    margin-left: 1vw;
    font-size: 4vw;
}
.jinsom-topic-page-header .follow{
    right: 0;
    top: 0;
}
.jinsom-topic-page-header .desc {
    margin-top: 6vw;
    font-size: 3.5vw;
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
    position: relative;
    color: #eee;
}
.jinsom-topic-page-header .avatarimg .type {
    position: absolute;
    top: -2vw;
    left: -2vw;
    box-sizing: border-box;
    border-left: 4vw solid #F44336;
    border-right: 4vw solid #F44336;
    border-top: 6vw solid #F44336;
    border-bottom: 2vw solid transparent;
    border-radius: 1vw 1vw 0 0;
}
.jinsom-topic-page-header .avatarimg .type>span {
    position: absolute;
    font-size: 3vw;
    width: 8vw;
    text-align: center;
    top: -5vw;
    left: -4vw;
}



/*论坛大厅*/
.jinsom-bbs-tab-post-header {
    text-align: center;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: 100%;
}
.jinsom-bbs-tab-post-header::-webkit-scrollbar{
    display: none;
}
.jinsom-bbs-tab-post-header>li {
    font-size: 3.5vw;
    padding: 2vw;
    background-color: #f5f5f5;
    margin-right: 2vw;
    border-radius: 1vw;
    color: #777;
    display: inline-block;
    width: 20vw;
}
.jinsom-bbs-tab-post-header>li:last-child {
    margin-right: 0;
}
.jinsom-bbs-tab-post-content ul {
    margin: 0;
    display: none;
    padding: 2vw 0;
}
.jinsom-bbs-tab-post-content ul.on {
    display: block;
}
.jinsom-bbs-tab-post-content li {
    line-height: 7vw;
    border-bottom: 1px dashed #f2f2f2;
    font-size: 4vw;
    padding: 1.5vw 0;
    word-break: break-all;
}
.jinsom-bbs-tab-post-content li:last-child {
    border: none;
}
.jinsom-bbs-tab-post-content li .mark span {
    color: #fff;
    font-size: 3vw;
    padding: 0.5vw 1vw;
    border-radius: 1vw;
    margin-right: 1vw;
}
.jinsom-bbs-tab-post-content li m {
    float: right;
    color: #999;
}
.jinsom-find-box .header>span {
    border-left: 3px solid #5fb878;
    padding-left: 2vw;
}
.jinsom-bbs-show-ad img {
    max-width: 100%;
}


/*话题中心*/
.jinsom-topic-show-form {
    display: flex;
    overflow: hidden;
}
.jinsom-topic-show-form>div {
    overflow-y: scroll;
}
.jinsom-topic-show-form .right {
    flex: 1;
}
.jinsom-topic-show-form .right .html img {
    max-width: 100%;
}
.jinsom-topic-show-form .left {
    box-sizing: border-box;
    background-color: #f5f5f5;
}
.jinsom-topic-show-form .left li {
    font-size: 3.8vw;
    text-align: center;
    width: 22vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 15vw;
    border-left: 1vw solid rgba(255, 0, 0, 0);
}
.jinsom-topic-show-form .right ul {
    margin: 0;
    padding: 0 4vw;
    display: none;
}
.jinsom-topic-show-form .right ul.on {
    display: block;
}
.jinsom-topic-show-form .left li.on {
    background-color: #fff;
    border-left: 1vw solid var(--jinsom-color);
}
.jinsom-topic-show-form .right li {
    padding: 5vw 0;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}
.jinsom-topic-show-form .right li>a {
    display: flex;
}
.jinsom-topic-show-form .right li>a img {
    width: 12vw;
    height: 12vw;
    border-radius: 1vw;
}
.jinsom-topic-show-form .right li .avatarimg {
    width: 12vw;
    height: 12vw;
    margin-right: 4vw;
}
.jinsom-topic-show-form .right li .info .number {
    font-size: 3vw;
    color: #999;
    position: absolute;
    bottom: 0;
}
.jinsom-topic-show-form .right li .info .number>span {
    margin-right: 4vw;
}
.jinsom-topic-show-form .right li .info .number>span i {
    margin-left: 1vw;
}
.jinsom-topic-show-form .right li .info {
    width: 100%;
    position: relative;
}
.jinsom-topic-show-form .right li .info .name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 30vw);
}
.jinsom-topic-show-form .right li:last-child .info {
    border: none;
}
.jinsom-topic-show-form .right li .follow {
    right: 0;
}
.jinsom-chat-user-list.nearby-people li {
    margin: 2vw 0;
}


/*话题排行榜*/
.jinsom-topic-rank-list {
    padding: 3vw 4vw;
}
.jinsom-topic-rank-list li {
    position: relative;
    padding: 3vw 0;
    border-bottom: 1px solid #f5f5f5;
}
.jinsom-topic-rank-list li:last-child {
    border: none;
}
.jinsom-topic-rank-list li .rank {
    position: absolute;
    top: 4vw;
    left: 5px;
    box-sizing: border-box;
    border-left: 2.5vw solid #51d757;
    border-right: 2.5vw solid #51d757;
    border-top: 4vw solid #51d757;
    border-bottom: 2vw solid transparent;
    border-radius: 1vw 1vw 0 0;
}
.jinsom-topic-rank-list li .rank span {
    position: absolute;
    font-size: 3vw;
    width: 7.5vw;
    text-align: center;
    top: -4vw;
    left: -4vw;
    color: #fff;
}
.jinsom-topic-rank-list li .avatarimg {
    height: 14vw;
    width: 22vw;
}
.jinsom-topic-rank-list li .avatarimg img {
    width: 14vw;
    height: 14vw;
    border-radius: 2vw;
    box-sizing: border-box;
}
.jinsom-topic-rank-list li .info {
    width: 100%;
    position: relative;
}
.jinsom-topic-rank-list li .info .name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 68vw;
}
.jinsom-topic-rank-list li .info .number {
    color: #999;
    font-size: 3vw;
    position: absolute;
    bottom: 0;
}
.jinsom-topic-rank-list li .info .number span {
    margin-right: 4vw;
}
.jinsom-topic-rank-list li a {
    display: flex;
    padding: 2vw;
}
.jinsom-topic-rank-list li.a .rank {
    border-left: 2.5vw solid #F44336;
    border-right: 2.5vw solid #F44336;
    border-top: 4vw solid #F44336;
}
.jinsom-topic-rank-list li.b .rank {
    border-left: 2.5vw solid #FFC107;
    border-right: 2.5vw solid #FFC107;
    border-top: 4vw solid #FFC107;
}
.jinsom-topic-rank-list li.c .rank {
    border-left: 2.5vw solid #2196F3;
    border-right: 2.5vw solid #2196F3;
    border-top: 4vw solid #2196F3;
}
.jinsom-topic-rank-list li .follow{
    right: 0vw;
}

/*赠送礼物*/
.jinsom-send-gift-form {
    padding: 4vw 4vw 14vw;
}
.jinsom-send-gift-form li {
    float: left;
    width: calc((100% - 3vw)/2);
    margin-right: 3vw;
    position: relative;
    background-color: #fff;
    margin-bottom: 3vw;
    text-align: center;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    border-radius: 2vw;
}
.jinsom-send-gift-form li>.marks,.jinsom-chat-group-join-buy li>.marks {
    position: absolute;
    top: 2vw;
    left: 2vw;
}
.jinsom-send-gift-form li>.marks span,.jinsom-chat-group-join-buy li>.marks span {
    background-color: #ee70a6;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    font-size: 3vw;
    padding: 0 2vw;
    margin-right: 2vw;
    display: inline-block;
}
.jinsom-send-gift-form li>.marks span:nth-child(2),.jinsom-chat-group-join-buy li>.marks span:nth-child(2) {
    background-color: #ff9800;
}
.jinsom-send-gift-form li .top {
    padding: 2vw;
}
.jinsom-send-gift-form li .top .name {
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-send-gift-form li .bottom {
    padding: 2vw 0;
    word-break: keep-all;
    border-top: 1px solid #f1f1f1;
    color: #f44336;
}
.jinsom-send-gift-form li .top img {
    max-width: 100%;
    height: 30vw;
}
.jinsom-send-gift-form li:nth-child(2n) {
    margin-right: 0;
}
.jinsom-send-gift-toolbar .credit {
    font-size: 4vw;
}
.jinsom-send-gift-toolbar .credit i {
    vertical-align: -0.5vw;
}
.jinsom-send-gift-toolbar span.send {
    text-align: right;
    font-size: 4.5vw;
}
.jinsom-send-gift-toolbar span {
    flex: 1;
    padding: 0 2vw;
    line-height: 14vw;
}
.jinsom-send-gift-toolbar span.send m {
    font-size: 4vw;
    background-color: #FFC107;
    color: #fff;
    padding: 2vw 5vw;
    border-radius: 1vw;
}
.jinsom-send-gift-toolbar span.send i {
    margin-right: 4vw;
    font-size: 3vw;
    color: #999;
}
.jinsom-gift-note-form {
    margin-top: 12vw;
    padding: 0 4vw 4vw;
}
.jinsom-gift-note-form li {
    line-height: 12vw;
    padding: 1vw 0vw;
    font-size: 4vw;
    border-bottom: 1px solid #f5f5f5;
}
.jinsom-gift-note-form li m {
    margin: 0 2vw;
    color: #2196F3;
}
.jinsom-gift-note-form li span {
    float: right;
    color: #999;
}
.jinsom-gift-note-form li:last-child {
    border: none;
}
.jinsom-gift-number-tip span {
    color: #ff5722;
}
.jinsom-gift-number-tip {
    text-align: center;
    margin-top: 4vw;
    font-size: 4.5vw;
    color: #555;
}

/*所属圈子*/
.jinsom-single-bbs-info {
    border-top: 2vw solid var(--jinsom-content-bg-color);
    border-bottom: 2vw solid var(--jinsom-content-bg-color);
    padding: 0 4vw;
}
.jinsom-single-bbs-info .title {
    padding: 3vw 0;
    border-bottom: 1px solid #f1f1f1;
    line-height: 5vw;
}
.jinsom-single-bbs-info .title .left {
    float: left;
}
.jinsom-single-bbs-info .title .right {
    float: right;
}
.jinsom-single-bbs-info .title .right>span {
    display: none;
    color: #999;
}
.jinsom-single-bbs-info .title .right>span.no {
    color: #f00;
    display: inline-block;
}
.jinsom-single-bbs-info .title .right>span i {
    vertical-align: -0.5vw;
    font-size: 5vw;
}
.jinsom-single-bbs-info .content {
    padding: 4vw 0;
}
.jinsom-single-bbs-info .content a{
    display: flex;
    align-items: center;
}
.jinsom-single-bbs-info .content .avatarimg {
    height: 16vw;
    margin-right: 4vw;
}
.jinsom-single-bbs-info .content .avatarimg img {
    width: 16vw;
    height: 16vw;
    border: none;
    border-radius: 1vw;
}
.jinsom-single-bbs-info .content .info {
    flex: 1;
}
.jinsom-single-bbs-info .content .info .number {
    margin-top: 6vw;
    font-size: 3.5vw;
    color: #999;
    line-height: 0;
}
.jinsom-single-bbs-info .content .info .number span {
    margin-right: 2vw;
}
.jinsom-single-bbs-info .content .go {
    padding: 1.5vw 2vw;
    background-color: #f2f2f2;
    color: #555;
    font-size: 3.8vw;
    border-radius: 1vw;
}
.jinsom-single-bbs-info .desc {
    padding-bottom: 3vw;
    font-size: 4vw;
}
.jinsom-user_honor-select-form li {
    color: #555;
    float: left;
    padding: 2vw 5vw;
    margin-right: 4vw;
    margin-top: 4vw;
    border-radius: 1vw;
    cursor: pointer;
    border: 1px solid #d3d3d3;
}
.jinsom-user_honor-select-form li.on {
    background-color: #5fb878;
    border-color: #fff;
    color: #fff;
}
.jinsom-user_honor-select-form {
    padding: 4vw;
}
.jinsom-user_honor-select-form .nodata {
    text-align: center;
    font-size: 4vw;
    color: #999;
    padding: 10vw 0;
}


/*上传头像*/
#jinsom-avatar-demo {
    margin: auto;
    font-family: "jinsom-icon" !important;
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 1vw;
}
#jinsom-avatar-demo:before {
    content: "\e6a3";
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 50%;
    font-size: 10vw;
    margin-top: -5vw;
    margin-left: -5vw;
    color: #999;
    pointer-events: none;
}
#Mavatar-img {
    z-index: 2;
    position: relative;
}
#Mavatar-render {
    z-index: 3;
}


/*上传视频*/

.jinsom-upload-video-btn,.jinsom-upload-music-btn {
    height: 30vw;
    text-align: center;
    background-color: #dedede;
    color: #fff;
    border-radius: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.jinsom-upload-video-btn i,.jinsom-upload-music-btn i {
    font-size: 10vw;
}
.jinsom-upload-video-btn p,.jinsom-upload-music-btn p {
    font-size: 4vw;
    color: #fff;
}
.jinsom-upload-video-btn .percent,.jinsom-upload-music-btn .percent {
    position: absolute;
    background-color: #aaa;
    width: 0;
    height: 30vw;
    left: 0;
    border-radius: 1vw;
}
.jinsom-upload-video-btn .center,.jinsom-upload-music-btn .center {
    z-index: 1;
    pointer-events: none;
}
#jinsom-upload-video,#jinsom-upload-music {
    position: absolute;
    height: 30vw;
    width: 100%;
    top: 0;
    opacity: 0;
}
#jinsom-upload-video-form,#jinsom-upload-music-form {
    position: relative;
}
.jinsom-remove-video-toolbar span.del,.jinsom-remove-video-toolbar span.read.on{
    background-color: #ccc;
}
.jinsom-remove-video-toolbar span.read {
    margin-right: 4vw;
    background-color: #79bf7c;
}
.jinsom-remove-video-toolbar span,.jinsom-remove-music-toolbar span {
    display: inline-block;
    flex: 1;
    text-align: center;
    color: #fff;
    padding: 2vw 0;
    border-radius: 1vw;
}
.jinsom-remove-video-toolbar {
    margin-top: 4vw;
    display: none;
}
.jinsom-publish-words-form.single .power-content label {
    display: none;
}
.jinsom-publish-words-form.video .power-content textarea, .jinsom-publish-words-form.video .power-content label,.jinsom-publish-words-form.music .power-content textarea, .jinsom-publish-words-form.music .power-content label {
    display: none;
}
.jinsom-publish-words-form.video .power-content input.price, .jinsom-publish-words-form.video .power-content input.password,.jinsom-publish-words-form.music .power-content input.price, .jinsom-publish-words-form.music .power-content input.password,.jinsom-publish-words-form.single .power-content input.price, .jinsom-publish-words-form.single .power-content input.password {
    width: 100%;
    padding: 3vw 2vw;
    border-bottom: 1px solid #f1f1f1;
    box-sizing: border-box;
}
.jinsom-publish-video-set-cover-content {
    margin: 4vw;
}
.jinsom-publish-video-set-cover-content img {
    border-radius: 2vw;
    max-width: 100%;
    height: auto;
}
.jinsom-publish-video-set-cover-content .btn {
    text-align: center;
    margin-top: 4vw;
    padding: 2.5vw;
    background-color: var(--jinsom-color);
    color: #fff;
    position: relative;
    border-radius: 1vw;
}
.jinsom-publish-video-set-cover-content .btn form {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
}
#jinsom-music-url, #jinsom-video-url {
    padding: 3vw 2vw;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 4vw;
    border: 1px solid #f1f1f1;
    background-color: #f6f6f6;
    border-radius: 1vw;
    margin-top: 2vw;
}
#jinsom-music-url, #jinsom-video-url {
    display: none;
}
.jinsom-publish-video-demo,.jinsom-publish-music-demo {
    margin-bottom: 6vw;
}


/*视频专题*/
.jinsom-video-special-list {
    padding-top: 10vw;
}
.jinsom-video-page-content .jinsom-load-post {
    padding-top: 14vw;
    padding-bottom: 0;
}


/*会员中心*/
.jinsom-vip-page-header-card {
    width: 90vw;
    height: 40vw;
    margin: 8vw auto 0;
    position: relative;
    border-radius: 4vw;
    background: #ddd;
}
.jinsom-vip-page-header-card.vip {
    background: var(--jinsom-color);
}
.jinsom-vip-page-header-card .title {
    position: absolute;
    top: 5vw;
    left: 4vw;
    font-size: 5vw;
    color: #716d6d;
}
.jinsom-vip-page-header-card.vip .title {
    color: #ffeb3b;
}
.jinsom-vip-page-header-card .info {
    position: absolute;
    bottom: 4vw;
    width: 100%;
    left: 4vw;
    font-size: 4vw;
    color: #999;
    display: flex;
    align-items: center;
}
.jinsom-vip-page-header-card.vip .info {
    color: #fff;
}
.jinsom-vip-page-header-card .info span {
    flex: 1;
}
.jinsom-vip-page-header-card .title span {
    opacity: 0.8;
    margin-left: 3vw;
    font-size: 3vw;
}
.jinsom-vip-page-header-card .info a {
    width: 18vw;
    margin-right: 10vw;
    text-shadow: 0 0 0;
    color: #fff;
    background-color: var(--jinsom-color);
    text-align: center;
    padding: 2vw 1.5vw;
    font-size: 3vw;
    border-radius: 6vw;
}
.jinsom-vip-page-info {
    margin: 8vw 6vw;
    border: 1px solid #e7e7e7;
    padding: 5vw;
    border-radius: 2vw;
    background-color: #fbfbfb;
}
.jinsom-vip-page-info .header {
    text-align: center;
    margin-bottom: 4vw;
}
.jinsom-vip-page-info .header:after {
    content: '';
    display: block;
    background: -webkit-linear-gradient(left, rgba(248,215,59,0),#ee70a6, rgba(248,215,59,0));
    height: 1px;margin-top: 4vw;
}
.jinsom-vip-page-info li {
    float: left;
    width: 25%;
    margin-bottom: 4vw;
    text-align: center;
}
.jinsom-vip-page-info li p {
    font-size: 3vw;
    color: #666;
}
.jinsom-vip-toolbar {
    border-top: 1px solid #f1f1f1;
}
.jinsom-vip-toolbar .toolbar-inner {
    padding: 0;
    font-size: 4vw;
}
.jinsom-vip-toolbar a:first-child {
    padding-left: 4vw;
    font-size: 3.5vw;
}
.jinsom-vip-toolbar a:last-child {
    display: inline-block;
    width: 32vw;
    text-align: center;
    line-height: 12vw;
    background-color: var(--jinsom-color);
    color: #fff;
    font-size: 3.5vw;
}
.jinsom-vip-page-get-number {
    margin: 10vw 6vw;
    text-align: center;
    border: 1px solid #ffe294;
    color: #f8b90d;
    border-radius: 10vw;
    background-color: #fffad0;
    font-size: 3.5vw;
    line-height: 10vw;
}
.jinsom-vip-page-get-number span {
    margin-left: 5vw;
}
.jinsom-vip-page-get-number i {
    vertical-align: -0.5vw;
}
.jinsom-vip-page-get-number.had {
    background-color: #f6f6f6;
    border: 1px solid #dedede;
    color: #cbcbcb;
}
.jinsom-vip-content {
    padding-bottom: 14vw !important;
}
.fancybox-active {
    height: inherit;
}
.fancybox-button {
    background: rgba(0, 0, 0, 0);
}
.fancybox-button--collect {
    padding: 9px;
    text-align: center;
}
.fancybox-button--collect>i {
    font-size: 5vw;
}
.fancybox-button--collect .jinsom-shoucang {
    color: #FF9800;
}
.jinsom-post-more-form .box {
    padding: 4vw 0 0;
    border-bottom: 1px solid #f1f1f1;
}
.jinsom-post-more-form .box:nth-last-child(2) {
    border-bottom: none;
}
.jinsom-post-more-form .box:first-child {
    padding-top: 8vw;
}
.jinsom-post-more-form .box li {
    text-align: center;
    float: left;
    width: 16.666%;
    margin-bottom: 4vw;
}
.jinsom-post-more-form .box li i {
    color: #555;
}
.jinsom-shoucang,.jinsom-post-more-form .box li i.jinsom-shoucang {
    color: #FF9800;
}
.jinsom-post-more-form .box li p {
    font-size: 3vw;
    margin-top: 1vw;
}
.jinsom-post-more-form .box:last-child {
    border: none;
    padding-bottom: 0vw;
}
.jinsom-post-more-form .box.share li i {
    font-size: 8vw;
}
.jinsom-post-more-form .box.share li i.jinsom-weixin {
    color: #3eb135;
}
.jinsom-post-more-form .box.share li i.jinsom-weibo {
    color: #e6162d;
}
.jinsom-post-more-form .box.share li i.jinsom-qq {
    color: #4dafea;
}
.jinsom-post-more-form .box.share li i.jinsom-qqkongjian2 {
    color: #eecf3d;
}
.jinsom-post-more-form .box.share li i.jinsom-lianjie {
    color: #999;
}
.jinsom-post-more-form .box.share li i.jinsom-haibao {
    color: #03A9F4;
}
.jinsom-post-more-form .cancel, .jinsom-reg-type-form-content .cancel {
    text-align: center;
    padding: 3vw;
    letter-spacing: 2px;
    background-color: #f8f8f8;
    color: #777;
    border-radius: 2vw;
}
.jinsom-bbs-post-list>.jinsom-post-words:last-child {
    margin-bottom: 0;
}
.jinsom-bbs-post-list-2, .jinsom-bbs-post-list-3, .jinsom-bbs-post-list-4 {
    padding: 0 2vw 2vw;
}
.jinsom-bbs-list-lattice {
    width: 47vw;
    float: left;
    background-color: #fff;
    border-radius: 2vw;
    margin-bottom: 2vw;
    position: relative;
    margin-right: 2vw;
    box-shadow: 0px 5px 20px -4px rgb(2 10 18 / 22%);
}
.jinsom-bbs-post-list-3 .jinsom-bbs-list-lattice {
    margin-right: 0;
}
.jinsom-bbs-list-lattice .bg {
    height: 55vw;
    background-size: cover;
    background-color: #ccc;
    background-position: center;
    margin: 2vw;
    border-radius: 2vw;
}
.jinsom-bbs-list-lattice .title {
    overflow: hidden;
    height: 11vw;
    display: flex;
    align-items: center;
}
.jinsom-bbs-list-lattice:nth-child(2n) {
    margin-right: 0;
}
.jinsom-bbs-list-lattice .footer {
    color: #999;
    font-size: 3vw;
    margin-top: 2.5vw;
}
.jinsom-bbs-list-lattice .footer .views {
    float: right;
}
.jinsom-bbs-list-lattice .footer i {
    font-size: 3vw;
}
.jinsom-bbs-list-lattice .content {
    padding: 2vw 2vw;
    display: flex;
    flex-direction: column;
}
.jinsom-bbs-list-lattice .commend {
    position: absolute;
    top: 1vw;
    left: 1vw;
    background-color: #f35b4f;
    color: #fff;
    padding: 0vw 1vw;
    border-radius: 1vw;
    font-size: 3vw;
}
.jinsom-bbs-list-lattice.grid img {
    width: 100%;
    border-radius: 4vw;
    padding: 2vw;
    box-sizing: border-box;
    padding-bottom: 0;
}
.jinsom-post-single.private {
    padding: 4vw;
}
.jinsom-post-single.private .jinsom-tips {
    margin: 0;
    border-radius: 2vw;
}

.jinsom-home-menu.leaderboard {
    font-size: 4vw;
}
.jinsom-leaderboard-content {
    padding: 16vw 4vw 4vw 0vw;
}
.jinsom-leaderboard-content li {
    margin-bottom: 6vw;
}
.jinsom-leaderboard-content li a {
    display: flex;
    align-items: center;
}
.jinsom-leaderboard-content li .rank {
    width: 14vw;
    text-align: center;
}
.jinsom-leaderboard-content li .avatarimg {
    height: 12vw;
    margin-right: 2vw;
    position: relative;
}
.jinsom-leaderboard-content li .avatarimg img {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
    box-sizing: border-box;
}
.jinsom-leaderboard-content li .info {
    flex: 1;
}
.jinsom-leaderboard-content li .rank i {
    font-size: 8vw;
}
.jinsom-leaderboard-content li:first-child .rank i {
    color: #FFC107;
}
.jinsom-leaderboard-content li:nth-child(2) .rank i {
    color: #ccc;
}
.jinsom-leaderboard-content li:nth-child(3) .rank i {
    color: #c09a62;
}
.jinsom-leaderboard-content li .number {
    text-align: center;
    width: 15vw;
    font-size: 3vw;
    color: #999;
}
.jinsom-leaderboard-content li .number i {
    font-size: 4.5vw;
    color: #F44336;
}
.jinsom-leaderboard-content li .info .desc {
    font-size: 3vw;
    color: #999;
    width: 50vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 2vw;
}
.jinsom-chat-user-list.notice li.reg .desc {
    overflow: inherit;
    white-space: inherit;
    width: 100%;
}
.jinsom-chat-user-list.notice li.reg .item-inner {
    overflow: inherit;
}
.jinsom-bbs-comment-quick {
    margin: 0 4vw;
}
.jinsom-bbs-comment-quick li {
    margin-top: 4vw;
    float: left;
    border: 1px solid #ddd;
    padding: 0.5vw 2vw;
    margin-right: 3vw;
    border-radius: 1vw;
    color: #555;
}
.jinsom-mobile-bbs-comment-tips {
    margin: 2vw 4vw;
    text-align: center;
    color: #f00;
}


/*小黑屋*/
[data-page="black-house"] .navbar {
    background-color: #000;
}
.jinsom-black-house-content {
    background-color: #000;
    padding: 16vw 4vw 4vw !important;
}
.jinsom-black-house-box {
    background-color: rgba(141, 141, 141, 0.3);
    border: 1px solid #999;
    border-radius: 1vw;
    padding: 2vw;
    margin-bottom: 4vw;
}
.jinsom-black-house-box>.title {
    padding-bottom: 2vw;
    border-bottom: 1px solid #333;
    font-weight: bold;
    color: #d2d200;
    font-size: 5vw;
}
.jinsom-black-house-box>.title span {
    color: #999;
    margin-left: 4vw;
    font-weight: normal;
    font-size: 3vw;
}
.jinsom-black-house-box .content {
    padding-top: 4vw;
}
.jinsom-black-house-box li {
    float: left;
    width: calc((100% - 4vw)/3);
    text-align: center;
    margin-right: 2vw;
    margin-bottom: 4vw;
}
.jinsom-black-house-box li:nth-child(3n) {
    margin-right: 0;
}
.jinsom-black-house-box li .name {
    font-size: 3.5vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-black-house-box li img {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
}
.jinsom-black-house-box .content li .name a, .jinsom-black-house-box .content li .name a font {
    color: #aaa !important;
}
.jinsom-black-house-box li .time {
    color: #FF5722;
    font-size: 3vw;
}
.jinsom-black-house-box .content li .time.black {
    color: #000;
}
.jinsom-black-house-box .content li .time.yellow {
    color: #CDDC39;
}
.jinsom-black-house-box li .btn {
    background-color: #3ba358;
    color: #fff;
    padding: 1.6vw;
    border-radius: 1vw;
    font-size: 3.5vw;
    margin: 1vw 2vw 0;
}


/*幸运抽奖*/
.jinsom-show-luck-gift-popup .navbar {
    position: fixed;
}
.jinsom-luck-gift {
    border-radius: 1vw;
    padding: 4vw;
}
.jinsom-luck-draw-current-credit {
    color: #333;
    text-align: center;
    margin: 4vw 0 8vw;
    display: flex;
}
.jinsom-luck-draw-current-credit>li {
    flex: 1;
}
.jinsom-luck-draw-current-credit span {
    font-weight: bold;
    color: #FF5722;
}
.jinsom-luck-draw-cover .img {
    width: 40vw;
    height: 40vw;
    margin: auto;
    border: #f5ad18 4px solid;
    border-radius: 2vw;
    background-size: cover;
    position: relative;
}
.jinsom-luck-draw-cover .img .name {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 2vw 0;
}
.jinsom-luck-draw-btn>span {
    text-align: center;
    background-color: var(--jinsom-color);
    color: #fff;
    margin: 6vw;
    padding: 2.5vw;
    border-radius: 4px;
    display: block;
}

.jinsom-luck-draw-list {
    background-color: rgba(255,255,255,.2);
    padding: 4vw 0;
    border-radius: 2vw;
    margin-top: 10vw;
}
.jinsom-luck-draw-list>.title {
    display: flex;
    position: relative;
    padding-bottom: 4vw;
}
.jinsom-luck-draw-list>.title li.on {
    color: var(--jinsom-color);
    font-size: 4.5vw;
}
.jinsom-luck-draw-list>.title li {
    flex: 1;
    text-align: center;
    color: #999;
}
.jinsom-luck-draw-list>.title:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    background: -webkit-linear-gradient(left, rgba(248,215,59,0),var(--jinsom-color), rgba(248,215,59,0));
    height: 1px;
}
.jinsom-luck-draw-list ul {
    padding: 0 4vw;
    background-color: #f8f8f8;
    border-radius: 1vw;
}
.jinsom-luck-draw-list ul li {
    display: flex;
    align-items: center;
    color: #555;
    padding: 3vw 0;
}
.jinsom-luck-draw-list ul li .right {
    flex: 1;
    text-align: right;
    font-size: 3.5vw;
    color: #999;
}
.jinsom-luck-draw-list ul li .img {
    background-position: center;
    background-size: cover;
    margin-right: 2vw;
    background-color: #fff;
    width: 10vw;
    height: 10vw;
    border-radius: 100%;
    position: relative;
}
.jinsom-luck-draw-list ul li .img i {
    bottom: 0;
    right: 0;
}
.jinsom-luck-draw-info {
    background-color: rgba(255,255,255,.2);
    padding: 4vw;
    border-radius: 2vw;
    margin-top: 10vw;
    color: #9E9E9E;
}
.jinsom-luck-draw-info .title {
    font-weight: bold;
    margin-bottom: 2vw;
}
.jinsom-luck-draw-info p {
    line-height: 7vw;
}
.jinsom-luck-draw-list ul li m {
    color: var(--jinsom-color);
}
.jinsom-luck-gift-list-content {
    padding: 14vw 4vw 4vw;
}
.jinsom-luck-gift-list .tips {
    color: #f5b43a;
    text-align: center;
    margin-bottom: 4vw;
}
.jinsom-luck-gift-list li {
    float: left;
    width: calc((100% - 8vw)/3);
    height: 35vw;
    margin-right: 4vw;
    text-align: center;
    font-size: 3vw;
    margin-bottom: 4vw;
}
.jinsom-luck-gift-list li:nth-child(3n) {
    margin-right: 0;
}
.jinsom-luck-gift-list li img {
    width: 100%;
    border: 2px solid;
    border-radius: 2vw;
    object-fit: cover;
    object-position: center;
    height: 28vw;
    box-sizing: border-box;
}
.jinsom-luck-draw-list ul.b li a {
    display: flex;
    align-items: center;
    color: #555;
}
.jinsom-black-house-header-html h1 {
    margin-bottom: 4vw;
    text-align: center;
    font-size: 8vw;
}
.jinsom-black-house-header-html, .jinsom-black-house-footer-html {
    color: #fff;
}
.jinsom-cash-form-more {
    padding: 6vw;
}
.jinsom-cash-form-more li {
    line-height: 14vw;
    font-size: 4.5vw;
}

.jinsom-cash-form-content {
    padding: 8vw 4vw;
}
.jinsom-cash-form-content .wechat-phone .tips {
    font-size: 3.5vw;
    text-align: center;
    color: #f00;
    margin-top: 4vw;
}
.jinsom-cash-form-content>div span:first-child {
    margin-right: 2vw;
}
.jinsom-cash-form-content>div {
    margin-bottom: 8vw;
}
.jinsom-cash-form-content>div input {
    border: 1px solid #e3e3e3;
    padding: 3vw 2vw;
    border-radius: 1vw;
    width: 68vw;
}
.jinsom-cash-form-content .number input {
    margin-right: 1vw;
    width: 24vw;
    padding: 2.5vw 2vw;
}
.jinsom-cash-form-content .credit m {
    color: #fe7f3e;
    font-size: 5vw;
}
.jinsom-cash-form-content .number m {
    font-size: 5vw;
    margin: 0 1vw;
    color: #666;
}
.jinsom-cash-form-content .number n {
    color: #2196F3;
}
.jinsom-cash-form-content .type>m {
    border: 1px solid #e3e3e3;
    padding: 2vw 4vw;
    cursor: pointer;
    color: #888;
    margin-right: 3vw;
    border-radius: 1vw;
    position: relative;
}
.jinsom-cash-form-content .type>m.on{
    border: 1px solid #5fb878;
}
.jinsom-cash-form-content .type>m n{
    display: none;
}
.jinsom-cash-form-content .type>m.on n {
    position: absolute;
    right: -1px;
    width: 0;
    height: 0;
    border-top: 6vw solid #5FB878;
    border-left: 6vw solid transparent;
    top: -1px;
    display: block;
}
.jinsom-cash-form-content .type>m n i {
    position: absolute;
    top: -6vw;
    right: 0;
    color: #ffffff;
    font-size: 3vw;
}
.jinsom-cash-btn {
    text-align: center;
    background-color: #5fb878;
    color: #fff;
    padding: 3vw;
    border-radius: 1vw;
    cursor: pointer;
    margin-bottom: 0 !important;
}
.jinsom-cash-form-end {
    text-align: center;
}
.jinsom-cash-form-end>i {
    font-size: 12vw;
    color: #4CAF50;
}
.jinsom-cash-form-end>p {
    color: #999;
    margin-top: 4vw;
}

.modal-text {
    color: #999;
    margin-bottom: 2vw;
}

.jinsom-reprint-check {
    display: flex;
}
.jinsom-reprint-check li {
    margin-bottom: 4vw;
    padding: 4vw;
    display: flex;
    flex: 1;
}
.jinsom-reprint-check li input {
    width: 6vw;
    height: 6vw;
    margin: 0;
    margin-right: 2vw;
    -webkit-appearance: checkbox;
}


/*红包*/
.jinsom-post-redbag-content {
    width: 40vw;
    height: 50vw;
    background-color: #e94658;
    border-radius: 3vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.jinsom-post-redbag-content .avatarimg {
    height: 18vw;
    background: rgb(199 52 68 / 60%);
    border-radius: 6vw 6vw 100% 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jinsom-post-redbag-content .avatarimg span {
    display: inline-block;
    width: 10vw;
    height: 10vw;
    text-align: center;
    line-height: 10vw;
    background-color: #f3b860;
    border-radius: 100%;
    color: #fff;
    margin-top: 18vw;
}
.jinsom-post-redbag-content .content {
    margin: 9vw 2vw 4vw;
    text-align: center;
    color: #fff;
    line-height: 20px;
    font-size: 3.5vw;
    padding: 0;
    overflow: hidden;
    text-shadow: 0 0 4px rgb(233 70 88);
    height: 10vw;
}
.jinsom-post-redbag-content .content p {
    font-size: 3.5vw;
}
.jinsom-post-redbag-content .tips {
    text-align: center;
    cursor: pointer;
    color: #f3ac38;
    font-size: 3.5vw;
}
.jinsom-post-redbag-content .tips.no {
    color: #f1acb4;
}




.jinsom-get-redbag-content .header {
    background-color: #e94658;
    padding: 20px;
    text-align: center;
}
.jinsom-get-redbag-content .header .redbag-desc {
    color: #ffc8ce;
    margin: 4vw;
    overflow-wrap: break-word;
}
.jinsom-get-redbag-content .redbag-hr {
    background: -webkit-linear-gradient(left, rgba(248,215,59,0),#ffeb3b, rgba(248,215,59,0));
    height: 1px;
}
/*.jinsom-get-redbag-content .userinfo {
    background-color: #eb5f6e;
    padding: 4vw;
    border-radius: 2vw;
}*/
.jinsom-get-redbag-my-credit {
    margin: 4vw;
    color: #fbe044;
}
.jinsom-get-redbag-my-credit i {
    font-size: 8vw;
    margin: 0 2vw;
    font-style: italic;
}
.jinsom-get-redbag-content .header .userinfo img {
    width: 18vw;
    height: 18vw;
    border-radius: 100%;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.jinsom-get-redbag-content .header .userinfo .name, .jinsom-get-redbag-content .header .userinfo .name font {
    color: #fff !important;
    margin-top: 1vw;
}
.jinsom-get-redbag-content>.info {
    padding: 3vw;
    border-bottom: 1px solid #f1f1f1;
    color: #999;
}
.jinsom-get-redbag-content>.info n {
    float: right;
    color: #e94658;
}
.jinsom-get-redbag-content .list {
    padding: 0 4vw;
}
.jinsom-get-redbag-content .list li {
    display: flex;
    align-items: center;
    margin: 4vw 0;
    position: relative;
}
.jinsom-get-redbag-content .list li>.avatarimg img {
    border-radius: 100%;
    width: 12vw;
    height: 12vw;
}
.jinsom-get-redbag-content .list li>.info {
    flex: 1;
    margin: 0 4vw;
}
.jinsom-get-redbag-content .list li>.info .time {
    margin-top: 2vw;
    color: #999;
}
.jinsom-publish-redbag-form .credit {
    margin: 4vw;
}
.jinsom-publish-redbag-form .credit label {
    margin-bottom: 2vw;
    display: inline-block;
    color: #e94658;
}
.jinsom-publish-redbag-form .credit>li input {
    width: 100%;
    padding: 3vw 2vw;
    border-radius: 1vw;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
}
.jinsom-publish-redbag-form .type {
    margin: 4vw 4vw 0;
    display: flex;
}
.jinsom-publish-redbag-form .tips {
    margin: 4vw;
    border: 1px solid #ecd2ad;
    background-color: #fff6e9;
    padding: 2.5vw;
    color: #b89c72;
    font-size: 3vw;
    border-radius: 1vw;
}
.jinsom-publish-redbag-form .type>li.on {
    background-color: #e94658;
    border: 1px solid #e94658;
    color: #fbe044;
}
.jinsom-publish-redbag-form .type>li {
    flex: 1;
    text-align: center;
    padding: 2vw 0;
    margin-right: 4vw;
    border-radius: 1vw;
    background-color: #ffecef;
    color: #f3909b;
    border: 1px solid #f3909b;
    cursor: pointer;
}
.jinsom-publish-redbag-form .type>li:last-child {
    margin-right: 0;
}
.jinsom-publish-redbag-form textarea {
    margin: 0 4vw 4vw;
    width: calc(100% - 8vw);
    box-sizing: border-box;
    padding: 2vw;
    height: 22vw;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
    resize: none;
    line-height: 6vw;
    font-size: 4vw;
    -webkit-appearance: none;
}
.jinsom-publish-redbag-form .img-list {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}
.jinsom-publish-redbag-form .img-list li {
    width: 30vw;
    height: 40vw;
    margin-left: 4vw;
    background-color: #e94658;
    margin-bottom: 12vw;
    border-radius: 1vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    opacity: 0.4;
    position: relative;
}
.jinsom-publish-redbag-form .img-list li:last-child {
    margin-right: 4vw;
}
.jinsom-publish-redbag-form .img-list li.on {
    opacity: 1;
}
.jinsom-publish-redbag-form .img-list li p {
    margin-top: 41vw;
    font-size: 3.5vw;
    text-align: center;
}
.jinsom-publish-redbag-form .img-list li span {
    position: absolute;
    font-size: 3vw;
    background-color: #ffffff;
    color: #e94658;
    left: 1vw;
    top: 1vw;
    padding: 0 1vw;
    border-radius: 4vw;
}


.jinsom-get-redbag-content .header .userinfo>a {
    position: relative;
}
.jinsom-get-redbag-content .header .userinfo>a>i {
    bottom: 0.5vw;
}
.jinsom-get-redbag-content .list li>.avatarimg>a {
    position: relative;
    width: 12vw;
    height: 12vw;
    display: inline-block;
}
.jinsom-get-redbag-content .list li>span {
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0;
    font-size: 3vw;
    background-color: #fbd564;
    color: #fff;
    padding: 0px 2vw;
    border-radius: 1vw;
    box-sizing: border-box;
    text-align: center;
    color: #d97e16;
}


/*修改手机号、邮箱、密码*/
.jinsom-setting-content.update-phone {
    background-color: #fff;
}
.jinsom-setting-update-phone-email-input {
    margin: 6vw;
}
.jinsom-setting-update-phone-email-input p {
    margin-bottom: 4vw;
    position: relative;
}
.jinsom-setting-update-phone-email-input input {
    width: 100%;
    outline: none;
    padding: 2vw 4vw 2vw 12vw;
    cursor: pointer;
    color: #000;
    border-radius: 1vw;
    box-sizing: border-box;
    border: none;
    font-size: 4vw;
    height: 12vw;
    background-color: #f6f6f6;
    flex: 1;
}
.jinsom-setting-update-phone-email-input p.code {
    display: flex;
}
.jinsom-setting-update-phone-email-input p.code input {
    margin-right: 4vw;
}
.jinsom-setting-update-phone-email-input p.code input.jinsom-get-code {
    margin-right: 0;
    padding: 0;
    background-color: #46c47c;
    color: #fff;
}
.jinsom-setting-update-phone-email-input p.phone:before {
    content: "\e641";
    font-family: "jinsom-icon" !important;
    position: absolute;
    top: 3vw;
    left: 3.5vw;
    font-size: 4.5vw;
    margin-left: 1vw;
    color: #000000;
}
.jinsom-setting-update-phone-email-input p.code:before {
    content: "\e709";
    font-family: "jinsom-icon" !important;
    position: absolute;
    top: 1vw;
    left: 1.5vw;
    font-size: 8vw;
    margin-left: 1vw;
    color: #000000;
}
.jinsom-setting-update-phone-email-input p.mail:before {
    content: "\e70d";
    font-family: "jinsom-icon" !important;
    position: absolute;
    top: 2.5vw;
    left: 3.5vw;
    font-size: 5vw;
    margin-left: 1vw;
    color: #000000;
}
.jinsom-setting-update-phone-email-input p.pass:before {
    content: "\e605";
    font-family: "jinsom-icon" !important;
    position: absolute;
    top: 2.5vw;
    left: 3.5vw;
    font-size: 5vw;
    margin-left: 1vw;
    color: #555;
}
.jinsom-setting-update-phone-email-input p.tips {
    text-align: center;
    color: #999;
}
.jinsom-setting-update-phone-email-input.question select {
    width: 100%;
    height: 12vw;
    border-radius: 1vw;
    border: 1px solid #f1f1f1;
    font-size: 4vw;
}
.jinsom-setting-update-phone-email-input.question .code input {
    margin: 0;
}

/*案例页面*/
.jinsom-case-content {
    padding: 12vw 2vw 2vw !important;
}
.jinsom-case-content ul{
    padding: 0;
    margin: 0;
}
.jinsom-case-content ul li {
    width: 47vw;
    float: left;
    margin-bottom: 2vw;
    box-sizing: border-box;
    border-radius: 1vw;
    background-color: #fff;
}
.jinsom-case-content ul li:nth-child(2n-1) {
    margin-right: 2vw;
}
.jinsom-case-avatar {
    height: 28vw;
    width: 100%;
    border-radius: 1vw 1vw 0 0;
    background-size: cover;
    background-position: center;
}
.jinsom-case-info {
    padding: 2vw;
}
.jinsom-case-name {
    margin: 2vw 0;
    color: #00a2eb;
}
.jinsom-case-desc {
    height: 10vw;
    color: #707070;
    margin-bottom: 2vw;
    font-size: 3.8vw;
    overflow: hidden;
}
.jinsom-case-visit {
    text-align: center;
    font-size: 3.5vw;
    color: #999;
    margin: 3vw 0 1vw;
}


#jinsom-task-navbar-center span {
    display: inline-block;
    width: 60px;
    position: relative;
    font-size: 3.5vw;
    margin: 0 4vw;
}
#jinsom-task-navbar-center span.on:before {
    content: '';
    height: 2px;
    background-color: #fff;
    position: absolute;
    width: 30%;
    bottom: 1vw;
    margin: auto;
    left: 50%;
    margin-left: -15%;
    border-radius: 20px;
}
.jinsom-task-form {
    padding: 4vw;
}
.jinsom-task-form-header {
    margin: 2vw 0vw 10vw;
}
.jinsom-task-form-header .header {
    display: flex;
    margin-bottom: 6vw;
}
.jinsom-task-form-header .header .title {
    flex: 1;
}
.jinsom-task-form-header .header .number n {
    color: #f00;
    margin: 0 1vw;
}
.jinsom-task-form-header li {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 4vw;
}
.jinsom-task-form-header li img {
    width: 10vw;
    height: 10vw;
    object-fit: contain;
}
.jinsom-task-form-header li p {
    color: #999;
    font-size: 3.5vw;
}
.jinsom-task-form-content ul {
    margin: 0;
    padding: 0;
    display: none;
}
.jinsom-task-form-content ul.on {
    display: block;
}
.jinsom-task-form-content ul li {
    margin-bottom: 4vw;
    padding-bottom: 4vw;
    border-bottom: 1px solid #f6f6f6;
    position: relative;
}
.jinsom-task-form-content ul li .info {
    display: flex;
}
.jinsom-task-form-content ul li .reward {
    margin-top: 4vw;
    font-size: 3vw;
    color: #e99d85;
}
.jinsom-task-form-content ul li .left {
    max-width: 55vw;
    margin-right: 4vw;
}
.jinsom-task-form-content ul li .desc {
    color: #999;
    margin: 1vw 0;
    line-height: 5vw;
    font-size: 3.5vw;
    min-height: 10vw;
}
.jinsom-task-form-content ul li .right {
    position: absolute;
    right: 0;
    top: 0;
}
.jinsom-task-form-content ul li .right .number {
    font-size: 3.5vw;
    color: #7A8F9A;
}
.jinsom-task-form-content ul li .right .number m {
    color: #4ACA6D;
}
.jinsom-task-form-content ul li .right .status {
    padding: 1vw 2vw;
    border: 1px solid #46c47c;
    color: #46c47c;
    border-radius: 20px;
    text-align: center;
    margin-top: 4vw;
    cursor: pointer;
    line-height: 6vw;
    font-size: 3.5vw;
    float: right;
    width: 15vw;
}
.jinsom-task-form-content ul li .right .status.on {
    background-color: #46c47c;
    color: #fff;
}
.jinsom-task-form-content ul li .right .status.had {
    border-color: #ccc;
    color: #fff;
    background-color: #ccc;
    cursor: default;
}
.jinsom-task-form-content ul li .reward p {
    margin-top: 2vw;
}
.jinsom-task-form-content ul li .reward span {
    margin: 0 1vw;
}
.jinsom-task-form-content ul li .reward p.normal {
    color: #999;
}
.jinsom-task-form-content ul li:last-child {
    border-bottom: none;
}



.jinsom-task-treasure-form {
    padding: 8vw;
}
.jinsom-task-treasure-img {
    text-align: center;
}
.jinsom-task-treasure-img img {
    width: 20vw;
}
.jinsom-task-treasure-name {
    text-align: center;
    margin-top: 2vw;
    color: #666;
}
.jinsom-task-treasure-reward {
    padding: 4vw;
    background-color: #f9f9f9;
    margin: 5vw;
    border-radius: 1vw;
}
.jinsom-task-treasure-reward span {
    margin: 4vw;
    display: block;
    color: #e99d85;
}
.jinsom-task-treasure-btn {
    text-align: center;
    padding: 2.5vw;
    background-color: #46c47c;
    color: #fff;
    border-radius: 1vw;
    cursor: pointer;
    margin: 0 5vw;
}
.jinsom-task-treasure-btn.had {
    background-color: #ccc;
    cursor: default;
}
.jinsom-task-treasure-form .number {
    position: absolute;
    opacity: 0.3;
}
.jinsom-task-treasure-form .number n {
    color: #f00;
}



/*移动端幻灯片*/
.owl-dots {
    position: absolute;
    right: 1vw;
    top: 0;
}
.owl-dots button span {
    width: 8px;
    height: 8px;
    margin: 0 0.5vw;
    display: block;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}
.owl-dots button.active span{
    background-color:#fff;
}
.owl-carousel .owl-stage-outer{
    border-radius:1vw; 
}
.jinsom-mobile-slider .item a {
    display: block;
    border-radius: 1vw;
    background-size: cover;
    background-position: center;
}

.jinsom-mobile-sns-slider-content {
    padding: 2vw;
    background-color: #fff;
    margin: 2vw;
    border-radius: 2vw;
}
.owl-carousel.owl-hidden {
    opacity: 1;
}
.jinsom-mobile-slider .item a p {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 2vw;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(to top, rgba(5, 5, 5, 0.6), rgba(8, 8, 8, 0));
}


.jinsom-reward-bg,.jinsom-mobile-login-form-btn .jinsom-login-btn,.jinsom-login-input-form p.code .jinsom-get-code,.jinsom-login-input-form p.code a,.jinsom-cash-btn,li.jinsom-mine-no-login{background:var(--jinsom-color);}
.jinsom-home-menu li.on,.jinsom-video-special-menu li.on,.jinsom-member-menu li.on,.jinsom-topic-menu li.on,.jinsom-chat-tab a.active,.tabbar a.active,.jinsom-footer-toolbar .publish i,.jinsom-bbs-publish-icon i,.jinsom-refresh-success,.toolbar-inner .right a,.jinsom-publish-power-form li .select,.jinsom-bbs-menu li.on,.jinsom-bbs-tab-post-header>li.on,.jinsom-single-comment>.header li.on{color:var(--jinsom-color);}
.jinsom-home-menu li.on:after,.jinsom-video-special-menu li.on:after,.jinsom-member-menu li.on:after,.jinsom-chat-tab a.active:after,.jinsom-topic-menu li.on:after,.jinsom-find-box .header>span,.jinsom-single-comment>.header li.on:after{border-color:var(--jinsom-color);}
.navbar-inner{background:var(--jinsom-navbar-bg-color);}
.navbar-inner>div,.navbar-inner>div>a{color:var(--jinsom-navbar-text-color);}

/*全站通知*/
.jinsom-site-notice-content {
    padding: 14vw 3vw !important;
}
.jinsom-site-notice-content li {
    background-color: #fff;
    margin-bottom: 4vw;
    border-radius: 2vw;
    position: relative;
    padding: 3vw;
}
.jinsom-site-notice-content li .title {
    font-size: 4.5vw;
    margin-bottom: 2vw;
}
.jinsom-site-notice-content li .time {
    font-size: 3vw;
    color: #999;
    margin-bottom: 4vw;
}
.jinsom-site-notice-content li .time span:last-child {
    float: right;
}
.jinsom-site-notice-content li .content {
    line-height: 7vw;
    overflow: hidden;
    min-height: 20vw;
    font-size: 3.8vw;
    color: #555;
}
.jinsom-site-notice-content li .content img {
    width: 100%;
    border-radius: 2vw;
    margin: 2vw 0;
    box-sizing: border-box;
}
.jinsom-site-notice-content li .content img.wp-smiley {
    width: 6.5vw;
}
.jinsom-site-notice-content li .title i {
    margin-left: 2vw;
    font-size: 3vw;
    padding: 0.5vw 1vw;
    background-color: #f44336;
    color: #fff;
    border-radius: 1vw;
    vertical-align: 0.5vw;
}
.jinsom-site-notice-content>.time {
    border-radius: 6vw;
    background-color: #ccc;
    width: 25vw;
    color: #fff;
    font-size: 3.5vw;
    margin: 6vw auto 3vw;
    text-align: center;
}
.jinsom-alipay-qrcode-recharge-content #jinsom-qrcode {
    text-align: center;
    margin-top: 50%;
}
.jinsom-alipay-qrcode-pay {
    margin-top: 50%;
    text-align: center;
}
.jinsom-alipay-qrcode-pay p:nth-child(3n) {
    margin-top: 5vw;
    font-size: 8vw;
    color: #333;
}
.jinsom-alipay-qrcode-pay p:nth-child(2n) {
    color: #41b035;
    font-size: 5vw;
}
.jinsom-alipay-qrcode-pay p:first-child i {
    color: #41b035;
    font-size: 20vw;
}


/*列表显示评论*/
.jinsom-post-list-comment {
    padding: 0 3vw 4vw;
}
.jinsom-post-list-comment.single {
    padding-bottom: 0;
    padding-top: 2vw;
    padding: 3vw 0 0;
}
.jinsom-post-list-comment-content {
    border-radius: 1vw;
    word-break: break-all;
}
.jinsom-post-list-comment-content li {
    margin-bottom: 2vw;
    color: #666;
    max-height: 10vw;
    overflow: hidden;
    font-size: 3.6vw;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.jinsom-post-list-comment-content li:last-child {
    margin-bottom: 0;
}
.jinsom-post-list-comment-content li>a {
    color: #4289d2;
    display: inline-flex;
    overflow: hidden;
}
.jinsom-post-list-comment-content li .wp-smiley {
    width: 5vw;
    height: 5vw !important;
    max-height: 5vw !important;
}
.jinsom-shortcodes-btn {
    display: inline-block;
    background-color: var(--jinsom-color);
    padding: 1vw 3vw;
    border-radius: 4px;
    color: #fff !important;
    margin: 2vw 0;
    text-decoration: none !important;
}
.jinsom-post-list-comment-content li>m {
    padding: 0vw 1.2vw;
    border: 1px solid #E91E63;
    color: #E91E63;
    border-radius: 1vw;
    margin-right: 2vw;
    font-size: 3vw;
}
.jinsom-post-list-comment-content .jinsom-post-link {
    vertical-align: 2px;
}
.jinsom-post-list-comment-content .jinsom-post-link i:before {
    vertical-align: -2px;
}

/*签到*/
.jinsom-sign-success-form>li {
    text-align: center;
    margin-bottom: 4vw;
    color: #555;
}
.jinsom-sign-success-form>li:first-child {
    font-size: 5vw;
    color: #333;
}
.jinsom-sign-success-form>li i {
    font-size: 8vw;
    margin-right: 2vw;
    color: #4CAF50;
    vertical-align: -0.5vw;
}
.jinsom-sign-success-form fieldset {
    border-radius: 1vw;
    border: 1px solid #bbb;
}
.jinsom-sign-success-form legend {
    padding: 0 4vw;
}
.jinsom-sign-success-form .layui-field-box li {
    margin: 4vw 0;
}

.jinsom-sign-add-form-content .treasure-img img {
    width: 18vw;
    height: 18vw;
    object-fit: contain;
}
.jinsom-sign-add-form-content fieldset {
    border: 1px solid #ccc;
    border-radius: 1vw;
}
.jinsom-sign-add-form-content legend {
    padding: 0 4vw;
}
.jinsom-sign-add-form-content .layui-field-box li {
    margin: 4vw 0;
}
.jinsom-sign-add-form-content .no-reward {
    color: #999;
    margin: 6vw;
}
.jinsom-sign-add-form-content .btn {
    background-color: var(--jinsom-color);
    color: #fff;
    padding: 2vw;
    border-radius: 1vw;
    margin-top: 4vw;
}
.jinsom-sign-add-form-content .btn.no {
    background-color: #ccc;
}
.jinsom-sign-add-form-content .btn m {
    font-size: 3.5vw;
    margin-left: 2vw;
}
.jinsom-single-comment .xgplayer {
    width: 100% !important;
}
.jinsom-post-words .xgplayer,#jinsom-publish-video-demo {
    margin: 4vw 0 0 4vw;
    border-radius: 2vw;
    max-height: 130vw;
}
.jinsom-single .xgplayer{
    max-height: 160vw;
    border-radius: 3vw;
}
.jinsom-post-words .xgplayer {
    width: calc(100% - 8vw) !important;
}
.jinsom-single .xgplayer, #jinsom-publish-video-demo {
    width: 100% !important;
}
.jinsom-post-words .xgplayer video{
    max-height: 130vw !important;
}
.jinsom-single .xgplayer video{
    max-height: 160vw !important;
}
.jinsom-post-words .xgplayer.xgplayer-is-fullscreen video, .jinsom-single .xgplayer.xgplayer-is-fullscreen video {
    max-height: inherit !important;
}
.jinsom-post-words .xgplayer-nostart,.jinsom-single .xgplayer-nostart,#jinsom-publish-video-demo .xgplayer-nostart{
    /*width: 100% !important;*/
    height: 50vw !important;
}
/*.jinsom-post-words .xgplayer-playing,.jinsom-single .xgplayer-playing,#jinsom-publish-video-demo .xgplayer-playing{
    height: inherit !important;
}*/
.jinsom-post-words video,.jinsom-post-words xg-controls,.jinsom-single video,.jinsom-single xg-controls,#jinsom-publish-video-demo video,#jinsom-publish-video-demo xg-controls {
    border-radius: 2vw;
}
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner{
    height: 50px !important;
    width: 50px !important;
}
.xgplayer-skin-default.xgplayer-is-enter .xgplayer-enter,.jinsom-post-words xg-error,.jinsom-single xg-error,.jinsom-post-words xg-replay,.jinsom-single xg-replay {
    border-radius: 2vw;
}
.jinsom-post-words xg-start,.jinsom-single xg-start{
    display: none !important;
}
.jinsom-post-words .xgplayer-nostart xg-start,.jinsom-single .xgplayer-nostart xg-start{
    display: inline-block !important;
}
/*.jinsom-post-words .xgplayer xg-progress, .jinsom-single .xgplayer xg-progress{
    display: none;
}*/
.jinsom-post-words .xgplayer.xgplayer-is-fullscreen xg-progress, .jinsom-single .xgplayer.xgplayer-is-fullscreen xg-progress {
    display: block;
}
.jinsom-single .xgplayer {
    margin: 0 0 4vw;
}

.xgplayer xg-rotate.xgplayer-rotate {
    display: none;
}
.xgplayer.xgplayer-is-fullscreen xg-rotate.xgplayer-rotate {
    display: block;
}

.xgplayer-skin-default .xgplayer-start .xgplayer-icon-play {
    font-family: "jinsom-icon" !important;
    font-size: 12vw;
    font-style: normal;
    color: #fff;
    margin-left: 4vw;
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
}
.xgplayer-skin-default .xgplayer-start .xgplayer-icon-play:before {
    content: "\e6d2";
}
.xgplayer-skin-default .xgplayer-start .xgplayer-icon-play svg {
    display: none;
}

#jinsom-video-live.xgplayer-skin-default .xgplayer-start .xgplayer-icon-play:before,#jinsom-publish-video-demo.xgplayer-skin-default .xgplayer-start .xgplayer-icon-play:before {
    display: none;
}
#jinsom-video-live.xgplayer-skin-default .xgplayer-start .xgplayer-icon-play,#jinsom-publish-video-demo.xgplayer-skin-default .xgplayer-start .xgplayer-icon-play {
    animation: none;
    margin-left: 0;
}
#jinsom-video-live.xgplayer-skin-default .xgplayer-start .xgplayer-icon-play svg,#jinsom-publish-video-demo.xgplayer-skin-default .xgplayer-start .xgplayer-icon-play svg {
    display: block;
}




#jinsom-publish-video-demo {
    margin: 0;
    max-height: inherit;
}
.jinsom-comment-content-main {
    position: relative;
}
.jinsom-comment-content-main>i {
    position: absolute;
    right: 5vw;
    bottom: 2vw;
    color: #999;
    width: 10vw;
    text-align: center;
    height: 10vw;
    line-height: 10vw;
}
.jinsom-comment-content-main>i.aite {
    right: 15vw;
}
.jinsom-smile-form {
    height: 50vh;
    box-sizing: border-box !important;
}
.jinsom-smile-form ul {
    padding: 0;
    margin: 0;
}
.jinsom-smile-form .header {
    display: flex;
    padding: 0 4vw;
    border-bottom: 1px solid #f1f1f1;
}
.jinsom-smile-form .header li {
    padding: 3vw 0;
    margin-right: 4vw;
    font-size: 4vw;
}
.jinsom-smile-form .header li.on {
    color: var(--jinsom-color);
    font-size: 4.5vw;
}
.jinsom-smile-form span {
    display: inline-block;
    height: 10vw;
    width: calc((100% - 9vw)/9);
    margin: 0 0.5vw;
}
.jinsom-smile-form span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jinsom-smile-form .content {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(50vh - 14vw);
    padding: 2vw 2vw 0;
}

.jinsom-comment-image-list {
    margin-left: 12vw;
}
.jinsom-comment-image-list a {
    width: calc((100% - 4vw)/3);
    display: inline-block;
    margin-right: 2vw;
    margin-bottom: 2vw;
    height: 24vw;
}
.jinsom-comment-image-list a:nth-child(3n) {
    margin-right: 0;
}
.jinsom-comment-image-list a img {
    width: 100%;
    border-radius: 1vw;
    height: 100%;
    object-fit: cover;
}
.jinsom-comment-image-list.number-1 a {
    height: auto;
    max-width: 60%;
    max-height: 50vh;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.jinsom-comment-image-list.number-1 a img {
    display: block;
}

/*海报*/
.jinsom-content-playbill-main{
    background-color: #fff;
}
.jinsom-content-playbill {
    background-color: #fff;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-bottom: none;
    margin: 4vw;
}
.jinsom-content-playbill-header {
    position: relative;
}
.jinsom-content-playbill-content {
    line-height: 6.5vw;
    padding: 4vw 2vw;
}
.jinsom-content-playbill-content .title {
    margin-bottom: 2vw;
    font-size: 4.5vw;
}
.jinsom-content-playbill-content .content {
    color: #555;
    word-break: break-all;
}
.jinsom-content-playbill-content .author {
    text-align: right;
    margin-top: 4vw;
    color: #555;
}
.jinsom-content-playbill .footer {
    padding: 8vw 0 1vw 1vw;
    color: #999;
    font-size: 3vw;
    text-align: center;
}
.jinsom-content-playbill .footer .code {
    margin-bottom: 1vw;
}
.jinsom-content-playbill .footer .code canvas {
    border-radius: 1vw;
    border: 1px solid #f3f3f3;
    padding: 2vw;
}
.jinsom-add-content-playbill {
    margin: 6vw 4vw 4vw;
    text-align: center;
    padding: 2.5vw;
    background-color: var(--jinsom-color);
    color: #fff;
    border-radius: 1vw;
}
.jinsom-content-playbill>img {
    width: 100%;
    padding: 2vw;
    box-sizing: border-box;
    border: 1px solid #f1f1f1;
    border-radius: 2vw;
}
.jinsom-save-content-playbill {
    text-align: center;
    color: #999;
    margin-bottom: 6vw;
}
.jinsom-content-playbill.referral .referral-img img {
    width: 100%;
    border-radius: 1vw;
}

/*推广*/
.jinsom-referral-page-main {
    padding: 6vw 0vw;
}
.jinsom-referral-page-number {
    display: flex;
}
.jinsom-referral-page-number>li {
    flex: 1;
    text-align: center;
}
.jinsom-referral-page-number>li span {
    font-size: 6vw;
    color: var(--jinsom-color);
}
.jinsom-referral-page-number>li span i {
    font-size: 3vw;
    margin-left: 1vw;
    color: #999;
}
.jinsom-referral-page-number>li p {
    font-size: 3.5vw;
    color: #999;
}
.jinsom-referral-page-count {
    text-align: center;
    margin: 4vw 4vw 6vw;
}
.jinsom-referral-page-count span {
    font-size: 10vw;
    color: #F44336;
}
.jinsom-referral-page-count p {
    font-size: 3.5vw;
    color: #999;
}
.jinsom-referral-page-user-list {
    margin: 10vw 4vw 10vw;
}
.jinsom-referral-page-user-list>.title {
    text-align: center;
    margin: 4vw 0 6vw;
}
.jinsom-referral-page-user-list>.title:after {
    content: '';
    display: block;
    height: 0.8vw;
    width: 8vw;
    background-color: var(--jinsom-color);
    position: absolute;
    left: 50%;
    margin-left: -4vw;
    margin-top: 1vw;
    border-radius: 2vw;
}
.jinsom-referral-page-user-list .header {
    display: flex;
    text-align: center;
}
.jinsom-referral-page-user-list .header span:first-child {
    text-align: left;
}
.jinsom-referral-page-user-list .header span {
    flex: 1;
    color: #999;
}
.jinsom-referral-page-user-list .content li {
    padding: 4vw 0;
    border-bottom: 1px solid #f6f6f6;
    text-align: center;
}
.jinsom-referral-page-user-list .content li:last-child {
    border-bottom: none;
}
.jinsom-referral-page-user-list .content li span:first-child {
    display: flex;
    align-items: center;
}
.jinsom-referral-page-user-list .content li span {
    flex: 1;
    display: inline-block;
    position: relative;
}
.jinsom-referral-page-user-list .content li span i {
    left: 5vw;
    bottom: -0.5vw;
}
.jinsom-referral-page-user-list .content li>a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.jinsom-referral-page-user-list .content li img {
    width: 8vw;
    height: 8vw;
    border-radius: 100%;
    margin-right: 1vw;
}
.jinsom-referral-page-user-list .content .more {
    text-align: center;
    padding: 3vw 0;
    display: block;
}
.jinsom-referral-page-content .referral-times {
    text-align: center;
    margin-top: 10vw;
}
.jinsom-referral-page-content .referral-times span {
    color: var(--jinsom-color);
}
.jinsom-referral-btn {
    margin: 4vw 8vw;
    display: flex;
}
.jinsom-referral-btn>.link {
    margin-right: 8vw;
}
.jinsom-referral-btn>div {
    flex: 1;
    text-align: center;
    background-color: var(--jinsom-color);
    color: #fff;
    padding: 2vw;
    border-radius: 1vw;
}
.jinsom-referral-btn>div a {
    color: #fff;
}
.jinsom-referral-url {
    text-align: center;
    margin-top: 6vw;
    font-size: 5vw;
    color: #2196F3;
    margin-bottom: 6vw;
}
.jinsom-referral-url m {
    font-size: 3vw;
    margin-left: 2vw;
    color: #fff;
    background-color: #4CAF50;
    padding: 1vw 2vw;
    vertical-align: 1vw;
    border-radius: 1vw;
}


/*直播*/
.jinsom-live-page-header .xgplayer {
    width: 100% !important;
    height: 50vw !important;
}
[data-page='live']>.navbar {
    background: rgba(0, 0, 0, 0);
}
.jinsom-live-content {
    padding-top: 0 !important;
    overflow: hidden;
    padding-bottom: 12vw !important;
}
.jinsom-live-page-nav {
    display: flex;
    background-color: #444;
    line-height: 6vw;
}
.jinsom-live-page-nav li {
    flex: 1;
    text-align: center;
    position: relative;
    color: #888;
    padding: 3vw 0;
}
.jinsom-live-page-nav li.on {
    color: #eee;
}
.jinsom-live-page-nav li.on:after {
    content: '';
    height: 2px;
    width: 6vw;
    background-color: #eee;
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left: -3vw;
    border-radius: 4vw;
}
.jinsom-live-page-nav-list {
    height: calc(100vh - 62vw);
    overflow-y: auto;
    padding: 4vw;
    box-sizing: border-box;
    background-color: #333;
    padding-bottom: 12vw;
}
.jinsom-live-page-nav-list ul {
    display: none;
    margin: 0;
    padding: 0;
    color: #999;
    line-height: 6vw;
}
.jinsom-live-page-nav-list ul img {
    max-width: 100%;
    border-radius: 1vw;
    line-height: 15vw;
    object-fit: cover;
    height: auto;
    margin: 2vw 0;
}
.jinsom-live-page-nav-list ul img.wp-smiley {
    width: 6.5vw;
}
.jinsom-live-page-nav-list ul.comment-list {
    display: block;
    padding-bottom: 20vw;
}
.jinsom-live-page-nav-list ul.comment-list li {
    display: flex;
    margin-bottom: 6vw;
}
.jinsom-live-page-nav-list ul.comment-list li .left {
    margin-right: 2vw;
}
.jinsom-live-page-nav-list ul.comment-list li .left img {
    width: 10vw;
    height: 10vw;
    border-radius: 100%;
    margin: 0;
}
.jinsom-live-page-nav-list ul.comment-list li .left>a {
    position: relative;
    width: 10vw;
    height: 10vw;
    display: inline-block;
}
.jinsom-live-page-nav-list ul.comment-list li .right .name {
    color: #999;
    margin-bottom: 2vw;
}
.jinsom-live-page-nav-list ul.comment-list li .right .content {
    display: inline-block;
    background-color: #414141;
    padding: 6px 8px;
    color: #ccc;
    line-height: 24px;
    border-radius: 4px;
    max-height: 100vw;
    overflow: hidden;
    word-break: break-all;
}
.jinsom-live-page-nav-list ul.jingcai li {
    margin-right: 4vw;
    margin-bottom: 4vw;
    width: calc((100% - 4vw)/2);
    float: left;
    border: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
}
.jinsom-live-page-nav-list ul.jingcai li.on {
    border-color: #2196F3;
    border-radius: 1vw;
}
.jinsom-live-page-nav-list ul.jingcai li:nth-child(2n) {
    margin-right: 0;
}
.jinsom-live-page-nav-list ul.jingcai li img {
    height: 30vw;
    object-fit: cover;
    width: 100%;
    margin: 0;
}
.jinsom-live-page-nav-list ul.jingcai li p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-live-toolbar {
    background-color: #444 !important;
}
.jinsom-live-toolbar>div {
    padding: 1vw;
}
.jinsom-live-toolbar textarea {
    background-color: #222;
    border: none;
    height: 10vw;
    color: #999;
    font-size: 4vw;
    line-height: 7vw;
}
.jinsom-live-toolbar .btn {
    height: 100%;
    line-height: 10vw;
    color: #ddd;
    margin-right: 1vw;
}
.jinsom-live-toolbar .toolbar-inner>i {
    font-size: 8.5vw;
    margin-right: 1vw;
    color: #df4336;
}

.jinsom-live-page-header {
    position: relative;
}
.jinsom-live-page-header .reward-list {
    position: absolute;
    z-index: 999;
    right: 0;
    color: #999;
    top: 2vw;
}
.jinsom-live-page-header .reward-list li {
    float: left;
    position: relative;
    margin-right: 2vw;
}
.jinsom-live-page-header .reward-list li img {
    width: 7vw;
    height: 7vw;
    border-radius: 100%;
}
.jinsom-live-page-header .reward-list li p {
    color: #fff;
    font-size: 2.5vw;
    position: absolute;
    bottom: 1vw;
    background-color: #2196f3;
    border-radius: 20px;
    text-align: center;
    margin: auto;
    width: 80%;
    left: 50%;
    margin-left: -40%;
    line-height: 3vw;
}
.jinsom-live-page-header .reward-list li.count {
    background-color: rgba(68, 68, 68, 0.8);
    border-radius: 20px;
    font-size: 3vw;
    padding: 0.5vw 2vw;
    margin-top: 1.5vw;
    color: #ddd;
}
.jinsom-live-page-header .back {
    position: absolute;
    left: 0;
    z-index: 999;
    color: #ddd;
    width: 15vw;
    height: 12vw;
    text-align: center;
    line-height: 12vw;
}
.jinsom-live-page-nav-list ul.comment-list li .right {
    width: 100%;
}
.jinsom-live-page-nav-list ul.comment-list li .right .content .jinsom-redbag-icon {
    font-size: 5vw;
    vertical-align: -0.5vw;
}
.jinsom-live-toolbar textarea::-webkit-input-placeholder {
  color: #444;
}
.jinsom-no-video-live {
    background-color: #000;
    color: #999;
    height: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jinsom-no-video-live i {
    font-size: 10vw;
    margin-right: 2vw;
}
.jinsom-right-bar .images i {
    font-size: 5vw;
    color: #999;
}
.jinsom-right-bar .redbag i {
    font-size: 6vw;
    color: #d94439;
}
.jinsom-live-toolbar-nologin {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.jinsom-now-content .jinsom-chat-user-list li .desc n {
    color: #2196F3;
    margin: 0 1vw;
}
.jinsom-now-content .jinsom-chat-user-list li .desc {
    font-size: 3.5vw;
}


/*宠物乐园*/
.jinsom-pet-content {
    padding: 15vw 4vw 4vw !important;
}
.jinsom-pet-nest-list li {
    width: 33.33%;
    float: left;
    padding: 2vw;
    box-sizing: border-box;
    height: 50vw;
}
.jinsom-pet-nest-list li .nest img {
    width: 100%;
    max-height: 40vw;
    object-fit: contain;
}
.jinsom-pet-nest-list li .animal {
    height: 20vw;
    position: relative;
}
.jinsom-pet-nest-list li .animal img {
    width: 40%;
    position: absolute;
    left: 50%;
    margin-left: -20%;
    bottom: -45%;
}
.jinsom-pet-nest-list.single li .animal img {
    bottom: -80%;
}
.jinsom-pet-nest-list li .animal img.pet_img {
    width: 60%;
    margin-left: -30%;
}
.jinsom-pet-nest-list li.gray {
    opacity: 0.5;
}
.jinsom-pet-nest-list li .animal>p {
    text-align: center;
    position: absolute;
    width: 100%;
    color: #f00;
    bottom: 0vw;
    z-index: 9;
}
.jinsom-pet-nest-list li .nest p {
    text-align: center;
    color: #f00;
}
.jinsom-pet-nest-list li .nest p.green {
    color: #4CAF50;
}

.jinsom-pet-nest-list.single {
    padding: 6vw;
    box-sizing: border-box;
}
.jinsom-pet-nest-list.single li {
    width: 60%;
    margin: auto;
    float: inherit;
}
.jinsom-pet-nest-btn {
    width: 50%;
    margin: 12vw auto 0;
    text-align: center;
    padding: 2.5vw;
    background-color: var(--jinsom-color);
    color: #fff;
    border-radius: 1vw;
}
.jinsom-pet-nest-no-power-info {
    text-align: center;
    margin-top: 8vw;
    color: #999;
}
.jinsom-pet-nest-list {
    margin-bottom: 10vw;
}

.jinsom-pet-store-list {
    padding: 4vw;
}
.jinsom-pet-store-list li {
    margin-bottom: 4vw;
    padding: 2vw 4vw;
    background-color: #f9f9f9;
}
.jinsom-pet-store-list li .name {
    font-size: 4.5vw;
}
.jinsom-pet-store-list li .content {
    display: flex;
    margin: 2vw 0;
}
.jinsom-pet-store-list li .content .img {
    flex: 1;
}
.jinsom-pet-store-list li .content .img img {
    width: 15vw;
    height: 15vw;
    object-fit: contain;
    padding: 1vw;
    border: 1px solid #f1f1f1;
    border-radius: 1vw;
    background-color: #fff;
    margin-right: 2vw;
}
.jinsom-pet-store-list li .content .select {
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.jinsom-pet-store-list li .content .select .price {
    text-align: center;
    margin-bottom: 2vw;
    font-size: 4.5vw;
    color: #FF5722;
}
.jinsom-pet-store-list li .content .select .btn {
    background-color: var(--jinsom-color);
    text-align: center;
    color: #fff;
    padding: 1vw 0vw;
    border-radius: 0.5vw;
    min-width: 20vw;
}
.jinsom-pet-store-list li .desc {
    color: #999;
}
.jinsom-pet-store-list li .desc span:last-child {
    float: right;
}
.jinsom-pet-store-list li .name span {
    background-color: #FFC107;
    font-size: 3.5vw;
    color: #fff;
    padding: 0.2vw 2vw;
    margin-left: 2vw;
    vertical-align: 1px;
}
.jinsom-pet-nest-btn.no {
    background-color: #ccc;
}
.jinsom-pet-nest-protect-time {
    text-align: center;
    margin-top: 4vw;
    color: #f00;
}
.jinsom-pet-mine-note {
    margin-top: 13vw;
    text-align: center;
    margin-bottom: 10vw;
    padding-top: 5vw;
    border-top: 1px solid #f4f4f4;
}
.jinsom-pet-mine-note .title {
    font-size: 4.5vw;
    margin-bottom: 2vw;
}
.jinsom-pet-mine-note li {
    line-height: 12vw;
    color: #666;
    text-align: left;
    border-bottom: 1px solid #f8f8f8;
}
.jinsom-pet-mine-note li>a {
    color: #2196F3;
}
.jinsom-pet-mine-note li>span {
    color: #fe9393;
    float: right;
    font-size: 3.5vw;
}
.jinsom-pet-mine-note.all {
    margin: 0;
    padding: 4vw;
}
.jinsom-chat-user-list.pet li .egg img {
    width: 9vw;
    height: 9vw;
    object-fit: contain;
    position: absolute;
    right: 6vw;
    top: 5vw;
}
.jinsom-pet-user-list .jinsom-empty-page {
    padding-top: 20vw;
}
.jinsom-pet-user-list .jinsom-empty-page .title p {
    line-height: 8vw;
}


/*收藏*/
.jinsom-collect-content {
    padding-top: 21vw !important;
}
.jinsom-collect-img-content {
    padding: 13vw 2vw 2vw 2vw !important;
    height: inherit !important;
}
.jinsom-collect-img-content li {
    float: left;
    width: calc((100% - (4vw + 7.8px))/2);
    margin-bottom: 2vw;
}
.jinsom-collect-img-content li img {
    width: 100%;
    border-radius: 1vw;
    object-fit: cover;
    display: block;
    background-color: #f1f1f1;
    max-height: 500px;
}
.jinsom-post-vote-list .title {
    text-align: center;
    font-size: 4vw;
    margin: 8vw 0 2vw;
}
.jinsom-post-vote-list li {
    float: left;
    padding: 0;
    background: inherit;
    margin: 0;
    clear: none;
    margin-right: 1.7vw;
}
.jinsom-post-vote-list li img {
    border: none;
    width: 10vw;
    height: 10vw;
    border-radius: 1vw;
}
.jinsom-post-vote-list li:nth-child(8n) {
    margin-right: 0;
}


.jinsom-publish-power-list {
    margin: 5vw;
}
.jinsom-publish-power-list li {
    float: left;
    padding: 1.5vw 3vw;
    margin-right: 2vw;
    margin-bottom: 3vw;
    border: 1px solid #eee;
    font-size: 3.5vw;
    border-radius: 1vw;
}
.jinsom-publish-power-list li:nth-child(4n) {
    margin-right: 0;
}
.jinsom-publish-power-list li.on {
    border-color: var(--jinsom-color);
    color: var(--jinsom-color);
}


.jinsom-mine-box {
    margin-bottom: 2vw;
}
.jinsom-mine-box.cell {
    margin: 2vw;
    padding: 4vw 2vw 2vw;
    background-color: #fff;
    border-radius: 2vw;
}
.jinsom-mine-box.cell li {
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 2vw;
    height: 15vw;
}
.jinsom-mine-box.cell li a {
    height: 15vw;
    display: flex;
    flex-flow: column;
    justify-content: center;
    animation: c;
}
.jinsom-mine-box-title {
    margin-bottom: 4vw;
    padding: 0 2vw;
    color: #333;
}
.jinsom-mine-box.cell li p {
    font-size: 3.2vw;
    margin-top: 1vw;
}
.jinsom-mine-box.cell li .tips {
    position: absolute;
}

.jinsom-mine-user-info-cell .header {
    align-items: center;
    padding-bottom: 3vw;
}
.jinsom-mine-user-info-cell .header>a {
    display: flex;
    align-items: center;
    position: relative;
}
.jinsom-mine-user-info-cell .avatarimg {
    margin-right: 2vw;
    position: relative;
    height: 12vw;
}
.jinsom-mine-user-info-cell .avatarimg img {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
}
.jinsom-mine-user-info-cell .info {
    flex: 1;
}
.jinsom-mine-user-info-cell .info .name {
    font-size: 4vw;
}
.jinsom-mine-user-info-cell .info .id {
    color: #999;
    margin-top: 2vw;
    font-size: 3.5vw;
}
.jinsom-mine-user-info-cell .go {
    font-size: 3.5vw;
    color: #999;
    position: absolute;
    right: 0;
    top: 4vw;
}
.jinsom-mine-user-info-cell .go i {
    font-size: 3vw;
}
.jinsom-mine-user-info-cell .number {
    display: flex;
    padding: 3vw 0;
}
.jinsom-mine-user-info-cell .number>div {
    flex: 1;
    text-align: center;
}
.jinsom-mine-user-info-cell .number>div p {
    font-size: 3vw;
    color: #999;
}
.jinsom-mine-box .jinsom-mine-user-info-cell .exp {
    margin: 1vw 3vw;
}
.jinsom-mine-box .jinsom-mine-user-info-cell .progress {
    width: 100%;
}


.right-bar-hidden{
    transition-duration: .2s;
    transform: translate3d(120%,0,0);
}
.subnavbar>.jinsom-icon {
    color: #666;
    font-size: 5vw;
    margin-left: 2vw;
}
.subnavbar, .toolbar{
    background: #ffffff;
}

/*左右侧栏*/
.panel-overlay {
    background: rgba(0,0,0,.4);
}


/*树洞*/
.jinsom-publish-secret-color-list {
    margin-bottom: 2vw;
}
.jinsom-publish-secret-color-list>li {
    height: 15vw;
    width: 16.66%;
    float: left;
    box-sizing: border-box;
    border: 1vw solid #fff;
    border-radius: 3vw;
    text-align: center;
    line-height: 13vw;
    color: #fff;
    background-size: cover !important;
    background-position: center !important;
}
.jinsom-publish-words-form.secret .content textarea,.jinsom-publish-words-form.secret .content textarea::-webkit-input-placeholder,.jinsom-publish-words-form.secret .content>.smile {
    color: #fff;
}

.jinsom-post-secret-list {
    padding: 4vw;
}
.jinsom-post-secret-list li {
    display: flex;
    margin-bottom: 4vw;
}
.jinsom-post-secret-list li .avatarimg {
    width: 12vw;
    height: 12vw;
    margin: auto;
}
.jinsom-post-secret-list li .avatarimg img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.jinsom-post-secret-list li .name {
    margin-top: 2vw;
    font-size: 3.5vw;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-post-secret-list li .left {
    width: 15vw;
}
.jinsom-post-secret-list li .right {
    margin-left: 6vw;
    flex: 1;
    margin-top: 2vw;
}
.jinsom-post-secret-list li .content .after {
    position: absolute;
    left: -4vw;
    top: 2vw;
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #3fa3f2 transparent transparent;
    overflow: hidden;
    border-width: 4vw;
}
.jinsom-post-secret-list li .right .bar {
    text-align: right;
    margin-top: 0.5vw;
    margin-right: 2vw;
}
.jinsom-post-secret-list li .right .bar span {
    color: #999;
    margin-left: 6vw;
    font-size: 3.5vw;
}
.jinsom-post-secret-list li .right .bar span a {
    color: #999;
}
.jinsom-post-secret-list li .right .bar span i {
    font-size: 5vw;
}
.jinsom-post-secret-list li .content a {
    color: #fff;
    display: block;
    padding: 4vw;
    min-height: 15vw;
}
[data-page="secret"] .page {
    background-color: #fff;
}
.jinsom-secret-menu,.jinsom-challenge-menu {
    width: 60%;
    margin: auto;
    display: flex;
}
.jinsom-secret-menu li {
    flex: 1;
    text-align: center;
    line-height: 10vw;
    color: #333;
}
.jinsom-secret-menu li.on {
    color: var(--jinsom-color);
    font-size: 4.5vw;
}
.jinsom-post-secret-list li .right .bar span.had {
    color: #e56056;
}


/*块状*/
.jinsom-post-secret-list li.box {
    display: block;
    margin-bottom: 10vw;
}
.jinsom-post-secret-list li.box .left {
    width: 100%;
    display: flex;
    align-items: center;
}
.jinsom-post-secret-list li.box .left .avatarimg {
    width: 7vw;
    height: 7vw;
    margin-right: 2vw;
}
.jinsom-post-secret-list li.box .left .name {
    flex: 1;
    margin: 0;
    text-align: left;
    font-size: 4vw;
}
.jinsom-post-secret-list li.box .right {
    margin-left: 0;
}
.jinsom-post-secret-list li.box .right .after {
    display: none;
}
.jinsom-post-secret-list li.box .left .time {
    font-size: 3.5vw;
    color: #999;
}

/*秘密内页*/
.jinsom-secret-single-nice.had {
    color: #e56056;
}
.jinsom-secret-single-nice {
    color: #999;
    font-size: 5vw;
    text-align: center;
}
.jinsom-secret-single-nice>p>i {
    font-size: 10vw;
}

.jinsom-secret-info-box {
    display: flex;
    margin-top: 8vw;
}
.jinsom-secret-info-box>div {
    padding: 2vw;
    border-radius: 1vw;
}
.jinsom-secret-info-box .author {
    flex: 4;
    margin-right: 4vw;
    background-color: #f5f5f5;
}
.jinsom-secret-info-box .delete {
    flex: 2;
    background-color: #e56056;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jinsom-secret-info-box .author a {
    display: flex;
    align-items: center;
}
.jinsom-secret-info-box .author img {
    width: 8vw;
    height: 8vw;
    margin-right: 2vw;
    border-radius: 100%;
    box-sizing: border-box;
}
.jinsom-secret-info-box .author span {
    color: #666;
}
.jinsom-secret-info-box .delete i {
    font-size: 5vw;
    margin-right: 1vw;
}
.jinsom-chat-user-list.notice li.secret i {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
    display: inline-block;
    line-height: 12vw;
    text-align: center;
    background-color: #666;
    color: #fff;
}
.jinsom-secret-comment-box {
    margin-top: 4vw;
}
.jinsom-secret-comment-btn {
    background-color: #f5f5f5;
    padding: 2vw;
    border-radius: 2vw;
}
.jinsom-secret-comment-btn .text {
    background-color: #fff;
    border-radius: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 3.5vw;
}
.jinsom-secret-comment-btn .text>i {
    margin-right: 2vw;
}
.jinsom-secret-comment-btn textarea {
    width: 100%;
    height: 20vw;
    border: 1px solid #f1f1f1;
    resize: none;
    border-radius: 1vw;
    font-size: 4vw;
    padding: 2vw;
    display: block;
    box-sizing: border-box;
}
.jinsom-secret-comment-content-btn {
    text-align: center;
    margin-top: 2vw;
    padding: 2vw;
    background-color: var(--jinsom-color);
    color: #fff;
    border-radius: 1vw;
}
.jinsom-post-secret-list li .content {
    border-radius: 2vw;
    color: #fff;
    word-break: break-all;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
}
.jinsom-secret-comment-list li .content a {
    background-color: #f5f5f5;
    border-radius: 1vw;
    min-height: 10vw;
    color: #555;
}
.jinsom-secret-comment-list li .content .after {
    border-color: #f5f5f5 transparent transparent;
}
.jinsom-secret-comment-list {
    margin-top: 10vw;
}
.jinsom-publish-secret-type-list li {
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 2vw 0;
    box-sizing: border-box;
    background-color: #f5f5f5;
    border: 1vw solid #fff;
    border-radius: 2vw;
    color: #777;
}
.jinsom-publish-secret-type-list li.on {
    background-color: #ccc;
    color: #fff;
}

.jinsom-no-power-tips {
    text-align: center;
    padding: 10px;
    color: #999;
    box-sizing: border-box;
    margin: 10px;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    border-radius: 1vw;
}

/*.jinsom-iframe-popup {
    overflow: hidden;
}*/
.jinsom-iframe-popup .navbar {
    position: fixed;
}

.jinsom-publish-select-cat {
    padding-left: 4vw;
    margin-top: 4vw;
    margin-bottom: -4vw;
}
.jinsom-publish-select-cat .select-title {
    margin-bottom: 2vw;
}
.jinsom-publish-select-cat .select-content {
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
.jinsom-publish-select-cat .select-content li {
    display: inline-block;
    margin-right: 4vw;
    width: 16vw;
}
.jinsom-publish-select-cat .select-content li p {
    text-align: center;
    margin-top: 1vw;
    color: #aaa;
    font-size: 3.2vw;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-publish-select-cat .select-content li.on p {
    color: var(--jinsom-color);
}
.jinsom-publish-select-cat .select-content li .img {
    width: 14vw;
    height: 14vw;
    border-radius: 3vw;
    position: relative;
    background-size: cover;
    margin: auto;
}
.jinsom-publish-select-cat .select-content li .img .shade {
    width: 100%;
    height: 100%;
    border-radius: 3vw;
    background-color: rgb(0, 0, 0);
    opacity: 0.5;
}
.jinsom-publish-select-cat .select-content li.on .img .shade {
    opacity: 0;
}
.jinsom-publish-select-cat .select-content li .img>span {
    width: 6vw;
    height: 6vw;
    display: inline-block;
    position: absolute;
    border-radius: 100%;
    text-align: center;
    line-height: 6vw;
    top: 7vw;
    background-color: var(--jinsom-color);
    color: #fff;
    margin-top: -3vw;
    left: 7vw;
    margin-left: -3vw;
    display: none;
}
.jinsom-publish-select-cat .select-content li.on .img>span {
    display: block;
}

.jinsom-chat-user-list.blacklist .remove-blacklist {
    padding: 2vw 3vw;
}
.jinsom-bbs-single-custom-field {
    font-size: 4vw;
    padding: 2vw 2vw 4vw;
    background-color: #f5f5f5;
    margin-bottom: 4vw;
    color: #666;
    border-radius: 2vw;
}
.jinsom-bbs-single-custom-field li.textarea {
    margin-top: 3vw;
    margin-bottom: 3vw;
}
.jinsom-bbs-single-custom-field li:last-child {
    margin-bottom: 0;
}
.jinsom-bbs-single-custom-field li.text, .jinsom-bbs-single-custom-field li.number, .jinsom-bbs-single-custom-field li.link, .jinsom-bbs-single-custom-field li.select {
    display: flex;
    line-height: 12vw;
}
.jinsom-bbs-single-custom-field li.text p, .jinsom-bbs-single-custom-field li.number p, .jinsom-bbs-single-custom-field li.link a, .jinsom-bbs-single-custom-field li.select p {
    flex: 1;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-bbs-single-custom-field li label {
    color: var(--jinsom-color);
}
.jinsom-bbs-single-custom-field li.textarea p {
    margin-top: 2vw;
    background-color: #fff;
    border-radius: 1vw;
    padding: 2vw;
}
.jinsom-bbs-download-box {
    margin-bottom: 6vw;
}
.jinsom-bbs-download-box .info {
    font-size: 3.5vw;
    color: #999;
    display: flex;
}
.jinsom-bbs-download-box .info span {
    flex: 1;
}
.jinsom-bbs-download-box .btn {
    background-color: var(--jinsom-color);
    color: #fff;
    padding: 2.5vw 2vw;
    border-radius: 1vw;
    display: block;
    text-align: center;
    font-size: 4vw;
    margin-bottom: 2vw;
}
.jinsom-bbs-download-box .tips {
    margin-bottom: 2vw;
    color: #999;
    font-size: 3.5vw;
    text-align: center;
}


/*筛选页面*/
.navbar .center .jinsom-select-input {
    margin-top: 1vw;
}
.jinsom-select-subnavbar-list {
    display: flex;
    width: 100%;
}
.jinsom-select-subnavbar-list .bbs-topic-hidden {
    display: none;
}
.jinsom-select-subnavbar-list>div {
    flex: 1;
    padding: 0 2vw;
    text-align: center;
    color: #666;
    line-height: 9vw;
}
.jinsom-select-subnavbar-list>div i {
    font-size: 5vw;
    vertical-align: -0.5vw;
}
.jinsom-select-subnavbar-list>div .list {
    position: absolute;
    left: 0;
    top: 9vw;
    z-index: 2;
    width: 100%;
    height: 2000%;
    background: rgba(53, 53, 59, 0.5);
    display: none;
}
.jinsom-select-subnavbar-list>div .list>ul {
    background-color: #fff;
    margin: 0;
    padding: 0vw 4vw 4vw;
}
.jinsom-select-subnavbar-list>div .list li {
    float: left;
    margin: 4vw 3vw 0 0;
    background: #F3F3F6;
    color: #333;
    padding: 0 2vw;
    font-size: 3.5vw;
    border-radius: 1vw;
    line-height: 8vw;
}
.jinsom-select-subnavbar-list>div .list li.on {
    background-color: var(--jinsom-color);
    color: #fff;
}
.jinsom-select-subnavbar-list>div.on>span {
    color: var(--jinsom-color);
}
.jinsom-select-left-more-form {
    position: fixed !important;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    border: none !important;
    box-sizing: border-box !important;
}
.jinsom-select-left-more-form .layui-m-layercont {
    height: 100%;
}
.jinsom-select-left-more-content {
    overflow-y: auto;
    height: 100%;
}
.jinsom-select-left-more-content .topic-list {
    padding: 8vw 4vw;
    margin-bottom: 30vw;
}
.jinsom-select-left-more-content label {
    font-size: 4.5vw;
    margin-bottom: 4vw;
    display: inline-block;
}
.jinsom-select-left-more-content ul {
    padding: 0;
    margin: 0 0 8vw;
}
.jinsom-select-left-more-content ul li {
    display: inline-block;
    background: #F3F3F6;
    color: #333443;
    padding: 1vw 4vw;
    margin-right: 2vw;
    margin-bottom: 2vw;
    border-radius: 1vw;
    font-size: 3.5vw;
}
.jinsom-select-left-more-content ul li.on {
    color: #fff;
    background-color: var(--jinsom-color);
}
.jinsom-select-content {
    padding: 21vw 2vw 4vw !important;
    height: inherit !important;
}
.jinsom-select-content li {
    width: calc((100% - 2vw)/2);
    float: left;
    margin-right: 2vw;
    margin-bottom: 7.8px;
    position: relative;
    border-radius: 1vw;
}
.jinsom-select-content.waterfall li {
    margin-right: 0;
}
.jinsom-select-content li:nth-child(2n) {
    margin-right: 0;
}
.jinsom-select-content li .bg img {
    width: 100%;
    border-radius: 1vw;
    display: block;
    min-height: 50vw;
    height: 70vw;
    object-fit: cover;
    background-color: #f1f1f1;
}
.jinsom-select-content.waterfall li .bg img {
    height: auto;
    min-height: 120px;
}
.jinsom-select-content li .title {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-shadow: 0 2px 2px rgba(11,11,11,.4);
    background: linear-gradient(to bottom, rgba(6, 6, 8, 0), rgba(6, 6, 8, 0.6));
    width: 100%;
    box-sizing: border-box;
    padding: 1vw 2vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 1vw;
    font-size: 3.5vw;
}
.jinsom-select-content li .title a {
    color: #fff;
}
.jinsom-select-content li .bar {
    position: absolute;
    top: 0;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
}
.jinsom-select-content li .bar .views {
    display: none;
}
.jinsom-select-content li .bar .like {
    float: right;
    margin-right: 2vw;
    margin-top: 2vw;
}
.jinsom-select-content li .bar .like i {
    font-size: 4vw;
}
.jinsom-select-content li .popup {
    display: none;
}
.jinsom-page-select-post-list li>.price {
    position: absolute;
    background-color: #FF9800;
    color: #fff;
    padding: 0 1vw;
    border-radius: 1vw;
    top: 2vw;
    left: 2vw;
    font-size: 3vw;
}
.jinsom-bbs-download-box .download-more {
    margin-top: 2vw;
    padding: 4vw 2vw;
    font-size: 4vw;
    background-color: #f5f5f5;
}
.jinsom-bbs-download-box .download-more li {
    padding: 2vw;
    border-bottom: 1px solid #eee;
}
.jinsom-bbs-download-box .download-more li:last-child {
    border-bottom: none;
}
.jinsom-bbs-download-box .download-more li .top {
    display: flex;
    margin-bottom: 1vw;
    color: #555;
}
.jinsom-bbs-download-box .download-more li .pass {
    color: #999;
    font-size: 3.5vw;
    display: flex;
}
.jinsom-bbs-download-box .download-more li .top>div {
    flex: 1;
}
.jinsom-bbs-download-box .download-more li .top .url {
    text-align: right;
}
.jinsom-bbs-download-box .download-more li .top .url a {
    color: #2196F3;
}
.jinsom-bbs-download-box .download-more li .pass span {
    flex: 1;
}
.jinsom-publish-words-form .download-box {
    padding: 2vw;
    border: 1px solid #ccc;
    border-radius: 1vw;
    margin-bottom: 2vw;
}
.jinsom-publish-words-form .download-box .li {
    padding: 2vw 0;
    position: relative;
}
.jinsom-bbs-download-add {
    text-align: center;
    margin-top: 2vw;
    color: #666;
}
.jinsom-bbs-download-add i {
    font-size: 4vw;
}
.jinsom-publish-words-form .download-box .li>i {
    position: absolute;
    right: 0;
    width: 8vw;
    height: 8vw;
    text-align: center;
    background-color: #fff;
    border-radius: 1vw;
    color: #999;
    font-size: 5vw;
    line-height: 8vw;
}
.jinsom-apply-bbs-content {
    padding: 15vw 4vw !important;
}
.jinsom-apply-bbs-content li {
    margin-bottom: 4vw;
}
.jinsom-apply-bbs-content li label {
    margin-bottom: 2vw;
    display: block;
    color: #666;
}
.jinsom-apply-bbs-content li input, .jinsom-apply-bbs-content li textarea {
    width: 100%;
    border: 1px solid #eee;
    padding: 2vw;
    box-sizing: border-box;
    border-radius: 1vw;
}
.jinsom-apply-bbs-content li textarea {
    resize: none;
    height: 30vw;
    font-size: 4vw;
}
.jinsom-apply-bbs-content .btn {
    text-align: center;
    background-color: var(--jinsom-color);
    padding: 2.5vw;
    color: #fff;
    border-radius: 1vw;
}


.jinsom-post-follow-user-list {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding: 4vw 2vw 3vw;
    background-color: #fff;
    box-sizing: border-box;
    margin: 2vw;
    border-radius: 2vw;
}
.jinsom-post-follow-user-list.visit .content {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}
.jinsom-post-follow-user-list .title {
    padding: 0 2vw 0;
    background-color: #fff;
    border-left: 3px solid var(--jinsom-color);
    margin: 0 2vw 4vw;
}
.jinsom-post-follow-user-list li {
    display: inline-block;
    width: 22%;
    font-size: 3.5vw;
    text-align: center;
    position: relative;
}
.jinsom-post-follow-user-list li img {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
}
.jinsom-post-follow-user-list li p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
    margin-top: 2vw;
}
.jinsom-post-follow-user-list li .avatarimg {
    width: 12vw;
    height: 12vw;
    margin: auto;
    position: relative;
}
.jinsom-post-follow-user-list li.more {
    vertical-align: top;
    border-radius: 100%;
    color: #999;
}
.jinsom-post-follow-user-list li.more i {
    width: 12vw;
    height: 12vw;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 100%;
    line-height: 12vw;
    box-sizing: border-box;
    color: #999;
}


.jinsom-reg-type-form-content li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 3.5vw;
    margin-top: 4vw;
    box-sizing: border-box;
    border-radius: 1vw;
    margin-bottom: 3vw;
}
.jinsom-reg-type-form-content li p {
    margin: 1vw 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-reg-type-form-content li i {
    font-size: 10vw;
}
/*.jinsom-search-post-list .jinsom-search-user-list {
    background-color: #fff;
    margin: 2vw;
    border-radius: 2vw;
    padding: 2vw;
}*/
.jinsom-search-user-list {
    background-color: #fff;
    margin: 2vw;
    border-radius: 2vw;
    padding: 2vw;
}


.jinsom-publish-words-form .power-content .img-power i {
    font-size: 3.5vw;
    color: #999;
}
.jinsom-publish-words-form .power-content .img-power input {
    width: 10vw;
    margin: 0 2vw;
    text-align: center;
    color: #666;
}

.page,.jinsom-find-content,.jinsom-sns-page-content,.jinsom-mine-page,.jinsom-setting-content,.jinsom-show-bbs-content,.jinsom-case-page-content,.jinsom-site-notice-content,.jinsom-search-content.result,.jinsom-video-page-content,.jinsom-bbs-main-content,.jinsom-topic-content,.jinsom-collect-content {
    background: var(--jinsom-content-bg-color);
}


.jinsom-forget-password-type {
    padding: 2vw 4vw 2vw;
    background-color: rgb(255 255 255 / 0.8);
    border-radius: 1vw;
    margin-bottom: 4vw;
}
.jinsom-forget-password-type li.no, .jinsom-forget-password-type li.no .icon-form-radio {
    border-color: #bbb;
    color: #aaa;
}
.jinsom-forget-password-type li, .jinsom-forget-password-type ul {
    background: rgb(0 0 0 / 0%);
}
.jinsom-forget-password-type li .item-inner:after {
    display: none;
}
.jinsom-forget-password-type li .item-inner {
    display: flex;
    align-items: center;
}
.jinsom-get-password-tips {
    text-align: center;
    font-size: 3.5vw;
    opacity: 0.6;
    margin: 2vw 0;
}
.jinsom-forget-password-type li {
    margin: 2vw 0;
}

#jinsom-aite-user-input,#jinsom-search-topic-input{
    background-color: #f5f5f5;
    border: none;
    width: 100%;
    padding: 3vw;
    border-radius: 1vw;
    font-size: 3.5vw;
    height: 10vw;
    margin-top: 2vw;
}



/*瀑布流*/
.jinsom-sns-page-content.waterfall {
    background: #fff;
}
.jinsom-post-list>li.waterfall {
    width: calc((100% - 6vw)/2);
    float: left;
    position: relative;
    border-radius: 2vw;
    margin: 2vw 0 0vw 2vw;
    background-color: #fff;
    box-shadow: 0px 5px 20px -4px rgb(2 10 18 / 22%);
}
.jinsom-post-list>li.waterfall .img img {
    width: 100%;
    border-radius: 4vw;
    display: block;
    min-height: 120px;
    height: auto;
    object-fit: cover;
    max-height: 80vh;
    box-sizing: border-box;
    padding: 2vw;
}
.jinsom-post-list>li.waterfall .title {
    margin: 2vw;
    max-height: 10vw;
    overflow: hidden;
    font-size: 3.5vw;
}
.jinsom-post-list>li.waterfall .info {
    display: flex;
    align-items: center;
    font-size: 3.2vw;
    color: #999;
    margin: 1.5vw 2vw;
    border-top: 1px solid #f1f1f1;
    padding-top: 1.5vw;
    box-sizing: border-box;
}
.jinsom-post-list>li.waterfall .info .avatarimg {
    height: 6vw;
    margin-right: 1vw;
}
.jinsom-post-list>li.waterfall .info .avatarimg img {
    width: 6vw;
    height: 6vw;
    border-radius: 100%;
    box-sizing: border-box;
}
.jinsom-post-list>li.waterfall .info .nickname {
    flex: 1;
}
.jinsom-post-list>li.waterfall .info .like i {
    font-size: 4vw;
    color: #999;
}
.jinsom-post-list>li.waterfall .info .like i.had {
    color: #f56b41;
}
.jinsom-post-list>li.waterfall .title img {
    width: 5.5vw;
    height: 5.5vw !important;
    max-height: 5.5vw !important;
}
.jinsom-post-list-sns.waterfall {
    background: #fff;
    border-radius: 2vw 2vw 0 0;
}
.jinsom-post-list>li.waterfall>.price {
    position: absolute;
    background-color: #FF9800;
    color: #fff;
    padding: 0 1vw;
    border-radius: 1vw;
    top: 2vw;
    left: 2vw;
    font-size: 3vw;
}
.jinsom-post-list>li.waterfall>.bbs-name {
    position: absolute;
    background-color: rgb(0 0 0 / 50%);
    color: #fff;
    padding: 0 1vw;
    border-radius: 1vw;
    top: 2.5vw;
    right: 2.5vw;
    font-size: 3vw;
}
.jinsom-bbs-notice-bar {
    background-color: #fff;
    padding: 2vw;
    margin: 2vw;
    border-radius: 1vw;
    color: #333;
    font-size: 3.5vw;
}


/*发起挑战*/
.jinsom-challenge-content {
    background-color: var(--jinsom-content-bg-color);
    padding: 23vw 3vw 3vw !important;
}
.jinsom-challenge-content.mine {
    padding-top: 13vw !important;
}
.jinsom-publish-challenge-box {
    border-radius: 2vw;
    padding: 4vw;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(to right, #4e54c8, #8f94fb);
    margin-bottom: 3vw;
}
.jinsom-publish-challenge-box>a{
    color: #fff;
}
.jinsom-publish-challenge-box>a>i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13vw;
}
.jinsom-publish-challenge-box .title {
    font-size: 5vw;
}
.jinsom-publish-challenge-box .desc {
    font-size: 3vw;
}
.jinsom-challenge-post-list li {
    background-color: #fff;
    padding: 3vw 2vw;
    border-radius: 2vw;
    display: flex;
    align-items: center;
    margin-bottom: 3vw;
}
.jinsom-challenge-post-list li .avatarimg {
    width: 12vw;
    height: 12vw;
    margin-right: 2vw;
    position: relative;
}
.jinsom-challenge-post-list li .avatarimg img {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
}
.jinsom-challenge-post-list li .info {
    flex: 1;
    margin-right: 2vw;
}
.jinsom-challenge-post-list li .info .name {
    margin-bottom: 1vw;
}
.jinsom-challenge-post-list li .info .name span {
    color: #2196f3;
}
.jinsom-challenge-post-list li .info .desc {
    color: #999;
    font-size: 3.5vw;
}
.jinsom-challenge-post-list li .number {
    width: 25vw;
    text-align: center;
}
.jinsom-challenge-post-list li .number .price {
    margin-bottom: 2vw;
    font-size: 4.5vw;
    color: #FF5722;
}
.jinsom-challenge-post-list li .number .btn {
    text-align: center;
    border-radius: 0.5vw;
    width: 20vw;
    margin: auto;
}
.jinsom-challenge-post-list li .number .btn a {
    color: #fff;
    display: inline-block;
    width: 100%;
    padding: 2vw 0vw;
    background-color: var(--jinsom-color);
}
.jinsom-challenge-post-list li .number .btn a.no {
    background-color: #ccc;
}
.jinsom-publish-challenge-content {
    padding: 14vw 4vw !important;
}
.jinsom-publish-challenge-content>div,.jinsom-challenge-content>div {
    margin-bottom: 4vw;
}
.jinsom-publish-challenge-content .type>li {
    width: 25%;
    text-align: center;
    padding: 2vw 2vw;
    margin-right: 4vw;
    border-radius: 1vw;
    background-color: #fff;
    color: #999;
    border: 1px solid #f1f1f1;
    cursor: pointer;
    float: left;
}
.jinsom-publish-challenge-content .type>li.on {
    background-color: #dff1ff;
    color: #359aeb;
    border: 1px solid #3ea4f5;

}
.jinsom-publish-challenge-content .tips,.jinsom-challenge-content .tips {
    border: 1px solid #ecd2ad;
    background-color: #fff6e9;
    padding: 2.5vw;
    color: #b89c72;
    font-size: 3vw;
    border-radius: 1vw;
}
.jinsom-publish-challenge-content .tips .b {
    display: none;
}
.jinsom-publish-challenge-content .shitou,.jinsom-challenge-content .shitou {
    display: flex;
}
.jinsom-publish-challenge-content .shitou li,.jinsom-challenge-content .shitou li {
    flex: 1;
    text-align: center;
    padding: 2vw;
    border: 1px solid #f1f1f1;
    margin-right: 2vw;
    border-radius: 2vw;
    color: #aaa;
}
.jinsom-publish-challenge-content .shitou li i,.jinsom-challenge-content .shitou li i {
    font-size: 10vw;
    opacity: 0.7;
}
.jinsom-publish-challenge-content .shitou li:last-child,.jinsom-challenge-content .shitou li:last-child {
    margin-right: 0;
}
.jinsom-publish-challenge-content .shitou li.on,.jinsom-challenge-content .shitou li.on {
    border-color: #2196f3;
    color: #2196f3;
}
.jinsom-publish-challenge-content .shitou li.on i,.jinsom-challenge-content .shitou li.on i {
    opacity: 1;
}
.jinsom-publish-challenge-content .price li {
    text-align: center;
    padding: 2vw 2vw;
    margin-right: 2vw;
    border-radius: 1vw;
    width: calc((100% - 6vw)/4);
    float: left;
    background-color: #fff;
    color: #999;
    border: 1px solid #f1f1f1;
    margin-bottom: 2vw;
    box-sizing: border-box;
    font-size: 3.5vw;
}
.jinsom-publish-challenge-content .price li.on {
    background-color: #dff1ff;
    color: #359aeb;
    border: 1px solid #2196f3;
}
.jinsom-publish-challenge-content .price li:nth-child(4n) {
    margin-right: 0;
}
.jinsom-publish-challenge-content>.btn,.jinsom-challenge-content>.btn {
    padding: 3vw;
    background-color: var(--jinsom-color);
    text-align: center;
    color: #fff;
    border-radius: 2vw;
}
.jinsom-publish-challenge-content .desc textarea {
    padding: 2vw;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #ddd;
    resize: none;
    border-radius: 2vw;
    height: 20vw;
    -webkit-appearance: none;
    font-size: 4vw;
}
.jinsom-challenge-content.join {
    background-color: #fff;
}
.jinsom-challenge-content .user-info .avatarimg {
    width: 18vw;
    height: 18vw;
    margin: auto;
    position: relative;
}
.jinsom-challenge-content .user-info .avatarimg img {
    width: 18vw;
    height: 18vw;
    border-radius: 100%;
}
.jinsom-challenge-content .type-desc {
    text-align: center;
    color: #333;
}
.jinsom-challenge-content .type-desc p {
    color: #2196f3;
    margin-top: 1vw;
}
.jinsom-challenge-content>.price {
    text-align: center;
    color: #f44336;
}
.jinsom-challenge-content>.price m {
    font-size: 10vw;
    margin-right: 2vw;
}
.jinsom-challenge-content .description {
    text-align: center;
    color: #999;
}
.jinsom-challenge-content>.result {
    display: flex;
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 2vw;
    align-items: center;
}
.jinsom-challenge-content>.result>div {
    flex: 1;
}
.jinsom-challenge-content>.result>div>a {
    width: 12vw;
    height: 12vw;
    position: relative;
    display: inline-block;
}
.jinsom-challenge-content>.result>div img {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
}
.jinsom-challenge-content>.result>.vs i {
    font-size: 10vw;
    color: #f44336;
}
.jinsom-challenge-content>.result>div>p {
    color: #999;
}
.jinsom-challenge-menu li {
    flex: 1;
    text-align: center;
    line-height: 10vw;
    color: #333;
    margin: 0;
}

.jinsom-post-images-list a .more-img {
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center;
    font-size: 6vw;
    color: #fff;
}
.jinsom-post-images-list a .more-img .shade {
    background-color: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    position: absolute;
}
.jinsom-post-images-list a .more-img .text {
    position: absolute;
}
.jinsom-post-images-list a.blur .more-img .text {
    z-index: 1;
    right: 2vw;
    top: 2vw;
    font-size: 5vw;
    opacity: 0.5;
}

.jinsom-member-content .jinsom-empty-page {
    padding: 4vw 2vw 3vw;
    background-color: #fff;
    box-sizing: border-box;
    margin: 2vw;
    border-radius: 2vw;
}

.jinsom-popup-half-header {
    text-align: center;
    position: relative;
    padding: 4vw;
    font-size: 4.5vw;
    font-weight: 500;
}
.jinsom-popup-half-header .title {
    color: #333;
}
.jinsom-popup-half-header .close {
    right: 4vw;
    position: absolute;
    top: 4vw;
}
.jinsom-popup-half-header .close i {
    font-size: 4.5vw;
    font-weight: bold;
    color: #333;
}
.jinsom-publish-add-application-form-list {
    padding: 4vw 4vw 16vw;
}
.jinsom-publish-add-application-form-list li {
    padding: 4vw;
    border-bottom: 1px solid #f2f2f2;
}
.jinsom-publish-add-application-form-list li i {
    margin-right: 2vw;
    vertical-align: -0.5vw;
}

.jinsom-shop-order-mine-content {
    padding: 22vw 3vw 2vw !important;
}
.jinsom-shop-order-mine-list li {
    margin-bottom: 2vw;
    border-bottom: 1px solid #f1f1f1;
    padding: 2vw 0;
}
.jinsom-shop-order-mine-list li>a{
    display: flex;
    align-items: center;
}
.jinsom-shop-order-mine-list li .img {
    width: 16vw;
    height: 16vw;
    margin-right: 2vw;
}
.jinsom-shop-order-mine-list li .img img {
    width: 16vw;
    height: 16vw;
    object-fit: cover;
    border-radius: 1vw;
}
.jinsom-shop-order-mine-list li .info {
    font-size: 3.5vw;
    width: 58vw;
}
.jinsom-shop-order-mine-list li .info .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.jinsom-shop-order-mine-list li .info .desc {
    color: #999;
}
.jinsom-shop-order-mine-list li .info>div {
    margin-top: 1vw;
}
.jinsom-shop-order-mine-list li .price {
    font-size: 6vw;
    color: #c00000;
    flex: 1;
    text-align: center;
}
.jinsom-shop-order-mine-list li .price t {
    font-size: 3.5vw;
    vertical-align: 0.5vw;
}
.jinsom-shop-order-mine-list li .price>span>m {
    font-size: 5vw;
    margin-right: 1vw;
    vertical-align: 0.2vw;
}
.jinsom-post-application-show {
    background-color: #f7f7f7;
    margin: 0 2vw 2vw;
    border-radius: 1vw;
    border: 1px solid #e5e4e4;
}
.jinsom-post-application-show>a {
    font-size: 3.5vw;
    line-height: 9vw;
}
.jinsom-post-application-show .url {
    color: #777;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-post-application-show .url span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 80vw;
    display: inline-block;
    vertical-align: -3vw;
}
.jinsom-post-application-show i {
    margin-right: 1vw;
    color: #666;
    margin-left: 2vw;
    font-size: 4vw;
}
.jinsom-post-application-show .tree i {
    color: #009688;
}
.jinsom-post-application-show>a.challenge i {
    color: #2b8edc;
    font-size: 5vw;
    vertical-align: -0.8vw;
}
.jinsom-post-application-show .shop, .jinsom-post-application-show .pet {
    display: flex;
    align-items: center;
}
.jinsom-post-application-show .shop img {
    width: 10vw;
    height: 10vw;
    border-radius: 1vw 0 0 1vw;
    margin-right: 2vw;
    box-sizing: border-box;
}
.jinsom-post-application-show .shop .title {
    width: 60vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-post-application-show .shop .price {
    flex: 1;
    text-align: center;
    color: #c00000;
    font-size: 4.5vw;
}
.jinsom-post-application-show .shop .price t {
    font-size: 3vw;
}
.jinsom-post-application-show .shop .price m {
    font-size: 4vw;
    margin-right: 1vw;
    vertical-align: 0.2vw;
}
.jinsom-page-single-content .jinsom-post-application-show,.jinsom-post-single .jinsom-post-application-show {
    margin: 0;
}
.jinsom-post-single .jinsom-post-application-show {
    margin-bottom: 2vw;
}
.jinsom-post-list .jinsom-post-single{
    padding: 2vw 2vw 3vw;
}

.jinsom-publish-select-pet {
    padding: 14vw 4vw 4vw !important;
}
.jinsom-publish-select-pet li {
    margin-right: 2vw;
    float: left;
    width: calc((100% - 4vw)/3);
    text-align: center;
    padding: 2vw;
    box-sizing: border-box;
    border: 1px solid #f1f1f1;
    margin-bottom: 4vw;
    border-radius: 2vw;
    color: #555;
}
.jinsom-publish-select-pet li img {
    width: 80%;
    height: 30vw;
    object-fit: contain;
}
.jinsom-publish-select-pet li:nth-child(3n) {
    margin-right: 0;
}
.jinsom-post-application-show .pet img {
    width: 10vw;
    height: 10vw;
    object-fit: contain;
    margin-right: 2vw;
    padding: 1vw;
    box-sizing: border-box;
    border-radius: 1vw 0 0 1vw;
}


/*商品详情页面*/
.jinsom-page-goods-content {
    padding-top: 0 !important;
    padding-bottom: 12vw !important;
    background-color: var(--jinsom-content-bg-color);
}
[data-page=post-goods] .navbar-inner .center {
    display:none;
}
[data-page=post-goods] .navbar-inner.color .center {
    display:block;
}
.jinsom-mobile-goods-slider-content .owl-dots {
    left: 50%;
    width: 20vw;
    text-align: center;
    margin-left: -10vw;
    bottom: 2vw;
    top: inherit;
}
.jinsom-mobile-goods-slider-content .owl-carousel .owl-stage-outer {
    border-radius: 0;
    max-height: 60vh;
}

.jinsom-mobile-goods-slider-content {
    position: relative;
    background-color: #fff;
}
.jinsom-mobile-goods-slider-content .slider-counter {
    position: absolute;
    right: 2vw;
    bottom: 2vw;
    background: rgba(0,0,0,.2);
    color: #fff;
    z-index: 1;
    padding: 0 10px;
    border-radius: 10vw;
    font-size: 3.5vw;
}

.jinsom-goods-toolbar .toolbar-inner {
    display: flex;
    padding: 0 1vw;
}
.jinsom-goods-toolbar .btn {
    display: flex;
    width: 65%;
    margin-left: 5vw;
}
.jinsom-goods-toolbar .btn span,.jinsom-shop-select-form-main .btn span {
    flex: 1;
    text-align: center;
    height: 10vw;
    line-height: 10vw;
}
.jinsom-goods-toolbar .btn span.car,.jinsom-shop-select-content .select-box .list .content li.on {
    color: #fe2a54;
    background-color: rgb(254 42 84 / 10%);
}
.jinsom-goods-toolbar .btn span.buy,.jinsom-shop-select-form-main .btn span.buy {
    background-color: #fe2a54;
    color: #fff;
}
.jinsom-goods-toolbar .kefu, .jinsom-goods-toolbar .collect {
    flex: 1;
    text-align: center;
    margin-bottom: 1vw;
    height: 9vw;
    color: #999;
}
.jinsom-goods-toolbar .kefu i, .jinsom-goods-toolbar .collect i {
    font-size: 4.5vw;
}
.jinsom-goods-toolbar .kefu p, .jinsom-goods-toolbar .collect p {
    font-size: 3vw;
    line-height: 3vw;
}
.jinsom-goods-single-content {
    padding: 3vw;
    background-color: #fff;
}
.jinsom-goods-single-content .price ,.jinsom-shop-select-header .info .price {
    color: #fe2a54;
}
.jinsom-goods-single-content .price c ,.jinsom-shop-select-header .info .price c {
    font-size: 7vw;
}
.jinsom-goods-single-content .price n ,.jinsom-shop-select-header .info .price n {
    font-size: 3.5vw;
    color: #999;
    text-decoration: line-through;
    margin-left: 2vw;
}
.jinsom-goods-single-content .price m ,.jinsom-shop-select-header .info .price m {
    font-size: 4.5vw;
    margin-right: 1vw;
    vertical-align: 0.5vw;
}
.jinsom-goods-single-content>.title {
    font-size: 4.5vw;
    margin-top: 2vw;
}
.jinsom-goods-single-content>.subtitle {
    color: #666;
    margin-top: 2vw;
}
.jinsom-goods-single-content .buy-number {
    padding: 3vw 0;
    color: #999;
    font-size: 3.5vw;
    border-bottom: 1px solid #f5f5f5;
}
.jinsom-goods-single-content .buy-number .from {
    float: right;
}
.jinsom-goods-single-content>.title>span {
    font-size: 3vw;
    margin-right: 2vw;
    padding: 0.5vw 1vw;
    color: #fff;
    display: inline-block;
    vertical-align: 0.5vw;
}
.jinsom-goods-single-content>.title>span.power {
    background-color: #fe2a54;
}
.jinsom-goods-single-content>.title>span.ico {
    background-color: #1499f8;
}
.jinsom-goods-single-content .server {
    text-align: center;
    margin-top: 2vw;
    font-size: 3.5vw;
}
.jinsom-goods-single-content .server span {
    margin: 0 4vw;
}
.jinsom-goods-single-content .server i {
    font-size: 5vw;
    vertical-align: -0.5vw;
    color: #fe2a54;
}

.jinsom-goods-single-box {
    margin-top: 3vw;
    background-color: #fff;
    border-radius: 2vw 2vw 0 0;
    padding: 3vw;
}
.jinsom-goods-single-box>.title {
    margin-bottom: 5vw;
    display: flex;
    align-items: center;
}
.jinsom-goods-single-box>.title>li {
    margin-right: 6vw;
    color: #666;
}
.jinsom-goods-single-box>.title>li.on {
    color: #000;
    padding-left: 2vw;
    position: relative;
}
.jinsom-goods-single-box .content {
    padding-bottom: 4vw;
    line-height: 6vw;
    color: #333;
}
.jinsom-goods-single-box .content ul {
    margin: 0;
    padding: 0;
    display: none;
}
.jinsom-goods-single-box .content ul:first-child {
    display: block;
}
.jinsom-goods-single-box .content img {
    max-width: 100%;
    height: auto;
}
.jinsom-goods-single-box .content figure {
    margin: 0;
}
.jinsom-goods-single-box>.title {
    position: relative;
    padding-left: 2vw;
}
.jinsom-goods-single-box.comment>.title:before, .jinsom-goods-single-box.related>.title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 15px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fe2a54),to(#fad1cb));
    background-image: -webkit-linear-gradient(top,#fe2a54,#fad1cb);
    background-image: linear-gradient(180deg,#fe2a54,#fad1cb);
}
.jinsom-goods-single-box>.title>li.on:after {
    position: absolute;
    left: 50%;
    bottom: -5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    display: block;
    width: 26px;
    height: 3px;
    background-image: -webkit-gradient(linear,left top,right top,from(#f5503a),to(#fad1cb));
    background-image: -webkit-linear-gradient(left,#f5503a,#fad1cb);
    background-image: linear-gradient(90deg,#f5503a,#fad1cb);
}
.jinsom-goods-single-box.comment .jinsom-empty-page i {
    font-size: 15vw;
}
.jinsom-goods-single-box>.title .right {
    flex: 1;
    text-align: right;
}
.jinsom-goods-single-box.comment>.title .right a {
    color: #999;
}
.jinsom-goods-single-box.comment>.title .right i {
    font-size: 3vw;
}
.jinsom-goods-single-box.comment,.jinsom-goods-single-box.related {
    border-radius: 2vw;
}
.jinsom-goods-single-box.related>.title .right span {
    margin-right: 3vw;
    font-size: 3.5vw;
    color: #999;
}
.jinsom-goods-single-box>.title .right span i {
    width: 5px;
    height: 5px;
    display: inline-block;
    background-color: rgb(254 42 84 / 50%);
    border-radius: 100%;
    margin-right: 4px;
    vertical-align: 0.5vw;
}

.jinsom-goods-single-box.related .content {
    padding-bottom: 0;
}
.jinsom-goods-single-box.related .content li {
    float: left;
    width: calc((100% - 6vw)/3);
    margin-right: 3vw;
    position: relative;
    margin-bottom: 3vw;
}
.jinsom-goods-single-box.related .content li:nth-child(3n) {
    margin-right: 0;
}
.jinsom-goods-single-box.related .content li .bg {
    height: 30vw;
    background-size: cover;
    border-radius: 1vw;
    border: 1px solid #f6f6f6;
    box-sizing: border-box;
}
.jinsom-goods-single-box.related .content li h2 {
    font-weight: normal;
    font-size: 3vw;
    line-height: 4vw;
    margin: 1vw 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jinsom-goods-single-box.related .content li .mark {
    position: absolute;
    top: 1vw;
    left: 2vw;
}
.jinsom-goods-single-box.related .content li .mark .ico {
    background-color: #1499f8;
    color: #fff;
    font-size: 3vw;
    padding: 0.5vw 1vw;
    border-radius: 1vw;
}
.jinsom-goods-single-box.related .content li .info span:last-child, .jinsom-goods-single-box.related .content li .info n,.jinsom-goods-single-box.related .content li .mark .power {
    display: none;
}
.jinsom-goods-single-box.related .content li .info span t {
    font-size: 3vw;
}
.jinsom-goods-single-box.related .content li .info span:first-child {
    color: #fe2a54;
    font-size: 5vw;
}
.jinsom-goods-single-box.related .content li .info m {
    font-size: 4vw;
    margin-right: 1vw;
}
.jinsom-goods-single-box.related {
    padding-bottom: 0;
}
.jinsom-goods-single-box.related .content li .info {
    height: 6vw;
}

.jinsom-goods-single-box.comment .content li {
    margin-bottom: 2vw;
    padding-bottom: 2vw;
    border-bottom: 1px solid #f6f6f6;
    padding-top: 2vw;
}
.jinsom-goods-single-box.comment .content li .info {
    display: flex;
    align-items: center;
}
.jinsom-goods-single-box.comment .content li .info .avatarimg {
    height: 6vw;
}
.jinsom-goods-single-box.comment .content li .info .avatarimg img {
    width: 6vw;
    height: 6vw;
    border-radius: 100%;
    margin-right: 2vw;
}
.jinsom-goods-single-box.comment .content li .info .time {
    flex: 1;
    text-align: right;
    color: #999;
    font-size: 3.5vw;
}
.jinsom-goods-single-box.comment .content li .goods-comment-content {
    padding: 3vw 3vw 3vw 8vw;
    font-size: 3.5vw;
}
.jinsom-goods-single-box.comment .content li .star {
    margin: 2vw 3vw 0vw 8vw;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 2vw;
}
.jinsom-goods-single-box.comment .content li .star i {
    margin: 0 0.5vw;
    color: rgb(254 42 84 / 60%);
    font-size: 5vw;
}
.jinsom-goods-single-box.comment .content li:last-child {
    border-bottom: none;
}
.jinsom-goods-all-comment-btn {
    font-size: 3.5vw;
    padding: 0vw 2vw;
    border: 1px solid #ddd;
    border-radius: 10vw;
    display: block;
    margin: 4vw auto 0;
    width: 22vw;
    text-align: center;
    color: #555;
}
.jinsom-goods-star-list-content .jinsom-goods-all-comment-btn, .jinsom-goods-star-list-content .jinsom-goods-single-box.comment>.title .right i {
    display: none;
}
.jinsom-chat-goods-card {
    margin: 3vw;
    padding: 3vw;
    background-color: #f8f8f8;
    border-radius: 2vw;
    border: 1px solid #eee;
}
.jinsom-chat-goods-card .top {
    display: flex;
    align-items: center;
    margin-bottom: 3vw;
    padding-bottom: 3vw;
    border-bottom: 1px solid #ededed;
}
.jinsom-chat-goods-card .top img {
    width: 12vw;
    height: 12vw;
    border-radius: 1vw;
    margin-right: 2vw;
}
.jinsom-chat-goods-card .top .title {
    width: 60vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 4vw;
    color: #555;
}
.jinsom-chat-goods-card .top .price {
    flex: 1;
    text-align: center;
    color: #c00000;
    font-size: 4.5vw;
}
.jinsom-chat-goods-card .btn {
    width: 20vw;
    text-align: center;
    padding: 1vw;
    color: #fff;
    background-color: var(--jinsom-color);
    border-radius: 10vw;
    margin: auto;
    font-size: 3.5vw;
}
.jinsom-chat-goods-card .top .price m {
    font-size: 4vw;
    margin-right: 1vw;
}
.jinsom-chat-goods-card .btn.had {
    background-color: #ccc;
}
.jinsom-chat-toolbar li.image {
    position: relative;
}
.jinsom-chat-toolbar li.image form {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    opacity: 0;
}
.jinsom-chat-toolbar li.image form input {
    width: 100%;
    height: 100%;
}
.modal .modal-inner .modal-title {
    font-weight: normal;
    font-size: 4vw;
    margin-bottom: 2vw;
    color: #666;
}
.modal .modal-inner .preloader {
    width: 6vw;
    height: 6vw;
}


.jinsom-shop-select-form-main {
    padding: 4vw;
    position: relative;
    overflow-y: auto;
    max-height: 90vh;
}
.jinsom-shop-select-form-main .close {
    position: absolute;
    width: 12vw;
    height: 12vw;
    text-align: center;
    line-height: 12vw;
    top: 0;
    right: 0;
}
.jinsom-shop-select-form-main .close i {
    font-size: 5vw;
    color: #999;
}
.jinsom-shop-select-header {
    display: flex;
    align-items: center;
    padding-bottom: 4vw;
    margin-bottom: 5vw;
    border-bottom: 1px solid #eee;
}
.jinsom-shop-select-header .cover {
    margin-right: 4vw;
    height: 20vw;
}
.jinsom-shop-select-header .cover img {
    width: 20vw;
    height: 20vw;
    object-fit: cover;
    border-radius: 1vw;
}
.jinsom-shop-select-header .info .count {
    color: #999;
    margin-top: 4vw;
    font-size: 3.5vw;
}
.jinsom-shop-select-content .select-box {
    margin-bottom: 4vw;
}
.jinsom-shop-select-content .select-box .list {
    margin-bottom: 4vw;
    padding-bottom: 2vw;
    border-bottom: 1px solid #eee;
}
.jinsom-shop-select-content .select-box .title {
    margin-bottom: 2vw;
}
.jinsom-shop-select-content .select-box .list .content li {
    display: inline-block;
    margin-right: 2vw;
    padding: 1vw 3vw;
    background-color: #f1f1f1;
    margin-bottom: 2vw;
    font-size: 3vw;
    color: #555;
    border-radius: 1vw;
    min-width: 6vw;
    text-align: center;
}
.jinsom-shop-select-content .select-box.number {
    display: flex;
    margin-bottom: 10vw;
    margin-top: 8vw;
}
.jinsom-shop-select-content .select-box.number .right {
    flex: 1;
    text-align: right;
}
.jinsom-shop-select-content .select-box.number .right i {
    font-size: 3vw;
    background-color: #f1f1f1;
    padding: 1.5vw;
    border-radius: 1vw;
}
.jinsom-shop-select-content .select-box.number .right i.on {
    background-color: #f5f5f5;
    color: #ccc;
}
.jinsom-shop-select-content .select-box.number input {
    width: 10vw;
    border: none;
    text-align: center;
    -webkit-appearance: none;
}
.jinsom-shop-select-content .select-box.price .list:last-child {
    border-bottom: none;
}
.jinsom-shop-select-form-main .btn {
    display: flex;
}
.jinsom-shop-select-form-main .btn span.car{
    background-color: #fe2a54;
    color: #fff;
}

.jinsom-shop-select-content .tips {
    color: #fe2a54;
    background-color: rgb(254 42 84 / 10%);
    padding: 2vw;
    margin-bottom: 4vw;
    border-radius: 1vw;
}
.jinsom-shop-select-content .select-box.marks textarea {
    width: 100%;
    padding: 2vw;
    border: 1px solid #ccc;
    resize: none;
    box-sizing: border-box;
    margin-top: 2vw;
    border-radius: 1vw;
    height: 20vw;
    font-size: 4vw;
    -webkit-appearance: none;
}
.jinsom-shop-select-content .select-box.pass-info {
    border-top: 1px solid #f1f1f1;
    padding-top: 4vw;
}
.jinsom-shop-select-content .select-box .content .list>li {
    margin-bottom: 2vw;
    display: flex;
    align-items: center;
    padding-bottom: 2vw;
    margin-top: 4vw;
}
.jinsom-shop-select-content .select-box .content .list>li>span {
    display: inline-block;
    width: 20vw;
    color: #fd2953;
}
.jinsom-shop-select-content .select-box .content .list>li input {
    border: none;
    -webkit-appearance: none;
    padding: 3vw;
    flex: 1;
    border-radius: 1vw;
    background-color: #f5f5f5;
}
.jinsom-goods-toolbar .btn span.buy.no {
    background-color: #ccc;
}
.jinsom-goods-order-confirmation-content {
    padding: 4vw;
}
.jinsom-goods-order-confirmation-content .title {
    font-size: 4.5vw;
    margin-bottom: 3vw;
}
.jinsom-goods-order-confirmation-content .box {
    padding: 1vw 3vw;
    background-color: #f8f8f8;
    border-radius: 2vw;
    color: #666;
    margin-bottom: 3vw;
}
.jinsom-goods-order-confirmation-content .box>div, .jinsom-goods-order-confirmation-content .box .select li {
    margin: 3vw 0;
    padding-bottom: 3vw;
    border-bottom: 1px solid #ededed;
}
.jinsom-goods-order-confirmation-content .box>div, .jinsom-goods-order-confirmation-content .box>.select>li {
    display: flex;
}
.jinsom-goods-order-confirmation-content .box>div>span, .jinsom-goods-order-confirmation-content .box>.select li>span {
    flex: 1;
}
.jinsom-goods-order-confirmation-content .box>div>span:first-child, .jinsom-goods-order-confirmation-content .box>.select li>span:first-child {
    color: var(--jinsom-color);
}
.jinsom-goods-order-confirmation-content .box>.select {
    padding-bottom: 0;
    display: inherit;
}
.jinsom-goods-order-confirmation-content .box>.select>li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.jinsom-goods-order-confirmation-content .box>div>span:last-child, .jinsom-goods-order-confirmation-content .box>.select li>span:last-child {
    text-align: right;
    word-break: break-all;
}
.jinsom-goods-order-confirmation-content .box>.number{
    margin-bottom: 0;
}
.jinsom-goods-order-confirmation-content .box .pass-info {
    display: inherit;
    border-bottom: none;
    padding-bottom: 0;
}
.jinsom-goods-order-confirmation-content .box .pass-info>span:first-child {
    display: block;
}
.jinsom-goods-order-confirmation-content .box .pass-info>span:last-child {
    background-color: #fff;
    display: block;
    padding: 1vw 3vw;
    margin-top: 2vw;
    border-radius: 2vw;
}
.jinsom-goods-order-confirmation-content .box .pass-info span>li {
    text-align: left;
    margin: 3vw 0;
}
.jinsom-goods-order-confirmation-content .box>.price span:last-child {
    color: #c00000;
}
.jinsom-goods-order-confirmation-content .box>.price span:last-child m {
    font-size: 5vw;
    margin-right: 1vw;
}
.jinsom-goods-order-confirmation-content .box>div:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.jinsom-goods-order-confirmation-content .jinsom-recharge-tips {
    margin: 8vw 0 4vw;
}
.jinsom-goods-order-confirmation-content .jinsom-recharge-type {
    padding: 0;
}
.jinsom-goods-order-confirmation-content .btn {
    margin: 4vw 0;
    text-align: center;
    padding: 2.5vw;
    background-color: var(--jinsom-color);
    color: #fff;
    border-radius: 1vw;
}
.jinsom-order-details-tips {
    color: #f00;
    text-align: center;
    margin-top: 8vw;
}

.jinsom-shop-goods-select-content {
    padding: 21vw 2vw 4vw !important;
    height: inherit !important;
    background-color: var(--jinsom-content-bg-color);
}
.jinsom-shop-select-post-list li {
    width: calc((100% - 2vw)/2);
    float: left;
    margin-right: 2vw;
    margin-bottom: 7.8px;
    position: relative;
    border-radius: 1vw;
    background-color: #fff;
}
[list_style='waterfall'].jinsom-shop-select-post-list li {
    margin-right: 0;
}
[list_style='waterfall'].jinsom-shop-select-post-list li .bg img {
    height: auto;
    min-height: 120px;
}
[list_style='cell'].jinsom-shop-select-post-list li .bg {
    height: 50vw;
    background-color: #f1f1f1;
    border-radius: 1vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
[list_style='cell'].jinsom-shop-select-post-list li:nth-child(2n){
    margin-right:0; 
}
.jinsom-shop-select-post-list li .bg img {
    width: 100%;
    border-radius: 1vw;
    display: block;
    min-height: 50vw;
    height: 70vw;
    object-fit: cover;
    background-color: #f1f1f1;
}
.jinsom-shop-select-post-list li h2 {
    font-size: 4vw;
    font-weight: normal;
    padding: 2vw;
}
.jinsom-shop-select-post-list li .mark {
    position: absolute;
    left: 2vw;
    top: 1vw;
}
.jinsom-shop-select-post-list li .mark span {
    background-color: #2196f3;
    color: #fff;
    padding: 0 1vw;
    border-radius: 1vw;
    font-size: 3vw;
    display: inline-block;
}
.jinsom-shop-select-post-list li .info {
    padding: 0 2vw 1vw;
    display: flex;
    align-items: center;
}
.jinsom-shop-select-post-list li .info span {
    flex: 1;
}
.jinsom-shop-select-post-list li .info span:first-child {
    color: #c00000;
    font-size: 5vw;
}
.jinsom-shop-select-post-list li .info span:first-child t {
    font-size: 3vw;
}
.jinsom-shop-select-post-list li .info span:first-child n {
    display:none;
}
.jinsom-shop-select-post-list li .info span:last-child {
    text-align: right;
    color: #999;
}
.jinsom-shop-select-post-list li .info span i {
    font-size: 4vw;
}
.jinsom-shop-select-post-list li .info m {
    margin-right: 1vw;
    font-size: 4.5vw;
}
.jinsom-select-navbar-center {
    left: 0 !important;
    transform: none !important;
}
.jinsom-goods-order-confirmation-content .address-list {
    display: block !important;
    padding-bottom: 1vw !important;
}
.jinsom-goods-order-confirmation-content .address-list li {
    position: relative;
}
.jinsom-goods-order-confirmation-content .address-list li i {
    position: absolute;
    right: 0;
    top: 8vw;
    font-size: 5vw;
}
.jinsom-goods-order-confirmation-content .address-list li p {
    margin: 1vw 0 2vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #999;
}
.jinsom-goods-order-confirmation-content .address-list li p span {
    color: var(--jinsom-color);
    width: 16vw;
    display: inline-block;
}
.jinsom-goods-order-confirmation-content .add-address {
    text-align: center;
    padding: 2.5vw;
    background-color: var(--jinsom-color);
    color: #fff;
    border-radius: 1vw;
}
.jinsom-setting-content.address,.jinsom-setting-content.address-add {
    background-color: #fff;
}
.jinsom-setting-content.address .address-list {
    padding: 4vw 0;
}
.jinsom-setting-content.address .address-list li {
    margin-bottom: 2vw;
    padding-bottom: 2vw;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    padding: 0 4vw 2vw;
}
.jinsom-setting-content.address .address-list li:last-child {
    margin-bottom: 0;
}
.jinsom-setting-content.address .address-list li i {
    position: absolute;
    right: 4vw;
    font-size: 5vw;
    top: 3vw;
    color: #555;
}
.jinsom-setting-content.address .address-list li .a {
    margin-bottom: 2vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
    color: #333;
}
.jinsom-setting-content.address .address-list li .b {
    display: flex;
    color: #999;
    font-size: 3.5vw;
    width: 95%;
}
.jinsom-setting-content.address .address-list li .b>span {
    flex: 1;
}
.jinsom-setting-content-address-add-box {
    padding: 5vw 4vw;
}
.jinsom-setting-content-address-add-box li {
    margin-bottom: 4vw;
    padding-bottom: 4vw;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
}
.jinsom-setting-content-address-add-box li span:nth-child(2) {
    flex: 1;
}
.jinsom-setting-content-address-add-box li input {
    border: none;
    width: 100%;
}
.jinsom-setting-content-address-add-box li textarea {
    width: 100%;
    resize: none;
    height: 15vw;
    border: none;
}
.jinsom-setting-content-address-add-box .btn {
    text-align: center;
    background-color: var(--jinsom-color);
    padding: 2.5vw;
    color: #fff;
    border-radius: 8vw;
}
.jinsom-setting-content-address-add-box li select {
    border: none;
    background: none;
    width: 100%;
    color: #888;
    font-size: 4vw;
}


/*转移版块*/
.jinsom-change-bbs-content {
    padding: 14vw 4vw 4vw !important;
}
.jinsom-change-bbs-content li {
    margin-bottom: 2vw;
}
.jinsom-change-bbs-content li input {
    -webkit-appearance: radio;
    width: 5vw;
    height: 5vw;
    vertical-align: -1vw;
    margin-right: 1vw;
}
.jinsom-change-bbs-content li input.level-1 {
    margin-left: 8vw;
}
.jinsom-change-bbs-content .tips {
    color: #f00;
    margin-bottom: 4vw;
}



.jinsom-report-content {
    padding: 6vw 4vw;
}
.jinsom-report-content li {
    margin-bottom: 6vw;
    display: flex;
}
.jinsom-report-content .title span:last-child {
    color: #0c61a5;
}
.jinsom-report-content li span:last-child {
    flex: 1;
}
.jinsom-report-content .type select {
    width: 100%;
    height: 10vw;
    border-radius: 2vw;
    border: 1px solid #aaa;
    background-color: #fff;
    -webkit-appearance: none;
    padding: 0 2vw;
}
.jinsom-report-content li textarea {
    width: 100%;
    padding: 2vw;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 2vw;
    height: 30vw;
}
.jinsom-report-content .btn {
    text-align: center;
    background-color: var(--jinsom-color);
    color: #fff;
    padding: 2.2vw;
    border-radius: 8vw;
}
.jinsom-report-content .tips {
    margin-top: 6vw;
    padding: 2vw;
    border: 1px solid #eee;
    color: #aaa;
    border-radius: 2vw;
}
.jinsom-reprint-had-delete {
    color: #f00;
}


/*头部通知*/
.notifications .close-notification {
    margin-right: 2vw;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2044%2044'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cpath%20d%3D'M22.5%2C20.3786797%20L14.7218254%2C12.6005051%20L12.6005051%2C14.7218254%20L20.3786797%2C22.5%20L12.6005051%2C30.2781746%20L14.7218254%2C32.3994949%20L22.5%2C24.6213203%20L30.2781746%2C32.3994949%20L32.3994949%2C30.2781746%20L24.6213203%2C22.5%20L32.3994949%2C14.7218254%20L30.2781746%2C12.6005051%20L22.5%2C20.3786797%20Z%20M22%2C44%20C34.1502645%2C44%2044%2C34.1502645%2044%2C22%20C44%2C9.8497355%2034.1502645%2C0%2022%2C0%20C9.8497355%2C0%200%2C9.8497355%200%2C22%20C0%2C34.1502645%209.8497355%2C44%2022%2C44%20Z'%20fill%3D'%23000000'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.jinsom-notification {
    display: flex;
    padding: 2.5vw;
    align-items: center;
    background-color: #fff;
    border-radius: 2vw;
    border: 1px solid #cfcfcf;
}
.notifications .item-title-row {
    display: none !important;
}
.jinsom-notification .avatarimg {
    width: 12vw;
    height: 12vw;
    margin-right: 2vw;
    position: relative;
}
.jinsom-notification .avatarimg img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.jinsom-notification .name {
    font-size: 4.2vw;
}
.jinsom-notification .desc {
    color: #999;
    font-size: 3.5vw;
    height: 5vw;
    overflow: hidden;
    word-break: break-word;
    line-height: 7vw;
}
.jinsom-notification .info {
    flex: 1;
}
.jinsom-notification .desc>n {
    color: #2196f3;
    margin: 0 1vw;
}


/*外链打开方式*/
.jinsom-link-click-auto {
    margin: 4vw;
    padding: 4vw;
    border: 1px solid #f44336;
    border-radius: 1vw;
    background-color: #fff9f9;
}
.jinsom-link-click-auto-title {
    font-size: 4.2vw;
    margin-bottom: 2vw;
}
.jinsom-link-click-auto-desc {
    font-size: 3.5vw;
    margin-bottom: 2vw;
    color: #f44336;
}
.jinsom-link-click-auto-url {
    font-size: 3.5vw;
    color: #999;
    margin-bottom: 4vw;
}
.jinsom-link-click-auto>a {
    display: inline-block;
    background-color: var(--jinsom-color);
    color: #fff;
    font-size: 3.5vw;
    padding: 2vw 4vw;
    border-radius: 1vw;
    float: right;
}
.jinsom-link-click-auto>p {
    color: var(--jinsom-color);
}
.jinsom-link-danger-content {
    margin-top: 20vw;
    text-align: center;
}
.jinsom-link-danger-content .desc {
    color: #999;
    font-size: 3.5vw;
}
.jinsom-link-danger-content .title {
    font-weight: bold;
    font-size: 4.5vw;
    margin-bottom: 5vw;
    margin-top: 2vw;
}
.jinsom-link-danger-content>i {
    font-size: 15vw;
    color: #ef5350;
}


/*摇钱树*/
.jinsom-tree-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
[data-page="tree-mine"] .navbar-inner,[data-page="tree-other"] .navbar-inner {
    background-color: rgb(57 63 77 / 0%);
}
.jinsom-tree-main {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.jinsom-tree-icon {
    width: 70vw;
    position: absolute;
    margin-left: -35vw;
    left: 50%;
    bottom: 26vw;
    animation: tree-x 6s linear infinite;
    transform-origin: bottom center;
}
.jinsom-tree-icon img {
    width: 100%;
}
.jinsom-tree-icon img.yaohuang {
    animation:yaohuang 2s 0s infinite;
    transform-origin:bottom;
}
.jinsom-tree-btn {
    position: absolute;
    bottom: 15vw;
    left: 50%;
    width: 80vw;
    margin-left: -40vw;
    display: flex;
}
.jinsom-tree-btn>span {
    flex: 1;
    text-align: center;
    background-color: #e65d4f;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%), inset 0 -0.25em 0 rgb(0 0 0 / 25%), 0 0.25em 0.25em rgb(0 0 0 / 5%);
    color: #fff;
    padding: 3vw;
    border-radius: 3vw;
}
.jinsom-tree-btn>span:active {
    outline: none;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%), inset 0 2px 0 rgb(255 255 255 / 10%), inset 0 0.25em 0.5em rgb(0 0 0 / 5%);
    margin-top: .25em;
    padding-bottom: .5em;
}
.jinsom-tree-btn>span:first-child {
    margin-right: 2vw;
    background-color: #ff9800;
}
.jinsom-tree-btn>span:nth-child(2) {
    margin-right: 2vw;
    background-color: #2196f3;
}
.jinsom-tree-name {
    background-color: #fff;
    position: absolute;
    top: 4vw;
    left: 4vw;
    padding: 2vw 4vw 2vw 4vw;
    box-sizing: border-box;
    border-radius: 4vw;
    font-size: 3.5vw;
    border: 1px solid #000;
}
.jinsom-tree-name .name {
    font-size: 3.8vw;
    margin-bottom: 1vw;
}
.jinsom-tree-name .health,.jinsom-tree-name .income {
    color: #555;
}
.jinsom-tree-name .health span {
    color: #2196f3;
}
.jinsom-tree-name .income span {
    color: #f00;
}
[data-page="tree-mine"] .right>span,[data-page="tree-other"] .right>span {
    background-color: #66bb6a;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%), inset 0 -0.25em 0 rgb(0 0 0 / 25%), 0 0.25em 0.25em rgb(0 0 0 / 5%);
    margin-top: 4vw;
    border-radius: 3vw;
    display: inline-block;
    width: 15vw;
    height: 10vw;
    line-height: 10vw;
    text-align: center;
}

@keyframes yaohuang
{
    0%, 5%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    10% {  
      -webkit-transform:rotate(6deg);
      transform:rotate(6deg);
    }
    15% {  
      -webkit-transform:rotate(-6deg);
      transform:rotate(-6deg);
    }
    20% {  
      -webkit-transform:rotate(6deg);
      transform:rotate(6deg);
    }
    25% {  
      -webkit-transform:rotate(-6deg);
      transform:rotate(-6deg);
    }
    30% {  
      -webkit-transform:rotate(6deg);
      transform:rotate(6deg);
    }
    35% {  
      -webkit-transform:rotate(-6deg);
      transform:rotate(-6deg);
    }
    40%,100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

/*治疗*/
.jinsom-tree-main .help {
    height: 100%;
    padding: 0;
    width: 70vw;
    margin: auto;
}
.jinsom-tree-main .help li {
    position: absolute;
    list-style: none;
    display: block;
    font-size:40px;
    color: rgba(255,255,255,.5);
    bottom: 26vw;
    animation: tree_help 10s infinite;
    transition-timing-function: linear;
    animation-duration: 5s
}
.jinsom-tree-main .help li:nth-child(1) {
    left: 10%
}
.jinsom-tree-main .help li:nth-child(2) {
    left: 20%;
    font-size:50px;
    animation-duration: 4s
}
.jinsom-tree-main .help li:nth-child(3) {
    left: 25%;
    animation-duration: 5s
}
.jinsom-tree-main .help li:nth-child(4) {
    left: 40%;
    font-size:20px;
    animation-duration: 3s;
}
.jinsom-tree-main .help li:nth-child(5) {
    left: 70%
}
.jinsom-tree-main .help li:nth-child(6) {
    left: 80%;
    font-size:50px;
    animation-duration: 3s;
}
.jinsom-tree-main .help li:nth-child(7) {
    left: 32%;
    font-size:30px;
    animation-duration: 3s;
}
.jinsom-tree-main .help li:nth-child(8) {
    left: 55%;
    font-size:20px;
    animation-duration: 4s
}
.jinsom-tree-main .help li:nth-child(9) {
    left: 25%;
    font-size:10px;
    animation-duration: 7s;
}
.jinsom-tree-main .help li:nth-child(10) {
    left: 90%;
    font-size:40px;
    animation-duration: 3s
}
@keyframes tree_help {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-700px) rotate(600deg)
    }

} 


/*升级树苗*/
.jinsom-tree-update-icon {
    width: 50vw;
    padding: 4vw;
    margin: 20vw auto 10vw;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 2vw;
    background-color: #f3f3f3;
}
.jinsom-tree-update-icon img {
    width: 100%;
}
.jinsom-tree-update-name {
    text-align: center;
    font-size: 4.5vw;
}
.jinsom-tree-update-income {
    text-align: center;
    margin-top: 2vw;
    opacity: 0.5;
    color: #f00;
}
.jinsom-tree-update-health {
    text-align: center;
    margin-top: 2vw;
    opacity: 0.5;
}
.jinsom-tree-update-health span {
    color: #f00;
}
.jinsom-tree-update-btn {
    width: 50vw;
    margin: 10vw auto 0;
    text-align: center;
    background-color: var(--jinsom-color);
    color: #fff;
    padding: 2.5vw;
    border-radius: 10vw;
}
.jinsom-tree-update-btn.no {
    background-color: #ccc;
}
.jinsom-tree-update-success {
    text-align: center;
    margin-top: 2vw;
    color: #999;
}
.jinsom-chat-user-list.tree li>i {
    position: absolute;
    right: 4vw;
    top: 4vw;
    color: #2196f3;
    font-size: 8vw;
}
/*树摇晃*/
@keyframes tree-x {  
    0% { transform:rotate(0deg);}  
    25% { transform:rotate(2deg); }  
    50% { transform:rotate(0deg);}  
    75% { transform:rotate(-2deg);}  
    100% { transform:rotate(0deg);}
}



/*右侧悬浮按钮屏蔽页面*/
[data-page="majia"] .jinsom-right-bar,[data-page="tree-mine"] .jinsom-right-bar,[data-page="tree-other"] .jinsom-right-bar,[data-page="follower"] .jinsom-right-bar,[data-page="chat-group"] .jinsom-right-bar,[data-page="chat-one"] .jinsom-right-bar,[data-page="publish"] .jinsom-right-bar,[data-page="setting"] .jinsom-right-bar,[data-page="setting-more"] .jinsom-right-bar,[data-page="setting-other"] .jinsom-right-bar,[data-page="setting-desc"] .jinsom-right-bar,[data-page="setting-email"] .jinsom-right-bar,[data-page="setting-phone"] .jinsom-right-bar,[data-page="setting-password"] .jinsom-right-bar,[data-page="setting-more"] .jinsom-right-bar,[data-page="setting-question"] .jinsom-right-bar,[data-page="comment-post"] .jinsom-right-bar,[data-page="comment-bbs-post"] .jinsom-right-bar {
    display: none;
}


.jinsom-shop-tax-content {
    padding: 12vw 2vw 4vw !important;
    background-color: var(--jinsom-content-bg-color);
}
.jinsom-topic-show-form.shop-tax .right li .info .name {
    width: 100%;
}
.jinsom-topic-show-form.shop-tax .right li .info .desc {
    color: #999;
    margin-top: 2vw;
    font-size: 3.5vw;
}


.jinsom-websocket-new-posts-tips {
    margin: 2vw;
    text-align: center;
    padding: 1.5vw;
    box-sizing: border-box;
    border-radius: 10vw;
    border: 1px solid #b3cd9d;
    color: #3c763d;
    background-color: #dff0d8;
    font-size: 3.5vw;
    position: fixed;
    z-index: 9999;
    width: 36vw;
    left: 50%;
    margin-left: -18vw;
    top: 19vw;
}
.jinsom-websocket-new-posts-tips>i {
    font-size: 4vw;
    vertical-align: -0.5vw;
}

.jinsom-chat-message-tips.join span, .jinsom-chat-message-tips.logout span {
    background-color: #f3f3f3;
    color: #999;
    padding: 0.5vw 4vw;
}
.jinsom-chat-message-tips.join span n, .jinsom-chat-message-tips.logout span n {
    margin-right: 2vw;
    color: #7ec6ff;
}
.jinsom-chat-message-tips span img {
    width: 10vw;
    vertical-align: -3.5vw;
    margin-left: 1vw;
    height: 10vw;
    object-fit: contain;
}

/*群聊入场*/
.jinsom-chat-group-join-buy {
    padding: 14vw 4vw 4vw !important;
}
.jinsom-chat-group-join-buy li {
    float: left;
    width: calc((100% - 4vw)/2);
    text-align: center;
    position: relative;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    padding: 2vw;
    border-radius: 2vw;
    background-color: #f9f9f9;
    margin-bottom: 4vw;
}
.jinsom-chat-group-join-buy li:nth-child(2n-1) {
    margin-right: 4vw;
}
.jinsom-chat-group-join-buy li img {
    width: 20vw;
    height: 20vw;
    object-fit: contain;
}
.jinsom-chat-group-join-buy li .name {
    font-weight: bold;
}
.jinsom-chat-group-join-buy li .desc {
    margin: 2vw 0;
    color: #999;
}
.jinsom-chat-group-join-buy li .price {
    color: #f00;
}

.jinsom-chat-group-join-buy li .btn {
    background-color: var(--jinsom-color);
    color: #fff;
    padding: 2vw;
    margin-top: 2vw;
    border-radius: 2vw;
}
.jinsom-chat-group-join-buy li .btn.had {
    background-color: #ccc;
}

img.avatar,.jinsom-chat-message-list-user-info a {
  -webkit-touch-callout: none !important;
}

.jinsom-chat-message-tips,.jinsom-chat-message-list-user-info {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.jinsom-income-outlay-tips {
    text-align: center;
    padding: 2vw;
    margin: 2vw 4vw;
    background-color: #ffd6d6;
    color: #ed3939;
    border-radius: 2vw;
}
.jinsom-income-outlay-tips n {
    color: #2196f3;
    margin: 0 1vw;
}


/*弹幕*/
.barrage{
  position: fixed;
  bottom:70px;
  right:-30vw;
  display: inline-block;
  z-index: 99999;
  max-width: 100vw;
}
.barrage_box {
    background-color: rgba(0,0,0,.5);
    border-radius: 1vw;
}
.barrage_box div.p a {
    color: #fff;
    margin: 2vw;
    line-height: 8vw;
    font-size: 3.5vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.barrage_box div.p a>i {
    vertical-align: -2vw;
    color: #cddc39;
    font-size: 7vw;
}


.notifications {
    left: 10%;
    width: 80%;
}
.jinsom-single-comment-list>div .avatarimg n {
    position: absolute;
    font-size: 2.5vw;
    background-color: #2196f3;
    color: #fff;
    padding: 0.1vw 0.5vw;
    top: -1vw;
    left: -1vw;
    border-radius: 2vw 0;
}

.jinsom-bbs-publish-list .a {
    display: flex;
    align-items: center;
    color: #999;
}


.jinsom-mine-box.list li.notice .tips {
    position: absolute;
    right: 4vw;
}



.jinsom-publish-words-form .power-content .credit-type {
    margin-top: 4vw;
    color: #555;
    display: flex;
    align-items: center;
}
.jinsom-publish-words-form .power-content .credit-type m {
    width: 30vw;
    text-align: center;
    border: 1px solid #ccc;
    margin-right: 4vw;
    padding: 1vw 0;
    border-radius: 1vw;
    color: #999;
}
.jinsom-publish-words-form .power-content .credit-type m.on {
    border-color: var(--jinsom-color);
    background-color: var(--jinsom-color);
    color: #fff;
}



/*头部导航栏透明*/
[data-page=member-mine] .navbar-inner, [data-page=member-other] .navbar-inner, [data-page=bbs] .navbar-inner, [data-page=post-goods] .navbar-inner {
    background-color: rgba(70, 196, 124, 0);
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
}
[data-page="publish-redbag"] .navbar:after, [data-page="get-redbag"] .navbar:after, [data-page=member-mine] .navbar:after, [data-page=member-other] .navbar:after, [data-page=bbs] .navbar:after, [data-page=post-goods] .navbar:after,.jinsom-login-navbar.navbar:after,[data-page="reg-email"] .navbar:after,[data-page="forget-password"] .navbar:after,[data-page="reg-phone"] .navbar:after,[data-page="reg-invite"] .navbar:after,[data-page="login-phone"] .navbar:after,[data-page="reg-simple"] .navbar:after {
    display:none;
}
[data-page=member-mine] .navbar-inner>div,[data-page=member-mine] .navbar-inner>div>a, [data-page=member-other] .navbar-inner>div,[data-page=member-other] .navbar-inner>div>a, [data-page=bbs] .navbar-inner>div,[data-page=bbs] .navbar-inner>div>a, [data-page=post-goods] .navbar-inner>div,[data-page=post-goods] .navbar-inner>div>a,[data-page="get-redbag"] .navbar-inner>div,[data-page="get-redbag"] .navbar-inner>div>a,[data-page="publish-redbag"] .navbar-inner>div,[data-page="publish-redbag"] .navbar-inner>div>a,.jinsom-login-navbar .navbar-inner>div,.jinsom-login-navbar .navbar-inner>div>a,[data-page="reg-email"] .navbar-inner>div,[data-page="reg-email"] .navbar-inner>div>a,[data-page="forget-password"] .navbar-inner>div,[data-page="forget-password"] .navbar-inner>div>a,[data-page="reg-phone"] .navbar-inner>div,[data-page="reg-phone"] .navbar-inner>div>a,[data-page="reg-invite"] .navbar-inner>div,[data-page="reg-invite"] .navbar-inner>div>a,[data-page="login-phone"] .navbar-inner>div,[data-page="login-phone"] .navbar-inner>div>a,[data-page="reg-simple"] .navbar-inner>div,[data-page="reg-simple"] .navbar-inner>div>a {
    color:#fff;
}
[data-page=member-mine] .navbar-inner.color>div,[data-page=member-mine] .navbar-inner.color>div>a, [data-page=member-other] .navbar-inner.color>div,[data-page=member-other] .navbar-inner.color>div>a, [data-page=bbs] .navbar-inner.color>div,[data-page=bbs] .navbar-inner.color>div>a, [data-page=post-goods] .navbar-inner.color>div,[data-page=post-goods] .navbar-inner.color>div>a {
    color:var(--jinsom-navbar-text-color);
}

/*红包头部导航背景色*/
[data-page="get-redbag"] .navbar-inner,[data-page="publish-redbag"] .navbar-inner {
    background-color: #e94658;
}

/*登录注册*/
.jinsom-login-navbar .navbar-inner,[data-page="reg-email"] .navbar-inner,[data-page="forget-password"] .navbar-inner,[data-page="reg-phone"] .navbar-inner,[data-page="reg-invite"] .navbar-inner,[data-page="login-phone"] .navbar-inner,[data-page="reg-simple"] .navbar-inner {
    background-color: rgb(255 0 0 / 0);
    position: absolute;
}
.login-screen-content, .jinsom-login-page-content {
    background-size: cover;
    background-position: center;
    background-color: #222;
}