* {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

html, body {
    height: 100%;
    font: 12px/1.5 -apple-system-font, 'Helvetica Neue', sans-serif;
    color: #444;
}

ul, ol, li, span, p, form, h1, h2, h3, h4, h5, h6, dl, dt, dd {
    margin: 0;
    padding: 0;
    border: 0;
    z-index: inherit;
}

img, a img {
    border: 0;
    margin: 0;
    padding: 0;
}

ul, ol, li {
    list-style: none;
}

input, select, textarea {
    font: 14px/1.5 Microsoft YaHei, Helvetica, sans-serif;
    border: 1px solid var(--dz-BOR-ed);
    border-radius: 2px;
    -webkit-appearance: none;
}

body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {
    margin: 0;
    padding: 0;
}

table {
    empty-cells: show;
    border-spacing: 0;
    border-collapse: collapse;
}

caption, th {
    text-align: left;
    font-weight: 400;
}

ul li, .xl li {
    list-style: none;
}

em, cite, i {
    font-style: normal;
}

a img {
    border: none;
}

label {
    cursor: pointer;
}

.bg {
    background: #F3F3F3;
}

.z {
    float: left;
}

.y {
    float: right;
}

.cl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cl {
    zoom: 1;
}

a {
    background-color: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a, button, input, select, textarea {
    outline: 0;
}

.ren-trade-view .pt {
    min-height: inherit;
}

.kong {
    height: 12px;
    background: #F3F3F3;
    border-top: 1px solid #F0F0F0;
}

.overflow {
    overflow: hidden;
}

.none {
    display: none;
}

.check-img img {
    display: none;
}

.vm, .vm * {
    vertical-align: middle;
}

.hm {
    text-align: center;
}

.ren-dz-banquan {
    padding: 0 15px;
    font-size: 14px;
    color: #333;
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

mark {
    color: #000;
    background: #ff0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 20px 40px;
}

hr {
    height: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 20px;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input {
    line-height: normal;
}

input[type=checkbox], input[type=radio] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search] {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid silver;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

.mpadi {
}

.content {
    padding-bottom: 50px;
    margin-right: 0 !important;
}

.bar-header-secondary ~ .content {
    padding-top: 90px;
}

.bar-footer ~ .content {
    padding-bottom: 45px;
}

.bar-footer-secondary ~ .content {
    padding-bottom: 90px;
}

.bar-tab ~ .content, .bar-tab ~ .mpadi .content {
    padding-bottom: 90px;
}

.tabbar-hidden .bar-tab ~ .content, .tabbar-hidden .bar-tab ~ .mpadi .content {
    bottom: 0;
}

.bar-footer-secondary-tab ~ .content {
    padding-bottom: 95px;
}

.p-t-45 {
    padding-top: 45px;
}

.p-b-0 {
    padding-bottom: 0;
}

.p-b-60 {
    padding-bottom: 70px;
}

.p-t-0 {
    padding-top: 0 !important;
}

.color-6 {
    color: #666 !important;
}

.f-s-13 {
    font-size: 13px !important;
}

.ren-smd {
    display: block;
    width: 100%;
    height: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001;
}

.ren-smd a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ren-smd a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ren-smd-gtime {
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    color: #FFF;
    border-radius: 3px;
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 1002;
}


/* light7 */
.content-padded {
    margin: 10px;
}

.content-padded * {
    box-sizing: border-box;
}

.content-block {
    padding: 45px 0;
}

.content-block-title {
    position: relative;
    margin: 0;
    margin: 35px 15px 10px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #6d6d72;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.content-block-title + .card, .content-block-title + .content-block, .content-block-title + .list-block {
    margin-top: 10px;
}

.content-block-inner {
    position: relative;
    width: 100%;
    padding: 10px 15px;
    margin-left: -15px;
    color: #3d4145;
    background: #fff;
    border-top: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc;
}

.content-block.inset {
    margin-right: 15px;
    margin-left: 15px;
    border-radius: 7px;
}

.content-block.inset .content-block-inner {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 7px;
}

@media all and (min-width: 768px) {
    .content-block.tablet-inset {
        margin-right: 15px;
        margin-left: 15px;
        border-radius: 7px;
    }

    .content-block.tablet-inset .content-block-inner {
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 7px;
    }
}

.row {
    margin-left: -4%;
    overflow: hidden;
}

.row > [class*=tablet-], .row > [class*=col-] {
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row.no-gutter {
    margin-left: 0;
}

.row .col-100 {
    width: 96%;
    margin-left: 4%;
}

.row.no-gutter .col-100 {
    width: 100%;
    margin: 0;
}

.row .col-95 {
    width: 91%;
    margin-left: 4%;
}

.row.no-gutter .col-95 {
    width: 95%;
    margin: 0;
}

.row .col-90 {
    width: 86%;
    margin-left: 4%;
}

.row.no-gutter .col-90 {
    width: 90%;
    margin: 0;
}

.row .col-85 {
    width: 81%;
    margin-left: 4%;
}

.row.no-gutter .col-85 {
    width: 85%;
    margin: 0;
}

.row .col-80 {
    width: 76%;
    margin-left: 4%;
}

.row.no-gutter .col-80 {
    width: 80%;
    margin: 0;
}

.row .col-75 {
    width: 71.00000000000001%;
    margin-left: 4%;
}

.row.no-gutter .col-75 {
    width: 75%;
    margin: 0;
}

.row .col-66 {
    width: 62.66666666666666%;
    margin-left: 4%;
}

.row.no-gutter .col-66 {
    width: 66.66666666666666%;
    margin: 0;
}

.row .col-60 {
    width: 55.99999999999999%;
    margin-left: 4%;
}

.row.no-gutter .col-60 {
    width: 60%;
    margin: 0;
}

.row .col-50 {
    width: 46%;
    margin-left: 4%;
}

.row.no-gutter .col-50 {
    width: 50%;
    margin: 0;
}

.row .col-40 {
    width: 36%;
    margin-left: 4%;
}

.row.no-gutter .col-40 {
    width: 40%;
    margin: 0;
}

.row .col-33 {
    width: 29.333333333333332%;
    margin-left: 4%;
}

.row.no-gutter .col-33 {
    width: 33.333333333333336%;
    margin: 0;
}

.row .col-25 {
    width: 21%;
    margin-left: 4%;
}

.row.no-gutter .col-25 {
    width: 25%;
    margin: 0;
}

.row .col-20 {
    width: 16%;
    margin-left: 4%;
}

.row.no-gutter .col-20 {
    width: 20%;
    margin: 0;
}

.row .col-15 {
    width: 10.999999999999998%;
    margin-left: 4%;
}

.row.no-gutter .col-15 {
    width: 15%;
    margin: 0;
}

.row .col-10 {
    width: 6%;
    margin-left: 4%;
}

.row.no-gutter .col-10 {
    width: 10%;
    margin: 0;
}

.row .col-5 {
    width: 1%;
    margin-left: 4%;
}

.row.no-gutter .col-5 {
    width: 5%;
    margin: 0;
}

@media all and (min-width: 768px) {
    .row {
        margin-left: -2%;
    }

    .row .col-100 {
        width: 98%;
        margin-left: 2%;
    }

    .row.no-gutter .col-100 {
        width: 100%;
        margin: 0;
    }

    .row .col-95 {
        width: 93%;
        margin-left: 2%;
    }

    .row.no-gutter .col-95 {
        width: 95%;
        margin: 0;
    }

    .row .col-90 {
        width: 87.99999999999999%;
        margin-left: 2%;
    }

    .row.no-gutter .col-90 {
        width: 90%;
        margin: 0;
    }

    .row .col-85 {
        width: 82.99999999999999%;
        margin-left: 2%;
    }

    .row.no-gutter .col-85 {
        width: 85%;
        margin: 0;
    }

    .row .col-80 {
        width: 78%;
        margin-left: 2%;
    }

    .row.no-gutter .col-80 {
        width: 80%;
        margin: 0;
    }

    .row .col-75 {
        width: 73%;
        margin-left: 2%;
    }

    .row.no-gutter .col-75 {
        width: 75%;
        margin: 0;
    }

    .row .col-66 {
        width: 64.66666666666666%;
        margin-left: 2%;
    }

    .row.no-gutter .col-66 {
        width: 66.66666666666666%;
        margin: 0;
    }

    .row .col-60 {
        width: 58%;
        margin-left: 2%;
    }

    .row.no-gutter .col-60 {
        width: 60%;
        margin: 0;
    }

    .row .col-50 {
        width: 48%;
        margin-left: 2%;
    }

    .row.no-gutter .col-50 {
        width: 50%;
        margin: 0;
    }

    .row .col-40 {
        width: 38%;
        margin-left: 2%;
    }

    .row.no-gutter .col-40 {
        width: 40%;
        margin: 0;
    }

    .row .col-33 {
        width: 31.333333333333332%;
        margin-left: 2%;
    }

    .row.no-gutter .col-33 {
        width: 33.333333333333336%;
        margin: 0;
    }

    .row .col-25 {
        width: 23%;
        margin-left: 2%;
    }

    .row.no-gutter .col-25 {
        width: 25%;
        margin: 0;
    }

    .row .col-20 {
        width: 18%;
        margin-left: 2%;
    }

    .row.no-gutter .col-20 {
        width: 20%;
        margin: 0;
    }

    .row .col-15 {
        width: 13%;
        margin-left: 2%;
    }

    .row.no-gutter .col-15 {
        width: 15%;
        margin: 0;
    }

    .row .col-10 {
        width: 8%;
        margin-left: 2%;
    }

    .row.no-gutter .col-10 {
        width: 10%;
        margin: 0;
    }

    .row .col-5 {
        width: 3%;
        margin-left: 2%;
    }

    .row.no-gutter .col-5 {
        width: 5%;
        margin: 0;
    }

    .row .tablet-100 {
        width: 98%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-100 {
        width: 100%;
        margin: 0;
    }

    .row .tablet-95 {
        width: 93%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-95 {
        width: 95%;
        margin: 0;
    }

    .row .tablet-90 {
        width: 87.99999999999999%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-90 {
        width: 90%;
        margin: 0;
    }

    .row .tablet-85 {
        width: 82.99999999999999%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-85 {
        width: 85%;
        margin: 0;
    }

    .row .tablet-80 {
        width: 78%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-80 {
        width: 80%;
        margin: 0;
    }

    .row .tablet-75 {
        width: 73%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-75 {
        width: 75%;
        margin: 0;
    }

    .row .tablet-66 {
        width: 74.66666666666666%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-66 {
        width: 76.66666666666666%;
        margin: 0;
    }

    .row .tablet-60 {
        width: 58%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-60 {
        width: 70%;
        margin: 0;
    }

    .row .tablet-50 {
        width: 48%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-50 {
        width: 50%;
        margin: 0;
    }

    .row .tablet-40 {
        width: 38%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-40 {
        width: 40%;
        margin: 0;
    }

    .row .tablet-33 {
        width: 31.333333333333332%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-33 {
        width: 33.333333333333336%;
        margin: 0;
    }

    .row .tablet-25 {
        width: 23%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-25 {
        width: 25%;
        margin: 0;
    }

    .row .tablet-20 {
        width: 18%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-20 {
        width: 20%;
        margin: 0;
    }

    .row .tablet-15 {
        width: 13%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-15 {
        width: 15%;
        margin: 0;
    }

    .row .tablet-10 {
        width: 8%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-10 {
        width: 10%;
        margin: 0;
    }

    .row .tablet-5 {
        width: 3%;
        margin-left: 2%;
    }

    .row.no-gutter .tablet-5 {
        width: 5%;
        margin: 0;
    }
}

i.icon {
    position: relative;
    display: inline-block;
    font-style: normal;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

span.icon {
    position: relative;
    display: inline-block;
    font-style: normal;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.color-default {
    color: #3d4145;
}

.color-gray {
    color: #999;
}


.bar {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 99;
    height: 46px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bar-header-secondary {
    top: 90px;
}

.bar-footer {
    bottom: 0;
}

.bar-footer-secondary {
    bottom: 45px;
}

.bar-footer-secondary-tab {
    bottom: 50px;
}

.bar-footer, .bar-footer-secondary, .bar-footer-secondary-tab {
    border-top: 1px solid #e7e7e7;
    border-bottom: 0;
    border-left: 0;
}

.bar-nav {
    top: 0;
}

.title {
    display: block;
    padding: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 45px;
    color: #3d4145;
    text-align: center;
    white-space: nowrap;
}

.title a {
    color: inherit;
}

.bar-tab {
    position: fixed;
    bottom: 0;
    z-index: 102;
    width: 100%;
    height: 50px;
    padding: 0;
    background: #FEFEFE;
    table-layout: fixed;
    border-top: 1px solid #F0F0F0;
    border-bottom: 0;
    border-left: 0;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}

.bar-tab .tab-item {
    position: relative;
    display: table-cell;
    width: 1%;
    height: 50px;
    color: #777;
    text-align: center;
    vertical-align: middle;
}

.bar-tab .tab-item.active, .bar-tab .tab-item:active {
    color: #7BBF1E;
}

.bar-tab .tab-item.a {
    color: #7BBF1E;
}

.bar-tab .tab-item .badge {
    position: absolute;
    top: 2px;
    left: 50%;
    z-index: 100;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    vertical-align: top;
    background: red;
    border-radius: 10px;
}

.bar-tab .tab-item .icon {
    top: 1px;
    margin-bottom: 2px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
}

.bar-tab .tab-item .icon ~ .tab-label {
    position: relative;
    display: block;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    overflow: hidden;
}

.tabbar-hidden .bar-tab {
    -webkit-transform: translate3d(0, 110%, 0);
    transform: translate3d(0, 110%, 0);
}

.bar-tab .ren-bar-tu .ren-bar-tuxx {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    overflow: hidden;
}

.bar-tab .tab-item.ren-bar-tu .icon {
    width: 60px;
    height: 60px;
    line-height: 48px;
    background-color: #7BBF1E;
    border: 6px solid #FEFEFE;
    font-size: 25px;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 19px;
    transform: translate(-50%, -50%);
    z-index: 20;
}

.bar-tab .tab-item.ren-bar-tu .ren-bar-tubj {
    width: 60px;
    height: 60px;
    background-color: #FEFEFE;
    border: 1px solid #F0F0F0;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 17px;
    transform: translate(-50%, -50%);
}

.bar-tab .ren-bar-san .ren-bar-sanxx {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    overflow: hidden;
}

.bar-tab .tab-item.ren-bar-san .icon {
    width: 60px;
    height: 60px;
    line-height: 48px;
    background-color: #7BBF1E;
    border: 6px solid #FEFEFE;
    font-size: 24px;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 19px;
    transform: translate(-50%, -50%);
    z-index: 20;
}

.bar-tab .tab-item.ren-bar-san .ren-bar-tubj {
    width: 60px;
    height: 60px;
    background-color: #FEFEFE;
    border: 1px solid #F0F0F0;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 17px;
    transform: translate(-50%, -50%);
}


.bar .button {
    position: relative;
    top: 7px;
    z-index: 20;
    margin-top: 0;
    font-weight: 400;
}

.bar .button.pull-right {
    margin-left: 10px;
}

.bar .button.pull-left {
    margin-right: 10px;
}

.bar .button-link {
    top: 0;
    height: 45px;
    padding: 0;
    font-size: 16px;
    line-height: 45px;
    color: #0894ec;
    border: 0;
}

.bar .button-link.active, .bar .button-link:active {
    color: #0675bb;
}

.bar .button-block {
    top: 7px;
    width: 100%;
    font-size: 16px;
}

.bar .button-nav.pull-left {
    margin-left: -5px;
}

.bar .button-nav.pull-left .icon-left-nav {
    margin-right: -3px;
}

.bar .button-nav.pull-right {
    margin-right: -5px;
}

.bar .button-nav.pull-right .icon-right-nav {
    margin-left: -3px;
}

.bar .icon {
    z-index: 20;
    font-size: 20px;
    line-height: 24px;
}

.bar .button .icon {
    padding: 0;
}

.bar .title .icon {
    padding: 0;
}

.bar .title .icon.icon-caret {
    top: 4px;
    margin-left: -5px;
}

.bar-footer .icon {
    font-size: 24px;
    line-height: 24px;
}

.bar input[type=search] {
    height: 29px;
    margin: 6px 0;
}


.badge.badge-inverted {
    padding: 0 5px 0 0;
    background-color: transparent;
}

.panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 109;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}

body.with-panel-left-cover {
}

.panel {
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none;
    width: 270px;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    color: white;
    background: #ffF;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform 400ms;
    -o-transition: -o-transform 400ms;
    transition: transform 400ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.panel.active {
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform 400ms;
    -o-transition: -o-transform 400ms;
    transition: transform 400ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.panel.panel-left.panel-cover {
    left: -270px;
    z-index: 110;
}

.panel.panel-left.panel-reveal {
    left: 0;
}

.panel.panel-right.panel-cover {
    right: -270px;
    z-index: 110;
}

.panel.panel-right.panel-reveal {
    right: 0;
}

body.with-panel-left-cover .panel-left {
    -webkit-transform: translate3d(270px, 0, 0);
    transform: translate3d(270px, 0, 0);
}

body.with-panel-left-cover .panel-overlay, body.with-panel-right-cover .panel-overlay {
    opacity: 0.5;
    display: block;
}

body.with-picker-modal .panel-overlay {
    opacity: 0.5;
    display: block;
}

.nav-menu-panel {
    position: fixed;
    top: 0;
    z-index: 1000;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    color: #FFF;
    background: #FFF;
    width: 270px;
    height: 100%;
    transition: all 300ms;
}

.nav-menu-panel.panel-left {
    left: 0;
    transform: translateX(-270px);
}

.nav-menu-panel.panel-right {
    right: -270px;
    transform: translateX(270px);
}

.menu-panel {
    position: relative;
}

.nav-menu-panel.nav-open {
    transition: all 300ms;
}

.nav-menu-panel.panel-left.nav-open {
    transform: translateX(0px);
}

.nav-menu-panel.panel-right.nav-open {
    transform: translateX(-270px);
}

.panel-overlay.nav-open-overlay {
    opacity: 0.5;
    display: block;
}

.popup-mantle.open-popup-overlay {
    visibility: visible;
    opacity: 1;
}

.popup-mantles.open-popup-overlay {
    visibility: visible;
    opacity: 1;
}


body.with-panel-left-reveal .panel-overlay, body.with-panel-right-reveal .panel-overlay {
    display: block;
}

body.with-panel-left-reveal .panel-overlay {
    margin-left: 270px;
}

body.with-panel-right-reveal .panel-overlay {
    margin-left: -270px;
}

body.with-panel-right-cover .panel-right {
    -webkit-transform: translate3d(-270px, 0, 0);
    transform: translate3d(-270px, 0, 0);
}

.picker-calendar {
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: #ffF;
}

/*
input[type=button].button,input[type=button].button2,input[type=submit].button { width: 100%; }
 */
.button:active {
    color: #7BBF1E;
    border-color: #7BBF1E;
}

.button.button-round {
    border-radius: 25px;
}

.button.active, .button.active:active {
    color: #7BBF1E;
    border-color: #7BBF1E;
}


.ren-tabs .tab {
    display: none;
}

.ren-tabs .tab.active {
    display: block;
}

.list-block {
    margin: 15px 0;
    font-size: 16px;
}

.list-block ul {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #FFF;
    border-top: 1px solid #f0f0f0;
}

.list-block ul ul {
    padding-left: 45px;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

.list-block li {
    position: relative;
}

.list-block .item-content {
    display: flex;
    min-height: 30px;
    padding-left: 15px;
}

.list-block .item-media {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: center;
}

.list-block .ren-font {
    width: 31px;
    height: 31px;
    font-size: 22px;
    color: #8e8e93;
    text-align: center;
}

.list-block .item-media i + i {
    margin-left: 5px;
}

.list-block .item-media i + img {
    margin-left: 5px;
}

.list-block .item-media + .item-inner {
    margin-left: 12px;
}

.list-block .item-inner {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 30px;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 7px;
    border-bottom: 1px solid #F0F0F0;
    align-items: center;
}

.list-block li:last-child {
    border-bottom: 1px solid #F0F0F0 !important;
}

.list-block li:last-child .item-inner {
    border-bottom: 0 solid #F0F0F0;
}

.list-block .item-input {
    width: 100%;
    margin-top: -8px;
    margin-bottom: -8px;
    flex-shrink: 1;
}

.list-block input[type=text], .list-block input[type=password], .list-block input[type=email], .list-block input[type=tel], .list-block input[type=url], .list-block input[type=date], .list-block input[type=datetime-local], .list-block input[type=time], .list-block input[type=number], .list-block input[type=search], .list-block select, .list-block textarea {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0 0 0 5px;
    margin: 0;
    font-size: 15px;
    color: #3d4145;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    appearance: none;
}

.list-block input[type=date], .list-block input[type=datetime-local] {
    line-height: 45px;
}

.list-block select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
}

.rtj1009-m-login .list-block .item-input-select::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 20px;
}

.list-block .label {
    vertical-align: top;
}

.list-block textarea {
    height: 100px;
    padding-top: 8px;
    padding-bottom: 7px;
    line-height: 28px;
    resize: none;
}

.label-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 22px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 16px;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

.label-switch .checkbox {
    position: relative;
    z-index: 0;
    width: 44px;
    height: 22px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: #e5e5e5;
    border: none;
    border-radius: 16px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.label-switch .checkbox:before {
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 1;
    width: 40px;
    height: 18px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: ' ';
    background: #fff;
    border-radius: 16px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.label-switch .checkbox:after {
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 2;
    width: 18px;
    height: 18px;
    content: ' ';
    background: #fff;
    border-radius: 28px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.label-switch input[type=checkbox] {
    position: absolute;
    z-index: 1;
    width: 44px;
    height: 22px;
    opacity: 0
}

.label-switch input[type=checkbox]:checked + .checkbox {
    background: #7BBF1E
}

.label-switch input[type=checkbox]:checked + .checkbox:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.label-switch input[type=checkbox]:checked + .checkbox:after {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    -o-transform: translateX(22px);
    transform: translateX(22px)
}

html.android .label-switch input[type=checkbox] + .checkbox {
    -webkit-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0
}

html.android .label-switch input[type=checkbox] + .checkbox:after, html.android .label-switch input[type=checkbox] + .checkbox:before {
    -webkit-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0
}

.range-slider {
    position: relative;
    width: 100%;
    padding-right: .15rem;
    padding-left: .15rem;
    margin-left: -1px;
    overflow: hidden;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

.range-slider input[type=range] {
    position: relative;
    width: 100%;
    height: 28px;
    -webkit-appearance: none;
    margin: 4px 0 5px 0;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #b7b8b7), color-stop(100%, #b7b8b7));
    background: -webkit-linear-gradient(left, #b7b8b7 0, #b7b8b7 100%);
    background: -o-linear-gradient(left, #b7b8b7 0, #b7b8b7 100%);
    background: linear-gradient(to right, #b7b8b7 0, #b7b8b7 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 2px;
    outline: 0;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.range-slider input[type=range]:after {
    position: absolute;
    top: 50%;
    left: -5px;
    z-index: 1;
    width: 5px;
    height: 2px;
    margin-top: -1px;
    content: ' ';
    background: #fff
}

.range-slider input[type=range]::-webkit-slider-thumb {
    position: relative;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-appearance: none;
    background: 0 0;
    border: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.range-slider input[type=range]::-webkit-slider-thumb:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 28px;
    height: 28px;
    content: ' ';
    background: #fff;
    border-height: 28px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4)
}

.range-slider input[type=range]::-webkit-slider-thumb:before {
    position: absolute;
    top: 50%;
    right: 100%;
    z-index: 1;
    width: 2000px;
    height: 2px;
    margin-top: -1px;
    content: ' ';
    background: #0894ec
}

label.label-checkbox {
    cursor: pointer
}

label.label-checkbox i.icon-form-checkbox {
    position: relative;
    width: 22px;
    height: 22px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c7c7cc;
    border-radius: 22px
}

label.label-checkbox i.icon-form-checkbox:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 9px;
    margin-top: -4px;
    margin-left: -6px;
    content: ' '
}

label.label-checkbox input[type=checkbox], label.label-checkbox input[type=radio] {
    display: none
}

label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox {
    background-color: #0894ec;
    border: none
}

.list-block .item-input .ren_yzm_px {
    float: left;
}

.list-block .item-input .seccodeimg {
    position: absolute;
    top: 10px;
    right: 15px;
    height: 27px;
    z-index: 20;
}

.list-block select {
    color: #777;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.list-block .item-title {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.list-block .item-title.label {
    width: 35%;
    margin: 4px 0;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.list-block .item-after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-height: 18px;
    margin-left: 5px;
    color: #5f646e;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.list-block .smart-select .item-after {
    position: relative;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis
}

.list-block .item-link {
    display: block;
    color: inherit;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.list-block .item-link .item-inner {
    padding-right: 1.5rem;
    background-image: url(../img/i-list-chevron-right.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-position: -webkit-calc(100% - .5rem) center;
    background-position: calc(100% - .5rem) center;
    background-size: .7rem
}

.list-block .item-link.active-state, html:not(.watch-active-state) .list-block .item-link:active {
    background-color: #d9d9d9;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.list-block .label {
    vertical-align: top
}

.modal-overlay, .popup-overlay, .preloader-indicator-overlay, .popup-mantle, .popup-mantles {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.modal-overlay.modal-overlay-visible, .popup-overlay.modal-overlay-visible, .preloader-indicator-overlay.modal-overlay-visible {
    visibility: visible;
    opacity: 1
}

.popup-overlay {
    z-index: 99;
}

.login-screen, .popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}

.modal-overlay.modal-overlay-visible {
    opacity: 0.5;
}

.ren_nav_gd.popover {
    display: none;
    position: fixed;
    top: 55px;
    left: auto;
    right: 10px;
}

.popover {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    display: none;
    min-width: 100px;
    margin: 0;
    background: rgba(255, 255, 255, .95);
    border-radius: 3px;
    opacity: 0;
    transform: none;
}

.popover.modal-in {
    opacity: 1;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.popover-angle {
    position: absolute;
    top: 0;
    right: 18px;
    z-index: 100;
    width: 14px;
    height: 14px;
    overflow: hidden;
}

.popover-angle:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    content: ' ';
    background: rgba(255, 255, 255, .95);
    border-radius: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popover-angle.on-left {
    right: -15px;
}

.popover-angle.on-left:after {
    top: 0;
    right: 10px;
}

.popover-angle.on-right {
    left: 100%;
}

.popover-angle.on-right:after {
    top: 0;
    right: 10px;
}

.popover-angle.on-top {
    top: -8px;
    right: 10px;
}

.popover-angle.on-top:after {
    top: 5px;
    right: 0;
}

.popover-angle.on-bottom {
    top: 100%;
    right: 10px;
}

.popover-angle.on-bottom:after {
    top: 5px;
    right: 0;
}

.ren_nav_gd .popover-angle.on-bottom {
    top: -8px;
}

.popup.popup-styles {
    background: #F3F3F3;
    top: unset;
    left: 0;
    bottom: 0;
    height: auto;
    overflow: inherit;
    z-index: 110;
}

.popup-styles .content-block {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.ren-post-styles {
}

.ren-post-stys {
    background: #FFF;
}

.ren-post-styles .ren-p-bage {
    border-bottom: none;
}

.ren-styles-ico {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #FFF;
    font-size: 15px;
    text-align: center;
}

.ren-styles-ico .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #7BBF1E;
    font-size: 20px;
    color: #FFF;
    border-radius: 50%;
    top: -5px;
}

.popup.popup-styles .rtj1009_header .ren-font {
    padding-left: 12px;
    line-height: 45px;
    font-size: 22px;
    color: #FFF;
}

.popup.popup-styles .ren_sssd_yixx {
    margin-bottom: 0;
}

.content-inner {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: .5rem;
    margin-top: -1px;
    border-top: 1px solid transparent
}

.javascript-scroll {
    overflow: hidden
}

.pull-to-refresh-layer {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.2rem
}

.pull-to-refresh-layer .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.5rem;
    margin-left: -.5rem;
    visibility: hidden
}

.pull-to-refresh-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.pull-to-refresh-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pull-to-refresh-content.content {
    position: absolute
}

.pull-to-refresh-content.refreshing, .pull-to-refresh-content.transitioning {
    -webkit-transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    transition: transform .4s
}

.pull-to-refresh-content:not(.refreshing) .pull-to-refresh-layer .preloader {
    -webkit-animation: none;
    -o-animation: none;
    animation: none
}

.pull-to-refresh-content.refreshing .pull-to-refresh-arrow {
    visibility: hidden;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.pull-to-refresh-content.refreshing .preloader {
    visibility: visible
}

.pull-to-refresh-content.pull-up .pull-to-refresh-arrow {
    -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
    transform: rotate(180deg) translate3d(0, 0, 0)
}

.pull-to-refresh-content {
    top: -2.2rem
}

.pull-to-refresh-content.refreshing {
    -webkit-transform: translate3d(0, 2.2rem, 0);
    transform: translate3d(0, 2.2rem, 0)
}

.bar-footer ~ .pull-to-refresh-content, .bar-nav ~ .pull-to-refresh-content, .bar-tab ~ .pull-to-refresh-content {
    top: 0
}

.bar-footer ~ .pull-to-refresh-content.refreshing, .bar-nav ~ .pull-to-refresh-content.refreshing, .bar-tab ~ .pull-to-refresh-content.refreshing {
    -webkit-transform: translate3d(0, 2.2rem, 0);
    transform: translate3d(0, 2.2rem, 0)
}

.bar-footer-secondary ~ .pull-to-refresh-content, .bar-header-secondary ~ .pull-to-refresh-content {
    top: 2.2rem
}

.infinite-scroll-preloader {
    margin: .5rem;
    text-align: center
}

.infinite-scroll-preloader .preloader {
    width: 1.5rem;
    height: 1.5rem
}

.index-list-bar {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    padding: .5rem 0;
    margin: 0;
    font-size: .6rem;
    color: #0894ec;
    text-align: right;
    list-style: none;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.index-list-bar li {
    display: block;
    width: 2.5rem;
    text-align: right
}

.index-list-bar strong {
    display: inline-block;
    width: 1rem;
    text-align: center
}

.modal {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11000;
    display: none;
    width: 13.5rem;
    margin-top: 0;
    margin-left: -6.75rem;
    color: #3d4145;
    text-align: center;
    border-radius: .35rem;
    opacity: 0;
    -webkit-transition-property: -webkit-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: translate3d(0, 0, 0) scale(1.185);
    transform: translate3d(0, 0, 0) scale(1.185)
}

.modal.modal-in {
    opacity: 1;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.modal.modal-out {
    z-index: 10999;
    opacity: 0;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0, 0, 0) scale(.815);
    transform: translate3d(0, 0, 0) scale(.815)
}

.modal-inner {
    position: relative;
    padding: .75rem;
    background: #e8e8e8;
    border-bottom: 1px solid #b5b5b5;
    border-radius: .35rem .35rem 0 0
}

.modal-title {
    font-size: .9rem;
    font-weight: 500;
    text-align: center
}

.modal-title + .modal-text {
    margin-top: .25rem
}

.modal-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 2.2rem;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.modal-buttons.modal-buttons-vertical {
    display: block;
    height: auto
}

.modal-button {
    position: relative;
    display: block;
    width: 100%;
    height: 2.2rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .25rem;
    overflow: hidden;
    font-size: .85rem;
    line-height: 2.2rem;
    color: #0894ec;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: #e8e8e8;
    border-right: 1px solid #b5b5b5;
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.modal-button:first-child {
    border-radius: 0 0 0 .35rem
}

.modal-button:last-child {
    border-bottom: 0;
    border-left: 0;
    border-radius: 0 0 .35rem 0
}

.modal-button:first-child:last-child {
    border-radius: 0 0 .35rem .35rem
}

.modal-button.modal-button-bold {
    font-weight: 500
}

.modal-button.active-state, html:not(.watch-active-state) .modal-button:active {
    background: #d4d4d4
}

.modal-buttons-vertical .modal-button {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-bottom: 1px solid #b5b5b5;
    border-left: 0;
    border-radius: 0
}

.modal-buttons-vertical .modal-button:last-child {
    border-bottom: 0;
    border-left: 0;
    border-radius: 0 0 .35rem .35rem
}

.modal-no-buttons .modal-inner {
    border-bottom: 0;
    border-left: 0;
    border-radius: .35rem
}

.modal-no-buttons .modal-buttons {
    display: none
}

.actions-modal {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11000;
    width: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.actions-modal.modal-in {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.actions-modal.modal-out {
    z-index: 10999;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.actions-modal-group {
    margin: .4rem
}

.actions-modal-button, .actions-modal-label {
    position: relative;
    display: block;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    font-weight: 400;
    text-align: center;
    background: rgba(243, 243, 243, .95);
    border-bottom: 1px solid #d2d2d6
}

.actions-modal-button a, .actions-modal-label a {
    color: inherit;
    text-decoration: none
}

.actions-modal-button b, .actions-modal-label b {
    font-weight: 500
}

.actions-modal-button.actions-modal-button-bold, .actions-modal-label.actions-modal-button-bold {
    font-weight: 500
}

.actions-modal-button.actions-modal-button-danger, .actions-modal-label.actions-modal-button-danger {
    color: #f6383a
}

.actions-modal-button.color-danger, .actions-modal-label.color-danger {
    color: #f6383a
}

.actions-modal-button.bg-danger, .actions-modal-label.bg-danger {
    color: #fff;
    background: #f6383a
}

.actions-modal-button.bg-danger:active, .actions-modal-label.bg-danger:active {
    background: #f00b0d
}

.actions-modal-button:first-child, .actions-modal-label:first-child {
    border-radius: .2rem .2rem 0 0
}

.actions-modal-button:last-child, .actions-modal-label:last-child {
    border-bottom: 0;
    border-left: 0;
    border-radius: 0 0 .2rem .2rem
}

.actions-modal-button:first-child:last-child, .actions-modal-label:first-child:last-child {
    border-radius: .2rem
}

.actions-modal-button.disabled, .actions-modal-label.disabled {
    color: #8e8e93;
    opacity: .95
}

.actions-modal-button {
    font-size: 1rem;
    line-height: 2.15rem;
    color: #0894ec;
    cursor: pointer
}

.actions-modal-button.active-state, .actions-modal-button:active {
    background: #dcdcdc
}

.actions-modal-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 2.2rem;
    padding: .4rem .5rem;
    font-size: .7rem;
    line-height: 1.3;
    color: #5f646e;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

input.modal-text-input {
    display: block;
    width: 100%;
    height: 1.5rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    padding: 0 .25rem;
    margin: 0;
    margin-top: .75rem;
    font-family: inherit;
    font-size: .7rem;
    background: #fff;
    border: 1px solid #a0a0a0;
    border-radius: .25rem;
    box-shadow: 0 0 0 transparent;
    -moz-appearance: none;
    appearance: none
}

input.modal-text-input + input.modal-text-input {
    margin-top: .25rem
}

input.modal-text-input.modal-text-input-double {
    border-radius: .25rem .25rem 0 0
}

input.modal-text-input.modal-text-input-double + input.modal-text-input {
    margin-top: 0;
    border-top: 0;
    border-radius: 0 0 .25rem .25rem
}

.popover .list-block {
    margin: 0
}

.popover .list-block ul {
    background: 0 0
}

.popover .list-block:first-child ul {
    border-top: 0;
    border-right: 0;
    border-radius: .35rem .35rem 0 0
}

.popover .list-block:first-child li:first-child a {
    border-radius: .35rem .35rem 0 0
}

.popover .list-block:last-child ul {
    border-bottom: 0;
    border-left: 0;
    border-radius: 0 0 .35rem .35rem
}

.popover .list-block:last-child li:last-child a {
    border-radius: 0 0 .35rem .35rem
}

.popover .list-block:first-child:last-child li:first-child:last-child a, .popover .list-block:first-child:last-child ul:first-child:last-child {
    border-radius: .35rem
}

.popover .list-block + .list-block {
    margin-top: 1.75rem
}


.popover-inner {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.actions-popover .list-block + .list-block {
    margin-top: 1rem
}

.actions-popover .list-block ul {
    background: #fff
}

.actions-popover-label {
    position: relative;
    padding: .4rem .5rem;
    font-size: .65rem;
    line-height: 1.3;
    color: #5f646e;
    text-align: center;
    border-bottom: 1px solid #d2d2d6
}

.actions-popover-label:last-child {
    border-bottom: 0;
    border-left: 0
}

.login-screen.modal-in, .login-screen.modal-out, .popup.modal-in, .popup.modal-out {
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.login-screen.modal-in, .popup.modal-in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.login-screen.modal-out, .popup.modal-out {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.login-screen.modal-in, .login-screen.modal-out {
    display: block
}

html.with-statusbar-overlay .popup {
    top: 1rem;
    height: -webkit-calc(100% - 1rem);
    height: -webkit-calc(100% - 1rem);
    height: calc(100% - 1rem)
}

html.with-statusbar-overlay .popup-overlay {
    z-index: 9800
}

@media all and (max-width: 629px),(max-height: 629px) {
    html.with-statusbar-overlay .popup {
        top: 1rem;
        height: -webkit-calc(100% - 1rem);
        height: calc(100% - 1rem)
    }

    html.with-statusbar-overlay .popup-overlay {
        z-index: 9800
    }
}

html.with-statusbar-overlay .login-screen, html.with-statusbar-overlay .popup.tablet-fullscreen {
    top: 1rem;
    height: -webkit-calc(100% - 1rem);
    height: calc(100% - 1rem)
}

.modal .preloader {
    width: 1.7rem;
    height: 1.7rem
}

.preloader-indicator-overlay {
    visibility: visible;
    background: 0 0;
    opacity: 0
}

.preloader-indicator-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11000;
    padding: .4rem;
    margin-top: -1.25rem;
    margin-left: -1.25rem;
    background: rgba(0, 0, 0, .8);
    border-radius: .25rem
}

.preloader-indicator-modal .preloader {
    display: block;
    width: 1.7rem;
    height: 1.7rem
}

.picker-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 120;
    width: 100%;
    height: 315px;
    background: #FFF;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.picker-modal.modal-in, .picker-modal.modal-out {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.picker-modal.modal-in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.picker-modal.modal-out {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.picker-modal .picker-modal-inner {
    position: relative;
    height: 100%;
    background: #FFF;
}

.picker-modal .toolbar {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #F0F0F0;
}

.picker-modal.picker-modal-inline, .popover .picker-modal {
    position: relative;
    z-index: inherit;
    display: block;
    background: 0 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.picker-modal.picker-modal-inline .toolbar, .popover .picker-modal .toolbar {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #999
}

.popover .picker-modal {
    width: auto
}

.popover .picker-modal .toolbar {
    background: 0 0
}

.gearDate, .gearDatetime {
    font-size: 10px;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 110;
    overflow: hidden;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.ren-picker-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 120;
    width: 100%;
    height: 180px;
    background: #FFF;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slideInUp {
    animation: slideInUp .3s ease;
    -webkit-animation: slideInUp .3s ease;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.ren-picker-modal .bar {
    position: relative;
    top: 0;
    padding: 0 12px;
    background: #F3F3F3;
}

.ren-picker-modal .bar .title {
    font-weight: 400;
    color: #5f646e
}

.ren-picker-modal .ren-time-nav-but {
    width: 20%;
    height: 45px;
    line-height: 47px;
    font-size: 16px;
    color: #333;
}

.y.ren-time-nav-but {
    text-align: right;
}

.ren-picker-modal .ren_top_dqwz span {
    font-size: 16px;
    color: #333;
}

.ym_roll, .date_roll, .datetime_roll, .time_roll {
    display: -webkit-box;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: transparent;
    -webkit-mask: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0)));
    -webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0));
}

.date_roll .datetime-box {
    font-size: 20px;
    height: 120px;
    float: left;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 3
}

.datetime_roll .datetime-box {
    font-size: 20px;
    height: 120px;
    float: left;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 4
}

.ym_roll > div .gear, .date_roll > div .gear, .datetime_roll > div .gear, .time_roll > div .gear {
    width: 100%;
    float: left;
    position: absolute;
    z-index: 120;
    margin-top: -120px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.date_roll_mask {
    -webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0)));
    -webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0));
    padding: 0 0 60px 0;
}

.datetime_roll > div:first-child {
    -webkit-box-flex: 5
}


.date_grid {
    position: relative;
    top: 40px;
    width: 100%;
    height: 40px;
    margin: 0;
    box-sizing: border-box;
    z-index: 0;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0
}

.date_grid > div {
    color: #000;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    line-height: 40px;
}

.date_roll > div:nth-child(3) .date_grid > div {
    left: 80%
}

.datetime_roll > div .date_grid > div {
    right: 0
}

.datetime_roll > div:first-child .date_grid > div {
    left: auto;
    right: 0%
}

.datetime_roll > div:last-child .date_grid > div {
    left: 50%
}


.date_btn_box:before, .date_btn_box:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    display: block;
    background-color: #96979b;
    z-index: 15;
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33)
}

.date_btn_box {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    background-color: #f1f2f4;
    position: relative
}

.date_btn_box:before {
    left: 0;
    top: 0;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%
}

.date_btn_box:after {
    left: 0;
    bottom: 0;
    -webkit-transform-origin: 50% 70%;
    transform-origin: 50% 70%
}

.date_roll > div:nth-child(1) .gear {
    text-indent: 0%
}

.date_roll > div:nth-child(2) .gear {
    text-indent: 0%
}

.date_roll > div:nth-child(3) .gear {
    text-indent: 0%
}

.datetime_roll > div .gear {
    width: 100%;
    text-indent: 0%
}

.datetime_roll > div:first-child .gear {
    text-indent: 0%
}

.datetime_roll > div:last-child .gear {
    text-indent: 0%
}

.ym_roll > div .gear, .time_roll > div .gear {
    width: 100%;
    text-indent: 0%
}

.ym_roll > div:nth-child(1) .gear, .time_roll > div:nth-child(1) .gear {
    width: 100%;
    text-indent: 0%
}

.tooth {
    height: 40px;
    line-height: 40px;
    color: #000;
    text-align: center
}

.maohao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    color: #3d4145;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-height: 100%;
    overflow: hidden;
    font-size: 20px;


}


.toast {
    width: auto;
    height: 2rem;
    padding: 0 .8rem;
    font-size: .8rem;
    line-height: 2rem;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    border-radius: 1rem
}

.preloader {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: preloader-spin 1s steps(12, end) infinite;
    -o-animation: preloader-spin 1s steps(12, end) infinite;
    animation: preloader-spin 1s steps(12, end) infinite
}

@-webkit-keyframes preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-o-keyframes preloader-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.card .list-block ul, .cards-list ul {
    background: 0 0
}

.card .list-block > ul, .cards-list > ul {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0
}

.card {
    position: relative;
    margin: .5rem;
    font-size: .7rem;
    background: #fff;
    border-radius: .1rem;
    box-shadow: 0 .05rem .1rem rgba(0, 0, 0, .3)
}

.card .content-block, .card .list-block {
    margin: 0
}

.row:not(.no-gutter) .col > .card {
    margin-right: 0;
    margin-left: 0
}

.card-content {
    position: relative
}

.card-content-inner {
    position: relative;
    padding: .75rem
}

.card-content-inner > p:first-child {
    margin-top: 0
}

.card-content-inner > p:last-child {
    margin-bottom: 0
}

.card-content-inner > .content-block, .card-content-inner > .list-block {
    margin: -.75rem
}

.card-footer, .card-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 2.2rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5rem .75rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.card-footer[valign=top], .card-header[valign=top] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.card-footer[valign=bottom], .card-header[valign=bottom] {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.card-footer a.link, .card-header a.link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 2.2rem;
    margin-top: -.5rem;
    margin-bottom: -.5rem;
    line-height: 2.2rem;
    text-decoration: none;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.card-footer a.link.active-state, .card-header a.link.active-state, html:not(.watch-active-state) .card-footer a.link:active, html:not(.watch-active-state) .card-header a.link:active {
    opacity: .3;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.card-footer a.link i + i, .card-footer a.link i + span, .card-footer a.link span + i, .card-footer a.link span + span, .card-header a.link i + i, .card-header a.link i + span, .card-header a.link span + i, .card-header a.link span + span {
    margin-left: .35rem
}

.card-footer a.link i.icon, .card-header a.link i.icon {
    display: block
}

.card-footer a.icon-only, .card-header a.icon-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-width: 2.2rem;
    margin: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.card-header {
    font-size: .85rem;
    border-bottom: 1px solid #e1e1e1;
    border-radius: .1rem .1rem 0 0
}

.card-header .card-cover {
    display: block;
    width: 100%
}

.card-header.no-border {
    border-bottom: 0;
    border-left: 0
}

.card-header.no-padding {
    padding: 0
}

.card-footer {
    color: #5f646e;
    border-top: 1px solid #e1e1e1;
    border-radius: 0 0 .1rem .1rem
}

.card-footer.no-border {
    border-top: 0;
    border-right: 0
}

.facebook-card .card-header {
    display: block;
    padding: .5rem
}

.facebook-card .facebook-avatar {
    float: left
}

.facebook-card .facebook-name {
    margin-left: 2.2rem;
    font-size: .7rem;
    font-weight: 500
}

.facebook-card .facebook-date {
    margin-left: 2.2rem;
    font-size: .65rem;
    color: #5f646e
}

.facebook-card .card-footer {
    background: #fafafa
}

.facebook-card .card-footer a {
    font-weight: 500;
    color: #5f646e
}

.facebook-card .card-content img {
    display: block
}

.facebook-card .card-content-inner {
    padding: .75rem .5rem
}

@media (orientation: landscape) and (max-height: 415px) {
    .picker-calendar:not(.picker-modal-inline) {
        height: 220px
    }
}

.picker-calendar .picker-modal-inner {
    overflow: hidden
}

.popover.popover-picker-calendar {
    width: 320px
}

.picker-calendar-week-days {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    background: #F0F0F0;
}

.picker-calendar-week-days .picker-calendar-week-day {
    width: 14.28571429%;
    width: -webkit-calc(100% / 7);
    width: calc(100% / 7);
    line-height: 32px;
    text-align: center;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.picker-calendar-months {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden
}

.picker-calendar-months-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.picker-calendar-month {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column
}

.picker-calendar-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #F0F0F0;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.picker-calendar-row:last-child {
    border-bottom: 0;
    border-left: 0
}

.picker-calendar-day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 14.28571429%;
    width: -webkit-calc(100% / 7);
    width: calc(100% / 7);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    color: #3d4145;
    text-align: center;
    cursor: pointer;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.picker-calendar-day.picker-calendar-day-next, .picker-calendar-day.picker-calendar-day-prev {
    color: #ccc
}

.picker-calendar-day.picker-calendar-day-disabled {
    color: #d4d4d4;
    cursor: auto
}

.picker-calendar-day.picker-calendar-day-today span {
    background: #e3e3e3
}

.picker-calendar-day.picker-calendar-day-selected span {
    color: #fff;
    background: #7BBF1E
}

.picker-calendar-day span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%
}

.picker-calendar-month-picker, .picker-calendar-year-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 50%;
    max-width: 200px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-shrink: 10;
    -ms-flex: 0 10 auto;
    -webkit-flex-shrink: 10;
    -ms-flex-negative: 10;
    flex-shrink: 10
}

.picker-calendar-month-picker a.icon-only, .picker-calendar-year-picker a.icon-only {
    min-width: 36px
}

.picker-calendar-month-picker span, .picker-calendar-year-picker span {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days, .popover .picker-calendar .picker-calendar-week-days {
    background: 0 0
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days, .picker-calendar.picker-modal-inline .toolbar, .popover .picker-calendar .picker-calendar-week-days, .popover .picker-calendar .toolbar {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months, .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months, .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months, .popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months {
    border-top: 1px solid #c4c4c4
}

.picker-modal .toolbar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 45px;
    text-align: center
}

.picker-calendar-month-picker, .picker-calendar-year-picker {
    display: block;
    line-height: 47px;
}

.picker-calendar-month-picker a.icon-only, .picker-calendar-year-picker a.icon-only {
    float: left;
    width: 25%;
    height: 45px;
    line-height: 40px
}

.picker-calendar-month-picker .current-month-value, .picker-calendar-month-picker .current-year-value, .picker-calendar-year-picker .current-month-value, .picker-calendar-year-picker .current-year-value {
    float: left;
    width: 50%;
    height: 45px;
    font-size: 17px;
}

i.icon.icon-next::after {
    content: "";
    border-right: 2px solid #777;
    border-top: 2px solid #777;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -12px;
    top: -6px;
}

i.icon.icon-prev::after {
    content: "";
    border-left: 2px solid #777;
    border-bottom: 2px solid #777;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -4px;
    top: -6px;
}

.picker-columns {
    z-index: 120;
    width: 100%;
    height: 180px
}

.picker-columns.picker-modal-inline, .popover .picker-columns {
    height: 10rem
}

.popover.popover-picker-columns {
    width: 14rem
}

.picker-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding: 0;
    font-size: 20px;
    text-align: right;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 70%, transparent 95%, transparent);
    -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, #fff 20%, #fff 70%, transparent 95%, transparent)
}

.bar + .picker-items {
    height: 170px;
}

.picker-items-col {
    position: relative;
    margin: 0 5px;
    max-height: 100%;
    overflow: hidden
}

.picker-items-col.picker-items-col-left {
    text-align: left
}

.picker-items-col.picker-items-col-center {
    text-align: center
}

.picker-items-col.picker-items-col-right {
    text-align: right
}

.picker-items-col.picker-items-col-divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #3d4145;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.picker-items-col-wrapper {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.picker-item {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    overflow: hidden;
    line-height: 36px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.picker-items-col-absolute .picker-item {
    position: absolute
}

.picker-item.picker-item-far {
    pointer-events: none
}

.picker-item.picker-selected {
    color: #000;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform: rotateX(0);
    transform: translate3d(0, 0, 0);
    transform: rotateX(0)
}

.picker-center-highlight {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 36px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -18px;
    pointer-events: none;
}

.picker-3d .picker-items {
    overflow: hidden;
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.picker-3d .picker-item, .picker-3d .picker-items-col, .picker-3d .picker-items-col-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.picker-3d .picker-items-col {
    overflow: visible
}

.picker-3d .picker-item {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform-origin: center center -110px;
    -ms-transform-origin: center center -110px;
    -o-transform-origin: center center -110px;
    transform-origin: center center -110px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.picker-modal .bar {
    position: relative;
    top: 0;
    padding: 0 12px;
    background: #F3F3F3;
}

.picker-modal .bar .title {
    font-weight: 400;
    color: #5f646e
}

.city-picker .col-province {
    width: 5rem
}

.city-picker .col-city {
    width: 6rem
}

.city-picker .col-district {
    width: 5rem
}

.notification {
    position: absolute;
    top: -2rem;
    right: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    min-height: 4rem;
    padding-top: 2rem;
    font-size: .65rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .85);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.notification.notification-in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.notification.touching {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.notification .notification-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: .3rem .6rem 1rem .6rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.notification .notification-content {
    width: 100%;
    margin: 0 .4rem
}

.notification .notification-title {
    font-weight: 700
}

.notification .notification-text {
    line-height: 1
}

.notification .notification-media {
    width: 1rem;
    height: 1rem
}

.notification .notification-media img {
    width: 100%
}

.notification .notification-handle-bar {
    position: absolute;
    bottom: .2rem;
    left: 50%;
    width: 2rem;
    height: .3rem;
    background: #fff;
    border-radius: .15rem;
    opacity: .5;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.searchform {
    background-color: #F2F2F2;
}

.searchbar {
    height: 46px;
    padding: 5px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 2px;
}

.searchbar .search-input {
    float: left;
    margin-right: 0;
    width: 78%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.searchbar .search-input input {
    height: 36px;
    margin: 0;
}

.searchbar.searchbar-active .searchbar-cancel {
    margin-right: 0;
    opacity: 1;
}

.search-input .icon {
    font-family: "ren-font" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
}

.icon-sousuo:before {
    content: "\e68d";
}

.searchbar .button-fill {
    width: 20%;
    float: left;
    margin-left: 2%;
    height: 36px;
    line-height: 38px;
    color: #FFF;
    background: var(--ren-primary);
    border: none;
    border-radius: 2px;
}

.searchbar .button-fill .button2 {
    width: 100%;
    float: left;
    margin-left: 2%;
    height: 36px;
    line-height: 38px;
    color: #FFF;
    background: var(--ren-primary);
    border: none;
    font-size: 16px;
}

.searchbar.searchbar-active .searchbar-cancel + .search-input {
    margin-right: 50px;
}

.search-input {
    position: relative;
}

.search-input input {
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    background-color: #FFF;
    border: none;
    border-radius: 2px;
    -moz-appearance: none;
    appearance: none;
}

.search-input input::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}

.search-input .icon {
    position: absolute;
    top: 50%;
    left: 8px;
    font-size: 18px;
    color: #b4b4b4;
    -webkit-transform: translate3D(0, -50%, 0);
    -ms-transform: translate3D(0, -50%, 0);
    -o-transform: translate3D(0, -50%, 0);
    transform: translate3D(0, -50%, 0);
}

.search-input label + input {
    padding-left: 32px;
}

.ren-locked {
    padding: 12px 8px !important;
}

.ren-locked .searchbar {
    padding: 5px 12px;
}

.ren-locked .searchbar .search-input {
    border: 1px solid #F0F0F0;
}

.ren-locked .searchbar .search-input input {
    height: 32px;
}

.ren-locked .searchbar .button-fill {
    height: 34px;
}

.ren-locked .searchbar .button-fill .button2 {
    height: 34px;
    line-height: 36px;
    font-size: 14px;
}

.ren-locked .icon {
    margin-right: 6px;
    top: -1px;
}

/* common */


.pr, .pc {
    vertical-align: middle;
    margin: 0 5px 1px 0;
    padding: 0;
    margin-right: 2px;
}

/*----- header -----*/
.rtj1009_header {
    background-color: var(--ren-primary);
    transform: translateX(0px);
    transition: all 300ms;
}

.visitclienttip {
    background: #BDD5E6;
    height: 30px;
    padding: 5px 10px;
    border-bottom: 1px solid #F7F7F7;
}

.visitclienttip p {
    line-height: 30px;
}

.visitclienttip a.btn_download {
    background: #3D98CF;
    border-radius: 5px;
    float: right;
    display: block;
    width: 70px;
    text-align: center;
    line-height: 24px;
    color: #E9EFF3;
    margin-top: 3px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
}

.visitclienttip a.btn_download:hover {
    background: #3094CF;
}

.nav {
    background: url(../image/header_bg.jpg);
    height: 32px;
    text-align: center;
    font-size: 19px;
    padding: 8px 10px 8px 0;
}

.nav .name {
    display: inline-block;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    width: 50%;
}

.ren_nav { }
.ren_nav .ren_logo { float: left; font-size: 18px; font-weight: 600; line-height: 45px; position: absolute; left: 50%; margin-left: 0; -webkit-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); text-align: center; }
.ren_nav .ren_logo img { height: 30px; vertical-align: middle; }
.ren_nav .ren_nav_ss { display: block; height: 45px; color: #FFF; overflow: hidden; }
.ren_nav .z.ren_nav_ss  { padding-left: 12px; width: 20%; }
.ren_nav .y.ren_nav_ss  { width: 20%; }
.ren_nav .ren_nav_ss span { top: 1px; font-size: 21px; line-height: 45px; padding: 0; }
.ren_nav .y.ren_nav_ss span { float: right; padding-right: 12px; }
.ren_nav .ren_list_nav { width: 20%; height: 45px; }
.ren_nav .ren_list_nav a { float: right; margin-right: 10px; }
.ren_nav .ren_nav_fb .ren-font { top: 1px; padding: 0; line-height: 45px; font-size: 21px; color: #FFF; z-index: 20; }
.ren_nav .ren-nav-avatar { float: left; margin-top: 9px; margin-left: 12px; padding: 1px; width: 27px; height: 27px; line-height: 45px; background-color: rgba(255, 255, 255, 0.6); border-radius: 50%; position: relative; }
.ren_nav .ren-nav-avatar  img { width: 25px; height: 25px; border-radius: 50%; vertical-align: top; }
.ren_nav .ren_nav_right .ren-nav-avatar { float: right; margin-right: 12px; }


.ren_nav_user {
    height: 120px;
    background: url(../image/14.jpg) no-repeat;
}

.ren_nav_user .ren_userinfo {
    display: block;
    height: 86px;
    padding: 20px 0 0 20px;
    overflow: hidden;
}

.ren_nav_user .ren_us_avatar_m {
    float: left;
    margin: 5px 12px 0 0;
    padding: 1px;
    width: 52px;
    height: 52px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    position: relative;
}

.ren_nav_user .ren_us_avatar_m img {
    width: 50px;
    height: 50px;
    vertical-align: top;
    border-radius: 50px;
}

.ren_nav_user .ren_us_name {
    float: left;
    display: block;
    margin-top: 5px;
    font-size: 20px;
    font-weight: 400;
    line-height: 55px;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}

.ren_nav_user .ren_us_xing {
    float: left;
    display: block;
    padding: 1px 6px;
    height: 17px;
    line-height: 16px;
    background: #FE7242;
    color: #FFF;
    font-size: 12px;
    border-radius: 3px;
    margin-top: 24px;
    margin-left: 6px;
}

.ren_nav_user .ren_us_xy {
    padding: 0 12px;
    height: 34px;
    overflow: hidden;
}

.ren_nav_user .ren_us_tc {
    float: right;
    display: block;
    margin-right: 5px;
    height: 22px;
    line-height: 24px;
    padding: 0 8px;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    background-color: #7BBF1E;
}

.ren_nav_user .ren_us_tc .icon {
    float: left;
    margin-right: 3px;
    height: 22px;
    line-height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    z-index: 20;
}

.ren_nav_user .ren_us_dl {
    float: right;
    display: block;
    margin-right: 10px;
    height: 22px;
    line-height: 24px;
    padding: 0 8px;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    background-color: #7BBF1E;
}

.ren_nav_user .ren_us_zc {
    float: right;
    display: block;
    margin-right: 5px;
    height: 22px;
    line-height: 24px;
    padding: 0 8px;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    background-color: #7BBF1E;
}

.ren_nav_user .ren_us_dl .icon, .ren_nav_user .ren_us_zc .icon {
    float: left;
    margin-right: 3px;
    height: 22px;
    font-size: 12px;
    z-index: 20;
}

.ren_nav_list {
    margin-bottom: 20px;
    list-style: none;
    border-bottom: 1px solid #F0F0F0;
    border-radius: 4px;
}

.ren_nav_list ul {
    list-style: none;
    padding: 0 25px;
}

.ren_sidebar .ren_nav_list ul li {
    height: 40px;
    line-height: 40px;
    min-width: 200px;
    border-bottom: 1px solid #F0F0F0;
}

.ren_sidebar .ren_nav_list ul li:last-child {
    border-bottom: none;
}

.ren_nav_list .ren_nav_fx {
    width: 100%;
    padding: 0 20px;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    color: #555;
    border-left: 2px solid #7BBF1E;
    border-bottom: 1px solid #eee;
}

.ren_nav_list .ren_nav_wd {
    width: 100%;
    padding: 0 20px;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    color: #555;
    border-top: 1px solid #F0F0F0;
    border-left: 2px solid #7BBF1E;
    border-bottom: 1px solid #eee;
}

.ren_nav_list .ren_nav_fx .ren_nav_fxz .icon, .ren_nav_list .ren_nav_wd .ren_nav_fxz .icon {
    margin-right: 8px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 22px;
    z-index: 20;
    color: #7BBF1E;
}

.ren_nav_list .ren_nav_fx .ren_nav_fxz .icon {
    position: relative;
    top: 2px;
}

.ren_nav_list li a {
    margin-left: 10px;
    display: block;
    font-size: 15px;
}

.ren_nav_list li a .icon {
    top: -1px;
    margin-right: 10px;
    width: 20px;
    font-size: 20px;
}

.ren_top_xlxiaoxi {
    position: relative;
}

.picker-modal .ren-time-nav-but {
    width: 20%;
    height: 45px;
    line-height: 47px;
    font-size: 16px;
    color: #333;
}

.y.ren-time-nav-but {
    text-align: right;
}

.picker-modal .ren_top_dqwz span {
    font-size: 16px;
    color: #333;
}

.ren_sidenav .ren_nav_user {
    margin-bottom: 10px;
    height: 126px;
    background: url(../image/15.jpg) no-repeat;
    position: relative;
}

.ren_sidenav .ren_nav_user .ren_us_xy {
    height: 40px;
}

.ren_sidenav .ren_nav_list {
    margin-bottom: 0;
    border-bottom: none;
}

.ren_sidenav .ren_nav_list .ren_nav_fx {
    display: none;
}

.ren_sidenav .ren_nav_list ul {
    padding: 0 15px;
}

.ren_sidenav .ren_nav_list ul li {
    border-bottom: none;
}

.ren_sidenav .ren_nav_list li a {
    margin-left: 0;
    font-size: 16px;
    color: #333;
}

.ren_sidenav .ren_nav_list .ren_nav_wd {
    display: none;
}

.ren_sidenav .ren_nav_user .ren_us_tc {
    background-color: rgba(0, 0, 0, 0.5);
}

.ren_sidenav .ren_nav_user .ren_us_dl, .ren_sidenav .ren_nav_user .ren_us_zc {
    background-color: rgba(0, 0, 0, 0.5);
}

.ren_sidenav .ren-swiper-svg {
    height: 24px;
    bottom: -3px;
}

.ren_sidenav .ren-swiper-svg div {
    height: 24px;
}

.ren_top_dqwz .subname_list {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    z-index: 10;
}

.ren_top_dqwz .subname_list ul {
    background: #ffF;
    border: 1px solid #EDEDED;
    border-top: 0;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    width: 118px;
    font-size: 14px;
    padding: 0;
    line-height: 38px;
    margin: 0 auto;
}

.ren_top_dqwz .subname_list li {
    border-bottom: 1px solid #EEE;
}

.ren_top_dqwz .subname_list a {
    display: block;
    white-space: nowrap;
    margin: 0 10px;
    overflow: hidden;
}

.uploadform {
    padding: 0 10px;
    border: 1px dashed #E8E8E8;
    background: #F2F2F2;
}

header .ren_nav_left {
    float: left;
    width: 20%;
}

header .ren_nav_left .ren_btn {
    display: table-cell;
    float: left;
    height: 45px;
    line-height: 45px;
    padding-left: 12px;
    background-color: inherit;
    border-color: inherit;
    vertical-align: middle;
}

header .ren_nav_right {
    float: right;
    width: 20%;
}

header .ren_nav_right .ren_btn {
    display: table-cell;
    float: right;
    height: 46px;
    line-height: 46px;
    padding-right: 12px;
    background-color: inherit;
    border-color: inherit;
    vertical-align: middle;
}

header .ren_nav_icon {
    width: 20px;
    height: 16px;
    margin-right: 0;
}

.ren_nav_icon {
    position: relative;
    top: 0;
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-right: 5px;
    user-select: none;
    -o-user-select: none;
}

header .ren_nav_right .ren_view_navgd {
    float: right;
    padding-right: 12px;
    position: relative;
}

header .ren_nav_right .ren_view_navgd .ren-font {
    line-height: 45px;
    color: #FFF;
}

.rtj1009_header.ren-menu-header {
    background: initial;
    transform: translateX(0px);
    transition: all 300ms;
}


#pull-up-label:before, .ball-clip-rotate, .city-selector:after, .ren_nav_icon, .keywords .tags > ul li a span, .pagination span, .pagination ul {
    vertical-align: middle;
}

.close, .ren_nav_icon {
    -webkit-user-select: none;
    -moz-user-select: none;
}

.ren_nav_icon:before {
    top: 0;
}

.ren_nav_icon span, .ren_nav_icon:after, .ren_nav_icon:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #68686a;
}

.ren_nav_menu ul, header .ren_nav_icon span, header .ren_nav_icon:after, header .ren_nav_icon:before {
    background: #fff;
}

header .ren_nav_icon span {
    top: 7px;
}

.ren_nav_icon:after {
    bottom: 1px;
}

.ren_nav_menu {
    z-index: 1070;
    top: 45px;
    bottom: auto;
    left: auto;
}

.modal {
    position: fixed;
    z-index: 1050;
    top: 45px;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
}


.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline-offset: -2px;
}

.ren_btn:active, .ren_btn.active, .open > .dropdown-toggle.ren_btn {
    background-image: none;
}

.ren_btn:active, .ren_btn.active, .open > .dropdown-toggle.ren_btn {
    color: #FFF;
}

.ren_btn:focus, .ren_btn.focus {
    color: #FFF;
    background-color: #7BBF1E;
    border-color: #7BBF1E;
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}

.ren_btn {
    color: #FFF;
    background-color: var(--ren-primary);
    border-color: var(--ren-primary);
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #7BBF1E;
}

.ren_fhjt {
    height: 46px;
    width: 20%;
}

.ren-fh {
    height: 45px;
    width: 20%;
}

.ren_fhjt::after {
    content: "";
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 17px;
    top: 15px;
}

.ren_top_dqwz {
    width: 60%;
    position: relative;
    text-align: center;
}

.ren_top_dqwz span {
    display: block;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 45px;
    line-height: 47px;
    color: #FFF;
}

.ren_top_grkj {
    width: 60%;
    position: relative;
    text-align: center;
}

.ren_top_grkj span {
    display: block;
    height: 45px;
    line-height: 47px;
    color: #FFF;
    font-size: 18px;
    overflow: hidden;
}

.ren_top_dqwz span a {
    color: #FFF;
}


.ren_top_dqwz .ren_vm:after {
    content: "";
    top: 21px;
    margin-left: 6px;
    border-left: 5px solid transparent;
    border-top: 5px solid #FFF;
    border-right: 5px solid transparent;
    position: absolute;
}

/*----- forumlist -----*/
.rtj1009_m_portal {
    background: #F3F3F3;
    font-size: 16px;
}

.ren-index-bg-white .rtj1009_m_portal {
    background: #FFF;
}

.ren-index-bg-white .ren-p-bage, .ren-index-bg-white .ren_p_e, .ren-index-bg-white .ren_yixz_xx {
    border-bottom: none;
}

.ren-index-bg-white .ren_yixz_xx {
    margin-bottom: 0;
    border-top: none;
}

.ren-index-bg-white .ren_yixz_xx .ren_yixzxxk:first-child {
    padding-top: 3px;
}

.ren-index-bg-white .ren_yixz_xx .ren_yixzxxk:last-child {
    border-bottom: none;
}

.ren-index-bg-white .swiper-container {
    margin: 12px;
    border-radius: 5px;
}

.ren-diy-reward-nav a, .ren-index-bg-white .rtj1009_p_nav {
    border-bottom: 1px solid #F0F0F0;
}

.ren-index-bg-white .ren-diy-reward-nav.rtj1009_p_nav {
    margin-bottom: 0;
    border-bottom: none;
}

.ren-index-bg-white .ren_sd_yixx, .ren-index-bg-white .ren_sssd_yixx, .ren-index-bg-white .ren_sd_qpgg, .ren-index-bg-white .ren_sd_fx {
    padding: 12px;
    border-top: none;
    border-bottom: none;
    margin-bottom: 0;
}

.ren-index-bg-white .ren_m_mkbt {
    border-bottom: none;
}

.ren-index-bg-white .ren_yixz_xx ul {
    padding: 0 12px;
}

.ren-index-bg-white .ren_mpic_xx {
    margin-bottom: 0;
    border-top: none;
    border-bottom: none;
}

.ren-index-bg-white .ren_mpic_xx .ren_pic_mlist {
    margin: 0 0 8px 0;
    padding: 0 7px;
}

.rtj1009_p_nav .ren-diy-reward-nav.ren_p_nav .a {
    border-bottom: 2px solid #7BBF1E;
    color: #7BBF1E;
}

.ren-index-bg-white .ren_mhd_xx {
    margin-bottom: 0;
    border-top: none;
    border-bottom: none;
}

.ren-index-bg-white .ren_mhd_xx ul {
    padding: 0 12px;
}

.ren-index-bg-white .ren_mhd_xx ul li:first-child {
    padding-top: 3px;
}

.ren-index-bg-white .ren_mhd_xx ul li:last-child {
    border-bottom: none;
}

.ren-index-bg-white .ren_sd_epin {
    padding: 12px 7px;
    border-top: none;
    border-bottom: none;
    margin-bottom: 0;
}

.ren-index-bg-white .ren_mtie_xx {
    margin-bottom: 0;
    border-top: none;
    border-bottom: none;
}

.ren-index-bg-white .ren_mtie_xx ul {
    padding: 0 12px;
}

.ren-index-bg-white .ren_mtie_xx ul li:first-child {
    padding-top: 5px;
}

.ren-index-bg-white .ren_mtie_xx ul li:last-child {
    border-bottom: none;
}

.ren-index-bg-white .ren-scrol-tie {
    padding: 0 12px;
    border-bottom: none;
}

.ren-index-bg-white .rtj1009-nav-swiper {
    border-bottom: 1px solid #F0F0F0;
}

.ren-index-bg-white .ren-p-ege {
    margin-bottom: 0;
    padding: 0 12px;
}

.ren-index-bg-white .ren-p-ege ul li.san, .ren-index-bg-white .ren-p-ege ul li.si {
    border-bottom: none;
}

.ren-index-bg-white .rem-mhd-xx {
    margin-bottom: 0;
}

.ren-index-bg-white .rem-mhd-xx ul {
    padding: 0 12px;
}

.ren-index-bg-white .ren-forum-rec {
    margin-bottom: 0;
    border-bottom: none;
}

.ren-index-bg-white .ren-forum-rec ul {
    padding: 5px 0 0 0;
}

.ren-index-bg-white .swiper-container7 {
    margin-bottom: 0;
    border-bottom: none;
}

.ren-index-bg-white .ren-diy-user {
    margin-bottom: 0;
    border-top: none;
    border-bottom: none;
}

.ren-index-bg-white .ren-diy-user ul li:last-child {
    border-bottom: none;
}

.ren-index-bg-white .ren-diy-user3 {
    margin-bottom: 0;
    border-bottom: none;
}

.rtj1009_p_nav {
    position: relative;
}

.rtj1009_p_nav .ren_p_nav {
    background-color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.rtj1009_p_nav .ren_p_nav a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: block;
    font-size: 15px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    color: #555;
}

.rtj1009_p_nav .ren_p_nav .a {
    border-bottom: 2px solid var(--ren-primary);
    color: var(--ren-primary);
}

.rtj1009_p_nav .ren_p_nav2 {
    margin-top: -8px;
}

.rtj1009-nav-swiper {
    width: 100%;
    height: 40px;
    background-color: #FFF;
    overflow: hidden;
    position: relative;
}

.rtj1009-nav-swiper li {
    float: left;
    width: auto;
    overflow: hidden;
}

.rtj1009-nav-swiper li a {
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 42px;
    padding: 0 12px;
    color: #555;
}

.m-slider {
    position: relative;
    margin: 0 auto;
    font-size: 16px;
    background: #F3F3F3;
}

.m-slider-con {
    overflow: hidden;
}

.m-slider-con li:first-child {
    display: block !important;
}

.m-slider-con li:not(:first-child) {
    display: none;
}

.lazy_img {
    background: #eae9e9;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.m-slider-item {
    display: block;
}

.m-slider-item .lazy_img {
    width: 100%;
}

.ren-swiper-svg {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 30px;
    z-index: 1;
}

.ren-swiper-svg div {
    position: absolute;
    width: 100%;
    height: 30px;
}

.ren-swiper-svg1 {
    background: url(../image/ren_water_1.svg) repeat-x;
    background-size: 600px;
    -webkit-animation: ren-swiper-svg1 3.5s infinite linear;
    animation: ren-swiper-svg1 3.5s infinite linear;
}

.ren-swiper-svg2 {
    top: 5px;
    background: url(../image/ren_water_2.svg) repeat-x;
    background-size: 600px;
    -webkit-animation: ren-swiper-svg2 6s infinite linear;
    animation: ren-swiper-svg2 6s infinite linear;
}

@keyframes ren-swiper-svg1 {
    0% {
        background-position: 0 top
    }
    100% {
        background-position: 600px top
    }
}

@keyframes ren-swiper-svg2 {
    0% {
        background-position: 0 top
    }
    100% {
        background-position: 600px top
    }
}

.m-slider-item span {
    display: block;
    width: 100%;
    padding: 0 0 0 10px;
    height: 32px;
    line-height: 32px;
    background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    font-size: 14px;
    vertical-align: top;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #FFF;
}

.ren-home-slide-e .m-slider-item span {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
}

.ren-home-slide-san .m-slider-item span {
    display: block;
    width: 77%;
    height: 30px;
    padding: 0 6% 0 2%;
    line-height: 30px;
    background-color: #F3F3F3;
    overflow: hidden;
    font-size: 14px;
    vertical-align: top;
    text-align: left;
    position: inherit;
    left: inherit;
    bottom: inherit;
    color: #444;
}

.ren-home-slide-san .m-slider-item.e {
    min-height: 225px;
}

.ren-home-slide-san .m-slider-item.e span {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ren-home-slide-san .swiper-pagination-bullet {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 3px;
    background-color: #D0D0D0;
    border-radius: 50%;
    color: transparent;
    vertical-align: top;
    opacity: 1;
}

.ren-home-slide-san .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: -6px;
}

.ren-home-slide-san .swiper-pagination-bullet-active {
    background-color: #FF4444;
}

.ren-home-slide-si .m-slider-item span {
    display: none;
}

.ren-home-slide-si .swiper-container-horizontal > .swiper-pagination-bullets {
    right: 0;
    text-align: center;
}

.ren-home-slide-wu .m-slider-item span {
    display: none;
}

.ren-home-slide-wu .swiper-container-horizontal > .swiper-pagination-bullets {
    right: 0;
    text-align: center;
}

.ren-home-slide-wu .swiper-pagination-bullet {
    width: 15px;
    height: 3px;
    background: #ffF;
    border-radius: 0;
    opacity: 1;
}

.ren-home-slide-wu .swiper-pagination-bullet-active {
    background-color: #00dfb9;
}

.ren-home-slide-si .ren-swiper-svg + .swiper-pagination, .ren-home-slide-wu .ren-swiper-svg + .swiper-pagination {
    bottom: 15px;
}

.swiper-container7 {
    position: relative;
    padding: 0;
    background: #FFF;
    margin-bottom: 10px;
    border-bottom: 1px solid #F0F0F0;
    z-index: 1;
    overflow: hidden;
    padding: 0;
}

.swiper-container7 .ren-p-bage {
    margin-bottom: 0;
    border-bottom: 0;
}

.swiper-container7.swiper-container-horizontal > .swiper-pagination-bullets {
    right: 0;
    text-align: center;
    height: 22px;
    position: inherit;
}

.swiper-container7 .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: #D2D2D2;
    border-radius: 50%;
    opacity: 1;
}

.swiper-container7 .swiper-pagination-bullet-active {
    background-color: #FA6567;
}

.swiper-container7 .ren-swiper-svg + .swiper-pagination {
    bottom: 15px;
}

.m-slider-zidong {
    min-height: 195px;
}

.m-slider-zidong img {
    min-height: 195px;
    position: absolute;
    margin: auto;
}


.ren-scrol-tie {
    margin-bottom: 10px;
    padding: 0 10px;
    width: 100%;
    height: 42px;
    line-height: 44px;
    background: #FFF;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren-scrol-tie span {
    float: left;
    display: block;
    margin-top: 9px;
    margin-right: 8px;
    height: 24px;
    line-height: 26px;
    padding: 0 6px;
    background-color: #FA6567;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
}

.ren-scrol-tie li {
    height: 42px;
    line-height: 44px;
    overflow: hidden;
}

.ren-scrol-tie a {
    display: block;
    font-size: 14px;
    height: 42px;
    line-height: 44px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ren-scrol-tie.color span {
    background-color: #FFA300;
}

.ren_p_e {
    width: 100%;
    padding: 10px 0 0 0;
    background: #FFF;
    margin-bottom: 10px;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren_p_e ul li {
    float: left;
    width: 20%;
    padding-bottom: 5px;
    text-align: center;
}

.ren_p_e ul li a {
    display: block;
}

.ren_p_e ul li a img {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ren_p_e ul li a p {
    height: 26px;
    line-height: 28px;
    color: #555;
    font-size: 14px;
    overflow: hidden;
}

.ren-p-bage {
    width: 100%;
    padding: 10px 0 0 0;
    background: #FFF;
    margin-bottom: 10px;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren-p-bage ul li {
    float: left;
    width: 25%;
    padding-bottom: 8px;
    text-align: center;
}

.ren-p-bage ul li a {
    display: block;
}

.ren-p-bage ul li a img {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ren-p-bage ul li a p {
    height: 26px;
    line-height: 28px;
    color: #555;
    font-size: 14px;
    overflow: hidden;
}

.ren-p-shige {
    width: 100%;
    padding: 14px 0 0 0;
    background: #FFF;
    margin-bottom: 10px;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren-p-shige ul li {
    float: left;
    width: 20%;
    padding-bottom: 10px;
    text-align: center;
}

.ren-p-shige ul li a {
    display: block;
}

.ren-p-shige ul li a img {
    display: block;
    margin: 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.ren-p-shige ul li a p {
    height: 26px;
    line-height: 28px;
    color: #555;
    font-size: 14px;
    overflow: hidden;
}

.ren-p-sange {
    width: 100%;
    background: #FFF;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren-p-sange ul li {
    float: left;
    width: 33.33%;
    border-right: 1px solid #F0F0F0;
    text-align: center;
}

.ren-p-sange ul li.san {
    border-right: none;
}

.ren-p-sange ul li a {
    display: block;
    padding: 10px 12px;
}

.ren-p-sange h3 {
    margin-top: 2px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
}

.ren-p-sange ul li a p {
    height: 18px;
    line-height: 20px;
    color: #999;
    font-size: 13px;
    overflow: hidden;
}

.ren-p-sange .ren-font {
    top: -2px;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
}

.ren-p-sange .yi h3 {
    color: #FA7D5F;
}

.ren-p-sange .e h3 {
    color: #7BBF1E;
}

.ren-p-sange .san h3 {
    color: #FFA800;
}

.ren-p-sange .yi .ren-font:before {
    content: "\e65a";
}

.ren-p-sange .e .ren-font:before {
    content: "\e763";
}

.ren-p-sange .san .ren-font:before {
    content: "\e662";
}

.ren-p-ege {
    width: 100%;
    margin-bottom: 10px;
    background: #FFF;
    overflow: hidden;
}

.ren-p-ege ul li {
    float: left;
    width: 50%;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
}

.ren-p-ege ul li.e, .ren-p-ege ul li.si {
    border-right: none;
}

.ren-p-ege ul li a {
    display: block;
    padding: 12px;
    height: 74px;
}

.ren-p-ege h3 {
    margin: 3px 0;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 400;
    overflow: hidden;
}

.ren-p-ege .yi h3 {
    color: #FFA800;
}

.ren-p-ege .e h3 {
    color: #7BBF1E;
}

.ren-p-ege .san h3 {
    color: #43A6DF;
}

.ren-p-ege .si h3 {
    color: #FA7D5F;
}

.ren-p-ege ul li a p {
    height: 18px;
    line-height: 20px;
    color: #999;
    font-size: 12px;
    overflow: hidden;
}

.ren-p-ege ul li img {
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ren-forum-rec {
    width: 100%;
    background: #FFF;
    margin-bottom: 10px;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren-forum-rec ul {
    padding: 10px 0 0 0;
}

.ren-forum-rec ul li {
    float: left;
    width: 25%;
    padding-bottom: 5px;
    text-align: center;
}

.ren-forum-rec ul li a {
    display: block;
}

.ren-forum-rec ul li a img {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ren-forum-rec ul li a p {
    height: 26px;
    line-height: 28px;
    color: #555;
    font-size: 14px;
    overflow: hidden;
}


.ren_yixz_xx {
    margin-bottom: 10px;
    background: #FFF;
    overflow: hidden;
    border-top: 1px solid #F0F0F0;
}

.ren_m_mkbt {
    height: 42px;
    line-height: 44px;
    padding: 0 12px;
    background: #FFF;
    position: relative;
    border-bottom: 1px solid #F0F0F0;
    text-align: left;
}

.ren_m_mkbt a {
    float: right;
    height: 42px;
    padding: 0 12px;
}

.ren_m_mkbt a::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 17px;
}

.ren_m_mkbt span {
    font-size: 16px;
    color: #333;
}

.ren_yixz_xx ul {
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
}

.ren_yixz_xx .ren_yixzxxk {
    width: 100%;
    display: block;
    float: left;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
}

.ren_yixz_xx .ren_yixzxxk .ren_tieimg {
    margin-right: 10px;
    display: block;
    width: 100px;
    height: 75px;
    overflow: hidden;
    position: relative;
}

.ren_yixz_xx .ren_yixzxxk .ren_tieimg img {
    width: 100%;
    min-height: 75px;
    position: absolute;
    margin: auto;
}

.ren_yixz_xx .ren_yixzxxk .ren_tiexx {
    display: block;
    margin-left: 110px;
    position: relative;
}

.ren_yixzxxk .ren_tiexx .ren_twbt {
    position: relative;
    min-height: 18px;
}

.ren_yixzxxk .ren_tiexx .ren_twbt span {
    display: block;
    height: 48px;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    min-height: 40px;
    overflow: hidden;
    text-decoration: none;
    text-align: left;
}

.ren_yixzxxk .ren_tiexx .ren_twxxx {
    width: 100%;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}

.ren_tiexx .ren_tie_ckhf {
    float: right;
    color: #999;
    padding-left: 10px;
    line-height: 16px;
    font-size: 12px;
}

.ren_tiexx .ren_twxxx .ren_tie_ztfl {
    float: left;
    font-size: 12px;
    line-height: 16px;
    background: none;
    color: #999;
}

.ren-diy-yimg {
    margin-bottom: 10px;
    background: #FFF;
    overflow: hidden;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}

.ren-diy-yimg ul {
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
}

.ren-diy-yimg ul li {
    width: 100%;
    display: block;
    float: left;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
}

.ren-diy-yimg ul li:last-child {
    border-bottom: none;
}

.ren-diy-yimg li a {
    display: block;
}

.ren-diy-yimg .ren_thread_img {
    margin-left: 10px;
    display: block;
    width: 100px;
    height: 75px;
    overflow: hidden;
}

.ren-diy-yimg .ren_thread_img img {
    width: 100px;
    height: 75px;
}

.ren-diy-yimg .ren_tw_yi {
    display: block;
    height: 48px;
    line-height: 24px;
    min-height: 40px;
    font-size: 16px;
    position: relative;
    overflow: hidden;
}

.ren-diy-yimg .ren_twxxx {
    margin-top: 10px;
    line-height: 16px;
    font-size: 12px;
    color: #999;
    position: relative;
    overflow: hidden;
}

.ren-diy-huokuai {
    margin-bottom: 10px;
    background: #FFF;
    overflow: hidden;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}

.ren-diy-huokuai .swiper-container3 {
    width: 100%;
    padding: 10px;
    overflow: hidden;
}

.ren-diy-huokuai ul li {
    width: 60%;
    background: #F8F8F8;
    overflow: hidden;
    position: relative;
}

.ren-diy-huokuai .ren-diy-hka {
    display: block;
    width: 100%;
    height: 155px;
    overflow: hidden;
    position: relative;
}

.ren-diy-huokuai .ren-diy-hka img {
    width: 100%;
    min-height: 155px;
    position: absolute;
    margin: auto;
}

.ren-diy-huokuai .ren-diy-title {
    padding: 6px 6px 0px 6px;
}

.ren-diy-huokuai .ren-diy-title a {
    display: block;
    height: 48px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
}

.ren-diy-huokuai .ren-diy-hkus {
    padding: 5px 6px 10px 6px;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
}

.ren-diy-hkus span {
    color: #999;
}

.ren-diy-hkus a {
    font-size: 12px;
}

.ren-diy-hkus a img {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 50%;
}


.ren-diy-user {
    margin-bottom: 10px;
    background: #FFF;
    overflow: hidden;
    border-top: 1px solid #F0F0F0;
}

.ren-diy-userbox li {
    position: relative;
    height: 60px;
    overflow: hidden;
}

.ren-diy-userbox .rank-user a {
    position: relative;
    display: block;
    height: 60px;
    margin-left: 40px;
    padding: 11px 12px;
}

.ren-diy-userbox .rank-order {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    margin: 11px 0;
    font-size: 12px;
    text-align: center;
    color: #FFF;
}

.ren-diy-userbox .rank-order span {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -14px;
    font-size: 12px;
    text-align: center;
    color: #FFF;
}

.ren-diy-userbox .rank-order .ren-font {
    font-size: 25px;
    color: #CED2D7;
    right: -6px;
}

.ren-diy-userbox .num-1 .rank-order .ren-font {
    color: #FF6314;
}

.ren-diy-userbox .num-2 .rank-order .ren-font {
    color: #FFBD24;
}

.ren-diy-userbox .num-3 .rank-order .ren-font {
    color: #4C8DFC;
}

.ren-diy-userbox .rank-user .avatar-con {
    float: left;
    display: block;
    position: relative;
    width: 38px;
    height: 38px;
    margin-right: 10px;
    vertical-align: middle;
    background-size: cover;
    background-repeat: no-repeat;
}

.ren-diy-userbox .rank-user .avatar-con .avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    z-index: 1;
}

.ren-diy-userbox .rank-user .rank-con {
    float: left;
    position: relative;
    display: block;
    vertical-align: bottom;
}

.ren-diy-userbox .rank-user .rank-con span {
    display: block;
    width: 150px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
}

.ren-diy-userbox .rank-user .rank-con p {
    margin-right: 3px;
    font-size: 12px;
    color: #666;
    vertical-align: middle;
    line-height: 18px;
}

.ren-diy-userbox .rank-user a .credits-num {
    line-height: 38px;
    font-size: 13px;
    color: #FFA800;
}

.ren-diy-userbox .rank-user a .credits-num i {
    margin-left: 5px;
    font-size: 18px;
    color: #FFA800;
    top: -1px;
}

.ren-diy-user.e .ren-diy-userbox .rank-user .rank-con span {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
}

.ren-diy-user.e .ren-diy-userbox li {
    border-bottom: 1px solid #F0F0F0;
}


.swiper-container8 {
    width: 100%;
    padding: 10px;
    overflow: hidden;
}

.ren-diy-user3 {
    margin-bottom: 10px;
    background: #FFF;
    border-bottom: 1px solid #F0F0F0;
}

.ren-diy-user3 ul li {
    padding: 8px 0 5px 0;
    width: 84px;
    overflow: hidden;
    position: relative;
}

.ren-diy-user3 .ren-diy-hka {
    display: block;
}

.ren-diy-user3 .ren-diy-avatar {
    margin: 0 auto;
    display: block;
    width: 64px;
    height: 74px;
    position: relative;
    vertical-align: middle;
    background-size: cover;
    background-repeat: no-repeat;
}

.ren-diy-user3 .ren-diy-avatar.num-1::before {
    background-image: url(../image/currentorder1.png);
    background-size: 100%;
}

.ren-diy-user3 .ren-diy-avatar.num-2::before {
    background-image: url(../image/currentorder2.png);
    background-size: 100%;
}

.ren-diy-user3 .ren-diy-avatar.num-3::before {
    background-image: url(../image/currentorder3.png);
    background-size: 100%;
}

.ren-diy-user3 .ren-diy-avatar.num-1::before, .ren-diy-user3 .ren-diy-avatar.num-2::before, .ren-diy-user3 .ren-diy-avatar.num-3::before {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: 0;
    display: block;
    content: '';
    width: 64px;
    height: 83px;
}

.ren-diy-user3 .ren-diy-avatar .avatar {
    position: absolute;
    bottom: 0;
    left: 3px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    z-index: 3;
}

.ren-diy-user3 .ren-diy-title {
    margin: 8px 5px 0 5px;
    width: 74px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren-diy-reward-nav {
    margin-bottom: 10px;
}

.ren-diy-bginfo {
    width: 100%;
    height: 240px;
    position: relative;
}

.ren-forum-bginfoy {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ren-forum-bginfoy img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}

.ren-bginfoy-bg {
    width: 100%;
    height: 100%;
    background: initial;
    position: absolute;
    top: 0;
    left: 0;
}

.ren-forumdisplay-bg .ren_bk_top .ren_foruminfo .ren_bk_biaoti a {
    font-weight: 500;
    color: #FFF;
    text-shadow: 0 1px 2px rgb(0 0 0 / 80%);
}

.ren-forumdisplay-bg .ren_bk_top .info_label, .ren-forumdisplay-bg .ren_bk_top .info_value {
    color: #FFF;
    text-shadow: 0 1px 2px rgb(0 0 0 / 80%);
}

.ren-bginfoy-img {
    width: 60px;
    height: 80px;
    background-image: url(../image/bginfoy-img.png);
    background-size: cover;
    position: absolute;
    right: 35px;
    top: 40px;
}

.ren-bginfoy-bg .ren-bginfoy-text {
    height: 115px;
    margin-bottom: 10px;
}

.ren-bginfoy-bg .ren-bginfoy-text .text {
    display: inline;
    float: left;
    width: 190px;
    margin: 52px 0 0 37px;
    font-size: 17px;
    line-height: 28px;
    color: #FFF;
}

.ren-bginfoy-count {
    display: block;
    float: left;
    padding-left: 37px;
    text-align: left;
    font-size: 14px;
    color: #FFF;
}

.ren-bginfoy-count p {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #FFF;
}

.ren-index-right-box .ren-bginfoy-count p {
    color: #333;
}

.ren-bginfoy-count i {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
    font-size: 24px;
    color: #FA6567;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}

.ren-slide-btn {
    position: absolute;
    left: 37px;
    bottom: 30px;
    z-index: 10;
}

.ren-slide-btn a {
    float: left;
    display: block;
    width: 90px;
    height: 34px;
    line-height: 34px;
    background-color: #008EEB;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    border-radius: 3px;
}

.ren-slide-btn a.ren-slide-btny {
    background-color: #FA6567;
    margin-left: 32px;
}

.ren-index-bg-no .ren-diy-bginfo {
    height: 255px;
}

.ren-index-bg-no .ren-bginfoy-img {
    top: 55px;
}

.ren-index-bg-no .ren-bginfoy-bg .ren-bginfoy-text {
    height: 130px;
}

.ren-index-bg-no .ren-bginfoy-bg .ren-bginfoy-text .text {
    margin: 68px 0 0 37px;
}

.ren_mpic_xx {
    margin-bottom: 10px;
    background: #FFF;
    overflow: hidden;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}

.ren_mpic_xx .ren_pic_mlist {
    margin: 8px 0;
    padding: 0 5px;
}

.ren_mpic_xx .ren_pic_mlist li {
    float: left;
    display: block;
    width: 50%;
    padding: 5px;
    vertical-align: top;
    overflow: hidden;
}

.ren_mpic_xx .ren_pic_mlist li a {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.ren_mpic_xx .ren_pic_mlist .ren_pic_img {
    height: 120px;
    overflow: hidden;
    position: relative;
}

.ren_mpic_xx .ren_pic_mlist .ren_pic_img img {
    display: block;
    width: 100%;
    min-height: 120px;
    position: absolute;
    margin: auto;
}

.ren_mpic_xx .ren_pic_mlist span {
    position: absolute;
    display: block;
    padding: 0 5px;
    width: 100%;
    height: 26px;
    line-height: 28px;
    background: rgba(0, 0, 0, 0.35);
    font-size: 14px;
    text-align: center;
    color: #FFF;
    overflow: hidden;
    left: 0;
    bottom: 0;
}

.ren_mhd_xx {
    margin-bottom: 10px;
    background: #FFF;
    overflow: hidden;
    border-top: 1px solid #F0F0F0;
    text-align: left;
}

.ren_mhd_xx ul {
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
}

.ren_mhd_xx ul li {
    width: 100%;
    display: block;
    float: left;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
}

.ren_mhd_xx .ren_hd_pic {
    float: left;
    margin-right: 10px;
    display: block;
    width: 90px;
    height: 85px;
    overflow: hidden;
}

.ren_mhd_xx .ren_hd_pic img {
    width: 90px;
    height: auto;
}

.ren_mhd_xx .ren_hd_xx {
    margin-left: 100px;
    position: relative;
}

.ren_mhd_xx .ren_hd_xx .ren_hd_bt {
    margin-bottom: 12px;
    position: relative;
    min-height: 22px;
}

.ren_mhd_xx .ren_hd_xx .ren_hd_bt span {
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    text-decoration: none;
}

.ren_mhd_xx .ren_hd_sj {
    float: left;
    padding-top: 3px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #9B9B9B;
    overflow: hidden;
}

.ren_mhd_xx .ren_hd_sj .ren_hd_sjtb {
    background: url(../image/rtj1009_ui009.png) 0 2px no-repeat;
    float: left;
    margin: 2px 5px 0 0;
    width: 16px;
    height: 18px;
    overflow: hidden;
}

.ren_mhd_xx .ren_hd_bm {
    float: left;
    width: 100%;
    display: block;
    padding-top: 10px;
}

.ren_mhd_xx .ren_hd_bm i {
    float: left;
    color: #ef8009;
    display: inline-block;
    padding: 1px 6px;
    border: 1px solid #ef8009;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
    border-radius: 2px;
    line-height: 18px;
}

.ren_mhd_xx .ren_hd_bm a {
    float: right;
    display: block;
    margin-right: 7px;
    height: 22px;
    line-height: 24px;
    padding: 0 8px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #ff8244;
    color: #FFF;
    text-align: center;
}

.rem-mhd-xx {
    margin-bottom: 10px;
    background: #FFF;
    overflow: hidden;
    text-align: left;
}

.rem-mhd-xx ul {
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
}

.rem-mhd-xx li {
    padding: 12px 0;
    border-top: 1px solid #F0F0F0;
}

.rem-mhd-xx li:first-child {
    border-top: none;
}

.rem-mhd-xx a {
    display: block;
    position: relative;
    overflow: hidden;
}

.rem-mhd-xx .ren-hd-title {
    line-height: 30px;
    font-size: 18px;
}

.rem-mhd-xx .ren-hd-time {
    margin-bottom: 4px;
    line-height: 30px;
    color: #FF8244;
    font-size: 12px;
    overflow: hidden;
}

.rem-mhd-xx .ren-hd-time span {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    padding: 0 5px;
    height: 20px;
    line-height: 22px;
    border-radius: 2px;
    background: #FF8244;
    color: #FFF;
    font-size: 12px;
}

.rem-mhd-xx .ren-hd-pic {
    position: relative;
    width: 100%;
    min-height: 200px;
    overflow: hidden;
    border-radius: 3px;
}

.rem-mhd-xx .ren-hd-pic img {
    display: block;
    margin: auto;
    width: 100%;
    min-height: 200px;
    position: absolute;
}

.ren-hd-xx .ren-hd-bm {
    margin-top: 10px;
    margin-bottom: 3px;
    overflow: hidden;
}

.ren-hd-xx .ren-hd-bms {
    float: left;
    height: 30px;
    line-height: 32px;
    color: #999;
    font-size: 16px;
}

.ren-hd-xx .ren-hd-bms i {
    padding: 0 5px;
    font-size: 20px;
    color: #FF8244;
}

.ren-hd-wbm {
    float: right;
    display: block;
    height: 30px;
    line-height: 32px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 2px;
    background-color: #FF8244;
    color: #FFF;
    text-align: center;
}

.ren_mtie_xx {
    margin-bottom: 10px;
    background: #ffF;
    overflow: hidden;
    border-top: 1px solid #F0F0F0;
    text-align: left;
}

.ren_mtie_xx ul {
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
}

.ren_mtie_xx ul li {
    width: 100%;
    display: block;
    float: left;
    padding: 11px 0;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
}

.ren_mtie_xx ul li em {
    float: left;
    margin-right: 7px;
    width: 18px;
    height: 18px;
    line-height: 20px;
    background: #CCC;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    border-radius: 2px;
}

.ren_mtie_xx .ren_mtie1 {
    background: #FA6567;
}

.ren_mtie_xx .ren_mtie2 {
    background: #FFA800;
}

.ren_mtie_xx .ren_mtie3 {
    background: #7BBF1E;
}

.ren_mtie_xx .ren_mtie .ren_twbt {
    width: 70%;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    overflow: hidden;
}

.ren_mtie_xx .ren_mtie .ren_twbt {
    color: #333;
}

.ren_mtie_xx .ren_mtie .ren_twbt span {
    width: 100%;
    height: 20px;
    display: block;
}

.ren_mtie_xx .ren_mtie .ren_tie_uid a {
    font-size: 12px;
    color: #BBB;
}

.ren_mtie_xx .ren_wz_xg .ren_mtie .ren_twbt {
    width: 90%;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    overflow: hidden;
}

.ren_mtie_xx .ren_wz_xg li {
    background-image: url(../image/rtj1009_ui015.png);
    background-repeat: no-repeat;
}

.ren_mtie_xx .ren_wz_xg .ren_mtie {
    float: left;
    padding-left: 14px;
    width: 100%;
    background-position: 0 -508px;
}

/*----- forumlist -----*/
.rtj1009_ss_main {
    background: #FFF;
}

.rtj1009_ss_main .ren_twsj .ren_twsj_sj {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
}

.ren_ss_tit {
    padding: 0 15px;
    height: 38px;
    line-height: 40px;
    border-bottom: 1px solid #F0F0F0;
    font-size: 15px;
    color: #F26C4F;
}

.ren_ss_wu {
    background: #FFF;
    margin-bottom: 12px;
    padding: 20px;
    overflow: hidden;
}

.ren-wz-list .ren_ss_wu {
    margin-top: 12px;
}

.ren_wz_pl .ren_ss_wu {
    margin-bottom: 0;
}

.ren_ss_wu span {
    display: block;
    padding-top: 6px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.ren_ss_wu a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.ren_ss_wu p {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.ren_tie_list .ren_list .ren_ss_wu {
    background: #ffF;
    width: 100%;
    margin-bottom: 12px;
    padding: 20px;
    overflow: hidden;
}

.ren_ss_wu .ren-font {
    display: block;
    height: 70px;
    line-height: 70px;
    font-size: 65px;
    color: #BBBBBB;
    text-align: center;
}

.ren_sssd_yixx {
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    background: #FFF;
    border-bottom: 1px solid #F0F0F0;
}

.ren_sssd_yixx a {
    display: block;
    position: relative;
    overflow: hidden;
}

.ren_sssd_yixx a span {
    display: block;
    position: absolute;
    height: 22px;
    line-height: 22px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    color: #FFF;
    padding: 0px 8px;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.ren_sssd_yixx img {
    display: block;
    float: left;
    width: 100%;
}

.rtj1009_ss_main ul.ren_yixz_xx {
    padding: 0 10px;
    border-top: none;
}

.rtj1009_ss_main .ren_yixz_xx .ren_yixzxxk .ren_tiexx {
    margin-left: 0;
}

.rtj1009_ss_main .ren_yixzxxk .ren_tiexx .ren_twxxx {
    width: auto;
}

.ren_search_album {
    padding: 5px;
}

.ren_search_album li {
    float: left;
    padding: 5px;
    width: 33.33%;
}

.ren_search_album .ren_album_pic {
    overflow: hidden;
}

.ren_search_album .ren_album_pic a {
    display: block;
    position: relative;
}

.ren_search_album .ren_album_pic a img {
    width: 100%;
    vertical-align: top;
}

.ren_search_album .ren_album_pic a p {
    width: 100%;
    height: 26px;
    line-height: 28px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    overflow: hidden;
    left: 0;
    bottom: 0;
}


.wp {
}

.rtj1009_m_forum {
    background: #F3F3F3;
}

.ren_m_bm {
    margin: 10px 0;
    text-align: left;
    background: #ffF;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #EDEDED;
}

.bm_c {
    padding: 0 10px;
}

.bm_h .o {
    float: right;
    width: 31px;
}

.bm_h .o img {
    float: right;
    cursor: pointer;
}

.bm_h .i {
    padding-left: 10px;
}

.bm_h .pn {
    margin-top: 4px;
}

.bm_h {
    height: 54px;
    background: url(../image/titlebg.png) repeat-x left bottom;
    line-height: 54px;
    white-space: nowrap;
    overflow: hidden;
}

.bm_h h2 {
    height: 54px;
    background: url(../image/titlebg.png) no-repeat left top;
}

.bm_h h2 a {
    display: block;
    margin: 0 31px 0 10px;
    padding-left: 10px;
    font-size: 18px;
    line-height: 54px;
    font-weight: 400;
}

.sub_forum {
    background: #ffF;
    overflow: hidden;
}

.sub_forum ul {
    margin-bottom: -1px;
    overflow: hidden;
}

.sub_forum li {
    display: block;
    float: left;
    width: 50%;
    padding: 3px 2px;
    border-bottom: 1px solid #F0F0F0;
    font-size: 16px;
    overflow: hidden;
    position: relative;
}

.ren-foumlist-dan .sub_forum li {
    width: 100%;
}

.sub_forum li a {
    display: block;
}

.sub_forum li .ren-bk-img {
    float: left;
    margin: 10px;
    position: relative;
}

.sub_forum li .ren-bk-nums {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0 4px;
    height: 12px;
    line-height: 14px;
    background: #F34548;
    font-size: 10px;
    color: #FFF;
    border-radius: 10px;
}

.sub_forum li a.ren_bkpic {
    display: block;
}

.sub_forum li a.ren_bkbt {
    padding: 10px 0 10px 5px;
    overflow: hidden;
}

.sub_forum li a img {
    float: left;
    width: 50px !important;
    height: 50px;
    border-radius: 3px;
}

.sub_forum .ren-forum-ico-y li a img {
    float: left;
    width: 50px !important;
    height: 50px;
    border-radius: 50%;
}

.sub_forum .ren_bkbt span {
    display: block;
    min-width: 120px;
    line-height: 50px;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sub_forum .ren-forum-s-y .ren_bkbt span {
    line-height: 26px;
}

.sub_forum .ren_bkbt em {
    display: block;
    min-width: 120px;
    line-height: 50px;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sub_forum .ren-forum-s-y .ren_bkbt em {
    line-height: 24px;
    font-size: 12px;
    color: #BBB;
}

.sub_forum .ren-forum-s-n .ren_bkbt em {
    display: none;
}

.sub_forum .ren-forum-s-y .ren_bkbt em span {
    display: initial;
    min-width: initial;
    line-height: 24px;
    font-size: 12px;
    color: #BBB;
}

.ren-tj-bt {
    margin: 10px 12px 0 12px;
    padding: 0 12px;
    height: 36px;
    line-height: 38px;
    background: #F5F5F5;
    font-size: 15px;
    color: #666;
    border-radius: 3px;
}

.buttons-row, .buttons-tab {
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.buttons-tab {
    position: relative;
    background: #FFF;
}

.buttons-tab li {
    bottom: -1px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    background: 0 0;
    color: #666;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}

.buttons-tab .button {
    bottom: -1px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    background: 0 0;
    color: #666;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}

.buttons-tab .current .button {
    z-index: 100;
    color: #7BBF1E;
    border-color: #7BBF1E;
}

.ren-group-xnav {
    width: 100%;
    background: #FFF;
    overflow: hidden;
}

.ren-group .buttons-tab {
    float: left;
    width: 66.66%;
}

.ren-group .buttons-tab .button {
    bottom: 0;
}

.ren-group-tsb {
    float: left;
    width: 33.33%;
    background: #FFF;
}

.ren-group-tsb .button {
    bottom: -1px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    background: 0 0;
    color: #666;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}

.ren_xxk_xx {
    margin-top: 10px;
    position: relative;
    background: #F3F3F3;
}

.ren_xxk_xx .ren-f-count {
    border-top: 1px solid #F0F0F0;
}

.ren_m_bm_hd {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    background-color: #FFF;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ren_m_bm_h h3 {
    float: left;
    width: 100%;
    font-weight: 400;
}

.ren_m_bm_h .ren_pdbt a {
    font-size: 16px;
    color: #333;
    margin-bottom: -1px;
    vertical-align: middle;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    margin-right: 20px;
}

.ren_m_bm_h .ren_pdbt a::after {
    content: "";
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 16px;
}

.ren_m_bm_h .ren_pdbt.ren-subforums a::after {
    border-right: 0px solid #999;
    border-bottom: 0px solid #999;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    top: 20px;
}

.ren_bkxx img {
    border-radius: 50%;
}

.ren-foumlist-dan .ren-forumlist-bt {
    padding: 10px 0;
    overflow: hidden;
}

.ren-foumlist-dan .ren_bk_xx {
    display: block;
    float: left;
    min-width: 50%;
    overflow: hidden;
}

.ren-foumlist-dan .ren_bk_xx h1 {
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ren-foumlist-dan .ren_bk_num {
    color: #666;
    float: left;
    line-height: 26px;
    font-size: 12px;
}

.ren-foumlist-dan .ren-forumlist-bt em {
    display: block;
    width: 85%;
    float: left;
    height: 20px;
    color: #999;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ren-foumlist-dan .sub_forum li .ren-bk-nums {
    top: 32px;
    right: 12px;
    background: #FE7242;
    height: 14px;
    line-height: 16px;
}

.ren-foumlist-dan .sub_forum li {
    padding: 2px 2px;
}

.ren_sd_yixx {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    overflow: hidden;
    background: #ffF;
    border-bottom: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
}

.ren_sd_yixx a {
    display: block;
    line-height: 0;
}

.ren_sd_yixx img {
    display: block;
    width: 100%;
}

.ren_sd_epin {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 5px;
    overflow: hidden;
    background: #ffF;
    border-bottom: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    text-align: left;
}

.ren_sd_epin a {
    display: block;
    width: 50%;
    padding: 0 5px;
    line-height: 0;
}

.ren_sd_epin img {
    display: block;
    width: 100%;
}

.ren_sd_qpgg {
    width: 100%;
    overflow: hidden;
    background: #ffF;
    border-bottom: 1px solid #F0F0F0;
}

.ren_sd_qpgg a {
    display: block;
    position: relative;
    overflow: hidden;
}

.ren_sd_qpgg a span {
    display: block;
    position: absolute;
    height: 22px;
    line-height: 22px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    color: #FFF;
    padding: 0px 8px;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.ren_sd_qpgg img {
    display: block;
    float: left;
    width: 100%;
}

.ren-f-count {
    padding: 10px 0;
    background: #ffF;
    border-bottom: 1px solid #F0F0F0;
}

.ren-f-count ul li {
    display: block;
    float: left;
    width: 33.3%;
    border-right: 1px solid #F0F0F0;
    text-align: center;
    overflow: hidden;
}

.ren-f-count ul li p {
    display: block;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
}

.ren-f-count ul li em {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #666;
    overflow: hidden;
}


.post_forum_list .ren_fenpinglist .ren-tabs li a img {
    width: 46px;
    height: 46px;
}

.post_forum_list .ren_fenpinglist .ren_bkbt {
    height: 46px;
}

.post_forum_list .ren_fenpinglist .ren-tabs .ren_bkbt span {
    margin-top: 0;
    height: 46px;
    line-height: 48px;
}

.post_forum_list .ren_fenpinglist .ren-tabs .ren_bklist_gz {
    top: 23px;
    padding: 0 13px;
    height: 30px;
    line-height: 34px;
    font-size: 13px;
}

.post_forum_list .menu-right .ren_bkbt span {
    line-height: 46px;
}

.ren-post-subforums {
    margin-left: 30px;
}

.menu-right ul li.ren-post-subforums a img {
    width: 40px !important;
    height: 40px !important;
}

.post_forum_list .ren_fenpinglist .ren-post-subforums .ren_bkbt {
    height: 40px;
}

.post_forum_list .menu-right .ren-post-subforums .ren_bkbt span {
    margin-top: 0;
    line-height: 40px;
    font-size: 16px;
}


.menu-left, .menu-right {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 50px;
    overflow-y: scroll;
}

.menu-left {
    width: 25%;
    background: #F3F3F3;
}

.menu-left ul li {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #E9E9E9;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}

.menu-left ul li.active {
    background: #FFF;
    position: relative;
    color: var(--ren-primary);
}

.menu-left ul li.active:before {
    content: " ";
    position: absolute;
    display: block;
    width: 2px;
    height: 100%;
    background: var(--ren-primary);
    top: 0;
    left: 0;
}

.menu-left ul li.sfid {
    margin-left: 30px;
    border-left: 1px solid #E9E9E9;
}

.menu-right {
    background: #FFF;
    right: 0;
    bottom: 50px;
    left: 25%;
}

.menu-right ul {
    overflow: hidden;
}

.menu-right ul li {
    padding: 15px 12px;
    border-bottom: 1px solid #F6F6F6;
    position: relative;
}

.menu-right ul li:last-child {
    border-bottom: none;
}

.menu-right ul li a {
    display: block;
}

.menu-right .ren-bk-img {
    float: left;
    position: relative;
}

.menu-right .ren-bk-nums {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0 4px;
    height: 12px;
    line-height: 14px;
    background: #F34548;
    font-size: 10px;
    color: #FFF;
    border-radius: 10px;
}

.menu-right ul li a img {
    float: left;
    width: 50px !important;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.menu-right ul li a.ren_bkbt {
    padding-left: 10px;
    overflow: hidden;
}

.menu-right .ren_bkbt span {
    display: block;
    margin-top: 4px;
    width: 120px;
    line-height: 26px;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.menu-right .ren_bkbt em {
    padding-right: 5px;
    line-height: 20px;
    font-size: 12px;
    color: #BBB;
}

.menu-right .ren_bkbt em span {
    display: inherit;
    width: inherit;
    padding-right: 5px;
    line-height: 20px;
    font-size: 12px;
    color: #BBB;
}

.menu-right .ren_bklist_gz {
    position: absolute;
    top: 26px;
    right: 13px;
    padding: 0 10px;
    height: 30px;
    line-height: 32px;
    background-color: var(--ren-primary);
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
}

.menu-right .ren_qxgz {
    background: #F3F3F3;
    color: #A8A8A8;
}

.ren-group .menu-left ul li a {
    display: block;
}


.ren-bt {
    margin: 10px 15px;
    padding: 0 10px;
    height: 34px;
    line-height: 36px;
    background: #F3F3F3;
    font-size: 14px;
    color: #666;
}


/*-- threadlist --*/
.ren_list .pg {
    display: none;
}

.ren_tie_list .ren_list {
    background: #F3F3F3;
    width: 100%;
}

.ren_tie_list .ren_list li {
    background: #ffF;
    margin-bottom: 10px;
    padding: 0 12px;
    font-size: 17px;
}

.ren_tie_list .ren_list .ren_twsj {
    overflow: hidden;
    padding: 10px 0 5px 0;
    position: relative;
}

.ren_tie_list .ren_list .ren_twsj a {
    height: 38px;
    line-height: 38px;
}

.ren_list .ren_twus_img img {
    width: 38px;
    height: 38px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}

.ren_list .ren_twus_name {
    font-size: 16px;
}

.ren_tie_list .ren_list .ren_twsj a.ren_zz_gz {
    float: left;
    margin: 5px 2px 0 5px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 2px;
    color: var(--ren-primary);
    border: 1px solid #E6E6E6;
}

.ren_tie_list .ren_list .ren_twsj a.ren_qxgz {
    display: block;
    margin: 5px 2px 0 5px;
    padding: 0 10px;
    height: 28px;
    line-height: 30px;
    background-color: #F3F3F3;
    color: #A8A8A8;
    border-radius: 3px;
    font-size: 12px;
}

.ren_tie_list .ren_list .ren_twsj .ren_us_xing {
    float: left;
    display: block;
    margin-top: 12px;
    margin-left: 5px;
    padding: 1px 3px;
    height: 14px;
    line-height: 14px;
    background: #FE7242;
    color: #FFF;
    font-size: 12px;
    border-radius: 2px;
}

.ren_tie_list .ren_list .ren_twsj .verify img {
    margin-bottom: 1px;
    margin-left: 5px;
    height: 14px;
}

.ren_tie_list .ren_list .ren_list_tu .ren_us_xing {
    margin-top: 3px;
}

.ren_tie_list .ren_list_san .ren_list .ren_list_tu .ren_us_xing {
    margin-top: 4px;
}

.ren_tie_list .ren_list .ren_list_tu .verify img {
    margin-bottom: 0px;
}

.ren_author {
    width: 60%;
    margin: 2px 0;
}

.ren_tie_list .ren_list .ren_author a {
    height: 20px;
    line-height: 20px;
}

.ren_thread_sj {
    width: 60%;
    font-size: 12px;
    color: #999;
}

.ren_thread_sj .ren_thread_dateline {
    padding-right: 6px;
    line-height: 14px;
}

.ren_tie_list .ren_list .ren_thread_sj a {
    display: block;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #999;
}

.ren_gz {
    position: absolute;
    top: 10px;
    right: 0;
}

.ren_tie_list .ren_list .ren_author .verify {
    float: left;
    height: 14px;
    line-height: 14px;
}

.ren_tie_list .ren_list .ren_zhiding, .ren_list .ren_jinghua, .ren_zd .ren_zhiding {
    float: left;
    margin-top: 2px;
    padding: 2px 5px;
    border-radius: 2px;
    margin-right: 3px;
    background: #F26C4F;
    color: #FFF;
    font-size: 12px;
    line-height: 14px;
}

.ren_list .ren_jinghua.e {
    background: #FFA300;
}

.ren_tie_list .ren_list .ren_twbt {
    margin: 0 0 5px 0;
    overflow: hidden;
}

.ren_tie_list .ren_list .ren_twbt.tu {
    margin: 3px 0 0;
}

.ren_tie_list .ren_list .ren_twbt a {
    display: block;
    font-size: 17px;
    line-height: 24px;
}

.ren_tie_list .ren_list .ren_twbt a strong {
    font-weight: 400;
}

.ren_tie_list .forum_message {
    margin: 2px 0;
}

.ren_tie_list .forum_message a {
    display: block;
    line-height: 22px;
    font-size: 14px;
    color: #777;
}

.ren_tie_list .ren_list .ren_threadimg {
    overflow: hidden;
}

.ren_tie_list .ren_list .ren_threadimg a:before {
    content: "";
    display: block;
}

.ren_tie_list .ren_list .ren_threadimg a {
    display: block;
    overflow: hidden;
}

.ren_tie_list .ren_list .ren_tw_yiimg {
    width: 100%;
    overflow: hidden;
}

.ren_tie_list .ren_list .ren_tw_yiimg .ren_threadimg {
    width: 32%;
    margin-left: 1%;
    overflow: hidden;
}

.ren_tie_list .ren_list .ren_tw_yiimg .ren_thread_imge {
    float: right;
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.ren_tie_list .ren_list .ren_tw_yiimg .ren_thread_img img {
    float: right;
    width: 100%;
}

.ren_tie_list .ren_list .ren_tw_yiimg .ren_tw_yi {
    display: block;
    position: relative;
}

.ren_tie_list .ren_list .ren_tw_yiimg .ren_tw_yi.tw-tu {
    min-height: 72px;
    max-height: 72px;
}

.ren_tie_list .ren_list .ren_tw_yiimg .ren_tw_yi a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
}

.ren_tie_list .ren_list .ren_threadimg .ren_thread_imgsan {
    float: left;
    display: inline-block;
    position: relative;
    width: 32.4%;
    overflow: hidden;
    margin-right: 1.4%;
}

.ren_tie_list .ren_list .ren_threadimg .yige_img {
    display: inline-block;
    float: left;
    margin-top: 5px;
    width: 70%;
    max-height: 300px;
    position: relative;
    overflow: hidden;
}

.ren_tie_list .ren_list .ren_threadimg.tu .ren_thread_imgsan {
    margin-top: 1.4%;
}

.ren_tie_list .ren_list .ren_threadimg .ren_thread_imgsan:nth-child(3n) {
    margin-right: 0;
}

.ren_tie_list .ren_list .ren_threadimg .ren_thread_img img {
    float: left;
    width: 100%;
}

.ren_tie_list .ren_list .ren_threadimg .ren_thread_img img#imgxx {
    display: none;
}

.ren_tie_list .ren_list .ren_threadimg.imgurltu .yige_img, .ren_tie_list .ren_list .ren_threadimg.imgurlsan .yige_img {
    width: 100%;
}

.ren_tie_list .ren_list .ren_threadimg.imgurltu .ren_thread_img img, .ren_tie_list .ren_list .ren_threadimg.imgurlsan .ren_thread_img img {
    height: 79px;
}

.ren_tie_list .ren_twsj_xx {
    display: block;
    margin-top: 5px;
    color: #999;
    padding: 5px 0;
    font-size: 12px;
    overflow: hidden;
}

.ren_tie_list .ren_twsj_xx.tu {
    margin-top: 4px;
    padding: 8px 0;
}

.ren_tie_list .ren_twsj_xx span {
    width: 33.3333%;
    text-align: center;
    line-height: 18px;
    color: #777;
}

.ren_tie_list .ren_twsj .ren_twsj_sj {
    height: 38px;
    line-height: 38px;
}

.ren_tie_list .ren_twsj_xx .icon {
    top: -1px;
    width: 20px;
    height: 17px;
    line-height: 19px;
    padding: 0 2px 0 0;
    font-size: 14px;
}

.ren_tie_list .ren_twsj_xx .ren_twsj_sj .icon {
    top: -2px;
}

.ren_tie_list .ren_twsj_xx .ren_twsj_ck .icon {
    top: -1px;
    padding-right: 3px;
    font-size: 15px;
}

.ren_tie_list .ren_list li.emp {
    margin-bottom: 0;
    padding: 20px;
    background: #ffF;
    font-size: 14px;
    text-align: center;
}

.ren_tie_list .ren_list .ren_wtie_ts {
    padding: 30px;
    text-align: center;
}

.page {
    margin: 0 auto;
    padding: 15px 0;
    background: #ffF;
    border-top: 1px solid #F0F0F0;
    text-align: center;
    overflow: hidden;
}

.page .ren_loading {
    line-height: 24px;
    font-size: 14px;
    color: #999;
}

.page .ren_loading.loading:before {
    content: "";
    background: url(../image/loading.png) no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: anim4 0.5s linear infinite;
    -moz-animation: anim4 0.5s linear infinite;
    -ms-animation: anim4 0.5s linear infinite;
    animation: anim4 0.5s linear infinite;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    vertical-align: top;
    margin-top: 4px;
}

.ren_pbl_list {
    display: block;
    margin-top: 10px;
    padding: 0 5px;
    width: 100% !important;
    background: #F2F2F2;
    position: relative;
    overflow: hidden;
}

.waterfall {
    display: block;
    width: 100% !important;
    position: relative;
    overflow: hidden;
}

.ren_pbl_list ul li {
    float: left;
    display: block;
    width: 50%;
    background: #F2F2F2;
    overflow: hidden;
    border-radius: 3px;
}

.ren_pbl_list .ren_pbl_wk {
    display: block;
    width: 100%;
    padding: 0 5px;
    box-shadow: 0px 3px 6px -2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 3px 6px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 6px -2px rgba(0, 0, 0, 0.3);
}

.ren_pbl_list .waterfall li.ren_ss_wu {
    background: #FFF;
    width: 100%;
    margin-bottom: 12px;
    padding: 20px;
    overflow: hidden;
}

.ren_pbl_list ul li a {
    display: block;
}

.ren_pbl_list .ren_pbl_img img {
    display: block;
    width: 100%;
    vertical-align: middle;
}

.ren_pbl_no {
    display: block;
    width: 100%;
    height: 10px;
    background: #F2F2F2;
}

.ren_pbl_list .ren_pbl_wk .ren_pbl_bt {
    line-height: 22px;
    overflow: hidden;
    padding: 6px 7px;
    background: #ffF;
}

.ren_pbl_list .ren_pbl_wk .ren_pbl_bt a {
    display: block;
    float: left;
    color: #4C4C4C;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    font-weight: 400;
}

.ren_pbl_list .ren_pbl_wk .ren_tielb_zz {
    padding: 0 7px;
    border-width: 0;
    background: #FDFDFD;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #EDEDED;
}

.ren_pbl_list .ren_pbl_wk .ren_tielb_zz .ren_zz_tx {
    float: left;
    width: 24px;
    height: 24px;
    margin: 8px 5px 8px 0px;
    color: #999;
    position: relative;
}

.ren_pbl_list .ren_pbl_wk .ren_tielb_zz .ren_zz_tx img {
    float: left;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.ren_pbl_list .ren_tielb_zz .ren_zz_mc {
    color: #999;
}

.ren_pbl_list .ren_list_li_xx {
    margin-right: 2px;
}

.ren_pbl_list .ren_list_us .ren_list_li_xx {
    margin-right: 10px;
}

.ren_pbl_list .ren_list_li_xx .icon {
    top: -2px;
    width: 18px;
    height: 17px;
    line-height: 19px;
    font-size: 14px;
}

.ren_pbl_list .ren_list_li_xx span {
    line-height: 42px;
    color: #999;
}

.ren_list_yi {
    width: 100%;
}

.ren_tie_list .ren_list_yi .ren_list {
    background: #FFF;
}

.ren_tie_list .ren_list_yi .ren_list li {
    margin-bottom: 0;
    border-bottom: 1px solid #F0F0F0;
}

.ren_list_us {
    padding: 10px 0;
    overflow: hidden;
}

.ren_list_us a {
    display: block;
    height: 22px;
}

.ren_list_us span {
    line-height: 22px;
    font-size: 12px;
    color: #777;
}

.ren_list_us .time {
    padding-left: 6px;
}

.ren_list_us .ren_list_li_xx {
    margin-right: 2px;
}

.ren_tw_yiimg .ren_list_us .ren_list_li_xx {
    margin-right: 10px;
}

.ren_list_us .ren_list_li_xx .icon {
    top: -1px;
    width: 18px;
    height: 17px;
    line-height: 19px;
    font-size: 14px;
}

.ren_list_us .reply {
    padding-left: 12px;
}

.ren_list_yi .ren_twus_img img {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

.ren_list_yi .ren_twus_name {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
}

.ren_tie_list .ren_list_yi .ren_list .ren_twbt {
    margin: 0;
    padding: 11px 0 5px 0;
}

.ren_tie_list .ren_list_yi .ren_list .ren_tw_yiimg {
    padding-top: 10px;
}

.ren_tie_list .ren_list_yi .ren_list .ren_tw_yiimg .ren_threadimg {
    margin: 5px 0 15px;
}

.ren_tie_list .ren_list_yi .ren_list .ren_tw_yiimg .ren_tw_yi {
    margin-top: 5px;
}

.ren_tie_list .ren_list_yi .ren_list li:last-child {
    border-bottom: none;
}

.ren_tie_list .ren_list_san .ren_list .ren_twsj .ren_twus_img {
    height: 44px;
    line-height: 44px;
}

.ren_list_san .ren_list .ren_twus_img img {
    width: 44px;
    height: 44px;
}

.ren_list_san .ren_author {
    margin: 2px 0 4px;
}

.ren_tie_list .ren_list_san .ren_list .ren_twsj {
    padding: 10px 0 0 0;
}

.ren_tie_list .ren_list_san .ren_list .ren_twbt {
    margin-left: 54px;
}

.ren_tie_list .ren_list_san .forum_message {
    margin-left: 54px;
}

.ren_tie_list .ren_list_san .ren_list .ren_threadimg {
    margin-left: 54px;
}

.ren_tie_list .ren_list_san .ren_twsj_xx {
    margin-left: 54px;
}

.ren_tie_list .ren_list_san .rtj1009_video {
    margin-left: 54px;
}

.ren_tie_list .rtj1009_video {
    margin-top: 5px;
}

.ren_tie_list .ren_list_si .ren_list {
    background: #ffF;
}

.ren_tie_list .ren_list_si .ren_list li {
    margin-bottom: 0;
    padding: 12px 10px;
    border-bottom: 1px solid #F0F0F0;
}

.ren_tie_list .ren_list_si .ren_list .ren_tw_yiimg .ren_threadimg {
    margin-left: 0;
    margin-right: 12px;
}

.ren_list_si .ren_list_us {
    padding: 0;
}

.ren_list_si .ren_list_us .time {
    padding-left: 6px;
}

.ren_list_si .ren_list_us .ren_list_li_xx {
    margin-right: 2px;
}

.ren_list_si .ren_tw_yiimg .ren_list_us .ren_list_li_xx {
    margin-right: 2px;
}

.ren_list_si .ren_twus_img img {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

.ren_list_si .ren_twus_name {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
}

.ren_tie_list .ren_list_si .ren_list li:last-child {
    border-bottom: none;
}

.ren_tie_list .ren_list .ren_twsj .ren-p-fname {
    position: absolute;
    top: 15px;
    right: 2px;
}

.ren_tie_list .ren_list .ren_twsj .ren-p-fname a {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #F26C4F;
}

.ren-m-list .ren_list {
    margin-top: 0;
}

.ren_tie_list .ren_list_wu ul {
    padding: 0 5px;
}

.ren_tie_list .ren_list_wu li {
    float: left;
    display: block;
    padding: 0 5px;
    width: 50%;
    background: #F2F2F2;
    overflow: hidden;
    border-radius: 3px;
}

.ren_tie_list .ren_list_wu .ren_list .ren_tw_yiimg .ren_threadimg {
    width: 100%;
    height: 120px;
    margin-left: 0;
}

.ren_tie_list .ren_list_wu .ren_list .ren_threadimg .yige_img {
    width: 100%;
    margin-top: 0px;
}

.ren_tie_list .ren_list_wu .ren_list .ren_tw_yiimg .ren_tw_yi {
    float: left;
    padding: 6px 8px;
    width: 100%;
    height: 60px;
    background: #FFF;
    overflow: hidden;
}

.ren_tie_list .ren_list_wu .ren_list .ren_tw_yiimg .ren_tw_yi a {
    display: block;
    height: 48px;
}

.ren_tie_list .ren_list_wu .ren_list_us {
    float: left;
    padding: 0 7px;
    width: 100%;
    border-width: 0;
    background: #FDFDFD;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #EDEDED;
}

.ren_tie_list .ren_list_wu .ren_twus_img {
    float: left;
    width: 24px;
    height: 24px;
    margin: 8px 5px 8px 0px;
    color: #999;
    position: relative;
}

.ren_tie_list .ren_list_wu .ren_twus_img img {
    float: left;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.ren_tie_list .ren_list_wu .ren_twus_name {
    height: 40px;
    line-height: 42px;
    font-size: 12px;
    color: #999;
}

.ren_list_wu .ren_tw_yiimg .ren_list_us .ren_list_li_xx {
    margin-right: 0;
}

.ren_list_wu .ren_tw_yiimg .ren_list_us span {
    line-height: 42px;
    color: #999;
}

.ren_list_wu .ren_tw_yiimg .ren_list_us .ren_list_li_xx .icon {
    top: -2px;
}

.ren_list_wu .ren_threadimg {
    background-color: #FFF;
    background-image: url(../image/bg-img.png);
    background-repeat: no-repeat;
    background-size: 24% auto;
    background-position: center;
}

.ren-list-us7 a.ren_twus_img {
    height: 24px;
}

.ren_list_yi .ren-list-us7 .ren_twus_img img {
    width: 24px;
    height: 24px;
}

.ren_list_yi .ren-list-us7 .ren_twus_name {
    height: 24px;
    line-height: 24px;
    font-size: 13px;
}

.ren_tie_list .ren_list .ren-list-us7 .ren_us_xing {
    margin-top: 5px !important;
}

.ren-list-us7 span {
    line-height: 24px;
}

.ren-list-us7 span.starsico {
    margin-top: -1px;
}

.ren_list_yi .ren-list-us7 .verify a {
    float: left;
}

.ren_list_yi .ren-list-us7 .verify img {
    margin-bottom: 1px;
    margin-left: 5px;
    height: 14px;
}

.ren_tw_yiimg .ren-list-us7 .ren_list_li_xx {
    margin-right: 8px;
    height: 24px;
    line-height: 24px;
}

.ren_tie_list .ren_list_liu .rtj1009_video {
    margin-top: 0;
    margin-bottom: 5px;
}

.ren_tie_list .ren_list_liu .ren_list .ren_tw_yiimg .ren_threadimg {
    margin-bottom: 10px;
    width: 100%;
    margin-left: 0;
}

.ren_tie_list .ren_list_liu .ren_list .ren_tw_yiimg .ren_tw_yi a {
    font-size: 17px;
}

.ren_tie_list .ren_list_liu .ren_twus_img {
    float: left;
    width: 24px;
    height: 24px;
    margin: 2px 6px 2px 0px;
    color: #999;
    position: relative;
}

.ren_tie_list .ren_list_liu .ren_twus_img img {
    float: left;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 0px;
}

.ren_tie_list .ren_list_liu .ren_twus_name {
    height: 30px;
    line-height: 32px;
    font-size: 14px;
}

.ren_tie_list .ren_list_liu .ren_list li {
    padding: 12px 12px;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}

.ren_tie_list .ren_list_liu .ren_list .ren_tw_yiimg .ren_tw_yi {
    float: left;
    width: 100%;
}

.ren_list_liu .ren_list_us {
    float: left;
    width: 100%;
    padding: 0 0;
    height: 30px;
    line-height: 32px;
}

.ren_list_liu .ren_tw_yiimg .ren_list_us .ren_list_li_xx {
    margin-right: 0;
}

.ren_list_liu .ren_tw_yiimg .ren_list_us .ren_list_li_xx span {
    height: 30px;
    line-height: 32px;
}

.ren_tie_list .ren_list .ren_list_us .ren_us_xing {
    float: left;
    display: block;
    margin-top: 12px;
    margin-left: 5px;
    padding: 1px 3px;
    height: 14px;
    line-height: 14px;
    background: #FE7242;
    color: #FFF;
    font-size: 12px;
    border-radius: 2px;
}

.ren_tie_list .ren_list_liu .ren_list .ren_list_us .verify img {
    margin-top: 9px;
    margin-left: 5px;
    height: 14px;
}

.ren_tie_list .ren_list_liu .ren_list .ren_list_us .verify {
    float: left;
    line-height: 14px;
}

.ren_tie_list .ren_list_liu .ren_list .ren_list_us .ren_us_xing {
    margin-top: 9px;
}

.ren_list_liu .starsico {
    margin-top: 4px;
}

.ren_bk_top {
    position: relative;
    height: 82px;
    background: #ffF;
}

.ren_bk_top .ren_bk_topz {
    width: calc(100% - 24px);
    padding: 12px;
}

.ren_bk_top .head_bktp {
    display: block;
    height: 58px;
}

.ren_bk_top .head_bktp img {
    width: 58px;
    height: 58px;
    border-radius: 3px;
    object-fit: cover;
}

.ren_bk_top .head_bktp.b-r-50 img {
    border-radius: 50%;
}

.ren_bk_top .ren_bk_xx {
    display: block;
    height: 24px;
    float: left;
    margin-top: 3px;
    margin-bottom: 7px;
    padding-left: 10px;
}

.ren_bk_top .ren_bk_biaoti a {
    display: block;
    width: 80px;
    font-size: 18px;
    font-weight: bold;
    color: #7BBF1E;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ren-forumdisplay-bg .ren_bk_top .ren_bk_biaoti a {
    font-weight: 500;
    color: #FFF;
    text-shadow: 0 1px 2px rgb(0 0 0 / 80%);
}

.ren_bk_top .ren_bk_num {
    color: #666;
    float: left;
    line-height: 24px;
}

.ren_bk_top .ren_bk_js {
    display: block;
    width: 65%;
    float: left;
    padding-left: 10px;
    height: 24px;
    color: #666;
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ren-forumdisplay-bg .ren_bk_top .ren_bk_js {
    color: #FFF;
    text-shadow: 0 1px 2px rgb(0 0 0 / 80%);
}

.ren_bk_top .ren_bk_ft {
    margin-top: 10px;
    position: absolute;
    top: 16px;
    right: 10px;
    font-size: 14px;
    z-index: 30;
}

.ren_bk_top .ren_bk_ft a {
    display: block;
    background-color: #7BBF1E;
    color: #FFF;
    padding: 0 10px;
    height: 28px;
    line-height: 30px;
    border-radius: 3px;
    font-size: 12px;
}

.ren_bk_top .ren_bk_ft a.ren_qxgz {
    background: #F3F3F3;
    color: #A8A8A8;
}

.ren_bk_top .ren_foruminfo .ren_bk_xx {
    width: 60%;
    height: 53px;
    margin-top: 5px;
    margin-bottom: 0;
}

.ren_bk_top .ren_foruminfo .ren_bk_js {
    display: none;
}

.ren_bk_top .ren_foruminfo .ren_bk_biaoti {
    width: 100%;
    margin-bottom: 7px;
}

.ren_bk_top .ren_foruminfo .ren_bk_biaoti a {
    width: 100%;
}

.ren_bk_top .ren_foruminfo .info_label:first-child {
    margin-left: 1px;
}


.ren_tie_list .ren_list .ren_tw_yiimg.ren-portal-list .ren_thread_imge {
    height: 85px;
}

.ren-portal-list .ren_thread_imge img {
    min-height: 85px;
    position: absolute;
    margin: auto;
}

.ren_tie_list .ren_list .ren_threadimg.ren-portal-imgsan .ren_thread_imgsan {
    position: relative;
    padding-bottom: 25%;
    font-size: 0;
}

.ren_tie_list .ren_list .ren_threadimg.ren-portal-imgsan .ren_thread_imgsan img {
    position: absolute;
    width: 100%;
    min-height: 100%;
    font-size: 0;
}

.ren-portal-list .ren_list_us .time {
    padding-left: 0;
}


.ren_list {
    margin-top: 10px;
    background: #FFF;
}

.ren_tie_list .rtj1009_th {
    width: 100%;
    background: #F5F5F5;
    position: relative;
    border-top: 1px solid #F0F0F0;
}

.ren_tie_list .rtj1009_th .ren_tf {
    background: #ffF;
}

.ren_tie_list .rtj1009_th .ren_tf a {
    float: left;
    width: 33.33333333%;
    display: block;
    padding: 10px 0;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    border-right: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    position: relative;
}

.ren_tie_list .rtj1009_th .ren_tf a.a {
    border-bottom: 2px solid #7BBF1E;
    padding: 10px 0 9px;
    color: #7BBF1E;
    margin-bottom: -1px;
}

.ren_sc_list {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 10px;
    background: #F5F5F5;
}

.ren_sc_list li {
    padding: 10px 12px;
    font-size: 16px;
    background: #FFF;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren_sc_list .ren-fav-title {
    height: 24px;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ren_sc_list .ren-fav-title img {
    margin-top: 4px;
    vertical-align: top;
}

.ren_sc_list .ren-fav-delete {
    height: 24px;
    line-height: 26px;
    padding: 0 3px;
}

.ren_sc_list .ren-fav-delete .icon {
    color: #777;
}

.ren-sc-list .ren_ss_wu {
    margin-top: 12px;
}

.ren_ss_wu.tu {
    margin-top: 12px;
    border-top: 1px solid #F0F0F0;
}

.ren_zd {
    margin-top: 10px;
    background: #ffF;
    border-bottom: 1px solid #F0F0F0;
}

.ren_zd ul {
    border-top: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren_zd li {
    padding: 10px 10px 8px;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren_zd .ren_zhiding {
    margin-top: 0px;
    margin-right: 8px;
}

.ren_zd li a {
    display: block;
    line-height: 20px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren_zd .ren_zd_btn {
    padding: 9px 10px 7px;
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #777;
    text-align: center;
}

.ren_zd .ren-font {
    margin-left: 3px;
    line-height: 20px;
    font-size: 13px;
}

.ren-related .ren_list {
    margin-top: 0;
    margin-bottom: 10px;
}

/*----- post -----*/
.btn_pn {
    width: 44px;
    height: 31px;
    overflow: hidden;
    border: 0;
    line-height: 31px;
}

.btn_pn_grey {
    background: #EEE;
    color: #FFF;
}

.btn_pn_blue {
    color: #FFF;
}

.ren_btn_pn_blue {
    background: #EEE;
    color: #FFF;
}

.post_msg_from .px, .post_from .px {
    width: 100%;
    background: none;
    padding: 0;
    font-size: 16px;
}

.post_msg_from textarea, .post_from textarea {
    border: 0;
    width: 100%;
    background: none;
    padding: 5px 0;
    font-size: 16px;
}

.post_from .sort_sel {
    background: none;
    width: 100%;
    border: 0;
    font-size: 16px;
    color: graytext;
    margin-left: -2px;
}


.sec_code {
    color: #999;
}

.sec_code .px {
    color: #999;
}

.rtj1009_post {
    background: #F3F3F3;
    position: relative;
}

.rtj1009_post .ren_post_list {
    margin-top: 15px;
    background: #ffF;
}

.rtj1009_post .ren_post_list .ren_bl_li, .ren-follow-post-subject {
    position: relative;
    padding: 10px 12px;
    overflow: hidden;
    font-size: 15px;
    border-top: 1px solid #F0F0F0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ren-follow-post-subject {
    border-top: none !important;
    border-bottom: 1px solid #F0F0F0;
}

.rtj1009_post .ren_post_list .ren_bl_bjli {
    position: relative;
    width: 100%;
    padding: 10px 12px;
    overflow: hidden;
    font-size: 14px;
    border-top: 1px solid #F0F0F0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.rtj1009_post .ren_post_list .ren_bl_bjli label {
    font-size: 15px;
}

.rtj1009_post .ren_post_list .ren_bl_bjli input {
    width: 15px;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #555;
}

.rtj1009_post .ren_post_list .ren_bl_li .sort_sel, .ren-follow-post-select .sort_sel {
    display: block;
    width: 100%;
    height: 24px;
    color: #666;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: none;
    outline: 0;
}

.rtj1009_post .ren_post_list .ren_bl_li input, .ren-follow-post-subject input {
    width: 100%;
    height: 24px;
    line-height: 26px;
    color: #333;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: none;
    outline: 0;
}

.rtj1009_post .ren_post_list .ren_bl_no {
    position: relative;
    min-height: 100px;
    padding: 10px 12px;
    border-top: 1px solid #EEE;
    vertical-align: middle;
}

.rtj1009_post .ren_post_list .ren_bl_no textarea {
    border: 0;
    resize: none;
    width: 100%;
    background: none;
    padding: 5px 0;
    font-size: 15px;
}

.rtj1009_post .ren_post_list .post_lei::after {
    content: "";
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 16px;
}

.rtj1009_post .ren_post_list .ren_bl_fj {
}

.post_attlist .sort_sel {
    width: 100%;
    background: url('../image/arrow.svg') no-repeat right center;
    background-size: 16px 16px;
    padding-left: 14px;
    height: 30px;
    line-height: 30px;
}

.ren_post_list li .del i {
    background-color: var(--dz-BG-0);
    color: var(--dz-BG-2);
    font-size: 24px;
    border-radius: 50%
}

.ren_post_imglist {
    position: relative;
    margin-bottom: 10px;
    padding: 10px 0;
    overflow: hidden;
}

.ren_post_imglist li {
    float: left;
    margin: 10px 0 0 12px;
    width: 60px;
    height: auto;
    min-height: 60px;
    position: relative;
}

.ren_post_imglist li .ren_bl_fjy {
    display: block;
    width: 60px;
    height: 60px;
    background: #F9F9F9;
    border: 1px solid #E7E7E7;
    position: relative;
}

.ren_post_imglist li .ren_bl_fjy .ren-font {
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 58px;
    line-height: 58px;
    font-size: 26px;
    color: #BBB;
    text-align: center;
    z-index: 10;
}

.ren_post_imglist li .ren_bl_fjy input {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 20;
}

.ren_post_imglist li .del {
    position: absolute;
    left: -7px;
    top: -15px;
}

.ren_post_imglist li .charu {
    width: 100%;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    bottom: 3px;
}

.rtj1009_post .ren_post_list .sec_code {
    padding: 8px 15px;
}

.ren_post_imglist li .charuimg {
    width: 100%;
    height: 18px;
    line-height: 16px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-size: 12px;
    color: #FFF;
    position: absolute;
    bottom: 4px;
    left: 0;
}

.rtj1009_post .ren_ft_anniu {
    display: block;
    padding: 15px 12px;
}

.rtj1009_post .ren_ft_anniu .ren_ft_an {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 46px;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    background-color: var(--ren-primary);
    border: 0;
    color: #FFF;
    font-size: 16px;
}

.rtj1009_post .ren_ft_anniu .btn_pn_grey {
    background: #D5D5D5;
}

.rtj1009_post .ren_ft_xs {
    padding: 12px 0;
    background: #F3F3F3;
    border-top: 1px solid #EEE;
}

.rtj1009_post .ren_ft_xs .ren_xs_ftk {
    position: relative;
    line-height: 26px;
    padding: 10px;
    border-top: 1px solid #EEE;
    background: #ffF;
    font-size: 14px;
    overflow: hidden;
}

.rtj1009_post .xs_form_sue {
    float: left;
    color: #999;
}

.rtj1009_post .ren_xs_sm {
    margin: 0 0 0 70px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rtj1009_post .ren_xs_sm input {
    float: left;
    width: 100px;
    height: 26px;
    line-height: 26px;
    padding-left: 15px;
    background: #ffF;
    outline: none;
    border: none;
    font-size: 15px;
    color: #F26C4F;
    border-bottom: 1px solid #EEE;
}

.rtj1009_post .ren_xs_ftk span {
    float: left;
    padding-left: 12px;
    color: #999;
    font-weight: 400;
}

.rtj1009_post .ren_xs_ftk span strong {
    color: #F26C4F;
    font-weight: 400;
}

.ren_ft_xs .ren_xs_rwd {
    padding: 12px;
    background: #ffF;
    border-bottom: 1px solid #EEE;
    font-size: 14px;
    overflow: hidden;
}

.ren_ft_xs .ren_xs_rwd .ren_xs_ts {
    padding-top: 8px;
    line-height: 26px;
    font-size: 13px;
    color: #999;
}

.ren-post-btlabel {
    padding-right: 10px;
    height: 24px;
    line-height: 26px;
    font-size: 16px;
    color: #666;
}

.ren-post-btxx {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 24px;
}

.ren-radio-tip .ren-radio-in {
    padding: 20px;
    text-align: left;
    overflow: hidden;
}

.ren-radio-tip .ren-radio-in input {
    margin-right: 5px;
}

.ren-radio-tip .ren-radio-in label {
    float: left;
    width: 50%;
    line-height: 30px;
    font-size: 14px;
}


.rtj1009_post .ren_fb_flxx {
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
}

.ren_fb_flxx .ren_flxx_li {
    position: relative;
    width: 100%;
    padding: 10px 12px;
    overflow: hidden;
    font-size: 14px;
    border-top: 1px solid #F0F0F0;
}

.ren_fb_flxx .ren_flxx_he {
    padding: 0;
}

.ren_fb_flxx .ren_flxx_de, .ren_fb_sp .ren_spxx_de, .ren-post-poll .ren_spxx_de {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ren_fb_flxx .ren_flxx_de .ren_flxx_lxnr, .ren_fb_sp .ren_spxx_de .ren_flxx_lxnr, .ren-post-poll .ren_spxx_de .ren_flxx_lxnr {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ren_fb_flxx .ren-flxx-dw, .ren_spxx_de .ren-flxx-dw {
    line-height: 26px;
    font-size: 15px;
    color: #999;
}

.ren_fb_sp .ren_hdsj_san {
    border-top: 1px solid #F0F0F0;
}

.ren_fb_sp .ren_hdxx_he .ren_hdxx_lx.ren-no {
    border-bottom: none;
}

.ren_fb_flxx .ren_flxx_he .ren-flxx-dw {
    display: none;
}

.ren_fb_flxx .ren_flxx_me .ren_flpost_img {
    position: relative;
    overflow: hidden;
}

.ren_fb_flxx .ren_flxx_me .ren_flpost_img a {
    display: block;
    margin-left: 20px;
    width: 90px;
    height: 28px;
    position: relative;
}

.ren_fb_flxx .ren_flxx_me .ren_flpost_img a em {
    display: block;
    float: left;
    padding: 0 13px;
    height: 28px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
    background-color: #7BBF1E;
    color: #FFF;
}

.ren_fb_flxx .ren_flpost_pic {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}

.ren_fb_flxx .ren_flpost_pic a {
    display: block;
    padding-top: 12px;
    width: 100%;
    height: 100%;
}

.ren_fb_flxx .ren_flpost_pic a img {
    display: block;
    width: 100%;
    height: 100%;
}

.ren_fb_flxx .ren_flxx_me .ren_flpost_img input {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.ren_fb_flxx .ren_flxx_lx {
    float: left;
    padding-right: 10px;
    line-height: 26px;
    color: #999;
}

.ren_fb_flxx .ren_flxx_he .ren_flxx_lx {
    width: 100%;
    padding: 5px 10px;
    background: #F5F5F5;
    border-bottom: 1px solid #EEE;
    font-size: 14px;
    color: #999;
}

.ren_fb_flxx .ren_flxx_he .ren_tie_ksf {
    float: left;
    width: 100%;
    padding: 5px 10px;
    line-height: 26px;
    background: #F5F5F5;
    font-size: 14px;
    color: #999;
}

.ren_fb_flxx .ren_flxx_lxnr {
    color: #333;
}

.ren_fb_flxx .ren_flxx_he .ren_flxx_lxnr {
    width: 100%;
    padding: 10px 15px;
    overflow: hidden;
}

.ren_fb_flxx .ren_flxx_he .ren_flxx_lxnr .ren_fl_dx li {
    float: left;
    width: 50%;
}

.ren_fb_flxx .ren_flxx_lxnr .ren_select {
    width: 100%;
}

.ren_fb_flxx .ren_flxx_lxnr input, .ren-post-poll .ren_spxx_de input {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #333;
}

.ren-post-poll .ren_hdxx_lx input {
    width: 30px;
    padding: 1px;
    border: 1px solid #EEE;
    color: #777;
    text-align: center;
}

.ren_fb_flxx .ren_flxx_lxnr label input {
    width: auto;
}

.ren_fb_flxx .ren_flxx_lxnr select {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.ren_fb_flxx .ren_flxx_lxnr .check-img {
    font-size: 12px;
    color: red;
}

.ren-post-poll .ren_spxx_de input#maxchoices {
    color: #F26C4F;
}

.ren-post-poll-add {
    padding-bottom: 10px;
    width: 100%;
    background: #F3F3F3;
    border-top: 1px solid #F0F0F0;
    font-size: 15px;
    overflow: hidden;
}

.ren-post-poll-add a {
    float: left;
    width: 100%;
    height: 100%;
    padding: 11px 12px 9px 12px;
    background: #FFF;
    line-height: 26px;
    color: #F26C4F;
    text-align: center;
}

.ren-post-poll.ren_fb_hd .ren_hdxx_he .ren_hdxx_lx {
    border-bottom: none;
}

.ren_spxx_de .ren-flxx-dw a {
    float: left;
    margin-left: 10px;
}

.ren_spxx_de .ren-flxx-dw .ren-font {
    width: 20px;
    color: #E92E32;
}


.ren_fb_flxx .ren_xs_ftk span {
    float: left;
    padding-left: 12px;
    color: #999;
    font-weight: 400;
}

.ren_fb_flxx .ren_xs_ftk span strong {
    color: #F26C4F;
    font-weight: 400;
}

.ren_ft_xs .ren_xs_rwd {
    padding: 12px;
    background: #ffF;
    border-bottom: 1px solid #EEE;
    font-size: 14px;
    overflow: hidden;
}

.ren_ft_xs .ren_xs_rwdxx {
    margin: 5px 0;
    padding: 12px;
    background: #F2F2F2;
    border-radius: 3px;
    color: #F26C4F;
    text-align: center;
    overflow: hidden;
}

.ren_ft_xs .ren_xs_rwd .ren_xs_ts {
    padding-top: 8px;
    line-height: 26px;
    font-size: 13px;
    color: #999;
}

.ren_fb_flxx .ren_flxx_lxnr textarea {
    width: 100%;
    padding: 0;
    background: #ffF;
    border: none;
    min-height: 40px;
    line-height: 20px;
    font-size: 14px;
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    resize: none;
}


.rtj1009_post .ren_fb_hd {
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
}

.ren_fb_hd .ren_hdxx_li {
    position: relative;
    padding: 11px 12px 9px 12px;
    overflow: hidden;
    font-size: 15px;
    border-top: 1px solid #F0F0F0;
}

.ren_fb_hd .ren_hdxx_he {
    padding: 0;
}

.ren_fb_hd .ren_hdxx_me .ren_flpost_img {
    position: relative;
    overflow: hidden;
}

.ren_fb_hd .ren_hdxx_me .ren_flpost_img a {
    display: block;
    margin-left: 20px;
    width: 90px;
    height: 28px;
    position: relative;
}

.ren_fb_hd .ren_hdxx_me .ren_flpost_img a em {
    display: block;
    float: left;
    padding: 0 13px;
    height: 28px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
    background-color: var(--ren-primary);
    color: #FFF;
}

.ren_fb_hd .ren_flpost_pic {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}

.ren_fb_hd .ren_flpost_pic a {
    display: block;
    padding: 12px 0 0 20px;
    width: 100%;
    height: 100%;
}

.ren_fb_hd .ren_flpost_pic a img {
    display: block;
    width: 100%;
    height: 100%;
}

.ren_fb_hd .ren_hdxx_me .ren_flpost_img input {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.ren_fb_hd .ren_hdxx_lx {
    float: left;
    padding-right: 10px;
    line-height: 26px;
    color: #999;
}

.ren_fb_hd .ren_hdxx_he .ren_hdxx_lx {
    width: 100%;
    padding: 7px 10px 5px 10px;
    background: #F5F5F5;
    border-bottom: 1px solid #EEE;
    font-size: 15px;
    color: #999;
}

.rq {
    color: red;
}

.ren_fb_hd .ren_hdxx_he .ren_tie_ksf {
    float: left;
    width: 100%;
    padding: 7px 10px 5px 10px;
    line-height: 26px;
    background: #F5F5F5;
    border-top: 1px solid #F0F0F0;
    font-size: 14px;
    color: #999;
}

.ren_fb_hd .ren_hdxx_lxnr {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren_fb_hd .ren_hdxx_he .ren_hdxx_lxnr {
    width: 100%;
    padding: 10px 15px;
}

.ren_fb_hd .ren_hdxx_he .ren_hdxx_lxnr .ren_fl_dx li {
    float: left;
    width: 50%;
}

.ren_fb_hd .ren_hdxx_lxnr .ren_select {
    width: 100%;
}

.ren_fb_hd .ren_hdxx_lxnr input {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 30px;
    font-size: 15px;
    color: #555;
}

.ren_fb_hd .ren_hdxx_lxnr label input {
    width: auto;
}

.ren_fb_hd .ren_hdxx_lxnr select {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.ren_fb_hd .ren_xs_ftk span {
    float: left;
    padding-left: 12px;
    color: #999;
    font-weight: 400;
}

.ren_fb_hd .ren_xs_ftk span strong {
    color: #F26C4F;
    font-weight: 400;
}

.ren_fb_hd .ren_hdxx_sjfw {
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
}

.ren_fb_hd .ren_hdxx_sj {
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
}

.ren_fb_hd .ren_hdsj_mr::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 8px;
    top: 19px;
}

.ren_fb_hd .ren_hdsj_mr2::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 8px;
    top: 66px;
}

.ren-webki::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 19px;
}

.ren_fb_hd .ren_hdsj_bt {
    float: left;
    padding-right: 10px;
    line-height: 26px;
    font-size: 15px;
    color: #999;
}

.ren_fb_hd .ren_hdsj_yi {
    padding: 10px 0;
}

.ren_fb_hd .ren_hdsj_e {
    padding: 10px 0;
}

.ren_fb_hd .ren_hdsj_mr2 {
    border-top: 1px solid #F0F0F0;
}

.ren_fb_hd .ren_hdxx_he .ren_hdxx_sjfw {
    width: 100%;
    padding: 0 12px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren_fb_hd .ren_hdxx_sjfw input {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #555;
}

.ren_fb_hd .ren_hdsj_nr {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren_fb_hd .ren_hdxx_lxnr textarea {
    width: 100%;
    padding: 0;
    background: #ffF;
    border: none;
    min-height: 60px;
    line-height: 20px;
    font-size: 14px;
    vertical-align: middle;
    color: #555;
    resize: none;
}

.ren-trade-bt {
    padding: 10px 5px;
    line-height: 24px;
    font-size: 18px;
}

.ren-trade-xx ul {
    padding: 5px;
}

.ren-trade-xx ul li {
    width: 100%;
    font-size: 15px;
    padding: 4px 0;
    line-height: 30px;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren-trade-xx ul span {
    display: block;
    float: left;
    width: 90px;
    color: #666;
}

.ren-trade-xx ul em {
    color: #333;
}

.ren-trade-xx ul em strong {
    color: #F26C4F;
}

.ren-trade-xx ul em del {
    color: #999;
}

.ren-trade-xx ul em i {
    padding-left: 5px;
    font-size: 14px;
    color: #999;
}

.ren-trade-pn {
    padding: 15px;
}

.ren-trade-pn .ren-trade-button {
    display: block;
    height: 40px;
    line-height: 42px;
    background: #7BBF1E;
    color: #FFF;
    font-size: 15px;
    border-radius: 3px;
    text-align: center;
}

.ren-trade-list {
    margin: 10px 0;
}

.ren-trade-list .ren-trade-info a {
    height: 52px;
}

.ren-trade-list .ren-trade-zhiding {
    margin-top: 3px;
    margin-right: 5px;
    padding: 2px 4px;
    border-radius: 2px;
    background: #F26C4F;
    line-height: 16px;
}

.ren-trade-list .ren-trade-img a {
    width: 120px;
    height: 120px;
}

.ren-trade-list .ren-trade-img a img {
    width: 100%;
    height: 120px;
    overflow: hidden;
    margin-top: 0;
    object-fit: cover;
}


.ren-upload-imglist {
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
}

.ren-upload-imglist .ren-upload-dimg {
    float: left;
    padding: 12px;
    width: 100%;
    height: auto;
    min-height: 46px;
    position: relative;
}

.ren-upload-imglist .ren-upload-a {
    display: block;
    float: left;
    width: 106px;
    height: 46px;
    background: #F2F2F2;
    border-radius: 3px;
    position: relative;
}

.ren-upload-imglist .ren-upload-a .ren-font {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    line-height: 46px;
    font-size: 22px;
    color: #BBB;
    text-align: center;
    z-index: 10;
}

.ren-upload-imglist .ren-upload-a input {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 20;
}

.ren-upload-imglist .ren-upload-a span {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #999;
}

.ren-upload-imglist .ren-upload-dimg p {
    float: right;
    line-height: 46px;
    font-size: 15px;
    color: #999;
}

.ren-upload-imglist .ren-upload-li .del {
    position: absolute;
    right: 15px;
    top: 36px;
}

.ren-upload-li {
    position: relative;
    padding: 12px;
    width: 100%;
    border-top: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren-upload-imglist .ren-upload-img {
    position: relative;
    float: left;
    width: 90px;
    height: 70px;
    background: #343434;
    overflow: hidden;
}

.ren-upload-imglist .ren-upload-img span {
    width: 100%;
    height: 70px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.ren-upload-imglist .ren-upload-img img {
    display: block;
    width: 100%;
    margin: auto;
}

.ren-upload-imglist .ren-upload-textarea {
    margin: 0 35px 0 102px;
    padding: 5px 7px;
    height: 70px;
    line-height: 22px;
    border: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren-upload-imglist .ren-upload-textarea textarea {
    font-size: 14px;
    color: #999;
    resize: none;
    border: none;
}

/*----- viewthread -----*/
.content.ren-view-main {
    padding-bottom: 42px;
}

.content.ren-view-main.ren-view-b48 {
    padding-bottom: 48px;
}

.ren-view-main .page {
    margin-top: 8px;
    margin-bottom: -8px;
}

.ren_nav_gd {
    padding: 2px 15px;
    background: #ffF;
    border-radius: 3px;
    box-shadow: 0px 3px 6px -2px rgba(0, 0, 0, 0.3);
    top: 55px;
    right: 10px;
    left: auto;
    z-index: 100;
}

.ren_nav_gd a {
    display: block;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #F0F0F0;
    color: #666;
    font-size: 15px;
    overflow: hidden;
}

.ren_nav_gd a:last-child {
    border-bottom: none;
}

.ren_nav_gd a span {
    float: left;
    margin-left: 10px;
}

.ren_nav_gd .ren-font {
    float: left;
    font-size: 18px;
}

.ren_nav_gd .ren_viewdi_fx .ren-font, .ren_nav_gd .ren_gd_jb .ren-font {
    top: -1px;
}


.rtj1009_m_main {
    width: 100%;
    background: #F3F3F3;
    position: relative;
}

.postlist {
    margin-bottom: 8px;
}

.rtj1009_m_main .ren_view_xxtop {
    background: #ffF;
}

.rtj1009_m_main .ren_view_xxtop h3 {
    padding: 10px;
    line-height: 28px;
    font-size: 20px;
    color: #333;
    font-weight: 400;
}

.xian {
    border-bottom: 1px solid #F0F0F0;
}

.rtj1009_m_main .ren_view_xxtop h3 .color {
    color: #F26C4F;
}

.rtj1009_m_main .ren_view_xxtop .ren_twsj_xx {
    display: block;
    color: #999;
    padding: 8px 0 6px;
    font-size: 12px;
    overflow: hidden;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}

.rtj1009_m_main .ren_view_xxtop .ren_twsj_xx span {
    width: 25%;
    text-align: center;
    line-height: 19px;
    color: #777;
}

.rtj1009_m_main .ren_view_xxtop .ren_twsj_xx a {
    width: 25%;
    float: left;
    text-align: center;
    line-height: 19px;
    color: #777;
}

.rtj1009_m_main .ren_view_xxtop .ren_twsj_xx .ren-font {
    margin-right: 5px;
    line-height: 19px;
    font-size: 14px;
    color: #777;
}

.rtj1009_m_main .ren_view_xxtop .ren_twsj_xx a .ren-font {
    top: -1px;
}

.rtj1009_m_main .ren_view_topxx3 {
    padding: 0 10px 9px 10px;
    overflow: hidden;
}

.rtj1009_m_main .ren_view_topxx3 a {
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #999;
}

.rtj1009_m_main .ren_view_topxx3 a span {
    font-size: 14px;
    color: #F26C4F;
}

.rtj1009_m_main .ren_view_topxx3 span {
    height: 18px;
    line-height: 18px;
    float: right;
    font-size: 12px;
    color: #999;
}

.rtj1009_m_main .ren_view_topxx3 .ren_twsj_ck {
    margin-right: 10px;
}

.ren_view_ny {
    padding: 10px 12px;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
    position: relative;
    background: #FFF;
}

.ren_view_ny .pi {
    overflow: hidden;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0;
}

.ren_view_ny .ren_lc_xx {
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.ren_view_ny .ren_lc_xx .avatar {
    float: left;
    margin-right: 10px;
    width: 38px;
    height: 38px;
    display: block;
    overflow: hidden;
}

.ren_view_ny .ren_lc_xx .avatar img {
    width: 38px;
    height: 38px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}

.ren_view_ny .ren_lc_xx .ren_lc_zz {
    margin-left: 48px;
}

.ren_view_ny .ren_lc_xx .ren_lc_zzxx {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.ren_view_ny .ren_lc_xx .ren_lc_zzxx .ren_zz_mz {
    font-size: 15px;
    line-height: 20px;
    color: #444;
}

.ren_view_ny .ren_lc_zzxx .ren_us_xing {
    float: left;
    display: block;
    margin-top: 3px;
    margin-left: 5px;
    padding: 1px 3px;
    height: 14px;
    line-height: 14px;
    background: #FE7242;
    color: #FFF;
    font-size: 12px;
    border-radius: 2px;
}

.rtj1009_m_main .ren_view_ny .ren_lc_xx .ren_lc_zzxx span {
    float: right;
    padding: 0 4px;
    color: #F26C4F;
    margin-left: 3px;
    font-size: 14px;
    line-height: 20px;
}

.ren_view_ny .ren_lc_xx .view_replybtn {
    float: right;
    padding: 0 4px;
    color: #F26C4F;
    margin-left: 3px;
    font-size: 14px;
    line-height: 20px;
}

.ren_view_ny .ren_lc_xx .view_replybtn a {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../image/ren_bl_hf.png) no-repeat;
    font-size: 30%;
}

.rtj1009_m_main .ren_view_ny .ren_lc_xx .ren_zz_gz {
    display: block;
    float: right;
}

.ren_view_ny .ren_lc_xx .ren_lc_zzxx .ren_zz_gz {
    padding: 0 3px;
    height: 18px;
    line-height: 20px;
    background-color: #7BBF1E;
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
}

.ren_view_ny .ren_lc_xx .ren_lc_zzxx .ren_qxgz {
    background: #F1F1F1;
    color: #A8A8A8;
}

.rtj1009_m_main .ren_view_ny .ren_twsj_ck, .rtj1009_m_main .ren_view_ny .ren_twsj_hf {
    text-align: center;
    line-height: 18px;
    color: #999;
}

.rtj1009_m_main .ren_view_ny .ren_twsj_hf {
    margin-left: 8px;
}

.rtj1009_m_main .ren_twsj_ck .ren-font, .rtj1009_m_main .ren_twsj_hf .ren-font {
    top: -1px;
    margin-right: 4px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #999;
}

.ren_view_ny .ren_lc_xx .ren_lc_zz span {
    float: right;
    line-height: 18px;
}

.ren_view_ny .ren_lc_xx .ren_lc_sj {
    color: #999;
}

.ren_view_ny .ren_lc_xx .ren_lc_sj .ren_zz_gz {
    position: absolute;
    top: 5px;
    right: 0px;
    padding: 0 8px;
    height: 28px;
    line-height: 30px;
    background-color: #7BBF1E;
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
}

.ren_view_ny .ren_lc_xx .ren_lc_sj .ren_qxgz {
    background: #F1F1F1;
    color: #A8A8A8;
}

.ren_view_ny .ren_lc_xx .ren_lc_sj .ren_lc_gl {
    position: absolute;
    top: 5px;
    right: 42px;
    padding: 0 8px;
    height: 28px;
    line-height: 30px;
    background-color: #F26C4F;
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
}

.rtj1009_m_main .ren_view_ny .ren_lc_xx .ren_lc_zz .ren_lc_sj .ren_lc_sjsj {
    float: left;
    padding: 0 0;
    margin-left: 0;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.ren_view_ny .ren_lc_xx .ren_lc_sj .ren_manage {
    float: left;
}

.ren_view_ny .ren_lc_xx .ren_lc_gl {
    float: right;
    margin-right: 5px;
    padding: 0 3px;
    height: 18px;
    line-height: 20px;
    background-color: #F26C4F;
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
}

.rtj1009_m_main .message {
    line-height: 26px;
    font-size: 16px;
    color: #333;
}

i.pstatus {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    color: #999;
    text-align: center;
}

i.pstatus + br {
    display: none;
}

i.pstatus + br + br {
    display: none;
}

.blue {
    border: none;
    background: none;
}

.ren_view_ny .message .jammer {
    font-size: 10px;
    color: #FFF;
}

.ren_view_ny .message img, .plc .pi .img_one img {
    max-width: 100%;
    vertical-align: middle;
}

.ren_view_ny .message img {
    margin-top: 8px;
}

.message p {
    text-indent: initial !important;
}

.ren_view_ny .message .ren_hthie_xx .spvimg img {
    width: 100%;
}

.ren_view_ny .message .quote {
    padding: 10px 10px 7px 11px;
    margin: 5px 0;
    background: #F5F5F5;
    font-size: 12px;
}

.message .blockcode .ol li {
    padding-left: 10px;
    list-style-type: decimal-leading-zero;
    font-size: 12px;
    line-height: 1.8em;
}

.ren_view_ny .pi .message > ul li {
    list-style-type: disc;
    margin-left: 10px;
}

.ren_view_ny .pi .message .ren_view_xf ul li {
    list-style-type: none;
    margin-left: 0;
}

.ren_view_ny .pi .message > ul, ul.litype_1, ul.litype_2, ul.litype_3 {
    margin-left: 15px;
}

ul.litype_1 li {
    list-style-type: decimal !important;
    margin-left: 10px;
}

ul.litype_2 li {
    list-style-type: lower-alpha !important;
    margin-left: 10px;
}

ul.litype_3 li {
    list-style-type: upper-alpha !important;
    margin-left: 10px;
}

.ren_view_ny .img_one img {
    margin-top: 8px;
    max-width: 100%;
    vertical-align: middle;
}

.ren-view-rate {
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
}

.ren-view-rate p {
    line-height: 20px;
    font-size: 15px;
    color: #999;
}

.ren-view-rate .ren-view-but {
    display: block;
    margin: 10px auto;
    width: 50px;
    height: 50px;
    background: #FFA300;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
}

.ren-view-rate .ren-view-but p {
    line-height: 52px;
    font-size: 24px;
    color: #FFF;
}

.ren-view-rate .ren-rate-shu {
    line-height: 20px;
    font-size: 13px;
    color: #888;
}

.ren-rate-shu span {
    padding: 0 5px;
    color: #F26C4F;
}

.ren-view-rate ul {
    margin: 10px 30px 0;
    text-align: center;
}

.ren-view-rate ul li {
    display: inline-block;
    margin: 0 1px;
    height: 32px;
    overflow: hidden;
}

.ren-view-rate ul li img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
}

.ren_view_ny .quote + br {
    display: none;
}

.media {
    display: block;
    margin-bottom: 30px;
    max-width: 100%;
}

.ren-view-main .ren_bk_topz {
    display: block;
    margin-top: 10px;
    padding: 10px 12px;
    background: #FFF;
    margin-bottom: 10px;
    border-bottom: 1px solid #F0F0F0;
    position: relative;
}

.ren-view-main .head_bktp {
    display: block;
    height: 46px;
}

.ren-view-main .head_bktp img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.ren-view-main .ren_bk_xx {
    height: 22px;
    margin-top: 2px;
    padding-left: 10px;
    overflow: hidden;
}

.ren-view-main .ren_bk_name {
    display: block;
    font-size: 16px;
    color: #7BBF1E;
    line-height: 22px;
}

.ren-view-main .ren_bk_num {
    color: #666;
    line-height: 22px;
    overflow: hidden;
}

.info_label {
    color: #888;
    margin: 0 4px 0 10px;
}

.info_value {
    color: #F26C4F;
}

.ren-view-main .ren_foruminfo .ren_bk_xx {
    width: 60%;
    height: 53px;
    margin-top: 5px;
    margin-bottom: 0;
}

.ren-view-main .ren_foruminfo .ren_bk_js {
    display: none;
}

.ren-view-main .ren_foruminfo .ren_bk_biaoti {
    width: 100%;
    margin-bottom: 7px;
}

.ren-view-main .ren_foruminfo .ren_bk_biaoti a {
    width: 100%;
}

.ren-view-main .ren_foruminfo .info_label:first-child {
    margin-left: 1px;
}

.ren_bk_fh {
    position: absolute;
    right: 13px;
    top: 0;
    height: 66px;
    display: block;
}

.ren_bk_fh span {
    margin-top: 25px;
    margin-right: 7px;
    font-size: 14px;
    color: #999;
}

.ren_bk_fh .ren-font {
    float: right;
    top: 24px;
    font-size: 15px;
    color: #BBB;
}

.ren_lc_ks {
    padding: 0 10px;
    border-bottom: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    background: #ffF;
}

.ren_lc_ks span {
    height: 42px;
    line-height: 44px;
    color: #444;
    font-size: 14px;
}

.ren_lc_ks .ren_lc_ksz {
    font-size: 16px;
}

.ren_lc_ks .ren_lc_ksz em {
    padding-left: 6px;
    font-size: 14px;
    color: #999;
}

.ren_lc_ks .ren_lc_ksy .ren_lc_zkzz {
    color: #F26C4F;
}

.ren_lc_ks span.ren_lc_ksy {
    font-size: 12px;
    color: #999;
}

.ren_lc_ks .mtit a {
    float: right;
    margin-left: 8px;
    height: 42px;
    line-height: 44px;
    color: #444;
    font-size: 12px;
    color: #999;
}

.ren_lc_ks .mtit a i {
    top: -1px;
    margin-right: 4px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #999;
}

.ren_view_ny .ren_lchf_xx {
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.ren_view_ny .ren_lchf_xx .avatar {
    float: left;
    margin-right: 10px;
    width: 28px;
    height: 28px;
    display: block;
    overflow: hidden;
}

.ren_view_ny .ren_lchf_xx .avatar img {
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}

.ren_view_ny .ren_lchf_xx .ren_lc_zz {
    margin-left: 38px;
}

.ren_view_ny .ren_lchf_xx .ren_lc_zzxx {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.ren_view_ny .ren_lchf_xx .ren_lc_zzxx .ren_zz_mz {
    font-size: 14px;
    line-height: 28px;
    color: #444;
}

.ren_view_ny .ren_lchf_xx .ren_lc_zzxx .ren_us_xing {
    margin-top: 7px;
}

.rtj1009_m_main .ren_view_ny .ren_lchf_xx .ren_lc_zz span {
    float: right;
    padding: 0 4px;
    color: #F26C4F;
    margin-left: 3px;
    font-size: 14px;
    line-height: 28px;
}

.rtj1009_m_main .ren_view_ny .ren_lchf_xx .ren_zz_gz {
    display: block;
    float: right;
}

.ren_view_ny .ren_lchf_xx .ren_lc_zz span {
    float: right;
}

.ren_view_ny .ren_lc_sjhf {
    padding-top: 10px;
}

.ren_view_ny .ren_lc_sj {
    line-height: 18px;
    color: #999;
}

.ren_view_ny .ren_lc_sj .ren_manage {
    float: left;
}

.ren_view_ny .ren_lc_sj .ren_lc_gl {
    float: right;
    padding: 0 4px;
    font-size: 14px;
    line-height: 20px;
    color: #2db7f5;
}

.ren_view_ny .ren_lchf_xx .ren_lc_zzxx .ren-verify img {
    margin-top: 7px;
}

.rtj1009_m_main .ren_view_ny .ren_lchf_xx .ren_lc_zzxx span.starsico {
    float: inherit;
    margin-top: 0;
    padding: 0 0;
}

.rtj1009_m_main .ren_view_ny .ren_lchf_xx .ren_lc_zzxx span.starsico img {
    margin-top: 0;
}

.ren_view_ny .ren-xs-lc {
    float: right;
    height: 28px;
    line-height: 28px;
}

.ren_view_ny .ren-xs-lc a {
    float: left;
    margin-top: 5px;
    display: block;
    margin-left: 5px;
    padding: 1px 3px;
    height: 16px;
    line-height: 16px;
    background: #FE7242;
    color: #FFF;
    font-size: 12px;
    border-radius: 2px;
}

.ren_view_ny .ren-xs-lc a.yi {
    background: #7BBF1E;
    color: #FFF;
}

.ren_view_ny .ren-xs-lc p.san {
    display: block;
    margin: 5px 2px 0 5px;
    padding: 0 8px;
    height: 16px;
    line-height: 16px;
    background-color: #F3F3F3;
    color: #A8A8A8;
    border-radius: 3px;
    font-size: 12px;
}

.ren_view_ny .ren-xs-lc .ren-font {
    top: -2px;
    margin-left: 3px;
    width: 16px;
    height: 14px;
    line-height: 16px;
    font-size: 14px;
}


.ren-post-xs .ren-post-xsli {
    position: relative;
    width: 100%;
    padding: 11px 12px 9px 12px;
    overflow: hidden;
    font-size: 15px;
    border-bottom: 1px solid #F0F0F0;
}

.ren-post-xs .ren-post-xsli .ren-post-xslx {
    float: left;
    padding-right: 10px;
    line-height: 26px;
    color: #999;
}

.ren-post-xs .ren-post-xsli .ren-post-xsnr {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren-post-xs .ren-post-xsnr select {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.ren_post_list .ren-post-xs .ren-post-xsli {
    border-bottom: 0px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
}


.ren_view_ny .ren_lc_sj .view_renreply {
    float: right;
    color: #999;
    font-size: 14px;
    line-height: 20px;
}

.ren_view_ny .ren_lc_sj .ren-lc-yhf .ren-font {
    top: -1px;
    height: 20px;
    line-height: 20px;
    font-size: 17px;
    color: #888;
}

.ren-lc-dp {
    margin-left: 8px;
}

.ren_view_ny .ren_lc_sj .ren-lc-dp .ren-font {
    top: -2px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: #888;
}

.ren_view_ny .ren_lc_sj .view_renreply a {
    color: #777;
}

.ren_view_ny .ren_lc_sj .ren_lc_jb {
    float: right;
    margin-left: 8px;
}

.ren_view_ny .ren_lc_sj .ren_lc_jb .ren-font {
    line-height: 18px;
    font-size: 13px;
    color: #888;
}

.ren_view_ny .ren_lc_sj .ren_lc_dz, .ren_view_ny .ren_lc_sj .ren-lc-dz {
    margin-left: 8px;
}

.ren_view_ny .ren_lc_sj .ren_lc_dz .ren-font {
    line-height: 18px;
    font-size: 17px;
    color: #888;
    top: -1px;
}

.ren_view_ny .ren_lc_sj .ren-lc-dz .ren-font {
    line-height: 18px;
    font-size: 17px;
    color: #F26C4F;
    top: -1px;
}

.ren_view_ny .ren-lz-bj {
    margin-right: 5px;
    line-height: 20px;
    font-size: 14px;
    color: #F26C4F;
}

.ren_view_ny .ren_lc_sjhf .ren_lc_gl {
    float: right;
    margin-left: 7px;
    padding: 0 3px;
    height: 18px;
    line-height: 20px;
    background-color: #F26C4F;
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
}

.rtj1009_m_main .message a.a-link {
    color: #06C !important;
    text-decoration: underline !important;
}

.swiper-container4 {
    width: 100%;
    height: 100%;
    padding-top: 45px;
}

.swiper-container4 ul li {
    text-align: center;
}

.swiper-container4 .swiper-zoom-container {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.swiper-container4 .swiper-zoom-container .ren-album-img {
    width: auto;
    margin-bottom: -5px;
    max-width: 100%;
    vertical-align: middle;
}

.guestviewthumb {
    text-align: center;
    overflow: hidden;
}

.guestviewthumb img {
    width: 150px;
}

.guestviewthumb a {
    display: block;
    padding-top: 3px;
    font-size: 13px;
    color: #F26C4F;
    text-decoration: underline !important;
}

.ren_post_new {
    border-bottom: 1px solid #EDEDED;
    overflow: hidden;
    position: relative;
    background: #ffF;
}

.ren_post_new .plc {
    padding: 10px;
    overflow: hidden;
    position: relative;
}

.ren_post_new .plc .avatar {
    float: left;
    margin-right: 10px;
    width: 38px;
    height: 38px;
    display: block;
    overflow: hidden;
}

.ren_post_new .plc .avatar img {
    width: 38px !important;
    height: 38px !important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}

.ren_post_new .plc .ren_lc_zz {
    margin-left: 48px;
}

.ren_post_new .plc .ren_lc_zzxx {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.ren_post_new .plc .pi b a {
    font-size: 16px;
    line-height: 20px;
    color: #444;
    font-weight: 400;
}

.rtj1009_m_main .ren_post_new .plc .pi em {
    float: right;
    padding: 0 4px;
    color: #F26C4F;
    margin-left: 3px;
    font-size: 14px;
    line-height: 20px;
}

.rtj1009_m_main .ren_post_new .plc .ren_zz_gz {
    display: block;
    float: right;
}

.ren_post_new .plc .ren_lc_zz span {
    float: right;
}

.ren_post_new .plc .ren_lc_sj {
    color: #999;
}

.ren_post_new .plc .ren_lc_sj .ren_manage {
    float: left;
}

.ren_post_new .plc .ren_lc_sj .ren_lc_gl {
    float: right;
    padding: 0 4px;
    margin-left: 3px;
    font-size: 14px;
    line-height: 20px;
    color: #2db7f5;
}

.ren_post_new .plc .message {
    padding-top: 10px;
    font-size: 16px;
    overflow: hidden;
    line-height: 26px;
}

.ren_post_new .message .jammer {
    font-size: 10px;
    color: #F0F0F0;
}

.ren_post_new .message img, .plc .pi .img_one img {
    max-width: 100%;
}

.ren_post_new .message .quote {
    padding: 10px 10px 7px 11px;
    margin: 5px 0;
    background: #F5F5F5;
    font-size: 12px;
}

.ren_post_new .img_one img {
    width: 100%;
}

.ren-debate {
    margin-top: 8px;
}

.ren-debate .ren-deba-bfb {
}

.ren-debate .ren-deba-bfb .bfb {
    width: 50%;
    height: 38px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
}

.ren-debate .ren-deba-bfb .z.bfb {
    color: #FA7D5F;
}

.ren-debate .ren-deba-bfb .y.bfb {
    color: #7BBF1E;
}

.ren-debate .ren-deba-bfb-img .bfb-t {
    width: 43%;
    height: 150px;
    text-align: center;
}

.ren-debate .bfb-t .bfb-ts {
    position: relative;
    margin: 0 auto;
    width: 30px;
    height: 100%;
    background: #E8E8E8;
    border-radius: 3px 3px 0 0;
}

.ren-debate .bfb-t .bfb-ts .bfb-tsxx {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    background: #FA7D5F;
    border-radius: 3px 3px 0 0;
}

.ren-debate .y.bfb-t .bfb-ts .bfb-tsxx {
    background: #7BBF1E;
}

.ren-deba-zc {
    margin-top: 12px;
}

.ren-deba-zc a {
    width: 43%;
    height: 34px;
    line-height: 36px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    border-radius: 3px;
}

.ren-deba-zc .affirmbutton {
    background: #FA7D5F;
}

.ren-deba-zc .negabutton {
    background: #7BBF1E;
}

.ren-deba-zc .ren-deba-vs {
    width: 14%;
    height: 34px;
    line-height: 36px;
    font-size: 28px;
    color: #999;
    text-align: center;
}

.ren-deba-gd {
    margin-top: 12px;
}

.ren-deba-gd .ren-deba-gdbf {
    width: 43%;
}

.ren-deba-gd-t {
    width: 100%;
    height: 34px;
    line-height: 36px;
    background: #E8E8E8;
    font-size: 16px;
    color: #666;
    text-align: center;
    border-radius: 3px;
}

.ren-deba-gd-ts {
    padding: 10px;
    width: 100%;
    line-height: 26px;
    font-size: 14px;
    color: #333;
    border: 1px solid #F0F0F0;
}

.ren-deba-sm {
    margin-top: 15px;
}

.ren-deba-sm p {
    font-size: 14px;
    color: #999;
    text-align: center;
}

.ren_view_flxx .ren_view_flxxnr {
    width: 100%;
    margin-bottom: 10px;
}

.ren_view_flxx .cgtl caption {
    background: #F8F8F8;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    border-top: 1px solid #EEE;
    border-bottom: none;
}

.ren_view_flxx .cgtl th {
    width: 100px;
    font-size: 14px;
    color: #333;
}

.cgtl td, .cgtl th, .cgtl caption {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #EEE;
}

.rtj1009_m_main .cgtl td, .rtj1009_m_main .cgtl th, .rtj1009_m_main .cgtl caption {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #EEE;
}

.ren_hdtie_xx img {
    width: 100%;
    margin: 5px 0;
}

.ren_hdtie_xx .cgtl {
    width: 100%;
    margin-bottom: 10px;
}

.ren_hdtie_xx .cgtl dt {
    width: 100px;
    font-size: 14px;
    color: #333;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #EEE;
}

.cgtl dd, .cgtl caption {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #EEE;
}

.rtj1009_m_main .cgtl dd, .rtj1009_m_main .cgtl caption {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #EEE;
}

.ren_hthie_xx .ren_view_flxxnr {
    width: 100%;
    margin-bottom: 10px;
    line-height: 22px;
}

.ren_hthie_xx .cgtl th {
    width: 100px;
    font-size: 14px;
    color: #333;
}

.ren_hd_bmxx {
    background: #ffF;
    padding-bottom: 10px;
}

.subforumshow {
    padding: 10px;
    border-bottom: 1px solid #F0F0F0;
    line-height: 20px;
    position: relative;
}

.ren_hd_bmxx .subforumshow {
    border: none;
}

.ren_hd_bmxx .subforumshow h3 {
    display: block;
    margin-bottom: 10px;
    background-color: #7BBF1E;
    border-radius: 3px;
    height: 32px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    line-height: 34px;
    font-weight: 400;
}

.ren_m_hdbm, .ren_qxbm {
    padding: 0 10px 10px 10px;
    background: #F5F5F5;
    border-radius: 2px;
}

.ren_m_hdbm .ren_hd_p {
    display: block;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #F30;
}

.ren-activity-btn {
    display: block;
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ren-activity-btn a {
    float: left;
    display: block;
    padding: 0 15px;
    height: 32px;
    line-height: 34px;
    background-color: #F26C4F;
    font-size: 14px;
    border-radius: 3px;
    color: #FFF;
    text-align: center;
}

.ren-activity-btn .ren-activity-bm {
    margin-right: 12px;
    background-color: #7BBF1E;
}

.ren-applylist + .bar-tab {
    display: none !important;
}

.ren-group-mem.ren-apply-b .ren-friend-re li::after {
    display: none;
}

.ren-apply-gd {
    padding-bottom: 12px;
    background: #F5F5F5;
}

.ren-apply-gd ul {
    background: #FFF;
}

.ren-apply-gd ul li {
    height: 44px;
    font-size: 14px;
    overflow: hidden;
}

.ren-isactivity li {
    float: left;
    overflow: hidden;
}

.ren_m_hdbm li {
    position: relative;
    margin: 0 10px;
    line-height: 26px;
    padding: 10px;
    border-bottom: 1px solid #EEE;
    background: #ffF;
    font-size: 14px;
    overflow: hidden;
}

.ren_m_hdbm .act_sue {
    float: left;
    color: #999;
}

.ren_m_hdbm .act_mn {
    margin: 0 0 0 85px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren_m_hdbm .act_mn input {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #555;
}

.ren_m_hdbm .act_mn select {
    width: 100%;
    outline: none;
    border: none;
    height: 26px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.ren_m_hdbm .act_mn p .xi2 {
    display: none;
}

.ren_m_hdbm .ren_act_si, .ren_qxbm .ren_act_si {
    padding: 0px;
    background: #F5F5F5;
}

.ren_m_hdbm .ren_act_si .act_si, .ren_qxbm .ren_act_si .act_si {
    padding: 5px 10px;
    border-bottom: 1px solid #EEE;
    font-size: 14px;
    color: #999;
}

.ren_m_hdbm .act_ml, .ren_qxbm .act_ml {
    padding: 10px 10px 0 10px;
    background: #ffF;
}

.ren_m_hdbm .act_ml textarea, .ren_qxbm .act_ml input {
    width: 100%;
    border: none;
    min-height: 40px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    resize: none;
    outline: none;
}

.ren_m_hdbm .form_mn textarea {
    width: 100%;
    outline: none;
    border: none;
    height: 26px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.act_fai {
    margin: 15px 10px 5px 10px;
    text-align: center;
    background: #7BBF1E;
    overflow: hidden;
    border-radius: 3px;
    color: #FFF;
}

.act_fai button, .act_fai p {
    display: inline-block;
    height: 36px;
    line-height: 38px;
    padding: 0 12px;
    background: #7BBF1E;
    color: #FFF;
    border: none;
    text-align: center;
}

.act_fai button span {
    width: 100%;
    font-size: 16px;
    height: 36px;
    line-height: 38px;
}

.ren_hd_bmlb {
    margin-bottom: 10px;
    border: 1px solid #EEE;
    border-radius: 3px;
}

.ren_hd_bmlb .ren_bmlb_bt {
    padding: 0px 10px;
    background: #F5F5F5;
    border-bottom: 1px solid #E8E8E8;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}

.ren_hd_bmlb ul li {
    float: left;
    padding-bottom: 6px;
    width: 20%;
    overflow: hidden;
    font-size: 13px;
}

.ren_hd_bmlb ul li a {
    display: block;
    margin: 8px 5px 0 5px;
    text-align: center;
}

.ren_hd_bmlb ul li a img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    max-width: none !important;
}

.ren_hd_bmlb ul li p {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
}

.ren_poll {
    margin: 10px 0;
    padding-top: 10px;
    border-top: 1px solid #EEE;
}

.ren_poll .ren_pinf {
    margin-bottom: 5px;
    font-size: 14px;
    color: #F26C4F;
    text-align: center;
}

.ren_poll .ren_ptmr {
    margin-bottom: 10px;
    font-size: 14px;
    color: #F26C4F;
    text-align: center;
}

.ren_po_tpan {
    margin: 15px 10px 5px 10px;
    text-align: center;
    overflow: hidden;
}

.ren_po_tpan input {
    display: block;
    height: 38px;
    line-height: 40px;
    width: 100%;
    background: #7BBF1E;
    border-radius: 2px;
    font-size: 16px;
    color: #FFF;
    border: none;
    text-align: center;
}

.ren_po_tpan span {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #999;
    height: 36px;
    line-height: 36px;
}

.ren_poll .ren_po_pcht li {
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

.ren_poll .ren_po_pcht .ren_pollli {
    margin: 0 5px;
    padding: 4px;
    border: 1px solid #EEE;
}

.ren_poll .ren_po_pcht .ren_pollli a {
    display: block;
    position: relative;
    height: 130px;
    border-radius: 3px;
    overflow: hidden;
}

.ren_poll .ren_po_pcht .ren_pollli img {
    width: 100%;
    vertical-align: middle;
}

.ren_poll .ren_po_gx {
    padding: 2px 10px;
    font-size: 14px;
}

.ren_poll .pcht {
    margin-bottom: 15px;
}

.ren_poll .polltd {
    padding: 4px;
    border: 1px #dfdfdf solid;
    border-radius: 3px;
}

.ren_poll .pcht h4 a {
    color: {
    HIGHLIGHTLINK
};
    text-decoration: underline;
}

.ren_poll .ren_po_pslt {
    width: 26px;
    float: left;
    vertical-align: middle !important;
}

.ren_poll .ren_pvt {
    width: auto;
    float: left;
    font-size: 14px;
    line-height: 26px;
}

.ren_poll .ren_pvt label {
    cursor: pointer;
}

.ren_poll .pvts {
    width: 100px;
}

.ren_poll .pinf {
    margin: 15px 0;
    color: {
    LIGHTTEXT
};
}

.ren_poll .pinf strong {
    color: {
    MIDTEXT
};
}

.ren_poll .pinf a {
    color: {
    HIGHLIGHTLINK
};
}

.ren_poll .ptmr {
    margin: -10px 0 15px;
}

.ren_poll .ren_img_jc {
    position: relative;
    padding-bottom: 3px;
    height: 20px;
    background: #e9e9e9;
    border-radius: 0 10px 10px 0;
    font-size: 14px;
}

.ren_poll .jdt {
    display: block;
    width: 1px;
    height: 20px;
    background: #f2a61f;
    border-radius: 0 10px 10px 0;
}

.ren_poll .imgfc {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 5%;
    width: 90%;
    line-height: 20px;
}

.ren_poll .ren_po_pcht li.ren_ptl {
    width: 100%;
    font-size: 14px;
}

.ren_poll .ren_po_pcht li.ren_po_jd {
    width: 100%;
    font-size: 14px;
}

.ren_poll .ren_po_pr {
    vertical-align: middle;
    margin: 0 5px 4px 0;
    padding: 0;
    _margin-right: 2px;
}

.ren_poll .ren_po_pbg {
    float: left;
    height: 18px;
    margin-right: 10px;
    width: 70%;
    border-radius: 0 10px 10px 0;
    background: #F2F2F2;
}

.ren_poll .ren_po_pbg .ren_po_pbr {
    height: 18px;
    width: 100%;
    background-color: #5AAF4A;
    background-position: 0 -16px;
    background-repeat: repeat-x;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 10px 10px 0;
}

.ren_poll .ren_po_bfb {
    height: 18px;
    line-height: 18px;
}

.ren_rwd {
    margin: 5px 0;
    padding: 12px;
    background: #F2F2F2;
    font-size: 14px;
    border-radius: 3px;
    overflow: hidden;
}

.ren_rwd .ren_rusld {
    display: block;
    width: 50%;
}

.ren_rwd .ren_yuanbao {
    background: url(../image/ren_yuanbao.png) no-repeat;
    display: block;
    float: left;
    margin-top: 5px;
    width: 24px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.ren_rwd .ren_rwd_jb {
    display: block;
    float: left;
    padding-left: 10px;
    color: #F26C4F;
    line-height: 32px;
}

.ren_rwd .ren_rwd_jb cite {
    font-size: 22px;
    line-height: 32px;
}

.ren_rwd_an {
    float: left;
    width: 50%;
    margin-top: 1px;
}

.ren_rwd_an button {
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    border: none;
}

.ren_rwd_an .ren_rwd_anniu {
    float: right;
    display: block;
    height: 32px;
    line-height: 34px;
    background-color: #7BBF1E;
    color: #FFF;
    padding: 0 12px;
    border-radius: 2px;
    font-size: 14px;
    overflow: hidden;
    border: none;
}

.ren_rwdn {
    margin-top: 5px;
}

.ren_rwdbst {
    padding: 0 10px 15px 10px;
    margin-top: 10px;
    background: #FDFBEC;
    border: 1px dashed #ECE7D5;
    border-radius: 3px;
}

.ren_rwdbst .ren_rwd_daan {
    padding: 3px 10px;
    border-bottom: 1px solid #EEE;
    font-size: 14px;
    color: #F26C4F;
}

.ren_rwdbst .ren_rwd_daan .ren_psth {
    float: left;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    font-weight: 400;
}

.ren_rwdbst .ren_rwd_daan .ren_psta {
    float: right;
}

.ren_rwdbst .ren_rwd_daan .ren_psta img {
    float: left;
    margin: 4px 5px 0 0;
    width: 28px;
    height: 28px;
    border-radius: 50px;
}

.ren_rwdbst .ren_rwd_daan .ren_psta a {
    float: right;
    font-size: 14px;
    color: #F26C4F;
    line-height: 36px;
}

.ren_rwdbst .ren_pstl {
    padding: 2px 10px 10px 10px;
    background: #ffF;
}

.ren_lc_sj .ren-view-zjda a {
    margin-left: 4px;
    color: #777;
}

.ren_lc_sj .ren-view-zjda a .ren-font {
    margin-right: 2px;
    color: #FFA300;
    top: -1px;
}

.ren-attach {
    margin: 5px 0;
    padding: 10px;
    background: #F2F2F2;
    font-size: 12px;
    border-radius: 3px;
    overflow: hidden;
}

.ren-attach img {
    margin-top: 3px !important;
    margin-right: 5px !important;
    float: left;
    height: 18px;
}

.ren-attach span {
    line-height: 22px;
    font-size: 15px;
    color: #F26C4F;
}

.ren-attach .ren-attach-i {
    float: right;
    margin: 4px 4px 0 0;
    width: 42px;
    height: 42px;
    background: #FFA300;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
}

.ren-attach i {
    line-height: 44px;
    font-size: 24px;
    color: #FFF;
}

.ren-attach p {
    line-height: 22px;
    font-size: 12px;
    color: #999;
}

.ren-attach-gm {
    margin-top: 5px;
    overflow: hidden;
}

.ren-attach-gm a {
    display: block;
    float: left;
    padding: 0 12px;
    height: 24px;
    line-height: 26px;
    background-color: #F26C4F;
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
}

.ren-attach-gm a.yi {
    margin-right: 12px;
}

.ren-attach-gm a.e {
    background-color: #7BBF1E;
}

.ren-replycredit {
    margin: 5px 0;
    padding: 12px;
    background: #F2F2F2;
    font-size: 14px;
    border-radius: 3px;
    overflow: hidden;
}

.ren-reply {
    color: #F26C4F;
}

.postlist .ren_ss_wu {
    margin-bottom: 0;
}

.ren_img_list {
    margin-top: 6px;
}

.ren_fu_img a img {
    margin-top: 8px;
    max-width: 100%;
    vertical-align: middle;
}

.ren_share_ts {
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../icon/ren_wx_share.png) rgba(0, 0, 0, 0.65) no-repeat;
    z-index: 110;
    background-size: 100%;
    background-position: 0 0;
}

.ren-credit-z {
    margin-top: 12px;
    padding: 15px 12px;
    background-color: #7BBF1E;
}

.ren-credit-zxx {
    overflow: hidden;
    color: #FFF;
}

.ren-credit-zxx h3 {
    float: left;
    line-height: 50px;
    font-size: 20px;
}

.ren-credit-zxx p {
    float: left;
    margin-left: 10px;
    font-size: 30px;
}

.ren-credit-zsm {
    font-size: 14px;
    color: #FFF;
}

.ren-credit-zsm u {
    text-decoration: none;
}

.ren-credit ul {
    margin-top: 12px;
    border-top: 1px solid #EEE;
}

.ren-credit ul li {
    position: relative;
    line-height: 26px;
    padding: 10px 12px;
    border-bottom: 1px solid #EEE;
    background: #FFF;
    font-size: 15px;
    color: #333;
    overflow: hidden;
}

.ren-credit ul li span {
    float: left;
    width: 60px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren-credit .ren-credit-cz {
    float: right;
    color: #F26C4F;
}

.ren-credit-log .ren-notice-avt, .ren-credit-log .ren-notice-wuavt {
    border-radius: 3px;
}

{
    border-radius: 3px
;
}
.ren-credit-log .ren-notice-date {
    font-size: 12px;
    color: #999;
}

.ren-credit-log .ren-notice-note a {
    color: #333;
}

.ren-credit-log .ren-notice-wuavt {
    padding-top: 7px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
}

.ren-credit-log .ren-notice-wuavt span {
    display: block;
    line-height: 20px;
    font-size: 18px;
    color: #FFF;
}

.ren-credit-log .ren-credit-op {
    margin-left: 60px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
}

.ren-credit-log .ren-credit-op a {
    color: #999;
}

.ren-credit-log .ren-credit-op a strong {
    color: #F26C4F;
    font-weight: 500;
}

.ren-credit-exchange {
    margin: 15px 0;
    background: #FFF;
    border-bottom: 1px solid #F0F0F0;
}

.ren-credit-exchange li {
    position: relative;
    line-height: 26px;
    padding: 12px;
    border-bottom: 1px solid #EEE;
    background: #FFF;
    font-size: 15px;
    overflow: hidden;
}

.ren-credit-exchange li.yi {
    border-bottom: none;
}

.ren-credit-exc {
    float: left;
    width: 48%;
}

.ren-credit-exc.yi {
    margin-right: 3%;
}

.ren-credit-exc span {
    float: left;
    padding-right: 6px;
    height: 24px;
    line-height: 26px;
    font-size: 15px;
    color: #666;
}

.ren-credit-exc .ren-credit-expx {
    float: left;
    padding-left: 5px;
    margin-right: 5px;
    height: 24px;
    line-height: 26px;
    font-size: 15px;
    color: #666;
    border: none;
    border-bottom: 1px solid #F0F0F0;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
}

.ren-credit-exc .ren-credit-exps {
    float: left;
    height: 24px;
    line-height: 26px;
    font-size: 14px;
    color: #666;
    background: #FFF;
    border: 1px solid #F0F0F0;
}

.ren-credit-exchange .taxpercent {
    padding: 0 12px 12px 12px;
    font-size: 13px;
    color: #F26C4F;
    border-bottom: 1px solid #EEE;
}

.ren-credit-exli .ren-credit-mm {
    float: left;
    padding-right: 10px;
    line-height: 26px;
    color: #999;
}

.ren-credit-exli .ren-credit-mmk {
    float: left;
}

.ren-credit-exli .ren-credit-mmk input {
    display: block;
    margin: 0;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    border: none;
    border-radius: 0;
    box-shadow: none;
    appearance: none;
}

.ren-credit-exc.e {
    width: 100%;
    color: #666;
}

.ren-credit-exc.e .ren-credit-expx {
    float: initial;
}

.ren-credit-exc span#desamount {
    float: initial;
    color: #F26C4F;
    font-size: 16px;
}


.ren-credit-exchange .sec_code {
    padding: 10px 12px;
    background: #FFF;
    border-bottom: 1px solid #EEE;
}

.ren-view-cm {
    margin: 8px 0;
    padding: 10px;
    background: #FDFBEC;
    border: 1px dashed #ECE7D5;
    font-size: 12px;
    border-radius: 3px;
    overflow: hidden;
}

.ren-view-cm ul li {
    line-height: 24px;
    font-size: 12px;
    color: #333;
}

.ren-view-cm ul li a {
    color: #F26C4F;
}

.rtj1009_m_main .message table {
    width: 100%;
    border-bottom: 1px solid #F0F0F0;
}

.rtj1009_m_main .message table td {
    padding: 5px;
    line-height: 20px;
    font-size: 14px;
    border: 1px solid #F0F0F0;
}

.rtj1009_m_main .message .ren_rwdn table {
    width: 100%;
    border-bottom: none;
}

.rtj1009_m_main .message .ren_rwdn table td {
    padding: 0px;
    line-height: 26px;
    font-size: 16px;
    border: none;
}

/*----- pop -----*/
.tip {
    width: 300px;
    background: #FFF;
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
}

.ren-hf-post {
    width: 90%;
}

.tip dt {
    padding: 40px 20px;
    font-size: 15px;
    box-sizing: initial;
}

.tip .ren_lc_jbxx {
    padding: 40px 20px;
    font-size: 15px;
    box-sizing: initial;
    overflow: hidden;
}

.tip .ren_lc_jbxx br {
    display: none;
}

.tip dd {
    height: 44px;
    line-height: 44px;
    padding: 0 0 0 0;
    background: #ffF;
    border-top: 1px solid #EEE;
    border-radius: 0 0 5px 5px;
}

.tip dt p {
    line-height: 24px;
}

.tip dt .xi1 {
    color: #FF4444;
}

.tip dd .button {
    width: 100%;
    color: #444;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    font-size: 15px;
}

.tip dd input, .tip dd a {
    width: 50%;
    float: left;
    text-align: center;
    height: 43px;
    line-height: 45px;
    background: #ffF;
    color: #444;
    border: 0;
    font-size: 15px;
    border-radius: 0 0 0 5px;
}

.tip dd input.close-popup {
    width: 100%;
}

.tip dd input {
    border-radius: 0 0 0 5px;
}

.tip dd a {
    border-radius: 0 0 5px 0;
}

#moderateform dt label {
    float: left;
    width: 50%;
}


.ren_tip {
    padding-top: 45px;
    width: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ren_tip form {
    padding: 90px 25px;
    font-size: 15px;
}

.ren_tip dt {
    color: #444;
}

.ren_tip dt .txt {
    padding: 0 5px;
    color: #999;
    margin-bottom: 20px;
}

.ren_tip dt p {
    float: left;
    line-height: 24px;
    margin-bottom: 20px;
}

.ren_tip dt p span {
    color: #FF4444;
}

.ren_tip dd {
    background: #ffF;
    padding-top: 10px;
}

.ren_tip .ren_rfm input.ren_pn {
    float: left;
}

.ren_tip .ren_rfm a.ren_ljzc {
    float: right;
    color: #7BBF1E;
    display: block;
}

.ren-post-nav {
    height: 45px;
    background: #F2F2F2;
}

.ren-post-nav .ren-post-in {
    width: 75%;
    height: 45px;
}

.ren-post-nav .ren-post-in span {
    float: left;
    line-height: 45px;
    font-size: 16px;
    color: #666;
}

.ren-post-nav .ren-post-in span.info_value {
    color: #F26C4F;
}

.ren-post-nav .ren_list_nav {
    width: 25%;
    height: 45px;
}

.ren-post-nav .ren_list_nav a {
    display: block;
    line-height: 45px;
    font-size: 14px;
    color: #666;
    z-index: 20;
}

.ren-hf-post .ren_kshf {
    background: #FFF;
}

.ren-hf-post .ren_kshf .ren_post_nr {
    border-bottom: 0;
}

.ren-hf-post .ren_kshf .ren_post_nr.tu {
    padding: 30px 20px;
}

.tip.ren-hf-post dd input, .tip.ren-hf-post dd a {
    border-radius: inherit;
}

.ren-hf-post .ren_kshf .item-input {
    float: left;
    padding: 0 12px 20px 12px;
}

.tip dd input.color {
    color: #F26C4F;
}

.ren-post-nav .ren-post-wall {
    width: 100%;
    height: 45px;
}

.ren-post-nav .ren-post-wall span {
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 47px;
    color: #333;
}

.ren-tip-input {
    width: 100%;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #F0F0F0;
    resize: none;
    font-size: 15px;
    vertical-align: middle;
}


.ren_m_tip {
    width: 280px;
    background: #ffF;
    margin: 0 auto;
    border: 1px solid #D7D7D7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.ren_m_tip dt {
    padding: 20px;
    font-size: 15px;
}

.ren_m_tip dt span {
    padding: 10px 0;
    font-size: 15px;
    display: block;
    overflow: hidden;
}

.ren_m_tip dd {
    background: #ffF;
    border-top: 1px solid #D7D7D7;
}

.ren_m_tip dd a {
    width: 50%;
    float: left;
    text-align: center;
    height: 42px;
    line-height: 42px;
    background: #ffF;
    color: #444;
    border: 0;
    font-size: 15px;
}

.ren_m_tip .ren_tip_pn {
    width: 50%;
    float: left;
    text-align: center;
    height: 42px;
    line-height: 42px;
    background: #ffF;
    color: #444;
    border: 0;
    font-size: 15px;
}

.tip.ren_jb_tip dt {
    height: 60px;
}

.tip .ren_lc_jbbt {
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #F5F5F5;
    border-bottom: 1px solid #F0F0F0;
    font-size: 16px;
    text-align: center;
}

.tip .ren_lc_jbxx label {
    width: 50%;
    float: left;
    line-height: 30px;
}


.ren_qtzhdl {
    padding: 30px 15px;
}

.ren_qtzhdl .ren_qtzh {
    border-top: 1px solid #DDD;
    height: 20px;
    width: 100%;
}

.ren_qtzhdl .ren_qtzh span {
    margin: -10px auto 0;
    color: #999;
    font-size: 14px;
    display: block;
    width: 140px;
    text-align: center;
    background-color: #F3F3F3;
    height: 20px;
    line-height: 20px;
}

.ren_qtzhdl .ren_qqlogin {
    text-align: center;
}

.ren_qtzhdl .ren_qqlogin a {
    padding: 30px;
    display: block;
}

.ren_qtzhdl .ren_qqlogin .ren_qq {
    background: url(../image/ren_qq.png) no-repeat;
    background-position: center;
    background-size: 50px;
}

.ren-rate-nav {
    background: #F5F5F5;
    padding-bottom: 10px;
}

.ren-rate-nav p {
    line-height: 22px;
    font-size: 12px;
    color: #999;
}

.rate-close {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0 10px;
}

.rate-close .ren-font {
    line-height: 38px;
    font-size: 22px;
    color: #777;
}

.ren-rate-author {
    display: block;
    padding-top: 12px;
    text-align: center;
}

.ren-rate-author img {
    display: block;
    margin: 0 auto;
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.ren-rate-author p {
    margin-top: 6px;
    line-height: 24px;
    font-size: 15px;
    color: #333;
    overflow: hidden;
}

.ren-rate-tip .list-block {
    margin: 0 0;
    font-size: 15px;
    color: #888;
}

.ren-rate-tip .list-block .item-content {
    padding-left: 17px;
    padding-right: 17px;
    min-height: 42px;
}

.ren-rate-tip .list-block input[type=text] {
    height: 41px;
    color: #F26C4F;
}

.ren-rate-tip .list-block input.ren-reason {
    padding-left: 0;
}

.ren-rate-tip .list-block .item-media + .item-inner, .ren-rate-tip .list-block .item-inner {
    min-height: 41px;
}

.list-block .item-inner.ren-sendreasonpm {
    padding-right: 0;
    border-bottom: 0;
}

.ren-sendreasonpm .label-switch {
    float: right;
}

.ren-rate-tip .ren_login {
    padding-top: 5px;
    padding-bottom: 14px;
}

.ren-rate-tip .ren_login .ren_btn {
    background-color: #7BBF1E;
    border-radius: 3px;
}

.ren-rate-tj {
    padding: 0 12px;
    height: 48px;
    line-height: 50px;
    background: #FFF;
    border-bottom: 1px solid #F0F0F0;
    font-size: 15px;
}

.ren-rate-tj span {
    color: #F26C4F;
    font-size: 16px;
}

.ren-view-log {
    margin-top: 12px;
    background: #FFF;
}

.ren-view-log ul li {
    padding: 0 12px;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren-view-logimg {
    display: block;
    padding: 10px 0;
    overflow: hidden;
}

.ren-view-logimg img {
    float: left;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    border-radius: 50%;
}

.ren-view-author {
    overflow: hidden;
}

.ren-view-author span {
    float: left;
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
}

.ren-view-author p {
    float: left;
    margin-left: 8px;
    line-height: 24px;
    color: #F26C4F;
    font-size: 12px;
}

.ren-view-logimg .time {
    line-height: 28px;
    color: #999;
    font-size: 12px;
}

.ren-view-reason {
    line-height: 20px;
    color: #999;
    font-size: 12px;
}

.ren-friend-top {
    margin-top: 10px;
    padding-bottom: 15px;
}

.ren-friend-top .item-inner.after::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 8px;
    top: 19px;
}

.ren-rate-tip .ren-rate-nav a p i.color {
    color: #F26C4F;
}

.ren-attach-view .ren-view-logimg .time {
    line-height: 46px;
    color: #F26C4F;
}

.ren-attach-view .ren-view-author span {
    height: 44px;
    line-height: 46px;
}

.ren-attach-view .ren-view-author p {
    height: 44px;
    line-height: 46px;
    color: #999;
}

/*----- page -----*/

/*----- myinfo -----*/
.rtj1009_lai_ct {
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 42px;
    background: #F3F3F3;
    border-top: 1px solid #F0F0F0;
}

.ren_g_mn {
    overflow: hidden;
}

.ren_mbm {
    border-top: 1px solid #EEE;
    background-color: #FFF;
    margin-bottom: 10px;
}

.ren_gxxs_bt {
    border-bottom: 1px solid #EEE;
    padding: 10px;
}

.ren_gxxs_bt h3 {
    font-size: 16px;
}

.ren_gxxs_xx {
    padding: 0 12px;
    font-size: 15px;
    overflow: hidden;
}

.ren_lai_mn .ren_gxxsz_xx li {
    line-height: 40px;
    padding: 5px 0;
    border-bottom: 1px solid #EEE;
    overflow: hidden;
}

.ren_gxxsz_xx .ren_gxxx_lb {
    float: left;
    color: #999;
}

.ren_gxxsz_xx .ren_lb_mbn {
    margin: 0 0 0 85px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren-you-jian .ren_lb_mbn {
    height: 40px;
}

.ren-you-verify .ren_lb_mbn a img {
    margin-top: 8px !important;
    width: inherit !important;
    height: 20px !important;
}

.ren_gxxsz_xx .ren-you-qian .ren_lb_mbn {
    text-overflow: inherit;
    white-space: inherit;
}

.ren-you-qian img {
    width: 100%;
    height: 100%;
}

.ren_gxxsz_xx .ren_lb_mbn a img {
    width: 16px;
    margin-top: 12px;
}

.ren_gxxsz_xx .ren_lb_mbn span {
    float: left;
}

.ren_gxxsz_xx .ren-mymedals {
    width: 182px;
    float: left;
    height: 40px;
    overflow: hidden;
}

.ren_gxxsz_xx .medal {
    margin-right: 10px;
}

.ren_gxxsz_xx .ren_lb_mbn .medal img {
    margin-top: 8px;
    height: 28px;
}

.ren_gxxsx_xx li {
    float: left;
    width: 33.3333%;
    height: 50px;
    text-align: center;
}

.ren_gxxsx_xx li:nth-child(4n) {
    display: none;
}

.ren_gxxsx_xx a {
    float: left;
    width: 33.3333%;
    height: 50px;
    text-align: center;
}

.ren_gxxsx_xx span {
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    color: #999;
}

.ren_gxxsx_xx .ren_gxxx_tc {
    overflow: hidden;
    color: #555;
    font-weight: 700;
    text-align: center;
}

.ren-wu-medal {
    color: #999;
}

.rtj1009_nv_top {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    z-index: 1;
    overflow: hidden;
}

.rtj1009_nv_tb {
    height: 36px;
    line-height: 36px;
    position: relative;
    overflow: hidden;
}

.rtj1009_nv_tb li {
    float: left;
    position: relative;
    display: block;
    margin: 0;
    width: 20%;
    font-size: 14px;
    text-align: center;
}

.rtj1009_nv_tb .a a {
    background: #7BBF1E;
}

.rtj1009_nv_tb a {
    display: block;
    color: #FFF;
    position: relative;
    overflow: hidden;
}

.rtj1009_nv_gl {
    padding-right: 10px;
}

.rtj1009_nv_gl .showmenu {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
}

.rtj1009_myall {
    background: #F3F3F3;
}

.rtj1009_menu_nv {
    width: 100%;
    position: relative;
    height: 215px;
    background: url(../image/1009.jpg) no-repeat;
    background-size: cover;
}

.ren-menu {
    width: 100%;
    padding-top: 20px;
    text-align: center;
    overflow: hidden;
    z-index: 5;
}

.ren-menu .ren-menu-avatar {
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.6);
    width: 80px;
    height: 80px;
    padding: 2px;
}

.p-t-0 .rtj1009_menu_nv {
    padding-top: 40px;
    height: 240px;
}

.ren-menu img {
    width: 80px;
    height: 80px;
    vertical-align: top;
    border-radius: 50%;
}

.ren-menu-item {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.ren-menu-item .ren-menu-name {
    padding: 8px 0;
}

.ren-menu-item .ren-menu-name span {
    line-height: 28px;
    font-size: 20px;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}

.ren-menu-follow {
    width: 100%;
    position: relative;
}

.ren-menu-follow span {
    line-height: 18px;
    font-size: 13px;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}

.ren-menu-follow .info_label {
    margin: 0 5px 0 0;
}

.ren-menu-follow span:first-child {
    margin-left: 0px;
}

.ren-menu-follow .ren-menu-shu {
    padding: 0 8px;
    opacity: 0.6;
}

.ren-menu-sig {
    padding: 0 20px;
    height: 28px;
    line-height: 30px;
    font-size: 13px;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ren-menu-sig img {
    display: none;
}

.ren_kj_listtop .ren_kj_rk .ren_kj_jj em img {
    display: none;
}

.ren-menu-privacy {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.ren-menu-privacy .ren-menu-name {
    padding: 8px 0;
}

.ren-menu-privacy .ren-menu-name span {
    line-height: 28px;
    font-size: 20px;
    color: #333;
}

.ren-privacy-not {
    margin: 15px;
    padding: 20px;
    line-height: 24px;
    font-size: 13px;
    border: 1px dashed #FF9A9A;
}

.ren-tbms-r {
    padding: 10px;
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
    background: #FDFBEC;
    border: 1px dashed #ECE7D5;
    color: #F26C4F;
    border-radius: 2px;
}

.showhide h4, .locked {
    width: 100%;
    padding: 8px;
    margin: 12px 0;
    font-size: 14px;
    line-height: 24px;
    background: #FDFBEC;
    border: 1px dashed #ECE7D5;
    color: #F26C4F;
    border-radius: 2px;
    text-align: center;
    font-weight: 400;
}

.locked a {
    margin: 0 5px;
}

.ren_gb {
    margin-top: 5px;
    overflow: hidden;
}

.ren_gb li {
    width: 49px;
    float: left;
    text-align: center;
    border-right: 1px solid #E5E5E5;
}

.ren_gb li:nth-child(2n) {
    border-right: none;
}

.ren_gb li p {
    display: block;
    font-weight: 700;
    width: 100%;
    line-height: 18px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}

.ren_gb li span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.ren_menu_mn, .flw_hd {
    position: absolute;
    padding: 5px 0 16px 160px;
    height: 28px;
    margin-top: 110px;
    z-index: 101;
}

.ren_mt {
    width: 100%;
    font-size: 20px;
    float: left;
    margin-right: 17px;
}

.ren_mt span {
    line-height: 28px;
    color: #fff;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}

.ren_addflw, .ren_pm2 {
    margin-top: 10px;
}

.ren_addflw a {
    height: 30px;
    line-height: 32px;
    text-align: center;
    margin-right: 15px;
    padding: 0 12px;
    font-size: 12px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #7BBF1E;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    color: #fff;
}

.ren_addflw .flw_status_1 {
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 12px;
    font-size: 12px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 8px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    color: #fff;
    background: #7BBF1E;
}

.ren_pm2 a {
    height: 30px;
    line-height: 32px;
    text-align: center;
    padding: 0 12px;
    font-size: 12px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    color: #555;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

.ren_kj_listtop {
    margin-bottom: 10px;
    padding-top: 10px;
    background: #F5F5F5;
}

.ren_kj_listtop .ren_kj_rk {
    display: block;
    background: #FFF;
    padding: 13px 15px 13px 20px;
    font-size: 16px;
    color: #444;
    position: relative;
    border-bottom: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren_kj_listtop .ren_kj_rk .ren_kj_jj {
    display: block;
    margin-top: 2px;
    margin-right: 30px;
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    overflow: hidden;
}

.ren_kj_listtop .ren_kj_rk .ren_kj_jj span {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    overflow: hidden;
    color: #333;
}

.ren_kj_listtop .ren_kj_rk .ren_kj_jj em {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    overflow: hidden;
    color: #777;
}

.ren_kj_listtop .ren_kj_rk em {
    float: left;
    display: block;
    margin-right: 12px;
}

.ren_kj_listtop .ren_kj_rk .ren-pr-avatar {
    position: relative;
    float: left;
    display: block;
    margin-right: 12px;
    border-radius: 50%;
    overflow: hidden;
}

.ren-pr-avatar img {
    display: block;
    vertical-align: top;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.ren_kj_listtop .ren_kj_rk::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 38px;
}

.rtj1009-avatar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #202026;
    overflow: hidden;
    z-index: 110;
}

#clipArea {
    height: 100%;
}

.rtj1009-avatar-foo {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 54px;
    background: #303036;
    overflow: hidden;
    z-index: 111;
}

.rtj1009-avatar-foo button {
    margin: 11px 12px;
    padding: 0 15px;
    height: 32px;
    line-height: 34px;
    background-color: #7BBF1E;
    font-size: 14px;
    color: #FFF;
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 0;
}

.rtj1009-avatar-foo button.ren_btn {
    background-color: #555;
}

.ren_kj_rk .ren-pr-avatar input {
    display: block;
    position: absolute;
    width: 56px;
    height: 56px;
    line-height: 30px;
    opacity: 0;
    padding: 0;
    background: #FFF;
    font-size: 12px;
    color: #555;
    border-radius: 50%;
    outline: none;
    border: none;
}

.ren_kj_rk .ren-pr-avatar span {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 55px;
    height: 20px;
    line-height: 18px;
    background: rgba(0, 0, 0, 0.45);
    font-size: 12px;
    color: #FFF;
    text-align: center;
}

.ren_kjtie_list {
    margin-top: 0px !important;
}

.ren-profile-me a .icon {
    width: 25px;
    height: 32px;
    line-height: 34px;
    padding: 0;
    font-size: 24px;
}

.ren-profile-me a.yi .icon {
    font-size: 25px;
    color: #7BBF1E;
}

.ren-profile-me a.e .icon {
    color: #008EEB;
}

.ren-profile-me a.san .icon {
    color: #FA6567;
}

.ren-profile-me a.si .icon {
    font-size: 25px;
    color: #61CC73;
}

.ren-profile-me a.wu .icon {
    color: #43A6DF;
}

.ren-profile-me a.liu .icon {
    color: #F34548;
}

.ren-profile-me a.qi .icon {
    color: #FFA800;
}

.ren-profile-me a.ba .icon {
    font-size: 25px;
    color: #FA7D5F;
}

.ren_fx_fl.ren-profile-me ul li a p {
    color: #444;
}

.ren_kj_list2 {
    margin-bottom: 15px;
    background: #ffF;
    border-top: 1px solid #F0F0F0;
}

.ren_kj_list2 a {
    display: block;
    height: 50px;
    line-height: 52px;
    padding: 0 17px 0 20px;
    background: #FFF;
    font-size: 16px;
    color: #444;
    position: relative;
    border-bottom: 1px solid #F0F0F0;
}

.ren_kj_list2 a .icon {
    margin-right: 18px;
    width: 20px;
    padding: 0;
    font-size: 23px;
    top: -3px;
}

.ren_kj_list2 a.ren_kj_mm .icon {
    color: #45A29F;
}

.ren_kj_list2 a.ren_kj_jf .icon {
    color: #FA7D5F;
}

.ren_kj_list2 a.ren_kj_rw .icon {
    color: #43A6DF;
}

.ren_kj_list2 a.ren_kj_sz .icon {
    color: #FFA800;
}

.ren_kj_list2 a.ren_kj_tc .icon {
    top: -2px;
    color: #F34548;
}

.ren_kj_list2 a::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 21px;
}

.ren_kj_list3 {
    margin-bottom: 10px;
    background: #ffF;
    border-top: 1px solid #F0F0F0;
}

.ren_kj_list3 a {
    display: block;
    height: 50px;
    line-height: 52px;
    padding: 0 17px 0 20px;
    background: #FFF;
    font-size: 16px;
    color: #444;
    position: relative;
    border-bottom: 1px solid #F0F0F0;
}

.ren_kj_list3 a .icon {
    margin-right: 18px;
    width: 20px;
    padding: 0;
    font-size: 23px;
    top: -3px;
}

.ren_kj_list3 a.ren_fgps .icon {
    font-size: 22px;
    color: #FA7D5F;
}

.ren_kj_list3 a.ren_kj_pm .icon {
    color: #F34548;
}

.ren_kj_list3 a.ren_kj_tx .icon {
    color: #FFA800;
}

.ren_kj_list3 a.ren_kj_zl .icon {
    color: #61CC73;
}

.ren_kj_list3 a.ren_kj_wxsz .icon {
    color: #7BBF1E;
}

.ren_kj_list3 a.ren_kj_sjhsz .icon {
    color: #FA6567;
}

.ren_kj_list3 a::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 21px;
}

.ren_kj_list3 .ren-profile-night {
    display: block;
    height: 50px;
    line-height: 52px;
    padding: 0 17px 0 20px;
    background: #FFF;
    font-size: 16px;
    color: #444;
    position: relative;
    border-bottom: 1px solid #F0F0F0;
}

.ren_kj_list3 .ren-profile-night .icon {
    margin-right: 18px;
    width: 20px;
    padding: 0;
    font-size: 23px;
}

.ren-profile-night .ren-sendreasonpm .label-switch {
    margin-top: 14px;
}

.rtj1009_ct2 {
    background: #F5F5F5;
    position: relative;
}

.rtj1009_zcd {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
}

.rtj1009_zcd ul {
    height: 36px;
    line-height: 36px;
    position: relative;
    overflow: hidden;
    background: #ffF;
}

.rtj1009_zcd ul li {
    width: 33.33%;
    float: left;
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    height: 36px;
    border-bottom: 1px solid #E7E7E7;
    text-align: center;
}

.rtj1009_zcd ul a.a::after {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #7BBF1E;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
}

.rtj1009_zcd ul li a {
    position: relative;
    display: block;
    padding: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 16px;
    font-size: 14px;
    color: #666;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.ren_sz_bt a {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    overflow: hidden;
    z-index: 99;
    left: 0;
    bottom: 0;
}


.rtj1009_sz_mn {
    background: #FFF;
}

.ren_sz_z {
    margin-bottom: 10px;
    padding: 5px;
}

.rtj1009_sz_mn ul li {
    float: left;
    width: 33.33%;
    padding: 5px;
}

.rtj1009_sz_mn ul li .c {
    overflow: hidden;
}

.rtj1009_sz_mn ul li a {
    display: block;
    position: relative;
}

.rtj1009_sz_mn ul li a img {
    width: 100%;
    vertical-align: top;
}

.rtj1009_sz_mn ul li a p {
    width: 100%;
    height: 28px;
    line-height: 30px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    overflow: hidden;
    left: 0;
    bottom: 0;
}

.rtj1009_sz_mn ul li a span {
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
}

.ren_sz_z .emp {
    padding: 20px;
    background: #FFF;
    font-size: 14px;
    text-align: center;
}

.ren_lai_mn {
    background: #F3F3F3;
}

.ren_ly_bm {
    padding: 10px 10px 0 10px;
    background: #FFF;
    position: relative;
    overflow: hidden;
}

.ren_ly_bm .emp {
    padding: 20px;
    background: #ffF;
    font-size: 14px;
    text-align: center;
}

.ren_lai_mn li {
    width: 100%;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.ren-you-jian::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 3px;
    top: 21px;
}

.ren_lai_mn li a {
    width: 100%;
    display: block;
    position: relative;
}

.ren_lai_mn li a.ren-pr-xxa {
    float: right;
    width: auto;
    display: block;
    padding-right: 15px;
    font-size: 14px;
    color: #FE7242;
}

.ren_lai_mn li a img {
    width: 100%;
    vertical-align: top;
}

.ren_lai_xc a {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    background: #ffF;
    position: fixed;
    overflow: hidden;
    z-index: 99;
    left: 0;
    bottom: 0;
}

.ren_lai_xc a span {
    height: 36px;
    padding: 0 12px;
    background: #7BBF1E;
    color: #FFF;
    position: absolute;
    left: 50%;
    margin-left: 0;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
}

.ren_ly_c {
    background: #FFF;
    position: relative;
    overflow: hidden;
}

.ren_ly_c .pic {
    width: 100%;
    padding-bottom: 10px;
    overflow: hidden;
}

.ren_ly_c .pic a {
    width: 100%;
    display: block;
    position: relative;
}

.ren_ly_c .pic img {
    max-width: 100%;
    vertical-align: top;
}

.ren-wall-list ul {
    padding-bottom: 10px;
    background: #F5F5F5;
    border-top: 1px solid #F0F0F0;
}

.ren-wall-list .ren-wall-li {
    padding: 10px 12px;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
    position: relative;
    background: #FFF;
}

.ren-wall-list .ren_lc_xx {
    padding-bottom: 5px;
    overflow: hidden;
    position: relative;
}

.ren-wall-list .ren_lc_xx .avatar {
    float: left;
    margin-right: 10px;
    width: 36px;
    height: 36px;
    display: block;
    overflow: hidden;
}

.ren-wall-list .ren_lc_xx .avatar img {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}

.ren-wall-list .ren_lc_xx .ren_lc_zz {
    margin-left: 46px;
}

.ren-wall-list .ren_lc_xx .ren_lc_zzxx {
    width: 100%;
    display: block;
    height: 18px;
    overflow: hidden;
    position: relative;
}

.ren-wall-list .ren_lc_xx .ren_lc_zzxx .ren_zz_mz {
    font-size: 15px;
    line-height: 18px;
    color: #666;
}

.ren-wall-list .ren_lc_sj {
    line-height: 18px;
    color: #999;
}

.ren-wall-comment {
    margin-left: 46px;
    line-height: 26px;
    font-size: 15px;
    color: #333;
}

.ren-wall-comment .quote {
    padding: 10px 10px 7px 11px;
    margin: 5px 0;
    background: #F5F5F5;
    font-size: 12px;
    color: #777;
}

.ren-wall-comment img {
    margin: 1px 1px 0;
    width: 26px;
}

.ren-wall-listgl {
    position: absolute;
    top: 2px;
    right: 0;
}

.ren-wall-listgl a {
    display: inline-block;
    margin-left: 7px;
    background: #F8F8F8;
    border: 1px solid #F5F5F5;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 3px;
}

.ren-wall-listgl .icon {
    font-size: 16px;
    color: #999;
}

.ren-wall-list .pgs {
    margin-bottom: 12px;
}

.ren-blog-in {
    position: absolute;
    top: 13px;
    right: 0;
    color: #999;
    font-size: 12px;
    overflow: hidden;
}

.ren-blog-xn a {
    float: right;
    margin-left: 5px;
    padding: 0 3px;
    height: 18px;
    line-height: 20px;
    background-color: #F26C4F;
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
}

.ren-blog-in span {
    float: left;
    line-height: 18px;
    padding-right: 15px;
}

.ren-blog-in a {
    line-height: 18px;
}

.ren-blog-in .ren_twsj_fl {
    color: #F26C4F;
}

.ren-blog-in .ren-font {
    margin-right: 5px;
    line-height: 19px;
    font-size: 14px;
    color: #777;
}

.ren-blog-in a .ren-font {
    top: -1px;
}

.ren-blog-in span.ren_twsj_hf {
    padding-right: 1px;
}

.ren-blog-list .ren_list {
    margin-top: 12px;
    border-top: 1px solid #F0F0F0;
}

.ren_tie_list.ren-blog-list .ren_list .ren_twbt a {
    margin-bottom: 5px;
    width: 100%;
    font-size: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ren_tie_list.ren-blog-list .ren_list li {
    padding: 0 10px 8px 10px;
}

.ren-blog-list .ren_list .ren_threadimg .yige_img {
    padding-bottom: 2px;
}

.ren_tie_list.ren-blog-list .ren_list .ren_twsj a {
    height: 36px;
    line-height: 38px;
}

.ren-blog-list .ren_list .ren_twus_img img {
    width: 36px;
    height: 36px;
}

.ren_tie_list.ren-blog-list .ren_list .ren_author a {
    height: 18px;
    line-height: 18px;
}

.ren-blog-list .forum_message {
    width: 100%;
    overflow: hidden;
}

.ren-blog-list .forum_message .ren-blog-message {
    display: block;
    position: relative;
    line-height: 23px;
}

.ren-blog-pic {
    width: 32%;
    margin-left: 1%;
    height: 90px;
    overflow: hidden;
}

.ren-blog-us {
    padding: 10px 0 5px 0;
    border-top: 1px solid #F0F0F0;
    position: relative;
    overflow: hidden;
}

.ren-blog-us .ren_twus_img img {
    margin-right: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.ren-blog-us .ren_twus_name {
    height: 18px;
    line-height: 18px;
    font-size: 16px;
}

.ren-blog-view .message {
    padding-bottom: 10px;
    line-height: 26px;
    font-size: 16px;
    color: #333;
}

.ren-blog-view .ren_wz_nr {
    padding-top: 0;
}

.ren-view-tag {
    padding: 12px 0 3px 2px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
}

.ren-view-tag .icon {
    float: left;
    margin-right: 5px;
    color: #BBB;
}

.ren-view-tag a {
    color: #F26C4F;
}

.ren-blog-count {
    margin-top: 12px;
}

.ren-friend-re {
    margin-top: 12px;
    background: #FFF;
}

.ren-friend-re li {
    padding: 11px 12px;
    border-bottom: 1px solid #F0F0F0;
}

.ren-friend-re .ren-list-usxx {
    overflow: hidden;
    position: relative;
}

.ren-friend-re .ren-us-img {
    height: 40px;
    line-height: 40px;
}

.ren-friend-re .ren-us-img img {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.ren-us-name {
    width: 51%;
    margin: 2px 0;
}

.ren-us-name a {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
}

.ren-us-name .ren-us-name-p {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
}

.ren-us-dateline {
    width: 51%;
    line-height: 16px;
    font-size: 12px;
    color: #999;
}

.ren-friend-in {
    position: absolute;
    top: 5px;
    right: 0;
    color: #999;
    font-size: 12px;
    overflow: hidden;
}

.ren-friend-in a {
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 32px;
    background-color: #F26C4F;
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
}

.ren-us-name.tu a {
    height: 36px;
    line-height: 36px;
}

.ren-us-name span {
    padding-left: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #F26C4F;
}

.ren-us-name.tu span {
    padding-left: 5px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #F26C4F;
}

.ren-friend-in.tu {
    top: 6px;
}

.ren-friend-in a.tu {
    margin-left: 10px;
    background-color: #7BBF1E;
}

.ren-friend-in a.ren_qxgz {
    background: #F3F3F3;
    color: #A8A8A8;
}

.ren-friend-in.tu a {
    padding: 0 8px;
    height: 28px;
    line-height: 30px;
}

.ren-friend-in.tu a.tu {
    margin-left: 8px;
}

.ren-friend-list .ren_ss_wu {
    margin-top: 12px;
}

.ren-friend-list .ren_ss_wu a {
    display: inline-block;
    padding: 0 5px;
    color: #FE7242;
}

.ren-friend-list .content-padded {
    margin: 12px;
}

.ren-us-dateline .info_label:first-child {
    margin-left: 1px;
}

.ren-us-dateline .info_label {
    margin-right: 2px;
}

.ren-notice-xnav {
    margin-top: 10px;
    padding: 0 6px;
    overflow: hidden;
}

.ren-notice-xnav li {
    float: left;
    display: block;
    margin: 5px 0;
    padding: 0 5px;
}

.ren-notice-xnav li a {
    display: block;
    padding: 0 10px;
    height: 28px;
    line-height: 30px;
    background-color: #CCC;
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
}

.ren-notice-xnav li.a a {
    background-color: var(--ren-primary);
}

.ren-notice-re {
    margin-top: 12px;
}

.ren-notice-re li {
    margin-bottom: 10px;
    padding: 12px;
    background: #FFF;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
    position: relative;
}

.ren-notice-re .ren-notice-avt {
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ren-notice-re .ren-notice-avt img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ren-notice-wuavt {
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background: #FFA800;
    border-radius: 50%;
}

.ren-notice-wuavt .ren-font {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #FFF;
    text-align: center;
}

.ren-notice-note {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #333;
}

.ren-notice-note .ren-font {
    font-size: 18px;
    color: #BBB;
    top: 2px;
}

.ren-notice-re .ntc_body {
    margin-left: 60px;
    line-height: 24px;
    font-size: 14px;
    color: #555;
}

.ren-notice-re .ntc_body a {
    color: #369;
}

.ren-notice-re .ntc_body a.lit {
    color: #F26C4F;
}

.ren-friend-su {
    background: #F26C4F;
    padding: 1px 6px;
    margin-left: 5px;
    border-radius: 3px;
    font-size: 12px;
    color: #FFF;
}

.ren_kj_tx .dian {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-left: 6px;
    margin-top: 5px;
    background: #F34548;
    font-size: 12px;
    border-radius: 50%;
}

.ren_us_avatar_m .dian {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #F34548;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 2px;
}

.ren-nav-avatar .dian {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #F34548;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

.ren-ann-list .ren-ann-um h3 {
    font-size: 16px;
    color: #333;
    font-weight: 400;
}

.ren-ann-list .ren-ann-um i {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 21px;
}

.ren_m_bm_h .ren_pdbt.ren-subforums a::after {
    border-right: 0px solid #999;
    border-bottom: 0px solid #999;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    top: 20px;
}

.ren-ann-list .ren-notice-note p {
    font-size: 13px;
    color: #999;
}

.ren-ann-list .ren-notice-note p a {
    color: #F26C4F;
}

.ren-ann-list .ren-notice-note span {
    padding-left: 20px;
    font-size: 12px;
    color: #999;
}

.ren-ann-announce {
    width: 100%;
    padding: 8px;
    margin-top: 8px;
    background: #FDFBEC;
    border: 1px dashed #ECE7D5;
    color: #F26C4F;
    border-radius: 2px;
}

.ren-ann-announce span {
    line-height: 24px;
    font-size: 14px;
}

.ren-album-list {
    margin-top: 12px;
    padding: 5px;
    background: #FFF;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    position: relative;
}

.ren-album-nvxx {
    padding: 0 12px;
    background: #FFF;
    overflow: hidden;
}

.ren-album-name {
    padding: 8px 0;
    overflow: hidden;
}

.ren-album-name .albumname {
    height: 30px;
    line-height: 32px;
    font-size: 18px;
    color: #333;
}

.ren-album-name span {
    float: left;
    padding-left: 10px;
    height: 30px;
    line-height: 32px;
    font-size: 12px;
    color: #999;
}

.ren-album-name a {
    display: inline-block;
    margin-left: 7px;
    background: #F8F8F8;
    border: 1px solid #F5F5F5;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 3px;
}

.ren-album-name .ren-album-fav.tu {
    margin-left: 12px;
}

.ren-album-name .icon {
    font-size: 18px;
    color: #999;
}

.ren-album-depict {
    padding-bottom: 8px;
    line-height: 18px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
}

.ren-album-list ul li {
    float: left;
    width: 33.33%;
    padding: 5px;
}

.ren-album-list.ren-album-view ul li {
    width: 50%;
    padding: 0;
}

.ren-album-list .ren-album-pic {
    overflow: hidden;
}

.ren-album-list ul li a {
    display: block;
    position: relative;
}

.ren-album-list ul li a img {
    width: 100%;
    vertical-align: top;
}

.ren-album-list ul li a p {
    width: 100%;
    height: 28px;
    line-height: 30px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    overflow: hidden;
    left: 0;
    bottom: 0;
}

.ren-album-list .ren-album-pic span {
    margin: 3px;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    border-radius: 3px;
    overflow: hidden;
    right: 0;
    top: 0;
}

.ren-album-list .ren-album-pic .ren-font {
    font-size: 14px;
    top: -1px;
}

.ren-album-view .ren-album-pic {
    padding: 5px;
}

.ren-album-imgxx {
    margin-bottom: 12px;
    overflow: hidden;
}

.ren-album-imgxx .c {
    position: relative;
}

.ren-album-imgxx img {
    width: 100%;
    display: block;
}

.ren-album-imgxx .tbmu {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 50px;
}

.ren-album-imgxx .tbmu a {
    display: block;
    width: 60px;
    height: 36px;
    line-height: 38px;
    background: rgba(0, 0, 0, 0.35);
    font-size: 14px;
    color: #FFF;
    text-align: center;
    overflow: hidden;
}

.ren-album-imgxx .tbmu .z {
    border-radius: 0 3px 3px 0;
}

.ren-album-imgxx .tbmu .y {
    border-radius: 3px 0 0 3px;
}

.ren-album-in {
    background: #FFF;
    border-top: 1px solid #F0F0F0;
    padding: 8px 12px;
}

.ren-album-in p {
    height: 34px;
    line-height: 36px;
    font-size: 15px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ren-album-in p span {
    color: #999;
}

.ren_view_footer.ren-album-viewf .ren_viewdi_hf {
    margin: 9px 2% 9px 5%;
    width: 80%;
}

.ren-wall-list .quote ul {
    padding-bottom: 0;
    border-top: none;
}

.ren-wall-list .quote .lit {
    color: #F26C4F;
}

.ren-wall-list .quote .ren-span {
    margin: 0 5px;
}

.ren-wall-list .quote .ren-delete {
    color: #F34548;
}

.ren-doing-img {
    width: 100%;
    overflow: hidden;
}

.ren-doing-img img {
    display: block;
    float: left;
    width: 100%;
}

.ren-medal-extc {
    margin: 12px 12px 2px 12px;
    height: 40px;
    line-height: 42px;
    background: #FFF;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
}

.ren-medal-extc span {
    color: #F26C4F;
}

.ren-medal .ren-medal-ul {
    padding: 5px;
    position: relative;
}

.ren-medal .ren-medal-ul li {
    float: left;
    width: 50%;
    padding: 5px;
}

.ren-medal .ren-medal-nxx {
    padding: 15px 10px;
    height: 132px;
    background: #FFF;
    text-align: center;
}

.ren-medal .mg_img {
    height: 38px;
}

.ren-medal .mg_img img {
    height: 38px;
}

.ren-medal .ren-medal-name {
    height: 38px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
}

.ren-medal .ren-medal-btn {
    display: block;
    margin: 0 auto;
    width: 85px;
    height: 26px;
    line-height: 28px;
    background-color: #7BBF1E;
    color: #FFF;
    border-radius: 3px;
    font-size: 12px;
}

.ren-medal .ren-medal-btn a {
    display: block;
    color: #FFF;
    height: 26px;
    line-height: 28px;
}

.ren-medal .ren-medal-btn.ren_qxgz {
    background: #F3F3F3;
    color: #A8A8A8;
}

.ren-medal-bt {
    height: 42px;
    line-height: 44px;
    padding: 0 12px;
    background: #FFF;
    position: relative;
    border-bottom: 1px solid #F0F0F0;
    text-align: left;
}

.ren-medal-bt {
    font-size: 16px;
    color: #333;
}

.ren-medal .ren_xx_box {
    padding-top: 5px;
}

.ren-medal .ren_xx_box ul {
    margin-top: 0px;
}

.ren-medal-myxz {
    padding: 5px;
    position: relative;
}

.ren-medal-myxz li {
    float: left;
    width: 25%;
    padding: 5px;
}

.ren-medal-myxz .ren-medal-nxx {
    padding: 10px 8px;
    height: 83px;
    background: #FFF;
    border-radius: 3px;
    text-align: center;
}

.ren-medal-myxz .mg_img {
    height: 34px;
}

.ren-medal-myxz .mg_img img {
    height: 34px;
}

.ren-medal-myxz .ren-medal-name {
    font-size: 14px;
}

.ren-medal-myjl {
    width: 100%;
    padding: 0 10px;
    background: #FFF;
    overflow: hidden;
}

.ren-medal-myjl li {
    width: 100%;
    display: block;
    float: left;
    height: 48px;
    line-height: 50px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 13.ren-medal.ren-medal-btn apx;
    overflow: hidden;
}

.ren-medal-myjl li em {
    float: left;
    margin-right: 7px;
    width: 18px;
    height: 18px;
    line-height: 20px;
    background: #CCC;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    border-radius: 2px;
}

.ren-medal-tip .ren-rate-nav {
    padding-bottom: 15px;
}

.ren-medal-tip .ren-rate-author {
    padding-top: 15px;
}

.ren-medal-tip .ren-rate-author img {
    width: auto;
    height: 40px;
    border-radius: initial;
}

.ren-medal-tip .ren-medal-tipts {
    margin: 10px 0 8px 0;
    height: 22px;
    line-height: 24px;
    font-size: 15px;
    color: #F26C4F;
    overflow: hidden;
}

/*----- spacecp profile -----*/
.ren_zl_xg {
    background: #F5F5F5;
}

.ren_zl_xg ul {
    margin-top: 12px;
    background: #F5F5F5;
    border-top: 1px solid #EEE;
}

.ren_zl_xg ul li {
    position: relative;
    line-height: 26px;
    padding: 10px;
    border-bottom: 1px solid #EEE;
    background: #FFF;
    font-size: 15px;
    overflow: hidden;
}

.ren_zl_xg .form_sue {
    float: left;
    color: #999;
}

.ren_zl_xg .form_mn {
    margin: 0 0 0 85px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren_zl_xg .form_mn input {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #555;
}

.ren_zl_xg .form_mn select {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #555;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.ren_zl_xg ul li#tr_bio, .ren_zl_xg ul li#th_sightml, .ren_zl_xg ul li#tr_interest, .ren_zl_xg ul li#tr_bio, .ren_zl_xg ul li#tr_interest {
    padding: 0px;
    background: #F5F5F5;
}

.ren_zl_xg ul li .form_si, .ren_zl_xg ul li#tr_bio .form_sue, .ren_zl_xg ul li#tr_interest .form_sue {
    padding: 5px 10px;
    border-bottom: 1px solid #EEE;
    font-size: 15px;
    color: #999;
}

.ren_zl_xg ul li#tr_bio .form_sue, .ren_zl_xg ul li#tr_interest .form_sue {
    float: inherit;
}

.ren_zl_xg .form_ml, .ren_zl_xg ul li#tr_bio .form_mn, .ren_zl_xg ul li#tr_interest .form_mn {
    margin: 0 0 0 0;
    padding: 10px 10px 0 10px;
    background: #FFF;
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
}

.ren_zl_xg .form_ml textarea, .ren_zl_xg ul li#tr_bio textarea, .ren_zl_xg ul li#tr_interest textarea {
    width: 100%;
    padding: 0;
    background: #FFF;
    border: none;
    min-height: 40px;
    line-height: 20px;
    font-size: 15px;
    vertical-align: middle;
    font-size: 15px;
    color: #555;
    resize: none;
}

.ren_zl_xg ul li#tr_bio textarea, .ren_zl_xg ul li#tr_interest textarea {
    height: 60px;
}

.ren_zl_xg .form_mn textarea {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.ren_zl_xg .form_name {
    margin: 0 0 0 85px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren_zl_xg ul #tr_gender::after, .ren_zl_xg ul #tr_education::after, .ren_zl_xg ul #tr_bloodtype::after, .ren_zl_xg ul #tr_idcardtype::after, .ren_mm_wd::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 19px;
}

.form_bc {
    margin-top: 54px;
    background: #ffF;
    position: relative;
    overflow: hidden;
}

.form_fai {
    width: 100%;
    height: 40px;
    line-height: 42px;
    font-size: 15px;
    text-align: center;
    background: #7BBF1E;
    position: fixed;
    z-index: 99;
    overflow: hidden;
    left: 0;
    bottom: 0;
}

.form_fai .ren-spacecp-prbnt {
    width: 100%;
    height: 40px;
    line-height: 42px;
    padding: 0 12px;
    background: #7BBF1E;
    color: #FFF;
    border: none;
    font-size: 16px;
    text-align: center;
}

#tr_sightml .color {
    color: #F26C4F;
}

#tr_zipcode, #tr_telephone {
    display: none;
}

.ren_zl_xg #tr_birthday .form_mn select {
    width: 30%;
}

.ren_zl_xg #tr_birthday .form_mn select::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 19px;
}

.ren_mm_top {
    padding: 10px;
    background: #ffF;
    border-bottom: 1px solid #EEE;
}

.ren_mm_top .ren_mm_xgts {
    display: block;
    font-size: 15px;
    color: #F26C4F;
    text-align: center;
}

.ren_zl_xg .ren_mm_e {
    float: left;
    color: #999;
}

.ren_zl_xg .ren_mm_s {
    margin: 0 0 0 85px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ren_zl_xg .ren_mm_s input {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #555;
}

.ren_zl_xg .ren_mm_s select {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #555;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.ren-input {
    width: 100%;
    padding: 0;
    background: #ffF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #555;
}

.ren_zl_xg .ren_mm_yx .ren_mm_ysyz {
    font-size: 13px;
    color: #F26C4F;
}

.ren_zl_xg .ren_mm_yx .ren_mm_cxfs {
    float: right;
    text-align: center;
    padding: 0 8px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #ff8244;
    color: #FFF;
}

.ren_zl_xg .sec_code {
    padding: 10px;
    background: #ffF;
    border-bottom: 1px solid #EEE;
}

.ren_zl_xg ul.ren_mm_bc {
    margin-top: 0;
    border-top: none;
}

.ren-profilelist li p {
    display: none;
}

.ren-profilelist li p#birthdistrictbox, .ren-profilelist li p#residedistrictbox {
    display: block;
}

.ren-spacecp-profile .ren_login {
    padding: 15px;
}

.ren-spacecp-profile #birthdistrictbox .ren-webki, .ren-profilelist #residedistrictbox .ren-webki {
    height: 44px;
    line-height: 44px;
}

.ren-spacecp-profile #birthdistrictbox select, .ren-spacecp-profile #residedistrictbox select {
    width: 100%;
    height: 44px;
    line-height: 44px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.ren-spacecp-profile #tr_birthcity .form_mn, .ren-spacecp-profile #tr_residecity .form_mn {
    text-overflow: inherit;
    white-space: inherit;
}

.ren_fgsz {
    margin-bottom: 15px;
    padding: 7px;
    border-bottom: 1px solid #EEE;
    background: #ffF;
}

.ren_fgsz .ren_sslct_btn {
    float: left;
    width: 33.33%;
    height: 110px;
    padding: 8px;
    cursor: pointer;
}

.ren_fgsz .ren_sslct_btn i {
    float: left;
    display: inline;
    width: 100%;
    height: 70px;
    background: #7BBF1E;
    border-radius: 2px;
    overflow: hidden;
    font-style: normal;
}

.ren_fgsz .ren_sslct_btn em {
    display: block;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}

.ren_fgsz .ren_pskts {
    display: block;
    float: left;
    width: 100%;
    margin: 18px 0;
    padding: 0 15px;
    background: #ffF;
}

.ren_fgsz .ren_pskts span {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    color: #FFF;
    border: 0;
    background: #7BBF1E;
    cursor: pointer;
}

/*----- view message -----*/

.ren_msg {
    padding: 15px 35px 0 42px;
    position: relative;
}

.ren_msg_avatz {
    left: 0;
    right: auto;
    overflow: hidden;
    position: absolute;
    top: auto;
    display: inline-block;
}

.ren_msg_avaty {
    right: 0;
    left: auto;
    overflow: hidden;
    position: absolute;
    top: auto;
    display: inline-block;
}

.ren_msg .ren_msg_avatz img, .self_msg .ren_msg_avaty img {
    width: 42px;
    height: 42px;
    display: inline-block;
    border-radius: 50px;
}

.self_msg {
    padding: 15px 42px 0 35px !important;
    position: relative;
}

.ren_msg .date {
    color: #BEBEBD;
}

.self_msg .date {
    color: #BEBEBD;
    padding-right: 12px;
    text-align: right;
}

.ren_dialog_z {
    margin-left: 10px;
    position: relative;
}

.ren_dialog_z .ren_dialog_c {
    border-radius: 5px;
    border: 1px solid #EEE;
    background: #ffF;
}

.ren_dialog_z .ren_dialog_t {
    font-size: 14px;
    line-height: 22px;
    padding: 7px 10px;
}

.ren_dialog_y .ren_dialog_t a strong {
    color: #FFF;
}

.ren_dialog_y .ren_dialog_t img {
    margin: 0px 1px 0;
    width: 26px;
    vertical-align: middle;
}

.ren_dialog_z .ren_dialog_t::before {
    width: 7px;
    height: 7px;
    content: '';
    position: absolute;
    top: 10px;
    left: -2px;
    -webkit-transform: rotate(45deg) skew(-6deg, -6deg);
    -moz-transform: rotate(45deg) skew(-6deg, -6deg);
    transform: rotate(45deg) skew(-6deg, -6deg);
    border-top: #FFF solid 1px;
    border-right: #FFF solid 1px;
    background: #ffF;
}

.ren_dialog_y {
    margin-right: 10px;
    position: relative;
}

.ren_dialog_y .ren_dialog_c {
    background: #7BBF1E;
    border-radius: 5px;
}

.ren_dialog_y .ren_dialog_t::before {
    width: 7px;
    height: 7px;
    content: '';
    position: absolute;
    top: 10px;
    right: -3px;
    -webkit-transform: rotate(45deg) skew(-6deg, -6deg);
    -moz-transform: rotate(45deg) skew(-6deg, -6deg);
    transform: rotate(45deg) skew(-6deg, -6deg);
    border-top: #7BBF1E solid 1px;
    border-right: #7BBF1E solid 1px;
    background: #7BBF1E;
}

.ren_dialog_y .ren_dialog_t {
    font-size: 14px;
    line-height: 22px;
    padding: 7px 10px;
    color: #FFF;
}

.reply .px {
    border-radius: 4px;
    padding: 7px 10px;
    width: 95%;
    border: 1px solid #D9D8D8;
}

.reply .px:focus {
    color: #444;
}

.ren_kshf {
    background: #F2F2F2;
}

.ren_kshf .ren_post_pi {
    background: #FFF;
    border-bottom: 1px solid #EDEDED;
}

.ren_kshf .ren_post_nr {
    padding: 10px 12px;
    border-bottom: 1px solid #EDEDED;
}

.ren_kshf .ren_post_nr .ren_post_nrk {
    width: 100%;
    min-height: 100px;
    line-height: 24px;
    border: none;
    resize: none;
    font-size: 15px;
    vertical-align: middle;
}

.ren_kshf .ren_post_tj {
    height: 32px;
    margin: 15px;
}

.ren_post_tj .ren-font {
    line-height: 32px;
    font-size: 24px;
    color: #777;
}

.ren_post_tj .face {
    padding-right: 12px;
}

.ren_kshf .ren_post_tj .post_fast {
    width: 50%;
    float: right;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
    color: #FFF;
}

.ren_kshf .ren_post_tj .ren_post_tjan {
    display: block;
    float: right;
    margin-bottom: 10px;
    width: 70px;
    height: 32px;
    line-height: 34px;
    background-color: #7BBF1E;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
    border: none;
}

.ren_kshf .ren_post_pi .item-input {
    padding: 0 12px 20px 12px;
}

.ren_yzm_px {
    border: 1px solid #d8d8d8;
    height: 30px;
    padding: 2px 10px;
    line-height: 17px;
    font-size: 15px;
}

.ren-doing-fb .ren_kshf .ren_post_tj .post_fast {
    width: 70px;
}

.ren-doing-fb .ren_kshf .ren_post_pi .item-input {
    float: right;
    padding: 0 12px 0 12px;
    height: 32px;
    line-height: 32px;
    color: #999;
}

.ren-doing-fb .ren_kshf .ren_post_pi .item-input span {
    font-size: 14px;
}

.follow-sec {
    padding: 0 12px 20px 12px;
}

.follow-sec .item-input {
    float: inherit !important;
    padding: 0 2px 0 2px !important;
}


/*----- login & register -----*/
.rtj1009-m-login {
    margin-bottom: 15px;
}

.ren_login {
    padding: 0 15px;
}

.ren_login .ren_btn {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #FFF;
}

.pns, .button {
    border-radius: 3px;
}

.ren_reg_link {
    margin-top: 15px;
    padding: 0 16px;
}

.ren_reg_link a {
    font-size: 14px;
    color: #7BBF1E;
}

.ren_reg_link .ren_zc_xy {
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
}

.ren_reg_link .ren_zc_xy a {
    color: #F26C4F;
    text-decoration: underline !important;
}

.popup.popup-lostpw, .popup.popup-view, .popup.popup-share, .popup-forumdlist, .doing-styles, .doing-styles, .popup-view-yi {
    background: #F3F3F3;
}

.popup-forumdlist {
    z-index: 110;
}

.popup-abe .content-padded p {
    padding: 0 5px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}

.popup-abe .content-padded {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -10px;
}

.loginbox {
    overflow: hidden;
}

.login_from {
    margin: 15px 0;
    font-size: 16px;
    overflow: hidden
}

.login_from ul {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #FFF;
    border-top: 1px solid #f0f0f0;
}

.loginbox li {
    padding: 8px 15px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border-bottom: 1px solid var(--dz-BOR-ed)
}

.loginbox li.sec_txt {
    height: auto
}

.loginbox li.sec_txt .txt {
    border: 1px solid var(--dz-BOR-ed);
    margin-left: 10px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px
}

.login_select .icon-arrow {
    height: 46px;
    line-height: 46px;
    float: right;
    color: var(--dz-FC-ccc)
}

.dm-c-right:before {
    font-size: 18px;
}

.rtj1009-m-login.loginbox li {
    padding: 0 0;
    height: inherit;
    line-height: inherit;
    font-size: 14px;
    border-bottom: 0px solid var(--dz-BOR-ed)
}

.rtj1009-m-login.loginbox li.sec_txt {
    height: auto
}

.rtj1009-m-login.loginbox li.sec_txt .txt {
    border: 1px solid var(--dz-BOR-ed);
    margin-left: 10px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px
}

/** end **/


/*----- collection -----*/
.coll_list {
    background: #ffF;
    margin: 55px 10px 10px 10px;
    border: 1px solid #DDD;
    padding: 0 10px;
}

.coll_list li {
    border-bottom: 1px solid #DDD;
    line-height: 45px;
}

.coll_list li a {
    display: block;
    font-size: 16px;
    padding: 0 0 0 10px;
}

.ren_jump {
    padding: 130px 25px;
    font-size: 15px;
}

.ren_jump p {
    padding: 5px;
    text-align: center;
}

.grey {
    color: #A5A5A5;
}

.jump_c a {
    color: #2782BA;
}

/*----- page message & pm-----*/
.ren_xx_wp {
}

.ren_xx_box ul {
    margin-top: 12px;
    background: #FFF;
}

.ren_xx_box li {
    padding: 10px 12px;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren_xx_box li a {
    display: block;
    overflow: hidden;
    position: relative;
}

.ren_xx_box li img {
    float: left;
    margin-right: 10px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.ren_xx_box .ren-xx-name {
    margin: 3px 0;
    height: 20px;
    line-height: 20px;
}

.ren_xx_box li .num {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 7px;
    line-height: 20px;
    background: #7BBF1E;
    font-size: 12px;
    color: #FFF;
    border-radius: 10px;
    overflow: hidden;
}

.ren_xx_box li .time {
    float: right;
    color: #999;
    font-size: 12px;
    line-height: 20px;
}

.ren_xx_box li .name {
    color: #333;
    line-height: 24px;
    font-size: 16px;
}

.ren_xx_box .grey {
    color: #999;
    font-size: 12px;
    line-height: 20px;
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ren_xx_box li.ren-xx-gzxxli .name a {
    display: initial;
    color: #F26C4F;
}

.ren_xx_box li.ren-xx-gzxxli .time {
    float: initial;
}

.ren-xx-mes.tu {
    overflow: hidden;
}

.ren-xx-mes.tu span {
    color: #999;
    font-size: 12px;
    line-height: 20px;
}

.ren-xx-mes.tu span b {
    margin-top: 5px;
    line-height: 28px;
    font-size: 16px;
    color: #333;
}

.ren-xx-gzxxli .ren_login {
    margin: 15px 0 5px 0;
}

.ren-xx-gzxxli .ren_login a {
    height: 40px;
    line-height: 42px;
}

.post_msg_fxx .ren_tie_ksf {
    width: 100%;
    padding: 7px 10px 5px 10px;
    line-height: 26px;
    background: #F5F5F5;
    border-top: 1px solid #F0F0F0;
    font-size: 14px;
    color: #999;
}

.ren_msg_box {
    margin: 10px 12px;
}

.ren_msg_box .page {
    margin: 30px 0 70px 0;
    background: #F3F3F3;
}

.ren_msg_box .ren_wtie_ts {
    padding: 30px;
    text-align: center;
    font-size: 16px;
}

.ren_xx_hui {
    width: 100%;
    font-size: 14px;
    background: #ffF;
    border-top: 1px solid #F0F0F0;
    position: fixed;
    overflow: hidden;
    z-index: 99;
    left: 0;
    bottom: 0;
}

.ren_xx_hui .ren_reply {
    padding: 10px 10px 12px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ren_xx_hui .ren_reply .ren_xx_kuang {
    padding: 0 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ren_xx_hui .ren_xx_kuang .ren_xx_px {
    width: 100%;
    height: 30px;
    border: none;
    border-bottom: 1px solid #EDEDED;
    outline: none;
    font-size: 14px;
    color: #999;
    line-height: 28px;
}

.ren_xx_hui .ren_xx_rn .button3 {
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    background: var(--ren-primary);
    font-size: 14px;
    color: #FFF;
    border-radius: 2px;
    text-align: center;
}

.ren_xx_hui .ren_xx_rn .formdialog {
    border-radius: 2px;
    border: none;
    outline: none;
    -webkit-appearance: none;
    overflow: hidden;
}

.ren_xx_hui .ren_reply .face {
    float: left;
    margin: 0 12px 0 0;
}

.ren_xx_hui .ren_reply .face .icon {
    bottom: -3px;
    line-height: 26px;
    font-size: 26px;
    color: #777;
}

.ren-notice-rk {
    background: #FFF;
}

.ren-notice-rk a {
    display: block;
    padding: 0 12px;
    background: #FFF;
    line-height: 65px;
    font-size: 16px;
    color: #444;
    position: relative;
    border-bottom: 1px solid #F0F0F0;
}

.ren-notice-rk a .icon {
    margin-right: 10px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    font-size: 22px;
    color: #FFF;
    text-align: center;
    border-radius: 50%;
    top: -3px;
}

.ren-notice-rk a.xx .icon {
    background: #fd8d73;
}

.ren-notice-rk a.mypost .icon {
    background: #73C7EF;
}

.ren-notice-rk a.interactive .icon {
    background: #FA6567;
}

.ren-notice-rk a.system .icon {
    background: #FFA800;
}

.ren-notice-rk a.manage .icon {
    background: #61CC73;
}

.ren-notice-rk a.app .icon {
    background: #a9da67;
}

.ren-notice-rk a::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 29px;
}

.ren-notice-rk .dian {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 5px;
    margin-top: 5px;
    background: #F34548;
    font-size: 12px;
    border-radius: 50%;
}

.ren-notice-rk .shu {
    margin-left: 5px;
    padding: 0 5px;
    height: 14px;
    line-height: 16px;
    background: #F34548;
    font-size: 12px;
    color: #FFF;
    border-radius: 10px;
}

.ren-poke .ren-poke-us {
    padding: 10px 5px;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren-poke .ren-poke-us a {
    float: left;
    margin-right: 8px;
    height: 30px;
    overflow: hidden;
}

.ren-poke-hi {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}

.ren-poke .ren-poke-us img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.ren-poke {
    margin-top: 15px;
    background: #FFF;
}

.ren-poke ul {
    padding: 0 12px 12px;
    background: #FFF;
}

.ren-poke .poke li {
    float: left;
    width: 50%;
    padding-top: 15px;
}

.ren-poke .poke li input {
    margin-right: 3px;
}

.ren-poke .poke li img {
    margin-top: -5px;
}

/*----- clew con -----*/
.clew_con {
    padding: 10px;
}

.clew_con .tit {
    line-height: 40px;
    font-size: 14px;
}

.clew_con p {
    margin: 10px 0;
}

.clew_con .button {
    background: #3D98CF;
    border-radius: 5px;
    display: inline-block;
    margin-left: 6px;
    margin-top: 3px;
    width: 80px;
    height: 26px;
    text-align: center;
    line-height: 24px;
    color: #E9EFF3;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

/*----- ren_fx -----*/
.ren_fx {
}

.ren_sd_fx {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    background: #ffF;
    border-bottom: 1px solid #F0F0F0;
}

.ren_sd_fx a {
    display: block;
    position: relative;
    overflow: hidden;
}

.ren_sd_fx a span {
    display: block;
    position: absolute;
    height: 22px;
    line-height: 22px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    color: #FFF;
    padding: 0px 8px;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.ren_sd_fx img {
    display: block;
    float: left;
    width: 100%;
}


.ren_fx_xxbt {
    padding: 0 20px;
    height: 48px;
    line-height: 50px;
    background: #FFF;
    font-size: 16px;
    color: #555;
    border-left: 2px solid #7BBF1E;
    border-bottom: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
}

.ren_fx_fl .ren_fx_xx {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    background: #FFF;
    overflow: hidden;
}

.ren_fx_fl ul li {
    float: left;
    width: 25%;
    text-align: center;
}

.ren_fx_fl ul li a {
    display: block;
    padding: 12px 10px 10px 10px;
    border-right: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}

.ren_fx_fl ul li a img {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
}

.ren_fx_fl ul li a p {
    height: 28px;
    line-height: 30px;
    color: #555;
    font-size: 14px;
    overflow: hidden;
}

/*----- ren_list -----*/
.rtj1009_wz_nav {
    max-width: 100%;
    background-color: #FFF;
    position: relative;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px;
}

.ren-wz-list .rtj1009_wz_nav {
    margin-bottom: 0;
}

.ren-wz-list .ren_yixz_xx {
    margin-top: 10px;
}

.rtj1009_wz_nav ul {
    height: 40px;
    white-space: nowrap;
}

.rtj1009_wz_nav ul li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.rtj1009_wz_nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    padding: 0 12px;
    color: #666;
}

.rtj1009_wz_nav ul li.a a {
    color: #7BBF1E;
}

.rtj1009_wz_nav ul li.a a::after {
    width: 100%;
    height: 2px;
    background: #7BBF1E;
    position: absolute;
    bottom: 3px;
    left: 0;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
}

.rtj1009_wz_list .ren_yixz_xx .ren_yixzxxk .ren_tiexx {
    margin-left: 0;
}

.rtj1009_wz_list .ren_yixzxxk .ren_tiexx .ren_twxxx {
    width: auto;
}


/*----- ren_view -----*/
.rtj1009_m_view {
}

.rtj1009_m_view .ren_view {
}

.rtj1009_m_view .ren_view .ren_mtie_xx {
    margin-bottom: 11px;
}

.rtj1009_m_view .ren_view_wztop {
    background: #ffF;
    padding: 0 10px;
}

.rtj1009_m_view .ren_view_wztop h3 {
    padding: 10px 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}

.rtj1009_m_view .ren_view_wztop .ren_twsj_xx {
    display: block;
    color: #999;
    padding-bottom: 8px;
    font-size: 12px;
    overflow: hidden;
}

.rtj1009_m_view .ren_view_wztop span {
    float: left;
    line-height: 18px;
    padding-right: 15px;
}

.rtj1009_m_view .ren_view_wztop a {
    line-height: 18px;
}

.rtj1009_m_view .ren_view_wztop .ren_twsj_fl {
    color: #F26C4F;
}

.rtj1009_m_view .ren_view_wztop .ren-font {
    margin-right: 5px;
    line-height: 19px;
    font-size: 14px;
    color: #777;
}

.rtj1009_m_view .ren_view_wztop a .ren-font {
    top: -1px;
}

.rtj1009_m_view .ren_view_wztop span.ren_twsj_hf {
    padding-right: 1px;
}

.rtj1009_m_view .ren_wz_zy {
    padding: 10px;
    overflow: hidden;
    text-align: justify;
    background: #ffF;
}

.rtj1009_m_view .ren_wz_zy .ren_zyxx {
    padding: 10px;
    background: #F2F2F2;
    font-size: 14px;
    line-height: 22px;
    color: #777;
    overflow: hidden;
}

.rtj1009_m_view .ren_wz_zy span {
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    background: #7BBF1E;
    font-size: 12px;
    color: #FFF;
    margin-right: 7px;
    overflow: hidden;
    border-radius: 3px;
}

.rtj1009_m_view .ren_wz_nr {
}

.rtj1009_m_view .ren_wz_nr p .attach {
    line-height: 24px;
    color: #2395f1;
    font-size: 15px;
}

.rtj1009_m_view .ren_wz_nr p .attach:before {
    font-family: ren-font;
    content: "\e6f7";
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 18px;
    color: #2395f1;
    margin-right: 4px;
}

.ren_wz_nr {
    padding: 10px;
    border-bottom: 1px solid #EDEDED;
    overflow: hidden;
    position: relative;
    background: #ffF;
}

.ren_wz_nr .message img {
    width: 100%;
    margin: 5px 0;
    max-width: 100%;
    vertical-align: top;
}

.ren_wz_nr .message ul {
    padding: 10px 0;
}

.ren_wz_nr .ren_click {
    padding: 10px;
    text-align: center;
}

.ren_click .atd {
    margin: 0 auto;
}

.ren_click td {
    display: inline-block;
    padding: 0 7px;
    border: none !important;
}

.ren_wz_nr .ren_click td a {
    display: block;
    color: #999;
}

.ren_wz_nr .ren_click img {
    height: 32px;
    display: block !important;
    margin-bottom: 5px;
}

.rtj1009_m_view .ren_wz_sxyp {
    margin-bottom: 12px;
    padding: 10px;
    overflow: hidden;
    background: #ffF;
    border-bottom: 1px solid #EDEDED;
}

.rtj1009_m_view .ren_wz_sxyp a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rtj1009_m_view .ren_wz_pl .ren_zz_mz {
    font-size: 14px;
    line-height: 28px;
    color: #444;
}

.ren_wz_pl {
    margin-bottom: 10px;
}

.rtj1009_m_view .ren_wz_pl .ren_lc_ksy {
    font-size: 12px;
    color: #999;
}

.rtj1009_m_main .ren_wz_ny {
    padding: 12px;
}

.ren_wz_pl .ren_post_pi {
    margin: 12px 0;
    padding-top: 18px;
    background: #ffF;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}

.ren_wz_pl .ren_post_nr {
    margin: 0 15px;
    border-radius: 3px;
    border: 1px solid #EEE;
}

.ren_wz_pl .ren_post_nr .ren_post_nrk {
    width: 100%;
    padding: 5px;
    min-height: 60px;
    line-height: 24px;
    border: none;
    resize: none;
    font-size: 15px;
    vertical-align: middle;
}

.ren_wz_pl .ren_post_tj {
    height: 32px;
    margin: 15px;
}

.ren_wz_pl .ren_post_tj .post_fast {
    width: 50%;
    float: left;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
    color: #FFF;
}

.ren_wz_pl .ren_post_tj .ren_post_tjan {
    display: block;
    float: left;
    margin-bottom: 10px;
    background-color: #7BBF1E;
    border-radius: 3px;
    height: 32px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    line-height: 34px;
    font-weight: 400;
    border: none;
}

.ren_wz_pl .ren_post_pi .sec_code {
    padding: 20px 12px;
}

.popup.popup-view, .popup.popup-share, .popup.popup-view-gl, .popup.doing-styles, .popup.popup-view-yi {
    top: unset;
    bottom: 0;
    height: auto;
    overflow: inherit;
}

.popup.popup-view.modal-in, .popup.popup-share.modal-in, .popup.popup-view-gl.modal-in, .popup.doing-styles.modal-in, .popup.popup-view-yi.modal-in {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}

.popup.popup-view.modal-in .content-block, .popup.doing-styles.modal-in .content-block, .popup.popup-view-yi.modal-in .content-block {
    padding-bottom: 0;
}

.popup.popup-share.modal-in .content-block {
    padding-top: 0;
}

.popup.popup-view-gl.modal-in .content-block {
    margin: 0 10px;
    padding: 0 0;
}

.popup-view-nav .ren_top_dqwz span {
    color: #333;
}

.popup-view-nav .ren-font {
    padding-left: 12px;
    line-height: 45px;
    font-size: 22px;
    color: #777;
}

.popup.popup-view-gl {
    background: inherit;
}

.popup-view-gl .ren-view-gl {
    overflow: hidden;
    background: #FFF;
    padding: 10px;
}

.popup-view-gl .ren-view-gl ul li {
    float: left;
    width: 33.33%;
}

.popup-view-gl .ren-view-gl ul li a {
    padding: 0 8px;
    margin: 10px;
    height: 32px;
    line-height: 34px;
    background: #F5F5F5;
    font-size: 14px;
    color: #555;
    border-bottom: 0px solid #F0F0F0;
}

.popup-view-gl .ren-view-gl ul li a:last-child {
    border-radius: 0px 0px 0px 0px;
}

.popup-view-gl a {
    display: block;
    height: 44px;
    line-height: 46px;
    background: #FFF;
    border-bottom: 1px solid #F0F0F0;
    font-size: 16px;
    text-align: center;
}

.popup-view-gl .ren_lostpw a:first-child {
    border-radius: 5px 5px 0 0;
}

.popup-view-gl .ren_lostpw a:last-child {
    border-radius: 0 0 5px 5px;
}

.ren-close {
    margin: 10px;
}

.ren-close a {
    background: #F54649;
    color: #FFF;
    border-bottom: 0;
    border-radius: 3px;
}

.ren-view-magic img {
    margin-right: 8px;
    margin-top: -4px;
}

.ren-magic-tip .ren-post-nav {
    background: #FFF;
}

.ren-magic-tip .ren-rate-author {
    padding-top: 2px;
}

.ren-rate-tip.ren-magic-tip .list-block .item-content {
    min-height: 28px;
}

.ren-rate-tip.ren-magic-tip .list-block .item-media + .item-inner, .ren-rate-tip.ren-magic-tip .list-block .item-inner {
    min-height: 27px;
}

.ren-magic_magnum .info_label:first-child {
    margin-left: 0px;
}

.ren-magic-ul .ren-friend-in .sl {
    margin-left: 10px;
    background-color: #F26C4F;
}

.ren-magic-ul .ren-friend-in {
    top: 24px;
    right: 10px;
}

.ren-magic-ul .ren-friend-in a {
    padding: 0 8px;
    height: 26px;
    line-height: 28px;
}

.ren-magic-ts .ren-friend-in {
    top: 24px;
    right: 10px;
}

.ren-magic-ts .ren-friend-in a {
    background: #FFF;
    color: #555;
}

.ren-magic-ts .ren-friend-in .sl {
    margin-left: 10px;
}

.ren-lc-yhf {
    margin-left: 8px;
}

.ren_lc_sjhf .ren_lc_magic i {
    top: -1px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: #888;
}


/*----- footer -----*/
.footer {
    text-align: center;
    color: #A5A5A5;
    background: #ffF;
}

.ren_foo_yi {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    background-color: #7BBF1E;
    font-size: 14px;
}

.ren_foo_yi a {
    display: block;
    height: 45px;
    line-height: 47px;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

.ren_foo_e {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 25px;
}

.ren_foo_e a {
    color: #444;
    margin: 0 10px;
}

.ren_foo_san {
    margin: 10px 0 0;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
    color: #777;
}


.ren_view_foo {
    position: fixed;
    display: block;
    width: 100%;
    height: 42px;
    background: #FEFEFE;
    border-top: 1px solid #EDEDED;
    z-index: 98;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.ren_view_foo a {
    display: block;
    float: left;
    width: 33.33%;
    height: 42px;
    line-height: 42px;
    color: #666;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.ren_view_foo .ren-font {
    margin-right: 5px;
    width: 20px;
    font-size: 17px;
    top: -1px;
}

.ren_view_foo .ren_viewdi_dz .ren-font {
    top: -2px;
}

.ren_view_foo a::after {
    content: "";
    border-right: 1px solid #DEDEDE;
    width: 9px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 13px;
}

.ren_view_foo a.ren_viewdi_dz::after {
    border-right: none;
}

.ren_view_foo .ren-menu-gz .ren-font {
    color: #FFA800;
}

.ren_view_foo .ren-menu-pm .ren-font {
    color: #FA7D5F;
}

.ren_view_foo .ren-menu-hy .ren-font {
    top: -2px;
    color: #61CC73;
}

.ren_view_footer {
    position: fixed;
    display: block;
    width: 100%;
    height: 48px;
    background: #FFF;
    border-top: 1px solid #F0F0F0;
    z-index: 98;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.ren_view_footer a {
    position: relative;
    float: left;
    display: block;
    width: 13%;
    height: 42px;
    line-height: 44px;
    text-align: center;
}

.ren_view_footer .ren_viewdi_hf {
    margin: 9px 0 9px 4%;
    width: 57%;
    height: 30px;
    line-height: 32px;
    background: #F3F3F3;
    font-size: 14px;
    border-radius: 30px;
    overflow: hidden;
}

.ren_view_footer .ren_viewdi_hf.e {
    width: 47%;
    margin: 9px 0 9px 3%;
}

.ren_view_footer .ren_viewdi_fh {
    width: 10%;
}

.ren_view_footer .ren_viewdi_fh .ren-font {
    margin-left: 10px;
}

.ren_view_footer.ren-wz-view .ren_viewdi_hf {
    margin: 9px 2% 9px 5%;
    width: 61%;
}

.ren_view_footer .ren_viewdi_hf span {
    display: block;
    padding: 0 12px;
    height: 30px;
    line-height: 32px;
    color: #999;
    text-align: left;
}

.ren_view_footer a i {
    font-size: 22px;
    color: #777;
}

.ren_view_footer a .ren_view_ftadd {
    position: absolute;
    top: 5px;
    right: 6px;
    display: block;
    padding: 0 4px;
    height: 12px;
    line-height: 14px;
    background: #F34548;
    font-size: 10px;
    color: #FFF;
    border-radius: 10px;
}

.ren_view_footer .ren_share i {
    margin-bottom: 1px;
}

.ren_view_footer a i.color {
    color: #F26C4F;
}

.ren_view_footer a em {
    position: absolute;
    display: block;
    font-size: 10px;
    height: 13px;
    line-height: 13px;
    padding: 0 3px;
    background: #F26C4F;
    color: #FFF;
    right: -10px;
    top: 4px;
    border-radius: 10px;
    overflow: hidden;
}

.ren_tiefx_share {
    padding-top: 20px;
    background-color: #FFF;
    overflow: hidden;
}

.ren_tiefx_share .bdsharebuttonbox a {
    display: block;
    float: left;
    margin-bottom: 20px;
    padding-left: 0;
    width: 20%;
    height: 74px;
    background-image: none;
    line-height: 22px;
    color: #666;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
}

.ren_tiefx_share .bdsharebuttonbox a::before {
    content: "";
    display: block;
    width: 46px;
    height: 46px;
    clear: both;
}

.ren_tiefx_share .bdsharebuttonbox .bds_weixin::before {
    background: url(../image/ren_weixin.png);
}

.ren_tiefx_share .bdsharebuttonbox .popup_sqq::before {
    background: url(../image/ren_qq.png);
}

.ren_tiefx_share .bdsharebuttonbox .bds_qzone::before {
    background: url(../image/ren_qqkj.png);
}

.ren_tiefx_share .bdsharebuttonbox .bds_tsina::before {
    background: url(../image/ren_weibo.png);
}

.ren_tiefx_share .bdsharebuttonbox .bds_tsina::before {
    background: url(../image/ren_weibo.png);
}

.ren_tiefx_share .bdsharebuttonbox .bds_copy::before {
    background: url(../image/copyurl.png);
}

.ren_tiefx_share .bdsharebuttonbox .bds_gengduo::before {
    background: url(../image/gengduo.png);
}

.ren_tiefx_share .bdsharebuttonbox a::before {
    margin: 0 auto;
    background-size: 100% !important;
}

.ren_tiefx_share .bdsharebuttonbox a p {
    height: 30px;
    line-height: 30px;
    color: #555;
    font-size: 12px;
    overflow: hidden;
}

.ren_tiefx_xxmask {
    position: fixed;
    left: -50%;
    bottom: -50%;
    z-index: 8080;
    width: 200%;
    height: 200%;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s;
}

.ren_tiefx_xxmask.ren_aiai {
    visibility: visible;
    opacity: 0.6;
}

.popup-share .ren_tiefx_qx {
    width: 100%;
    height: 45px;
    line-height: 47px;
    background-color: #FFF;
    border-top: 1px solid #EDEDED;
    font-size: 15px;
    color: #F26C4F;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

/*----- to top --------*/
.ren-app-rightfloat {
    position: fixed;
    bottom: 80px;
    right: 12px;
    width: 40px;
    overflow: hidden;
    z-index: 80;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform 200ms;
    -o-transition: -o-transform 200ms;
    transition: transform 200ms;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
}

.ren-app-rightfloat.scrhide {
    -webkit-transition: -webkit-transform 200ms;
    -o-transition: -o-transform 200ms;
    transition: transform 200ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.ren-app-rightfloat a {
    display: block;
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 50%;
    text-align: center;
}

.ren-app-rightfloat .ren-font {
    font-size: 20px;
    line-height: 40px;
    color: #FFF;
    overflow: hidden;
}

.ren-app-rightfloat .ren-app-rightfloat_bar .ren-font {
    line-height: 40px;
    font-size: 18px;
}


/* Smohan_FaceBox */
.ren_bq {
    display: block;
    width: 100%;
    padding: 10px 12px;
    background: #ffF;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    font-size: 14px;
}

.ren_bq a {
    float: left;
    display: block;
    width: 26px;
    height: 26px;
}

.ren_bq .ren-font {
    line-height: 26px;
    font-size: 26px;
    color: #777;
}

#Smohan_FaceBox {
    height: auto;
    position: relative;
}

/* FaceBox */
#SmohanFaceBox {
    display: block;
    width: 100%;
    z-index: 9999;
}

#SmohanFaceBox .ren-facebox {
    display: block;
    width: 100%;
    padding: 5px;
    background: #ffF;
    z-index: 99;
}

#SmohanFaceBox .ren-facebox ul {
    width: 100%;
}

#SmohanFaceBox .ren-facebox ul li {
    float: left;
    width: 12.5%;
}

#SmohanFaceBox .ren-facebox ul li a {
    display: block;
    padding: 5px;
}

#SmohanFaceBox .ren-facebox ul li img {
    width: 26px;
}

#SmohanFaceBox .Content {
    display: block;
    width: 100%;
    padding: 5px;
    background: #ffF;
    z-index: 99;
}

#SmohanFaceBox .Content ul {
    width: 100%;
}

#SmohanFaceBox .Content ul li {
    float: left;
    width: 12.5%;
}

#SmohanFaceBox .Content ul li a {
    display: block;
    padding: 5px;
}

#SmohanFaceBox .Content ul li img {
    width: 26px;
}

.message img[smilieid] {
    margin: 0px 1px 0;
    width: 26px;
}

.ren_wz_pl .ren_wz_ny .message img {
    margin: 0px 1px 0;
    width: 26px;
}

#HomeFaceBox {
    display: block;
    width: 100%;
    z-index: 9999;
}

#HomeFaceBox .Content {
    display: block;
    width: 100%;
    padding: 5px;
    background: #ffF;
    z-index: 99;
}

#HomeFaceBox .Content ul {
    width: 100%;
}

#HomeFaceBox .Content ul li {
    float: left;
    width: 12.5%;
}

#HomeFaceBox .Content ul li a {
    display: block;
    padding: 5px;
}

#HomeFaceBox .Content ul li img {
    width: 26px;
}

.threadlist li a {
    display: block;
    font-size: 16px;
}

.threadlist .by {
    font-size: 12px;
    color: #A5A5A5;
    display: block;
}

.threadlist .num {
    position: absolute;
    background: url(./images/icon_num.png) no-repeat 0 3px;
    right: 10px;
    bottom: 10px;
    padding: 0 0 0 18px;
    font-size: 12px;
    color: #C0C0C0;
}

.ren-secqaacheck {
    width: 100%;
    padding: 12px 12px;
    background: #F5F5F5;
    line-height: 20px;
    border-bottom: 1px solid #EEE;
    font-size: 14px;
    color: #999;
    text-align: left;
}

.seccodecheck-li .item-input .txt {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0 0 0 0;
    margin: 0;
    font-size: 15px;
    color: #3d4145;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    appearance: none;
}

.ren-secqaacheck span {
    color: #F26C4F;
}

.ren-secqaacheck font {
    margin-left: 10px;
}

.ren-task-us {
    margin-top: 3px;
    overflow: hidden;
}

.ren-task-us .ren-task-name {
    width: 100%;
    line-height: 24px;
    font-size: 16px;
    overflow: hidden;
}

.ren-task-us .ren-task-reward {
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    color: #F26C4F;
    overflow: hidden;
}

.ren-task-btn {
    position: absolute;
    top: 20px;
    right: 13px;
    padding: 0 10px;
    height: 30px;
    line-height: 32px;
    background-color: #7BBF1E;
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
}

.ren-task-btn a {
    color: #FFF;
}

.ren-task-js {
    margin-left: 60px;
    line-height: 26px;
    font-size: 14px;
    color: #999;
}

.ren-task-viewli {
    padding: 12px;
    background: #FFF;
    border-bottom: 1px solid #F0F0F0;
    overflow: hidden;
    position: relative;
}

.ren-task-viewli .ren-task-js {
    margin-left: 0;
}

.ren-task-views {
    padding: 12px;
    background: #FFF;
}

.ren-task-viewnr {
    padding-bottom: 12px;
}

.ren-task-view {
    background: #FFF;
    margin-top: 12px;
}

.ren-task-vrew {
    line-height: 20px;
    font-size: 14px;
    color: #F26C4F;
}

.ren-task-name .ren-task-namey {
    font-size: 12px;
    color: #F26C4F;
}

.ren-task-name .ren-task-namey .ren-font {
    top: -2px;
    width: 17px;
    font-size: 16px;
}

.ren-task-viewnr .ren-task-viewmse strong {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
}

.ren-task-viewms {
    margin-bottom: 15px;
    border-bottom: 1px solid #F0F0F0;
}

.ren-task-viewmse {
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
}

.ren-task-viewmse ul li, .ren-task-viewul li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    position: relative;
}

.ren-task-viewmse ul li a, .ren-task-viewul li a {
    color: #666;
}

.ren-task-viewapply strong {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
}

.ren-task-viewapply .ren-task-viewappnr {
    padding: 0;
    border-bottom: 0px solid #F0F0F0;
    font-size: 14px;
    color: #666;
}

.ren-task-debtn {
    margin-bottom: 10px;
    overflow: hidden;
}

.ren-task-debtn a {
    float: left;
    margin-right: 15px;
    padding: 0 12px;
    height: 32px;
    line-height: 34px;
    background-color: #F26C4F;
    font-size: 12px;
    border-radius: 3px;
    color: #FFF;
    text-align: center;
}

.ren-task-view .ren-notice-avt {
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ren-task-view .ren-notice-avt img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ren-task-jd {
    position: relative;
    width: 100%;
    height: 20px;
    margin-bottom: 12px;
    background: #E8E8E8;
    border-radius: 0 10px 10px 0;
}

.ren-task-pdr {
    display: block;
    height: 20px;
    background: #7BBF1E;
    border-radius: 0 10px 10px 0;
}

.ren-task-csc {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 5%;
    width: 90%;
    line-height: 20px;
    font-size: 12px;
    color: #FFF;
}

.ren-task-mbn {
    font-size: 14px;
    color: #F26C4F;
}

.ren-task-listjd {
    margin-left: 60px;
    margin-top: 5px;
}

.ren-task-listjd .ren-task-jd {
    margin-bottom: 0px;
}

.ren-task-taskid {
    margin-top: 12px;
    background: #FFF;
}

.ren-task-idbt {
    display: block;
    padding: 0 12px;
    border-bottom: 1px solid #F0F0F0;
    height: 40px;
    line-height: 42px;
    font-size: 14px;
    color: #444;
}

.ren-task-parterlist {
    padding: 0 5px 12px 5px;
    overflow: hidden;
}

.ren-task-parterlist li {
    float: left;
    margin: 0 2%;
    width: 12.66%;
}

.ren-task-parterlist li a {
    display: block;
    margin-top: 12px;
    text-align: center;
}

.ren-task-parterlist li a img {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 3px;
    border-radius: 50%;
    vertical-align: middle;
}

.ren-task-parterlist li a p {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #666;
    text-align: center;
    overflow: hidden;
}

.ren-list-morem {
    padding: 10px;
    background: #FFF;
}

.ren-list-morem li {
    float: left;
}

.ren-list-morem li span {
    display: block;
    margin: 6px;
    height: 28px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
}

.ren-list-morem li a {
    display: block;
    margin: 6px;
    padding: 0 8px;
    height: 28px;
    line-height: 30px;
    background: #F5F5F5;
    font-size: 14px;
    color: #777;
    border-radius: 2px;
    overflow: hidden;
}

.ren-list-morem li a.a {
    background: #FE7242;
    color: #FFF;
}

.ren-list-sub {
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 0 solid #F0F0F0;
}

.ren-list-sub .ren_bkxx {
    display: block;
}

.ren-list-sub .ren-bk-nums {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0 4px;
    height: 12px;
    line-height: 14px;
    background: #F34548;
    font-size: 10px;
    color: #FFF;
    border-radius: 10px;
}

.ren-list-sub .ren_fx_xx li {
    padding-bottom: 7px;
}

.ren-list-sub .ren_fx_xx a {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.ren-forum-rec ul li a img {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: middle;
}

.ren-list-sub .ren_fx_xx p {
    height: 26px;
    line-height: 28px;
    color: #555;
    font-size: 13px;
    overflow: hidden;
}

.ren-list-sub .ren_m_mkbt a::after {
    content: "";
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 0 solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 17px;
}

.ren-tag-list {
    padding: 6px 10px;
    background: #FFF;
    overflow: hidden;
}

.ren-tag-list a {
    float: left;
    margin: 6px 12px 6px 0;
    padding: 0 10px;
    height: 28px;
    line-height: 30px;
    background: #cfdc92;
    font-size: 14px;
    border-radius: 2px;
    color: #FFF;
}

.ren-tag-list .color1 {
    background: #fbd283;
    color: #FFF;
}

.ren-tag-list .color2 {
    background: #73C7EF;
    color: #FFF;
}

.ren-tag-list .color3 {
    background: #9fdeaa;
    color: #FFF;
}

.ren-tag-list .color4 {
    background: #f5ad9b;
    color: #FFF;
}

.ren-tag-list .color5 {
    background: #f7a6ce;
    color: #FFF;
}

.ren-group .ren-friend-re {
    margin-top: 0;
    margin-bottom: 12px;
    padding-top: 4px;
}

.ren-group .ren-friend-re li {
    margin: 0 12px;
    padding: 10px 0;
}

.ren-group .ren-friend-re .ren-us-img {
    width: 100%;
    height: 44px;
    line-height: 44px;
}

.ren-group .ren-friend-re .ren-us-img img {
    width: 44px;
    height: 44px;
    border-radius: 3px;
}

.ren-group .ren-us-dateline {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.ren-group .ren-friend-in {
    top: 7px;
}

.ren-group .ren-friend-re .ren-statusxx-wu .ren-list-usxx::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: 18px;
}

.ren-group .rtj1009_p_nav {
    border-bottom: 1px solid #F0F0F0;
}

.ren-group-tj {
    height: 42px;
    line-height: 44px;
    padding: 0 10px;
    background: #FFF;
    position: relative;
    border-bottom: 1px solid #F0F0F0;
    text-align: left;
}

.ren-group-tj span {
    font-size: 15px;
    color: #999;
}

.ren-group-tj i.ren-font {
    float: left;
    margin-right: 5px;
    top: -2px;
    color: #999;
}

.ren-group-tj a {
    float: right;
    height: 42px;
}

.ren-group-tj .ren-group-qb {
    margin-right: 12px;
    font-size: 14px;
    color: #F26C4F;
}

.ren-group-tj .ren-group-qb::after {
    content: "";
    border-right: 1px solid #F26C4F;
    border-top: 1px solid #F26C4F;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 12px;
    top: 18px;
}

.ren_list_nav .ren-nav-group {
    display: block;
    padding-right: 2px;
    height: 45px;
    line-height: 47px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #FFF;
}

.ren_list_nav .ren-nav-group {
    display: block;
    padding-right: 2px;
    height: 45px;
    line-height: 47px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #FFF;
}

.ren-create .ren_hdxx_de .ren_hdxx_lxnr {
    padding-right: 0;
}

.secondgroup {
    position: relative;
}

.secondgroup .ps {
    float: left;
}

.ren-create .secondgroup .ps {
    margin: 5px 0;
    padding-top: 5px;
    border-top: 1px solid #F0F0F0;
}

.ren-create .secondgroup::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 8px;
    top: 42px;
}

.ren-group .page {
    padding: 15px 0;
}

.ren-group-sslist {
    background: #F3F3F3;
}

.ren-group-re {
    margin-top: 2px;
    margin-bottom: 12px;
    background: #FFF;
}

.ren-group-re li {
    padding: 10px;
    border-bottom: 1px solid #F0F0F0;
    position: relative;
}

.ren-group-re .ren-list-usxx {
    overflow: hidden;
    position: relative;
    display: block;
}

.ren-group-re .ren-us-name span {
    padding-left: 0;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #333;
}

.ren-group-re .ren-us-img {
    height: 44px;
    line-height: 44px;
}

.ren-group-re .ren-us-img img {
    margin-right: 10px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.ren-group-re li .ren-list-usxx::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: 18px;
}

.ren-group-my .ren-group-sslist {
    margin-top: 12px;
}

.ren-group-my .ren_ss_wu {
    margin-top: 12px;
}

.ren-group-my .ren_tie_list {
    margin-top: 12px;
}

.ren-group-my .ren_tie_list .ren_list {
    margin-top: 0;
}

.ren_fenpinglist .ren-f-count ul li {
    padding: 0 0;
    border-bottom: 0px solid #F6F6F6;
}

.ren_fenpinglist .statusxxli .ren_bkbt::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 18px;
    top: 37px;
}

.ren-group-index .ren-menu {
    padding-top: 0;
}

.ren-group-hd {
    display: none;
}

.ren-group-index .ren_us_xy {
    margin-top: 12px;
    overflow: hidden;
}

.ren-group-index .ren_us_tc {
    float: right;
    display: block;
    margin-right: 5px;
    height: 22px;
    line-height: 24px;
    padding: 0 8px;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    background-color: #7BBF1E;
}

.ren-group-index .ren_us_tc .icon {
    float: left;
    margin-right: 3px;
    height: 22px;
    line-height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    z-index: 20;
}

.ren-group-index .ren_us_dl {
    line-height: 26px;
    padding: 0 12px;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 14px;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, 0.5);
}

.ren-group-index .ren_us_zc {
    margin-right: 10px;
    line-height: 26px;
    padding: 0 12px;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 14px;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, 0.5);
}

.ren-group-index .ren_us_dl .icon, .ren-group-index .ren_us_zc .icon {
    top: -1px;
    margin-right: 3px;
    line-height: 22px;
    font-size: 12px;
    z-index: 20;
}

.ren-group-mem {
    margin-top: 12px;
    border-top: 1px solid #F0F0F0;
}

.ren-group-mem .ren_m_mkbt span {
    color: #777;
}

.ren-group-mem .ren-friend-re {
    margin-top: 0;
}

.ren-group-mem .ren-friend-re li {
    padding: 10px 12px;
    position: relative;
}

.ren-group-mem .ren-friend-re li::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 28px;
}

.ren-group-mem .ren-friend-re .ren-us-img {
    height: 44px;
    line-height: 44px;
}

.ren-group-mem .ren-friend-re .ren-us-img img {
    width: 44px;
    height: 44px;
}

.ren-group-mem .ren-us-name {
    width: 70%;
    margin: 4px 0;
}

.ren-group-mem .ren-us-name.tu span {
    padding: 2px 6px;
    height: 18px;
    line-height: 16px;
    background: #FE7242;
    color: #FFF;
    font-size: 12px;
    border-radius: 2px;
    margin-left: 5px;
}

.ren-create .ren_hdxx_de .ren-mange {
    white-space: inherit;
}

.ren_fb_hd .ren-icon-mana {
    width: inherit;
    height: inherit;
}

.ren-group-index .rtj1009_post .ren_post_list {
    margin-top: 10px;
}

.ren-group-mem .ren-friend-re .ren-list-usxx {
    display: block;
}

.ren-group-mem .ren-us-name .ren-memb-name {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
}

.ren-group-mem .ren-us-name .ren-mana-name {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
}

.ren-mana-inp {
    width: 30px;
    height: 44px;
}

.ren-mana-inp .pc {
    margin-top: 16px;
    margin-left: 5px;
    font-size: 14px;
}

.ren-manageuser-list {
    position: fixed;
    display: block;
    width: 100%;
    height: 46px;
    background: #FEFEFE;
    border-top: 1px solid #EDEDED;
    z-index: 98;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.ren-manageuser-list ul {
    padding: 8px 6px;
}

.ren-manageuser-list ul li {
    height: 28px;
    padding: 0 6px;
}

.ren-manageuser-list ul li button {
    width: 100%;
    padding: 0;
    outline: none;
    border: none;
}

.ren-manageuser-list ul li span {
    display: block;
    float: left;
    padding: 0 13px;
    height: 28px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
    background-color: #7BBF1E;
    color: #FFF;
}

.ren-manage-post .ren_fb_hd .ren_hdxx_li {
    background: #FFF;
    border-top: none;
}

.ren-demise-ts {
    margin-top: 10px;
    padding: 12px 10px;
}

.ren-demise-ts .ren_mm_xgts {
    font-size: 14px;
    text-align: left;
}

.ren-manage-wu {
    margin-top: 10px;
}

.ren-group-index .ren_fb_hd .ren_hdxx_me .ren_flpost_img a {
    float: left;
}

.ren-group-index .ren_fb_hd .ren_hdxx_me .ren_flpost_img i {
    width: 20px;
    font-size: 20px;
    color: #7BBF1E;
}

#iniconnew {
    float: left;
}


.starsico {
    float: left;
    margin-top: 12px;
    height: 14px;
    line-height: 14px;
}

.ren_list_e .starsico, .ren_list_san .starsico {
    margin-top: 3px;
}

.starsico img {
    margin-left: 5px;
    height: 14px;
}

.ren-post-ebo {
    background: #FEFEFE;
    border-top: 1px solid #F0F0F0;
    overflow: hidden;
}

.ren-post-ebo .j-tab-nav {
    padding: 10px 6px 0 6px;
    border-bottom: 1px solid #F0F0F0;
}

.ren-post-ebo .j-tab-nav li {
    float: left;
    padding: 0 13px 10px 13px;
    height: 52px;
    text-align: center;
}

.ren-post-ebo .j-tab-nav li a {
    display: block;
    height: 42px;
}

.ren-post-ebo .icon {
    font-size: 24px;
    line-height: 24px;
    color: #999;
}

.ren-post-ebo .qiandao .icon {
    font-size: 20px;
}

.ren-post-ebo .shezhi .icon {
    font-size: 22px;
}

.ren-post-ebo .j-tab-nav li a p {
    padding-top: 2px;
    height: 16px;
    line-height: 16px;
    color: #888;
    font-size: 12px;
}

.ren-post-ebo .j-tab-nav li.current .icon {
    color: #7BBF1E;
}

.ren-post-ebo .j-tab-nav li.current a p {
    color: #7BBF1E;
}

.ren_fb_hd.ren-editor .ren_hdxx_li {
    border-top: none;
}

.ren-post-newt .ren_fb_hd .ren_hdxx_de .ren_hdxx_lxnr {
    padding-right: 0;
}

.ren-post-ebo .ren_fb_hd .ren_hdxx_li {
    border-top: none;
    border-bottom: 1px solid #F0F0F0;
}

.tabs-block {
    background: #F3F3F3;
}

.tabbtn {
    margin-bottom: 12px;
    padding: 8px 0 8px 12px;
    background: #FFF;
    overflow: hidden;
    box-sizing: border-box;
}

.tabbtn a {
    box-sizing: border-box;
    float: left;
    width: calc(33.33% - 12px);
    display: block;
    margin: 6px 12px 6px 0;
    height: 30px;
    line-height: 28px;
    padding: 0 2px 0 12px;
    border: 1px solid #DEDEDE;
    color: #BBB;
    border-radius: 30px;
    overflow: hidden;
}

.tabbtn a.current {
    color: #7BBF1E;
    border: 1px solid #7BBF1E;
}

.ren-post-ebo .tabbtn .icon {
    float: left;
    line-height: 30px;
    font-size: 14px;
    padding-right: 5px;
}

.ren-post-ebo .tabbtn .tu .icon {
    top: -1px;
}

.ren-post-ebo .tabbtn li.current .icon {
    color: #7BBF1E;
}

.tabcon {
    background: #FFF;
}

.tabcon .tab {
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
}

.tabcon .ren_hdxx_li {
    position: relative;
    width: 100%;
    padding: 9px 12px;
    overflow: hidden;
    font-size: 15px;
    border-bottom: 1px solid #F0F0F0;
}

.tabcon .ren-de-edoin .ren_hdxx_lx {
    float: left;
    padding-right: 10px;
    line-height: 26px;
    color: #999;
}

.tabcon .ren-de-edoin .ren_hdxx_lxnr {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabcon .ren-de-edoin .ren_hdxx_lxnr input {
    width: 100%;
    padding: 0;
    background: #FFF;
    outline: none;
    border: none;
    height: 26px;
    line-height: 30px;
    font-size: 15px;
    color: #555;
}

.ren-de-edobtn {
    padding: 12px 0;
    margin: 0 12px;
    width: 70px;
}

.ren-post-password .ren-de-edbtn, .tabcon .ren-de-edbtn {
    line-height: 28px;
    padding: 7px 16px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    border-radius: 30px;
    background: #7BBF1E;
}

.ren-blog-postbtn button {
    position: absolute;
    top: 7px;
    right: 12px;
    height: 32px;
    line-height: 31px;
    padding: 0px 15px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    border-radius: 30px;
    background: #7BBF1E;
    border: 0;
}

.tabcon .ren-de-edod .ren_hdxx_li {
    padding: 10px 12px;
}

.tabcon .ren-de-edod .ren_hdxx_lx {
    float: left;
    padding-right: 10px;
    line-height: 26px;
    color: #999;
}

.tabcon .ren-de-edod .ren_hdxx_lxnr {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabcon .ren-de-edod .ren_hdxx_lxnr input {
    width: 100%;
    padding: 0;
    background: #FFF;
    outline: none;
    border: none;
    height: 30px;
    line-height: 32px;
    font-size: 15px;
    color: #555;
}

.ren-post-password, .tabcon .ren_hdxx_li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ren-post-password .ren_hdxx_lxnr, .tabcon .ren_hdxx_li .ren_hdxx_lxnr {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ren-de-edsts {
    padding: 12px;
    color: #F26C4F;
    font-size: 12px;
}

.ren-de-edkin .ren_hdxx_lxnr {
    padding: 12px 12px 0 12px;
    height: 112px;
}

.ren-de-edkin .ren_hdxx_lxnr textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px;
    background: #F8F8F8;
    border: 0;
    resize: none;
    font-size: 15px;
}

.message .blockcode {
    padding-left: 32px;
    margin: 10px 0;
    border: 1px dashed #DEDEDE;
    border-left: 2px solid #7BBF1E;
    background: #F3F3F3;
    overflow: hidden;
}

.message .blockcode div {
    padding: 10px 6px 10px 0px;
    background: #F9F9F9;
    border-left: 1px solid #DEDEDE;
}

.message .blockcode ol li {
    padding-left: 10px;
    line-height: 26px;
    list-style-type: decimal-leading-zero;
    font-size: 14px;
}

.ren-locked {
    position: relative;
}

.ren-loc-z {
    line-height: 32px;
    color: #F26C4F;
}

.ren-loc-z .icon {
    font-size: 18px;
    top: -1px;
}

.ren-loc-y {
    margin-top: 3px;
    font-size: 14px;
    overflow: hidden;
}

.ren-loc-y a {
    float: left;
    padding: 0 10px;
    height: 28px;
    line-height: 30px;
    background-color: #7BBF1E;
    color: #FFF;
    border-radius: 3px;
    font-size: 12px;
}

.ren-pay-nav {
    height: 45px;
    padding-bottom: 0;
}

.ren-pay-nav .rate-close {
    float: left;
    padding: 0 0;
    height: 45px;
    width: 20%;
    text-align: left;
    position: inherit;
}

.ren-pay-nav .rate-close .ren-font {
    padding-left: 12px;
    line-height: 45px;
    color: #777;
}

.ren-pay-nav .ren_top_dqwz span {
    color: #333;
}

.ren-pay-topxx li {
    padding: 0 18px;
    line-height: 36px;
    font-size: 14px;
}

.ren-pay-topxx li span {
    float: left;
    width: 65%;
    color: #999;
    text-align: left;
}

.ren-pay-topxx li p {
    color: #F26C4F;
}

.ren-rushreply .ren-checkrush {
    display: block;
    float: right;
    padding: 0 7px;
    height: 28px;
    line-height: 30px;
    background-color: #7BBF1E;
    font-size: 12px;
    border-radius: 3px;
    color: #FFF;
    text-align: center;
}

.ren-checkrush-ptn {
    padding-top: 5px;
}

.ren-checkrush-ptn a {
    color: #F26C4F;
}

.ren-reply-reward.list-block {
    margin: 0 0;
    font-size: 15px;
    color: #888;
}

.ren-reply-reward.list-block ul {
    border-top: 0;
}

.ren-reply-reward.list-block ul li {
    padding-left: 17px;
    padding-right: 17px;
}

.ren-reply-reward.list-block .item-media + .item-inner {
    margin-right: 12px;
}

.item-input.ren-input-select::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 20px;
}

.ren-verify {
    height: 14px;
}

.ren-verify img {
    margin-left: 4px;
    height: 14px;
}

.ren-verify-view img {
    width: 100%;
}

.rtj1009_m_main .ren_view_ny .ren_lc_xx .ren_lc_zzxx span.starsico {
    float: inherit;
    margin-top: 0;
    padding: 0 0;
}

.postalbum-pic {
    background-color: black !important;
}

.postalbum-pic .ren_top_grkj {
    height: 50px;
}

.postalbum-pic .ren_top_grkj span {
    display: initial;
}

.ren-tdats {
    margin-top: 12px;
    padding-bottom: 20px;
    background: #FFF;
    border-top: 1px solid #F0F0F0;
}

.ren-tdats .tdat .color {
    font-size: 14px;
    color: #F26C4F;
}

.ren-tdats .ren-tdats-alt {
    background: #FAFAFA !important;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}

.ren-tdats .tdat.yi {
    width: 44%;
}

.ren-tdats .tdat.e {
    width: 56%;
}

.ren-tdats .alt {
    background: #F7F7F7;
}

.ren-tdats .tdat th, .ren-tdats .tdat td {
    padding: 11px 10px 9px 10px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    overflow: hidden;
}

.ren-usgroup-gm span {
    font-size: 14px;
}

.ren-usgroup-gm span .xi1 {
    font-size: 16px;
    color: #F26C4F;
}

.ren-usergroups-dateline .yi {
    padding-right: 7px;
    color: #F26C4F;
}

.ren-tdats .ren-friend-re {
    margin-top: 0;
}

.ren-tdats .ren-friend-in a {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

.ren-gmgroup-tip .ren-rate-nav {
    padding-bottom: 0;
    position: relative;
}

.ren-gmgroup-tip .ren-post-nav {
    text-align: center;
}

.ren-gmgroup-tip .rate-close .ren-font {
    height: 45px;
    line-height: 47px;
    margin-right: 15px;
}

.ren-usgroup-tsli {
    padding: 0 15px;
}

.ren-usgroup-tsli p {
    margin: 5px 0;
    padding: 12px;
    background: #F2F2F2;
    font-size: 12px;
    text-align: left;
    border-radius: 3px;
    overflow: hidden;
}

.list-block .ren-usgroup-gmli .item-inner {
    border-bottom: none;
}

.list-block .ren-usgroup-gmli .item-input {
    text-align: left;
}

.ren-usgroup-gmli .color {
    color: #F26C4F;
}

.ren-magic-tsli {
    padding: 0 12px;
}

.ren-magic-tsli p {
    margin-top: 10px;
    text-align: left;
}

.ren-magic-tsli input {
    border-bottom: 1px solid #F0F0F0 !important;
}

.ren-report-text {
    padding: 0 15px;
}

.ren-report-text .reasonarea {
    padding: 10px;
    margin-bottom: 12px;
    width: 100%;
    min-height: 60px;
    line-height: 24px;
    border: 1px solid #F0F0F0;
    resize: none;
    font-size: 14px;
    vertical-align: middle;
}

.tip .ren-report.ren_lc_jbxx {
    padding-bottom: 10px;
}


.ren-prom-ts {
    padding: 10px;
    background: #FFF;
    border-bottom: 1px solid #F0F0F0;
}

.ren-prom-ts p {
    line-height: 24px;
    font-size: 13px;
}

.ren-prom-ts p i {
    color: #F26C4F;
}

.ren-prom-code {
    width: 100%;
}

.ren-code-k {
    margin: 50px auto;
    width: 70%;
    background: #FFF;
    border-radius: 4px;
}

.ren-code-txt {
    padding: 20px;
    border-bottom: 1px solid #F0F0F0;
}

#ren-code-img {
    width: 100%;
}

.ren-code-us {
    display: block;
    background: #FFF;
    padding: 12px 0 12px 15px;
    font-size: 16px;
    color: #444;
    position: relative;
    overflow: hidden;
}

.ren-code-us img {
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ren-code-us h3 {
    margin-top: 5px;
    height: 20px;
    line-height: 22px;
    font-size: 18px;
    font-weight: 400;
}

.ren-code-us span {
    font-size: 12px;
    color: #999;
    overflow: hidden;
}

.ren-credit-ssli {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ren-credit-ssli .ren-credit-mmk {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ren-credit-ssli .ren-credit-mmk input {
    width: 100%;
}

.ren-buy-tabs {
    margin-top: 15px;
}

.ren-crebuy-li {
    width: 100%;
}

.ren-buy-tabs .ren-crebuy-li {
    position: relative;
    line-height: 26px;
    padding: 12px;
    border-bottom: 1px solid #EEE;
    background: #FFF;
    font-size: 15px;
    overflow: hidden;
}

.ren-crebuy-li .ren-crebuy-labe {
    float: left;
    width: 50%;
    padding: 0;
    border-bottom: 0;
}

.ren-crebuy-li .item-media {
    position: relative;
    margin: 0 auto;
    width: 150px;
    height: 68px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #DEDEDE;
    color: #FFA800;
}

.ren-crebuy-li .item-media .ren-font {
    padding-left: 12px;
    height: 66px;
    line-height: 68px;
    font-size: 40px;
    color: #00AAEF;
}

.ren-crebuy-li .item-media.tu .ren-font {
    top: -1px;
    margin-right: 5px;
    font-size: 42px;
    color: #FFA800;
}

.ren-crebuy-li .a .item-media {
    border: 1px solid #FA6567;
}

.ren-stick-block ul {
    padding-bottom: 15px;
}

.ren-login-pl {
    margin: 0 auto;
    text-align: center;
}

.ren-login-pl .ren-login-ico {
    display: inline-block;
    margin: 5px 10px;
    padding: 10px;
    border-radius: 50%;
}

.ren-login-pl .ren-login-ico img {
    width: 50px;
    height: 50px;
    vertical-align: top;
}

.ren-login-pl .btn_login {
    display: none;
}

.ren-forumdisplay-bgimg {
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ren-forumdisplay-bgimg img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ren-forumdisplay-bg .ren_bk_top {
    position: absolute;
    height: 100px;
    background: initial;
    top: 60px;
    width: 100%;
    left: 0;
}

.ren-forumdisplay-bg .ren_bk_top .ren_foruminfo .ren_bk_biaoti a {
    font-weight: 500;
    color: #FFF;
    text-shadow: 0 1px 2px rgb(0 0 0 / 80%);
}

.ren-forumdisplay-bg .ren_bk_top .info_label, .ren-forumdisplay-bg .ren_bk_top .info_value {
    color: #FFF;
    text-shadow: 0 1px 2px rgb(0 0 0 / 80%);
}

.ren-forumdisplay-bg .ren_tie_list .rtj1009_th {
    border-top: 0px solid #F0F0F0;
}

.ren-zan-list {
    position: relative;
    margin-left: 54px;
    padding-bottom: 10px;
}

.ren-zan-list .ren-zan-listinfo {
    margin: 5px 0;
    padding: 3px 10px;
    background: #F8F8F8;
    border-radius: 3px;
}

.ren-zan-list .ren-zan-listinfo:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #F8F8F8;
    position: absolute;
    left: 10px;
    top: -5px;
}

.ren-zan-list .ren-recommend-list {
    margin: 6px 0;
    height: 30px;
    overflow: hidden;
}

.ren-zan-list .ren-recommend-list i {
    float: left;
    font-size: 13px;
    line-height: 30px;
    color: #999;
}

.ren-zan-list .ren-recommend-list span {
    margin: 0 5px;
    padding: 0 8px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.05);
    color: #A8A8A8;
    font-size: 12px;
    border-radius: 30px;
}

.ren-zan-list .ren-recommend-list a {
    float: left;
    display: block;
    margin: 3px 6px 3px 0;
    width: 24px;
    height: 24px;
    color: #555;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
}

.ren-zan-list .ren-recommend-list a img {
    width: 24px;
    height: 24px;
    border-radius: 50px;
}

.ren-zan-list .ren-reply-list {
    border-top: 1px solid #F0F0F0;
    padding: 6px 2px 4px 0;
    overflow: hidden;
}

.ren-zan-list .ren-reply-list li {
    margin-bottom: 0;
    padding: 0 0;
    line-height: 24px;
    max-height: 48px;
    background: inherit;
    font-size: 13px;
    color: #777;
    overflow: hidden;
}

.ren-zan-list .ren-reply-list li a {
    color: #F26C4F;
}


.ren-forum-mnlist .ren_list li {
    float: left;
    position: relative;
    margin-bottom: 0;
    padding: 15px 0;
    width: 100%;
    border-bottom: 1px solid #F0F0F0;
}

.ren-forum-mnlist .ren_list li:last-child {
    border-bottom: none;
}

.ren-reward-list-li .ren-reward-list-box {
    position: relative;
    margin: 0 12px;
    overflow: hidden;
}

.ren-reward-list-li .ren-list-rank {
    float: left;
    margin-right: 12px;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    color: #666;
}

.ren-list-rank .replies, .ren-list-rank .views {
    float: left;
    display: block;
    padding-top: 3px;
    width: 46px;
    height: 46px;
    border-radius: 3px;
}

.ren-list-rank .replies {
    color: #008EEB;
    background: #E5F2FF;
    border: none;
}

.ren-list-rank .replies.hui {
    background-color: #F3F3F3;
    border-color: #F3F3F3;
    color: #777;
}

.ren-list-rank .replies.ren-solved {
    background-color: #008EEB;
    border-color: #F3F3F3;
    color: #FFF;
}

.ren-list-rank .replies span, .ren-list-rank .views span {
    display: block;
    margin-top: 3px;
    font-size: 12px;
}

.ren-list-rank .views {
    width: 50px;
    color: #999;
}

.ren-reward-list-box .ren-list-summary {
    overflow: hidden;
}

.ren-list-summary .ren-reward-us {
    margin-bottom: 3px;
    line-height: 20px;
    color: #999;
    font-size: 12px;
}

.ren-list-summary .ren-index-us-name {
    margin-right: 10px;
    color: #999;
    font-size: 13px;
}

.ren-list-summary h2 {
    display: inline;
    margin: 0 3px 0 0;
    font-size: 16px;
}

.ren-list-summary h2 a {
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.ren-list-summary .price-tag {
    display: inline-block;
    border-color: #fff8e5;
    color: #f19049;
    background-color: #fff8e5;
    font-weight: 400;
    font-size: 12px;
    padding: 1px 5px;
    border-radius: 2px;
    line-height: 20px;
    height: 20px;
    margin: 0px 1px 0 0;
}

.ren-list-summary .price-tag .ren-font {
    width: 15px;
    margin-right: 3px;
    font-size: 15px;
    top: -3px;
    color: #FFA800;
}

.ren-list-summary .price-tag.e {
    padding: 1px 6px;
    color: #FA6567;
    background-color: #FFEFEF;
    overflow: initial;
}

.ren-summary-tag {
    margin: 0;
    display: inline-block;
}

.ren-summary-tag a {
    display: inline-block;
    padding: 0 6px;
    height: 20px;
    line-height: 20px;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #008EEB;
    background: #E5F2FF;
    border-radius: 3px;
}

.flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sec_code span .txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sec_code span .px {
    width: 100%;
    border: none;
    line-height: 30px;
    font-size: 16px;
}

.ren-loginbox .login_from {
    background: #FFF;
}

.ren-loginbox .sec_code {
    padding: 8px 15px !important;
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
    position: relative;
}

.ren-loginbox .list-block input {
    padding: 0 0 0 0;
}

.ren-loginbox .list-block li.field {
    height: inherit;
    line-height: inherit;
    border-bottom: none;
}

.ren-loginbox .list-block .item-content {
    padding-left: 0;
    display: inherit;
}

.ren-loginbox .list-block .item-media + .item-inner {
    padding-right: 0;
}

.ren-loginbox .list-block .item-input-select::after {
    content: "";
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: 20px;
}

.ren-loginbox .seccodecheck-li .item-media {
    display: none;
}

.ren-loginbox .seccodecheck-li .sec_code {
    padding: 0 0 !important;
}

.ren-loginbox .list-block .seccodecheck-li .item-media + .item-inner {
    margin-left: 0 !important;
    padding-top:0 !important;
    display: inherit;
}

.ren-loginbox .seccodecheck-li .item-media + .item-inner {
    border-bottom: none;
}

.ren_lostpw .sec_code span .px {
    padding: 0 10px;
    border: 1px solid var(--dz-BOR-ed);
}


.ren-threadstamp {
    position: absolute;
    top: 0;
    right: 80px;
    z-index: 1000;
}

.ren-threadstamp img {
    height: 40px;
}

.ren-follow {
    position: relative;
}

.ren-follow .ren-forumdisplay-bgimg {
    height: 170px;
}

.ren-follow.ren-forumdisplay-bg .ren_bk_top {
    padding-left: 20px;
}

.ren-follow.ren-forumdisplay-bg .ren_bk_top .info_label, .ren-follow.ren-forumdisplay-bg .ren_bk_top .info_value {
    font-size: 14px;
}

.ren-follow .ren_bk_top .ren_foruminfo .ren_bk_biaoti {
    margin-bottom: 5px;
}

.ren-follow .info_label {
    margin: 0 3px 0 15px;
}

.ren-follow .ren_bk_top .ren_bk_num a {
    color: #FFF;
}

.ren-follow .ren_bk_top .ren_bk_ft {
    top: 12px;
    right: 12px;
}

.ren-follow-listgl {
    position: absolute;
    top: 15px;
    right: 0;
}

.ren-follow .ren-follow-listgl .color {
    display: inline-block;
    height: 24px !important;
    line-height: 24px !important;
}

.ren-follow .ren-follow-listgl .color .icon {
    font-size: 14px;
    color: #999;
    top: -2px;
}

.ren_tie_list .ren_list .ren_twsj a.ren_qxgz {
    display: inline-block;
}

.ren-rank-list .ren-friend-re .ren-us-img {
    margin: 0 10px;
}

.ren-rank-list .ren-friend-re .ren-us-img .ren-diy-avatar {
    height: 40px;
    line-height: 40px;
}

.ren-rank-list .ren-ranks-li .ren-diy-avatar {
    margin: 0 auto;
    display: block;
    width: 46px;
    height: 56px !important;
    position: relative;
    vertical-align: middle;
    background-size: cover;
    background-repeat: no-repeat;
}

.ren-rank-list .ren-friend-re li {
    padding: 10px 12px 10px 0;
}

.ren-rank-list .ren-ranks-li {
    padding: 8px 12px 8px 0 !important;
}

.ren-rank-list .ren-ranks-li .ren-us-img {
    height: 60px;
    line-height: 60px;
}

.ren-rank-list .ren-diy-avatar.num-1::before {
    background-image: url(../image/currentorder1.png);
    background-size: 100%;
}

.ren-rank-list .ren-diy-avatar.num-2::before {
    background-image: url(../image/currentorder2.png);
    background-size: 100%;
}

.ren-rank-list .ren-diy-avatar.num-3::before {
    background-image: url(../image/currentorder3.png);
    background-size: 100%;
}

.ren-rank-list .ren-friend-re .ren-us-img img {
    margin-right: 0;
}

.ren-rank-list .ren-ranks-li .ren-diy-avatar::before {
    position: absolute;
    z-index: 2;
    top: -1px;
    left: 0;
    display: block;
    content: '';
    width: 46px;
    height: 60px;
}

.ren-rank-list .ren-ranks-li .ren-diy-avatar img {
    position: absolute;
    bottom: 0;
    left: 3px;
    width: 40px;
    height: 40px;
    z-index: 3;
}

.ren-rank-list .ren-ranks-li .ren-us-name {
    margin-top: 15px;
}

.ren-rank-list .ren-ranks-li .ren-friend-in {
    top: 15px;
}

.ren-rank-list .rank-order {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    margin: 1px 2px 0 0;
    font-size: 12px;
    text-align: center;
    color: #FFF;
    background: inherit;
    line-height: inherit;
}

.ren-rank-list .ren-ranks-li .rank-order {
    margin: 11px 0 0 0;
}

.ren-rank-list .rank-order span {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -14px;
    font-size: 12px;
    text-align: center;
    color: #FFF;
}

.ren-rank-list .rank-order .ren-font {
    font-size: 25px;
    color: #CED2D7;
    right: -6px;
}

.ren-rank-list .ranks-1.rank-order .ren-font {
    color: #FF6314;
}

.ren-rank-list .ranks-2.rank-order .ren-font {
    color: #FFBD24;
}

.ren-rank-list .ranks-3.rank-order .ren-font {
    color: #4C8DFC;
}

.ren-rank-mn .notice {
    margin: 12px;
    text-align: center;
    color: #999;
}

.ren-rank-mn .ren-rank-list .ren_tw_yi {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.ren-rank-mn .ren_tie_list .ren_list_yi .ren_list .ren_tw_yiimg {
    padding: 3px 0 3px 12px !important;
}

.ren-rank-list.ren-rank-forum .ren-ranks-li .ren-diy-avatar::before {
    display: none !important;
}

.sidebar-btns {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1001;
}

.nightbtn {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
}

.tshuz_sign_main {
    margin-top: 45px !important;
    margin-bottom: -45px !important;
}

.tshuz_sign_main .sign_btn {
    width: 115px !important;
}

.ren_tie_list .ren_list .ren_tw_yiimg .ren_thread_imge.ren-remote-img {
    height: 78px;
}

.ren_tie_list .ren_list .ren_tw_yiimg .ren_thread_img.ren-remote-img img {
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.ren_tie_list .ren_list .ren_threadimg .ren_thread_imgsan.ren-remote-img {
    padding-bottom: 27%;
}

.ren_tie_list .ren_list .ren_threadimg .yige_img.ren-remote-img {
    padding-bottom: 50%;
}

.ren_tie_list .ren_list .ren_threadimg .ren_thread_img.ren-remote-img img {
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.ren_tie_list .ren_list_wu .ren_list .ren_tw_yiimg .ren_threadimg .ren_thread_imge.ren-remote-img {
    height: 120px;
}

.ren-message-chaobox .message {
    overflow: hidden;
    position: relative;
}

.ren-message-zhankai {
    width: 100%;
    padding-top: 78px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 10;
}

.ren-message-zhankai span {
    display: block;
    margin: auto;
    height: 30px;
    line-height: 30px;
    margin-bottom: 8px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

a.flw_readfull {
    display: block;
}

.list .flw_image ul li {
    padding: 0 0 25% 0 !important;
    margin-bottom: 0px;
}

.a-disabled {
    background: #FFF;
}