
@font-face {font-family: 'ren-font';
    src: url('font/iconfont.eot');
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('font/iconfont.woff') format('woff'),
    url('font/iconfont.ttf') format('truetype'),
    url('font/iconfont.svg#iconfont') format('svg');
}

.ren-font{
    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;
}
	
* { margin: 0; padding: 0; word-wrap: break-word; }
*, *::after, *::before { -moz-box-sizing : border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
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, button { font:12px/1.5  "Helvetica Neue", Helvetica, sans-serif; }
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; }

a:link, a:visited, a:active, a:hover{ outline: 0; color: #333; text-decoration: none !important; }

.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-nav~.content { padding-top: 45px; }
.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-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; }

/* 閿熸枻鎷烽敓鑺ョ湅閿熸枻鎷烽敓鏂ゆ嫹娆犻敓鏂ゆ嫹閿�?*/
.actions-modal .bg-primary, .content .bg-primary, .list-block .swipeout .bg-primary, .panel .bg-primary,body .bg-primary { color: #fff; background-color: #0894ec; }
.actions-modal .bg-primary:active, .content .bg-primary:active, .list-block .swipeout .bg-primary:active, .panel .bg-primary:active,body .bg-primary:active { background-color: #7BBF1E; }
.actions-modal .bg-danger, .content .bg-danger, .list-block .swipeout .bg-danger, .panel .bg-danger, body .bg-danger { color: #fff; background-color: #f6383a; }
.actions-modal .bg-danger:active, .content .bg-danger:active, .list-block .swipeout .bg-danger:active, .panel .bg-danger:active, body .bg-danger:active { background-color: #f00b0d; }
.actions-modal .bg-warning, .content .bg-warning, .list-block .swipeout .bg-warning, .panel .bg-warning, body .bg-warning { color: #fff; background-color: #f60; }
.actions-modal .bg-warning:active, .content .bg-warning:active, .list-block .swipeout .bg-warning:active, .panel .bg-warning:active, body .bg-warning:active { background-color: #cc5200; }
.actions-modal .bg-success, .content .bg-success, .list-block .swipeout .bg-success, .panel .bg-success, body .bg-success { color: #fff; background-color: #4cd964; }
.actions-modal .bg-success:active, .content .bg-success:active, .list-block .swipeout .bg-success:active, .panel .bg-success:active,body .bg-success:active { background-color: #2ac845; }
.actions-modal .color-primary, .content .color-primary, .list-block .swipeout .color-primary, .panel .color-primary,body .color-primary { color: #0894ec; }
.actions-modal .color-primary:active, .content .color-primary:active, .list-block .swipeout .color-primary:active, .panel .color-primary:active,body .color-primary:active { color: #7BBF1E; }
.actions-modal .color-danger, .content .color-danger, .list-block .swipeout .color-danger, .panel .color-danger,body .color-danger { color: #f6383a; }
.actions-modal .color-danger:active, .content .color-danger:active, .list-block .swipeout .color-danger:active, .panel .color-danger:active,body .color-danger:active { color: #f00b0d; }
.actions-modal .color-warning, .content .color-warning, .list-block .swipeout .color-warning, .panel .color-warning,body .color-warning { color: #f60; }
.actions-modal .color-warning:active, .content .color-warning:active, .list-block .swipeout .color-warning:active, .panel .color-warning:active,body .color-warning:active { color: #cc5200; }
.actions-modal .color-success, .content .color-success, .list-block .swipeout .color-success, .panel .color-success,body .color-success { color: #4cd964; }
.actions-modal .color-success:active, .content .color-success:active, .list-block .swipeout .color-success:active, .panel .color-success:active,body .color-success:active { color: #2ac845; }
/* 閿熸枻鎷烽敓鑺ョ湅閿熸枻鎷烽敓鏂ゆ嫹娆犻敓鏂ゆ嫹閿�?閿熸枻鎷烽敓鏂ゆ嫹 */

.bar { position: fixed; right: 0; left: 0; z-index: 99; height: 45px; -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 { position: absolute; display: block; width: 100%; padding: 0; margin: 0 -10px; 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: #f46; }
.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: #f45; 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{ display: inline-block; padding: 2px 9px 3px; font-size: 12px; line-height: 20px; color: #3d4145; background-color: rgba(0,0,0, .15); border-radius: 100px; }
.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; 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 { height: 100%;}
.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; }


.button { position: relative; display: block; height: 27px; box-sizing: border-box; padding: 0 10px; margin: 0; font-family: inherit; font-size: 14px; line-height: 25px; color: #7BBF1E; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; background: 0 0; border: 1px solid #7BBF1E; border-radius: 3px; appearance: none; }
/* 
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; }


.tabs .tab { display: none; }
.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; -moz-box-sizing: border-box; box-sizing: border-box; }
.list-block .item-content { display: flex; min-height: 47px; box-sizing: border-box; padding-left: 15px; }
.list-block .item-media { display: flex; box-sizing: border-box; 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: 46px; box-sizing: border-box; padding-top: 8px; padding-right: 15px;padding-bottom: 7px; border-bottom: 1px solid #F0F0F0; align-items: center; }
.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: 45px; box-sizing: border-box; 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 { position: fixed; }
.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: 47px; background-color: #FFF; font-size: 15px; text-align: center; }
.ren-styles-ico .icon { width: 36px; height: 36px; line-height: 37px; 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: #7BBF1E;
    border: none;
	border-radius: 2px;
}
.searchbar .button-fill .button2 { 
	width: 100%;
    float: left;
    margin-left: 2%;
    height: 36px;
    line-height: 38px;
    color: #FFF;
    background: #7BBF1E;
    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: #ccc;
  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{ 
/*
linear-gradient(to right, #f46, #FF6B59); 

linear-gradient(to right, #f34548b0, #fa65c5);
linear-gradient(to right, #f34548b0, #fa65e8);
linear-gradient(to right, #f345d6, #fa65beeb);
linear-gradient(to right, #f345e6, #fa65beeb);
*/
background: linear-gradient(to right, rgba(255,68,102,0.75), rgba(250,101,197,0.94));
transform: translateX(0px);
transition: all 300ms; height:50px;line-height:50px;
}
.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 { width:120px; height: auto; 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  { padding-right: 12px; width: 20%; }
.ren_nav .ren_nav_ss span { top: 1px; font-size: 21px; line-height: 45px; padding-top: 3px; }
.ren_nav .y.ren_nav_ss span { float: right; }
.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: 3px; margin-left: 12px; line-height: 45px; color:#fff;  }

.ren_nav .ren-nav-avatar  img { width: 8px; height: 9px; margin-left:3px; padding-top: 1px;}
.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: 45px; line-height: 45px; 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: #7BBF1E; border-color: #7BBF1E; }
.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: 45px; width: 20%; }
.ren-fh { height: 45px; width: 20%; }
.ren_fhjt::after { content: ""; border-left: 2px solid #FFF; border-bottom: 2px solid #FFF; width: 16px; height: 16px; -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; }
.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 .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 #7BBF1E; color: #7BBF1E; }
.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-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: 12px; 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: 5px; 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: 14px; 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_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: 12px 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; width: 100%; 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.2); 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; height: 50px; border-radius: 3px; }
.sub_forum .ren-forum-ico-y li a img { float: left; width: 50px; 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 .tabs li a img  { width: 46px; height: 46px; }
.post_forum_list .ren_fenpinglist .ren_bkbt { height: 46px; }
.post_forum_list .ren_fenpinglist .tabs .ren_bkbt span { margin-top: 0; height: 46px; line-height: 48px; }
.post_forum_list .ren_fenpinglist .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; height: 40px; }
.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: #7BBF1E;}
.menu-left ul li.active:before{content: " "; position: absolute;display: block; width:2px; height:100%; background:#7BBF1E; 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; height: 50px; border-radius: 50%; }
.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: #7BBF1E; 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 10px; font-size: 16px; }
.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: #7BBF1E; 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_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: 16px; 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: 14px; 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%; 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 { padding: 15px 10px; background: #ffF; border-top: 1px solid #F0F0F0; text-align:center; overflow: hidden; }
.page a#select_a { margin: 0 5px !important; padding: 2px 0 0 0 !important; height: 32px !important; line-height: 28px !important; }
.page a { border: 1px solid #D7D7D7; border-radius: 5px; margin: 0 8px; padding: 8px 15px 5px 15px; background: #ffF; }
.ren-group .page a { margin: 0 0; }
.page select { border: 1px solid #CCC; height: 28px; }
.page a.grey { color: #A5A5A5; }
.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: 22px; }
.ren_list_yi .ren-list-us7 .ren_twus_img img { width: 22px; 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; padding: 12px 10px; height: 82px; background: #ffF; }
.ren_bk_top .ren_bk_topz { width: 100%; }
.ren_bk_top .head_bktp { display: block; height: 58px; }
.ren_bk_top .head_bktp img { width: 58px; border-radius: 3px; }
.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 { background:#2498D8 url(../image/btn_s_bg.png) no-repeat 0 -31px; 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 { position: relative; width: 100%; 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; }
.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 { 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 { 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; width: 100%; 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 {  }
.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: -7px; }
.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: 5px 12px 20px 12px; }
.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: #7BBF1E; 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; height: 24px; line-height: 26px; }
.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; width: 100%; 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: #7BBF1E; 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; font-size: 14px; 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-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; 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; 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; }
.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; }
.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; width: 100%; 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_view_ny .ren_lchf_xx { padding-bottom: 5px; overflow: hidden; position: relative; }
.ren_view_ny .ren_lchf_xx .ren_avatar { float: left; margin-right: 10px; width: 28px; height: 28px; display: block; overflow: hidden; }
.ren_view_ny .ren_lchf_xx .ren_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: 5px; }
.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%; }
.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; border-bottom: 1px solid #F0F0F0; }
.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; }
.ren-credit-log .ren-notice-note a { color: #999; }
.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: #555; }
.ren-credit-log .ren-credit-op a { color: #555; }
.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: 10px 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; padding: 0 0 0 5px; margin: 0; line-height: 26px; 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;}


.ren-credit-exchange .sec_code { padding: 10px; 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: 46px; 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 .button { width: 100%; color: #444; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 0; font-size: 15px; background: #F3F3F3; }
.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: 76px; height: 76px; 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 { 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 { width: 100%; 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; }

.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 10px; 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-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.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 .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: 7px; padding: 0 5px; width: 100%; 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: #7BBF1E; }
.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: #999; }
.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: 33%; }
.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; }
#tr_birthcity, #tr_residecity { display: none; }

.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_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-spacecp-profile .ren_login { padding: 15px; }

.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; 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; }


/*----- login & register -----*/
.rtj1009_m_login { margin-bottom: 15px; }
.ren_login { padding: 0 15px; }
.ren_login .ren_btn { width: 100%; height: 44px; line-height: 46px; font-size: 16px; color: #FFF; }
.ren_reg_link { margin-top: 15px; padding: 0 16px; }
.ren_reg_link a { font-size: 14px; color: #7BBF1E; }
.ren_reg_link .ren_zc_xy { 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; }
/** 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: #7BBF1E; 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 {}
.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; }
.ren_wz_nr .ren_click td a { display: block; color: #999; }
.ren_wz_nr .ren_click img { height: 32px; display: block; 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; padding: 10px; width: 33.33%; }
.popup-view-gl .ren-view-gl ul li a { padding: 0 8px; 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; padding: 0 12px; 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: 67%; }
.ren_view_footer .ren_viewdi_hf span { display: block; width: 100%; 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_scrolltop { position: fixed; bottom: 80px; right: 10px; 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_scrolltop.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_scrolltop 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_scrolltop .ren-font { font-size: 20px; line-height: 40px; color: #FFF; overflow: hidden; }
.ren_scrolltop .ren_scrolltop_bar .ren-font { line-height: 42px; 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 { position: relative; border-bottom: 1px solid #D9D8D8; font-size: 16px; }
.threadlist li a { display: block; padding: 7px 10px; font-size: 16px; line-height: 25px; }
.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 10px; background: #F5F5F5; line-height: 20px; border-bottom: 1px solid #EEE; font-size: 14px; color: #999; text-align: left; }
.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-bottom: 0; border-bottom: 0 solid #F0F0F0; }
.ren-list-sub .ren_bkxx { display: block; }
.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: 14px; 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 { 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: 7px 14px; 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: 6px 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 10px; 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 8px 6px; border-bottom: 1px solid #F0F0F0; }
.ren-post-ebo .j-tab-nav li { float: left; padding: 0 13px; height: 42px; 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; }
.tabbtn a { 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-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-crebuy-li  { width: 100%; }
.ren-crebuy-li .ren-crebuy-labe { float: left; width: 50%; }
.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 label.label-checkbox input[type=radio]:checked+.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 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ren-forumdisplay-bg .ren_bk_top {
    position: absolute;
    padding: 12px;
    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 .info_label, .ren-forumdisplay-bg .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 {
    padding: 6px 0;
    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;
}

.changecity{
	position:absolute;
	left:12px;
	font-size:12px;
	color:#fff;
}
.changecity a{
	color:#fff;
}

.changecity .d-arrow {
    float: right;
    margin: 21px 0 0 3px;
    display: block;
    width: 8px;
    height: 7px;
    background: url(/images/global.png) 0 0 no-repeat;
    background-size: 130px 125px;
    background-position: -30px -15px;
    border: none;
    position: static;
    color: #fff;
}

.downloadApp {
	position:absolute;
	right:12px;
	margin-top: 13px;
	background: url('/images/search.png') no-repeat center center;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	animation: shark 800ms ease-in-out infinite alternate;
}


.module-line {
	width: 100%;
	height: 10px;
	background: #eeeeee;
}

.single-green {
    text-align: center;
    font-size: 10px;
    color: #fff !important;
    padding: 2px 4px;
    background: #FA6567;
    vertical-align: middle;
    border-radius: 2px;
}


.single-green2 {
    text-align: center;
    font-size: 10px;
    color: #fff !important;
    padding: 2px 4px;
    background: #31abf7;
    vertical-align: middle;
    border-radius: 2px;
}

.single-green3 {
    text-align: center;
    font-size: 10px;
    color: #fff !important;
    padding: 2px 4px;
     background: #7bbf1e;
    vertical-align: middle;
    border-radius: 2px;
}
  

.hdc { margin-bottom: 0px; }

.vk_slide { position:relative; overflow:hidden; margin:0 auto; max-width:100%; height: 200px; clear:both; }
.vk_slide .hd { position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.vk_slide .hd li { display:inline-block; width:8px; height:8px; border-radius:8px; background:#fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.4); margin:0 5px; overflow: hidden; opacity: 0.8; }
.vk_slide .hd li.on { background:#0ad; }
.vk_slide .bd { position:relative; z-index:0; }
.vk_slide .bd li { position:relative; text-align:center; }
.vk_slide .bd li img { vertical-align: text-bottom; width:100%; overflow: hidden; }
.vk_slide .bd li a { -webkit-tap-highlight-color:rgba(0,0,0,0); } 
/*
.vk_slide .bd li .title { display:block; width:100%; position:absolute; top:132px; text-indent:10px; height:28px; line-height:28px; background:rgba(0,0,0,0.4) ; color:#fff; text-align:left; }
*/


.vk_water { position: absolute; left: 0; bottom: 0px; z-index: 2; width: 100%; height: 30px; background: url('/css/vk_water.svg') repeat-x; background-size: 200px 70px; }
.vk_water_wide { position: absolute; left: 0; bottom: -5px; z-index: 2; width: 100%; height: 50px; background: url('/css/vk_water.svg') repeat-x; background-size: 600px 100px; }

.vk_wp {zoom:1; clear:both;} 
.vk_wp:after {content:''; display:block; clear:both; visibility:hidden; height:0;}
.vk_wp { width: 100%; background: #fff;  margin:0 auto; margin-top: 10px; }
.vk_wp_diy {zoom:1; clear:both; width: 100%; background: #fff;  margin:0 auto; margin-top: 10px; padding: 5px 10px;} 
.vk_wp_diy:after {content:''; display:block; clear:both; visibility:hidden; height:0;}

.vk_wp .vk_index_a_d { width: 100%; overflow: hidden; }
.vk_wp .vk_index_a_d a { display: block; position: relative; overflow: hidden; }
.vk_wp .vk_index_a_d span { position:absolute; bottom:5px; right:5px; border-radius:3px; border:1px solid #fff; padding:3px; display:inline-block; font-size:12px; color:#fff; line-height:12px; }
.vk_wp .vk_index_a_d img { width: 100%; vertical-align: top; overflow: hidden; }

.vk_wp .vk_index_a_d {/* width: 100%; */ overflow: hidden; padding: 0 10px; background: #f2f2f2; }
.vk_wp .vk_index_a_d a { display: block; position: relative; overflow: hidden; }
.vk_wp .vk_index_a_d span { position:absolute; bottom:5px; right:5px; border-radius:3px; border:1px solid #fff; padding:3px; display:inline-block; font-size:12px; color:#fff; line-height:12px; }
.vk_wp .vk_index_a_d img { width: 100%; vertical-align: top; overflow: hidden; border-radius: 5px; }


.vk_title_list_3 { position: relative; padding:10px 0; width:100%; overflow:hidden; }
.vk_title_list_3 li { float:left; width: 32.925%; margin:5px 0; display:table-cell; vertical-align:middle; text-align:center;}
.vk_title_list_3 li:nth-child(3n) { width: 33%; margin-right: 0px; }


.vk_title_list_3 li a { display: inline-block; width: 92%; color:#333; font-size:12px; }

.vk_title_list_3 li h2 { margin:0 auto; max-width:98%; height:24px; line-height:30px; overflow:hidden; text-align:center; color:#333; font-size:14px; }
.vk_title_list_3 li p  { margin:0 auto; max-width:98%; height:24px; line-height:30px; overflow:hidden; text-align:center; color:#aaa; font-size:12px; }

.vk_title_list_3 li .title_1 { color:#6a2; }
.vk_title_list_3 li .title_2 { color:#f60; }
.vk_title_list_3 li .title_3 { color:#31abf7; }


/*底部导航*/
.mkty-bottom-menu{position: fixed;height:50px; bottom:0px; left:0;width: 100%;background-color: #fcfcfc;border-top:1px solid #f0f0f0;overflow: hidden;z-index: 9;-webkit-transition:bottom 0.4s;}
.mkty-bottom-menu ul{padding: 0 2px;color:#888;font-size: 16px;}
.mkty-bottom-menu .btmm-item{float: left;width: 20%;}
.mkty-bottom-menu .btmm-item .mktybm-pmt{position: relative;}
.mkty-bottom-menu .btmm-item .mktybm-pmt-dot{position: absolute;top:3px;right:-1px;width: 8px;height: 8px; background-color: #f30;border-radius: 5px;}
.mkty-bottom-menu .btmm-item a{display: block;padding-top: 6px;padding-bottom: 5px;}
.mkty-bottom-menu .btmm-item .btmm-icon{display: block; font-size: 21px;text-align: center;line-height: 25px;color:#6d6d6d;}
.mkty-bottom-menu .btmm-item .btmm-txt{display: block;font-size: 12px;text-align: center;line-height: 12px;color:#6d6d6d;}
.mkty-bottom-menu .btmm-item.active .btmm-icon{color:#f46;}
.mkty-bottom-menu .btmm-item.active .btmm-icon.btmm-big .mktyiconfont{color:#fff;display:inline-block;line-height: 38px;font-size: 30px; width: 80%;border-radius: 20px;background-color: #53b0f2;}
.mkty-bottom-menu .btmm-item.active .btmm-txt{color:#fc4e80;}
.active::after {
    content: '';
    width: 100%;
    background: none;
}
.ren_list_us .time {
     padding-left: 0px; 
}

.section-title {
    padding-left:10px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #F0F0F0;
}

.search {
	display: flex;
	overflow: hidden;
	height: .4rem;
	padding: 0 .15rem;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(to right, rgba(255,68,102,0.75), rgba(250,101,197,0.94));
	font-size: 12px;
}

.search a {
	color: #fee;
	font-size: 12px;
}

.search input {
	outline: none;
	display: inline-block;
	width: 100%;
	margin-right: .1rem;
	height: .3rem;
	border-color: #eee;
	text-align: center;
	color: rgb(132, 123, 123);
	border: none;
	background: white;
	border-radius: 26px;
	-webkit-appearance: none;
	font-size: 12px;
}

.search_bg {
	display: none;
}

.searchBtn {
	width: 0.5rem;
	text-align: center;
	height: .28rem;
	line-height: .28rem;
	color: white;
	border-radius: 7px;
	background: #f546b7;
	font-size: 12px;
}

.color255 {
	color: rgb(255, 255, 255)
}

.opacity7 {
	opacity: .7;
}


.section-title a {
	font-size: 14px;
	color:#f46;
	font-weight:bold;
	
}

.hpw-page {
	background:#fff;
	display: -webkit-box;
	display: box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.hpw-page a {
	height: 45px;
	line-height: 45px;
	padding: 15px 0;
	text-align: center;
	display: block;
	-webkit-box-flex: 3;
	box-flex: 3
}

.hpw-page span {
	color: #f46;
	display: block;
	height: 18px;
	line-height: 18px
}

.page-up span {
	border-right: 1px solid #d0d0d0
}

.page-down span {
	border-left: 1px solid #d0d0d0
}

.hpw-page a.touch {
	background: #f0f0f0
}

.hpw-page a.touch span {
	color: #579b00
}

.hpw-page span.page-num {
	display: inline-block;
	color: #878787
}

.hpw-page .page-select-a {
	-webkit-box-flex: 1;
	box-flex: 1;
	position: relative;
	background:#fff;
}

.hpw-3g-page-btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	min-width: 70px;
	border: 0;
	opacity: .01;
	-webkit-appearance: none;
	background:#fff;
}

.hpw-page a.disable span {
	color: #b7b7b7
}

.hpw-page a.disable {
	background: #fff
}

.hpw-page a.disable.active {
	background: #fff
}

.hpw-page span.triangle {
	margin-left: 1px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px;
	border-color: #a5a5a5 transparent transparent transparent
}

.hpw-page .page-select-a.active span.page-num {
	color: #579b00
}

.hpw-page .page-select-a.active span.triangle {
	vertical-align: 3px;
	border-color: transparent transparent #579b00 transparent
}



.module-line {
	float:left;
	width: 100%;
	height: 10px;
	background: #f5f5f5;
}

.single-green {
    text-align: center;
    font-size: 12px;
    color: #fff !important;
    padding: 3px 6px;
    background: rgba(255,68,102,0.75);
    vertical-align: middle;
    border-radius: 2px;
}

.single-green2 {
    text-align: center;
    font-size: 12px;
    color: #fff !important;
    padding: 3px 6px;
    background: #31abf7;
    vertical-align: middle;
    border-radius: 2px;
}

.single-green3 {
    text-align: center;
    font-size: 12px;
    color: #fff !important;
    padding: 3px 6px;
    background: #7bbf1e;
    vertical-align: middle;
    border-radius: 2px;
}
  
.curr {
    color: #f46;
    font-weight: bold;
}

.ren_list_us .time {
     padding-left: 0px; 
}


.xuance {
	float:left;
	background: #fff;
	width:100%;
	height:auto;
}

.xiangmu {
	height:auto;
}


.quyu {
	height:auto;
}

.section-title {
    padding-left: 10px;
	float: left;
	height: 40px;
	line-height: 40px;
	width:100%;
	background: #fff;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	border-bottom:1px solid #f6f6f6;	
}


.section-title2 {
	float:left;
	margin: 0px;
	padding: 0px;
	width:100%;
	height: 40px;
	line-height: 40px;
	background: #fff;
	color: #333;
	font-size: 13px;
	font-weight: 500;
	border-top:1px solid #f6f6f6;
	text-align:center;
	
}

.text-link li {
	background: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-link li a{
	font-size:14px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height:40px;
	line-height:40px;
}

.title-link .child-links {
	overflow: hidden;
}

.title-link .child-links>a {
	float: left;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	color: #333;
	font-size: 14px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px
}

.sjx{
    content: '';
    display: inline-block;
    border: 0.065rem solid #999;
    border-color: #999 transparent transparent transparent;
    position: relative;
    top: 0.0613rem;
    left: 0.0525rem;
}

.sjx2{
    content: '';
    display: inline-block;
    border: 0.065rem solid #999;
    border-color: transparent transparent #999 transparent;
    position: relative;
    top: -0.0053rem;
    left: 0.0525rem;
}

.tag.feature-label {
	color: #f46;
	font-size:12px;
	padding:0px 0px;
	border: 1px solid #f46;
	border-radius:2px;
	vertical-align: bottom;
}

.tag.feature-label2 {
    color: #00aaf1;
	font-size:12px;
	padding:0px 0px;
    border: 1px solid #00aaf1;
	border-radius:2px;
	vertical-align: bottom;
}

.tag.feature-label3 {
	color: #fa5608;
	font-size:12px;
	padding:0px 0px;
	border: 1px solid #fa5608;
	border-radius:2px;
	vertical-align: bottom;
}

/*首页幻灯*/
@keyframes zz_w1_b1{0%{background-position:0 top}100%{background-position: 600px top}}
@keyframes zz_w1_b2{0%{background-position:0 top}100%{background-position: 600px top}}
.zz_trends_box{position:absolute; left:0; bottom:-10px; height:30px; width:100%; z-index: 5;}
.zz_trends_box .zz_trends{position:absolute;width:100%; height:30px;}
.zz_trends_box .zz_trends.zz_w1{background:url(/images/zz_w1_icon.png) repeat-x; background-size: 600px; -webkit-animation: zz_w1_b1 3.5s infinite linear; animation: zz_w1_b1 3.5s infinite linear;z-index: 5;}
.zz_trends_box .zz_trends.zz_w2{background:url(/images/zz_w1_icon.png) repeat-x; background-size: 600px; -webkit-animation: zz_w1_b2 6s infinite linear; animation: zz_w1_b2 6s infinite linear; top:5px;z-index: 5;}

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 90%;max-height: 80%;margin:0 auto;}
.big_img .swiper-pagination2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{margin:0 0.05rem;}


/*----- forumlist -----*/
.rtj1009_m_portal { background: #F3F3F3; font-size: 16px; }
.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;   transition: all 300ms ease 0s;color: rgb(100, 100, 100);}
.rtj1009_p_nav .ren_p_nav .a { border-bottom: 2px solid #7BBF1E; color: #7BBF1E; }
.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('/css/ren_water_1.svg') repeat-x; background-size: 620px; -webkit-animation: ren-swiper-svg1 3.5s infinite linear; animation: ren-swiper-svg1 3.5s infinite linear; }
.ren-swiper-svg2 { top: 5px; background: url('/css/ren_water_2.svg') repeat-x; background-size: 620px; -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:620px top}}
@keyframes ren-swiper-svg2{0%{background-position:0 top}100%{background-position:620px 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 .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: 10; text-align: right; }
/*
.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 { width: 8px; height: 8px; background: #ffF; border-radius: 0; opacity: 1;border-radius: 5px; }
.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; }

.m-slider-zidong { min-height: 195px; }
.m-slider-zidong img { min-height: 195px; position: absolute; margin: auto; }


.skui_header {
	width:100%;
}

.skui_header_nav {
	width:100%;
	padding-top:15px;
	padding-bottom:12px;
    background: #fff;
    z-index: 10;
}
.skui_header_nav li {
	width:18.8%;
	display: inline-block;
    font-size: 15px;
	text-align: center;
}
.skui_header_nav li:last-child {
    padding-right: 0;
}
.skui_header_nav li a {
	color: #646464;
	position: relative;
	transition: all 300ms ease 0s;
    color: rgb(100, 100, 100);
}
.skui_header_nav li a::before {
	content: "";
    height: 0.35rem;
    width: 50%;
    display: block;
    background: transparent;
    position: absolute;
    left: 35%;
    bottom: -0.65rem;
    margin-left: -0.3rem;
    border-radius: 1rem;
}
.skui_header_nav li.a a {
	color: rgba(255,68,102,0.75);
	font-weight: 600;
}
.skui_header_nav li.a a::before {
    background: rgba(255,68,102,0.75);
}
